From f6ebd1820968db8521bed86d25b183efe7eb877b Mon Sep 17 00:00:00 2001 From: lxl <lixuliang_hd@126.com> Date: 星期四, 27 十月 2022 16:01:40 +0800 Subject: [PATCH] 权限 --- src/views/datamanage/styleManage.vue | 226 ++++++++++++++++++++++++++++++-------------------------- 1 files changed, 120 insertions(+), 106 deletions(-) diff --git a/src/views/datamanage/styleManage.vue b/src/views/datamanage/styleManage.vue index ce36f97..1ed9d6e 100644 --- a/src/views/datamanage/styleManage.vue +++ b/src/views/datamanage/styleManage.vue @@ -30,14 +30,14 @@ size="small" >{{ $t('common.empty') }}</el-button > - <el-button + <el-button v-if="btnStatus.insert" @click="InsertFormdialog = true" icon="el-icon-edit" type="success" size="small" >{{ $t('common.append') }}</el-button > - <el-button + <el-button v-if="btnStatus.delete" @click="delStyleData" icon="el-icon-delete" type="danger" @@ -365,20 +365,19 @@ <el-input v-model="upform.fileGuid" disabled autocomplete="off"></el-input> <input name="file1" - type="file" id="editFile" multiple="multiple" style="display: none" @change="editFile(0)" /> - <el-link + <el-link :underline="false" @click="geteditFile(0)" style="margin-left: 10px" ><i class="el-icon-plus"></i ></el-link> - <el-link + <el-link v-if="btnStatus.upload" :title="$t('common.upload')" :underline="false" @click="seteditFile(0)" @@ -400,7 +399,7 @@ style="display: none" @change="editFile(1)" /> - <el-link + <el-link :underline="false" @click="geteditFile(1)" style="margin-left: 10px" @@ -615,23 +614,21 @@ </template> <script> -import $ from 'jquery'; -import moment from 'moment'; -import { - getToken -} from '../../utils/auth.js' -import MyBread from '../../components/MyBread.vue'; -import styleDirTree from './styleDirTree.vue'; -import styleDepTree from './styleDepTree.vue'; +import $ from "jquery"; +import moment from "moment"; +import { getToken } from "../../utils/auth.js"; +import MyBread from "../../components/MyBread.vue"; +import styleDirTree from "./styleDirTree.vue"; +import styleDepTree from "./styleDepTree.vue"; import { select_Style_ByPageAndCount, insertStyle, deleteStyles, updateStyle, - upload_style -} from '../../api/api'; + upload_style, +} from "../../api/api"; export default { - name: 'styleManage', + name: "styleManage", components: { MyBread, styleDirTree, styleDepTree }, data() { return { @@ -639,15 +636,14 @@ InsertFormdialog: false, showCata: false, upform: {}, - formLabelWidth: '130px', + formLabelWidth: "130px", showinfoBox: false, itemdetail: {}, - ruleForm: { - }, + ruleForm: {}, backupData: [], - searchName: '', + searchName: "", multipleSelection: [], upflag: false, /** */ @@ -668,32 +664,48 @@ pageIndex: 1, pageSize: 10, }, + btnStatus: { + select: false, + delete: false, + upload: false, + download: false, + insert: false, + update: false, + }, }; }, created() { this.getRoleTabelData(); + this.showPermsBtn(); }, methods: { + showPermsBtn() { + let currentPerms = this.$store.state.currentPerms; + let permsEntity = this.$store.state.permsEntity; + permsEntity + .filter((item) => item.perms == currentPerms) + .map((item) => (this.btnStatus[item.tag.substr(1)] = true)); + }, filesReset() { - document.getElementById('insertFile').reset(); - document.getElementById('insertimageFile').reset(); + document.getElementById("insertFile").reset(); + document.getElementById("insertimageFile").reset(); this.guidFile = null; this.fileGuid = null; }, getInsertFile(res) { if (res == 0) { - $('#insertFile').click(); + $("#insertFile").click(); } else if (res == 1) { - $('#insertimageFile').click(); + $("#insertimageFile").click(); } }, insertFile(res) { if (res == 0) { - var val = document.getElementById('insertFile').files; + var val = document.getElementById("insertFile").files; if (!val || !val.length) return; this.insertform.fileGuid = val[0].name; } else if (res == 1) { - var val = document.getElementById('insertimageFile').files; + var val = document.getElementById("insertimageFile").files; if (!val || !val.length) return; this.insertform.viewGuid = val[0].name; } @@ -710,13 +722,13 @@ if (val_data.code == 200) { this.guidFile = val_data.result; this.$message({ - message: '涓婁紶鎴愬姛锛�', - type: 'success', + message: "涓婁紶鎴愬姛锛�", + type: "success", }); } else { this.$message({ - message: '涓婁紶澶辫触锛�', - type: 'warning', + message: "涓婁紶澶辫触锛�", + type: "warning", }); } } else if (res == 1) { @@ -730,31 +742,31 @@ if (val_data.code == 200) { this.viewFile = val_data.result; this.$message({ - message: '涓婁紶鎴愬姛锛�', - type: 'success', + message: "涓婁紶鎴愬姛锛�", + type: "success", }); } else { this.$message({ - message: '涓婁紶澶辫触锛�', - type: 'warning', + message: "涓婁紶澶辫触锛�", + type: "warning", }); } } }, - geteditFile(res) { + geteditFile(res) { if (res == 0) { - $('#editFile').click(); + $("#editFile").click(); } else if (res == 1) { - $('#editimageFile').click(); + $("#editimageFile").click(); } }, - editFile(res) { + editFile(res) { if (res == 0) { - var val = document.getElementById('editFile').files; + var val = document.getElementById("editFile").files; if (!val || !val.length) return; this.upform.fileGuid = val[0].name; } else if (res == 1) { - var val = document.getElementById('editimageFile').files; + var val = document.getElementById("editimageFile").files; if (!val || !val.length) return; this.upform.viewGuid = val[0].name; } @@ -771,13 +783,13 @@ if (val_data.code == 200) { this.guidFile = val_data.result; this.$message({ - message: '涓婁紶鎴愬姛锛�', - type: 'success', + message: "涓婁紶鎴愬姛锛�", + type: "success", }); } else { this.$message({ - message: '涓婁紶澶辫触锛�', - type: 'warning', + message: "涓婁紶澶辫触锛�", + type: "warning", }); } } else if (res == 1) { @@ -791,13 +803,13 @@ if (val_data.code == 200) { this.viewFile = val_data.result; this.$message({ - message: '涓婁紶鎴愬姛锛�', - type: 'success', + message: "涓婁紶鎴愬姛锛�", + type: "success", }); } else { this.$message({ - message: '涓婁紶澶辫触锛�', - type: 'warning', + message: "涓婁紶澶辫触锛�", + type: "warning", }); } } @@ -822,14 +834,14 @@ const data = await deleteStyles({ ids: std.toString() }); if (data.code == 200) { this.$message({ - message: '鍒犻櫎鎴愬姛锛�', - type: 'success', + message: "鍒犻櫎鎴愬姛锛�", + type: "success", }); this.getRoleTabelData(); } else { this.$message({ - message: '鍒犻櫎澶辫触锛�', - type: 'warning', + message: "鍒犻櫎澶辫触锛�", + type: "warning", }); } }, @@ -871,13 +883,13 @@ insertFromDataClose() { this.InsertFormdialog = false; this.insertform = {}; - this.filesReset(); + this.filesReset(); }, async insertFromData() { if (this.insertform.dirid == null || this.insertform.depid == null) { this.$message({ - message: '璇烽�夋嫨鏍峰紡鎵�灞炵殑鐩綍鎴栧崟浣�', - type: 'warning', + message: "璇烽�夋嫨鏍峰紡鎵�灞炵殑鐩綍鎴栧崟浣�", + type: "warning", }); return; } @@ -894,25 +906,25 @@ this.filesReset(); this.$message({ - message: '娣诲姞鎴愬姛锛�', - type: 'success', + message: "娣诲姞鎴愬姛锛�", + type: "success", }); this.getRoleTabelData(); } else { this.$message({ - message: '娣诲姞澶辫触锛�', - type: 'warning', + message: "娣诲姞澶辫触锛�", + type: "warning", }); } }, async getRoleTabelData() { - if (this.listData.tab == '') { + if (this.listData.tab == "") { delete this.listData.tab; } this.listData.name = this.ruleForm.name; const data = await select_Style_ByPageAndCount(this.listData); if (data.code != 200) { - this.$message.error('鍒楄〃璋冪敤澶辫触'); + this.$message.error("鍒楄〃璋冪敤澶辫触"); } this.tableData = data.result; this.count = data.count; @@ -925,7 +937,7 @@ if (date === undefined || date === null) { return; } - return moment(parseInt(date)).format('YYYY-MM-DD HH:mm:ss'); + return moment(parseInt(date)).format("YYYY-MM-DD HH:mm:ss"); }, formatStatus(row, column) { let date = row[column.property]; @@ -937,28 +949,28 @@ } switch (date) { case 1: - return '鍚敤'; + return "鍚敤"; break; case 0: - return '鍋滅敤'; + return "鍋滅敤"; break; } }, /** */ getflyFile() { - $('#flyFile').click(); + $("#flyFile").click(); }, getImageFile() { - $('#imageFile').click(); + $("#imageFile").click(); }, uploadflyFile() { - var val = document.getElementById('flyFile').files; + var val = document.getElementById("flyFile").files; if (!val || !val.length) return; if (!val || !val.length) return; var formData = new FormData(); - formData.append('file0', val[0]); - var res = $.ajax(serverUrl + 'Style/Upload', { - type: 'post', + formData.append("file0", val[0]); + var res = $.ajax(serverUrl + "Style/Upload", { + type: "post", data: formData, async: false, cache: false, @@ -980,12 +992,12 @@ }, //鍥剧墖涓婁紶 uploadFile() { - var val = document.getElementById('imageFile').files; + var val = document.getElementById("imageFile").files; if (!val || !val.length) return; var formData = new FormData(); - formData.append('file0', val[0]); - var res = $.ajax(serverUrl + 'Style/Upload', { - type: 'post', + formData.append("file0", val[0]); + var res = $.ajax(serverUrl + "Style/Upload", { + type: "post", data: formData, async: false, cache: false, @@ -1014,8 +1026,8 @@ this.insertform.path_id = this.$store.state.cataNode.id; } - this.$store.commit('changeCata', ''); //娓呯┖state鐨勯潰鍖呭睉 - this.$store.commit('changeNode', ''); //娓呯┖state鐨勮妭鐐瑰璞� + this.$store.commit("changeCata", ""); //娓呯┖state鐨勯潰鍖呭睉 + this.$store.commit("changeNode", ""); //娓呯┖state鐨勮妭鐐瑰璞� this.showCata = false; }, startFromData() { @@ -1039,7 +1051,7 @@ }); }, addstyle() { - this.$router.push('/addstyle'); + this.$router.push("/addstyle"); }, statusFormat(res) { switch (res) { @@ -1060,15 +1072,15 @@ async updateForm() { if (this.upform.dirid == null || this.upform.depid == null) { this.$message({ - message: '璇烽�夋嫨鏍峰紡鎵�灞炵殑鐩綍鎴栧崟浣�', - type: 'warning', + message: "璇烽�夋嫨鏍峰紡鎵�灞炵殑鐩綍鎴栧崟浣�", + type: "warning", }); return; } if (Number.isInteger(this.upform.status) == false) { - this.upform.status = this.statusFormat(this.upform.status) + this.upform.status = this.statusFormat(this.upform.status); } - if (this.guidFile != null) { + if (this.guidFile != null) { this.upform.fileGuid = this.guidFile; } if (this.viewFile != null) { @@ -1079,28 +1091,26 @@ this.dialogFormVisible = false; this.upform = {}; this.$message({ - message: '淇敼鎴愬姛锛�', - type: 'success', + message: "淇敼鎴愬姛锛�", + type: "success", }); this.getRoleTabelData(); } else { this.$message({ - message: '淇敼澶辫触锛�', - type: 'warning', + message: "淇敼澶辫触锛�", + type: "warning", }); } - - }, removeUpdate() { this.upflag = false; this.dialogFormVisible = false; this.upform = {}; - this.filesReset(); + this.filesReset(); }, submitForm(formName) { - this.getRoleTabelData() + this.getRoleTabelData(); // this.$refs[formName].validate((valid) => { // if (valid) { // this.searchName = this.ruleForm.name.trim(); @@ -1112,16 +1122,21 @@ // }); }, resetForm(formName) { - this.ruleForm = {} + this.ruleForm = {}; this.getRoleTabelData(); }, showDetail(index, row) { var token = getToken(); this.showinfoBox = true; this.itemdetail = row; - this.itemdetail.createTime = this.formomentTime(this.itemdetail.createTime); - this.itemdetail.updateTime = this.formomentTime(this.itemdetail.updateTime); - this.itemdetail.imageFile = BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token + this.itemdetail.createTime = this.formomentTime( + this.itemdetail.createTime + ); + this.itemdetail.updateTime = this.formomentTime( + this.itemdetail.updateTime + ); + this.itemdetail.imageFile = + BASE_URL + "/res/download?guid=" + row.viewGuid + "&token=" + token; }, closeDetial() { this.showinfoBox = false; @@ -1129,37 +1144,36 @@ }, handleEdit(index, row) { - this.upflag = true; this.dialogFormVisible = true; this.upform = row; this.upform.depValue = row.depName; this.upform.dirValue = row.dirName; - this.upform.status = this.forMontStatus(row.status) + this.upform.status = this.forMontStatus(row.status); }, handleDelete(index, row) { - this.$confirm('纭畾鏄惁鍒犻櫎?', '鎻愮ず', { - confirmButtonText: '纭畾', - cancelButtonText: '鍙栨秷', - type: 'warning', + this.$confirm("纭畾鏄惁鍒犻櫎?", "鎻愮ず", { + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning", }) .then(() => { DeletestStyle([row.id]); this.$message({ - type: 'success', - message: '鍒犻櫎鎴愬姛!', + type: "success", + message: "鍒犻櫎鎴愬姛!", }); this.startFromData(); }) - .catch(() => { }); + .catch(() => {}); }, // 鑾峰彇澶氶�� ShowWindowFly(res) { window.open( - ifreamUrl + '/LFWeb/poper.html?name=' + res, - '', - 'height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no' + ifreamUrl + "/LFWeb/poper.html?name=" + res, + "", + "height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" ); }, }, -- Gitblit v1.9.3