askbot-dragon 1.6.26-beta → 1.6.26

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "askbot-dragon",
-  "version": "1.6.26-beta",
+  "version": "1.6.26",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "ali-oss": "^6.2.1",
+  },
+  "devDependencies": {
     "audio-loader": "^1.0.3",
     "core-js": "^3.6.5",
     "install": "^0.13.0",
@@ -20,19 +21,19 @@
     "vue": "^2.6.11",
     "vue-resource": "^1.5.1",
     "vue-video-player": "^5.0.2",
-    "weixin-js-sdk": "^1.6.0"
-  },
-  "devDependencies": {
+    "weixin-js-sdk": "^1.6.0",
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-plugin-eslint": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
     "babel-eslint": "^10.1.0",
     "element-ui": "^2.15.10",
     "eslint": "^6.7.2",
+    "vue-markdown": "^2.2.4",
     "eslint-plugin-vue": "^6.2.2",
     "less": "^3.12.2",
     "less-loader": "^7.0.2",
-    "vue-template-compiler": "^2.6.11"
+    "vue-template-compiler": "^2.6.11",
+    "vue-i18n": "^8.26.4"
   },
   "eslintConfig": {
     "root": true,

package/public/index.html

@@ -24,11 +24,14 @@
       }
     </script>
     <!-- 项目图标 -->
-    <link rel="stylesheet"  href="//at.alicdn.com/t/font_1566110_3hu6pyd938i.css"/>
+    <link rel="stylesheet"  href="//at.alicdn.com/t/c/font_2913049_ee8dx548hg.css"/>
     <!-- guoran图标 -->
-    <link rel="stylesheet"  href="//at.alicdn.com/t/c/font_2913049_qtm7orae3l.css"/>
+    <link rel="stylesheet"  href="//at.alicdn.com/t/c/font_2913049_eje81c90ujh.css"/>
     <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
     
+    <!-- aliyun-oss -->
+    <script src="https://static.guoranbot.com/cdn-common/alyun-oss/aliyun-oss-sdk-6.17.1.min.js"></script>
+
     <!-- vue -->
     <!-- <script src="https://static.guoranbot.com/vue/2.6.11/dist/vue.min.js"></script>
     <script src="https://static.guoranbot.com/vue-router/3.3.2/dist/vue-router.min.js"></script> -->
@@ -46,8 +49,8 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.5.141/pdf.worker.min.js" integrity="sha512-6UHd2tcWIvg5hIYHXb3lnNO61tWfriGen6KddwGYTSUUazWGYESTHDDxJFEQkCy1cSL//yXKc1gcL+51/DTLFQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.5.141/pdf_viewer.min.js" integrity="sha512-tYEGuMBQkCfSlBKJ3dNgS06wbb/MNE6nO2poZ1Y5brix8NajGcDcfEvuL38wJDOTkq0j5ojASNmrzv/8/wgGHQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.5.141/pdf_viewer.min.css" integrity="sha512-Jf9DLkegLgARLR151csVkPvcVt4cOUhslrSZwiTAe9mqFL/BbYRDmxCOioCtbHifEgjsBFbrVhOMQ3mYPDLrqQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
-    
-    
+
+
     <script src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/pdfJS2.1.266/pdf.min.js"  referrerpolicy="no-referrer"></script>
     <script src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/pdfJS2.1.266/pdf.worker.min.js"  referrerpolicy="no-referrer"></script>
     <script src="https://guoranopen-zjk.oss-cn-zhangjiakou.aliyuncs.com/cdn-common/pdfJS2.1.266/pdf_viewer.js"  referrerpolicy="no-referrer"></script>

package/src/assets/js/AliyunlssUtil.js

@@ -1,8 +1,30 @@
 
 
-const OSS = require('ali-oss');
+// const OSS = require('ali-oss');
 
