askbot-dragon 1.7.22-beta → 1.7.24-beta

package/src/components/markDownText.vue

@@ -0,0 +1,128 @@
+<template>
+    <div @click="lookImage">
+        <vue-markdown
+            class="mark_down"
+            :source="typedContent"
+            :ref="'markdown' + msgId"
+        >
+        </vue-markdown>
+        <div v-if="showPreview">
+            <img-view :url-list="imgList" @closeViewer="closeViewer"></img-view>
+        </div>
+    </div>
+</template>
+
+<script>
+import VueMarkdown from "vue-markdown";
+import ImgView from "./imgView.vue";
+
+export default {
+    name: "markDownText",
+    data() {
+        return {
+            typedContent: "",
+            typingSpeed: 15,
+            showPreview: false,
+            imgList: [],
+        };
+    },
+    props: {
+        chainValues: {
+            type: String,
+            default: "",
+        },
+        msgId: {
+            type: String,
+            default: "",
+        },
+        isHistory: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    components: {
+        ImgView,
+        VueMarkdown,
+    },
+    mounted() {
+        this.$nextTick(() => {
+            // let ref = 'markdown' + this.msgId
+            // const el = this.$refs[ref].$el;
+            // if (this.isHistory){
+            //   el.innerHTML = this.chainValues;
+            // } else {
+            //   new Typed(el, {
+            //     strings: [this.chainValues],
+            //     typeSpeed: 30,
+            //     showCursor: false
+            //   })
+            // }
+            if (this.isHistory) {
+                this.typedContent = this.chainValues;
+            } else {
+                this.startTypingEffect();
+            }
+        });
+    },
+    methods: {
+        startTypingEffect() {
+            let i = 0;
+            const interval = setInterval(() => {
+                if (i < this.chainValues.length) {
+                    this.typedContent += this.chainValues.charAt(i);
+                    i++;
+                } else {
+                    clearInterval(interval);
+                }
+            }, this.typingSpeed);
+        },
+        lookImage(e) {
+            let previewImageUrl = "";
+            console.log("e.target", e.target);
+            if (e.target.localName == "img") {
+                previewImageUrl = e.target.currentSrc;
+                this.showPreview = true;
+            }
+            let richtext = JSON.parse(JSON.stringify(this.typedContent));
+            this.imgList = [];
+            richtext.replace(
+                /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
+                (match, capture) => {
+                    this.imgList.push(capture);
+                }
+            );
+            /*当前点击的图片作为第一个图片*/
+            let index = this.imgList.indexOf(previewImageUrl);
+            this.imgList.splice(index, 1);
+            this.imgList.unshift(previewImageUrl);
+        },
+        closeViewer() {
+            this.showPreview = false;
+        },
+    },
+};
+</script>
+
+<style scoped lang="less">
+.mark_down {
+    line-height: 25px;
+    /deep/p {
+        margin-bottom: 14px;
+    }
+    /deep/p:only-child {
+        margin: 0 !important;
+    }
+    /deep/p:last-child {
+        margin-bottom: 0 !important;
+    }
+    /deep/ol,
+    ul {
+        li {
+            margin: 14px 0 !important;
+        }
+    }
+    /deep/img {
+        max-width: 400px;
+    }
+}
+</style>

package/src/components/message/TextMessage.vue

@@ -12,14 +12,14 @@
     </div>
     <div v-if="isCompany">
       <div v-if="single === true"  class="editMessage">
-        <el-input v-model="input" placeholder="请输入内容"  class="inputClass" @input="testClick" @blur="inputBlur"></el-input>
+        <el-input v-model="input" :placeholder="$t('common.inputPlaceholder')"  class="inputClass" @input="testClick" @blur="inputBlur"></el-input>
       <!--  <span @click="quedingClick" style="display: flex;align-items: center"><i class="el-icon-success" style="color: #4C61E1;font-size: 32px;cursor: pointer"></i></span>
      --> </div>
       <div v-if="date" class="editMessage">
         <el-date-picker
             v-model="dateValue"
             type="date"
-            placeholder="选择日期"
+            :placeholder="$t('common.selectDate')"
             style="width: 100%;margin: 10px 0 10px 0"
             :clearable=false
             @change="dataclick"
@@ -31,7 +31,7 @@
       <div v-if="time"  class="editMessage">
         <el-time-picker
             v-model="timeValue"
-            placeholder="任意时间点"
+            :placeholder="$t('common.selectTime')"
             style="margin: 10px 0 10px 0;width: 100%"
             :clearable=false
             @change="dataclick"
@@ -43,7 +43,7 @@
         <el-date-picker
             v-model="dateTimeValue"
             type="datetime"
-            placeholder="选择日期时间"
+            :placeholder="$t('common.selectDateTime')"
             style="width: 100%;margin: 10px 0 10px 0"
             @change="dataclick"
         >
@@ -92,7 +92,7 @@
     </div>
     <div v-if="isPhone">
       <div v-if="single"  class="editMessage">
-        <el-input v-model="input" placeholder="请输入内容" class="inputClass" @input="testClick" @blur="inputBlur"></el-input>
+        <el-input v-model="input" :placeholder="$t('common.inputPlaceholder')" class="inputClass" @input="testClick" @blur="inputBlur"></el-input>
        <!-- <span @click="quedingClick" style="display: flex;align-items: center"><i class="el-icon-success" style="color: #4C61E1;font-size: 32px;cursor: pointer"></i></span>
      --> </div>
       <div v-if="date">
@@ -113,7 +113,7 @@
           <van-datetime-picker
               v-model="timeValue"
               type="datetime"
-              title="选择时间"
+              :title="$t('common.selectTime')"
               :min-date="minDate"
               :formatter="formatter"
               @cancel="showTimePicker = false"
@@ -134,7 +134,7 @@
         <van-datetime-picker
             v-model="dateTimeValue"
             type="datetime"
-            title="选择日期时间"
+            :title="$t('common.selectDateTime')"
             :min-date="minDate"
             :formatter="formatter"
             @cancel="showDateTimePicker = false"
@@ -301,7 +301,11 @@ export default {
     },
     type:String,
     disable:Boolean,
-    submit:Boolean
+    submit:Boolean,
+    language:{
+      type:String,
+      default:"cn"
+    }
   },
   mounted() {
     this.isMobile()
@@ -367,11 +371,11 @@ export default {
     }
     if(this.submit===true)
     {
-      this.submitValue='已确认'
+      this.submitValue=this.$t('common.confirmed')
     }
     else
     {
-      this.submitValue='确认'
+      this.submitValue=this.$t('common.confirm')
     }
   },
   methods:{
@@ -612,7 +616,7 @@ export default {
       infomation['template']=innerhtml.querySelector('#html').innerHTML
         infomation['apiKey']=this.text.apiKey
       this.$emit('submitClick',infomation,this.text.apiKey)
-      this.submitValue='已确认'
+      this.submitValue=this.$t('common.confirmed')
       this.disableds=true
     },
     addZero(i){

package/src/components/message/swiper/ticketSwiper.vue

@@ -9,7 +9,7 @@
         >
           <slot></slot>
         </div>
-        <div v-if="device==='PC'&&content.multiple===true" class="clickBtn">
+        <div v-if="device==='PC'&&content.multiple===true && content.cards && content.cards.length > 1" class="clickBtn">
           <div class="preBtn" @click="preClick" style="display: flex">
             <i class="el-icon-arrow-left" style="font-size: 18px;font-weight:800;align-self: center;margin: auto"></i>
           </div>