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 +++++++++++++++++++++++++-------- 1 files changed, 25 insertions(+), 8 deletions(-) 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