From 856e9cd1ac70873b126af3dc593e789bef55ae6f Mon Sep 17 00:00:00 2001
From: hyt <958868763@qq.com>
Date: Thu, 16 May 2024 10:59:03 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9B=86=E6=88=90=E4=BB=BB=E5=8A=A1=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97=E6=98=8E=E7=BB=86=E4=BB=8Ev2=E7=A7=BB=E6=A4=8D?=
 =?UTF-8?q?=E5=88=B0v3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../taskLogdetailData/configData.js           | 267 +++++++++++++
 .../taskLogdetailData/index.vue               | 371 ++++++++++++++++++
 .../taskLogdetailData/rightDialog.vue         | 264 +++++++++++++
 3 files changed, 902 insertions(+)
 create mode 100644 src/views/intergrationTask/taskLogdetailData/configData.js
 create mode 100644 src/views/intergrationTask/taskLogdetailData/index.vue
 create mode 100644 src/views/intergrationTask/taskLogdetailData/rightDialog.vue

diff --git a/src/views/intergrationTask/taskLogdetailData/configData.js b/src/views/intergrationTask/taskLogdetailData/configData.js
new file mode 100644
index 0000000..0a2967b
--- /dev/null
+++ b/src/views/intergrationTask/taskLogdetailData/configData.js
@@ -0,0 +1,267 @@
+/**
+ * @desc 集成任务日志明细
+ * @date 2024-01-11
+ */
+// 表头
+const tableColumnData = [
+  {
+    label: '任务名称',
+    prop: 'plugin_name',
+    tooltip: true,
+    width: 300
+  },
+  {
+    label: '源系统编码',
+    prop: 'root_app_bill',
+    tooltip: true,
+    width: 200
+  },
+  {
+    label: '最新推送状态',
+    prop: 'new_state',
+    tooltip: true,
+    width: 200
+  },
+  {
+    label: '最新传输结果',
+    prop: 'new_transmit_info',
+    tooltip: true,
+    width: 600
+  },
+  {
+    label: '最新推送时间',
+    prop: 'new_push_date',
+    tooltip: true,
+    width: 300
+  },
+  {
+    label: '业务⽇期',
+    prop: 'business_date',
+    tooltip: true,
+    width: 200
+  },
+  {
+    label: '下游系统单号',
+    prop: 'new_system_number',
+    tooltip: true,
+    width: 200
+  },
+  {
+    label: '处理⼈',
+    prop: 'processor_name',
+    tooltip: true,
+    width: 300
+  },
+  {
+    label: '处理备注',
+    prop: 'processing_remarks',
+    tooltip: true,
+    width: 300
+  },
+  {
+    label: '处理时间',
+    prop: 'processing_time',
+    tooltip: true,
+    width: 200
+  },
+]
+const tableVersionColumn = [
+  {
+    label: '版本号',
+    prop: 'versionNumber',
+  },
+  {
+    label: '版本说明',
+    prop: 'versionDescription',
+  },
+]
+
+// 基本信息内容
+const formRow = [
+  {
+    elCol: [{
+      label: '产品编码',
+      prop: 'code',
+      tag: 'elInput',
+    },{
+      label: '产品名称',
+      prop: 'name',
+      tag: 'elInput',
+    }]
+  },
+  {
+    elCol: [{
+      label: '产品分类',
+      prop: 'classify',
+      tag: 'elSelect',
+      options:[],
+      optionValue:'column_value',
+			optionLabel:'column_content',
+      span: 24
+    }]
+  },
+  {
+    elCol: [{
+      label: '产品简述',
+      prop: 'description',
+      tag: 'elInput',
+      type: 'textarea',
+      span: 24,
+    }]
+  },
+  {
+    elCol: [{
+      label: '出品公司',
+      prop: 'productionCompany',
+      tag: 'elInput',
+      span: 24,
+    }]
+  },
+]
+
+const basicsRules ={
+  code:[{
+    required: true,
+    message: '请输入产品编码',
+    trigger: 'blur'
+  }],
+  name:[{
+    required: true,
+    message: '请输入产品名称',
+    trigger: 'blur'
+  }],
+  classify:[{
+    required: true,
+    message: '请选择产品分类',
+    trigger: 'blur'
+  }],
+  productionCompany:[{
+    required: true,
+    message: '请输入出品公司',
+    trigger: 'blur'
+  }],
+}
+
+// 查看
+const formRowShow = [
+  {
+    elCol: [{
+      label: '源系统主键',
+      prop: 'root_app_pk',
+      tag: 'elInput',
+      disabled:true,
+      placeholder:"暂无数据"
+    },{
+      label: '源系统编码',
+      prop: 'root_app_bill',
+      tag: 'elInput',
+      disabled:true,
+      placeholder:"暂无数据"
+    }]
+  },
+  {
+    elCol: [{
+      label: '创建时间',
+      prop: 'create_time',
+      tag: 'elInput',
+      disabled:true,
+      placeholder:"暂无数据"
+    },{
+      label: '最新推送状态',
+      prop: 'new_state',
+      tag: 'elRadio',
+      options: [
+        { label: '成功', value: 'Y' },
+        { label: '已处理', value: 'H' },
+        { label: '失败', value: 'N' },
+      ],
+      disabled:true
+    }
+  ]
+  },
+  {
+    elCol: [{
+      label: '最新传输结果',
+      prop: 'new_transmit_info',
+      tag: 'elInput',
+      type: 'textarea',
+      disabled:true,
+      span: 24,
+      placeholder:"暂无数据"
+    }]
+  },
+  {
+    elCol: [{
+      label: '最新元数据',
+      prop: 'root_app_new_data',
+      tag: 'elInput',
+      type: 'textarea',
+      disabled:true,
+      span: 24,
+      placeholder:"暂无数据"
+    }]
+  },
+  {
+    elCol: [{
+      label: '最新推送时间',
+      prop: 'new_push_date',
+      tag: 'elInput',
+      disabled:true,
+      placeholder:"暂无数据"
+    },{
+      label: '业务日期',
+      prop: 'business_date',
+      tag: 'elInput',
+      disabled:true,
+      placeholder:"暂无数据"
+    }]
+  },
+  {
+    elCol: [{
+      label: '下游系统主键',
+      prop: 'new_system_number',
+      tag: 'elInput',
+      disabled:true,
+      placeholder:"暂无数据"
+    },{
+      label: '下游系统单号',
+      prop: 'new_system_primary',
+      tag: 'elInput',
+      disabled:true,
+      placeholder:"暂无数据"
+    }]
+  },
+  {
+    elCol: [{
+      label: '处理人名称',
+      prop: 'processor_name',
+      tag: 'elInput',
+      disabled:true,
+      placeholder:"暂无数据"
+    },{
+      label: '处理时间',
+      prop: 'processing_time',
+      tag: 'elInput',
+      disabled:true,
+      placeholder:"暂无数据"
+    }]
+  },
+  {
+    elCol: [{
+      label: '处理备注 ',
+      prop: 'processing_remarks',
+      tag: 'elInput',
+      type: 'textarea',
+      span: 24,
+      disabled:true,
+      placeholder:"暂无数据"
+    }]
+  }
+]
+export default {
+  tableColumnData,
+  formRow,
+  basicsRules,
+  formRowShow,
+  tableVersionColumn
+}
\ No newline at end of file
diff --git a/src/views/intergrationTask/taskLogdetailData/index.vue b/src/views/intergrationTask/taskLogdetailData/index.vue
new file mode 100644
index 0000000..4229f1f
--- /dev/null
+++ b/src/views/intergrationTask/taskLogdetailData/index.vue
@@ -0,0 +1,371 @@
+<template>
+      <div>
+            <base-layout ref="baseLayout" :buttonList="buttonList" @onFuncBtn="onFuncBtn" :querySwitch="true"
+                  :searchBtnList="searchBtnList" :searchList="requirementList" @search="handleSearchEvent" :isPage="true"
+                  @pageChange="handlePageChange" @onFuncSearchBtn="onFuncSearchBtn">
+                  <div slot="main" slot-scope="{ tableHeight }">
+                        <base-table ref="baseTable" :showIndex="true" :funWidth="350" :funData="funData" @onFunc="onFunc"
+                              :tabLoading.sync="tabLoading" :tableHeight="tableHeight" :tableData="tableData"
+                              :fixedTable="'right'" :tableColumn="tableColumnData" :showSelect="true">
+                              <template v-slot:new_state="{ row }">
+                                    <div style="width: 100%">
+                                          <span v-if="row.new_state == 'Y'" style="color: #67c23a">成功</span>
+                                          <span v-else-if="row.new_state == 'H'" style="color: #67c23a">已处理</span>
+                                          <span v-else style="color: #f56c6c">失败</span>
+                                    </div>
+                              </template>
+                        </base-table>
+                  </div>
+            </base-layout>
+            <right-dialog ref="rightDialog" @resetTable="resetTable"></right-dialog>
+      </div>
+</template>
+
+<script>
+import baseLayout from "@/components/base/baseLayout";
+import baseTable from "@/components/base/baseTable";
+import rightDialog from "./rightDialog";
+import configData from "./configData";
+import {
+      authApi
+} from "@/api/apis/auth";
+import { option } from "@/api/apis/detailData"
+export default
+
+      {
+            components: {
+                  baseLayout,
+                  baseTable,
+                  rightDialog,
+            },
+            data() {
+                  return {
+                        buttonList: [
+                              {
+                                    menuName: "刷新",
+                                    icon: "el-icon-refresh",
+                                    btnFunction: "resetLoad",
+                              },
+                        ], //按钮组
+                        searchBtnList: [
+                              {
+                                    name: "批量推送",
+                                    btnFunction: "batchPush",
+                              },
+                        ], //搜索按钮组
+                        requirementList: [
+                              {
+                                    placeholder: "任务名称",
+                                    prop: "plugin_id",
+                                    tag: "elSelect",
+                                    options: [],
+                                    optionValue: "pluginId",
+                                    optionLabel: "pluginName",
+                              },
+                              {
+                                    placeholder: "源系统编码",
+                                    prop: "root_app_bill",
+                                    tag: "elInput",
+                              },
+                              {
+                                    placeholder: "推送时间",
+                                    prop: "new_push_date",
+                                    tag: "elDatePicker",
+                                    valueFormat: "yyyy-MM-dd",
+                              },
+                              {
+                                    placeholder: "业务⽇期",
+                                    prop: "business_date",
+                                    tag: "elDatePicker",
+                                    valueFormat: "yyyy-MM-dd",
+                              },
+                              {
+                                    placeholder: "下游系统单号",
+                                    prop: "new_system_number",
+                                    tag: "elInput",
+                              },
+                              {
+                                    placeholder: "推送状态",
+                                    prop: "new_state",
+                                    tag: "elRadio",
+                                    options: [
+                                          { label: "全部", value: "" },
+                                          { label: "成功", value: "Y" },
+                                          { label: "已处理", value: "H" },
+                                          { label: "失败", value: "N" },
+                                    ],
+                              },
+                        ], //查询模板list
+                        tabLoading: false,
+                        tableColumnData: configData.tableColumnData, //表头数据
+                        funData: [
+                              {
+                                    color: "#6a9af1",
+                                    text: "查看",
+                              },
+                              {
+                                    color: "#6a9af1",
+                                    text: "重新推送",
+                              },
+                              {
+                                    color: "#6a9af1",
+                                    text: "手工处理",
+                              },
+                              {
+                                    color: "#d67a74",
+                                    text: "删除",
+                              },
+                        ],
+                        tableData: [], //表格数据
+                        pageModel: {
+                              pageNum: 1,
+                              pageSize: 10,
+                        },
+                        queryModel: {
+                              plugin_id: '',
+                              root_app_bill: '',
+                              new_push_date: '',
+                              business_date: '',
+                              new_system_number: '',
+                              new_state: 'N'
+                        },
+                  };
+            },
+            mounted() {
+                  this.$refs.baseLayout.getField("new_state", "N");
+                  this.queryProductClassfy();
+                  this.GetProductionTableData();
+            },
+            methods: {
+                  // 表格数据
+                  async GetProductionTableData() {
+                        this.tabLoading = true;
+                        const res = await option({
+                              tl: "integration_task_living_detailsService",
+                              as: "integrationTaskLog",
+                              dj: "queryPage",
+                        }, {
+                              ...this.pageModel,
+                              ...this.queryModel
+                        })
+                        this.tabLoading = false;
+                        if (res.status == "200") {
+                              this.tableData = res.attribute.list;
+                              this.$refs.baseTable.setTableKey()
+                              this.$refs.baseLayout.setPageTotal(res.attribute.total);
+                        }
+                  },
+                  async queryProductClassfy() {
+                        const res = await option({
+                              tl: "pluginService",
+                              as: "plugins",
+                              dj: "queryPlugins",
+                        }, {})
+
+                        if (res.status == "200") {
+                              this.requirementList[0].options = res.attribute;
+                        }
+                  },
+                  // 搜索
+                  handleSearchEvent() {
+                        let data = this.$refs.baseLayout.ruleForm;
+                        this.queryModel.plugin_id = data.plugin_id;
+                        this.queryModel.root_app_bill = data.root_app_bill;
+                        this.queryModel.new_push_date = data.new_push_date;
+                        this.queryModel.business_date = data.business_date;
+                        this.queryModel.new_system_number = data.new_system_number;
+                        this.queryModel.new_state = data.new_state;
+                        this.resetTable();
+                  },
+                  // 批量推送
+                  async batchPush() {
+                        let data = ''
+                        this.$refs.baseTable.$refs.elTable.selection.forEach(el => {
+                              if (data == '') {
+                                    data = el.id
+                              } else {
+                                    data += `,${el.id}`
+                              }
+                        });
+                        if (data.length > 0) {
+                              this.$confirm("确认重新推送吗?", "提示", {
+                                    confirmButtonText: "确定",
+                                    cancelButtonText: "取消",
+                                    type: "warning",
+                              })
+                                    .then(() => {
+                                          this.openLoading("submit");
+                                          this.rePushBatch(data)
+                                    })
+                                    .catch(() => {
+                                          this.$vmNews("取消操作", "info");
+                                    });
+                        } else {
+                              this.$vmNews("请选择需要推送的单据", "warning");
+                        }
+                  },
+                  async rePushBatch(data) {
+                        const res = await option({
+                              tl: "integration_task_living_detailsService",
+                              as: "integrationTaskLog",
+                              dj: "batchPush",
+                        }, {
+                              id: data
+                        })
+                        if (res.status == "200") {
+                              this.$vmNews("批量推送成功", "success");
+                              this.resetTable();
+                        }
+                  },
+                  // 分页变化
+                  handlePageChange(val) {
+                        this.pageModel.pageNum = val.pageIndex;
+                        this.pageModel.pageSize = val.pageSize;
+                        this.GetProductionTableData();
+                  },
+                  // 按钮组
+                  onFuncBtn(btn) {
+                        this[btn.btnFunction]();
+                  },
+                  // 搜索按钮组
+                  onFuncSearchBtn(btn) {
+                        this[btn.btnFunction]();
+                  },
+                  // 新增
+                  add() {
+                        this.$refs.rightDialog.openDialog("add");
+                  },
+                  // 表格操作事件 查看 编辑 删除
+                  async onFunc(index, row) {
+                        // 查看
+                        if (index == 0) {
+                              this.openLoading("detail");
+                              this.$refs.rightDialog.openDialog("show", row);
+                        }
+                        // 重新推送
+                        if (index == 1) {
+                              this.$confirm("确认重新推送吗?", "提示", {
+                                    confirmButtonText: "确定",
+                                    cancelButtonText: "取消",
+                                    type: "warning",
+                              })
+                                    .then(() => {
+                                          this.openLoading("submit");
+                                          this.handleRePush(row);
+                                    })
+                                    .catch(() => {
+                                          this.$vmNews("取消操作", "info");
+                                    });
+                        }
+                        // 手工推送
+                        if (index == 2) {
+                              this.$prompt("请填写旺店通或者NC的单据号，方便以后排查", "提示", {
+                                    confirmButtonText: "提交",
+                                    cancelButtonText: "取消",
+                                    inputType: "textarea",
+                                    inputValidator: (value) => {
+                                          if (!value) {
+                                                return "请输入处理内容";
+                                          }
+                                    },
+                              })
+                                    .then(({ value }) => {
+                                          this.openLoading("submit");
+                                          let params =
+                                          {
+                                                id: row.id,
+                                                processing_remarks: value,
+                                          }
+                                                ;
+                                          this.updateManualProcess(params);
+                                    })
+                                    .catch(() => {
+                                          this.$message({
+                                                type: "info",
+                                                message: "取消操作",
+                                          });
+                                    });
+                        }
+                        // 删除
+                        if (index == 3) {
+                              this.$confirm("确认删除该内容吗?", "提示", {
+                                    confirmButtonText: "确定",
+                                    cancelButtonText: "取消",
+                                    type: "warning",
+                              })
+                                    .then(() => {
+                                          this.openLoading("del");
+                                          this.productionDeleteById(row.id);
+                                    })
+                                    .catch(() => {
+                                          this.$vmNews("取消操作", "info");
+                                    });
+                        }
+                  },
+                  async handleRePush(row) {
+                        const res = await option({
+                              tl: "integration_task_living_detailsService",
+                              as: "integrationTaskLog",
+                              dj: "repush",
+                        }, {
+                              id: row.id
+                        })
+                        if (res.status == "200") {
+                              this.$vmNews("补推成功", "success");
+                              this.resetTable();
+                        } else if (res.status == "500") {
+                              this.$message({
+                                    title: "补推失败",
+                                    showClose: true,
+                                    message: res.msg,
+                                    duration: 0,
+                                    type: "error",
+                              });
+                              this.resetTable();
+                        }
+                  },
+                  async updateManualProcess(val) {
+                        const res = await option({
+                              tl: "integration_task_living_detailsService",
+                              as: "integrationTaskLog",
+                              dj: "manualProcessing",
+                        }, val)
+                        if (res.status == "200") {
+                              this.$vmNews("手工处理成功", "success");
+                              this.resetTable();
+                        }
+                  },
+                  async productionDeleteById(id) {
+                        const res = await option({
+                              tl: "integration_task_living_detailsService",
+                              as: "integrationTaskLog",
+                              dj: "deleteEntity",
+                        }, {
+                              id
+                        })
+                        if (res.status == "200") {
+                              this.$vmNews("删除成功", "success");
+                              this.resetTable();
+                        }
+                  },
+                  // 重置表格
+                  resetTable() {
+                        this.pageModel.pageNum = 1;
+                        this.$refs.baseLayout.pageClear();
+                        this.GetProductionTableData();
+                  },
+            },
+      };
+
+</script>
+
+<style scoped>
+.clickTitle {
+      color: #409eff;
+      cursor: pointer;
+}
+
+::v-deep .searchBox:nth-child(6) {
+      width: 250px !important;
+}
+</style>
diff --git a/src/views/intergrationTask/taskLogdetailData/rightDialog.vue b/src/views/intergrationTask/taskLogdetailData/rightDialog.vue
new file mode 100644
index 0000000..cd46e9a
--- /dev/null
+++ b/src/views/intergrationTask/taskLogdetailData/rightDialog.vue
@@ -0,0 +1,264 @@
+<template>
+  <div>
+    <base-right-dialog ref="baseRightDialog" :footerShow="true" :dialogVisible.sync="dialogVisible"
+      :title="dialogTitle + ' 集成产品清单'" @handleClose="handleDialogClose" :type="dialogType" :submitShow="submitShow"
+      @handleConfirmClick="handleConfirmClick">
+      <base-form ref="basicsForm" :formRow="formRow" :isFunBtn="false" :rules="basicsRules" class="dialog_form"
+        :spanWidth="`120px`" :loading="vLoading"></base-form>
+    </base-right-dialog>
+  </div>
+</template>
+
+<script>
+import baseRightDialog from "@/components/base/baseRightDialog";
+import baseForm from "@/components/base/baseNewForm";
+import baseTable from "@/components/base/baseTable";
+import configData from "./configData";
+import { authApi } from "@/api/apis/auth";
+import { option } from "@/api/apis/detailData"
+export default {
+  components: {
+    baseRightDialog,
+    baseForm,
+    baseTable,
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      dialogTitle: "",
+      dialogType: "",
+      formRow: configData.formRow,
+      basicsRules: configData.basicsRules,
+      vLoading: false,
+      newMarryOptions: [],
+      submitShow: true,
+      loadingType: true,
+      tableVersionData: [],
+      tableVersionColumn: configData.tableVersionColumn,
+      funData: [],
+      isEdit: false
+    };
+  },
+  mounted() { },
+  methods: {
+    openDialog(type, row) {
+      // this.queryProductClassfy();
+      this.formRow = configData.formRow;
+      this.submitShow = true;
+      this.isEdit = false
+      this.funData = [
+        {
+          color: "#ff0000",
+          text: "删除",
+        }
+      ]
+      // 新增
+      if (type == "add") {
+        this.dialogTitle = "新增";
+        this.dialogType = "add";
+      }
+      // 编辑
+      if (type == "edit") {
+        this.isEdit = true
+        this.dialogTitle = "编辑";
+        this.dialogType = "edit";
+        this.productGetById(row.id);
+      }
+      // 查看
+      if (type == "show") {
+        this.funData = Object.assign([], [])
+        this.submitShow = false;
+        this.formRow = configData.formRowShow;
+        this.dialogTitle = "查看";
+        this.dialogType = "show";
+        this.productGetById(row.id);
+      }
+      this.dialogVisible = true;
+    },
+    async productGetById(id) {
+      this.openLoading("detail");
+      const res = await option({
+        tl: "integration_task_living_detailsService",
+        as: "integrationTaskLog",
+        dj: "queryEntity",
+      }, {
+        id
+      })
+      if (res.status == '200') {
+        this.$refs.basicsForm.incomingParameters(res.attribute);
+      }
+    },
+
+    // 编辑详情
+    // async productGetById(id) {
+    //   let params = {
+    //     id: id,
+    //   };
+    //   let res = await authApi(
+    //     "sysProductService",
+    //     "product",
+    //     "queryProduct",
+    //     "",
+    //     params
+    //   );
+    //   if (res.status == "200") {
+    //     this.$nextTick(() => {
+    //       this.$refs.basicsForm.incomingParameters(res.attribute);
+    //       let result = [];
+    //       if (res.attribute.sysProductVersionList.length > 0) {
+    //         res.attribute.sysProductVersionList.forEach((item) => {
+    //           let obj = {
+    //             id: item.id,
+    //             versionNumber: item.versionNumber,
+    //             versionDescription: item.versionDescription,
+    //             disabled: true
+    //           };
+    //           result.push(obj);
+    //         });
+    //       }
+    //       this.tableVersionData = Object.assign([], result);
+    //     });
+    //   }
+    // },
+    addVersionDialog() {
+      let obj = {
+        id: new Date().getTime().toString(),
+        versionNumber: "",
+        versionDescription: "",
+        disabled: false
+      };
+      this.tableVersionData.push(obj);
+    },
+    // 删除
+    onFunc(index, row) {
+      if (index == 0) {
+        this.$delConfirm().then(() => {
+          this.tableVersionData.forEach((item, itemIndex) => {
+            if (item.id === row.id) {
+              this.tableVersionData.splice(itemIndex, 1);
+            }
+          });
+        });
+      }
+    },
+    // 弹窗关闭
+    handleDialogClose() {
+      this.tableVersionData = Object.assign([], []);
+      this.$refs.basicsForm.resetFields();
+      this.dialogVisible = false;
+    },
+    // 弹窗确认按钮
+    handleConfirmClick() {
+      this.$refs.basicsForm.$refs["ruleForm"].validate((valid) => {
+        if (!valid) {
+          return;
+        } else {
+          let params = {
+            ...this.$refs.basicsForm.ruleForm,
+            sysProductVersionList: [],
+          };
+          let result = [];
+          if (this.tableVersionData.length > 0) {
+            this.tableVersionData.forEach((item) => {
+              let obj = {
+                versionNumber: item.versionNumber,
+                versionDescription: item.versionDescription,
+              };
+              result.push(obj);
+            });
+          }
+          params.sysProductVersionList = Object.assign([], result);
+          if (this.dialogType == "add") {
+            this.openLoading("submit");
+            this.productSaveDto(params);
+          }
+          if (this.dialogType == "edit") {
+            this.openLoading("submit");
+            this.productUpdateDto(params);
+          }
+        }
+      });
+    },
+    // 新增保存
+    async productSaveDto(params) {
+      let res = await authApi(
+        "sysProductService",
+        "product",
+        "addProduct",
+        "",
+        params
+      );
+      if (res.status == "200") {
+        this.handleDialogClose();
+        this.$vmNews("新增成功", "success");
+        this.$emit("resetTable");
+      }
+    },
+    // 编辑保存
+    async productUpdateDto(params) {
+      let res = await authApi(
+        "sysProductService",
+        "product",
+        "updateProduct",
+        "",
+        params
+      );
+      if (res.status == "200") {
+        this.handleDialogClose();
+        this.$vmNews("更新成功", "success");
+        this.$emit("resetTable");
+      }
+    },
+    // 获取所有产品分类
+    async queryProductClassfy() {
+      let params = {
+        tab_name: "sys_product",
+        column_name: "classify",
+      };
+      let res = await authApi(
+        "generalServiceImpl",
+        "dictionaryshop",
+        "selectDictionaryshop",
+        "",
+        params
+      );
+      if (res.status == "200") {
+        this.formRow[1].elCol[0].options = res.attribute;
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.dialogList {
+  padding: 16px 0;
+  border-top: 1px solid #dcdfe6;
+  display: flex;
+  flex-direction: column;
+}
+
+.updateBtn {
+  border: 1px solid #ebedf1;
+  padding: 5px 0;
+  border-radius: 3px;
+  text-align: center;
+  font-size: 14px;
+  cursor: pointer;
+  width: 100px;
+}
+
+.updateBtn:hover {
+  color: #1890ff;
+  border-color: #badeff;
+  background-color: #e8f4ff;
+}
+
+::v-deep .el-table__body-wrapper.is-scrolling-none {
+  height: auto !important;
+}
+
+::v-deep .app-container {
+  height: auto !important;
+}
+</style>
\ No newline at end of file