删除由于moment格式化导致的时间误差（已无需格式化）

Signed-off-by: 熊铠 <xiongkai@dragoninfo.com.cn>

src/pages/service-delegate/detail.vue

@@ -1,60 +1,60 @@
 <template>
-  <div>
-    <div class="u-detail">
-      <el-form
-          label-position="right"
-          label-suffix=":"
-          label-width="120px"
-          ref="ruleForm"
-          style="margin-top: 12px; padding-right: 24px;"
-      >
-        <dg-row>
-          <dg-col>
-            <el-form-item label="应用名称" prop="appName">
-              <div class="u-detail__text">{{ formData.appName }}</div>
-            </el-form-item>
-            <el-form-item label="应用代码" prop="appCode">
-              <div class="u-detail__text">{{ formData.appCode }}</div>
-            </el-form-item>
-            <el-form-item label="服务名称" prop="serviceName">
-              <div class="u-detail__text">{{ formData.serviceName }}</div>
-            </el-form-item>
-            <el-form-item label="服务代码" prop="serviceCode">
-              <div class="u-detail__text">{{ formData.serviceCode }}</div>
-            </el-form-item>
-          </dg-col>
-          <dg-col :span="14">
-            <el-form-item label="创建时间" prop="createTime">
-              <div class="u-detail__text">{{ formData.createTime }}</div>
-            </el-form-item>
-          </dg-col>
-        </dg-row>
-      </el-form>
+    <div>
+        <div class="u-detail">
+            <el-form
+                label-position="right"
+                label-suffix=":"
+                label-width="120px"
+                ref="ruleForm"
+                style="margin-top: 12px; padding-right: 24px;"
+            >
+                <dg-row>
+                    <dg-col>
+                        <el-form-item label="应用名称" prop="appName">
+                            <div class="u-detail__text">{{ formData.appName }}</div>
+                        </el-form-item>
+                        <el-form-item label="应用代码" prop="appCode">
+                            <div class="u-detail__text">{{ formData.appCode }}</div>
+                        </el-form-item>
+                        <el-form-item label="服务名称" prop="serviceName">
+                            <div class="u-detail__text">{{ formData.serviceName }}</div>
+                        </el-form-item>
+                        <el-form-item label="服务代码" prop="serviceCode">
+                            <div class="u-detail__text">{{ formData.serviceCode }}</div>
+                        </el-form-item>
+                    </dg-col>
+                    <dg-col :span="14">
+                        <el-form-item label="创建时间" prop="createTime">
+                            <div class="u-detail__text">{{ formData.createTime }}</div>
+                        </el-form-item>
+                    </dg-col>
+                </dg-row>
+            </el-form>
+        </div>
+        <div class="dg-layer-demo" v-footer>
+            <dg-button @click="handleClose">关闭</dg-button>
+            <!--<dg-button type="primary" @click="handlSave">确定</dg-button>-->
+        </div>
     </div>
