物料变更单完善修改，删除，查看功能

src/api/changeApply/basic.js

@@ -16,6 +16,29 @@ export function addChangeList(data) {
     data: data
   })
 }
+// 物料变更单修改
+export function editChangeList(data) {
+  return request({
+    url: `/material/change/edit`,
+    method: 'post',
+    data: data
+  })
+}
+// 物料变更单修改
+export function deleteChangeList(data) {
+  return request({
+    url: `/material/change/del`,
+    method: 'post',
+    data: data
+  })
+}
+// 获取物料变更单详情
+export function getChangeDetails(id) {
+  return request({
+    url: `/material/change/query/${id}`,
+    method: 'get',
+  })
+}
 // 获取物料列表信息
 export function getMaterialList(data) {
   return request({
@@ -31,3 +54,11 @@ export function getMaterialDetails(id) {
     method: 'get',
   })
 }
+// 获取生产厂家列表信息
+export function getProductFactory(data) {
+  return request({
+    url: `/system/archival/queryManufacturer`,
+    method: 'post',
+    data: data
+  })
+}

src/components/PopDialog/productFactory.vue

@@ -0,0 +1,278 @@
+<template>
+  <div>
+    <el-dialog
+      title="生产厂家选择"
+      width="1000px"
+      :close-on-click-modal="false"
+      :append-to-body="true"
+      v-dialogDrag
+      class="userDialog"
+      :visible.sync="visible"
+    >
+      <el-container style="height: 500px">
+        <el-container>
+          <el-header style="text-align: left; font-size: 12px; height: 30px">
+            <el-form
+              size="small"
+              :inline="true"
+              ref="searchForm"
+              :model="searchForm"
+              @keyup.enter.native="refreshList()"
+              @submit.native.prevent
+            >
+              <el-form-item prop="code">
+                <el-input
+                  size="small"
+                  v-model="searchForm.code"
+                  placeholder="物料编号"
+                  clearable
+                ></el-input>
+              </el-form-item>
+              <el-form-item prop="name">
+                <el-input
+                  size="small"
+                  v-model="searchForm.name"
+                  placeholder="物料名称"
+                  clearable
+                ></el-input>
+              </el-form-item>
+              <el-form-item>
+                <el-button
+                  type="primary"
+                  @click="refreshList()"
+                  size="small"
+                  icon="el-icon-search"
+                  >查询</el-button
+                >
+                <el-button
+                  @click="resetSearch()"
+                  size="small"
+                  icon="el-icon-refresh-right"
+                >重置</el-button>
+              </el-form-item>
+            </el-form>
+          </el-header>
+          <el-main>
+            <el-table
+              :data="dataList"
+              v-loading="loading"
+              size="small"
+              border
+              ref="contractTable"
+              @select="handleSelectionChange"
+              height="calc(100% - 40px)"
+              style="width: 100%"
+            >
+              <el-table-column
+                type="selection"
+                header-align="center"
+                align="center"
+                width="50"
+              >
+              </el-table-column>
+              <el-table-column
+                prop="code"
+                header-align="center"
+                align="left"
+                sortable="custom"
+                min-width="90"
+                label="code"
+              >
+              </el-table-column>
+              <el-table-column
+                prop="manufactureName"
+                header-align="center"
+                align="left"
+                sortable="custom"
+                min-width="90"
+                label="名称"
+              >
+              </el-table-column>
+              <!-- <el-table-column
+                prop="contractAmount"
+                header-align="center"
+                align="left"
+                sortable="custom"
+                min-width="110"
+                label="合同金额"
+              >
+              </el-table-column>
+              <el-table-column
+                prop="oppositeCompany"
+                header-align="center"
+                align="center"
+                sortable="custom"
+                min-width="110"
+                label="对方单位"
+              >
+              </el-table-column>
+              <el-table-column
+                prop="signDate"
+                header-align="center"
+                align="left"
+                sortable="custom"
+                min-width="110"
+                label="签订时间"
+              >
+              </el-table-column> -->
+            </el-table>
+            <el-pagination
+              @size-change="sizeChangeHandle"
+              @current-change="currentChangeHandle"
+              :current-page="pageNo"
+              :page-sizes="[5, 10, 15, 20]"
+              :page-size="pageSize"
+              :total="total"
+              layout="total, sizes, prev, pager, next, jumper"
+            >
+            </el-pagination>
+          </el-main>
+        </el-container>
+      </el-container>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          size="small"
+          @click="visible = false"
+          icon="el-icon-circle-close"
+          >关闭</el-button
+        >
+        <el-button
+          size="small"
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="doSubmit()"
+          >确定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getProductFactory } from '@/api/changeApply/basic'
+export default {
+  data() {
+    return {
+      searchForm: {
+        code: '',
+        name: ''
+      },
+      dataListAllSelections: [], // 所有选中的数据包含跨页数据
+      idKey: "id", // 标识列表数据中每一行的唯一键的名称(需要按自己的数据改一下)
+      dataList: [],
+      pageNo: 1,
+      pageSize: 10,
+      total: 0,
+      orders: [],
+      loading: false,
+      visible: false,
+    };
+  },
+  props: {
+    selectData: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+    // 是否启用单选
+    single: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    init() {
+      this.visible = true;
+      this.$nextTick(() => {
+        this.dataListAllSelections = JSON.parse(JSON.stringify(this.selectData));
+        this.resetSearch();
+      });
+    },
+    // 获取数据列表
+    refreshList() {
+      this.loading = true;
+      // axios({
+      //   url: "http://172.16.62.241:8000/drp-admin/system/material/list", // 自己的接口路径
+      //   method: "post",
+      //   data: {
+      //     // current: this.pageNo,
+      //     size: this.pageSize,
+      //     // orders: this.orders,
+      //     // ...this.searchForm,
+      //   },
+      getProductFactory({
+        pageNo: 1,
+        size: this.pageSize
+      }).then(({ data }) => {
+        console.log('data',data)
+        this.dataList = data.tableBody;
+        this.total = data.tableBody.length;
+        this.pageNo = data.current;
+        this.loading = false;
+        this.$nextTick(() => {
+          this.setSelectRow();
+        });
+      });
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.pageSize = val;
+      this.pageNo = 1;
+      this.refreshList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.pageNo = val;
+      this.refreshList();
+    },
+    // 排序
+    resetSearch() {
+      this.$refs.searchForm.resetFields();
+      this.refreshList();
+    },
+    // 选中数据
+    handleSelectionChange(selection, row) {
+      if (this.single && selection.length > 1) {
+        this.$refs.contractTable.clearSelection();
+        this.$refs.contractTable.toggleRowSelection(row);
+      }
+      this.dataListAllSelections = this.single ? [row] : selection
+    },
+    // 设置选中的方法
+    setSelectRow() {
+      this.$refs.contractTable.clearSelection();
+      if (!this.dataListAllSelections || this.dataListAllSelections.length <= 0) {
+        return;
+      }
+      for (let i = 0; i < this.dataList.length; i++) {
+        if (this.dataListAllSelections.some(item => item[this.idKey] == this.dataList[i][this.idKey])) {
+          // 设置选中，记住table组件需要使用ref="table"
+          this.$refs.contractTable.toggleRowSelection(this.dataList[i], true);
+        }
+      }
+    },
+    doSubmit() {
+      this.visible = false;
+      console.log('选择的数据？',this.dataListAllSelections)
+      this.$emit("doSubmit", this.dataListAllSelections);
+    },
+  },
+};
+</script>
+<style lang="scss">
+.userDialog {
+  .el-dialog__body {
+    padding: 10px 0px 0px 10px;
+    color: #606266;
+    font-size: 14px;
+    word-break: break-all;
+  }
+  .el-main {
+    padding: 20px 20px 5px 20px;
+    .el-pagination {
+      margin-top: 5px;
+    }
+  }
+}
+</style>

