askbot-dragon 0.7.1 → 0.7.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "0.7.1",
+  "version": "0.7.5",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/App.vue

@@ -1,18 +1,14 @@
 <template>
   <div id="app">
     <ConversationContainer msg="Welcome to Your Vue.js App"/>
-    <load-more-mess></load-more-mess>
   </div>
 </template>
 
 <script>
 import ConversationContainer from './components/ConversationContainer.vue'
-
-import LoadMoreMess from "./components/loadMoreMess";
 export default {
   name: 'App',
   components: {
-    LoadMoreMess,
     ConversationContainer
   }
 }

package/src/assets/less/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
     font-family: 'iconfont';  /* Project id 2913049 */
-    src: url('//at.alicdn.com/t/font_2913049_baxww6uvzup.woff2?t=1642737399832') format('woff2'),
-    url('//at.alicdn.com/t/font_2913049_baxww6uvzup.woff?t=1642737399832') format('woff'),
-    url('//at.alicdn.com/t/font_2913049_baxww6uvzup.ttf?t=1642737399832') format('truetype');
+    src: url('//at.alicdn.com/t/font_2913049_fhimnf31slu.woff2?t=1644465476099') format('woff2'),
+    url('//at.alicdn.com/t/font_2913049_fhimnf31slu.woff?t=1644465476099') format('woff'),
+    url('//at.alicdn.com/t/font_2913049_fhimnf31slu.ttf?t=1644465476099') format('truetype');
 }
 
 .iconfont {
@@ -12,6 +12,6 @@
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
-.arsenalchess-pawn-solid:before {
-    content: "\e718";
+.guoran-arsenalchess-pawn-solid1:before {
+    content: "\e77f";
 }

package/src/components/ConversationContainer.vue

@@ -19,6 +19,8 @@
       </div>
     </voice-component>-->
     <!--  点选  -->
+    <div v-html="htmlContainer">
+    </div>
     <answer-radio :msg="answerRadios"></answer-radio>
     <action-send-to-bot :msg="answerRadios"></action-send-to-bot>
     <ticket-message :content="contents"></ticket-message>
@@ -33,6 +35,7 @@
     <answer-dissatisfaction :msg="answerDiss"></answer-dissatisfaction>
     <feed-back :feedBack="feedBack"></feed-back>
     <voice-compontent></voice-compontent>
+
 <!--    <FileType :urls="urls" :color="black"></FileType>-->
 <!--    <FileType :urls="urls" :color="black"></FileType>
     <chat-content :messageList="messageList"></chat-content>-->
@@ -1157,7 +1160,8 @@ export default {
           }
         },
         type:'answer_radio'
-      }
+      },
+      htmlContainer:'<input placeholder="请输入"></input>'
     };
   },
   methods: {

package/src/components/answerDissatisfaction.vue

@@ -35,6 +35,7 @@ export default {
 
 <style scoped lang="less">
 .answer-dissatisfaction{
+  min-width: 100px;
   .satisfaction-reply-text{
     word-wrap: break-word;
     word-break: break-all;

package/src/components/answerRadio.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="answer-radio">
-    <p class="radio-description" v-html="msg.content.description"></p>
+    <p class="radio-description" v-html="msg.content.description" v-if="msg.content.description"></p>
     <div class="options-list">
       <div
           v-for="(option, index) in msg.content.options"

package/src/components/associationIntention.vue

@@ -51,7 +51,7 @@
         const regex = new RegExp("<img", "gi");
         return html.replace(
             regex,
-            "<img style='max-width: 100%;' onclick='imageOnClick(this)'"
+            "<img style='max-width: 230px;' onclick='imageOnClick(this)'"
         );
       },
     },

package/src/components/formTemplate.vue

@@ -1631,7 +1631,7 @@ export default {
   }
 }
 .pcFormClass{
- /* width: 300px;*/
+  width: 400px;
   margin: 0 auto;
   .field-item{
     padding: 8px 0;
@@ -1710,9 +1710,8 @@ export default {
 }
 .remPhoneClassForm{
   .mobileFormClass{
-    /* width: 80vw;*/
+    width: calc(100vw - 120px);
     .form-field-item{
-     /* border-bottom: 1px solid #ebebeb;*/
       .form-field-item-value{
         /deep/.van-cell{
           flex-direction: column;
@@ -1808,24 +1807,24 @@ export default {
   }
   /deep/.van-radio-group--horizontal{
    .van-radio{
-      min-width: 130px;
+      min-width: 100px;
       max-width: 260px;
       flex: none;
     }
     .van-radio--horizontal{
       padding: 0.3rem 0;
-      margin-right: 0;
+      margin-right: 6px;
     }
   }
   /deep/.van-checkbox-group--horizontal{
     .van-checkbox{
-      min-width: 130px;
+      min-width: 100px;
       max-width: 260px;
       flex: none;
     }
     .van-checkbox--horizontal{
       padding: 0.3rem 0;
-      margin-right: 0;
+      margin-right: 6px;
     }
   }
   /deep/.van-button--info{

package/src/components/message/TicketMessage.vue

@@ -24,16 +24,16 @@
                           <div v-html="itemss" class="singleItem"  v-for="(itemss,inde) in items.list" :key="inde"></div>
                         </div>
                         <div class="doubleClass" v-else-if="items.type==='DOUBLE'">
-                          <div  class="doubleItem" v-for="(itemss,__index) in items.list" :key="__index" v-html="itemss">
+                          <div  class="doubleItem" v-for="(itemss,index) in items.list" :key="'__'+index" v-html="itemss">
                           </div>
                         </div>
                         <div class="tripleClass" v-else-if="items.type==='TRIPLE'">
-                          <div v-html="itemss" class="tripleItem" v-for="(itemss,___index) in items.list" :key="___index"></div>
+                          <div v-html="itemss" class="tripleItem" v-for="(itemss,index) in items.list" :key="'___'+index"></div>
                         </div>
                       </div>
                     </div>
                     <div class="button-list">
-                      <div v-for="(items,____index) in item.content.buttonList" :key="____index" class="button-item">
+                      <div v-for="(items,index) in item.content.buttonList" :key="'____'+index" class="button-item">
                         <div @click="btnClick(items)" class="buttonClassItem">
                           <span class="btn-name">{{items.name}}</span>
                         </div>
@@ -123,6 +123,7 @@
             },
             btnClick(items){
               items.apiKey=this.content.apiKey
+              console.debug('card_template')
                 this.$emit('btnClick',items,this.content.apiKey)
             },
 

package/src/components/voiceComponent.vue

@@ -3,7 +3,7 @@
     <div id="voice-component-container">
       <div id="voice-component-c">
         <div class="voice-btn">
-          <i class="iconfont arsenalchess-pawn-solid"></i>
+          <i class="iconfont guoran-arsenalchess-pawn-solid1"></i>
         </div>
       </div>
       <div class="close-voice" @click="closeVoice">
@@ -45,7 +45,7 @@ export default {
   #voice-component-container{
     position: relative;
     #voice-component-c{
-      height: 120px;
+      height: 90px;
       width: 130%;
       position: relative;
       left: -15%;
@@ -62,7 +62,7 @@ export default {
         justify-content: center;
         i{
           color: #366aff;
-          font-size: 30px;
+          font-size: 38px;
         }
       }
     }

package/src/components/loadMoreMess.vue

@@ -1,199 +0,0 @@
-<template>
-  <div class="container" ref="container">
-    <div class="item">{{loadText+"第"+pageNum+"页"}}</div>
-    <div v-for="(item, index) in list" :key="index" class="item">{{item}}</div>
-  </div>
-<!--  <div
-      class="container"
-      @touchstart="touchStart($event)"
-      @touchmove="touchMove($event)"
-      @touchend="touchEnd($event)"
-      :style="{transform: 'translate3d(0,' + top + 'px, 0)'}"
-  >
-    <p class="drop" v-if="dropDownState == 2">松开立即刷新</p>
-    <p class="drop" v-if="dropDownState == 3">正在刷新数据...</p>
-    <div class="histroy" id="list">
-      <li v-for="(item,index) in list" :key="index">第{{ item }}条数据</li>
-    </div>
-  </div>-->
-</template>
-
-<script>
-  export default {
-    name: "loadMoreMess",
-    data() {
-      return {
-        scrollHeight: 0,
-        list: [],
-        loadText: "加载中...",
-        pageSize: 20,
-        pageNum: 1,
-        index: 0,
-        defaultOffset: 50,
-        top: 0,
-        scrollIsToTop: 0,
-        startY: 0,
-        isDropDown: false,
-        isRefreshing: false,
-        dropDownState: 1
-      }
-    },
-    mounted() {
-      this.initData();
-      const container = this.$refs.container;
-      //这里的定时是为了列表首次渲染后获取scrollHeight并滑动到底部。
-      setTimeout(() => {
-        this.scrollHeight = container.scrollHeight;
-        container.scrollTo(0, this.scrollHeight);
-      }, 10);
-      container.addEventListener('scroll', (e) => {
-        //这里的2秒钟定时是为了避免滑动频繁，节流
-        setTimeout(() => {
-          if (this.list.length >= 90) {
-            this.loadText = "加载完成";
-            return;
-          }
-          //滑到顶部时触发下次数据加载
-          if (e.target.scrollTop == 0) {
-            //将scrollTop置为10以便下次滑到顶部
-            e.target.scrollTop = 10;
-            //加载数据
-            this.initData();
-            //这里的定时是为了在列表渲染之后才使用scrollTo。
-            setTimeout(() => {
-              e.target.scrollTo(0, this.scrollHeight - 30);//-30是为了露出最新加载的一行数据
-            }, 100);
-          }
-        }, 2000);
-      });
-    },
-    methods: {
-      //初始数据
-      initData() {
-        for (var i = 20; i > 0; i--) {
-          this.list.unshift(i)
-        }
-        this.pageNum++;
-      },
-      // 加载历史记录
-      getHistory() {
-
-        setTimeout(() => {
-          let result = new Array();
-          for (var i = 0; i < 10; i++) {
-            let value = this.index < 1 ? i : this.index + "" + i;
-            result.unshift(value);
-          }
-          this.list = result.concat(this.list);
-          this.isRefreshing = false;
-          this.isDropDown = false;
-          this.dropDownState = 1;
-          this.top = 0;
-          this.$nextTick(() => {
-            var container = this.$el.querySelector("#list");
-            container.scrollTop = container.scrollHeight - this.scrollHeight;
-          });
-        }, 1200);
-      },
-
-      // 开始
-      touchStart(e) {
-        this.startY = e.targetTouches[0].pageY;
-        var container = this.$el.querySelector("#list");
-        this.scrollHeight = container.scrollHeight;
-      },
-      // 滑动
-      touchMove(e) {
-        this.scrollIsToTop =
-            document.documentElement.scrollTop ||
-            window.pageYOffset ||
-            document.body.scrollTop;
-        var container = this.$el.querySelector("#list");
-        if (e.targetTouches[0].pageY > this.startY && container.scrollTop === 0) {
-          this.isDropDown = true;
-          if (this.scrollIsToTop === 0 && !this.isRefreshing) {
-            let diff =
-                e.targetTouches[0].pageY - this.startY - this.scrollIsToTop;
-            this.top =
-                Math.pow(diff, 0.8) +
-                (this.dropDownState === 3 ? this.defaultOffset : 0);
-            if (this.top >= this.defaultOffset) {
-              this.dropDownState = 2;
-              e.preventDefault();
-            } else {
-              this.dropDownState = 1;
-              e.preventDefault();
-            }
-          }
-        } else {
-          this.isDropDown = false;
-          this.dropDownState = 1;
-        }
-      },
-
-      // 触摸结束
-      touchEnd() {
-        if (this.isDropDown && !this.isRefreshing) {
-          if (this.top >= this.defaultOffset) {
-            this.refresh();
-            this.isRefreshing = true;
-          } else {
-            this.isRefreshing = false;
-            this.isDropDown = false;
-            this.dropDownState = 1;
-            this.top = 0;
-          }
-        }
-      },
-
-      // 刷新
-      refresh() {
-        this.dropDownState = 3;
-        this.top = this.defaultOffset;
-        this.index++;
-        this.getHistory();
-      }
-    }
-  }
-</script>
-
-<style scoped lang="less">
-.container {
-  width: 300px;
-  height: 300px;
-  overflow: auto;
-  border: 1px solid;
-  margin: 100px auto;
-}
-
-.item {
-  height: 29px;
-  line-height: 30px;
-  text-align: center;
-  border-bottom: 1px solid #aaa;
-}
-.drop {
-  height: 5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-/*.container {
-  height: 100%;
-  overflow: hidden;
-}
-
-.histroy {
-  padding: 0 1rem;
-  height: 100%;
-  overflow-y: auto;
-}
-.histroy li {
-  font-size: 1.4rem;
-  height: 10vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-bottom: 1px dashed #dddddd;
-}*/
-</style>