cnhis-design-vue 0.2.18-beta → 0.2.19-beta

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

@@ -177,7 +177,7 @@
             </div>
           </a-popover>
           <!-- 状态切换 -->
-          <UserStatus v-if="hideHeader" type="left-bottom" style="margin: -10px 0 8px; width: 100px;text-align: center;" />
+          <UserStatus v-if="hideHeader" placement="topCenter" />
         </template>
       </a-layout-sider>
       <a-row style="width: 100%;height: 100%;overflow: hidden;">
@@ -337,10 +337,11 @@ import ClassifyTabs from '../components/classify-tabs';
 import ChatTabsHeader from '../components/chat-tabs-header';
 import UserStatus from '../components/user-status';
 import { checkTalkingEnv } from '../utils/index';
+import uniRTCAPI from './mixins/uniRTCAPI';
 
 export default {
   name: 'c-chat-server',
-  mixins: [baseMix],
+  mixins: [baseMix, uniRTCAPI],
   data() {
     this.stompClient = null;
     this.videoGroupSubscribe = null;
@@ -636,7 +637,7 @@ export default {
       'setCurScrollItem',
       'setSessionType',
     ]),
-    ...mapActions(['setChatTimer', 'getVideoHistoryList']),
+    ...mapActions(['setChatTimer', 'getVideoHistoryList', 'initUniRTC']),
     ...mapActions({
       getMsgList: 'setMsgList'
     }),
@@ -1279,6 +1280,15 @@ export default {
           if (data.result === 'SUCCESS') {
             const { sdkAppId, host, vendor } = data.obj;
             this.setSdkInfo({ sdkAppId, host, vendor });
+            // 江苏省
+            if (vendor == 3) {
+              this.initUniRTC({
+                ...data.obj,
+                params: {
+                  assemblyId: this.assemblyId,
+                }
+              });
+            }
           }
         });
     },
@@ -1424,6 +1434,9 @@ export default {
               this.$message.warning(data.resultMsg);
               return;
             }