src/views/material/changeApply/add.vue

@@ -16,8 +16,8 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="物料编码" prop="materialCode">
-                <el-input v-model="basicForm.materialCode">
-                  <el-button slot="append" icon="el-icon-more" @click="test01"></el-button>
+                <el-input :disabled="disable" v-model="basicForm.materialCode">
+                  <el-button :disabled="disable" slot="append" icon="el-icon-more" @click="test01"></el-button>
                 </el-input>
               </el-form-item>
             </el-col>
@@ -25,7 +25,7 @@
           <el-row :gutter="20">
             <el-col :span="8">
               <el-form-item label="物料名称" prop="materialName">
-                <el-input v-model="basicForm.materialName"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.materialName"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -34,6 +34,7 @@
                     v-model="basicForm.medicineMaterial"
                     placeholder="医药物料"
                     clearable
+                    :disabled="disable"
                   >
                     <el-option
                       v-for="item in options"
@@ -46,48 +47,50 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="一级分类" prop="oneClass">
-                <el-input v-model="basicForm.oneClass"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.oneClass"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="20">
             <el-col :span="8">
               <el-form-item label="二级分类" prop="twoClass">
-                <el-input v-model="basicForm.twoClass"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.twoClass"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="三级分类" prop="threeClass">
-                <el-input v-model="basicForm.threeClass"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.threeClass"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="四级分类" prop="fourClass">
-                <el-input v-model="basicForm.fourClass"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.fourClass"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="20">
             <el-col :span="8">
               <el-form-item label="规格" prop="specification">
