cnhis-design-vue 2.1.17 → 2.1.18

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

@@ -1,1302 +1,1316 @@
-<template>
-  <div class="chat-base-info">
-    <h3 class="page-title">{{ i18nText('2.4.3.1') }}</h3>
-    <div class="main-form">
-      <a-form :form="form">
-        <div class="functional-module" v-if="!isStaff">
-          <span class="title">{{ i18nText('1.9.401') }}</span>
-          <a-form-item>
-            <a-checkbox @change="handleTimeSettingShow" :checked="showTimeSetting">{{ i18nText('1.9.402') }}</a-checkbox>
-            <a-checkbox v-model="readStatus">已读回执</a-checkbox>
-            <a-checkbox v-model="lineUpNotice">排队提醒</a-checkbox>
-          </a-form-item>
-          <template v-if="showTimeSetting">
-            <a-row class="time-setting">
-              <a-col :span="12">
-                <a-form-item :label="i18nText('1.9.403')">
-                  <a-select v-decorator="['timeLength']" :placeholder="i18nText('1.9.404')" style="width: 200px;" showSearch>
-                    <a-select-option v-for="time in timeLengths" :key="time" :value="time">{{ time }}</a-select-option>
-                  </a-select>
-                  {{ i18nText('2.2.6.6') }}
-                </a-form-item>
-              </a-col>
-              <a-col :span="8">
-                <a-form-item :label="i18nText('1.9.405')" class="ASC_DESC">
-                  <a-radio-group v-decorator="['showMode']">
-                    <a-radio value="ASC">{{ i18nText('1.9.406') }}</a-radio>
-                    <a-radio value="DESC">{{ i18nText('1.9.407') }}</a-radio>
-                  </a-radio-group>
-                </a-form-item>
-              </a-col>
-            </a-row>
-            <a-form-item style="margin-left: 20px;">
-              <a-checkbox @change="handleTimeDelayShow" :checked="showTimeDelay">{{ i18nText('1.9.408') }}</a-checkbox>
-            </a-form-item>
-            <template v-if="showTimeDelay">
-              <a-row class="delayed-setting">
-                <a-col :span="12">
-                  <a-form-item :label="i18nText('1.9.409')">
-                    <a-input-number :precision="0" :min="1" v-decorator="['delayed-timeLength']" style="width: 80px;"></a-input-number>
-                    <span class="unit">{{ i18nText('2.2.6.6') }}</span>
-                  </a-form-item>
-                </a-col>
-                <a-col :span="10">
-                  <a-form-item :label="i18nText('1.9.410')">
-                    <a-input-number :precision="0" :min="1" v-decorator="['rightOffRemindTime']" style="width: 80px;" @blur="handleRightOffRemindTimeBlur"></a-input-number>
-                    <span class="unit">{{ i18nText('1.9.411') }}</span>
-                  </a-form-item>
-                </a-col>
-              </a-row>
-            </template>
-          </template>
-        </div>
-        <div class="functional-module">
-          <span class="title">{{ i18nText('1.9.412') }}</span>
-          <a-form-item :label="i18nText('1.9.413')" class="server-form-item" v-if="!isStaff">
-            <template v-for="item in serverInfo">
-              <div :key="item.key" v-if="item.type === 'TEXT'" class="serverinfo-wrapper">
-                <a-tooltip placement="top">
-                  <template slot="title">{{ item.title }}</template>
-                  <span class="serverinfo-label">{{ item.title }}:</span>
-                </a-tooltip>
-                <a-input v-decorator="[item.key]" class="title-input" allowClear></a-input>
-              </div>
-            </template>
-          </a-form-item>
-          <a-form-item :label="i18nText('1.9.414')" v-if="!isStaff">
-            <template v-for="item in serverInfo">
-              <div :key="item.key" v-if="item.type === 'BUTTON'" class="serverinfo-wrapper">
-                <a-tooltip placement="top">
-                  <template slot="title">{{ item.title }}</template>
-                  <span class="serverinfo-label">{{ item.title }}:</span>
-                </a-tooltip>
-                <a-input v-decorator="[item.key]" class="title-input" allowClear></a-input>
-              </div>
-            </template>
-          </a-form-item>
-          <a-form-item :label="i18nText('1.9.415')" v-if="queryTimeSettingList.length > 0">
-            <!-- <a-checkbox-group
-              :options="queryTimeSettingList"
-              v-decorator="[`queryTimeSetting`]"
-            />-->
-            <a-radio-group :options="queryTimeSettingList" v-decorator="[`queryTimeSetting`]"></a-radio-group>
-          </a-form-item>
-          <a-form-item :label="i18nText('1.9.416')">
-            <a-checkbox-group v-if="isListClassify !== 'Y'" :options="functionList" v-decorator="[`functionSetting`]" />
-          </a-form-item>
-          <template v-if="isListClassify === 'Y'">
-            <div v-for="(item, index) in listClassify" :key="index" class="classify-wrapper">
-              <!-- <a-checkbox
-                @change="e => handleClassifyToggle(item, e)"
-                :checked="item.isChecked === 'Y'"
-              ></a-checkbox>-->
-              <div class="classify-item">
-                <div class="statistic">
-                  <div>
-                    <span class="name">{{ i18nText('1.9.417') }}:</span>
-                    <svg-icon :icon-class="item.icon" style="font-size: 20px;margin-right: 8px;"></svg-icon>
-                    <a-input v-model="item.name" allowClear style="width: 150px;"></a-input>
-                    <a-checkbox v-if="item.isStatistic !== 'NOT'" style="width: 100px;margin-left: 10px;" @change="e => handleStatisticToggle(item, e)" :checked="item.isStatistic === 'Y'">{{
-                      i18nText('1.9.418')
-                    }}</a-checkbox>
-                    <a-checkbox style="width: 100px;margin-left: 10px;" v-model="item.enable">启用</a-checkbox>
-                  </div>
-                  <a-tooltip placement="top">
-                    <template slot="title">上移</template>
-                    <a-icon v-if="listClassify.length > 1" @click="handleGroupUp(index)" type="up" style="margin-right: 10px;" />
-                  </a-tooltip>
-                </div>
-                <div class="server">
-                  <span class="name">{{ i18nText('1.9.419') }}</span>
-                  <a-checkbox-group :options="item.serverfunctionList" v-model="item.serverfunctions" />
-                </div>
-                <div class="client">
-                  <span class="name">{{ i18nText('1.9.420') }}</span>
-                  <a-checkbox-group :options="item.clientfunctionList" v-model="item.clientfunctions" />
-                </div>
-              </div>
-            </div>
-          </template>
-          <!-- 问诊TAB栏 -->
-          <a-form-item :label="i18nText('1.1.8.1.8') + '-' + i18nText('1.10.232')" v-if="!isStaff">
-            <template v-if="tabBarSetting.mobileSetting && tabBarSetting.mobileSetting.list">
-              <a-checkbox
-                v-for="(item, index) in tabBarSetting.mobileSetting.list"
-                :key="index"
-                :disabled="!tabBarMobileEnable || item.isMsgBar == 'Y'"
-                :checked="item.isChecked == 'Y'"
-                @input="v => handleCheckInput(v, item)"
-              >
-                {{ item.content }}
-              </a-checkbox>
-            </template>
-          </a-form-item>
-          <a-form-item :label="i18nText('1.9.421')" v-if="!isStaff">
-            <a-table bordered :columns="columns" :dataSource="serviceState" :pagination="false" :rowKey="getRowkey">
-              <template slot="operation" slot-scope="text, record">
-                <a-switch
-                  :disabled="['ON-LINE', 'OFF-LINE'].includes(record.status)"
-                  :checkedChildren="i18nText('1.9.422')"
-                  :unCheckedChildren="i18nText('1.1.1.1.7')"
-                  :checked="record.enable"
-                  @change="() => handleStatusChange(record)"
-                />
-              </template>
-
-              <template slot="icon" slot-scope="text, record">
-                <svg-icon v-if="record.icon" :icon-class="record.icon" style="font-size:16px;"></svg-icon>
-              </template>
-            </a-table>
-          </a-form-item>
-          <a-form-item :label="i18nText('1.9.698')" v-if="toolbarList.length > 0">
-            <!-- <a-checkbox-group
-              :options="toolbarList"
-              v-decorator="[`toolbar`]"
-            /> -->
-            <a-checkbox-group v-decorator="[`toolbar`]">
-              <a-row>
-                <a-col>
-                  <span style="display: inline-block;width: 70px;">PC:</span>
-                  <a-checkbox @change="toolbarChange(item, $event)" :value="item.value" v-for="(item, index) in toolbarList.filter(item => item.source === 'PC')" :key="index">
-                    {{ item.label }}
-                  </a-checkbox>
-                </a-col>
-                <a-col>
-                  <span style="display: inline-block;width: 70px;">MOBILE:</span>
-                  <a-checkbox @change="toolbarChange(item, $event)" :value="item.value" v-for="(item, index) in toolbarList.filter(item => item.source === 'MOBILE')" :key="index">
-                    {{ item.label }}
-                  </a-checkbox>
-                </a-col>
-              </a-row>
-            </a-checkbox-group>
-          </a-form-item>
-          <a-form-item :label="i18nText('1.9.699')" v-if="toolbarList.length > 0">
-            <a-checkbox-group v-decorator="[`closedToolbar`]">
-              <a-row>
-                <a-col>
-                  <span style="display: inline-block;width: 70px;">PC:</span>
-                  <a-checkbox :value="item.value" v-for="(item, index) in closedToolbarList.filter(item => item.source === 'PC')" :key="index">
-                    {{ item.label }}
-                  </a-checkbox>
-                </a-col>
-                <a-col>
-                  <span style="display: inline-block;width: 70px;">MOBILE:</span>
-                  <a-checkbox :value="item.value" v-for="(item, index) in closedToolbarList.filter(item => item.source === 'MOBILE')" :key="index">
-                    {{ item.label }}
-                  </a-checkbox>
-                </a-col>
-              </a-row>
-            </a-checkbox-group>
-          </a-form-item>
-        </div>
-        <div class="functional-module" v-if="isListClassify !== 'Y' && !isStaff">
-          <span class="title">{{ i18nText('1.9.424') }}</span>
-          <a-form-item :label="i18nText('1.9.425')">
-            <a-checkbox-group :options="clientFunctionList" v-decorator="[`clientFunctionSetting`]" />
-          </a-form-item>
-        </div>
-        <div class="functional-module" v-if="!isStaff">
-          <span class="title" style="display: inline-block;margin-bottom: 10px;">
-            {{ i18nText('1.9.426') }}
-            <a-checkbox @change="handleEvaluate" :disabled="!evaluateId" :checked="evaluate"></a-checkbox>
-          </span>
-        </div>
-        <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> -->
-          </span>
-          <!-- <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>
-              </a-form-item>
-            </a-col>
-            <a-col :span="5">
-              <a-form-item label="secretKey">
-                <a-input v-decorator="['secretKey']" style="width: 150px;"></a-input>
-              </a-form-item>
-            </a-col>
-          </a-row>
-
-          <a-row class="bot-setting" v-if="showBotSetting">
-            <a-form-item label="botId">
-              <a-input v-decorator="['botId']" style="width: 150px;"></a-input>
-            </a-form-item>
-          </a-row> -->
-          <a-row class="bot-setting">
-            <a-form-item label="选择机器人">
-              <a-select v-decorator="['robotId']" :placeholder="'选择机器人'" style="width: 200px;" allowClear showSearch :filterOption="filterOption">
-                <a-select-option v-for="robot in robotList" :key="robot.id" :value="robot.id">{{ robot.name }}</a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-row>
-          <a-row class="bot-setting">
-            <a-form-item>
-              <a-radio-group v-decorator="['mode']">
-                <a-radio value="ROBOT_CHAT">机器人和人工客服</a-radio>
-                <a-radio value="ROBOT">仅机器人</a-radio>
-              </a-radio-group>
-            </a-form-item>
-          </a-row>
-        </div>
-        <div class="functional-module">
-          <span class="title" style="display: block;margin-bottom: 10px;">
-            公共短语
-          </span>
-          <a-select style="width: 300px;margin-top: 15px;" mode="multiple" v-model="chatPublicCategory" showSearch placeholder="请选择">
-            <a-select-option v-for="item in chatPublicCategoryList" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
-          </a-select>
-        </div>
-        <div class="functional-module">
-          <span class="title">{{ i18nText('1.9.428') }}</span>
-          <div class="broadcaste-wrap" v-for="(b, key) in broadcastList" :key="b.type">
-            <div class="broadcaste-title">
-              <a-switch v-model="b.isChecked" :checkedChildren="i18nText('1.9.422')" :unCheckedChildren="i18nText('1.1.1.1.7')" />
-              <span>{{ key === 'PC' ? i18nText('1.9.429') : i18nText('1.1.8.1.8') }}</span>
-              <a-icon type="plus-circle" theme="filled" style="color: green; fontSize: 18px;" @click="addBroadcast(b.type, b.list)" />
-            </div>
-            <ul>
-              <li v-for="(v, i) in b.list" :key="i" class="broadcaste-item">
-                <div>
-                  <span class="item-title">{{ i18nText('3.19.5') }}</span>
-                  <a-input v-model="v.content" allowClear />
-                </div>
-                <div>
-                  <span class="item-title">{{ i18nText('2.22.8.2') }}</span>
-                  <a-input v-model="v.url" allowClear />
-                </div>
-                <svg-icon @click="deleteBroadcast(i, b.list)" class="form-action svg-icon-btn" icon-class="xitongtubiaoliebiaocaozuoanniushanchushixin" style="margin-left: 4px;" />
-              </li>
-            </ul>
-          </div>
-        </div>
-        <div class="functional-module" v-if="!isStaff">
-          <span class="title" style="display: inline-block;margin-bottom: 10px;"> {{ i18nText('1.9.678') }}: </span>
-          <ul>
-            <li v-for="(item, i) in refuseReasonList" :key="i" class="refuse-item">
-              <a-input v-model.trim="item.text" :maxLength="15"></a-input>
-              <svg-icon class="form-action svg-icon-btn" icon-class="xitongtubiaoliebiaocaozuoanniushanchushixin" @click="refuseReasonDel(i)" />
-            </li>
-          </ul>
-          <a-button class="refuse-add-btn" type="link" size="small" :disabled="refuseReasonList.length > 4" @click="refuseReasonAdd">
-            <svg-icon icon-class="xinzengwenjian" style="margin-right:6px" />
-            添加
-          </a-button>
-        </div>
-        <div class="functional-module" v-if="!isStaff">
-          <span class="title" style="display: inline-block;margin-bottom: 10px;">
-            环境变量设置:
-          </span>
-          <a-row v-for="(item, index) in variableSetting" :key="index">
-            <a-col :span="4">
-              <a-form-item label="变量名称">
-                <a-input v-model="item.name" style="width: 200px;" disabled></a-input>
-              </a-form-item>
-            </a-col>
-            <a-col :span="4">
-              <a-form-item label="变量值">
-                <a-input v-model="item.value" style="width: 200px"></a-input>
-              </a-form-item>
-            </a-col>
-            <a-col :span="5">
-              <a-form-item label="备注">
-                <a-input v-model="item.remark" style="width: 200px;" disabled></a-input>
-              </a-form-item>
-            </a-col>
-          </a-row>
-        </div>
-        <div class="functional-module rightClickSetting">
-          <span class="title" style="display: inline-block;margin-bottom: 10px;">
-            右键设置
-            <a-icon type="plus-circle" theme="filled" style="color: green; fontSize: 18px;" @click="addRightClick()" />
-          </span>
-          <a-row v-for="(item, index) in rightClickSetting" :key="index">
-            <a-col :span="handleRightClickSpan(item)">
-              <a-form-item label="名称" class="rightClick-form">
-                <a-input v-model="item.rightClickName" style="width: 98%" allowClear></a-input>
-              </a-form-item>
-            </a-col>
-            <a-col :span="handleRightClickSpan(item)">
-              <a-form-item label="操作" class="rightClick-form">
-                <a-select style="width: 98%" v-model="item.rightClickDo" allowClear showSearch :filterOption="filterOption" placeholder="请选择">
-                  <a-select-option v-for="(i, index) in rightClickDoList" :key="index" :value="i.value">{{ i.label }}</a-select-option>
-                </a-select>
-              </a-form-item>
-            </a-col>
-            <a-col :span="11" v-if="item.rightClickDo === 'jumpUrl'">
-              <a-form-item label="外部地址" class="rightClick-form">
-                <a-input v-model="item.rightClickUrl" style="width: 100%;" allowClear></a-input>
-              </a-form-item>
-            </a-col>
-            <svg-icon @click="deleteRightClick(index)" class="form-action svg-icon-btn" icon-class="xitongtubiaoliebiaocaozuoanniushanchushixin" style="margin: 8px 0 0 4px;" />
-          </a-row>
-        </div>
-        <div class="functional-module" v-if="!isConference && !isStaff">
-          <span class="title" style="display: inline-block;margin-bottom: 10px;">
-            聊天客户端接入地址
-          </span>
-          <a-row class="client-url">
-            <a-col :span="3">PC端：</a-col>
-            <a-col :span="20">{{ pcUrl }} </a-col>
-          </a-row>
-          <a-row class="client-url">
-            <a-col :span="3">移动端：</a-col>
-            <a-col :span="20">{{ mobileUrl }} </a-col>
-          </a-row>
-        </div>
-      </a-form>
-    </div>
-    <div class="form-bottom">
-      <!-- <a-button @click="handleCancel">取消</a-button> -->
-      <a-button type="primary" @click="handleSubmit" style="margin-left: 10px;">{{ i18nText('3.5.29') }}</a-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from '../../store/helper';
-import fetch, { qs } from '@/utils/chatFetch';
-import vexutils from '@/utils/vexutils';
-import { Checkbox, Col, Form, Icon, Input, InputNumber, Radio, Row, Select, Tooltip, Table, Switch, Button } from 'ant-design-vue';
-import SvgIcon from '@/component/svg/index.vue';
-
-export default {
-  inject: ['store', 'i18nText', 'dispatchEvent'],
-  components: {
-    [Icon.name]: Icon,
-    [Row.name]: Row,
-    [Col.name]: Col,
-    [Form.name]: Form,
-    [Form.Item.name]: Form.Item,
-    [Checkbox.name]: Checkbox,
-    [Select.name]: Select,
-    [Select.Option.name]: Select.Option,
-    [Radio.name]: Radio,
-    [Radio.Group.name]: Radio.Group,
-    [InputNumber.name]: InputNumber,
-    [Tooltip.name]: Tooltip,
-    [Checkbox.Group.name]: Checkbox.Group,
-    [Input.name]: Input,
-    [Table.name]: Table,
-    [Switch.name]: Switch,
-    [Button.name]: Button,
-    SvgIcon
-  },
-  props: ['assemblyId', 'webURL'],
-  data() {
-    return {
-      isListClassify: '',
-      listClassify: [],
-      showTimeSetting: false,
-      showTimeDelay: false,
-      showBotSetting: false,
-      evaluate: false,
-      readStatus: false,
-      lineUpNotice: false,
-      evaluateId: '',
-      timeLengths: [5, 10, 20, 30, 40, 50, 60],
-      functionSetting: [], // 服务端功能
-      clientFunctionSetting: [], // 客户端功能
-      functionList: [], // 服务端功能下拉列表
-      clientFunctionList: [], // 客户端功能下拉列表
-      toolbar: [],
-      toolbarList: [],
-      closedToolbarList: [],
-      queryTimeSetting: [],
-      queryTimeSettingList: [],
-      serviceState: [],
-      serverInfo: [],
-      tabBarSetting: {},
-      columns: [
-        {
-          title: this.i18nText('1.9.417'),
-          dataIndex: 'title',
-          key: 'title',
-          align: 'center'
-        },
-        {
-          title: this.i18nText('1.2.1.4.4'),
-          dataIndex: 'description',
-          key: 'description',
-          align: 'center'
-        },
-        {
-          title: this.i18nText('1.2.1.3.24'),
-          dataIndex: 'updatedBy',
-          key: 'updatedBy',
-          align: 'center',
-          scopedSlots: { customRender: 'operation' }
-        },
-        {
-          title: 'icon',
-          dataIndex: 'icon',
-          key: 'icon',
-          align: 'center',
-          scopedSlots: { customRender: 'icon' }
-        }
-      ],
-      submitData: { setting: {} },
-      id: '',
-      originSetting: {},
-      broadcastList: {
-        PC: {
-          isChecked: false,
-          list: []
-        },
-        MOBILE: {
-          isChecked: false,
-          list: []
-        }
-      },
-      robotList: [],
-      variableSetting: [
-        {
-          name: 'QUEUE_NOTICE_TIME',
-          value: '5',
-          remark: '每个会话平均时长'
-        }
-      ],
-      chatPublicCategoryList: [],
-      chatPublicCategory: '',
-      rightClickSetting: [],
-      rightClickDoList: [
-        { label: '撤回', value: 'rollBack' },
-        { label: '外部地址', value: 'jumpUrl' },
-        { label: '重新发送', value: 'resend' }
-      ],
-      clientInfo: {},
-      mobileUrl: '',
-      pcUrl: '',
-      refuseReasonList: []
-    };
-  },
-  computed: {
-    ...mapGetters(['userInfo', 'assemblySetting']),
-    orgId() {
-      return this.userInfo?.sysParams?.orgId;
-    },
-    isConference() {
-      return this.assemblySetting?.type == 'conference';
-    },
-    isStaff() {
-      return this.assemblySetting?.type == 'staff';
-    },
-    tabBarMobileEnable() {
-      const isChecked = this.tabBarSetting?.mobileSetting?.isChecked;
-      return isChecked == 'Y';
-    },
-    handleRightClickSpan() {
-      return function(item) {
-        if (item.rightClickDo === 'jumpUrl') return 5;
-        return 11;
-      };
-    }
-  },
-  beforeCreate() {
-    this.form = this.$form.createForm(this, { name: 'strategy-condition' });
-  },
-  created() {
-    this.init();
-    this.getBaseInfo();
-    if (!this.isConference) {
-      this.getRobotAll();
-    }
-  },
-  watch: {},
-  methods: {
-    filterOption(...args) {
-      return vexutils.filterOption.apply(this, args);
-    },
-    init() {
-      this.mobileUrl = `${location.origin}${this.webURL}/h5/#/multiChat?assemblyId=${this.assemblyId || 'xxx'}&orgId=${this.orgId || 'xxx'}&userId=xxx&userType=xxx&name=xxx`;
-      this.pcUrl = `${location.origin}${this.webURL}/web/#/multiChat?isOriginPage=1&assemblyId=${this.assemblyId || 'xxx'}&orgId=${this.orgId || 'xxx'}&userId=xxx&userType=xxx&name=xxx`;
-    },
-    /* 入口 */
-    getBaseInfo() {
-      fetch
-        .get('/chat/event/getSysBaseInformation', {
-          params: {
-            assemblyId: this.assemblyId,
-            type: 'BASE_INFORMATION'
-          }
-        })
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            const chatPublicCategoryList = data.map?.chatPublicCategoryList || [];
-            this.chatPublicCategoryList = chatPublicCategoryList.filter(v => v);
-            let info = data.map.imformation[0];
-            if (info) {
-              this.id = info.id || null;
-              let setting = info.settingObj;
-              this.originSetting = setting;
-              this.fillInfoData(setting);
-            }
-          }
-        });
-    },
-    /* 编辑回填 */
-    fillInfoData(setting) {
-      let {
-        timingSettingSwitch,
-        timingSetting,
-        serverSetting,
-        clientSetting,
-        queryTimeSetting = [],
-        robotObj,
-        robotSetting,
-        toolbar = [],
-        isListClassify,
-        listClassify = [],
-        rightClickSetting = [],
-        variableSetting = [],
-        chatPublicCategory,
-        evaluate,
-        readStatus,
-        lineUpNotice,
-        broadcast
-      } = setting;
-      this.readStatus = readStatus === 'Y';
-      this.lineUpNotice = lineUpNotice === 'Y';
-      this.showTimeSetting = timingSettingSwitch === '1';
-      this.isListClassify = isListClassify;
-      this.rightClickSetting = rightClickSetting;
-      this.variableSetting = variableSetting;
-      // 拒绝原因
-      this.refuseReasonList = setting?.refuseReasonSetting?.list || [];
-      if (chatPublicCategory) {
-        this.chatPublicCategory = chatPublicCategory.split(',');
-      } else {
-        this.chatPublicCategory = [];
-      }
-      this.fillListClassify(listClassify);
-      this.$nextTick(() => {
-        this.fillServiceSetting(serverSetting);
-      });
-      this.fillClientSetting(clientSetting);
-      this.fillToolbar(toolbar);
-      this.fillQueryTimeSetting(queryTimeSetting);
-      this.fillBroadcast(broadcast);
-      this.fillTabBar(setting.tabBarSetting);
-      this.$nextTick().then(() => {
-        this.fillTimeSetting(timingSetting);
-      });
-      if (robotObj?.switch) {
-        this.showBotSetting = true;
-        let { secretId, secretKey, botId } = robotObj;
-        this.$nextTick().then(() => {
-          !this.isConference &&
-            !this.isStaff &&
-            this.form.setFieldsValue({
-              secretKey,
-              secretId,
-              botId
-            });
-        });
-      }
-      !this.isConference && !this.isStaff && this.fillRobotSetting(robotSetting);
-      if (evaluate) {
-        this.evaluate = evaluate.isChecked === 'Y';
-        this.evaluateId = evaluate.id;
-      }
-    },
-    fillQueryTimeSetting(queryTimeSetting) {
-      this.queryTimeSettingList = queryTimeSetting.map(item => ({
-        label: item.title,
-        value: item.title
-      }));
-      this.queryTimeSetting = queryTimeSetting;
-      // let queryTimeSettingChecked = queryTimeSetting.reduce((result, item) => {
-      //   if (item.isChecked === "Y") {
-      //     result.push(item.title);
-      //   }
-      //   return result;
-      // }, []);
-      let queryTimeSettingChecked = queryTimeSetting.filter(item => item.isChecked === 'Y')[0]?.title;
-      this.$nextTick(() => {
-        this.form.setFieldsValue({ queryTimeSetting: queryTimeSettingChecked });
-      });
-    },
-    fillRobotSetting(robotSetting) {
-      if (!robotSetting) return;
-      let { robotId, mode } = robotSetting;
-      this.$nextTick(() => {
-        this.form.setFieldsValue({ robotId, mode });
-      });
-    },
-    fillBroadcast(broadcast) {
-      if (!broadcast) return;
-      for (let i in broadcast) {
-        let item = broadcast[i];
-        item.isChecked = item.isChecked == 'Y' ? true : false;
-        if (!item.list) {
-          item.list = [];
-        }
-      }
-      this.broadcastList = broadcast;
-    },
-    fillToolbar(toolbar) {
-      this.toolbarList = toolbar.map(item => ({
-        label: item.name,
-        value: item.name + '-' + item.source,
-        source: item.source,
-        isClosedAble: item.isClosedAble,
-        isCloseChecked: item.isCloseChecked
-      }));
-      const btwList = toolbar.filter(item => item.isClosedAble == "Y" && item.isChecked == "Y");
-      this.closedToolbarList = btwList.map(item => ({
-        label: item.name,
-        value: item.name + '-' + item.source,
-        source: item.source,
-        isClosedAble: item.isClosedAble,
-        isCloseChecked: item.isCloseChecked
-      }));
-      this.toolbar = toolbar;
-      let toolbarChecked = toolbar.reduce((result, item) => {
-        if (item.isChecked === 'Y') {
-          result.push(item.name + '-' + item.source);
-        }
-        return result;
-      }, []);
-      this.$nextTick(() => {
-        this.form.setFieldsValue({ toolbar: toolbarChecked });
-      });
-      let closedToolbarChecked = this.closedToolbarList.reduce((result, item) => {
-        if (item.isCloseChecked === 'Y') {
-          result.push(item.label + '-' + item.source);
-        }
-        return result;
-      }, []);
-      this.$nextTick(() => {
-        this.form.setFieldsValue({ closedToolbar: closedToolbarChecked });
-      });
-    },
-    toolbarChange(item, e) {
-      const checked = e.target.checked;
-      let checkedItemIndex = -1;
-      const checkedItems = [];
-      this.closedToolbarList.forEach((itm, index) => {
-        if (item.source == itm.source && item.value == itm.value) {
-          checkedItemIndex = index;
-        } else {
-          checkedItems.push(itm.value);
-        }
-      })
-      if (checked && checkedItemIndex == -1 && item.isClosedAble == "Y") {
-        this.closedToolbarList.push(item);
-      } else if (!checked && checkedItemIndex != -1) {
-        this.form.setFieldsValue({ closedToolbar: checkedItems });
-        this.closedToolbarList.splice(checkedItemIndex, 1);
-      }
-    },
-    fillTabBar(data) {
-      const mobileSetting = {
-        isChecked: 'N',
-        list: []
-      };
-      if (data.mobileSetting) {
-        mobileSetting.isChecked = data.mobileSetting.isChecked || mobileSetting.isChecked;
-        mobileSetting.list = (data?.mobileSetting?.list || []).map(v => {
-          return Object.assign({}, v, {
-            isChecked: v.isChecked || 'Y' // 无isChecked的旧数据设值为Y
-          });
-        });
-      }
-      this.tabBarSetting = {
-        mobileSetting
-      };
-    },
-    /* 回填时间设置 */
-    fillTimeSetting(timeSetting) {
-      if (this.isStaff) return;
-      let { timeLength, showMode, delayedSetting, delayed } = timeSetting;
-      this.form.setFieldsValue({
-        timeLength,
-        showMode
-      });
-      if (delayed) {
-        this.showTimeDelay = true;
-        let { timeLength, rightOffRemindTime } = delayedSetting;
-        this.$nextTick().then(() => {
-          this.form.setFieldsValue({
-            'delayed-timeLength': timeLength,
-            rightOffRemindTime
-          });
-        });
-      }
-    },
-    fillListClassify(listClassify) {
-      if (this.isListClassify !== 'Y') {
-        return;
-      }
-      this.listClassify = listClassify;
-      this.listClassify.forEach(item => {
-        let serverfunctionList = [];
-        let serverfunctions = [];
-        let clientfunctionList = [];
-        let clientfunctions = [];
-        item.serverFunctionSetting.map(i => {
-          if (i.isshow === 'Y') {
-            serverfunctionList.push({
-              label: i.fTitle,
-              value: i.function
-            });
-          }
-          if (i.isChecked === 'Y') {
-            serverfunctions.push(i.function);
-          }
-        });
-        item.clientFunctionSetting.map(i => {
-          if (i.isshow === 'Y') {
-            clientfunctionList.push({
-              label: i.fTitle,
-              value: i.function
-            });
-          }
-          if (i.isChecked === 'Y') {
-            clientfunctions.push(i.function);
-          }
-        });
-        if (item.enable === undefined) {
-          this.$set(item, 'enable', true);
-        }
-        this.$set(item, 'serverfunctionList', serverfunctionList);
-        this.$set(item, 'serverfunctions', serverfunctions);
-        this.$set(item, 'clientfunctionList', clientfunctionList);
-        this.$set(item, 'clientfunctions', clientfunctions);
-      });
-    },
-    /* 回填服务端设置 */
-    fillServiceSetting(serverSetting) {
-      let { serverInfo, functionSetting, serviceState } = serverSetting;
-
-      this.serverInfo = serverInfo;
-      this.$nextTick().then(() => {
-        !this.isStaff &&
-          serverInfo.map(item => {
-            this.form.setFieldsValue({ [item.key]: item.value });
-          });
-      });
-      this.serviceState = serviceState;
-
-      if (this.isListClassify === 'Y') {
-        return;
-      }
-
-      this.functionSetting = functionSetting;
-      this.getFunctionList();
-      let serverFunction = functionSetting.reduce((server, item) => {
-        if (item.isChecked === 'Y') {
-          server.push(item.function);
-        }
-        return server;
-      }, []);
-      this.form.setFieldsValue({ functionSetting: serverFunction });
-    },
-    /* 回填客户端设置 */
-    fillClientSetting(clientSetting) {
-      if (this.isListClassify === 'Y' || this.isStaff) return;
-      let { functionSetting } = clientSetting;
-      this.clientFunctionSetting = functionSetting;
-      this.getClientFunctionList();
-      let clientFunction = functionSetting.reduce((client, item) => {
-        if (item.isChecked === 'Y') {
-          client.push(item.function);
-        }
-        return client;
-      }, []);
-      this.form.setFieldsValue({ clientFunctionSetting: clientFunction });
-    },
-    getFunctionList() {
-      let functionList = [];
-      this.functionSetting.map(item => {
-        if (item.isshow === 'Y') {
-          functionList.push({
-            label: item.fTitle,
-            value: item.function
-          });
-        }
-        this.functionList = functionList;
-      });
-    },
-    getClientFunctionList() {
-      let clientFunctionList = [];
-      this.clientFunctionSetting.map(item => {
-        if (item.isshow === 'Y') {
-          clientFunctionList.push({
-            label: item.fTitle,
-            value: item.function
-          });
-        }
-      });
-      this.clientFunctionList = clientFunctionList;
-    },
-    getRowkey(record) {
-      return record.status;
-    },
-    handleTimeSettingShow(e) {
-      this.showTimeSetting = e.target.checked;
-    },
-    handleTimeDelayShow(e) {
-      this.showTimeDelay = e.target.checked;
-    },
-    handleBotSettingShow(e) {
-      this.showBotSetting = e.target.checked;
-    },
-    getRobotAll() {
-      this.spinningText = '3.2.8';
-      let url = '/robot/getAll';
-      return fetch.get(url).then(({ data }) => {
-        if (data.result === 'SUCCESS') {
-          let { list = [] } = data;
-          if (list && list.length > 0) {
-            this.robotList = list;
-          }
-        }
-      });
-    },
-    handleEvaluate(e) {
-      this.evaluate = e.target.checked;
-    },
-    handleStatusChange(record) {
-      record.enable = !record.enable;
-    },
-    handleSubmit() {
-      this.form.validateFields((err, values) => {
-        if (err) return;
-        let setting = {};
-        this.handleTimeSetting(setting, values);
-        this.handleToolbar(setting, values);
-        this.handleQueryTimeSetting(setting, values);
-        this.handleClassify(setting);
-        let validate = this.handleServiceSetting(setting, values);
-        if (validate) return;
-        let broadcastValidate = this.handleBroadcast(setting);
-        if (!broadcastValidate) return;
-        this.handleClientSetting(setting, values);
-        setting.robotObj = {
-          switch: this.showBotSetting,
-          secretId: this.form.getFieldValue('secretId'),
-          secretKey: this.form.getFieldValue('secretKey'),
-          botId: this.form.getFieldValue('botId')
-        };
-        setting.robotSetting = {
-          robotId: this.form.getFieldValue('robotId'),
-          mode: this.form.getFieldValue('mode')
-        };
-        setting.chatPublicCategory = this.chatPublicCategory.join(',');
-        setting.rightClickSetting = this.rightClickSetting;
-        setting.variableSetting = this.variableSetting;
-        setting.tabBarSetting = this.tabBarSetting;
-        setting.refuseReasonSetting = {
-          list: this.refuseReasonList
-        };
-        setting = Object.assign({}, this.originSetting, setting);
-        if (!setting.evaluate) {
-          setting.evaluate = {};
-        }
-        setting.evaluate.isChecked = this.evaluate ? 'Y' : 'N';
-        setting.readStatus = this.readStatus ? 'Y' : 'N';
-        setting.lineUpNotice = this.lineUpNotice ? 'Y' : 'N';
-        this.submitData.setting = JSON.stringify(setting);
-        this.submitData.type = 'BASE_INFORMATION';
-        this.submitData.assemblyId = this.assemblyId;
-        if (this.id) {
-          this.submitData.id = this.id;
-        }
-
-        this.saveSysBaseInformation();
-      });
-    },
-    saveSysBaseInformation() {
-      fetch.post('/chat/event/saveSysBaseInformation', qs.stringify(this.submitData)).then(({ data }) => {
-        if (data.result === 'SUCCESS') {
-          this.dispatchEvent('set_sysInfoSuccess', data.map);
-          this.$message.success(this.i18nText('1.10.52'));
-        }
-      });
-    },
-    handleClassify(setting) {
-      if (this.isListClassify !== 'Y') return;
-      let listClassify = JSON.parse(JSON.stringify(this.listClassify));
-      listClassify.forEach(item => {
-        item.serverFunctionSetting.map(i => {
-          if (item.serverfunctions.includes(i.function)) {
-            i.isChecked = 'Y';
-          } else {
-            i.isChecked = 'N';
-          }
-        });
-        item.clientFunctionSetting.map(i => {
-          if (item.clientfunctions.includes(i.function)) {
-            i.isChecked = 'Y';
-          } else {
-            i.isChecked = 'N';
-          }
-        });
-        delete item.serverfunctions;
-        delete item.serverfunctionList;
-        delete item.clientfunctions;
-        delete item.clientfunctionList;
-      });
-      setting.listClassify = listClassify;
-    },
-    handleQueryTimeSetting(setting, values) {
-      if (this.queryTimeSettingList.length === 0) return;
-      let { queryTimeSetting } = values;
-      let clone = JSON.parse(JSON.stringify(this.queryTimeSetting));
-      setting.queryTimeSetting = clone.reduce((result, item) => {
-        if (queryTimeSetting === item.title) {
-          item.isChecked = 'Y';
-        } else {
-          item.isChecked = 'N';
-        }
-        result.push(item);
-        return result;
-      }, []);
-    },
-    handleToolbar(setting, values) {
-      if (this.toolbarList.length === 0) return;
-      let { toolbar, closedToolbar } = values;
-      let clone = JSON.parse(JSON.stringify(this.toolbar));
-      setting.toolbar = clone.reduce((result, item) => {
-        if (toolbar.includes(item.name + '-' + item.source)) {
-          item.isChecked = 'Y';
-        } else {
-          item.isChecked = 'N';
-        }
-        if (closedToolbar.includes(item.name + '-' + item.source)) {
-          item.isCloseChecked = 'Y';
-        } else {
-          item.isCloseChecked = 'N';
-        }
-        result.push(item);
-        return result;
-      }, []);
-    },
-    /* 客户端设置 */
-    handleClientSetting(setting, values) {
-      if (this.isListClassify === 'Y') return;
-      setting.clientSetting = {
-        functionSetting: []
-      };
-      let { clientFunctionSetting } = values;
-      let clientFunctionClone = JSON.parse(JSON.stringify(this.clientFunctionSetting));
-      setting.clientSetting.functionSetting = clientFunctionClone.reduce((result, func) => {
-        if (clientFunctionSetting.includes(func.function)) {
-          func.isChecked = 'Y';
-        } else {
-          func.isChecked = 'N';
-        }
-        result.push(func);
-        return result;
-      }, []);
-    },
-    /* 服务端设置 */
-    handleServiceSetting(setting, values) {
-      setting.serverSetting = {
-        serverInfo: {},
-        functionSetting: [],
-        serviceState: []
-      };
-
-      this.serverInfo.map(item => {
-        item.value = this.form.getFieldValue(item.key);
-      });
-      for (let i = 0; i < this.serverInfo.length; i++) {
-        let info = this.serverInfo[i];
-        if (!info.value && info.key != 'customerName' && !this.isStaff) {
-          this.$message.error(`${info.title} ${this.i18nText('1.9.430')}!`);
-          return true;
-        }
-      }
-      setting.serverSetting.serverInfo = this.serverInfo;
-      if (this.isListClassify === 'Y') return;
-      let { functionSetting } = values;
-      let functionSettingClone = JSON.parse(JSON.stringify(this.functionSetting));
-      setting.serverSetting.functionSetting = functionSettingClone.reduce((result, func) => {
-        if (functionSetting.includes(func.function)) {
-          func.isChecked = 'Y';
-        } else {
-          func.isChecked = 'N';
-        }
-        result.push(func);
-        return result;
-      }, []);
-      setting.serverSetting.serviceState = this.serviceState;
-    },
-    handleBroadcast(setting) {
-      setting.broadcast = {};
-      for (let i in this.broadcastList) {
-        let broadcastItem = this.broadcastList[i];
-        for (let j = 0; j < broadcastItem.list.length; j++) {
-          let item = broadcastItem.list[j];
-          if (!item.content) {
-            this.$message.error(`${this.i18nText('1.2.1.11.60')}!`);
-            return false;
-          }
-        }
-      }
-      let copyList = JSON.parse(JSON.stringify(this.broadcastList));
-      for (let i in copyList) {
-        let item = copyList[i];
-        item.isChecked = item.isChecked ? 'Y' : 'N';
-      }
-      setting.broadcast = copyList;
-      return true;
-    },
-    /* 聊天设置 */
-    handleTimeSetting(setting, values) {
-      setting.timingSettingSwitch = this.showTimeSetting ? '1' : '0';
-      setting.timingSetting = {};
-      if (this.showTimeSetting) {
-        let { timeLength, showMode } = values;
-        Object.assign(setting.timingSetting, { timeLength, showMode });
-        setting.timingSetting.delayedSetting = {};
-      }
-      if (this.showTimeDelay && this.showTimeSetting) {
-        let { 'delayed-timeLength': timeLength, rightOffRemindTime } = values;
-        setting.timingSetting.delayed = true;
-        Object.assign(setting.timingSetting.delayedSetting, {
-          timeLength,
-          rightOffRemindTime
-        });
-      }
-    },
-    handleCancel() {},
-    handleClassifyToggle(item, e) {
-      this.$set(item, 'isChecked', e.target.checked ? 'Y' : 'N');
-    },
-    handleStatisticToggle(item, e) {
-      item.isStatistic = e.target.checked ? 'Y' : 'N';
-    },
-    handleCheckInput(v, item, key = 'isChecked') {
-      item[key] = v ? 'Y' : 'N';
-    },
-    addBroadcast(type, list) {
-      let item = {
-        content: '',
-        url: ''
-      };
-      list.push(item);
-    },
-    deleteBroadcast(index, list) {
-      list.splice(index, 1);
-    },
-    addRightClick() {
-      this.rightClickSetting = this.rightClickSetting.concat({
-        rightClickName: '',
-        rightClickUrl: '',
-        rightClickDo: ''
-      });
-    },
-    deleteRightClick(index) {
-      this.rightClickSetting.splice(index, 1);
-    },
-    handleGroupUp(index) {
-      if (index === 0) {
-        let current = this.listClassify[index];
-        let nextList = this.listClassify.slice(1);
-        this.listClassify = [].concat(nextList, current);
-      } else {
-        let current = this.listClassify[index];
-        let preList = this.listClassify.slice(0, index - 1);
-        let nextList = this.listClassify.slice(index - 1);
-        nextList.splice(1, 1);
-        this.listClassify = [].concat(preList, current, nextList);
-      }
-    },
-    refuseReasonAdd() {
-      this.refuseReasonList.push({
-        text: ''
-      });
-    },
-    refuseReasonDel(i) {
-      this.refuseReasonList.splice(i, 1);
-    },
-    handleRightOffRemindTimeBlur(event) {
-      const v = this.form.getFieldValue('timeLength') || 0;
-      // 限制 到期提醒 输入 数据不能大于等于会话时长
-      if (v && v <= event.target.value) {
-        this.form.setFieldsValue({
-          rightOffRemindTime: v - 1
-        });
-      }
-    }
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.chat-base-info {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 15px;
-  padding-bottom: 0;
-  .main-form {
-    overflow: auto;
-    &::-webkit-scrollbar {
-      width: 5px;
-    }
-  }
-  .page-title {
-    font-weight: 500;
-    color: #2e2e2e;
-    font-size: 16px;
-  }
-  .main-form {
-    flex: 1;
-  }
-  .time-setting,
-  .delayed-setting {
-    padding-left: 20px;
-    /deep/ .ant-form-item {
-      display: flex;
-    }
-  }
-  .delayed-setting {
-    margin-left: 30px;
-    .unit {
-      display: inline-block;
-      margin-left: 10px;
-    }
-  }
-  /deep/ .ant-form-item {
-    margin-bottom: 0;
-  }
-  /deep/ .ant-form-item-children {
-    display: flex;
-    align-items: center;
-  }
-  .server-form-item {
-    /deep/ .ant-form-item-children {
-      flex-wrap: wrap;
-    }
-  }
-  .functional-module {
-    margin-bottom: 30px;
-    .title {
-      color: #506493;
-      line-height: 22px;
-      padding-left: 8px;
-      border-left: 3px solid #5585f5;
-    }
-    .broadcaste-wrap {
-      .broadcaste-title {
-        display: flex;
-        align-items: center;
-        margin: 8px 0;
-        > span {
-          margin: 0 8px;
-        }
-      }
-      .broadcaste-item {
-        display: flex;
-        align-items: center;
-        margin-bottom: 4px;
-        > div {
-          display: flex;
-          align-items: center;
-          width: 40%;
-          .item-title {
-            width: 60px;
-            margin: 4px;
-          }
-        }
-      }
-    }
-    .client-url {
-      margin-bottom: 8px;
-    }
-  }
-  /deep/ .ant-table-thead > tr > th,
-  /deep/ .ant-table-tbody > tr > td {
-    padding: 4px 30px;
-  }
-  .form-bottom {
-    display: flex;
-    align-items: center;
-    margin-top: auto;
-    margin-left: -15px;
-    padding-left: 15px;
-    height: 49px;
-    box-shadow: 0px -3px 8px 2px rgba(239, 243, 255, 1);
-    border-top: 1px solid #b8c5e2;
-  }
-  .title-input {
-    width: 150px;
-    margin-right: 20px;
-    text-align: center;
-  }
-  .bot-setting {
-    /deep/ .ant-form-item {
-      display: flex;
-    }
-  }
-  .serverinfo-wrapper {
-    display: flex;
-    align-items: center;
-  }
-  .serverinfo-label {
-    display: inline-block;
-    width: 100px;
-    padding-right: 8px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .classify-wrapper {
-    display: flex;
-    align-items: flex-start;
-    .classify-item {
-      margin-left: 10px;
-      margin-bottom: 8px;
-      padding: 10px;
-      border: 1px solid #b8c5e2;
-      background-color: #f6f7fa;
-      .name {
-        display: inline-block;
-        width: 80px;
-      }
-      .statistic {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 10px;
-      }
-      .server {
-        margin-bottom: 10px;
-      }
-    }
-  }
-  .rightClickSetting {
-    /deep/ .ant-form-item {
-      display: flex;
-    }
-  }
-  .ASC_DESC {
-    /deep/ .ant-form-item-control-wrapper {
-      display: flex;
-      align-items: center;
-    }
-  }
-  .refuse-item {
-    margin-bottom: 8px;
-    display: flex;
-    align-items: center;
-    .ant-input {
-      max-width: 348px;
-      margin-right: 15px;
-    }
-  }
-  .refuse-add-btn {
-    border: none;
-  }
-  /deep/ .rightClick-form {
-    .ant-form-item-control-wrapper {
-      width: 100%;
-    }
-  }
-}
-</style>
+<template>
+  <div class="chat-base-info">
+    <h3 class="page-title">{{ i18nText('2.4.3.1') }}</h3>
+    <div class="main-form">
+      <a-form :form="form">
+        <div class="functional-module" v-if="!isStaff">
+          <span class="title">{{ i18nText('1.9.401') }}</span>
+          <a-form-item>
+            <a-checkbox @change="handleTimeSettingShow" :checked="showTimeSetting">{{ i18nText('1.9.402') }}</a-checkbox>
+            <a-checkbox v-model="readStatus">已读回执</a-checkbox>
+            <a-checkbox v-model="lineUpNotice">排队提醒</a-checkbox>
+          </a-form-item>
+          <template v-if="showTimeSetting">
+            <a-row class="time-setting">
+              <a-col :span="12">
+                <a-form-item :label="i18nText('1.9.403')">
+                  <a-input-number v-decorator="['timeLengthHours']" :min="0" :max="99" />
+                  <span class="setting-hours-text">小时</span>
+                  <a-input-number v-decorator="['timeLengthMins']" :min="0" :max="59" />
+                  {{ i18nText('2.2.6.6') }}
+                </a-form-item>
+              </a-col>
+              <a-col :span="8">
+                <a-form-item :label="i18nText('1.9.405')" class="ASC_DESC">
+                  <a-radio-group v-decorator="['showMode']">
+                    <a-radio value="ASC">{{ i18nText('1.9.406') }}</a-radio>
+                    <a-radio value="DESC">{{ i18nText('1.9.407') }}</a-radio>
+                  </a-radio-group>
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <a-form-item style="margin-left: 20px;">
+              <a-checkbox @change="handleTimeDelayShow" :checked="showTimeDelay">{{ i18nText('1.9.408') }}</a-checkbox>
+            </a-form-item>
+            <template v-if="showTimeDelay">
+              <a-row class="delayed-setting">
+                <a-col :span="12">
+                  <a-form-item :label="i18nText('1.9.409')">
+                    <a-input-number :precision="0" :min="1" v-decorator="['delayed-timeLength']" style="width: 80px;"></a-input-number>
+                    <span class="unit">{{ i18nText('2.2.6.6') }}</span>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="10">
+                  <a-form-item :label="i18nText('1.9.410')">
+                    <a-input-number :precision="0" :min="1" v-decorator="['rightOffRemindTime']" style="width: 80px;" @blur="handleRightOffRemindTimeBlur"></a-input-number>
+                    <span class="unit">{{ i18nText('1.9.411') }}</span>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </template>
+          </template>
+        </div>
+        <div class="functional-module">
+          <span class="title">{{ i18nText('1.9.412') }}</span>
+          <a-form-item :label="i18nText('1.9.413')" class="server-form-item" v-if="!isStaff">
+            <template v-for="item in serverInfo">
+              <div :key="item.key" v-if="item.type === 'TEXT'" class="serverinfo-wrapper">
+                <a-tooltip placement="top">
+                  <template slot="title">{{ item.title }}</template>
+                  <span class="serverinfo-label">{{ item.title }}:</span>
+                </a-tooltip>
+                <a-input v-decorator="[item.key]" class="title-input" allowClear></a-input>
+              </div>
+            </template>
+          </a-form-item>
+          <a-form-item :label="i18nText('1.9.414')" v-if="!isStaff">
+            <template v-for="item in serverInfo">
+              <div :key="item.key" v-if="item.type === 'BUTTON'" class="serverinfo-wrapper">
+                <a-tooltip placement="top">
+                  <template slot="title">{{ item.title }}</template>
+                  <span class="serverinfo-label">{{ item.title }}:</span>
+                </a-tooltip>
+                <a-input v-decorator="[item.key]" class="title-input" allowClear></a-input>
+              </div>
+            </template>
+          </a-form-item>
+          <a-form-item :label="i18nText('1.9.415')" v-if="queryTimeSettingList.length > 0">
+            <!-- <a-checkbox-group
+              :options="queryTimeSettingList"
+              v-decorator="[`queryTimeSetting`]"
+            />-->
+            <a-radio-group :options="queryTimeSettingList" v-decorator="[`queryTimeSetting`]"></a-radio-group>
+          </a-form-item>
+          <a-form-item :label="i18nText('1.9.416')">
+            <a-checkbox-group v-if="isListClassify !== 'Y'" :options="functionList" v-decorator="[`functionSetting`]" />
+          </a-form-item>
+          <template v-if="isListClassify === 'Y'">
+            <div v-for="(item, index) in listClassify" :key="index" class="classify-wrapper">
+              <!-- <a-checkbox
+                @change="e => handleClassifyToggle(item, e)"
+                :checked="item.isChecked === 'Y'"
+              ></a-checkbox>-->
+              <div class="classify-item">
+                <div class="statistic">
+                  <div>
+                    <span class="name">{{ i18nText('1.9.417') }}:</span>
+                    <svg-icon :icon-class="item.icon" style="font-size: 20px;margin-right: 8px;"></svg-icon>
+                    <a-input v-model="item.name" allowClear style="width: 150px;"></a-input>
+                    <a-checkbox v-if="item.isStatistic !== 'NOT'" style="width: 100px;margin-left: 10px;" @change="e => handleStatisticToggle(item, e)" :checked="item.isStatistic === 'Y'">{{
+                      i18nText('1.9.418')
+                    }}</a-checkbox>
+                    <a-checkbox style="width: 100px;margin-left: 10px;" v-model="item.enable">启用</a-checkbox>
+                  </div>
+                  <a-tooltip placement="top">
+                    <template slot="title">上移</template>
+                    <a-icon v-if="listClassify.length > 1" @click="handleGroupUp(index)" type="up" style="margin-right: 10px;" />
+                  </a-tooltip>
+                </div>
+                <div class="server">
+                  <span class="name">{{ i18nText('1.9.419') }}</span>
+                  <a-checkbox-group :options="item.serverfunctionList" v-model="item.serverfunctions" />
+                </div>
+                <div class="client">
+                  <span class="name">{{ i18nText('1.9.420') }}</span>
+                  <a-checkbox-group :options="item.clientfunctionList" v-model="item.clientfunctions" />
+                </div>
+              </div>
+            </div>
+          </template>
+          <!-- 问诊TAB栏 -->
+          <a-form-item :label="i18nText('1.1.8.1.8') + '-' + i18nText('1.10.232')" v-if="!isStaff">
+            <template v-if="tabBarSetting.mobileSetting && tabBarSetting.mobileSetting.list">
+              <a-checkbox
+                v-for="(item, index) in tabBarSetting.mobileSetting.list"
+                :key="index"
+                :disabled="!tabBarMobileEnable || item.isMsgBar == 'Y'"
+                :checked="item.isChecked == 'Y'"
+                @input="v => handleCheckInput(v, item)"
+              >
+                {{ item.content }}
+              </a-checkbox>
+            </template>
+          </a-form-item>
+          <a-form-item :label="i18nText('1.9.421')" v-if="!isStaff">
+            <a-table bordered :columns="columns" :dataSource="serviceState" :pagination="false" :rowKey="getRowkey">
+              <template slot="operation" slot-scope="text, record">
+                <a-switch
+                  :disabled="['ON-LINE', 'OFF-LINE'].includes(record.status)"
+                  :checkedChildren="i18nText('1.9.422')"
+                  :unCheckedChildren="i18nText('1.1.1.1.7')"
+                  :checked="record.enable"
+                  @change="() => handleStatusChange(record)"
+                />
+              </template>
+
+              <template slot="icon" slot-scope="text, record">
+                <svg-icon v-if="record.icon" :icon-class="record.icon" style="font-size:16px;"></svg-icon>
+              </template>
+            </a-table>
+          </a-form-item>
+          <a-form-item :label="i18nText('1.9.698')" v-if="toolbarList.length > 0">
+            <!-- <a-checkbox-group
+              :options="toolbarList"
+              v-decorator="[`toolbar`]"
+            /> -->
+            <a-checkbox-group v-decorator="[`toolbar`]">
+              <a-row>
+                <a-col>
+                  <span style="display: inline-block;width: 70px;">PC:</span>
+                  <a-checkbox @change="toolbarChange(item, $event)" :value="item.value" v-for="(item, index) in toolbarList.filter(item => item.source === 'PC')" :key="index">
+                    {{ item.label }}
+                  </a-checkbox>
+                </a-col>
+                <a-col>
+                  <span style="display: inline-block;width: 70px;">MOBILE:</span>
+                  <a-checkbox @change="toolbarChange(item, $event)" :value="item.value" v-for="(item, index) in toolbarList.filter(item => item.source === 'MOBILE')" :key="index">
+                    {{ item.label }}
+                  </a-checkbox>
+                </a-col>
+              </a-row>
+            </a-checkbox-group>
+          </a-form-item>
+          <a-form-item :label="i18nText('1.9.699')" v-if="toolbarList.length > 0">
+            <a-checkbox-group v-decorator="[`closedToolbar`]">
+              <a-row>
+                <a-col>
+                  <span style="display: inline-block;width: 70px;">PC:</span>
+                  <a-checkbox :value="item.value" v-for="(item, index) in closedToolbarList.filter(item => item.source === 'PC')" :key="index">
+                    {{ item.label }}
+                  </a-checkbox>
+                </a-col>
+                <a-col>
+                  <span style="display: inline-block;width: 70px;">MOBILE:</span>
+                  <a-checkbox :value="item.value" v-for="(item, index) in closedToolbarList.filter(item => item.source === 'MOBILE')" :key="index">
+                    {{ item.label }}
+                  </a-checkbox>
+                </a-col>
+              </a-row>
+            </a-checkbox-group>
+          </a-form-item>
+        </div>
+        <div class="functional-module" v-if="isListClassify !== 'Y' && !isStaff">
+          <span class="title">{{ i18nText('1.9.424') }}</span>
+          <a-form-item :label="i18nText('1.9.425')">
+            <a-checkbox-group :options="clientFunctionList" v-decorator="[`clientFunctionSetting`]" />
+          </a-form-item>
+        </div>
+        <div class="functional-module" v-if="!isStaff">
+          <span class="title" style="display: inline-block;margin-bottom: 10px;">
+            {{ i18nText('1.9.426') }}
+            <a-checkbox @change="handleEvaluate" :disabled="!evaluateId" :checked="evaluate"></a-checkbox>
+          </span>
+        </div>
+        <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> -->
+          </span>
+          <!-- <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>
+              </a-form-item>
+            </a-col>
+            <a-col :span="5">
+              <a-form-item label="secretKey">
+                <a-input v-decorator="['secretKey']" style="width: 150px;"></a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+
+          <a-row class="bot-setting" v-if="showBotSetting">
+            <a-form-item label="botId">
+              <a-input v-decorator="['botId']" style="width: 150px;"></a-input>
+            </a-form-item>
+          </a-row> -->
+          <a-row class="bot-setting">
+            <a-form-item label="选择机器人">
+              <a-select v-decorator="['robotId']" :placeholder="'选择机器人'" style="width: 200px;" allowClear showSearch :filterOption="filterOption">
+                <a-select-option v-for="robot in robotList" :key="robot.id" :value="robot.id">{{ robot.name }}</a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-row>
+          <a-row class="bot-setting">
+            <a-form-item>
+              <a-radio-group v-decorator="['mode']">
+                <a-radio value="ROBOT_CHAT">机器人和人工客服</a-radio>
+                <a-radio value="ROBOT">仅机器人</a-radio>
+              </a-radio-group>
+            </a-form-item>
+          </a-row>
+        </div>
+        <div class="functional-module">
+          <span class="title" style="display: block;margin-bottom: 10px;">
+            公共短语
+          </span>
+          <a-select style="width: 300px;margin-top: 15px;" mode="multiple" v-model="chatPublicCategory" showSearch placeholder="请选择">
+            <a-select-option v-for="item in chatPublicCategoryList" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
+          </a-select>
+        </div>
+        <div class="functional-module">
+          <span class="title">{{ i18nText('1.9.428') }}</span>
+          <div class="broadcaste-wrap" v-for="(b, key) in broadcastList" :key="b.type">
+            <div class="broadcaste-title">
+              <a-switch v-model="b.isChecked" :checkedChildren="i18nText('1.9.422')" :unCheckedChildren="i18nText('1.1.1.1.7')" />
+              <span>{{ key === 'PC' ? i18nText('1.9.429') : i18nText('1.1.8.1.8') }}</span>
+              <a-icon type="plus-circle" theme="filled" style="color: green; fontSize: 18px;" @click="addBroadcast(b.type, b.list)" />
+            </div>
+            <ul>
+              <li v-for="(v, i) in b.list" :key="i" class="broadcaste-item">
+                <div>
+                  <span class="item-title">{{ i18nText('3.19.5') }}</span>
+                  <a-input v-model="v.content" allowClear />
+                </div>
+                <div>
+                  <span class="item-title">{{ i18nText('2.22.8.2') }}</span>
+                  <a-input v-model="v.url" allowClear />
+                </div>
+                <svg-icon @click="deleteBroadcast(i, b.list)" class="form-action svg-icon-btn" icon-class="xitongtubiaoliebiaocaozuoanniushanchushixin" style="margin-left: 4px;" />
+              </li>
+            </ul>
+          </div>
+        </div>
+        <div class="functional-module" v-if="!isStaff">
+          <span class="title" style="display: inline-block;margin-bottom: 10px;"> {{ i18nText('1.9.678') }}: </span>
+          <ul>
+            <li v-for="(item, i) in refuseReasonList" :key="i" class="refuse-item">
+              <a-input v-model.trim="item.text" :maxLength="15"></a-input>
+              <svg-icon class="form-action svg-icon-btn" icon-class="xitongtubiaoliebiaocaozuoanniushanchushixin" @click="refuseReasonDel(i)" />
+            </li>
+          </ul>
+          <a-button class="refuse-add-btn" type="link" size="small" :disabled="refuseReasonList.length > 4" @click="refuseReasonAdd">
+            <svg-icon icon-class="xinzengwenjian" style="margin-right:6px" />
+            添加
+          </a-button>
+        </div>
+        <div class="functional-module" v-if="!isStaff">
+          <span class="title" style="display: inline-block;margin-bottom: 10px;">
+            环境变量设置:
+          </span>
+          <a-row v-for="(item, index) in variableSetting" :key="index">
+            <a-col :span="4">
+              <a-form-item label="变量名称">
+                <a-input v-model="item.name" style="width: 200px;" disabled></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="4">
+              <a-form-item label="变量值">
+                <a-input v-model="item.value" style="width: 200px"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="5">
+              <a-form-item label="备注">
+                <a-input v-model="item.remark" style="width: 200px;" disabled></a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+        </div>
+        <div class="functional-module rightClickSetting">
+          <span class="title" style="display: inline-block;margin-bottom: 10px;">
+            右键设置
+            <a-icon type="plus-circle" theme="filled" style="color: green; fontSize: 18px;" @click="addRightClick()" />
+          </span>
+          <a-row v-for="(item, index) in rightClickSetting" :key="index">
+            <a-col :span="handleRightClickSpan(item)">
+              <a-form-item label="名称" class="rightClick-form">
+                <a-input v-model="item.rightClickName" style="width: 98%" allowClear></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="handleRightClickSpan(item)">
+              <a-form-item label="操作" class="rightClick-form">
+                <a-select style="width: 98%" v-model="item.rightClickDo" allowClear showSearch :filterOption="filterOption" placeholder="请选择">
+                  <a-select-option v-for="(i, index) in rightClickDoList" :key="index" :value="i.value">{{ i.label }}</a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="11" v-if="item.rightClickDo === 'jumpUrl'">
+              <a-form-item label="外部地址" class="rightClick-form">
+                <a-input v-model="item.rightClickUrl" style="width: 100%;" allowClear></a-input>
+              </a-form-item>
+            </a-col>
+            <svg-icon @click="deleteRightClick(index)" class="form-action svg-icon-btn" icon-class="xitongtubiaoliebiaocaozuoanniushanchushixin" style="margin: 8px 0 0 4px;" />
+          </a-row>
+        </div>
+        <div class="functional-module" v-if="!isConference && !isStaff">
+          <span class="title" style="display: inline-block;margin-bottom: 10px;">
+            聊天客户端接入地址
+          </span>
+          <a-row class="client-url">
+            <a-col :span="3">PC端：</a-col>
+            <a-col :span="20">{{ pcUrl }} </a-col>
+          </a-row>
+          <a-row class="client-url">
+            <a-col :span="3">移动端：</a-col>
+            <a-col :span="20">{{ mobileUrl }} </a-col>
+          </a-row>
+        </div>
+      </a-form>
+    </div>
+    <div class="form-bottom">
+      <!-- <a-button @click="handleCancel">取消</a-button> -->
+      <a-button type="primary" @click="handleSubmit" style="margin-left: 10px;">{{ i18nText('3.5.29') }}</a-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from '../../store/helper';
+import fetch, { qs } from '@/utils/chatFetch';
+import vexutils from '@/utils/vexutils';
+import { Checkbox, Col, Form, Icon, Input, InputNumber, Radio, Row, Select, Tooltip, Table, Switch, Button } from 'ant-design-vue';
+import SvgIcon from '@/component/svg/index.vue';
+
+export default {
+  inject: ['store', 'i18nText', 'dispatchEvent'],
+  components: {
+    [Icon.name]: Icon,
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [Form.name]: Form,
+    [Form.Item.name]: Form.Item,
+    [Checkbox.name]: Checkbox,
+    [Select.name]: Select,
+    [Select.Option.name]: Select.Option,
+    [Radio.name]: Radio,
+    [Radio.Group.name]: Radio.Group,
+    [InputNumber.name]: InputNumber,
+    [Tooltip.name]: Tooltip,
+    [Checkbox.Group.name]: Checkbox.Group,
+    [Input.name]: Input,
+    [Table.name]: Table,
+    [Switch.name]: Switch,
+    [Button.name]: Button,
+    SvgIcon
+  },
+  props: ['assemblyId', 'webURL'],
+  data() {
+    return {
+      isListClassify: '',
+      listClassify: [],
+      showTimeSetting: false,
+      showTimeDelay: false,
+      showBotSetting: false,
+      evaluate: false,
+      readStatus: false,
+      lineUpNotice: false,
+      evaluateId: '',
+      timeLength: '', // 会话时长，分钟计算
+      functionSetting: [], // 服务端功能
+      clientFunctionSetting: [], // 客户端功能
+      functionList: [], // 服务端功能下拉列表
+      clientFunctionList: [], // 客户端功能下拉列表
+      toolbar: [],
+      toolbarList: [],
+      closedToolbarList: [],
+      queryTimeSetting: [],
+      queryTimeSettingList: [],
+      serviceState: [],
+      serverInfo: [],
+      tabBarSetting: {},
+      columns: [
+        {
+          title: this.i18nText('1.9.417'),
+          dataIndex: 'title',
+          key: 'title',
+          align: 'center'
+        },
+        {
+          title: this.i18nText('1.2.1.4.4'),
+          dataIndex: 'description',
+          key: 'description',
+          align: 'center'
+        },
+        {
+          title: this.i18nText('1.2.1.3.24'),
+          dataIndex: 'updatedBy',
+          key: 'updatedBy',
+          align: 'center',
+          scopedSlots: { customRender: 'operation' }
+        },
+        {
+          title: 'icon',
+          dataIndex: 'icon',
+          key: 'icon',
+          align: 'center',
+          scopedSlots: { customRender: 'icon' }
+        }
+      ],
+      submitData: { setting: {} },
+      id: '',
+      originSetting: {},
+      broadcastList: {
+        PC: {
+          isChecked: false,
+          list: []
+        },
+        MOBILE: {
+          isChecked: false,
+          list: []
+        }
+      },
+      robotList: [],
+      variableSetting: [
+        {
+          name: 'QUEUE_NOTICE_TIME',
+          value: '5',
+          remark: '每个会话平均时长'
+        }
+      ],
+      chatPublicCategoryList: [],
+      chatPublicCategory: '',
+      rightClickSetting: [],
+      rightClickDoList: [
+        { label: '撤回', value: 'rollBack' },
+        { label: '外部地址', value: 'jumpUrl' },
+        { label: '重新发送', value: 'resend' }
+      ],
+      clientInfo: {},
+      mobileUrl: '',
+      pcUrl: '',
+      refuseReasonList: []
+    };
+  },
+  computed: {
+    ...mapGetters(['userInfo', 'assemblySetting']),
+    orgId() {
+      return this.userInfo?.sysParams?.orgId;
+    },
+    isConference() {
+      return this.assemblySetting?.type == 'conference';
+    },
+    isStaff() {
+      return this.assemblySetting?.type == 'staff';
+    },
+    tabBarMobileEnable() {
+      const isChecked = this.tabBarSetting?.mobileSetting?.isChecked;
+      return isChecked == 'Y';
+    },
+    handleRightClickSpan() {
+      return function(item) {
+        if (item.rightClickDo === 'jumpUrl') return 5;
+        return 11;
+      };
+    }
+  },
+  beforeCreate() {
+    this.form = this.$form.createForm(this, { name: 'strategy-condition' });
+  },
+  created() {
+    this.init();
+    this.getBaseInfo();
+    if (!this.isConference) {
+      this.getRobotAll();
+    }
+  },
+  watch: {},
+  methods: {
+    filterOption(...args) {
+      return vexutils.filterOption.apply(this, args);
+    },
+    init() {
+      this.mobileUrl = `${location.origin}${this.webURL}/h5/#/multiChat?assemblyId=${this.assemblyId || 'xxx'}&orgId=${this.orgId || 'xxx'}&userId=xxx&userType=xxx&name=xxx`;
+      this.pcUrl = `${location.origin}${this.webURL}/web/#/multiChat?isOriginPage=1&assemblyId=${this.assemblyId || 'xxx'}&orgId=${this.orgId || 'xxx'}&userId=xxx&userType=xxx&name=xxx`;
+    },
+    /* 入口 */
+    getBaseInfo() {
+      fetch
+        .get('/chat/event/getSysBaseInformation', {
+          params: {
+            assemblyId: this.assemblyId,
+            type: 'BASE_INFORMATION'
+          }
+        })
+        .then(({ data }) => {
+          if (data.result === 'SUCCESS') {
+            const chatPublicCategoryList = data.map?.chatPublicCategoryList || [];
+            this.chatPublicCategoryList = chatPublicCategoryList.filter(v => v);
+            let info = data.map.imformation[0];
+            if (info) {
+              this.id = info.id || null;
+              let setting = info.settingObj;
+              this.originSetting = setting;
+              this.fillInfoData(setting);
+            }
+          }
+        });
+    },
+    /* 编辑回填 */
+    fillInfoData(setting) {
+      let {
+        timingSettingSwitch,
+        timingSetting,
+        serverSetting,
+        clientSetting,
+        queryTimeSetting = [],
+        robotObj,
+        robotSetting,
+        toolbar = [],
+        isListClassify,
+        listClassify = [],
+        rightClickSetting = [],
+        variableSetting = [],
+        chatPublicCategory,
+        evaluate,
+        readStatus,
+        lineUpNotice,
+        broadcast
+      } = setting;
+      this.readStatus = readStatus === 'Y';
+      this.lineUpNotice = lineUpNotice === 'Y';
+      this.showTimeSetting = timingSettingSwitch === '1';
+      this.isListClassify = isListClassify;
+      this.rightClickSetting = rightClickSetting;
+      this.variableSetting = variableSetting;
+      // 拒绝原因
+      this.refuseReasonList = setting?.refuseReasonSetting?.list || [];
+      if (chatPublicCategory) {
+        this.chatPublicCategory = chatPublicCategory.split(',');
+      } else {
+        this.chatPublicCategory = [];
+      }
+      this.fillListClassify(listClassify);
+      this.$nextTick(() => {
+        this.fillServiceSetting(serverSetting);
+      });
+      this.fillClientSetting(clientSetting);
+      this.fillToolbar(toolbar);
+      this.fillQueryTimeSetting(queryTimeSetting);
+      this.fillBroadcast(broadcast);
+      this.fillTabBar(setting.tabBarSetting);
+      this.$nextTick().then(() => {
+        this.fillTimeSetting(timingSetting);
+      });
+      if (robotObj?.switch) {
+        this.showBotSetting = true;
+        let { secretId, secretKey, botId } = robotObj;
+        this.$nextTick().then(() => {
+          !this.isConference &&
+            !this.isStaff &&
+            this.form.setFieldsValue({
+              secretKey,
+              secretId,
+              botId
+            });
+        });
+      }
+      !this.isConference && !this.isStaff && this.fillRobotSetting(robotSetting);
+      if (evaluate) {
+        this.evaluate = evaluate.isChecked === 'Y';
+        this.evaluateId = evaluate.id;
+      }
+    },
+    fillQueryTimeSetting(queryTimeSetting) {
+      this.queryTimeSettingList = queryTimeSetting.map(item => ({
+        label: item.title,
+        value: item.title
+      }));
+      this.queryTimeSetting = queryTimeSetting;
+      // let queryTimeSettingChecked = queryTimeSetting.reduce((result, item) => {
+      //   if (item.isChecked === "Y") {
+      //     result.push(item.title);
+      //   }
+      //   return result;
+      // }, []);
+      let queryTimeSettingChecked = queryTimeSetting.filter(item => item.isChecked === 'Y')[0]?.title;
+      this.$nextTick(() => {
+        this.form.setFieldsValue({ queryTimeSetting: queryTimeSettingChecked });
+      });
+    },
+    fillRobotSetting(robotSetting) {
+      if (!robotSetting) return;
+      let { robotId, mode } = robotSetting;
+      this.$nextTick(() => {
+        this.form.setFieldsValue({ robotId, mode });
+      });
+    },
+    fillBroadcast(broadcast) {
+      if (!broadcast) return;
+      for (let i in broadcast) {
+        let item = broadcast[i];
+        item.isChecked = item.isChecked == 'Y' ? true : false;
+        if (!item.list) {
+          item.list = [];
+        }
+      }
+      this.broadcastList = broadcast;
+    },
+    fillToolbar(toolbar) {
+      this.toolbarList = toolbar.map(item => ({
+        label: item.name,
+        value: item.name + '-' + item.source + '-' + item.key,
+        source: item.source,
+        isClosedAble: item.isClosedAble,
+        isCloseChecked: item.isCloseChecked
+      }));
+      const btwList = toolbar.filter(item => item.isClosedAble == "Y" && item.isChecked == "Y");
+      this.closedToolbarList = btwList.map(item => ({
+        label: item.name,
+        value: item.name + '-' + item.source + '-' + item.key,
+        source: item.source,
+        isClosedAble: item.isClosedAble,
+        isCloseChecked: item.isCloseChecked
+      }));
+      this.toolbar = toolbar;
+      let toolbarChecked = toolbar.reduce((result, item) => {
+        if (item.isChecked === 'Y') {
+          result.push(item.name + '-' + item.source + '-' + item.key);
+        }
+        return result;
+      }, []);
+      this.$nextTick(() => {
+        this.form.setFieldsValue({ toolbar: toolbarChecked });
+      });
+      let closedToolbarChecked = this.closedToolbarList.reduce((result, item) => {
+        if (item.isCloseChecked === 'Y') {
+          result.push(item.label + '-' + item.source + '-' + item.key);
+        }
+        return result;
+      }, []);
+      this.$nextTick(() => {
+        this.form.setFieldsValue({ closedToolbar: closedToolbarChecked });
+      });
+    },
+    toolbarChange(item, e) {
+      const checked = e.target.checked;
+      let checkedItemIndex = -1;
+      const checkedItems = [];
+      this.closedToolbarList.forEach((itm, index) => {
+        if (item.source == itm.source && item.value == itm.value) {
+          checkedItemIndex = index;
+        } else {
+          checkedItems.push(itm.value);
+        }
+      })
+      if (checked && checkedItemIndex == -1 && item.isClosedAble == "Y") {
+        this.closedToolbarList.push(item);
+      } else if (!checked && checkedItemIndex != -1) {
+        this.form.setFieldsValue({ closedToolbar: checkedItems });
+        this.closedToolbarList.splice(checkedItemIndex, 1);
+      }
+    },
+    fillTabBar(data) {
+      const mobileSetting = {
+        isChecked: 'N',
+        list: []
+      };
+      if (data.mobileSetting) {
+        mobileSetting.isChecked = data.mobileSetting.isChecked || mobileSetting.isChecked;
+        mobileSetting.list = (data?.mobileSetting?.list || []).map(v => {
+          return Object.assign({}, v, {
+            isChecked: v.isChecked || 'Y' // 无isChecked的旧数据设值为Y
+          });
+        });
+      }
+      this.tabBarSetting = {
+        mobileSetting
+      };
+    },
+    /* 回填时间设置 */
+    fillTimeSetting(timeSetting) {
+      if (this.isStaff) return;
+      let { timeLength, showMode, delayedSetting, delayed } = timeSetting;
+      this.timeLength = timeLength;
+      let timeLengthMins = ''
+      let timeLengthHours = ''
+      if (this.timeLength) {
+        timeLengthMins = parseInt(this.timeLength) % 60;
+        timeLengthHours = parseInt(parseInt(this.timeLength) / 60);
+      }
+      this.form.setFieldsValue({
+        timeLengthMins,
+        timeLengthHours,
+        showMode
+      });
+      if (delayed) {
+        this.showTimeDelay = true;
+        let { timeLength, rightOffRemindTime } = delayedSetting;
+        this.$nextTick().then(() => {
+          this.form.setFieldsValue({
+            'delayed-timeLength': timeLength,
+            rightOffRemindTime
+          });
+        });
+      }
+    },
+    fillListClassify(listClassify) {
+      if (this.isListClassify !== 'Y') {
+        return;
+      }
+      this.listClassify = listClassify;
+      this.listClassify.forEach(item => {
+        let serverfunctionList = [];
+        let serverfunctions = [];
+        let clientfunctionList = [];
+        let clientfunctions = [];
+        item.serverFunctionSetting.map(i => {
+          if (i.isshow === 'Y') {
+            serverfunctionList.push({
+              label: i.fTitle,
+              value: i.function
+            });
+          }
+          if (i.isChecked === 'Y') {
+            serverfunctions.push(i.function);
+          }
+        });
+        item.clientFunctionSetting.map(i => {
+          if (i.isshow === 'Y') {
+            clientfunctionList.push({
+              label: i.fTitle,
+              value: i.function
+            });
+          }
+          if (i.isChecked === 'Y') {
+            clientfunctions.push(i.function);
+          }
+        });
+        if (item.enable === undefined) {
+          this.$set(item, 'enable', true);
+        }
+        this.$set(item, 'serverfunctionList', serverfunctionList);
+        this.$set(item, 'serverfunctions', serverfunctions);
+        this.$set(item, 'clientfunctionList', clientfunctionList);
+        this.$set(item, 'clientfunctions', clientfunctions);
+      });
+    },
+    /* 回填服务端设置 */
+    fillServiceSetting(serverSetting) {
+      let { serverInfo, functionSetting, serviceState } = serverSetting;
+
+      this.serverInfo = serverInfo;
+      this.$nextTick().then(() => {
+        !this.isStaff &&
+          serverInfo.map(item => {
+            this.form.setFieldsValue({ [item.key]: item.value });
+          });
+      });
+      this.serviceState = serviceState;
+
+      if (this.isListClassify === 'Y') {
+        return;
+      }
+
+      this.functionSetting = functionSetting;
+      this.getFunctionList();
+      let serverFunction = functionSetting.reduce((server, item) => {
+        if (item.isChecked === 'Y') {
+          server.push(item.function);
+        }
+        return server;
+      }, []);
+      this.form.setFieldsValue({ functionSetting: serverFunction });
+    },
+    /* 回填客户端设置 */
+    fillClientSetting(clientSetting) {
+      if (this.isListClassify === 'Y' || this.isStaff) return;
+      let { functionSetting } = clientSetting;
+      this.clientFunctionSetting = functionSetting;
+      this.getClientFunctionList();
+      let clientFunction = functionSetting.reduce((client, item) => {
+        if (item.isChecked === 'Y') {
+          client.push(item.function);
+        }
+        return client;
+      }, []);
+      this.form.setFieldsValue({ clientFunctionSetting: clientFunction });
+    },
+    getFunctionList() {
+      let functionList = [];
+      this.functionSetting.map(item => {
+        if (item.isshow === 'Y') {
+          functionList.push({
+            label: item.fTitle,
+            value: item.function
+          });
+        }
+        this.functionList = functionList;
+      });
+    },
+    getClientFunctionList() {
+      let clientFunctionList = [];
+      this.clientFunctionSetting.map(item => {
+        if (item.isshow === 'Y') {
+          clientFunctionList.push({
+            label: item.fTitle,
+            value: item.function
+          });
+        }
+      });
+      this.clientFunctionList = clientFunctionList;
+    },
+    getRowkey(record) {
+      return record.status;
+    },
+    handleTimeSettingShow(e) {
+      this.showTimeSetting = e.target.checked;
+    },
+    handleTimeDelayShow(e) {
+      this.showTimeDelay = e.target.checked;
+    },
+    handleBotSettingShow(e) {
+      this.showBotSetting = e.target.checked;
+    },
+    getRobotAll() {
+      this.spinningText = '3.2.8';
+      let url = '/robot/getAll';
+      return fetch.get(url).then(({ data }) => {
+        if (data.result === 'SUCCESS') {
+          let { list = [] } = data;
+          if (list && list.length > 0) {
+            this.robotList = list;
+          }
+        }
+      });
+    },
+    handleEvaluate(e) {
+      this.evaluate = e.target.checked;
+    },
+    handleStatusChange(record) {
+      record.enable = !record.enable;
+    },
+    handleSubmit() {
+      this.form.validateFields((err, values) => {
+        if (err) return;
+        let setting = {};
+        this.handleTimeSetting(setting, values);
+        this.handleToolbar(setting, values);
+        this.handleQueryTimeSetting(setting, values);
+        this.handleClassify(setting);
+        let validate = this.handleServiceSetting(setting, values);
+        if (validate) return;
+        let broadcastValidate = this.handleBroadcast(setting);
+        if (!broadcastValidate) return;
+        this.handleClientSetting(setting, values);
+        setting.robotObj = {
+          switch: this.showBotSetting,
+          secretId: this.form.getFieldValue('secretId'),
+          secretKey: this.form.getFieldValue('secretKey'),
+          botId: this.form.getFieldValue('botId')
+        };
+        setting.robotSetting = {
+          robotId: this.form.getFieldValue('robotId'),
+          mode: this.form.getFieldValue('mode')
+        };
+        setting.chatPublicCategory = this.chatPublicCategory.join(',');
+        setting.rightClickSetting = this.rightClickSetting;
+        setting.variableSetting = this.variableSetting;
+        setting.tabBarSetting = this.tabBarSetting;
+        setting.refuseReasonSetting = {
+          list: this.refuseReasonList
+        };
+        setting = Object.assign({}, this.originSetting, setting);
+        if (!setting.evaluate) {
+          setting.evaluate = {};
+        }
+        setting.evaluate.isChecked = this.evaluate ? 'Y' : 'N';
+        setting.readStatus = this.readStatus ? 'Y' : 'N';
+        setting.lineUpNotice = this.lineUpNotice ? 'Y' : 'N';
+        this.submitData.setting = JSON.stringify(setting);
+        this.submitData.type = 'BASE_INFORMATION';
+        this.submitData.assemblyId = this.assemblyId;
+        if (this.id) {
+          this.submitData.id = this.id;
+        }
+
+        this.saveSysBaseInformation();
+      });
+    },
+    saveSysBaseInformation() {
+      fetch.post('/chat/event/saveSysBaseInformation', qs.stringify(this.submitData)).then(({ data }) => {
+        if (data.result === 'SUCCESS') {
+          this.dispatchEvent('set_sysInfoSuccess', data.map);
+          this.$message.success(this.i18nText('1.10.52'));
+        }
+      });
+    },
+    handleClassify(setting) {
+      if (this.isListClassify !== 'Y') return;
+      let listClassify = JSON.parse(JSON.stringify(this.listClassify));
+      listClassify.forEach(item => {
+        item.serverFunctionSetting.map(i => {
+          if (item.serverfunctions.includes(i.function)) {
+            i.isChecked = 'Y';
+          } else {
+            i.isChecked = 'N';
+          }
+        });
+        item.clientFunctionSetting.map(i => {
+          if (item.clientfunctions.includes(i.function)) {
+            i.isChecked = 'Y';
+          } else {
+            i.isChecked = 'N';
+          }
+        });
+        delete item.serverfunctions;
+        delete item.serverfunctionList;
+        delete item.clientfunctions;
+        delete item.clientfunctionList;
+      });
+      setting.listClassify = listClassify;
+    },
+    handleQueryTimeSetting(setting, values) {
+      if (this.queryTimeSettingList.length === 0) return;
+      let { queryTimeSetting } = values;
+      let clone = JSON.parse(JSON.stringify(this.queryTimeSetting));
+      setting.queryTimeSetting = clone.reduce((result, item) => {
+        if (queryTimeSetting === item.title) {
+          item.isChecked = 'Y';
+        } else {
+          item.isChecked = 'N';
+        }
+        result.push(item);
+        return result;
+      }, []);
+    },
+    handleToolbar(setting, values) {
+      if (this.toolbarList.length === 0) return;
+      let { toolbar, closedToolbar } = values;
+      let clone = JSON.parse(JSON.stringify(this.toolbar));
+      setting.toolbar = clone.reduce((result, item) => {
+        if (toolbar.includes(item.name + '-' + item.source + '-' + item.key)) {
+          item.isChecked = 'Y';
+        } else {
+          item.isChecked = 'N';
+        }
+        if (closedToolbar.includes(item.name + '-' + item.source + '-' + item.key)) {
+          item.isCloseChecked = 'Y';
+        } else {
+          item.isCloseChecked = 'N';
+        }
+        result.push(item);
+        return result;
+      }, []);
+    },
+    /* 客户端设置 */
+    handleClientSetting(setting, values) {
+      if (this.isListClassify === 'Y') return;
+      setting.clientSetting = {
+        functionSetting: []
+      };
+      let { clientFunctionSetting } = values;
+      let clientFunctionClone = JSON.parse(JSON.stringify(this.clientFunctionSetting));
+      setting.clientSetting.functionSetting = clientFunctionClone.reduce((result, func) => {
+        if (clientFunctionSetting.includes(func.function)) {
+          func.isChecked = 'Y';
+        } else {
+          func.isChecked = 'N';
+        }
+        result.push(func);
+        return result;
+      }, []);
+    },
+    /* 服务端设置 */
+    handleServiceSetting(setting, values) {
+      setting.serverSetting = {
+        serverInfo: {},
+        functionSetting: [],
+        serviceState: []
+      };
+
+      this.serverInfo.map(item => {
+        item.value = this.form.getFieldValue(item.key);
+      });
+      for (let i = 0; i < this.serverInfo.length; i++) {
+        let info = this.serverInfo[i];
+        if (!info.value && info.key != 'customerName' && !this.isStaff) {
+          this.$message.error(`${info.title} ${this.i18nText('1.9.430')}!`);
+          return true;
+        }
+      }
+      setting.serverSetting.serverInfo = this.serverInfo;
+      if (this.isListClassify === 'Y') return;
+      let { functionSetting } = values;
+      let functionSettingClone = JSON.parse(JSON.stringify(this.functionSetting));
+      setting.serverSetting.functionSetting = functionSettingClone.reduce((result, func) => {
+        if (functionSetting.includes(func.function)) {
+          func.isChecked = 'Y';
+        } else {
+          func.isChecked = 'N';
+        }
+        result.push(func);
+        return result;
+      }, []);
+      setting.serverSetting.serviceState = this.serviceState;
+    },
+    handleBroadcast(setting) {
+      setting.broadcast = {};
+      for (let i in this.broadcastList) {
+        let broadcastItem = this.broadcastList[i];
+        for (let j = 0; j < broadcastItem.list.length; j++) {
+          let item = broadcastItem.list[j];
+          if (!item.content) {
+            this.$message.error(`${this.i18nText('1.2.1.11.60')}!`);
+            return false;
+          }
+        }
+      }
+      let copyList = JSON.parse(JSON.stringify(this.broadcastList));
+      for (let i in copyList) {
+        let item = copyList[i];
+        item.isChecked = item.isChecked ? 'Y' : 'N';
+      }
+      setting.broadcast = copyList;
+      return true;
+    },
+    /* 聊天设置 */
+    handleTimeSetting(setting, values) {
+      setting.timingSettingSwitch = this.showTimeSetting ? '1' : '0';
+      setting.timingSetting = {};
+      if (this.showTimeSetting) {
+        let { showMode, timeLengthMins, timeLengthHours } = values;
+        let settingMins = timeLengthMins ? timeLengthMins : 0;
+        let settingHours = timeLengthHours ? timeLengthHours : 0;
+        this.timeLength = settingMins + settingHours * 60;
+        Object.assign(setting.timingSetting, { timeLength: this.timeLength, showMode });
+        setting.timingSetting.delayedSetting = {};
+      }
+      if (this.showTimeDelay && this.showTimeSetting) {
+        let { 'delayed-timeLength': timeLength, rightOffRemindTime } = values;
+        setting.timingSetting.delayed = true;
+        Object.assign(setting.timingSetting.delayedSetting, {
+          timeLength,
+          rightOffRemindTime
+        });
+      }
+    },
+    handleCancel() {},
+    handleClassifyToggle(item, e) {
+      this.$set(item, 'isChecked', e.target.checked ? 'Y' : 'N');
+    },
+    handleStatisticToggle(item, e) {
+      item.isStatistic = e.target.checked ? 'Y' : 'N';
+    },
+    handleCheckInput(v, item, key = 'isChecked') {
+      item[key] = v ? 'Y' : 'N';
+    },
+    addBroadcast(type, list) {
+      let item = {
+        content: '',
+        url: ''
+      };
+      list.push(item);
+    },
+    deleteBroadcast(index, list) {
+      list.splice(index, 1);
+    },
+    addRightClick() {
+      this.rightClickSetting = this.rightClickSetting.concat({
+        rightClickName: '',
+        rightClickUrl: '',
+        rightClickDo: ''
+      });
+    },
+    deleteRightClick(index) {
+      this.rightClickSetting.splice(index, 1);
+    },
+    handleGroupUp(index) {
+      if (index === 0) {
+        let current = this.listClassify[index];
+        let nextList = this.listClassify.slice(1);
+        this.listClassify = [].concat(nextList, current);
+      } else {
+        let current = this.listClassify[index];
+        let preList = this.listClassify.slice(0, index - 1);
+        let nextList = this.listClassify.slice(index - 1);
+        nextList.splice(1, 1);
+        this.listClassify = [].concat(preList, current, nextList);
+      }
+    },
+    refuseReasonAdd() {
+      this.refuseReasonList.push({
+        text: ''
+      });
+    },
+    refuseReasonDel(i) {
+      this.refuseReasonList.splice(i, 1);
+    },
+    handleRightOffRemindTimeBlur(event) {
+      const v = this.form.getFieldValue('timeLength') || 0;
+      // 限制 到期提醒 输入 数据不能大于等于会话时长
+      if (v && v <= event.target.value) {
+        this.form.setFieldsValue({
+          rightOffRemindTime: v - 1
+        });
+      }
+    }
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.chat-base-info {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 15px;
+  padding-bottom: 0;
+  .main-form {
+    overflow: auto;
+    &::-webkit-scrollbar {
+      width: 5px;
+    }
+  }
+  .page-title {
+    font-weight: 500;
+    color: #2e2e2e;
+    font-size: 16px;
+  }
+  .main-form {
+    flex: 1;
+  }
+  .setting-hours-text {
+    margin-right: 15px;
+  }
+  .time-setting,
+  .delayed-setting {
+    padding-left: 20px;
+    /deep/ .ant-form-item {
+      display: flex;
+    }
+  }
+  .delayed-setting {
+    margin-left: 30px;
+    .unit {
+      display: inline-block;
+      margin-left: 10px;
+    }
+  }
+  /deep/ .ant-form-item {
+    margin-bottom: 0;
+  }
+  /deep/ .ant-form-item-children {
+    display: flex;
+    align-items: center;
+  }
+  .server-form-item {
+    /deep/ .ant-form-item-children {
+      flex-wrap: wrap;
+    }
+  }
+  .functional-module {
+    margin-bottom: 30px;
+    .title {
+      color: #506493;
+      line-height: 22px;
+      padding-left: 8px;
+      border-left: 3px solid #5585f5;
+    }
+    .broadcaste-wrap {
+      .broadcaste-title {
+        display: flex;
+        align-items: center;
+        margin: 8px 0;
+        > span {
+          margin: 0 8px;
+        }
+      }
+      .broadcaste-item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 4px;
+        > div {
+          display: flex;
+          align-items: center;
+          width: 40%;
+          .item-title {
+            width: 60px;
+            margin: 4px;
+          }
+        }
+      }
+    }
+    .client-url {
+      margin-bottom: 8px;
+    }
+  }
+  /deep/ .ant-table-thead > tr > th,
+  /deep/ .ant-table-tbody > tr > td {
+    padding: 4px 30px;
+  }
+  .form-bottom {
+    display: flex;
+    align-items: center;
+    margin-top: auto;
+    margin-left: -15px;
+    padding-left: 15px;
+    height: 49px;
+    box-shadow: 0px -3px 8px 2px rgba(239, 243, 255, 1);
+    border-top: 1px solid #b8c5e2;
+  }
+  .title-input {
+    width: 150px;
+    margin-right: 20px;
+    text-align: center;
+  }
+  .bot-setting {
+    /deep/ .ant-form-item {
+      display: flex;
+    }
+  }
+  .serverinfo-wrapper {
+    display: flex;
+    align-items: center;
+  }
+  .serverinfo-label {
+    display: inline-block;
+    width: 100px;
+    padding-right: 8px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .classify-wrapper {
+    display: flex;
+    align-items: flex-start;
+    .classify-item {
+      margin-left: 10px;
+      margin-bottom: 8px;
+      padding: 10px;
+      border: 1px solid #b8c5e2;
+      background-color: #f6f7fa;
+      .name {
+        display: inline-block;
+        width: 80px;
+      }
+      .statistic {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 10px;
+      }
+      .server {
+        margin-bottom: 10px;
+      }
+    }
+  }
+  .rightClickSetting {
+    /deep/ .ant-form-item {
+      display: flex;
+    }
+  }
+  .ASC_DESC {
+    /deep/ .ant-form-item-control-wrapper {
+      display: flex;
+      align-items: center;
+    }
+  }
+  .refuse-item {
+    margin-bottom: 8px;
+    display: flex;
+    align-items: center;
+    .ant-input {
+      max-width: 348px;
+      margin-right: 15px;
+    }
+  }
+  .refuse-add-btn {
+    border: none;
+  }
+  /deep/ .rightClick-form {
+    .ant-form-item-control-wrapper {
+      width: 100%;
+    }
+  }
+}
+</style>