+            // 江苏省接听
+            console.log('江苏省接听->videoInviteEnter', this.incoming);
+            this.uniRTC && this.acceptCall();
             let { recordId, mode, type } = res;
             this.delCalling(id);
             if (type == 1) {

package/packages/multi-chat/chat/mixins/uniRTCAPI.js

@@ -0,0 +1,77 @@
+import { mapGetters, mapMutations, mapActions } from '../../store/helper';
+
+export default {
+  computed: {
+    ...mapGetters(['uniRTC', 'incoming', 'outing']),
+  },
+  data() {
+    return {
+      // outing: [],
+    };
+  },
+  methods: {
+    ...mapMutations([
+      'setIncoming',
+      'setOuting',
+    ]),
+    checkStatus(targetList) {
+      const deviceTokens = targetList.map(v => v.deviceToken);
+      this.uniRTC.checkStatus(deviceTokens);
+    },
+    startCall(targetList) {
+      // 江苏省
+      setTimeout(() => {
+        // this.outing = [];
+        this.setOuting([]);
+        let outings = [];
+        for (let i = 0; i < targetList.length; i++) {
+          const item = targetList[i];
+          const outing = this.uniRTC.startCall(item.deviceToken, '腾讯', 'tencent', {
+            sdkAppId: this.uniRTC.appId,
+            userId: this.userId,
+            userSig: this.videoData.token,
+            roomId: this.videoData.roomId,
+            // privateMapKey
+          }, {
+            sdkAppId: this.uniRTC.appId,
+            userId: item.username,
+            userSig: item.token,
+            roomId: this.videoData.roomId,
+            // privateMapKey
+          });
+          outings.push(outing);
+        }
+        this.setOuting(outings);
+      }, 500);
+    },
+    stopCall() {
+      for (let i = 0; i < this.outing.length; i++) {
+        const item = this.outing[i];
+        // 江苏省主动挂断
+        this.uniRTC.stopCall(item);
+      }
+      this.setOuting([]);
+    },
+    hangUp() {
+      console.log('江苏省会议挂断', this.outing, this.incoming);
+      if (this.incoming) {
+        this.uniRTC.hangUp(this.incoming.target, 'tencent', '腾讯：挂断并结束视频');
+      } else {
+        for (let i = 0; i < this.outing.length; i++) {
+          const item = this.outing[i];
+          // 江苏省会议挂断
+          this.uniRTC.hangUp(item.target, 'tencent', '腾讯：挂断并结束视频');
+        }
+      }
+      this.setIncoming(null);
+      this.setOuting([]);
+    },
+    refuseCall() {
+      this.incoming && this.uniRTC.refuseCall(this.incoming);
+      this.incoming && this.setIncoming(null);
+    },
+    acceptCall() {
+      this.incoming && this.uniRTC.acceptCall(this.incoming);
+    }
+  }
+};

package/packages/multi-chat/chat/multiVideo.vue

@@ -184,6 +184,7 @@ import { getSipUserId } from '@/utils/sip-device';
 import fetch, { qs } from '@/utils/chatFetch';
 import { Button, Modal, Popover, Tooltip } from 'ant-design-vue';
 import SvgIcon from '@/component/svg/index.vue';
+import uniRTCAPI from './mixins/uniRTCAPI';
 
 const videoStatus = {
   1: '未接听',
@@ -195,6 +196,7 @@ const videoStatus = {
 
 export default {
   inject: ['store'],
+  mixins: [uniRTCAPI],
   components: {
     [Button.name]: Button,
     [Popover.name]: Popover,
@@ -468,6 +470,12 @@ export default {
           this.setRecordId(recordId);
           this.setVideoData(data.map);
           // this.appendVideoMessage();
+          // 江苏省
+          if (this.uniRTC) {
+            const targetList = data.map?.targetList || []; 
+            this.checkStatus(targetList);
+            this.startCall(targetList);
+          }
         } else {
           data.resultMsg && this.$message.warning(data.resultMsg);
         }
@@ -850,6 +858,8 @@ export default {
       fetch.post('/chat/access/videoHangUp', qs.stringify(data)).then(({ data }) => {
         if (data.result === 'SUCCESS') {
           this.handleLeaveRoom();
+          // 江苏省主动挂断
+          this.uniRTC && this.hangUp();
         }
       });
     },
@@ -886,8 +896,12 @@ export default {
           if (accept == 0) {
             this.setMultiVideoShow(false);
             this.setVideoData({});
+            // 江苏省拒接
+            this.uniRTC && this.refuseCall();
             return;
           }
+          // 江苏省接听
+          this.uniRTC && this.acceptCall();
           let res = data.obj || data.map;
           let { token: userSig, roomId, recordId, caller, mode, type } = res;
           this.setCurrentSip(sip);

package/packages/multi-chat/chat/scrollList.vue

@@ -989,7 +989,7 @@ export default {
         ) : null}
 
         {isNoData && ((isEnd && !infiniteMsgShow) || !isEnd) ? (
-          <div class="no-data">
+          <div class={[theme, 'no-data']}>
             <img src={require('../img/no-data2.png')} />
             <span>{this.i18nText('1.1.6.11')}</span>
           </div>
@@ -1010,10 +1010,16 @@ export default {
   & > img {
     width: 160px;
   }
+  &.fold > img {
+    width: 80%;
+  }
   span {
     display: inline-block;
     font-size: 14px;
   }
+  &.fold span {
+    font-size: 12px;
+  }
 }
 .chat-scroll-container {
   height: 100%;

package/packages/multi-chat/chat/video.vue

@@ -54,9 +54,11 @@ import RtcClient from '../utils/rtc-client';
 import fetch, { qs } from '@/utils/chatFetch';
 import { Icon, Popconfirm, Tooltip } from 'ant-design-vue';
 import SvgIcon from '@/component/svg/index.vue';
+import uniRTCAPI from './mixins/uniRTCAPI';
 
 export default {
   inject: ['store', 'i18nText'],
+  mixins: [uniRTCAPI],
   components: {
     [Popconfirm.name]: Popconfirm,
     [Tooltip.name]: Tooltip,
@@ -230,6 +232,8 @@ export default {
             this.setShowVideo(false);
             this.setVideoData({});
           }
+          // 江苏省会议挂断
+          this.uniRTC && this.hangUp();
         } else {
           this.$message.warning(data.resultMsg);
         }

package/packages/multi-chat/components/user-status.vue

@@ -1,20 +1,25 @@
 <template>
   <div>
     <a-dropdown
-      v-if="type === 'right-top'"
-      placement="bottomCenter"
+      :placement="placement"
       :getPopupContainer="
         triggerNode => {
           return triggerNode.parentNode || document.body;
         }
       "
     >
-      <a-button>
+      <a-button v-if="placement === 'bottomCenter'">
         <svg-icon v-if="statusIcon" :icon-class="statusIcon" style="font-size: 16px"></svg-icon>
         <img v-else :src="getImg(status)" height="16" />
         {{ statusDesc }}
         <a-icon type="down" />
       </a-button>
+      <div v-else class="status-btn">
+        <svg-icon v-if="statusIcon" :icon-class="statusIcon" style="font-size: 16px"></svg-icon>
+        <img v-else :src="getImg(status)" height="16" />
+        {{ statusDesc }}
+        <a-icon type="down" />
+      </div>
       <a-menu slot="overlay">
         <a-menu-item v-for="{ title, status, description, icon } in statusList" :key="status" @click="handleStatusChange(status)">
           <template v-if="description">
@@ -41,7 +46,7 @@
         </a-menu-item>
       </a-menu>
     </a-dropdown>
-    <template v-else>
+    <!-- <template v-else>
       <div class="status-btn">
         <svg-icon v-if="statusIcon" :icon-class="statusIcon" style="font-size: 16px"></svg-icon>
         <img v-else :src="getImg(status)" height="16" />
@@ -73,7 +78,7 @@
           </li>
         </ul>
       </div>
-    </template>
+    </template> -->
   </div>
 </template>
 <script>
@@ -93,9 +98,9 @@ export default {
     SvgIcon
   },
   props: {
-    type: {
+    placement: {
       type: String,
-      default: 'right-top'
+      default: 'bottomCenter'
     },
   },
   computed: {
@@ -150,44 +155,44 @@ export default {
 <style lang="less" scoped>
 .status-btn {
   position: relative;
-  padding-right: 10px;
-  height: 26px;
-  line-height: 26px;
+  // padding-right: 10px;
+  height: 28px;
+  line-height: 28px;
   cursor: pointer;
-  .status-list {
-    position: absolute;
-    right: -85px;
-    bottom: 8px;
-    z-index: 2;
-    display: none;
-    padding: 4px 0;
-    outline: none;
-    list-style-type: none;
-    border-radius: 4px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
-    background-color: #fff;
-    transition: all .5s;
-    li {
-      height: 32px;
-      line-height: 32px;
-      padding: 0 16px;
-      display: flex;
-      align-items: center;
-      cursor: pointer;
-      background: #fff;
-      a {
-        padding-right: 8px;
-        color: rgba(0, 0, 0, 0.65);
-      }
-      &:hover {
-        background: #f2f2f2;
-      }
-    }
-  }
-  &:hover {
-    .status-list {
-      display: block;
-    }
-  }
+  // .status-list {
+  //   position: absolute;
+  //   right: -85px;
+  //   bottom: 8px;
+  //   z-index: 2;
+  //   display: none;
+  //   padding: 4px 0;
+  //   outline: none;
+  //   list-style-type: none;
+  //   border-radius: 4px;
+  //   box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
+  //   background-color: #fff;
+  //   transition: all .5s;
+  //   li {
+  //     height: 32px;
+  //     line-height: 32px;
+  //     padding: 0 16px;
+  //     display: flex;
+  //     align-items: center;
+  //     cursor: pointer;
+  //     background: #fff;
+  //     a {
+  //       padding-right: 8px;
+  //       color: rgba(0, 0, 0, 0.65);
+  //     }
+  //     &:hover {
+  //       background: #f2f2f2;
+  //     }
+  //   }
+  // }
+  // &:hover {
+  //   .status-list {
+  //     display: block;
+  //   }
+  // }
 }
 </style>

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

@@ -186,9 +186,9 @@
         <div class="functional-module" v-if="!isConference && !isStaff">
           <span class="title" style="display: inline-block;margin-bottom: 10px;">
             {{ i18nText('1.9.427') }}
-            <a-checkbox @change="handleBotSettingShow" :checked="showBotSetting"></a-checkbox>
+            <!-- <a-checkbox @change="handleBotSettingShow" :checked="showBotSetting"></a-checkbox> -->
           </span>
-          <a-row class="bot-setting" v-if="showBotSetting">
+          <!-- <a-row class="bot-setting" v-if="showBotSetting">
             <a-col :span="4">
               <a-form-item label="secretId">
                 <a-input v-decorator="['secretId']" style="width: 150px;"></a-input>
@@ -205,7 +205,7 @@
             <a-form-item label="botId">
               <a-input v-decorator="['botId']" style="width: 150px;"></a-input>
             </a-form-item>
-          </a-row>
+          </a-row> -->
           <a-row class="bot-setting">
             <a-form-item label="选择机器人">
               <a-select v-decorator="['robotId']" :placeholder="'选择机器人'" style="width: 200px;" allowClear showSearch :filterOption="filterOption">

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

@@ -39,7 +39,7 @@
         </a-row>
       </a-form-model>
 
-      <div key="txy" v-if="obj.vendor == 1">
+      <div key="txy" v-if="obj.vendor == 1 || obj.vendor == 3">
         <div class="page-title">
           腾讯云API密钥
           <a-tooltip
@@ -105,6 +105,43 @@
           </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">

package/packages/multi-chat/store/actions.js

@@ -2,6 +2,27 @@ import fetch, { qs } from '@/utils/chatFetch';
 import Vue from 'vue';
 import vexutils from '@/utils/vexutils';
 import { fmtRobotMessage } from '../utils';
+import UniRTCObject from "@/utils/UniRTCv2";
+
+const deepClone = source => {
+  let target;
+  if (typeof source === "object" && source) {
+    target = Array.isArray(source) ? [] : {};
+    for (let key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+      // if (source.hasOwnProperty(key)) {
+        if (typeof source[key] !== "object") {
+          target[key] = source[key];
+        } else {
+          target[key] = deepClone(source[key]);
+        }
+      }
+    }
+  } else {
+    target = source;
+  }
+  return target;
+};
 
 export default {
   /* 更新聊天记录 */
@@ -347,5 +368,60 @@ export default {
           commit('setVideoVoiceList', list);
         }
       });
+  },
+  async initUniRTC({ commit, state }, obj) {
+    const { uniAppId, uniSecretKey, params } = obj;
+    let uniRTC = null;
+    const getLoginToken = async () => {
+      let appSign;
+      const paramsData = {
+        clientType: '1',
+        deviceToken: uniRTC.deviceToken,
+        appId: uniAppId,
+        secretKey: uniSecretKey
+      };
+      try {
+        const { data } = await fetch.get('/chat/access/getMediaAuthSign', { params: paramsData });
+        if (data.result == 'SUCCESS') {
+          appSign = data.obj;
+          return appSign;
+        }
+      } catch (error) {
+        console.log('获取签名失败:', error);
+        return;
+      }
+    };
+    uniRTC = new UniRTCObject(uniAppId, getLoginToken);
+    uniRTC.onCallComing = incoming => {
+      commit("setIncoming", incoming);
+      console.log('onCallComing->', incoming);
+    };
+    uniRTC.onHangup = () => {
+      commit("setIncoming", null);
+      commit("setOuting", []);
+    };
+    // uniRTC.onCallTimeout = () => {
+    //   commit("setIncoming", null);
+    //   commit("setOuting", []);
+    // };
+    uniRTC.onCallRefused = outing => {
+      const index = state.outing.findIndex(v => v.target === outing.target);
+      if (index > -1) {
+        let cloneOuting = deepClone(state.outing);
+        cloneOuting.splice(index, 1);
+        commit("setOuting", cloneOuting);
+      }
+    };
+    commit("setUniRTC", uniRTC);
+    setTimeout(async () => {
+      console.log('本机设备token->', uniRTC.deviceToken);
+      const res = await fetch.post('/chat/service/registerDeviceToken', qs.stringify({
+        ...params,
+        deviceToken: uniRTC.deviceToken,
+      }));
+      if (res.data?.result !== 'SUCCESS') {
+        console.log(res.data.resultMsg);
+      }
+    }, 1500);
   }
 };

package/packages/multi-chat/store/getters.js

@@ -340,5 +340,14 @@ export default {
   },
   userStatus(state) {
     return state.userStatus;
+  },
+  uniRTC(state) {
+    return state.uniRTC;
+  },
+  incoming(state) {
+    return state.incoming;
+  },
+  outing(state) {
+    return state.outing;
   }
 };

package/packages/multi-chat/store/mutation.js

@@ -266,4 +266,13 @@ export default {
   setUserStatus(state, userStatus) {
     state.userStatus = userStatus;
   },
+  setUniRTC(state, uniRTC) {
+    state.uniRTC = uniRTC;
+  },
+  setIncoming(state, incoming) {
+    state.incoming = incoming;
+  },
+  setOuting(state, outing) {
+    state.outing = outing;
+  }
 };

package/packages/multi-chat/store/state.js

@@ -103,6 +103,9 @@ export default () => {
     isQuickReply: false,
     isRecorderVoice: false,
     msgRecordCache: {}, // 消息已读记录缓存
-    userStatus: ''
+    userStatus: '',
+    uniRTC: null,
+    incoming: null,
+    outing: []
   };
 };

package/packages/scale-view/answerParse.vue

@@ -1,8 +1,11 @@
 <template>
   <div class="answerParse" :class="{ 'answerParse-success': answerSuccess }">
-    <div class="answer-res">
-      <svg-icon :iconClass="answerIcon"></svg-icon>
-      {{ answerResText }}
+    <div class="answer-res-wrap">
+      <div class="answer-res">
+        <svg-icon :iconClass="answerIcon"></svg-icon>
+        {{ answerResText }}
+      </div>
+      <div v-if="answerSuccess"> 本题得分：{{ questionScore }}分 </div>
     </div>
     <div class="correct-answer" v-if="correctAnswer">
       <p>正确答案：</p>
@@ -62,19 +65,29 @@ export default {
   background: rgba(253, 246, 246, 0.6);
   margin-top: 6px;
   margin-bottom: 12px;
-  .answer-res {
-    display: inline-flex;
+  .answer-res-wrap {
+    display: flex;
+    justify-content: space-between;
     align-items: center;
-    padding: 0 18px;
-    line-height: 36px;
-    color: #fff;
-    background: #f06f64;
-    border-radius: 18px;
     margin-bottom: 16px;
-    font-weight: 700;
-    svg {
-      margin-right: 8px;
-      font-size: 16px;
+    .answer-res {
+      display: inline-flex;
+      align-items: center;
+      padding: 0 18px;
+      line-height: 36px;
+      color: #fff;
+      background: #f06f64;
+      border-radius: 18px;
+      font-weight: 700;
+      svg {
+        margin-right: 8px;
+        font-size: 16px;
+      }
+    }
+    .answer-score {
+      font-size: 14px;
+      font-weight: 600;
+      color: #2e2e2e;
     }
   }
   .correct-answer {