-                <el-input v-model="basicForm.specification"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.specification"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="型号" prop="model">
-                <el-input v-model="basicForm.model"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.model"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="生产厂家/代理人" prop="factory">
-                <el-input v-model="basicForm.factory"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.factory">
+                  <el-button :disabled="disable" slot="append" icon="el-icon-more" @click="test02"></el-button>
+                </el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="20">
             <el-col :span="8">
               <el-form-item label="注册人/上市许可持有人" prop="registrant">
-                <el-input v-model="basicForm.registrant"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.registrant"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -96,6 +99,7 @@
                     v-model="basicForm.storageConditions"
                     placeholder="存储条件"
                     clearable
+                    :disabled="disable"
                   >
                     <el-option
                       v-for="dict in dict.type.sys_storage_condition"
@@ -112,6 +116,7 @@
                     v-model="basicForm.transportCondition"
                     placeholder="运输条件"
                     clearable
+                    :disabled="disable"
                   >
                     <el-option
                       v-for="dict in dict.type.sys_conditions_carriage"
@@ -126,12 +131,12 @@
           <el-row :gutter="20">
             <el-col :span="8">
               <el-form-item label="交货周期" prop="leadTime">
-                <el-input v-model="basicForm.leadTime"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.leadTime"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="备注" prop="remark">
-                <el-input v-model="basicForm.remark"></el-input>
+                <el-input :disabled="disable" v-model="basicForm.remark"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
@@ -147,6 +152,7 @@
                     v-model="basicForm2.drug"
                     placeholder="药品"
                     clearable
+                    :disabled="disable"
                   >
                     <el-option
                       v-for="dict in dict.type.sys_medicine"
@@ -159,7 +165,7 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="注册证号/备案凭证编号" prop="registrationNo">
-                <el-input v-model="basicForm2.registrationNo"></el-input>
+                <el-input :disabled="disable" v-model="basicForm2.registrationNo"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -168,6 +174,7 @@
                     v-model="basicForm2.medicalDevices"
                     placeholder="医疗器械"
                     clearable
+                    :disabled="disable"
                   >
                     <el-option
                       v-for="dict in dict.type.medical_instruments"
@@ -186,6 +193,7 @@
                     v-model="basicForm2.maintenanceType"
                     placeholder="养护类型"
                     clearable
+                    :disabled="disable"
                   >
                     <el-option
                       v-for="dict in dict.type.curing_type"
@@ -250,51 +258,51 @@
           <el-row :gutter="20">
             <el-col :span="8">
               <el-form-item label="申请人" prop="createBy">
-                <el-input v-model="basicForm.createBy"></el-input>
+                <el-input disabled v-model="basicForm.createBy"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="申请时间" prop="applicationTime">
-                <el-input v-model="basicForm.applicationTime"></el-input>
+                <el-input disabled v-model="basicForm.applicationTime"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="创建人" prop="createBy">
-                <el-input v-model="basicForm.createBy"></el-input>
+                <el-input disabled v-model="basicForm.createBy"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="20">
             <el-col :span="8">
               <el-form-item label="创建时间" prop="createTime">
-                <el-input v-model="basicForm.createTime"></el-input>
+                <el-input disabled v-model="basicForm.createTime"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="最后修改人" prop="updateBy">
-                <el-input v-model="basicForm.updateBy"></el-input>
+                <el-input disabled v-model="basicForm.updateBy"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="最后修改时间" prop="updateTime">
-                <el-input v-model="basicForm.updateTime"></el-input>
+                <el-input disabled v-model="basicForm.updateTime"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row :gutter="20">
             <el-col :span="8">
               <el-form-item label="最后审核人" prop="approver">
