修改提交

src/views/produceOrder/detail.vue

@@ -2,7 +2,7 @@
   <div class="ele-body">
     <div class="page-title">
       <el-page-header @back="$router.go(-1)">
-        <div slot="content" class="pageContent">
+        <div slot="content" class="pageContent" @click="writeOff">
           <div>详情</div>
         </div>
       </el-page-header>
@@ -1032,11 +1032,16 @@
 		
 		// 冲销
 		writeOff(row){
-			this.$confirm(`<span style="color: red;">是否要撤销本次报工?</span>`, '冲销', {
-			  confirmButtonText: '确认',
-			  cancelButtonText: '取消',
-			  type: 'warning'
-			})
+			const h = this.$createElement
+			this.$confirm('', {
+				  message:h('div',null, [
+					h('i',{ class:'el-icon-question',style:'color:#f90;font-size:30px;' }),
+					h('span',{ style:'margin-left:10px;font-size:16px;line-height:30px;font-weight:600;vertical-align:top;'}, '提示'),
+					h('p',{ style:'margin:10px 0 0 40px;color:red' },'是否要撤销本次报工?')
+				  ]),
+				  confirmButtonText: '确定',
+				  cancelButtonText: '取消',
+            })
 			.then(() => {
 				const data = {
 					taskCode:this.taskCode,
@@ -1050,9 +1055,14 @@
 						this.$message.success('冲销成功');
 						this.reload({workOrderId:this.workOrderId, taskCode:this.taskCode})
 					}else{
-						this.$confirm(`冲销后的总数不可小于下道工序的总数`, '冲销失败', {
-						  confirmButtonText: '确认',
-						  type: 'warning'
+						this.$confirm('', {
+							  message:h('div',null, [
+								h('i',{ class:'el-icon-question',style:'color:#f90;font-size:30px;' }),
+								h('span',{ style:'margin-left:10px;font-size:16px;line-height:30px;font-weight:600;vertical-align:top;color:red'}, '冲销失败'),
+								h('p',{ style:'margin:10px 0 0 40px' },'冲销后的总数不可小于下道工序的总数')
+							  ]),
+							  confirmButtonText: '确定',
+							  showCancelButton: false
 						})
 						.then(() => {						
 						})