From d1e7dc4d057e99c408ca4810b5425445f505a33b Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Wed, 19 Jul 2023 09:10:19 +0800
Subject: [PATCH 1/5] modify bomTechAndFiring

---
 .../bomTechAndFiring/components/detail.vue    |  25 ++
 .../pms/bomTechAndFiring/components/edit.vue  |  25 ++
 .../modules/pms/bomTechAndFiring/index.vue    | 225 +++++++++++++++++-
 3 files changed, 270 insertions(+), 5 deletions(-)
 create mode 100644 src/views/modules/pms/bomTechAndFiring/components/detail.vue
 create mode 100644 src/views/modules/pms/bomTechAndFiring/components/edit.vue

diff --git a/src/views/modules/pms/bomTechAndFiring/components/detail.vue b/src/views/modules/pms/bomTechAndFiring/components/detail.vue
new file mode 100644
index 0000000..0820cb4
--- /dev/null
+++ b/src/views/modules/pms/bomTechAndFiring/components/detail.vue
@@ -0,0 +1,25 @@
+<!-- 
+    filename: detail.vue
+    author: liubin
+    date: 2023-07-19 09:00:13
+    description: 
+-->
+
+<template></template>
+
+<script>
+export default {
+    name: "BomTechAndFiringDetail",
+    components: {},
+    props: {},
+    data() {
+        return {}
+    },
+    computed: {},
+    methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/modules/pms/bomTechAndFiring/components/edit.vue b/src/views/modules/pms/bomTechAndFiring/components/edit.vue
new file mode 100644
index 0000000..a23a85c
--- /dev/null
+++ b/src/views/modules/pms/bomTechAndFiring/components/edit.vue
@@ -0,0 +1,25 @@
+<!-- 
+    filename: edit.vue
+    author: liubin
+    date: 2023-07-19 09:00:04
+    description: 
+-->
+
+<template></template>
+
+<script>
+export default {
+    name: "BomTechAndFiringEdit",
+    components: {},
+    props: {},
+    data() {
+        return {}
+    },
+    computed: {},
+    methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/views/modules/pms/bomTechAndFiring/index.vue b/src/views/modules/pms/bomTechAndFiring/index.vue
index ec5b14d..d66a4b3 100644
--- a/src/views/modules/pms/bomTechAndFiring/index.vue
+++ b/src/views/modules/pms/bomTechAndFiring/index.vue
@@ -1,10 +1,33 @@
 <template>
-  <ListViewWithHead
+  <!-- <ListViewWithHead
     :table-config="tableConfig"
     :head-config="headFormConfigs"
     :dialog-configs="dialogConfigs"
-    :list-query-extra="['key', 'tech']" />
+    :list-query-extra="['key', 'tech']" /> -->
   <!-- :list-query-extra="['key', 'bom', { wsId: 3 }]" -->
+  <div class="list-view-with-head" ref="pointer-loading-ref">
+    <BaseSearchForm :head-config="headFormConfigs" @btn-click="handleBtnClick" />
+
+    <BaseListTable
+      v-loading="tableLoading"
+      :table-config="tableConfig.table"
+      :column-config="tableConfig.column"
+      :table-data="dataList"
+      @operate-event="handleOperate"
+      :current-page="page"
+      :current-size="size"
+      :refresh-layout-key="refreshLayoutKey" />
+
+    <el-pagination
+      class="mt-5 flex justify-end"
+      @size-change="handleSizeChange"
+      @current-change="handlePageChange"
+      :current-page.sync="page"
+      :page-size.sync="size"
+      :page-sizes="[10, 20, 50, 100]"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper"></el-pagination>
+  </div>
 </template>
 
 <script>
@@ -26,12 +49,204 @@ export default {
       headFormConfigs,
       allUrls: urls,
       dialogConfigs,
+      dataList: [],
+      page: 1,
+      size: 20,
+      totalPage: 0,
+      tableLoading: false,
     };
   },
   created() {},
-  mounted() {},
-  methods: {},
+  mounted() {
+    // 更新页面默认 size
+    const size = "defaultPageSize" in this.tableConfig.column ? this.tableConfig.column.defaultPageSize : 20;
+    this.size = size;
+
+    this.initDataWhenLoad && this.getList();
+  },
+  methods: {
+    /** 获取 列表数据 */
+    getList(queryParams) {
+      this.tableLoading = true;
+
+      const params = queryParams
+        ? { ...queryParams, page: this.page, limit: this.size }
+        : {
+            page: this.page,
+            limit: this.size,
+          };
+
+      if (!queryParams && this.listQueryExtra && this.listQueryExtra.length) {
+        this.listQueryExtra.map((nameOrObj) => {
+          if (typeof nameOrObj === "string") params[nameOrObj] = "";
+          else if (typeof nameOrObj === "object") {
+            Object.keys(nameOrObj).forEach((key) => {
+              params[key] = nameOrObj[key];
+            });
+          }
+        });
+        this.cachedSearchCondition = Object.assign({}, params);
+      }
+
+      this.$http[this.urls.pageIsPostApi ? "post" : "get"](
+        this.urls.page,
+        this.urls.pageIsPostApi
+          ? {
+              ...params,
+            }
+          : {
+              params,
+            }
+      )
+        .then(({ data: res }) => {
+          console.log("[http response] res is: ", res);
+
+          if (res.code === 0) {
+            // page 场景:
+            if ("list" in res.data) {
+              // if (res.data.list.length == 0 && res.data.total != 0) {
+              //   // refresh list
+              //   if (this.page > 1) {
+              //     this.page -= 1
+              //     this.getList()
+              //     return
+              //   } else return
+              // }
+              /** 破碎记录的特殊需求：数据要结合单位 material + materialUnitDictValue */
+              if ("attachDictValue" in this.tableConfig.column) {
+                this.dataList = res.data.list.map((row) => {
+                  this.tableConfig.column.attachDictValue(row, "unit", "qty", "materialUnitDictValue");
+                  return row;
+                });
+              } else this.dataList = res.data.list;
+
+              this.totalPage = res.data.total;
+            } else if ("records" in res.data) {
+              this.dataList = res.data.records.map((item) => ({
+                ...item,
+                id: item._id ?? item.id,
+              }));
+              this.totalPage = res.data.total;
+            } else if (Array.isArray(res.data)) {
+              this.dataList = res.data;
+            } else {
+              this.dataList.splice(0);
+              this.totalPage = 0;
+            }
+          } else {
+            this.$message({
+              message: `${res.code}: ${res.msg}`,
+              type: "error",
+              duration: 2000,
+            });
+          }
+          this.tableLoading = false;
+        })
+        .catch((err) => {
+          this.$message({
+            message: `${err}`,
+            type: "error",
+            duration: 2000,
+          });
+          this.tableLoading = false;
+        });
+      // }
+    },
+
+    layoutTable() {
+      return Math.random();
+    },
+
+    handleBtnClick({ btnName, payload }) {
+      console.log("[search] form handleBtnClick", btnName, payload);
+      switch (btnName) {
+        case "新增":
+          this.openDialog();
+          break;
+        case "导入":
+          this.openUploadDialog();
+          break;
+        case "手动添加": {
+          this.openDialog();
+          return;
+        }
+      }
+    },
+    handleOperate({ type, data }) {
+      console.log("payload", type, data);
+      switch (type) {
+        case "delete": {
+          // 找到删除的 prompt 字段
+          const deleteConfig = data.head?.options?.find((item) => item.name === "delete");
+          let promptName = data.name ?? data.id;
+          if (deleteConfig && "promptField" in deleteConfig) {
+            promptName = data[deleteConfig.promptField];
+          }
+
+          let hintMsg = `确定要删除记录 "${promptName}" 吗?`;
+          if (promptName == data.id) {
+            // 如果 promptName 计算出来是 data.id 就以'该记录'代称
+            hintMsg = "确定删除该记录?";
+          }
+
+          let currenPageListLength = this.dataList.length;
+          // 确认是否删除
+          return this.$confirm(hintMsg, "提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "我再想想",
+            type: "warning",
+          })
+            .then(() => {
+              this.$http({
+                url: this.urls.base,
+                method: "DELETE",
+                data: [`${data.id}`],
+              }).then(({ data: res }) => {
+                if (res.code === 0) {
+                  this.$message.success("删除成功!");
+                  if (currenPageListLength == 1) this.page = this.page > 1 ? this.page - 1 : 1;
+
+                  this.getList();
+                } else {
+                  this.$message({
+                    message: `${res.code}: ${res.msg}`,
+                    type: "error",
+                    duration: 1500,
+                  });
+                }
+              });
+            })
+            .catch((err) => {});
+        }
+        case "edit": {
+          console.log("[edit] ", data);
+          this.openDialog(data); /** data is ==> id */
+          break;
+        }
+      }
+    },
+    handleSizeChange(val) {
+      // val 是新值
+      this.page = 1;
+      this.size = val;
+      this.getList(this.cachedSearchCondition);
+    },
+
+    handlePageChange(val) {
+      // val 是新值
+      this.getList(this.cachedSearchCondition);
+    },
+  },
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.list-view-with-head {
+  background: white;
+  /* height: 100%; */
+  min-height: inherit;
+  border-radius: 6px;
+  padding: 16px;
+  box-shadow: 0 0 1.125px 0.125px rgba(0, 0, 0, 0.125);
+}
+</style>

