采购合同变更：采购员clearable；新增变更提示

src/views/PurchasingCenter/ContractChange/index.vue

@@ -26,7 +26,7 @@
               </el-option>
             </el-select>
             <span>采购员:</span>
-            <el-select v-model="personValue" placeholder="采购员" size="small" style="width: 100px">
+            <el-select v-model="personValue" placeholder="采购员" size="small" clearable style="width: 100px">
               <el-option
                 v-for="item in person"
                 :key="item.value"
@@ -186,7 +186,7 @@
               </el-option>
             </el-select>
             <span>采购员:</span>
-            <el-select v-model="personValue3" placeholder="采购员" size="small" style="width: 100px">
+            <el-select v-model="personValue3" placeholder="采购员" size="small" clearable style="width: 100px">
               <el-option
                 v-for="item in person"
                 :key="item.value"
@@ -494,6 +494,11 @@ export default {
     },
     contractChange() {
       if (this.contractValue) {
+        this.$confirm('确定更改该合同?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
           contractChange(this.contractValue, this.changeReason).then(response => {
             this.contractValue = ''
             this.changeReason = ''
@@ -505,6 +510,12 @@ export default {
               this.fetchData()
             } else { this.$message.error('变更失败') }
           })
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消操作'
+          })
+        })
       } else {
         this.$message.error('请先选择合同')
       }