cnhis-design-vue 0.2.63-beta → 0.3.1-beta

package/packages/multi-chat/setting/configuration/index.vue

@@ -1,277 +0,0 @@
-<template>
-  <div class="configuratioin-page">
-    <div class="configuratioin-wrap">
-      <div class="page-title">
-        视频设置
-        <a-tooltip
-          v-if="obj.vendor == 1"
-          :arrowPointAtCenter="true"
-          placement="bottomRight"
-          :overlayStyle="{
-            width: '360px',
-            'max-width': '360px'
-          }"
-        >
-          <template slot="title">
-            <div>
-              <div>视频设置</div>
-              <p style="margin: 10px 0">
-                进入腾讯云平台→实时音视频，在菜单中选择应用管理，获取“SDKAppId”。
-              </p>
-              <p>在应用的“应用信息”中，获取“密钥”。</p>
-            </div>
-          </template>
-          <svg-icon class="icon" icon-class="xitongtubiaodaohangtubiaowenti" />
-        </a-tooltip>
-      </div>
-      <a-form-model ref="formVideo" :colon="false" :model="obj" :rules="rules">
-        <a-row>
-          <a-col :span="col.lSpan">
-            <a-form-model-item label="SDKAppId" prop="sdkAppId">
-              <a-input v-model="obj.sdkAppId"></a-input>
-            </a-form-model-item>
-          </a-col>
-          <a-col :span="col.rSpan" :offset="col.rOffset">
-            <a-form-model-item label="密钥">
-              <a-input v-model="obj.secretKey"></a-input>
-            </a-form-model-item>
-          </a-col>
-        </a-row>
-      </a-form-model>
-
-      <div key="txy" v-if="obj.vendor == 1 || obj.vendor == 3">
-        <div class="page-title">
-          腾讯云API密钥
-          <a-tooltip
-            :arrowPointAtCenter="true"
-            placement="bottomRight"
-            :overlayStyle="{
-              width: '360px',
-              'max-width': '360px'
-            }"
-          >
-            <template slot="title">
-              <div>
-                <div>腾讯云API密钥</div>
-                <p style="margin: 10px 0">
-                  进入腾讯云→访问管理，在菜单中选择访问密钥→API密钥管理，获取SecretId和SecretKey。
-                </p>
-              </div>
-            </template>
-            <svg-icon class="icon" icon-class="xitongtubiaodaohangtubiaowenti" />
-          </a-tooltip>
-        </div>
-        <a-form-model :colon="false">
-          <a-row>
-            <a-col :span="col.lSpan">
-              <a-form-model-item label="SecretId">
-                <a-input v-model="obj.vodSecretId"></a-input>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="col.rSpan" :offset="col.rOffset">
-              <a-form-model-item label="vodSecretKey">
-                <a-input v-model="obj.vodSecretKey" type="password"></a-input>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="col.lSpan">
-              <a-form-model-item label="Region">
-                <a-input v-model="obj.region"></a-input>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
-        </a-form-model>
-      </div>
-      <div key="kty" v-else-if="obj.vendor == 2">
-        <div class="page-title">
-          科天云API密钥
-        </div>
-        <a-form-model :colon="false">
-          <a-row>
-            <a-col :span="col.lSpan">
-              <a-form-model-item label="host">
-                <a-input v-model="obj.host"></a-input>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="col.rSpan" :offset="col.rOffset">
-              <a-form-model-item label="username">
-                <a-input v-model="obj.username"></a-input>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="col.lSpan">
-              <a-form-model-item label="password">
-                <a-input v-model="obj.password" type="password"></a-input>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
-        </a-form-model>
-      </div>
-      <div key="txy" v-if="obj.vendor == 3">
-        <div class="page-title">
-          江苏省统一平台密钥
-          <a-tooltip
-            :arrowPointAtCenter="true"
-            placement="bottomRight"
-            :overlayStyle="{
-              width: '360px',
-              'max-width': '360px'
-            }"
-          >
-            <template slot="title">
-              <div>
-                <div>江苏省统一平台密钥</div>
-                <p style="margin: 10px 0">
-                  江苏省统一平台。
-                </p>
-              </div>
-            </template>
-            <svg-icon class="icon" icon-class="xitongtubiaodaohangtubiaowenti" />
-          </a-tooltip>
-        </div>
-        <a-form-model :colon="false">
-          <a-row>
-            <a-col :span="col.lSpan">
-              <a-form-model-item label="appId">
-                <a-input v-model="obj.uniAppId"></a-input>
-              </a-form-model-item>
-            </a-col>
-            <a-col :span="col.rSpan" :offset="col.rOffset">
-              <a-form-model-item label="secretKey">
-                <a-input v-model="obj.uniSecretKey" type="password"></a-input>
-              </a-form-model-item>
-            </a-col>
-          </a-row>
-        </a-form-model>
-      </div>
-    </div>
-    <div class="footer-submit">
-      <a-button type="primary" @click="handleSubmit">
-        {{ i18nText('3.5.29') }}
-      </a-button>
-    </div>
-  </div>
-</template>
-<script>
-import { Button, Col, FormModel, Input, Row, Tooltip } from 'ant-design-vue';
-import fetch, { qs } from '@/utils/chatFetch';
-import SvgIcon from '@/component/svg/index.vue';
-
-export default {
-  inject: ['i18nText'],
-  components: {
-    [Tooltip.name]: Tooltip,
-    [FormModel.name]: FormModel,
-    [FormModel.Item.name]: FormModel.Item,
-    [Row.name]: Row,
-    [Col.name]: Col,
-    [Input.name]: Input,
-    [Button.name]: Button,
-    SvgIcon
-  },
-  data() {
-    return {
-      col: {
-        lSpan: 8,
-        rSpan: 14,
-        rOffset: 2
-      },
-      rules: {
-        sdkAppId: [
-          {
-            validator: (rule, value, callback) => {
-              if (this.obj.vendor == 1) {
-                /^\d*$/.test(value) ? callback() : callback(new Error(rule.message));
-              } else {
-                callback();
-              }
-            },
-            message: '只能输入数字',
-            trigger: 'change'
-          }
-        ]
-      },
-      obj: {}
-    };
-  },
-  mounted() {
-    this.queryConfig();
-  },
-  methods: {
-    queryConfig() {
-      fetch({
-        url: '/chat/event/getChatParam',
-        method: 'get'
-      }).then(res => {
-        this.obj = res.data.obj;
-      });
-    },
-    validateForm() {
-      const cb = [];
-      const { formVideo } = this.$refs;
-      formVideo && cb.push(formVideo.validate());
-      return Promise.all(cb);
-    },
-    handleSubmit() {
-      this.validateForm().then(() => {
-        fetch({
-          url: '/chat/event/saveChatParam',
-          method: 'post',
-          data: qs.stringify(this.obj)
-        }).then(() => {
-          this.$message.success(this.i18nText('1.6.6'));
-        });
-      });
-    }
-  }
-};
-</script>
-<style lang="less" scoped>
-.configuratioin-page {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  .configuratioin-wrap {
-    padding: 0 14px;
-    flex: 1;
-    overflow-y: auto;
-  }
-  .footer-submit {
-    width: 100%;
-    height: 50px;
-    border-top: 1px solid #d5d5d5;
-    line-height: 50px;
-    background-color: #fff;
-    padding: 0 12px;
-  }
-  .page-title {
-    font-size: 16px;
-    color: #000000;
-    line-height: 22px;
-    padding: 10px 18px;
-    border-bottom: 1px solid #d5d5d5;
-    margin-bottom: 10px;
-    position: relative;
-    .icon {
-      position: absolute;
-      position: absolute;
-      right: 10px;
-      top: 50%;
-      transform: translateY(-50%);
-      cursor: pointer;
-    }
-    &::before {
-      content: '';
-      position: absolute;
-      left: 0;
-      top: 50%;
-      transform: translateY(-50%);
-      width: 4px;
-      height: 16px;
-      background: #2474ff;
-    }
-  }
-  .popover-card {
-    width: 360px;
-    background: rgba(0, 0, 0, 0.75);
-  }
-}
-</style>