From f1e588a716aed3f1457f17784e09840ef0b3715f Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Wed, 19 Jul 2023 09:13:17 +0800
Subject: [PATCH 2/5] update

---
 src/views/modules/pms/bomTechAndFiring/index.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/views/modules/pms/bomTechAndFiring/index.vue b/src/views/modules/pms/bomTechAndFiring/index.vue
index d66a4b3..df22f1f 100644
--- a/src/views/modules/pms/bomTechAndFiring/index.vue
+++ b/src/views/modules/pms/bomTechAndFiring/index.vue
@@ -32,11 +32,13 @@
 
 <script>
 import initConfig from "./config";
-import ListViewWithHead from "@/views/atomViews/ListViewWithHead.vue";
+// import ListViewWithHead from "@/views/atomViews/ListViewWithHead.vue";
+import BaseListTable from "@/components/BaseListTable.vue";
+import BaseSearchForm from "@/components/BaseSearchForm.vue";
 
 export default {
   name: "BomTechAndFiringView",
-  components: { ListViewWithHead },
+  components: { BaseListTable, BaseSearchForm },
   provide() {
     return {
       urls: this.allUrls,

From 5f1acde7c0f378903c09a20dac3e7d93a89239f3 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Wed, 19 Jul 2023 14:46:40 +0800
Subject: [PATCH 3/5] update bomTech edit

---
 src/components/BaseListTable.vue              |   2 +-
 .../pms/bomTechAndFiring/components/edit.vue  | 170 ++++++++++++++++--
 .../modules/pms/bomTechAndFiring/config.js    |   2 +-
 .../modules/pms/bomTechAndFiring/index.vue    | 120 ++++++-------
 4 files changed, 218 insertions(+), 76 deletions(-)

diff --git a/src/components/BaseListTable.vue b/src/components/BaseListTable.vue
index 25f35ec..407bf63 100644
--- a/src/components/BaseListTable.vue
+++ b/src/components/BaseListTable.vue
@@ -109,7 +109,7 @@ export default {
       default: 0,
     },
   },
-  inject: ["urls"],
+  // inject: ["urls"],
   data() {
     return {
       dataList: [],
diff --git a/src/views/modules/pms/bomTechAndFiring/components/edit.vue b/src/views/modules/pms/bomTechAndFiring/components/edit.vue
index a23a85c..f01ac15 100644
--- a/src/views/modules/pms/bomTechAndFiring/components/edit.vue
+++ b/src/views/modules/pms/bomTechAndFiring/components/edit.vue
@@ -5,21 +5,171 @@
     description: 
 -->
 
-<template></template>
+<template>
+  <el-dialog
+    class="dialog-just-form"
+    :visible="dialogVisible"
+    @close="handleClose"
+    :destroy-on-close="false"
+    :close-on-click-modal="false"
+    width="'50%'">
+    <!-- title  -->
+    <div slot="title" class="dialog-title">
+      <h1 class="">编辑</h1>
+    </div>
+
+    <!-- form  -->
+    <el-form ref="dataForm" :model="dataForm" v-loading="loading">
+      <el-row :gutter="20">
+        <el-col>
+          <el-form-item label="bom" prop="bomId" :rules="rules.bom">
+            <el-input v-model="dataForm.bomId" clearable disabled></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col>
+          <el-form-item label="工艺" prop="techId" :rules="rules.tech">
+            <el-select v-model="dataForm.techId" filterable clearable>
+              <el-option
+                v-for="(tech, index) in techList"
+                :key="index"
+                :label="tech.label"
+                :value="tech.value"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <!-- footer  -->
+    <div slot="footer">
+      <!-- <el-button @click="handleBtnClick('保存')">保存</el-button> -->
+      <el-button type="primary" @click="handleBtnClick('更新')">更新</el-button>
+      <el-button @click="handleBtnClick('取消')">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
 
 <script>
+import { ref } from "vue";
+
 export default {
-    name: "BomTechAndFiringEdit",
-    components: {},
-    props: {},
-    data() {
-        return {}
+  name: "BomTechAndFiringEdit",
+  components: {},
+  props: {},
+  data() {
+    return {
+      dialogVisible: false,
+      loading: false,
+      dataForm: {
+        id: null,
+        bomId: null,
+        techId: null,
+      },
+      rules: {
+        bom: [],
+        tech: [{ required: true, message: "必填项不能为空", trigger: "blur" }],
+      },
+      techList: [],
+    };
+  },
+  computed: {},
+  mounted() {
+    this.getTechList().then(() => {
+      this.dialogVisible = true;
+    });
+  },
+  methods: {
+    // 初始化
+    init({ id, bomId, techId }) {
+      this.$set(this.dataForm, "id", id);
+      this.$set(this.dataForm, "bomId", bomId);
+      this.$set(this.dataForm, "techId", techId);
     },
-    computed: {},
-    methods: {},
-}
+    // 获取工艺列表
+    async getTechList() {
+      const { data: res } = await this.$http.post("/pms/equipmentTech/pageView", {
+        wsId: 3,
+        bom: "",
+        key: "",
+        limit: 999,
+        page: 1,
+      });
+      if (res.code == 0) {
+        console.log("res", res);
+        this.techList = res.data.list.map((item) => {
+          return {
+            label: item.code,
+            value: item.id,
+          };
+        });
+      }
+    },
+
+    // 提交更新
+    async push(type = "add") {
+      if (type == "add") {
+      } else if (type == "update") {
+      }
+    },
+
+    // 按钮事件
+    handleBtnClick(type) {
+      switch (type) {
+        // case "保存":
+        //   this.$refs.dataForm.validate((valid) => {
+        //     if (valid) {
+        //       this.$emit("emit-data", { type: "保存", data: this.dataForm });
+        //     }
+        //   });
+        //   break;
+        case "更新":
+          this.$refs.dataForm.validate((valid) => {
+            if (valid) {
+              this.$http.put("/pms/bomTech", this.dataForm).then((res) => {
+                if (res.data.code == 0) {
+                  this.$message.success("更新成功");
+                  this.handleClose(true);
+                } else {
+                  this.$message.error(res.data.msg);
+                }
+              });
+            }
+          });
+          break;
+        case "取消":
+          this.handleClose();
+          break;
+        default:
+          break;
+      }
+    },
+
+    handleClose(refresh = false) {
+      this.dialogVisible = false;
+      setTimeout(() => {
+        this.$emit("destroy", refresh);
+      }, 500);
+    },
+  },
+};
 </script>
 
-<style scoped lang="scss">
+<style scoped>
+.dialog-just-form >>> .el-dialog__body {
+  /* padding-top: 16px !important;
+  padding-bottom: 16px !important; */
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
 
+.el-select,
+.el-cascader,
+.el-date-editor {
+  width: 100% !important;
+}
+
+.dialog-just-form >>> .el-dialog__header {
+  padding: 10px 20px 10px;
+  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), white); */
+}
 </style>
diff --git a/src/views/modules/pms/bomTechAndFiring/config.js b/src/views/modules/pms/bomTechAndFiring/config.js
index b343f49..11619f2 100644
--- a/src/views/modules/pms/bomTechAndFiring/config.js
+++ b/src/views/modules/pms/bomTechAndFiring/config.js
@@ -19,7 +19,7 @@ export default function () {
       width: 90,
       subcomponent: TableOperaionComponent,
       options: [
-        { name: "edit", label: "编辑", icon: "edit-outline" },
+        { name: "edit", label: "编辑", icon: "edit-outline", emitFull: true },
         // { name: "copy", label: "复制", icon: "copy-document" },
         // { name: "delete", icon: "delete", label: "删除", emitFull: true, permission: "" },
       ],
diff --git a/src/views/modules/pms/bomTechAndFiring/index.vue b/src/views/modules/pms/bomTechAndFiring/index.vue
index df22f1f..9171cdb 100644
--- a/src/views/modules/pms/bomTechAndFiring/index.vue
+++ b/src/views/modules/pms/bomTechAndFiring/index.vue
@@ -27,23 +27,22 @@
       :page-sizes="[10, 20, 50, 100]"
       :total="totalPage"
       layout="total, sizes, prev, pager, next, jumper"></el-pagination>
+
+    <edit ref="edit" v-if="editVisible" @destroy="handleDestroy('edit', $event)" />
+    <detail ref="detail" v-if="detailVisible" @destroy="handleDestroy('detail')" />
   </div>
 </template>
 
 <script>
 import initConfig from "./config";
-// import ListViewWithHead from "@/views/atomViews/ListViewWithHead.vue";
 import BaseListTable from "@/components/BaseListTable.vue";
 import BaseSearchForm from "@/components/BaseSearchForm.vue";
+import edit from "./components/edit.vue";
+import detail from "./components/detail.vue";
 
 export default {
   name: "BomTechAndFiringView",
-  components: { BaseListTable, BaseSearchForm },
-  provide() {
-    return {
-      urls: this.allUrls,
-    };
-  },
+  components: { BaseListTable, BaseSearchForm, edit, detail },
   data() {
     const { tableConfig, headFormConfigs, urls, dialogConfigs } = initConfig.call(this);
     return {
@@ -55,7 +54,11 @@ export default {
       page: 1,
       size: 20,
       totalPage: 0,
+      urls,
       tableLoading: false,
+      refreshLayoutKey: null,
+      editVisible: false,
+      detailVisible: false,
     };
   },
   created() {},
@@ -63,8 +66,11 @@ export default {
     // 更新页面默认 size
     const size = "defaultPageSize" in this.tableConfig.column ? this.tableConfig.column.defaultPageSize : 20;
     this.size = size;
-
-    this.initDataWhenLoad && this.getList();
+    this.getList();
+    // this.initDataWhenLoad && this.getList();
+  },
+  activated() {
+    this.refreshLayoutKey = this.layoutTable();
   },
   methods: {
     /** 获取 列表数据 */
@@ -76,58 +82,20 @@ export default {
         : {
             page: this.page,
             limit: this.size,
+            key: "",
+            tech: "",
           };
 
-      if (!queryParams && this.listQueryExtra && this.listQueryExtra.length) {
-        this.listQueryExtra.map((nameOrObj) => {
-          if (typeof nameOrObj === "string") params[nameOrObj] = "";
-          else if (typeof nameOrObj === "object") {
-            Object.keys(nameOrObj).forEach((key) => {
-              params[key] = nameOrObj[key];
-            });
-          }
-        });
-        this.cachedSearchCondition = Object.assign({}, params);
-      }
-
-      this.$http[this.urls.pageIsPostApi ? "post" : "get"](
-        this.urls.page,
-        this.urls.pageIsPostApi
-          ? {
-              ...params,
-            }
-          : {
-              params,
-            }
-      )
+      this.$http
+        .get(this.urls.page, {
+          params,
+        })
         .then(({ data: res }) => {
           console.log("[http response] res is: ", res);
 
           if (res.code === 0) {
-            // page 场景:
             if ("list" in res.data) {
-              // if (res.data.list.length == 0 && res.data.total != 0) {
-              //   // refresh list
-              //   if (this.page > 1) {
-              //     this.page -= 1
-              //     this.getList()
-              //     return
-              //   } else return
-              // }
-              /** 破碎记录的特殊需求：数据要结合单位 material + materialUnitDictValue */
-              if ("attachDictValue" in this.tableConfig.column) {
-                this.dataList = res.data.list.map((row) => {
-                  this.tableConfig.column.attachDictValue(row, "unit", "qty", "materialUnitDictValue");
-                  return row;
-                });
-              } else this.dataList = res.data.list;
-
-              this.totalPage = res.data.total;
-            } else if ("records" in res.data) {
-              this.dataList = res.data.records.map((item) => ({
-                ...item,
-                id: item._id ?? item.id,
-              }));
+              this.dataList = res.data.list;
               this.totalPage = res.data.total;
             } else if (Array.isArray(res.data)) {
               this.dataList = res.data;
@@ -152,7 +120,6 @@ export default {
           });
           this.tableLoading = false;
         });
-      // }
     },
 
     layoutTable() {
@@ -162,18 +129,27 @@ export default {
     handleBtnClick({ btnName, payload }) {
       console.log("[search] form handleBtnClick", btnName, payload);
       switch (btnName) {
-        case "新增":
-          this.openDialog();
+        case "查询":
+          this.getList({ ...payload });
+          break;
+      }
+    },
+
+    handleDestroy(type, refresh) {
+      console.log("[handleDestroy] ", type);
+      switch (type) {
+        case "edit":
+          this.editVisible = false;
+          if (refresh) {
+            this.getList();
+          }
           break;
-        case "导入":
-          this.openUploadDialog();
+        case "detail":
+          this.detailVisible = false;
           break;
-        case "手动添加": {
-          this.openDialog();
-          return;
-        }
       }
     },
+
     handleOperate({ type, data }) {
       console.log("payload", type, data);
       switch (type) {
@@ -222,11 +198,27 @@ export default {
         }
         case "edit": {
           console.log("[edit] ", data);
-          this.openDialog(data); /** data is ==> id */
+          this.editVisible = true;
+          this.$nextTick(() => {
+            this.$refs.edit.init({
+              id: data.bomTechId,
+              bomId: data.id,
+              techId: data.techId,
+            });
+          });
+          break;
+        }
+        case "detail": {
+          console.log("[detail] ", data);
+          this.detailVisible = true;
+          this.$nextTick(() => {
+            this.$refs.detail.init(data);
+          });
           break;
         }
       }
     },
+
     handleSizeChange(val) {
       // val 是新值
       this.page = 1;

From 35758a3b2d1d46e56798709d6f3524b16c007242 Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Wed, 19 Jul 2023 16:12:24 +0800
Subject: [PATCH 4/5] update bomTechAndFiring

---
 .../bomTechAndFiring/components/detail.vue    | 303 +++++++++++++++++-
 .../pms/bomTechAndFiring/components/edit.vue  |   2 -
 .../modules/pms/bomTechAndFiring/config.js    |   2 +-
 .../modules/pms/bomTechAndFiring/index.vue    |  12 +-
 4 files changed, 302 insertions(+), 17 deletions(-)

diff --git a/src/views/modules/pms/bomTechAndFiring/components/detail.vue b/src/views/modules/pms/bomTechAndFiring/components/detail.vue
index 0820cb4..277140a 100644
--- a/src/views/modules/pms/bomTechAndFiring/components/detail.vue
+++ b/src/views/modules/pms/bomTechAndFiring/components/detail.vue
@@ -5,21 +5,304 @@
     description: 
 -->
 
-<template></template>
+<template>
+  <el-dialog
+    class="dialog-with-menu"
+    :visible="dialogVisible"
+    :destroy-on-close="false"
+    @close="handleClose"
+    :close-on-click-modal="false">
+    <!-- title  -->
+    <div slot="title" class="dialog-title">
+      <h1 class="">查看详情</h1>
+    </div>
+
+    <div class="dialog-body__inner relative">
+      <!-- menu  -->
+      <el-tabs v-model="activeMenu" type="card" @tab-click="handleTabClick">
+        <el-tab-pane v-for="(tab, index) in actualMenus" :key="index" :name="tab.name">
+          <span class="slot" slot="label">
+            <i
+              :class="{
+                'el-icon-edit': tab.key === 'info',
+                'el-icon-s-data': tab.key === 'attr',
+                'el-icon-folder-opened': tab.key === 'attachment',
+              }"></i>
+            {{ tab.name }}
+          </span>
+
+          <!-- 表单标签页 -->
+          <div v-if="tab.key === 'info'" key="tech-info">
+            <!-- form  -->
+            <el-form ref="dataForm" :model="dataForm" v-loading="loading">
+              <el-row :gutter="20">
+                <el-col>
+                  <el-form-item label="工艺编码" prop="code" :rules="rules.code">
+                    <el-input v-model="dataForm.code" clearable disabled />
+                  </el-form-item>
+                </el-col>
+                <el-col>
+                  <el-form-item label="备注" prop="remark" :rules="rules.remark">
+                    <el-input v-model="dataForm.remark" clearable disabled />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </div>
+
+          <!-- 表格标签页 -->
+          <div v-if="tab.key === 'attr'" key="attr-list">
+            <BaseListTable
+              :table-config="null"
+              :column-config="techTableProps"
+              :table-data="dataList"
+              @operate-event="handleOperate"
+              :current-page="page"
+              :current-size="size"
+              :refresh-layout-key="Math.random()"
+              v-loading="loading" />
+
+            <el-pagination
+              style="text-align: left"
+              background
+              @size-change="handleSizeChange"
+              @current-change="handlePageChange"
+              :current-page.sync="page"
+              :page-sizes="[10, 20, 50]"
+              :page-size="size"
+              :total="total"
+              layout="total, sizes, prev, next"></el-pagination>
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+
+    <!-- sub dialog  -->
+    <!-- <small-dialog
+      :append-to-body="true"
+      v-if="showSubDialog"
+      ref="subDialog"
+      :url="urls.subase"
+      :configs="configs.subDialog"
+      :related-id="dataForm.id"
+      @refreshDataList="getSubList"></small-dialog> -->
+
+    <!-- footer  -->
+    <div slot="footer">
+      <el-button @click="handleBtnClick('取消')">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
 
 <script>
+import TableOperaionComponent from "@/components/noTemplateComponents/operationComponent";
+import BaseListTable from "@/components/BaseListTable.vue";
+
 export default {
-    name: "BomTechAndFiringDetail",
-    components: {},
-    props: {},
-    data() {
-        return {}
+  name: "BomTechAndFiringDetail",
+  components: {BaseListTable},
+  props: {},
+  data() {
+    return {
+      dialogVisible: false,
+      activeMenu: "烧成曲线",
+      actualMenus: [
+        { name: "烧成曲线", key: "info" },
+        { name: "工艺参数", key: "attr", onlyEditMode: true },
+      ],
+      dataForm: {
+        code: "",
+        remark: "",
+      },
+      rules: {
+        code: [],
+        remark: [],
+      },
+      loading: false,
+      page: 1,
+      size: 20,
+      total: 0,
+      dataList: [],
+      techTableProps: [
+        { prop: "name", label: "参数名称" },
+        { prop: "code", label: "参数编码" },
+        { width: 80, prop: "value", label: "参数值" },
+        { prop: "description", label: "描述" },
+        // {
+        //   prop: "operations",
+        //   name: "操作",
+        //   fixed: "right",
+        //   width: 90,
+        //   subcomponent: TableOperaionComponent,
+        //   options: [
+        //     { name: "edit", label: "编辑", icon: "edit-outline", permission: "" },
+        //     // { name: "delete", icon: "delete", label: "删除", emitFull: true, permission: "pms:blenderStepParam:delete" },
+        //   ],
+        // },
+      ],
+    };
+  },
+  computed: {},
+  mounted() {},
+  methods: {
+    async init(techId) {
+      this.techId = techId;
+      this.dialogVisible = true;
+      this.loading = true;
+      await this.getTechDetailInfo();
+      await this.getTechDetailList();
+      this.loading = false;
     },
-    computed: {},
-    methods: {},
-}
+
+    async getTechDetailInfo() {
+      console.log("[getTechDetailInfo] this.techId: ", this.techId);
+      // 填充 dataForm
+      const { data: res } = await this.$http.get(`/pms/equipmentTech/${this.techId}`);
+      if (res.code == 0) {
+        // console.log('[getTechDetailInfo] res.data: ', res.data)
+        // return;
+        this.$set(this.dataForm, "code", res.data.code);
+        this.$set(this.dataForm, "remark", res.data.remark);
+      }
+    },
+
+    async getTechDetailList(params) {
+      // 填充 dataList
+      params = params
+        ? { ...params, page: this.page, limit: this.size }
+        : { key: "", techId: this.techId, page: this.page, limit: this.size };
+      const { data: res } = await this.$http.get("/pms/equipmentTechParam/page", { params });
+      if (res.code == 0) {
+        console.log("[getTechDetailList] res.data: ", res.data);
+        this.dataList = res.data.list;
+        this.total = res.data.total;
+      }
+    },
+
+    handleTabClick(v) {
+      //   console.log("handleTabClick: ", v);
+    },
+
+    handleOperate() {},
+
+    /** 导航器的操作 */
+    handleSizeChange(val) {
+      // val 是新值
+      this.page = 1;
+      this.size = val;
+      this.getTechDetailList();
+    },
+
+    handlePageChange(val) {
+      // val 是新值
+      this.getTechDetailList();
+    },
+
+    handleBtnClick(type) {
+      if (type == "取消") {
+        this.handleClose();
+      }
+    },
+
+    handleClose(refresh = false) {
+      this.dialogVisible = false;
+      setTimeout(() => {
+        this.$emit("destroy", refresh);
+      }, 500);
+    },
+  },
+};
 </script>
 
-<style scoped lang="scss">
+<style scoped>
+.el-menu {
+  margin: 16px 0 !important;
+}
+
+.el-menu.el-menu--horizontal {
+  border: none !important;
+  /* background: #0f02 !important; */
+}
 
+/* .el-menu--horizontal > .el-menu-item.is-active { */
+/* border-bottom-color: #0b58ff; */
+/* } */
+
+.dialog-with-menu >>> .el-dialog__body {
+  /* padding-top: 16px !important;
+  padding-bottom: 16px !important; */
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.el-select,
+.el-cascader {
+  width: 100% !important;
+}
+
+.dialog-with-menu >>> .el-dialog__header {
+  padding: 10px 20px 10px;
+  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), white); */
+}
+
+.relative {
+  position: relative;
+}
+
+.at-right-top {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 10000;
+}
+
+ul.file-list,
+ul.file-list > li {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.file-list {
+  max-height: 20vh;
+  overflow-y: auto;
+  margin-top: 12px;
+  /* width: 240px; */
+  display: flex;
+  flex-direction: column;
+}
+
+ul.file-list > li {
+  border-radius: 4px;
+  background-color: #edededd2;
+  padding: 8px;
+  margin-bottom: 2px;
+  display: flex;
+  justify-content: space-between;
+}
+
+ul.file-list > li:hover {
+  background-color: #ededed;
+}
+
+.file-operations {
+  display: flex;
+}
+
+.file-icon {
+  margin-right: 8px;
+  font-size: 16px;
+  line-height: 1;
+  display: flex;
+  place-content: center;
+  width: 16px;
+  height: 16px;
+}
+
+/* .image-preview-dialog {
+} */
+
+.force-disabled {
+  margin-top: 42px;
+}
 </style>
diff --git a/src/views/modules/pms/bomTechAndFiring/components/edit.vue b/src/views/modules/pms/bomTechAndFiring/components/edit.vue
index f01ac15..5f47eaa 100644
--- a/src/views/modules/pms/bomTechAndFiring/components/edit.vue
+++ b/src/views/modules/pms/bomTechAndFiring/components/edit.vue
@@ -50,8 +50,6 @@
 </template>
 
 <script>
-import { ref } from "vue";
-
 export default {
   name: "BomTechAndFiringEdit",
   components: {},
diff --git a/src/views/modules/pms/bomTechAndFiring/config.js b/src/views/modules/pms/bomTechAndFiring/config.js
index 11619f2..d6001f0 100644
--- a/src/views/modules/pms/bomTechAndFiring/config.js
+++ b/src/views/modules/pms/bomTechAndFiring/config.js
@@ -10,7 +10,7 @@ export default function () {
     { prop: "name", label: "牌号" },
     // { prop: "createTime", label: "添加时间", filter: timeFilter },
     { prop: "techCode", label: "烧制曲线" },
-    { prop: "description", label: "详情", subcomponent: TableTextComponent },
+    { prop: "description", label: "详情", subcomponent: TableTextComponent, emitFullData: true },
     // { prop: "remark", label: "备注" },
     {
       prop: "operations",
diff --git a/src/views/modules/pms/bomTechAndFiring/index.vue b/src/views/modules/pms/bomTechAndFiring/index.vue
index 9171cdb..0e2ed4c 100644
--- a/src/views/modules/pms/bomTechAndFiring/index.vue
+++ b/src/views/modules/pms/bomTechAndFiring/index.vue
@@ -208,11 +208,15 @@ export default {
           });
           break;
         }
-        case "detail": {
-          console.log("[detail] ", data);
-          this.detailVisible = true;
+        case "view-detail-action": {
+          console.log("[detail] ", data, data.techId);
+          if (!data || !data.techId) {
+            this.$message.warning("暂无详请可供查看");
+            return;
+          }
+          this.detailVisible = true; 
           this.$nextTick(() => {
-            this.$refs.detail.init(data);
+            this.$refs.detail.init(data.techId);
           });
           break;
         }

From 8e20e4429ce523c30693f4d3c3bb3eb9983cdaab Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Wed, 19 Jul 2023 16:14:29 +0800
Subject: [PATCH 5/5] udpate

---
 .../bomTechAndFiring/components/detail.vue    | 33 ++++++++++++-------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/views/modules/pms/bomTechAndFiring/components/detail.vue b/src/views/modules/pms/bomTechAndFiring/components/detail.vue
index 277140a..1ba407f 100644
--- a/src/views/modules/pms/bomTechAndFiring/components/detail.vue
+++ b/src/views/modules/pms/bomTechAndFiring/components/detail.vue
@@ -100,7 +100,7 @@ import BaseListTable from "@/components/BaseListTable.vue";
 
 export default {
   name: "BomTechAndFiringDetail",
-  components: {BaseListTable},
+  components: { BaseListTable },
   props: {},
   data() {
     return {
@@ -157,12 +157,16 @@ export default {
     async getTechDetailInfo() {
       console.log("[getTechDetailInfo] this.techId: ", this.techId);
       // 填充 dataForm
-      const { data: res } = await this.$http.get(`/pms/equipmentTech/${this.techId}`);
-      if (res.code == 0) {
-        // console.log('[getTechDetailInfo] res.data: ', res.data)
-        // return;
-        this.$set(this.dataForm, "code", res.data.code);
-        this.$set(this.dataForm, "remark", res.data.remark);
+      try {
+        const { data: res } = await this.$http.get(`/pms/equipmentTech/${this.techId}`);
+        if (res.code == 0) {
+          // console.log('[getTechDetailInfo] res.data: ', res.data)
+          // return;
+          this.$set(this.dataForm, "code", res.data.code);
+          this.$set(this.dataForm, "remark", res.data.remark);
+        }
+      } catch (err) {
+        this.$message.error(err);
       }
     },
 
@@ -171,11 +175,16 @@ export default {
       params = params
         ? { ...params, page: this.page, limit: this.size }
         : { key: "", techId: this.techId, page: this.page, limit: this.size };
-      const { data: res } = await this.$http.get("/pms/equipmentTechParam/page", { params });
-      if (res.code == 0) {
-        console.log("[getTechDetailList] res.data: ", res.data);
-        this.dataList = res.data.list;
-        this.total = res.data.total;
+
+      try {
+        const { data: res } = await this.$http.get("/pms/equipmentTechParam/page", { params });
+        if (res.code == 0) {
+          console.log("[getTechDetailList] res.data: ", res.data);
+          this.dataList = res.data.list;
+          this.total = res.data.total;
+        }
+      } catch (err) {
+        this.$message.error(err);
       }
     },