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