-                <el-input v-model="basicForm.approver"></el-input>
+                <el-input disabled v-model="basicForm.approver"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="最后审核时间" prop="approvalTime">
-                <el-input v-model="basicForm.approvalTime"></el-input>
+                <el-input disabled v-model="basicForm.approvalTime"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="单据状态" prop="status">
-                <el-input v-model="basicForm.status"></el-input>
+                <el-input disabled v-model="basicForm.status"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
@@ -304,10 +312,10 @@
 
     <div class="btn_group">
       <el-col :span="1.5">
-        <el-button type="primary" size="small" plain @click="save">保存</el-button>
+        <el-button type="primary" size="small" plain @click="save" v-if="pageStu == 'add' || pageStu == 'edit'">保存</el-button>
       </el-col>
       <el-col :span="1.5" style="margin: 0 10px;">
-        <el-button type="primary" size="small" plain @click="submit">提交</el-button>
+        <el-button type="primary" size="small" plain @click="submit" v-if="pageStu == 'add' || pageStu == 'edit'">提交</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button type="primary" size="small" plain @click="back">返回</el-button>
@@ -321,18 +329,27 @@
       :single="true"
     />
 
+    <factory
+      ref="contractSelect2"
+      @doSubmit="selectionsToInput2"
+      :selectData="selectData2"
+      :single="true"
+    />
   </div>
 </template>
 
 <script>
 import popDialog from '@/components/PopDialog/index.vue'
-import { addChangeList, getMaterialDetails } from '@/api/changeApply/basic'
+import factory from '@/components/PopDialog/productFactory.vue'
+import { addChangeList, getMaterialDetails, getChangeDetails, editChangeList } from '@/api/changeApply/basic'
 export default {
   name: 'applyAdd',
   dicts: ['sys_storage_condition', 'sys_conditions_carriage', 'sys_medicine', 'medical_instruments', 'curing_type'],
   components: {
-    popDialog
+    popDialog,
+    factory
   },
+  props: ['pageStu', 'row', 'disable'],
   model: {
     prop: 'isList',
     event: 'jugislist'
@@ -390,15 +407,14 @@ export default {
         // ],
       },
       // tableList: [],
-      tableList2: [],
       // 子表选中
       ids: [],
       // 弹窗
       name: '',
-      selectData: []
+      selectData: [],
+      selectData2: []
     }
   },
-  // 监听
   // watch: {
   //   value: {
   //     handler (newVal) {
@@ -424,24 +440,76 @@ export default {
   //     deep: false
   //   }
   // },
+  mounted() {
+    this.$nextTick(() => {
+      // console.log('页面状态',this.pageStu)
+      if(this.pageStu == 'check') {
+        // alert('详情页面:')
+        console.log('页面状态',this.pageStu)
+        console.log('数据', this.row)
+        this.getDetails(this.row)
+      } else if (this.pageStu == 'edit') {
+        // alert('修改页面')
+        console.log('页面状态',this.pageStu)
+        console.log('数据', this.row)
+        this.getDetails(this.row)
+      } else if(this.pageStu == 'add') {
+        // alert('新增页面')
+        console.log('页面状态',this.pageStu)
+      }
+    })
+  },
   methods: {
     handleClick(tab, event) {
       console.log(tab, event);
+      console.log('页面状态',this.pageStu)
+    },
+    // 如果是详情进入，则调用详情接口
+    getDetails(row) {
+      getChangeDetails(row.id).then(res => {
+        if(res.code === 200) {
+          this.basicForm = res.data
+          this.basicForm2 = res.data.medicineChange
+        }
+      })
     },
     save() {
-      alert('保存传status：0')
+      // alert('保存传status：0')
       let sparams = {...this.basicForm, ...{status: 0}}
       sparams.medicineChange = this.basicForm2
-      console.log('参数', sparams)
+      console.log('保存参数', sparams)
       addChangeList(sparams).then(res => {
-
+        if(res.code === 200) {
+          this.$message({
+            message: res.msg,
+            type: 'success'
+          });
+          this.back()
+        }
       })
     },
     submit() {
-      alert('提交传status：1')
+      // alert('提交传status：1')
+      let sparams = {...this.basicForm, ...{status: 1}}
+      sparams.medicineChange = this.basicForm2
+      console.log('提交参数', sparams)
+      editChangeList(sparams).then(res => {
+        if(res.code === 200) {
+          this.$message({
+            message: res.msg,
+            type: 'success'
+          });
+          this.back()
+        }
+      })
     },
     back() {
       this.$emit('jugislist', true)
+      let queryParams = {
+        pageNum: 1,
+        pageSize: 10
+      }
+      this.$emit('refresh', queryParams)
     },
     // 子表增删行
     // handleSelectionChange(val) {
@@ -512,10 +580,18 @@ export default {
         }
       })
     },
