修改图片和数据确认

src/views/order/dataConfirm/index.vue

@@ -24,6 +24,7 @@
 								<div class="total">
 									<el-badge class="badgeItem" :value="item.total_count" :max="99" color="#eeeeee"></el-badge>
 								</div>
+								<div class="deleteBtn" v-auth="'mailDataDelete'" @click.stop="deleteEmail(item)"><el-icon style="font-size: 32px"><sc-icon-JbDelete/></el-icon></div>
 							</div>
 						</div>
 					</el-scrollbar>
@@ -43,9 +44,10 @@
 					<div class="rightBtnMain">
 						<div class="date">{{emailParams.sent_at}}</div>
 						<div class="btnItem">
+							<el-button type="danger" v-auth="'repairDelete'" :disabled="selection.length>0?false:true" plain icon="el-icon-delete" :size="size" @click="deleteEmailDetail"></el-button>
 							<el-button type="primary" v-auth="'mailBodyInfo'" plain :size="size" @click="seeEmail">查看原邮件</el-button>
 							<el-dropdown placement="bottom-start">
-								<el-button type="primary" v-auth="['repairConfirm']" :size="size">确认维保 <el-icon class="el-icon--right"><el-icon-ArrowDown/></el-icon></el-button>
+								<el-button type="primary" v-auth="'repairConfirm'" :size="size">确认维保 <el-icon class="el-icon--right"><el-icon-ArrowDown/></el-icon></el-button>
 								<template #dropdown>
 									<el-dropdown-menu>
 										<el-dropdown-item @click="allDefend('all')">全部入保</el-dropdown-item>
@@ -306,6 +308,17 @@ export default {
 			div.innerHTML = html;
 			return div.textContent || div.innerText || '';
 		},
+		// 删除邮件
+		async deleteEmail(item) {
+			let params = {
+				ids:[item.id]
+			}
+			const res = await this.$API.orders.order.mail.emailDelete.post(params);
+			if(res.code == 200){
+				this.emailId = "";
+				await this.getData();
+			}
+		},
 		// 滚动分页
 		onScroll(event){
 			this.$nextTick(()=>{
@@ -346,8 +359,10 @@ export default {
 				this.total = res.data.total;
 				this.emailData = res.data;
 				this.userColumn = res.data.columnConfig;
-				res.data.mail_info[0].text = this.stripHtmlTags(res.data.mail_info[0].summary)
-				this.emailParams = res.data.mail_info[0];
+				if(res.data.mail_info && res.data.mail_info.length>0){
+					res.data.mail_info[0].text = this.stripHtmlTags(res.data.mail_info[0].summary)
+					this.emailParams = res.data.mail_info[0];
+				}
 
 				if(res.data.tableConfig && res.data.tableConfig.size){
 					this.config = res.data.tableConfig;
@@ -409,6 +424,17 @@ export default {
 				}
 			}
 		},
+		// 删除邮件明细
+		async deleteEmailDetail() {
+			let params = {
+				mail_data_id:this.emailId,
+				ids:this.selection.map(em=> em.id)
+			};
+			const res = await this.$API.orders.order.mail.delete.post(params);
+			if(res.code == 200){
+				await this.getData();
+			}
+		},
 		seeEmail(){
 			eventBus.$emit('tagClose','/order/view-mail',{id:this.emailId});
 		},
@@ -594,7 +620,7 @@ export default {
 	padding: 5px 0;
 	.itemBox{
 		position: relative;
-		padding: 12px 0 12px 10px;
+		padding: 12px 0 12px 15px;
 		cursor: pointer;
 		.text{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: calc(100% - 10px);}
 		.name{margin-bottom: 10px;font-size: 14px;font-weight: 600;color: var(--el-color-dark);}
@@ -614,12 +640,31 @@ export default {
 				color: #555555;
 			}
 		}
+		.deleteBtn{
+			position: absolute;
+			bottom: -4px;
+			right: 0;
+			align-items: flex-end;
+			justify-content: center;
+			display: none;
+		}
+	}
+	.itemBox:hover{
+		padding-right: 10px;
+		cursor: pointer;
+	}
+	.itemBox:hover .total{
+		right: 20px;
+	}
+	.itemBox:hover .deleteBtn{
+		display: flex;
+		cursor: pointer;
 	}
 	.itemBox:after{
 		content: "";
 		position: absolute;
 		top: 16px;
-		left: 0;
+		left: 2px;
 		z-index: 20;
 		width: 4px;
 		height: calc(100% - 32px);

src/views/order/orderPlan/index.vue

@@ -86,7 +86,7 @@ export default {
 				show: false,
 			},
 			list: {
-				apiObj: {},
+				apiObj: this.$API.orders.order.plan.list,
 				column: [],
 			},
 			selection: [],