From b9686c7739bf131922005e86128ba9232c0313ac Mon Sep 17 00:00:00 2001 From: wangting <wangting@vci-tech.com> Date: 星期二, 17 十二月 2024 17:55:56 +0800 Subject: [PATCH] 图标管理 --- Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/statusPool/index.vue | 70 +++++++++++++++++++--------------- 1 files changed, 39 insertions(+), 31 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/statusPool/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/statusPool/index.vue index 8faee80..93f1e2b 100644 --- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/statusPool/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/statusPool/index.vue @@ -13,32 +13,27 @@ @current-change="currentChange" > <template slot="menuLeft"> - <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">鍒涘缓 + <el-button v-if="permissionList.addBtn" icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">鍒涘缓 </el-button> - <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delClickHandler">鍒犻櫎 + <el-button v-if="permissionList.delBtn" icon="el-icon-delete" plain size="small" type="danger" @click="delClickHandler">鍒犻櫎 </el-button> - <el-button icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">瀵煎嚭 + <el-button v-if="permissionList.importBtn" icon="el-icon-upload2" plain size="small" type="primary" @click="uploadClickHandler">瀵煎叆 </el-button> - <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadClickHandler">瀵煎叆 + <el-button v-if="permissionList.exportBtn" icon="el-icon-download" plain size="small" type="primary" @click="exportClickHandler">瀵煎嚭 </el-button> - <el-button icon="el-icon-view" plain size="small" type="primary" @click="checkViewClickHandler">鏌ョ湅浣跨敤鑼冨洿 + <el-button v-if="permissionList.viewTheScopeBtn" icon="el-icon-view" plain size="small" type="primary" @click="checkViewClickHandler">鏌ョ湅浣跨敤鑼冨洿 </el-button> </template> <template slot="menu" slot-scope="{row,index}"> - <el-button icon="el-icon-edit" plain size="small" type="text" @click="editClickHandler(row)">淇敼 + <el-button v-if="permissionList.editBtn" icon="el-icon-edit" plain size="small" type="text" @click="editClickHandler(row)">淇敼 </el-button> - <el-button icon="el-icon-delete" plain size="small" type="text" @click="delRowClickHandler(row)">鍒犻櫎 + <el-button v-if="permissionList.delBtn" icon="el-icon-delete" plain size="small" type="text" @click="delRowClickHandler(row)">鍒犻櫎 </el-button> </template> <template #icon="{ row }"> - <span class="avue-icon avue-icon--small"> - <svg v-if="row.icon && row.icon.indexOf('#')==-1" aria-hidden="true"> - <use :xlink:href="row.icon"></use> - </svg> - <i v-else :class="row.icon"></i> - </span> + <span v-html="svgHtml(row.imagePath )"></span> </template> </avue-crud> @@ -65,9 +60,9 @@ </el-form-item> </el-col> <el-col :span="24"> - <el-form-item label="鍥炬爣锛�" prop="icon"> - <avue-input-icon v-model="form.icon" :icon-list="iconList" placeholder="璇烽�夋嫨鍥炬爣"> - </avue-input-icon> + <el-form-item label="鍥炬爣锛�" prop="imagePath"> + <input-icon v-model="form.imagePath" placeholder="璇烽�夋嫨鍥炬爣"> + </input-icon> </el-form-item> </el-col> <el-col :span="24"> @@ -78,14 +73,14 @@ </el-row> </el-form> <span slot="footer" class="dialog-footer"> - <el-button type="primary" @click="addSaveHandler">纭� 瀹�</el-button> - <el-button @click="visibleCloseHandler">鍙� 娑�</el-button> + <el-button size="small" type="primary" @click="addSaveHandler">纭� 瀹�</el-button> + <el-button size="small" @click="visibleCloseHandler">鍙� 娑�</el-button> </span> </el-dialog> <!-- 瀵煎叆 --> <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="瀵煎叆" - @updata="getTreeList"></upload-file> + @updata="getList"></upload-file> <!-- 鏌ョ湅浣跨敤鑼冨洿 --> <el-dialog @@ -107,7 +102,6 @@ </avue-crud> </el-dialog> </basic-container> - </template> <script> @@ -115,6 +109,7 @@ import func from "@/util/func"; import basicOption from "@/util/basic-option"; import iconList from "@/config/iconList"; +import {mapGetters} from "vuex"; export default { name: "index", @@ -207,25 +202,38 @@ }, } }, + computed:{ + ...mapGetters(["permission"]), + permissionList() { + return { + addBtn: this.vaildData(this.permission[this.$route.query.id].ADD, false), + delBtn: this.vaildData(this.permission[this.$route.query.id].DELETE, false), + editBtn: this.vaildData(this.permission[this.$route.query.id].EDIT, false), + exportBtn: this.vaildData(this.permission[this.$route.query.id].EXPORT, false), + importBtn: this.vaildData(this.permission[this.$route.query.id].IMPORT, false), + viewTheScopeBtn: this.vaildData(this.permission[this.$route.query.id].viewTheScope, false), + }; + }, + }, created() { - this.getTreeList(); + this.getList(); }, methods: { - // 宸︿晶鏍戣姹� - getTreeList() { + svgHtml(svgName){ + return func.getSVGByName(svgName); + }, + getList() { gridStatus(this.page.currentPage, this.page.pageSize).then(res => { const data = res.data.data; this.data = data; this.page.total = res.data.total; this.loading = false; - }).catch(err => { - this.$message.error(err); }); }, // 琛ㄦ牸鍒锋柊 handleRefresh() { - this.getTreeList(); + this.getList(); }, // 琛ㄦ牸澶氶�� @@ -236,13 +244,13 @@ // 鏉℃暟 sizeChange(val) { this.page.pageSize = val; - this.getTreeList(); + this.getList(); }, // 椤电爜 currentChange(val) { this.page.currentPage = val; - this.getTreeList(); + this.getList(); }, // 琛屽崟閫� @@ -288,7 +296,7 @@ deleteStatus(this.selectList).then(res => { if (res.data.code === 200) { this.$message.success(res.data.obj); - this.getTreeList(); + this.getList(); } }) }).catch(() => { @@ -311,7 +319,7 @@ deleteStatus(list).then(res => { if (res.data.code === 200) { this.$message.success(res.data.obj); - this.getTreeList(); + this.getList(); } }) }).catch(() => { @@ -344,7 +352,7 @@ if (res.data.code === 200) { this.$message.success(res.data.obj); this.loading = true; - this.getTreeList(); + this.getList(); this.visible = false; } else { this.$message.error(res.data.obj); -- Gitblit v1.9.3