cnhis-design-vue 2.1.56 → 2.1.58

package/packages/multi-chat/setting/authority/roleSetting.vue

@@ -1,204 +1,204 @@
-<template>
-  <a-modal :visible="value" width="520px" :closable="false" class="standard-modal standard-modal-white" :destroyOnClose="true" @change="handleInput" @ok="handleSave">
-    <template #title>
-      权限管理
-      <div class="svg-wrap">
-        <svg-icon :icon-class="'xitongtubiaodaohangtubiaoguanbi'" @click="handleCancel"></svg-icon>
-      </div>
-    </template>
-    <div class="user-role-wrapper">
-      <div class="wrapper-item">
-        <div v-show="toolbarPC.length" class="setting-item">
-          <div class="setting-label">PC:</div>
-          <div class="setting-content">
-            <a-checkbox v-model="pcChecked" key="pc_all_checked">全选</a-checkbox>
-            <br />
-
-            <a-checkbox v-for="(item, i) in toolbarPC" :key="i" v-model="item.isChecked">
-              {{ item.name }}
-            </a-checkbox>
-          </div>
-        </div>
-        <div v-show="toolbarMobile.length" class="setting-item">
-          <div class="setting-label">MOBILE:</div>
-          <div class="setting-content">
-            <a-checkbox v-model="mobileChecked" key="mobile_all_checked">全选</a-checkbox>
-            <br />
-            <a-checkbox v-for="(item, i) in toolbarMobile" :key="i" v-model="item.isChecked">
-              {{ item.name }}
-            </a-checkbox>
-          </div>
-        </div>
-        <NoData v-if="!toolbarPC.length && !toolbarMobile.length" :emptyRender="emptyRender" noDataTip="暂无可配置权限"></NoData>
-      </div>
-    </div>
-  </a-modal>
-</template>
-<script>
-import fetch, { qs } from '@/utils/chatFetch';
-import Empty from '../../components/empty.vue';
-import { Checkbox, Modal } from 'ant-design-vue';
-import SvgIcon from '@/component/svg/index.vue';
-
-export default {
-  inject: ['emptyRender'],
-  components: {
-    [Checkbox.name]: Checkbox,
-    AModal: Modal,
-    NoData: Empty,
-    SvgIcon
-  },
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-    assemblyId: {
-      type: String
-    },
-    roleId: {
-      type: [String, Number]
-    }
-  },
-  data() {
-    return {
-      sbLoading: false,
-      toolbarPC: [],
-      toolbarMobile: []
-    };
-  },
-  computed: {
-    pcChecked: {
-      get() {
-        const toolbar = this.toolbarPC;
-        return toolbar.length > 0 && toolbar.every(item => item.isChecked);
-      },
-      set(v) {
-        const toolbar = this.toolbarPC;
-        toolbar.forEach(item => (item.isChecked = v));
-      }
-    },
-    mobileChecked: {
-      get() {
-        const toolbar = this.toolbarMobile;
-        return toolbar.length > 0 && toolbar.every(item => item.isChecked);
-      },
-      set(v) {
-        const toolbar = this.toolbarMobile;
-        toolbar.forEach(item => (item.isChecked = v));
-      }
-    }
-  },
-  watch: {
-    value(v) {
-      if (v) {
-        this.sbLoading = false;
-        this.getConfig();
-      }
-    }
-  },
-  methods: {
-    handleInput(v) {
-      this.$emit('input', v);
-    },
-    // 查询设置项
-    getConfig() {
-      fetch
-        .get('/chat/event/getToolbarPermission', {
-          params: {
-            assemblyId: this.assemblyId,
-            roleId: this.roleId
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            const toolbar = data.map.toolbar;
-            const pc = [];
-            const mobile = [];
-            if (Array.isArray(toolbar)) {
-              toolbar.forEach(item => {
-                const { name, source, isChecked } = item;
-                const value = { name, source, isChecked: isChecked === 'Y' };
-                source === 'PC' ? pc.push(value) : mobile.push(value);
-              });
-            }
-            this.toolbarPC = pc;
-            this.toolbarMobile = mobile;
-          }
-        });
-    },
-    // 保存
-    handleSave() {
-      const toolbarList = this.toolbarPC.concat(this.toolbarMobile);
-      if (toolbarList.length < 1) {
-        this.$message.warning('暂无可配置权限');
-        return;
-      }
-      if (this.sbLoading) return;
-      this.sbLoading = true;
-      const toolbar = toolbarList.reduce((bar, item) => {
-        if (item.isChecked) {
-          bar.push({
-            name: item.name,
-            source: item.source
-          });
-        }
-        return bar;
-      }, []);
-      const data = {
-        assemblyId: this.assemblyId,
-        roleId: this.roleId,
-        toolbar: JSON.stringify({ toolbar })
-      };
-      fetch
-        .post('/chat/event/saveToolbarPermission', qs.stringify(data))
-        .then(res => {
-          if (res.data.result === 'SUCCESS') {
-            this.$message.success('设置成功');
-            this.handleCancel();
-          } else {
-            this.$message.error(res.data.resultMsg || '保存失败');
-          }
-        })
-        .finally(() => {
-          this.sbLoading = false;
-        });
-    },
-    handleCancel() {
-      this.handleInput(false);
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.user-role-wrapper {
-  display: flex;
-  min-height: 240px;
-  .wrapper-item {
-    padding: 15px;
-    flex: 1;
-    overflow-y: auto;
-    & + .wrapper-item {
-      border-left: 1px solid #ccc;
-    }
-  }
-}
-.setting-item {
-  display: flex;
-  line-height: 20px;
-  padding: 4px 0;
-  .setting-label {
-    width: 70px;
-    padding-right: 10px;
-    text-align: right;
-  }
-  .setting-content {
-    flex: 1;
-    overflow: hidden;
-    min-height: 20px;
-    .ant-checkbox-wrapper {
-      margin-bottom: 6px;
-    }
-  }
-}
-</style>
+<template>
+  <a-modal :visible="value" width="520px" :closable="false" class="standard-modal standard-modal-white" :destroyOnClose="true" @change="handleInput" @ok="handleSave">
+    <template #title>
+      权限管理
+      <div class="svg-wrap">
+        <svg-icon :icon-class="'xitongtubiaodaohangtubiaoguanbi'" @click="handleCancel"></svg-icon>
+      </div>
+    </template>
+    <div class="user-role-wrapper">
+      <div class="wrapper-item">
+        <div v-show="toolbarPC.length" class="setting-item">
+          <div class="setting-label">PC:</div>
+          <div class="setting-content">
+            <a-checkbox v-model="pcChecked" key="pc_all_checked">全选</a-checkbox>
+            <br />
+
+            <a-checkbox v-for="(item, i) in toolbarPC" :key="i" v-model="item.isChecked">
+              {{ item.name }}
+            </a-checkbox>
+          </div>
+        </div>
+        <div v-show="toolbarMobile.length" class="setting-item">
+          <div class="setting-label">MOBILE:</div>
+          <div class="setting-content">
+            <a-checkbox v-model="mobileChecked" key="mobile_all_checked">全选</a-checkbox>
+            <br />
+            <a-checkbox v-for="(item, i) in toolbarMobile" :key="i" v-model="item.isChecked">
+              {{ item.name }}
+            </a-checkbox>
+          </div>
+        </div>
+        <NoData v-if="!toolbarPC.length && !toolbarMobile.length" :emptyRender="emptyRender" noDataTip="暂无可配置权限"></NoData>
+      </div>
+    </div>
+  </a-modal>
+</template>
+<script>
+import fetch, { qs } from '@/utils/chatFetch';
+import Empty from '../../components/empty.vue';
+import { Checkbox, Modal } from 'ant-design-vue';
+import SvgIcon from '@/component/svg/index.vue';
+
+export default {
+  inject: ['emptyRender'],
+  components: {
+    [Checkbox.name]: Checkbox,
+    AModal: Modal,
+    NoData: Empty,
+    SvgIcon
+  },
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    assemblyId: {
+      type: String
+    },
+    roleId: {
+      type: [String, Number]
+    }
+  },
+  data() {
+    return {
+      sbLoading: false,
+      toolbarPC: [],
+      toolbarMobile: []
+    };
+  },
+  computed: {
+    pcChecked: {
+      get() {
+        const toolbar = this.toolbarPC;
+        return toolbar.length > 0 && toolbar.every(item => item.isChecked);
+      },
+      set(v) {
+        const toolbar = this.toolbarPC;
+        toolbar.forEach(item => (item.isChecked = v));
+      }
+    },
+    mobileChecked: {
+      get() {
+        const toolbar = this.toolbarMobile;
+        return toolbar.length > 0 && toolbar.every(item => item.isChecked);
+      },
+      set(v) {
+        const toolbar = this.toolbarMobile;
+        toolbar.forEach(item => (item.isChecked = v));
+      }
+    }
+  },
+  watch: {
+    value(v) {
+      if (v) {
+        this.sbLoading = false;
+        this.getConfig();
+      }
+    }
+  },
+  methods: {
+    handleInput(v) {
+      this.$emit('input', v);
+    },
+    // 查询设置项
+    getConfig() {
+      fetch
+        .get('/chat/event/getToolbarPermission', {
+          params: {
+            assemblyId: this.assemblyId,
+            roleId: this.roleId
+          }
+        })
+        .then(({ data }) => {
+          if (data.result === 'SUCCESS') {
+            const toolbar = data.map.toolbar;
+            const pc = [];
+            const mobile = [];
+            if (Array.isArray(toolbar)) {
+              toolbar.forEach(item => {
+                const { name, source, isChecked } = item;
+                const value = { name, source, isChecked: isChecked === 'Y' };
+                source === 'PC' ? pc.push(value) : mobile.push(value);
+              });
+            }
+            this.toolbarPC = pc;
+            this.toolbarMobile = mobile;
+          }
+        });
+    },
+    // 保存
+    handleSave() {
+      const toolbarList = this.toolbarPC.concat(this.toolbarMobile);
+      if (toolbarList.length < 1) {
+        this.$message.warning('暂无可配置权限');
+        return;
+      }
+      if (this.sbLoading) return;
+      this.sbLoading = true;
+      const toolbar = toolbarList.reduce((bar, item) => {
+        if (item.isChecked) {
+          bar.push({
+            name: item.name,
+            source: item.source
+          });
+        }
+        return bar;
+      }, []);
+      const data = {
+        assemblyId: this.assemblyId,
+        roleId: this.roleId,
+        toolbar: JSON.stringify({ toolbar })
+      };
+      fetch
+        .post('/chat/event/saveToolbarPermission', qs.stringify(data))
+        .then(res => {
+          if (res.data.result === 'SUCCESS') {
+            this.$message.success('设置成功');
+            this.handleCancel();
+          } else {
+            this.$message.error(res.data.resultMsg || '保存失败');
+          }
+        })
+        .finally(() => {
+          this.sbLoading = false;
+        });
+    },
+    handleCancel() {
+      this.handleInput(false);
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.user-role-wrapper {
+  display: flex;
+  min-height: 240px;
+  .wrapper-item {
+    padding: 15px;
+    flex: 1;
+    overflow-y: auto;
+    & + .wrapper-item {
+      border-left: 1px solid #ccc;
+    }
+  }
+}
+.setting-item {
+  display: flex;
+  line-height: 20px;
+  padding: 4px 0;
+  .setting-label {
+    width: 70px;
+    padding-right: 10px;
+    text-align: right;
+  }
+  .setting-content {
+    flex: 1;
+    overflow: hidden;
+    min-height: 20px;
+    .ant-checkbox-wrapper {
+      margin-bottom: 6px;
+    }
+  }
+}
+</style>