From fbe9459ed908eef6c25c3bcd244d0a7e74dfa792 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期四, 19 十月 2023 13:45:08 +0800
Subject: [PATCH] feat: 产品列表添加查看编辑按钮;弹窗根据情况展示对应标题

---
 src/views/productManage/product/index.vue            |   33 +++++++++++++++++++++++++--------
 src/views/productManage/product/AddProductDialog.vue |   22 ++++++++++++++++++----
 2 files changed, 43 insertions(+), 12 deletions(-)

diff --git a/src/views/productManage/product/AddProductDialog.vue b/src/views/productManage/product/AddProductDialog.vue
index 27f441a..8622c9d 100644
--- a/src/views/productManage/product/AddProductDialog.vue
+++ b/src/views/productManage/product/AddProductDialog.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="add-common">
     <el-dialog
-      :title="editCommonConfig.title + '浜у搧'"
+      :title="modalTitle + '浜у搧'"
       :visible.sync="editConfig.visible"
       :width="dialogWidth"
       :before-close="handleClose"
     >
       <!-- 澶� -->
       <div slot="title" class="dialog-header">
-        <span>{{ editCommonConfig.title + "浜у搧" }}</span>
+        <span>{{ modalTitle + "浜у搧" }}</span>
         <div class="header_btns">
           <span class="btn">
             <i class="el-icon-printer"></i>
@@ -474,13 +474,24 @@
         return {
           visible: false,
           title: "鏂板缓",
-          infomation: {}
+          infomation: {},
+          autoEdit:false
         }
       }
     }
   },
   components: {},
-  computed: {},
+  computed: {
+    modalTitle(){
+      if (this.editConfig.title === '缂栬緫' && this.editConfig.autoEdit){
+        return '缂栬緫'
+      }else if (this.editConfig.title === '缂栬緫') {
+        return !this.showEdit ? '缂栬緫' : '鏌ョ湅'
+      }else {
+        return '鏂板缓'
+      }
+    }
+  },
   data() {
     return {
       dialogWidth: "50%",
@@ -538,6 +549,9 @@
     this.setTableForm()
     this.setBottonView()
     this.statisticsMap.inLibrary = this.editConfig?.infomation?.amount ?? 0
+    if (this.editConfig.autoEdit){
+      this.editClick()
+    }
   },
   methods: {
     // 鑾峰彇浜у搧绫诲埆
diff --git a/src/views/productManage/product/index.vue b/src/views/productManage/product/index.vue
index 5a49b4d..0c79ece 100644
--- a/src/views/productManage/product/index.vue
+++ b/src/views/productManage/product/index.vue
@@ -29,7 +29,7 @@
       </div>
       <!-- 鍥捐〃褰㈠紡 -->
       <div v-if="isIconIndex === '1'" class="product-view">
-        <div class="product-box" v-for="item in tableList.tableInfomation" :key="item.id" @click="tableRowClick(item)">
+        <div class="product-box" v-for="item in tableList.tableInfomation" :key="item.id" @click="showDetail(item)">
           <div class="left">
             <!-- <el-image style="width: 60px; height: 80px" :src="url"></el-image> -->
             <div class="img-view">
@@ -58,12 +58,20 @@
           ref="tableListRef"
           :table-list="tableList"
           @selTableCol="selTableCol"
-          @tableRowClick="tableRowClick"
         >
+          <template slot="tableButton">
+            <el-table-column label="鎿嶄綔" width="90" align="center">
+              <template slot-scope="scope">
+                <span @click.stop="showDetail(scope.row)" class="cursor_pointer" style="margin-right: 10px">
+                  <span style="color: #2a78fb">鏌ョ湅</span>
+                </span>
+                <span @click.stop="editRow(scope.row)" class="cursor_pointer">
+                  <span style="color: #2a78fb">缂栬緫</span>
+                </span>
+              </template>
+            </el-table-column>
+          </template>
         </TableCommonView>
-        <!-- <div class="btn-pager">
-          <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
-        </div> -->
       </div>
       <div class="btn-pager">
         <PagerView class="page" :pager-options="pagerOptions" :page-size="pageSizes" v-on="pagerEvents" />
@@ -99,7 +107,8 @@
       editConfig: {
         visible: false,
         title: "鏂板缓",
-        infomation: {}
+        infomation: {},
+        autoEdit: false
       },
       isIconIndex: "2", // 1 鍥炬爣 2 鍒楄〃
       url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
@@ -254,13 +263,21 @@
       this.editConfig.title = "鏂板缓"
       this.editConfig.infomation = {}
     },
-    // 琛岀偣鍑�
-    tableRowClick(row) {
+    // 璇︽儏
+    showDetail(row) {
       console.log(row)
       this.editConfig.visible = true
+      this.editConfig.autoEdit = false
       this.editConfig.title = "缂栬緫"
       this.editConfig.infomation = { ...row }
     },
+    // 缂栬緫
+    editRow(row){
+      this.editConfig.autoEdit = true
+      this.editConfig.title = "缂栬緫"
+      this.editConfig.infomation = { ...row }
+      this.editConfig.visible = true
+    },
     // 鍒囨崲鍒楄〃灞曠幇褰㈠紡
     selIconSwitchClick(value) {
       this.pagerOptions.currPage = 1

--
Gitblit v1.8.0