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