-    <div class="dg-layer-demo" v-footer>
-      <dg-button @click="handleClose">关闭</dg-button>
-      <!--<dg-button type="primary" @click="handlSave">确定</dg-button>-->
-    </div>
-  </div>
 </template>
 
 <script>
 
 export default {
-  name: "delegate-detail",
-  props: {
-    formData: {
-      type: Object,
-      required: true
-    }
-  },
-  created() {
-  },
-  methods: {
-    handleClose() {
-      this.$emit("success");
+    name: "delegate-detail",
+    props: {
+        formData: {
+            type: Object,
+            required: true
+        }
+    },
+    created() {
+    },
+    methods: {
+        handleClose() {
+            this.$emit("success");
+        }
     }
-  }
 }
 </script>
 

src/pages/service-delegate/editor.vue

@@ -1,178 +1,178 @@
 <template>
-  <div>
-    <el-form
-        :model="sizeForm"
-        :rules="rules"
-        label-position="right"
-        label-suffix=":"
-        label-width="100px"
-        ref="ruleForm"
-        style="margin-top: 12px; padding-right: 24px;"
-    >
-      <dg-row>
-        <dg-col>
-          <el-form-item label="应用名称" prop="appName">
-            <dg-select
-                clearable
-                filterable
-                :data="appData"
-                @change="changeAppName"
-                label-name="value"
-                placeholder="请选择应用名称或输入关键字查询"
-                v-model="sizeForm.appName"
-                value-name="code"
-            />
-          </el-form-item>
-          <!--<el-form-item label="应用代码" prop="appId">
-            <el-input
-                readonly
-                maxlength="50"
-                placeholder="在此显示应用代码，不可修改"
-                v-model.trim="sizeForm.appId"
-                :data="appData"
-                label-name="appId"
-                value-name="code"
-            />
-          </el-form-item>-->
-          <el-form-item label="服务名称" prop="serviceName">
-            <dg-select
-                clearable
-                filterable
-                :data="serviceData"
-                :loading="loading"
-                :remote-method="remoteSvcNameMethod"
-                @change="changeSvcName"
-                v-model.trim="sizeForm.serviceName"
-                label-name="serviceName"
-                placeholder="请输入服务名称关键字"
-                remote
-                value-name="serviceCode"
-            />
-          </el-form-item>
-          <el-form-item label="服务代码" prop="serviceCode">
-            <el-input
-                placeholder="在此显示服务代码，不可修改"
-                maxlength="50"
-                readonly
-                :data="serviceData"
-                label-name="serviceCode"
-                v-model.trim="sizeForm.serviceCode"
-                value-name="serviceCode"
-            />
-          </el-form-item>
-        </dg-col>
-      </dg-row>
-    </el-form>
-    <div class="dg-layer-demo" v-footer>
-      <dg-button @click="handleClose">取消</dg-button>
-      <dg-button @click="handleSave" type="primary">确定</dg-button>
+    <div>
+        <el-form
+            :model="sizeForm"
+            :rules="rules"
+            label-position="right"
+            label-suffix=":"
+            label-width="100px"
+            ref="ruleForm"
+            style="margin-top: 12px; padding-right: 24px;"
+        >
+            <dg-row>
+                <dg-col>
+                    <el-form-item label="应用名称" prop="appName">
+                        <dg-select
+                            :data="appData"
+                            @change="changeAppName"
+                            clearable
+                            filterable
+                            label-name="value"
+                            placeholder="请选择应用名称或输入关键字查询"
+                            v-model="sizeForm.appName"
+                            value-name="code"
+                        />
+                    </el-form-item>
+                    <!--<el-form-item label="应用代码" prop="appId">
+                      <el-input
+                          readonly
+                          maxlength="50"
+                          placeholder="在此显示应用代码，不可修改"
+                          v-model.trim="sizeForm.appId"
+                          :data="appData"
+                          label-name="appId"
+                          value-name="code"
+                      />
+                    </el-form-item>-->
+                    <el-form-item label="服务名称" prop="serviceName">
+                        <dg-select
+                            :data="serviceData"
+                            :loading="loading"
+                            :remote-method="remoteSvcNameMethod"
+                            @change="changeSvcName"
+                            clearable
+                            filterable
+                            label-name="serviceName"
+                            placeholder="请输入服务名称关键字"
+                            remote
+                            v-model.trim="sizeForm.serviceName"
+                            value-name="serviceCode"
+                        />
+                    </el-form-item>
+                    <el-form-item label="服务代码" prop="serviceCode">
+                        <el-input
+                            :data="serviceData"
+                            label-name="serviceCode"
+                            maxlength="50"
+                            placeholder="在此显示服务代码，不可修改"
+                            readonly
+                            v-model.trim="sizeForm.serviceCode"
+                            value-name="serviceCode"
+                        />
+                    </el-form-item>
+                </dg-col>
+            </dg-row>
+        </el-form>
+        <div class="dg-layer-demo" v-footer>
+            <dg-button @click="handleClose">取消</dg-button>
+            <dg-button @click="handleSave" type="primary">确定</dg-button>
+        </div>
     </div>
-  </div>
 </template>
 
 <script>
 import {dropMenu, getAppName, patch, save} from "@/api/service-delegate";
 
 export default {
-  name: "delegate-dialog",
-  props: {
-    id: String,
-    type: {
-      type: String,
-      default: "create"
+    name: "delegate-dialog",
+    props: {
+        id: String,
+        type: {
+            type: String,
+            default: "create"
+        },
+        formData: Object
     },
-    formData: Object
-  },
-  data() {
-    const that = this
-    return {
-      list: [],
-      loading: false,
-      sizeForm: {
-        serviceName: "",
-        appName: "",
-        appId: "",
-        serviceCode: "",
-      },
-      appData: [],
-      serviceData: [],
-      rules: {
-        appName: [{required: true, message: "请选择应用名称", trigger: "blur"}],
-        serviceName: [{required: true, message: "请选择服务名称", trigger: "blur"}],
-      }
-    }
-  },
-  created() {
-    const that = this;
-    if (that.type === "update") {
-      that.sizeForm = that.formData;
-    }
-    that.getAppName()
-  },
-  mounted() {
-
-  },
-  methods: {
-    handleClose(bool) {
-      this.$emit("success", bool);
-    },
-    handleSave() {
-      const that = this;
-      const sizeForm = {...this.sizeForm};
-      // const api = that.type === "create" ? "save" : "patch";
-      this.$refs.ruleForm.validate(valid => {
-        if (!valid) {
-          return;
+    data() {
+        const that = this
+        return {
+            list: [],
+            loading: false,
+            sizeForm: {
+                serviceName: "",
+                appName: "",
+                appId: "",
+                serviceCode: "",
+            },
+            appData: [],
+            serviceData: [],
+            rules: {
+                appName: [{required: true, message: "请选择应用名称", trigger: "blur"}],
+                serviceName: [{required: true, message: "请选择服务名称", trigger: "blur"}],
+            }
         }
-        if (that.type === "create") {
-          save(sizeForm).then(() => {
-            that.handleClose(true);
-            that.$message.success("保存成功");
-          }).catch(error => that.$message.error({message: error}));
-        } else {
-          patch(that.id, sizeForm).then(() => {
-            that.handleClose(true);
-            that.$message.success("修改成功");
-          }).catch(error => that.$message.error({message: error}));
-        }
-      });
     },
-    remoteSvcNameMethod(query) {
-      if (query !== '') {
-        this.loading = true;
-        const queryParams = {
-          serviceName: query
+    created() {
+        const that = this;
+        if (that.type === "update") {
+            that.sizeForm = that.formData;
         }
-        setTimeout(() => {
-          this.loading = false;
-          dropMenu(queryParams).then(res => {
-            this.serviceData = res
-          });
-        }, 200)
-      } else {
-        this.serviceData = [];
-      }
-    },
-    getAppName() {
-      const that = this;
-      getAppName()
-          .then(res => {
-            that.appData = res;
-            console.log(res, that.appData)
-          })
-          .catch(error => {
-            that.$message.error({message: error});
-          });
+        that.getAppName()
     },
-    changeAppName(val) {
-      this.sizeForm.appId = val
-      console.log(val, this.sizeForm)
+    mounted() {
+
     },
-    changeSvcName(val) {
-      this.sizeForm.serviceCode = val
-      console.log(val, this.sizeForm)
+    methods: {
+        handleClose(bool) {
+            this.$emit("success", bool);
+        },
+        handleSave() {
+            const that = this;
+            const sizeForm = {...this.sizeForm};
+            // const api = that.type === "create" ? "save" : "patch";
+            this.$refs.ruleForm.validate(valid => {
+                if (!valid) {
+                    return;
+                }
+                if (that.type === "create") {
+                    save(sizeForm).then(() => {
+                        that.handleClose(true);
+                        that.$message.success("保存成功");
+                    }).catch(error => that.$message.error({message: error}));
+                } else {
+                    patch(that.id, sizeForm).then(() => {
+                        that.handleClose(true);
+                        that.$message.success("修改成功");
+                    }).catch(error => that.$message.error({message: error}));
+                }
+            });
+        },
+        remoteSvcNameMethod(query) {
+            if (query !== '') {
+                this.loading = true;
+                const queryParams = {
+                    serviceName: query
+                }
+                setTimeout(() => {
+                    this.loading = false;
+                    dropMenu(queryParams).then(res => {
+                        this.serviceData = res
+                    });
+                }, 200)
+            } else {
+                this.serviceData = [];
+            }
+        },
+        getAppName() {
+            const that = this;
+            getAppName()
+                .then(res => {
+                    that.appData = res;
+                    console.log(res, that.appData)
+                })
+                .catch(error => {
+                    that.$message.error({message: error});
+                });
+        },
+        changeAppName(val) {
+            this.sizeForm.appId = val
+            console.log(val, this.sizeForm)
+        },
+        changeSvcName(val) {
+            this.sizeForm.serviceCode = val
+            console.log(val, this.sizeForm)
+        }
     }
-  }
 }
 </script>
 

src/pages/service-delegate/index.vue

@@ -5,60 +5,60 @@
     @Date: 2021-03-09
 -->
 <template>
-  <div class="u-right__table">
-    <!--搜索-->
-    <el-form :model="reportPersonFrom" label-suffix=":" label-width="90px" ref="reportPersonFrom">
-      <dg-row :gutter="20">
-        <dg-col :span="5">
-          <el-form-item label="应用名称" prop="appName.value">
-            <el-input clearable v-model="reportPersonFrom.appName.value"></el-input>
-          </el-form-item>
-        </dg-col>
-        <dg-col :span="5">
-          <el-form-item label="应用代码" prop="appCode.value">
-            <el-input clearable v-model="reportPersonFrom.appCode.value"></el-input>
-          </el-form-item>
-        </dg-col>
-        <dg-col :span="5">
-          <el-form-item label="服务名称" prop="serviceName.value">
-            <el-input clearable v-model="reportPersonFrom.serviceName.value"></el-input>
-          </el-form-item>
-        </dg-col>
-        <dg-col :span="5">
-          <el-form-item label="服务代码" prop="serviceCode.value">
-            <el-input clearable v-model="reportPersonFrom.serviceCode.value"></el-input>
-          </el-form-item>
-        </dg-col>
-        <dg-col :span="4" class="u-search__btn">
-          <dg-button @click="handleSearch" icon="el-icon-search" type="primary">查询</dg-button>
-          <dg-button @click="handleReset" icon="el-icon-refresh-right" type="primary">重置</dg-button>
-        </dg-col>
-      </dg-row>
-      <div class="u-table-top__btn">
-        <dg-button @click="handleAddDialog" icon="el-icon-circle-plus-outline" type="primary">新增</dg-button>
-      </div>
-    </el-form>
-    <!--表格-->
-    <Table :condition="reportPersonFrom" :headerData="titleData" :url="tableUrl" ref="table">
+    <div class="u-right__table">
+        <!--搜索-->
+        <el-form :model="reportPersonFrom" label-suffix=":" label-width="90px" ref="reportPersonFrom">
+            <dg-row :gutter="20">
+                <dg-col :span="5">
+                    <el-form-item label="应用名称" prop="appName.value">
+                        <el-input clearable v-model="reportPersonFrom.appName.value"></el-input>
+                    </el-form-item>
+                </dg-col>
+                <dg-col :span="5">
+                    <el-form-item label="应用代码" prop="appCode.value">
+                        <el-input clearable v-model="reportPersonFrom.appCode.value"></el-input>
+                    </el-form-item>
+                </dg-col>
+                <dg-col :span="5">
+                    <el-form-item label="服务名称" prop="serviceName.value">
+                        <el-input clearable v-model="reportPersonFrom.serviceName.value"></el-input>
+                    </el-form-item>
+                </dg-col>
+                <dg-col :span="5">
+                    <el-form-item label="服务代码" prop="serviceCode.value">
+                        <el-input clearable v-model="reportPersonFrom.serviceCode.value"></el-input>
+                    </el-form-item>
+                </dg-col>
+                <dg-col :span="4" class="u-search__btn">
+                    <dg-button @click="handleSearch" icon="el-icon-search" type="primary">查询</dg-button>
+                    <dg-button @click="handleReset" icon="el-icon-refresh-right" type="primary">重置</dg-button>
+                </dg-col>
+            </dg-row>
+            <div class="u-table-top__btn">
+                <dg-button @click="handleAddDialog" icon="el-icon-circle-plus-outline" type="primary">新增</dg-button>
+            </div>
+        </el-form>
+        <!--表格-->
+        <Table :condition="reportPersonFrom" :headerData="titleData" :url="tableUrl" ref="table">
 
-      <dg-table-column align="center" fixed="right" label="操作" width="120">
-        <template slot-scope="scope">
-          <div class="u-table__operation">
-            <el-tooltip
-                :content="item.tooltip"
-                :key="'table' + i"
-                effect="dark"
-                placement="top-end"
-                v-for="(item, i) in optList"
-            >
-              <i :class="item.icon" @click="item.on(scope.row)"/>
-            </el-tooltip>
-          </div>
-        </template>
-      </dg-table-column>
+            <dg-table-column align="center" fixed="right" label="操作" width="120">
+                <template slot-scope="scope">
+                    <div class="u-table__operation">
+                        <el-tooltip
+                            :content="item.tooltip"
+                            :key="'table' + i"
+                            effect="dark"
+                            placement="top-end"
+                            v-for="(item, i) in optList"
+                        >
+                            <i :class="item.icon" @click="item.on(scope.row)"/>
+                        </el-tooltip>
+                    </div>
+                </template>
+            </dg-table-column>
 
-    </Table>
-  </div>
+        </Table>
+    </div>
 </template>
 
 <script>
@@ -71,165 +71,164 @@ import * as api from "@/api/service-delegate";
 
 // const editorArea = ["900px", "610px"];
 export default {
-  name: "index",
-  // 接收父页面传过来的属性
-  props: {},
-  components: {
-    Table
-  },
-  // 页面数据绑定
-  data() {
-    const that = this;
-    return {
-      tableUrl: api.tableUrl,
-      titleData: [
-        {label: "应用名称", prop: "appName"},
-        {label: "应用代码", prop: "appCode"},
-        {label: "服务名称", prop: "serviceName"},
-        {label: "服务代码", prop: "serviceCode"},
-        {label: "创建时间", prop: "createTime"}
-      ],
-      optList: [
-        {icon: "el-icon-edit", tooltip: "修改", on: that.handleEditor},
-        {icon: "el-icon-document", tooltip: "详情", on: that.handleDetail},
-        {icon: "el-icon-delete", tooltip: "删除", on: that.handleDelete}
-      ],
-      reportPersonFrom: {
-        appName: {value: "", op: "like"},
-        serviceName: {value: "", op: "like"},
-        appCode: {value: "", op: "like"},
-        serviceCode: {value: "", op: "like"}
-      },
-      // 应用下拉数据
-      appNameList: [],
-      // 服务名称下拉数据
-      serviceNameList: []
-    };
-  },
-  created() {
-    console.log(this.$store.getters)
-  },
-  // 计算属性
-  computed: {},
-  // 方法
-  methods: {
-    success(message = "操作成功!") {
-      const that = this;
-      that.$message.success(message);
+    name: "index",
+    // 接收父页面传过来的属性
+    props: {},
+    components: {
+        Table
     },
-    fail(message = "操作失败", error) {
-      const that = this;
-      console.error("[Error]", error);
-      that.$message.error(message);
+    // 页面数据绑定
+    data() {
+        const that = this;
+        return {
+            tableUrl: api.tableUrl,
+            titleData: [
+                {label: "应用名称", prop: "appName"},
+                {label: "应用代码", prop: "appCode"},
+                {label: "服务名称", prop: "serviceName"},
+                {label: "服务代码", prop: "serviceCode"},
+                {label: "创建时间", prop: "createTime"}
+            ],
+            optList: [
+                {icon: "el-icon-edit", tooltip: "修改", on: that.handleEditor},
+                {icon: "el-icon-document", tooltip: "详情", on: that.handleDetail},
+                {icon: "el-icon-delete", tooltip: "删除", on: that.handleDelete}
+            ],
+            reportPersonFrom: {
+                appName: {value: "", op: "like"},
+                serviceName: {value: "", op: "like"},
+                appCode: {value: "", op: "like"},
+                serviceCode: {value: "", op: "like"}
+            },
+            // 应用下拉数据
+            appNameList: [],
+            // 服务名称下拉数据
+            serviceNameList: []
+        };
     },
-    // 查询
-    handleSearch() {
-      this.$refs.table.handleSearchClick();
+    created() {
+        console.log(this.$store.getters)
     },
-    // 重置
-    handleReset() {
-      const that = this;
-      this.$refs.reportPersonFrom.resetFields();
-    },
-    // 刷新表格
-    reloadTable() {
-      const that = this;
-      that.$refs.table.$refs.grid.reload();
-    },
-
-    // 新增
-    handleAddDialog() {
-      const that = this;
-      const layer = that.$dgLayer({
-        title: "添加",
-        shade: [0.4, "#FFF"],
-        content: Editor,
-        props: {
-          type: "create"
+    // 计算属性
+    computed: {},
+    // 方法
+    methods: {
+        success(message = "操作成功!") {
+            const that = this;
+            that.$message.success(message);
         },
-        area: ["640px", "340px"],
-        on: {
-          success(bool = false) {
-            layer.close(layer.dialogIndex);
-            if (bool) {
-              that.reloadTable();
-            }
-          }
-        }
-      });
-    },
-    // 修改
-    handleEditor({id}) {
-      const that = this;
-      api.detail(id)
-          .then(res => {
-            const layer = that.$dgLayer({
-              title: "修改",
-              shade: [0.4, "#FFF"],
-              content: Editor,
-              area: ["640px", "340px"],
-              props: {
-                id: id,
-                type: "update",
-                formData: res
-              },
-              on: {
-                success(bool = false) {
-                  layer.close(layer.dialogIndex);
-                  if (bool) {
-                    that.reloadTable();
-                  }
-                }
-              }
-            });
-          })
-          .catch(error => {
-            that.fail("详情获取失败!", error);
-          });
-    },
-    // 详情
-    handleDetail({id}) {
-      const that = this;
-      api.detail(id)
-          .then(res => {
+        fail(message = "操作失败", error) {
+            const that = this;
+            console.error("[Error]", error);
+            that.$message.error(message);
+        },
+        // 查询
+        handleSearch() {
+            this.$refs.table.handleSearchClick();
+        },
+        // 重置
+        handleReset() {
+            const that = this;
+            this.$refs.reportPersonFrom.resetFields();
+        },
+        // 刷新表格
+        reloadTable() {
+            const that = this;
+            that.$refs.table.$refs.grid.reload();
+        },
+
+        // 新增
+        handleAddDialog() {
+            const that = this;
             const layer = that.$dgLayer({
-              title: "详情",
-              shade: [0.4, "#FFF"],
-              content: Detail,
-              props: {
-                formData: res
-              },
-              on: {
-                success() {
-                  layer.close(layer.dialogIndex);
+                title: "添加",
+                shade: [0.4, "#FFF"],
+                content: Editor,
+                props: {
+                    type: "create"
+                },
+                area: ["640px", "340px"],
+                on: {
+                    success(bool = false) {
+                        layer.close(layer.dialogIndex);
+                        if (bool) {
+                            that.reloadTable();
+                        }
+                    }
                 }
-              },
-              area: ["640px", "430px"]
             });
-          })
-          .catch(error => {
-            that.fail("详情获取失败!", error);
-          });
-    },
-    handleDelete({id}) {
-      // console.log(id)
-      const that = this;
-      that.$confirm(`确定删除？`, "确认信息", {
-        distinguishCancelAndClose: true,
-        confirmButtonText: "确定",
-        cancelButtonText: "取消"
-      }).then(() => {
-        api.del(id)
-            .then(() => {
-              that.reloadTable();
-              that.success("删除成功!");
-            })
-            .catch(err => {
-              that.fail(err, "error");
+        },
+        // 修改
+        handleEditor({id}) {
+            const that = this;
+            api.detail(id)
+                .then(res => {
+                    const layer = that.$dgLayer({
+                        title: "修改",
+                        shade: [0.4, "#FFF"],
+                        content: Editor,
+                        area: ["640px", "340px"],
+                        props: {
+                            id: id,
+                            type: "update",
+                            formData: res
+                        },
+                        on: {
+                            success(bool = false) {
+                                layer.close(layer.dialogIndex);
+                                if (bool) {
+                                    that.reloadTable();
+                                }
+                            }
+                        }
+                    });
+                })
+                .catch(error => {
+                    that.fail("详情获取失败!", error);
+                });
+        },
+        // 详情
+        handleDetail({id}) {
+            const that = this;
+            api.detail(id)
+                .then(res => {
+                    const layer = that.$dgLayer({
+                        title: "详情",
+                        shade: [0.4, "#FFF"],
+                        content: Detail,
+                        props: {
+                            formData: res
+                        },
+                        on: {
+                            success() {
+                                layer.close(layer.dialogIndex);
+                            }
+                        },
+                        area: ["640px", "430px"]
+                    });
+                })
+                .catch(error => {
+                    that.fail("详情获取失败!", error);
+                });
+        },
+        handleDelete({id}) {
+            const that = this;
+            that.$confirm(`确定删除？`, "确认信息", {
+                distinguishCancelAndClose: true,
+                confirmButtonText: "确定",
+                cancelButtonText: "取消"
+            }).then(() => {
+                api.del(id)
+                    .then(() => {
+                        that.reloadTable();
+                        that.success("删除成功!");
+                    })
+                    .catch(err => {
+                        that.fail(err, "error");
+                    });
             });
-      });
+        }
     }
-  }
 };
 </script>