合并画布代码

src/component/home/batchGeneration/index.vue

@@ -47,17 +47,35 @@
 			<div class="content">
 				<tr v-for="(row, index) in contentList" :key="index">
 					<td v-for="header in cloudTiltleList" :key="header.value">
-						<span v-show="header.value != 'operation'">
+						<div v-if="header.value != 'operation' && header.value != 'name'">
 							{{header?.fun?header.fun(row[header.value]) : row[header.value]}}
+						</div>
+						<div v-if="header.value == 'name'">
+							<div v-if="row.id == renameId" class="rename">
+								<input type="text" v-model="renameText">
+								<i class="fi fi-br-check" @click="submitRename(row)"></i>
+							</div>
+							<div v-else>
+								{{header?.fun?header.fun(row[header.value]) : row[header.value]}}
+							</div>
+						</div>
+						<span style="color: #007EE5; cursor: pointer; margin-right: 1rem;" v-show="header.value == 'operation'" @click="setRename(row)">
+							Rename
 						</span>
-						<span style="color: #007EE5; cursor: pointer;" v-show="header.value == 'operation'" @click="detailIamge(row)">
+						<span style="color: #007EE5; cursor: pointer; margin-right: 1rem;" v-show="header.value == 'operation'" @click="detailIamge(row)">
 							Review
 						</span>
+						<span style="color: #007EE5; cursor: pointer;" v-show="header.value == 'operation'" @click="deleteRom(row)">
+							Delete
+						</span>
 					</td>
 				</tr>
 			</div>
 			<a-pagination style="text-align: center;" @change="pagination" v-model:current="currentPage" :total="total" show-less-items />
 		</div>
+		<div class="mark_loading" v-show="loadingShow">
+			<a-spin size="large" />
+		</div>
 		<createCloud ref="createCloud" :cloudList="generateList.seriesDesign" @getContentList="submitGetContentList"></createCloud>
 	</div>
 </template>
@@ -159,6 +177,9 @@ export default defineComponent({
 			},
 			cloudTiltleList:[
 				{
+					name:'Task Name',
+					value:'name',
+				},{
 					name:'Task type',
 					value:'buildType',
 					fun:(value:any)=>{
@@ -213,6 +234,9 @@ export default defineComponent({
 			]  as any,
 			objectList:[],
 			isGetContentList:false as any,
+			renameId:-1 as any,
+			renameText:'',
+			loadingShow:false,
 		})
 		const dataDom = reactive({
 			createCloud,
@@ -259,7 +283,13 @@ export default defineComponent({
 						store.commit('setCloudList',{str:'relight',list:rv.relight})
 						router.push(`/home/tools?tools=${item.buildType}&id=${item.projectId}&source=batch`)
 					}else if(item.buildType == 'poseTransfer'){
-						store.commit('setCloudList',{str:'poseTransfer',list:rv.poseTransfer})
+						let list = {
+							list:rv.poseTransfer,
+							str:'add',
+							index:-1,
+						}
+						store.commit("setPoseTransfer", list);
+						// store.commit('setCloudList',{str:'poseTransfer',list:rv.poseTransfer})
 						router.push(`/home/tools?tools=${item.buildType}&id=${item.projectId}&source=batch`)
 					}
 					// if(rv.design && rv.design.length > 0){
@@ -281,6 +311,7 @@ export default defineComponent({
 		}
 		const pagination = ()=>{
 			data.isGetContentList = true
+			data.renameId = -1
 			getContentList()
 		}
 		let time = null as any
@@ -290,7 +321,7 @@ export default defineComponent({
 				let value = {
 					page:data.currentPage,
 					size:data.pageSize,
-					projectId: data.projectData?.value,
+					projectId: data.projectData?.value?data.projectData?.value:'',
 				}
 				Https.axiosPost(Https.httpUrls.cloudPage,value).then((rv)=>{
 					data.contentList = rv.content
@@ -342,6 +373,40 @@ export default defineComponent({
 		const handleChange = (event:any,value:any)=>{
 			data.createData = value
 		}
+		const setRename = (item:any)=>{
+			data.renameId = item.id
+			data.renameText = item.name
+		}
+		const submitRename = (item:any)=>{
+			data.renameId = -1
+			data.loadingShow = true
+			let value = {
+				id:item.id,
+				name:data.renameText,
+			}
+			Https.axiosPost(Https.httpUrls.cloudTaskNameUpdate,value).then((rv)=>{
+				data.loadingShow = false
+				data.renameText = ''
+
+				data.isGetContentList = true
+				getContentList()
+			}).catch((err)=>{
+				data.loadingShow = false
+			})
+		}
+		const deleteRom = (item:any)=>{
+			let value = {
+				id:item.id
+			}
+			Https.axiosPost(Https.httpUrls.cloudTaskDelete,value).then((rv)=>{
+				data.loadingShow = false
+
+				data.isGetContentList = true
+				getContentList()
+			}).catch((err)=>{
+				data.loadingShow = false
+			})
+		}
 		onBeforeUnmount(()=>{
 			data.isGetContentList = false
 		})
@@ -366,6 +431,9 @@ export default defineComponent({
 			handleChange,
 			getHistoryProjectList,
 			pagination,
+			setRename,
+			submitRename,
+			deleteRom,
 		}
 	},
 	provide() {
@@ -452,7 +520,31 @@ export default defineComponent({
 						text-align: center;
 						width: calc(100% / 4);
 						line-height: 4.6rem;
-						font-size: 2.2rem;
+						font-size: 1.6rem;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						.rename{
+							display: flex;
+							align-items: center;
+							input{
+								height: 100%;
+								padding: .8rem;
+								width: 12rem;
+							}
+							> i{
+								margin-left: 1rem;
+								cursor: pointer;
+								width: 3rem;
+								height: 3rem;
+								background: #000;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								color: #fff;
+								border-radius: 2rem;
+							}
+						}
 					}
 				}
 			}