-const ossConfig={
+const OSS = window.OSS
+
+const getPrivateOssConfig = () =>{
+    let mainSource = sessionStorage.getItem('_mainSource') ? sessionStorage.getItem('_mainSource') : "askbot";
+    switch (mainSource) {
+        case "askbot":
+            return {
+                region: "oss-cn-zhangjiakou",
+                accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
+                accessKeySecret: "OwgdVfc5PeCkIgqIdug660xmiSPchn",
+                bucket: "guoranopen-zjk",
+            }
+        case "lishi":
+            return {
+                region: "oss-ap-southeast-1",
+                accessKeyId: "LTAI5tAusPLDNJJwkvUbqi2T",
+                accessKeySecret: "xqPVaunOIbvTe3g9qsXal2IZO6RftK",
+                bucket: "askbotopen-ls",
+            };
+    }
+}
+
+const ossConfig = {
     region: "oss-cn-zhangjiakou",
         //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
         accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
@@ -11,6 +33,8 @@ const ossConfig={
         bucket: "guoranopen-zjk",
 };
 
+
+
 let IDX = 256, HEX = [], SIZE = 256, BUFFER;
 while (IDX--) HEX[IDX] = (IDX + 256).toString(16).substring(1);
 let mainId = sessionStorage.getItem('_mainId') ? sessionStorage.getItem('_mainId') : "";
@@ -46,8 +70,8 @@ function pathGenerate(filename) {
 }
 
 
-async function upload(ossConfig, data) {
-    let ossClient = new OSS(ossConfig);
+async function upload(data) {
+    let ossClient = new OSS(getPrivateOssConfig());
     // object-key可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形式，实现将文件上传至当前Bucket或Bucket下的指定目录。
     let objectKey = pathGenerate(data.name);
     let result = await ossClient.put(objectKey, data);
@@ -55,8 +79,8 @@ async function upload(ossConfig, data) {
     return result;
 }
 
-async function multipartUpload(ossConfig, data, callback,extCallback) {
-    let ossClient = new OSS(ossConfig);
+async function multipartUpload(data, callback,extCallback) {
+    let ossClient = new OSS(getPrivateOssConfig());
     // object-key可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形式，实现将文件上传至当前Bucket或Bucket下的指定目录。
     let objectKey = pathGenerate(data.name);
     let res = await ossClient.multipartUpload(objectKey, data, {
@@ -71,7 +95,8 @@ async function multipartUpload(ossConfig, data, callback,extCallback) {
     return res;
 }
 
-function ossFileUrl(ossConfig, path, cname) {
+function ossFileUrl(path, cname) {
+    let ossConfig = getPrivateOssConfig()
     if (cname == null) {
         return '//' + ossConfig.bucket + '.' + ossConfig.region + '.aliyuncs.com/' + path;
     } else {
@@ -79,8 +104,8 @@ function ossFileUrl(ossConfig, path, cname) {
     }
 }
 
-function uploadImageByBase64(ossConfig,blob) {
-    let ossClient = new OSS(ossConfig);
+function uploadImageByBase64(blob) {
+    let ossClient = new OSS(getPrivateOssConfig());
 
     // object-key可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形 式，实现将文件上传至当前Bucket或Bucket下的指定目录。
     let objectKey = pathGenerate(new Date().getTime());
@@ -89,4 +114,4 @@ function uploadImageByBase64(ossConfig,blob) {
     return result;
 }
 
-export {upload, multipartUpload, ossFileUrl,uploadImageByBase64,ossConfig}
+export {upload, multipartUpload, ossFileUrl,uploadImageByBase64,ossConfig, getPrivateOssConfig}

package/src/assets/js/common.js

@@ -70,7 +70,184 @@ let imageTypeObj = {
     aiv: "video",
     news:"news"
 }
+function newInitWaterMark(elId, textValue) {
+    //默认设置
+    var defaultSettings = {
 
+        watermark_txt: "",
+
+        visitorWatermark_txt: "",
+
+        watermark_x: 0, //水印起始位置x轴坐标
+
+        watermark_y: 0, //水印起始位置Y轴坐标
+
+        watermark_rows: 0, //水印行数
+
+        watermark_cols: 0, //水印列数
+
+        watermark_x_space: 40, //水印x轴间隔
+
+        watermark_y_space: 60, //水印y轴间隔
+
+        watermark_color: "black", //水印字体颜色
+
+        watermark_alpha: 0.3, //水印透明度
+
+        watermark_fontsize: "12px", //水印字体大小
+
+        watermark_font: "微软雅黑", //水印字体
+
+        watermark_width: 100, //水印宽度
+
+        watermark_height: 60, //水印长度
+
+        watermark_angle: 20 //水印倾斜度数
+
+    };
+    let textWatermarkValue = textValue;
+    if (textWatermarkValue) {
+        defaultSettings.watermark_txt = textWatermarkValue;
+    }
+    if (!textWatermarkValue) {
+        return;
+    }
+
+    //采用配置项替换默认值，作用类似jquery.extend
+
+    if (arguments.length === 1 && typeof arguments[0] === "object") {
+
+        // 获取参数配置
+
+        var src = arguments[0];
+
+        for (let key in src) {
+
+            if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key])
+
+                continue;
+
+            else if (src[key])
+
+                defaultSettings[key] = src[key];
+
+        }
+
+    }
+
+    var oTemp = document.createDocumentFragment();
+
+    //获取页面最大宽度
+
+    var page_width = Math.max(document.getElementById(elId).scrollWidth, document.getElementById(elId).clientWidth);
+
+    var cutWidth = page_width * 0.0150;
+
+    page_width = page_width - cutWidth;
+
+    //获取页面最大高度
+    var page_height = document.getElementById(elId).scrollHeight;
+    console.log('page_height',page_height, page_width);
+
+    // var page_height = Math.max(document.body.scrollHeight, document.body.clientHeight);
+
+    // var page_height = document.body.scrollHeight+document.body.scrollTop;
+
+    //如果将水印列数设置为0，或水印列数设置过大，超过页面最大宽度，则重新计算水印列数和水印x轴间隔
+
+    if (defaultSettings.watermark_cols == 0 || (parseInt(defaultSettings.watermark_x + defaultSettings
+
+        .watermark_width * defaultSettings.watermark_cols + defaultSettings.watermark_x_space * (
+
+        defaultSettings.watermark_cols - 1)) > page_width)) {
+
+        defaultSettings.watermark_cols = parseInt((page_width - defaultSettings.watermark_x + defaultSettings
+
+            .watermark_x_space) / (defaultSettings.watermark_width + defaultSettings
+
+            .watermark_x_space));
+
+        defaultSettings.watermark_x_space = parseInt((page_width - defaultSettings.watermark_x -
+
+            defaultSettings
+
+                .watermark_width * defaultSettings.watermark_cols) / (defaultSettings.watermark_cols - 1));
+
+    }
+
+    //如果将水印行数设置为0，或水印行数设置过大，超过页面最大长度，则重新计算水印行数和水印y轴间隔
+
+    if (defaultSettings.watermark_rows == 0 || (parseInt(defaultSettings.watermark_y + defaultSettings
+
+        .watermark_height * defaultSettings.watermark_rows + defaultSettings.watermark_y_space * (
+
+        defaultSettings.watermark_rows - 1)) > page_height)) {
+
+        defaultSettings.watermark_rows = parseInt((defaultSettings.watermark_y_space + page_height -
+
+            defaultSettings
+
+                .watermark_y) / (defaultSettings.watermark_height + defaultSettings.watermark_y_space));
+
+        defaultSettings.watermark_y_space = parseInt(((page_height - defaultSettings.watermark_y) -
+
+            defaultSettings
+
+                .watermark_height * defaultSettings.watermark_rows) / (defaultSettings.watermark_rows - 1));
+
+    }
+
+    var x;
+    var y;
+    for (var i = 0; i < defaultSettings.watermark_rows; i++) {
+        y = defaultSettings.watermark_y + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;
+        for (var j = 0; j < defaultSettings.watermark_cols; j++) {
+            x = defaultSettings.watermark_x + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;
+            var mask_div = document.createElement("div");
+
+            mask_div.id = "mask_div" + i + j;
+            mask_div.className = "mask_div";
+            mask_div.style.webkitTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.MozTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.msTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.OTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.transform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+            mask_div.style.visibility = "";
+            mask_div.style.position = "absolute";
+            //奇偶行错开，这样水印就不对齐，显的不呆板
+            mask_div.style.left = x + 20 + "px";
+            mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));
+
+            mask_div.style.top = y + 10 + "px";
+
+            mask_div.style.overflow = "hidden";
+
+            mask_div.style.pointerEvents = "none"; //让水印不遮挡页面的点击事件
+
+            mask_div.style.opacity = defaultSettings.watermark_alpha;
+
+            mask_div.style.fontSize = defaultSettings.watermark_fontsize;
+
+            mask_div.style.fontFamily = defaultSettings.watermark_font;
+
+            mask_div.style.color = defaultSettings.watermark_color;
+
+            mask_div.style.textAlign = "center";
+
+            mask_div.style.width = defaultSettings.watermark_width + "px";
+
+            mask_div.style.height = defaultSettings.watermark_width + "px";
+
+            mask_div.style.display = "block";
+
+            mask_div.style.wordBreak = 'break-all'
+
+            oTemp.appendChild(mask_div);
+        }
+    }
+    document.getElementById(elId).appendChild(oTemp);
+}
 export {
-    imageTypeObj
+    imageTypeObj,
+    newInitWaterMark
 }

package/src/assets/js/hammer.js

@@ -3,15 +3,6 @@ export function zoomElement (el) {
 	let store = {
 		scale: 1
 	};
-	if (!el){
-		return
-	}
-	let scale = 1;
-	if (el.style.transform){
-		let transForm = el.style.transform;
-		var values = transForm.split('(')[1].split(')')[0].split(',');
-		scale = values[0] ? values[0] : 1
-	}
 	// 缩放事件的处理
 	el.addEventListener('touchstart', function (event) {
 		let touches = event.touches;
@@ -76,15 +67,13 @@ export function zoomElement (el) {
 				newScale = 3;
 			}
 			// 最小缩放比例限制
-			if(newScale < scale) {
-				newScale = scale;
+			if(newScale < 1) {
+				newScale = 1;
 			}
 			// 记住使用的缩放值
 			store.scale = newScale;
 			// 图像应用缩放效果
 			el.style.transform = 'scale(' + newScale + ')';
-			el.style.transformOrigin = 'top left'
-
 		}
 	});
 	document.addEventListener('touchend', function () {

package/src/assets/less/converSationContainer/common.less

@@ -35,13 +35,6 @@
     border-radius: 6px;
     background-color: #bfceec !important;
 }
-@media screen and (max-width: 767px){
-    ::-webkit-scrollbar {
-        width: 0;
-        height: 0;
-        background-color:@system_bordercolor_4;
-    }
-}
 
 // 弹窗body
 .el-dialog__body{

package/src/components/ActionAlertIframe.vue

@@ -26,7 +26,7 @@
                 class="grzh-iframe"
                 :src="actionAlertIframe.template"
                 width="100%"
-                height="90%"
+                height="95%"
                 :scrolling="actionAlertIframe.scrolling"
                 frameborder="no"
                 border="0"
@@ -65,6 +65,7 @@ export default {
     },
     methods: {},
     mounted() {
+        this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
         this.tampId = 'iframeId++' + new Date().getTime();
         let tampUrl = this.actionAlertIframe.template;
         function GetRequest() {
@@ -87,29 +88,6 @@ export default {
           this.actionAlertIframe.template = this.actionAlertIframe.template  + "&iframeId=" + this.tampId
         }
         this.actionAlertIframe.template = this.actionAlertIframe.template.split("&").join("&")
-
-        // 监听回退事件
-        let _that = this;
-
-        (function () {
-            console.log(95, 'addEventListener window.onpopstate');
-            if (window.history && window.history.pushState) {
-                console.log(97, 'window.history && window.history.pushState');
-                window.onpopstate = function (e) {
-                    console.log(9999, 'window.onpopstate innner', e);
-                    if (_that.showAskFullScreen) {
-                        window.history.go(1);
-                    }
-                    // window.history.pushState('forward', null, '');
-                    // window.history.forward(1);
-                    _that.showAskFullScreen = false;
-                    if ( e && e.stopPropagation ) {
-                        console.log(105, 'e.stopPropagation');
-                        e.stopPropagation();
-                    }
-                };
-            }
-        })();
     },
 };
 </script>

package/src/components/AiGuide.vue

@@ -16,7 +16,7 @@
                 <span v-html="aiGuide.content.description"></span>
             </div>
             <!-- 一级分类 -->
-            <div v-show="aiGuide.content.typesVisible && aiGuide.content.options && aiGuide.content.options.length > 0" class="ig-types-f">
+            <div v-show="aiGuide.content.typesVisible" class="ig-types-f">
                 <span
                     v-for="(fType, fTypeIndex) in aiGuide.content.options"
                     :key="`f_${fTypeIndex}`"
@@ -31,7 +31,9 @@
                 >
             </div>
             <!-- 二级分类 -->
-           <div v-if="aiGuide.content.typesVisible && aiGuide.content.options[activeFirstTypeIndex] && aiGuide.content.options[activeFirstTypeIndex].types && aiGuide.content.options[activeFirstTypeIndex].types.length !== 0" class="ig-types-s">
+            <div v-show="aiGuide.content.typesVisible && aiGuide.content.options[
+                        activeFirstTypeIndex
+                    ].types.length !== 0" class="ig-types-s">
                 <span
                     v-for="(sType, sTypeIndex) in aiGuide.content.options[
                         activeFirstTypeIndex
@@ -92,7 +94,7 @@
                     class="ig-types-list-cell"
                 >
                     <span>{{ intentCell.questionName }}</span>
-                    <span><i class="el-icon-arrow-right"></i></span
+                    <span><svg t="1720148108415" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="96725" width="12" height="12"><path d="M246.728409 927.106061l414.195993-414.195993-409.542106-417.779487A57.615128 57.615128 0 0 1 256.036184 16.247187a49.377747 49.377747 0 0 1 37.2311-16.335145 48.02812 48.02812 0 0 1 37.231101 16.893611l446.773206 457.616765a57.568589 57.568589 0 0 1-4.653887 78.883394c0 1.489244 0 2.792333-4.653888 4.095421L325.844497 1006.408305a56.218962 56.218962 0 0 1-79.116088-0.605005 62.687865 62.687865 0 0 1 0-78.697239z" p-id="96726" fill="#366aff"></path></svg></span
                 ></span>
             </div>
             <!-- 横向排版 -->
@@ -136,7 +138,7 @@
                     class="ig-types-list-cell"
                 >
                     <span>{{ intentCell.exampleQuestion }}</span>
-                    <span><i class="el-icon-arrow-right"></i></span
+                    <span><svg t="1720148108415" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="96725" width="12" height="12"><path d="M246.728409 927.106061l414.195993-414.195993-409.542106-417.779487A57.615128 57.615128 0 0 1 256.036184 16.247187a49.377747 49.377747 0 0 1 37.2311-16.335145 48.02812 48.02812 0 0 1 37.231101 16.893611l446.773206 457.616765a57.568589 57.568589 0 0 1-4.653887 78.883394c0 1.489244 0 2.792333-4.653888 4.095421L325.844497 1006.408305a56.218962 56.218962 0 0 1-79.116088-0.605005 62.687865 62.687865 0 0 1 0-78.697239z" p-id="96726" fill="#366aff"></path></svg></span
                 ></span>
             </div>
             <!-- 横向排版 -->
@@ -180,7 +182,7 @@
                     class="ig-types-list-cell"
                 >
                     <span>{{ intentCell.exampleQuestion }}</span>
-                    <span><i class="el-icon-arrow-right"></i></span
+                    <span><svg t="1720148108415" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="96725" width="12" height="12"><path d="M246.728409 927.106061l414.195993-414.195993-409.542106-417.779487A57.615128 57.615128 0 0 1 256.036184 16.247187a49.377747 49.377747 0 0 1 37.2311-16.335145 48.02812 48.02812 0 0 1 37.231101 16.893611l446.773206 457.616765a57.568589 57.568589 0 0 1-4.653887 78.883394c0 1.489244 0 2.792333-4.653888 4.095421L325.844497 1006.408305a56.218962 56.218962 0 0 1-79.116088-0.605005 62.687865 62.687865 0 0 1 0-78.697239z" p-id="96726" fill="#366aff"></path></svg></span
                 ></span>
             </div>
             <div
@@ -188,7 +190,8 @@
                 class="ig-change-list"
             >
                 <span @click="changeIntellectGuide" class="ig-change-list-btn">
-                    <i class="el-icon-refresh">换一批</i></span
+                    <svg t="1720148246364" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="136175" width="16" height="16"><path d="M225.6 540.8C240 686.4 363.2 800 512 800c76.8 0 150.4-30.4 203.2-84.8 12.8-12.8 32-12.8 44.8 0s12.8 32 0 44.8c-64 65.6-153.6 104-248 104-184 0-336-142.4-350.4-323.2l-43.2 41.6c-12.8 12.8-33.6 11.2-44.8 0s-11.2-33.6 0-44.8l99.2-96c12.8-12.8 33.6-11.2 44.8 0l92.8 96c12.8 12.8 11.2 33.6-1.6 44.8-12.8 12.8-33.6 11.2-44.8-1.6l-38.4-40zM800 497.6C792 345.6 665.6 224 512 224c-76.8 0-148.8 30.4-203.2 83.2-12.8 12.8-33.6 12.8-44.8 0-12.8-12.8-12.8-33.6 0-44.8 65.6-64 153.6-102.4 248-102.4 192 0 347.2 153.6 352 342.4l41.6-40c12.8-12.8 33.6-11.2 44.8 1.6 12.8 12.8 11.2 33.6-1.6 44.8l-94.4 89.6c-12.8 11.2-32 11.2-44.8 0l-97.6-96c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l43.2 40z" p-id="136176" fill="#366aff"></path></svg>
+                    {{$t('dragonCommon.refresh')}}</span
                 >
             </div>
         </div>
@@ -232,11 +235,11 @@ export default {
     beforeMount() {},
     mounted() {
         this.isMobile();
-        if (this.aiGuide.content.options[0] && this.aiGuide.content.options[0] && this.aiGuide.content.options[0].types && this.aiGuide.content.options[0].types.length === 0) {
+        if (this.aiGuide.content.options[0].types.length === 0) {
             this.activeOtherObj = this.aiGuide.content.options[0];
         } else {
             this.activeSecondTypeIndex = 0;
-            this.activeOtherObj = this.aiGuide.content.options[0] && this.aiGuide.content.options[0].types && this.aiGuide.content.options[0].types[0] ? this.aiGuide.content.options[0].types[0] : [];
+            this.activeOtherObj = this.aiGuide.content.options[0].types[0];
         }
     },
     methods: {
@@ -461,6 +464,8 @@ export default {
             font-weight: 600;
             color: #366aff;
             cursor: pointer;
+            display: flex;
+            align-items: center;
         }
     }
 }