+    selectionsToInput2 (selections) {
+      console.log('选择的数据',selections)
+      this.basicForm.factory = selections[0].manufactureName
+    },
     // 显示列表
     test01() {
       console.log('测试点击')
       this.$refs.contractSelect.init()
+    },
+    test02() {
+      console.log('测试弹窗2');
+      this.$refs.contractSelect2.init()
     }
   }
 }

src/views/material/changeApply/index.vue

@@ -46,7 +46,7 @@
 
     <el-row :gutter="10" class="mb10">
       <el-col :span="1.5">
-        <el-button type="primary" size="small" plain @click="addApply">新增</el-button>
+        <el-button type="primary" size="small" plain @click="newAdd">新增</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button type="primary" size="small" plain>导入</el-button>
@@ -54,12 +54,12 @@
       <el-col :span="1.5">
         <el-button type="primary" size="small" plain>导出</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button type="primary" size="small" plain>批量提交</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button type="primary" size="small" plain>批量删除</el-button>
-      </el-col>
+      </el-col> -->
     </el-row>
 
     <el-card>
@@ -70,7 +70,7 @@
         max-height="680"
         @selection-change="handleSelectionChange"
       >
-        <el-table-column type="selection" width="55" />
+        <!-- <el-table-column type="selection" width="55" /> -->
         <el-table-column label="序号" align="center" prop="sort" />
         <el-table-column label="申请组织" align="center" prop="orgId" />
         <el-table-column label="单据编码" align="center" width="200" prop="code" />
@@ -91,9 +91,9 @@
           width="150"
           >
           <template slot-scope="scope">
-            <el-button type="text" size="small">查看</el-button>
-            <el-button @click="edit(scope.row)" type="text" size="small">修改</el-button>
-            <el-button type="text" size="small">更多</el-button>
+            <el-button type="text" size="small" @click="check(scope.row)">查看</el-button>
+            <el-button @click="edit(scope.row)" v-if="scope.row.status == 0 || scope.row.status == 4" type="text" size="small">修改</el-button>
+            <el-button type="text" size="small" @click="deleteRow(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -110,13 +110,13 @@
     </el-card>
     </div>
 
-    <component :is="isComponent" v-model="isList" v-if="!isList"/>
+    <component :is="isComponent" v-model="isList" :pageStu="page" :disable="disable" :row="rowDetail" @refresh="getList" v-if="!isList"/>
   </div>
 </template>
 
 <script>
 import addApply from './add.vue';
-import { getChangeList } from '@/api/changeApply/basic'
+import { getChangeList , deleteChangeList} from '@/api/changeApply/basic'
 export default {
   name: 'changeApply',
   components: {
@@ -138,18 +138,27 @@ export default {
       total:0,
       // isComponent
       isComponent:'addApply',
-      isList: true
+      isList: true,
+      // 页面状态
+      page: '',
+      rowDetail: {},
+      disable: false
     }
   },
   created() {
+    
+  },
+  mounted() {
     this.getList(this.queryParams)
   },
   methods: {
-    addApply() {
+    newAdd() {
       this.isList = false
       this.isComponent = 'addApply'
+      this.page = 'add'
     },
     getList(val) {
+      console.log('val',val)
       getChangeList(val).then(res => {
         if (res.code === 200) {
           this.tableList = res.rows
@@ -173,8 +182,38 @@ export default {
     handleSelectionChange () {
 
     },
-    edit() {
-
+    check(row) {
+      console.log('查看详情', row)
+      this.isList = false
+      this.isComponent = 'addApply'
+      this.page = 'check'
+      this.rowDetail = row
+      this.disable = true
+    },
+    edit(row) {
+      console.log('修改先加载详情', row)
+      this.isList = false
+      this.isComponent = 'addApply'
+      this.page = 'edit'
+      this.rowDetail = row
+      this.disable = false
+    },
+    deleteRow(row) {
+      this.$confirm('是否删除此条数据?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          deleteChangeList({id: row.id}).then(res => {
+            if(res.code === 200) {
+              this.$message({
+                message: res.msg,
+                type: 'success'
+              });
+              this.getList(this.queryParams)
+            }
+          })
+        }).catch(() => {})
     },
     handleSizeChange(val) {
       console.log(`每页 ${val} 条`);