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 | 48 ++++++++++++++++++++++++++++++------------------ 1 files changed, 30 insertions(+), 18 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 e890aff..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,8 +73,8 @@ </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> @@ -114,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", @@ -206,10 +202,26 @@ }, } }, + 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.getList(); }, methods: { + svgHtml(svgName){ + return func.getSVGByName(svgName); + }, getList() { gridStatus(this.page.currentPage, this.page.pageSize).then(res => { const data = res.data.data; -- Gitblit v1.9.3