package/packages/multi-chat/setting/customerService/batchSelect.vue

@@ -1,403 +0,0 @@
-<template>
-  <div class="batch-select">
-    <a-row style="height: 100%;">
-      <a-col :span="12" class="left-tree">
-        <a-input-search
-          :placeholder="i18nText('1.9.432')"
-          :enter-button="i18nText('1.1.1.5.1')"
-          v-model="name"
-          @search="handleSearch"
-          size="default"
-          allowClear
-        >
-          <a-icon slot="prefix" type="search" class="search-input-icon" />
-        </a-input-search>
-        <div class="check-all">
-          <a-checkbox @change="toggleCheckAll" :checked="checkAll">{{
-            i18nText("1.10.139")
-          }}</a-checkbox>
-        </div>
-        <a-tree
-          ref="antTree"
-          checkable
-          :treeData="treeData"
-          v-model="checkedKeys"
-          @expand="onExpand"
-          @check="onCheck"
-          :expandedKeys="expandedKeys"
-          searchPlaceholder="Please select"
-        >
-          <template slot="custom" slot-scope="item">
-            <span v-if="item.name" class="username">
-              <span class="first-name">{{ item.name[0] }}</span>
-              <span :class="checkSearchName(item)">{{ item.name }}</span>
-            </span>
-            <span v-else>{{ item.orgName || item.dept_name }}</span>
-          </template>
-        </a-tree>
-      </a-col>
-      <a-col :span="12" class="right-page">
-        <div class="right-top">
-          <a-tag
-            closable
-            @close="() => handleRemove(item)"
-            v-for="item in selectedUsers"
-            :key="item.id"
-            >{{ item.name }}</a-tag
-          >
-        </div>
-        <div class="right-bottom">
-          <a-button type="primary" style="margin-right: 18px;" @click="handleSave">
-            {{ i18nText("1.1.1.1.3") }} ({{ selectedUsers.length }}/{{ flatUserList.length }})
-          </a-button>
-          <a-button @click="handleCancel">{{ i18nText("1.1.1.1.4") }}</a-button>
-        </div>
-      </a-col>
-    </a-row>
-  </div>
-</template>
-
-<script>
-import { Button, Checkbox, Col, Icon, Input, Row, Tag, Tree } from 'ant-design-vue';
-import fetch, { qs } from "@/utils/chatFetch";
-
-export default {
-  name: "batch-select",
-  inject: ["i18nText"],
-  components: {
-    [Col.name]: Col,
-    [Button.name]: Button,
-    [Row.name]: Row,
-    [Tag.name]: Tag,
-    [Tree.name]: Tree,
-    [Checkbox.name]: Checkbox,
-    [Icon.name]: Icon,
-    [Input.Search.name]: Input.Search,
-  },
-  props: ["assemblyId"],
-  data() {
-    return {
-      name: "",
-      checkedKeys: [],
-      expandedKeys: [],
-      checkAll: false,
-      // 扁平化tree的options <Array[Object]>
-      flatUserList: [],
-      treeData: [],
-      // 缓存已选的 createdTime 接口提交需要
-      checkedKeysTimeObj: {}
-    };
-  },
-  computed: {
-    selectedUsers() {
-      return this.flatUserList.filter(item => {
-        let flag = this.checkedKeys.includes(item.key);
-        if (flag) {
-          item.createdTime = this.checkedKeysTimeObj[item.key];
-          return flag;
-        }
-      });
-    }
-  },
-  async created() {
-    await this.getUsers();
-    await this.getSelectedUsers();
-  },
-  methods: {
-    /* 获取选中用户 */
-    getSelectedUsers() {
-      return fetch
-        .get("/chat/event/getSysBaseInformation", {
-          params: {
-            type: "PERSONNEL_SERVICE",
-            assemblyId: this.assemblyId
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === "SUCCESS") {
-            let { imformation } = data.map;
-            this.initCheck(imformation);
-          }
-        });
-    },
-    /* 初始选中状态 */
-    initCheck(imformation) {
-      let checkedKeys = new Set();
-      imformation.map(item => {
-        let setting = JSON.parse(item.setting);
-        let { userId, deptId, orgId } = setting;
-        const key = `${orgId}-${deptId}-${userId}`;
-        // userId && checkedKeys.add(key);
-        if (userId) {
-          // 由于存在转部门的情况所以不需要匹配deptId，但a-tree中必须存在不同的deptId
-          // 保证checkedKeys中的值与treeData中的key值保持一致，防止因deptId不同导致数据不同步
-          const obj = this.flatUserList.find(v => v.key.split('-')[0] == orgId && v.key.split('-')[2] == userId);
-          if (obj?.key) {
-            checkedKeys.add(`${orgId}-${obj.key.split('-')[1]}-${userId}`);
-          } else {
-            checkedKeys.add(key);
-          }
-        }
-        setting.key = key;
-        this.cacheCreatedTime(setting);
-      });
-      this.initTreeCheck(this.treeData, checkedKeys);
-      this.checkedKeys = Array.from(checkedKeys);
-      // 判断全选
-      if (imformation.length === this.flatUserList.length) {
-        this.checkAll = true;
-      }
-    },
-
-    /** 缓存 createdTime */
-    cacheCreatedTime(setting = {}) {
-      let { createdTime, key } = setting;
-      this.checkedKeysTimeObj[key] = createdTime;
-    },
-
-    /**
-     * 初始化选中
-     * /user/getOrgUsers 接口增加了 组织的结构。
-     */
-    initTreeCheck(tree = [], checkedKeys) {
-      if (!Array.isArray(tree)) return;
-      tree.forEach(v => {
-        Array.isArray(v.children) &&
-          v.children.map(item => {
-            if (item.children) {
-              let isAll = item.children.every(child => checkedKeys.has(child.id));
-              if (isAll) {
-                checkedKeys.add(item.key);
-              }
-            }
-          });
-      });
-    },
-
-    /* 获取全部用户 */
-    getUsers() {
-      return fetch
-        .get("/user/getOrgUsers")
-        .then(({ data }) => {
-          if (data.result === "SUCCESS") {
-            this.treeData = this.formatTree(data.list || []);
-          }
-        })
-        .catch(err => {
-          console.log(err, "");
-        });
-    },
-    /*  */
-    /* 格式化层级数据 */
-    formatTree(data, otherConfig = {}) {
-      return data.reduce((result, item) => {
-        let { users, id, dept_id, name, dept_name, orgId } = item;
-        let key = orgId || id || dept_id;
-        // 存在key相同的数据，增加上一级key 防止重复
-        key = otherConfig.key ? `${otherConfig.key}-${key}` : key;
-        if (users) {
-          item.children = item.users;
-          let config = Object.assign({ orgId }, otherConfig, { key });
-          this.formatTree(item.children, config);
-        }
-        if (id) {
-          this.flatUserList.push({
-            ...otherConfig,
-            id,
-            dept_id,
-            name,
-            dept_name,
-            key
-          });
-        }
-        item.scopedSlots = {
-          title: "custom"
-        };
-        item.key = key;
-        result.push(item);
-        return result;
-      }, []);
-    },
-    /* 获取父级key进行展开 */
-    getParentKey(treeData, expandedKeys) {
-      const keyword = this.name;
-      let expanded = false;
-      for (let i = 0; i < treeData.length; i++) {
-        const user = treeData[i];
-        let { name = "", key, users } = user;
-        const childExpanded = users ? this.getParentKey(users, expandedKeys) : false;
-        if (childExpanded || (keyword.length > 0 && name.indexOf(keyword) !== -1)) {
-          expanded = true;
-          expandedKeys.add(key);
-          if (!childExpanded) {
-            break;
-          }
-        }
-      }
-      return expanded;
-    },
-    handleSearch() {
-      let expandedKeys = new Set();
-      this.getParentKey(this.treeData, expandedKeys);
-      this.expandedKeys = Array.from(expandedKeys);
-      this.$nextTick(() => {
-        let selected = document.getElementsByClassName("search-name")[0];
-        this.$refs["antTree"].$el.scrollTo({
-          left: 0,
-          top: selected?.offsetTop || 0,
-          behavior: "smooth"
-        });
-      });
-    },
-    onExpand(expandedKeys) {
-      this.expandedKeys = expandedKeys;
-    },
-    /* 判断是否全部选中 */
-    onCheck(checkedKeys) {
-      let notAll = false;
-      for (let i = 0; i < this.treeData.length; i++) {
-        let children = this.treeData[i].children;
-        if (children) {
-          notAll = children.some(child => !checkedKeys.includes(child.id));
-        } else {
-          notAll = !checkedKeys.includes(this.treeData[i].id);
-        }
-      }
-      this.checkAll = !notAll;
-    },
-    /* 全选 */
-    toggleCheckAll(e) {
-      this.checkAll = e.target.checked;
-      let checkedKeys = new Set();
-      if (this.checkAll) {
-        this.checkedKeys = this.flatUserList.map(item => {
-          checkedKeys.add(item.key);
-        });
-      }
-      this.checkedKeys = Array.from(checkedKeys);
-    },
-    /* 删除选中用户 */
-    handleRemove(user) {
-      let { key, orgId, dept_id } = user;
-      const keys = new Set([key, orgId, `${orgId}-${dept_id}`]);
-      this.checkedKeys = this.checkedKeys.filter(item => !keys.has(item));
-      this.checkAll = false;
-    },
-    /* 批量保存 */
-    handleSave() {
-      let selectedUsers = this.selectedUsers.map(item => {
-        let { id, dept_id, name, dept_name, orgId, createdTime } = item;
-        return {
-          deptId: dept_id,
-          userId: id,
-          deptName: dept_name,
-          userName: name,
-          orgId,
-          createdTime
-        };
-      });
-      if (selectedUsers.length === 0) {
-        this.$message.warning(`${this.i18nText("1.9.436")}!`);
-        return;
-      }
-      let param = {
-        list: JSON.stringify(selectedUsers),
-        assemblyId: this.assemblyId
-      };
-      fetch.post("/chat/event/saveListPersonList", qs.stringify(param)).then(({ data }) => {
-        if (data.result === "SUCCESS") {
-          this.$message.success(this.i18nText("1.6.6"));
-          this.$emit("handleBatchResponse", "ok");
-        }
-      });
-    },
-    handleCancel() {
-      this.$emit("handleBatchResponse");
-    },
-    checkSearchName(item) {
-      return {
-        "search-name": item.name.indexOf(this.name) !== -1 && this.name.length > 0
-      };
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.batch-select {
-  height: 100%;
-  /deep/ .ant-input-group-addon {
-    padding: 0;
-    border: none !important;
-  }
-  .left-tree {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    padding: 15px;
-    border-right: 1px solid #d2d9e8;
-    .check-all {
-      margin-top: 20px;
-      padding-bottom: 10px;
-      border-bottom: 1px solid #d2d9e8;
-    }
-    /deep/ .ant-tree {
-      width: 100%;
-      flex: 1;
-      overflow: auto;
-      position: relative;
-      &::-webkit-scrollbar {
-        width: 6px;
-        height: 6px;
-        background-color: #f5f5f5;
-      }
-    }
-    /deep/ .ant-tree-treenode-switcher-close {
-      display: flex;
-      align-items: center;
-      height: 32px;
-      box-sizing: content-box;
-    }
-    .username {
-      display: flex;
-      align-items: center;
-    }
-    .search-name {
-      color: red;
-    }
-    .first-name {
-      display: inline-block;
-      width: 32px;
-      height: 32px;
-      line-height: 32px;
-      margin-right: 6px;
-      text-align: center;
-      background-color: #7d88b5;
-      border-radius: 50%;
-      color: #fff;
-    }
-  }
-  .right-page {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    padding: 20px 15px 16px 15px;
-    overflow: auto;
-    &::-webkit-scrollbar {
-      width: 5px;
-      height: 5px;
-    }
-    .right-top {
-      flex: 1;
-      overflow-y: auto;
-      overflow-x: hidden;
-      .ant-tag {
-        margin-bottom: 8px;
-      }
-    }
-    .right-bottom {
-      margin-top: auto;
-    }
-  }
-}
-</style>