作品广场
This commit is contained in:
X1627315083
@@ -26,36 +26,30 @@
|
||||
<div class="publidh_content_item">
|
||||
<div class="publidh_content_item_title">Cover Picture</div>
|
||||
<div class="publish_content_shrink publish_content_item">
|
||||
<img v-lazy="'https://www.minio.aida.com.hk:9000/aida-results/result_eabc59d4-110a-11ef-bb36-0242ac160002.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240514%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240514T093050Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=64f2098d15a2ebf5883946c472bbeecaed1a443c618e1f15d92f44b97cb63542'" alt="">
|
||||
<img v-lazy="selectDate.url" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="publidh_left_thubnai publidh_content_item">
|
||||
<div class="publidh_content_item_title">Select Cover Picture</div>
|
||||
<div class="publidh_left_thubnail_list publish_content_item">
|
||||
<img v-lazy="'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center'" alt="">
|
||||
<img v-lazy="'https://www.minio.aida.com.hk:9000/aida-results/result_eabc59d4-110a-11ef-bb36-0242ac160002.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240514%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240514T093050Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=64f2098d15a2ebf5883946c472bbeecaed1a443c618e1f15d92f44b97cb63542'" alt="">
|
||||
<img v-lazy="'https://www.minio.aida.com.hk:9000/aida-results/result_eabc59d4-110a-11ef-bb36-0242ac160002.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240514%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240514T093050Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=64f2098d15a2ebf5883946c472bbeecaed1a443c618e1f15d92f44b97cb63542'" alt="">
|
||||
<img v-lazy="'https://www.minio.aida.com.hk:9000/aida-results/result_eabc59d4-110a-11ef-bb36-0242ac160002.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240514%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240514T093050Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=64f2098d15a2ebf5883946c472bbeecaed1a443c618e1f15d92f44b97cb63542'" alt="">
|
||||
<img v-lazy="'https://www.minio.aida.com.hk:9000/aida-results/result_eabc59d4-110a-11ef-bb36-0242ac160002.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20240514%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240514T093050Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=64f2098d15a2ebf5883946c472bbeecaed1a443c618e1f15d92f44b97cb63542'" alt="">
|
||||
<img v-lazy="'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center'" alt="">
|
||||
<img v-lazy="'https://cdn.dribbble.com/userupload/14355607/file/original-930ddf037011f7acd6bd810a5cb6f0fc.jpg?resize=450x338&vertical=center'" alt="">
|
||||
<img v-for="item in getPublishDate.groupDetails" :class="{selectActive:item.designOutfitId === subPublishDate.coverId}" v-lazy="item.url" @click="setCover(item)" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="publidh_right">
|
||||
<div class="publidh_right_name publidh_content_item">
|
||||
<div class="publidh_content_item_title">Name</div>
|
||||
<input type="text">
|
||||
<input type="text" v-model="subPublishDate.portfolioName">
|
||||
</div>
|
||||
<div class="publidh_right_name publidh_content_item">
|
||||
<div class="publidh_content_item_title">Description</div>
|
||||
<textarea ref="textarea"></textarea>
|
||||
<textarea ref="textarea" v-model="subPublishDate.portfolioDes"></textarea>
|
||||
</div>
|
||||
<!-- <div class="publidh_right_name publidh_content_item">
|
||||
<div class="publidh_content_item_title">Thumbnail preview</div>
|
||||
<input type="text">
|
||||
</div> -->
|
||||
<div class="publidh_right_name publidh_content_item">
|
||||
<div class="publidh_content_item publidh_right_zhuyi">
|
||||
<div class="publidh_content_item_intro">
|
||||
<span class="icon iconfont icon-zhuyi"></span>This will publish your work to the square for all users to see.
|
||||
</div>
|
||||
@@ -67,16 +61,18 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="mark_loading" v-show="isShowMark">
|
||||
<a-spin size="large" />
|
||||
</div>
|
||||
</a-modal>
|
||||
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent,watch,createVNode, h, ref ,toRefs,computed,reactive,triggerRef, nextTick} from "vue";
|
||||
// import { Https } from "@/tool/https";
|
||||
// import { getCookie } from "@/tool/cookie";
|
||||
import { Https } from "@/tool/https";
|
||||
import { getCookie,setCookie } from "@/tool/cookie";
|
||||
// import domTurnImg from '@/tool/domTurnImg'
|
||||
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
||||
import { Modal,message } from 'ant-design-vue';
|
||||
@@ -86,30 +82,55 @@ export default defineComponent({
|
||||
setup() {
|
||||
let publish: any = ref(false);//弹窗
|
||||
let publishMask:any = ref(false)//弹窗遮罩
|
||||
let publishDate:any = reactive({
|
||||
let publishData:any = reactive({
|
||||
publishName:'123123',
|
||||
loadingShow:false,
|
||||
publishMarginTop:0,
|
||||
publishList:[],
|
||||
publishIndex:0,//当前图片索引
|
||||
isShowMark:false,
|
||||
selectDate:{
|
||||
url:'',
|
||||
},
|
||||
getPublishDate:{
|
||||
},
|
||||
subPublishDate:{
|
||||
},
|
||||
})
|
||||
// let textarea: any = ref(null)
|
||||
// let setCopy = ()=>{
|
||||
// textarea.value.select()
|
||||
// document.execCommand("copy");
|
||||
// }
|
||||
let init = ()=>{
|
||||
console.log(213123);
|
||||
let init = (data:any)=>{
|
||||
let userInfo:any = getCookie("userInfo")
|
||||
console.log(data);
|
||||
publishData.getPublishDate = data
|
||||
publish.value = true
|
||||
// publishDate.publishList = list
|
||||
// publishDate.publishIndex = index
|
||||
publishData.selectDate.url = data.groupDetails[0].url
|
||||
publishData.subPublishDate = {
|
||||
userLikeGroupId : data.id,
|
||||
coverId : data.groupDetails[0].designOutfitId,
|
||||
accountId : JSON.parse(userInfo).userId,
|
||||
createDate:'',
|
||||
idDeleted:'',
|
||||
id:'',
|
||||
portfolioDes:'',
|
||||
portfolioName:data.name,
|
||||
portfolioType:'History',
|
||||
status:'',
|
||||
updateDate:'',
|
||||
collectionId:'',
|
||||
}
|
||||
// publishData.publishList = list
|
||||
// publishData.publishIndex = index
|
||||
// let publishList = this.store.state.UploadFilesModule.moodboard
|
||||
}
|
||||
// let download = ()=>{
|
||||
// downloadIamge(publishDate.publishList[publishDate.publishIndex].imgUrl)
|
||||
// downloadIamge(publishData.publishList[publishData.publishIndex].imgUrl)
|
||||
// }
|
||||
// let setScaleImageIndex = (index:any)=>{
|
||||
// publishDate.publishIndex = index
|
||||
// publishData.publishIndex = index
|
||||
// }
|
||||
// let LikeFile = (item:any,str:string)=>{
|
||||
// const currentInstance = getCurrentInstance();
|
||||
@@ -123,11 +144,16 @@ export default defineComponent({
|
||||
// let parent:any = this.$parent
|
||||
// parent.likeFile(item,str)
|
||||
// },
|
||||
let confrimRename = ()=>{
|
||||
|
||||
let setCover = (item:any)=>{
|
||||
publishData.subPublishDate.coverId = item.designOutfitId
|
||||
publishData.selectDate.url = item.url
|
||||
|
||||
}
|
||||
let cleardate = ()=>{
|
||||
let cleardata = ()=>{
|
||||
publish.value = false
|
||||
publishData.isShowMark = false
|
||||
publishData.getPublishDate = {}
|
||||
publishData.subPublishDate = {}
|
||||
}
|
||||
let cancelDsign = ()=>{
|
||||
Modal.confirm({
|
||||
@@ -138,7 +164,7 @@ export default defineComponent({
|
||||
mask:false,
|
||||
centered:true,
|
||||
onOk() {
|
||||
cleardate()
|
||||
cleardata()
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -152,21 +178,36 @@ export default defineComponent({
|
||||
mask:false,
|
||||
centered:true,
|
||||
onOk() {
|
||||
subPublish()
|
||||
}
|
||||
});
|
||||
}
|
||||
let subPublish = ()=>{
|
||||
let data = publishData.subPublishDate
|
||||
publishData.isShowMark = true
|
||||
Https.axiosPost(Https.httpUrls.publish, data)
|
||||
.then((rv) => {
|
||||
console.log(rv);
|
||||
cleardata()
|
||||
publishData.isShowMark = false
|
||||
})
|
||||
.catch((rv) => {
|
||||
publishData.isShowMark = false
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
publish,
|
||||
publishMask,
|
||||
...toRefs(publishDate),
|
||||
...toRefs(publishData),
|
||||
// textarea,
|
||||
// setCopy,
|
||||
init,
|
||||
// download,
|
||||
// setScaleImageIndex,
|
||||
// LikeFile,
|
||||
confrimRename,
|
||||
setCover,
|
||||
cancelDsign,
|
||||
setPublish,
|
||||
};
|
||||
@@ -341,6 +382,7 @@ export default defineComponent({
|
||||
overflow-x: auto;
|
||||
height: 24rem;
|
||||
img{
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
@@ -352,8 +394,10 @@ export default defineComponent({
|
||||
}
|
||||
.publidh_right{
|
||||
width: 45%;
|
||||
.publidh_right_btn{
|
||||
.publidh_right_zhuyi{
|
||||
margin-top: auto;
|
||||
}
|
||||
.publidh_right_btn{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
Reference in New Issue
Block a user