askbot-dragon 88.0.43 → 88.1.2

package/src/components/myPopup.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="container">
     <div class="top-container">
-      <div class="close">取消</div>
-      <div class="sure">确定</div>
+      <div class="close" @click="handleClose">{{ $t('dragonCommon.cancel') }}</div>
+      <div class="sure" @click="handleConfirm">{{ $t('dragonCommon.confirm') }}</div>
     </div>
-    <van-list v-model="loading" :finished="finished" finished-text="没有更多了" :offset="1" @load="onload" class="list-container">
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      :finished-text="$t('dragonCommon.noMore')"
+      :offset="1"
+      @load="onLoad"
+      class="list-container"
+    >
       <van-cell v-for="item in list" :key="item.id" :title="item.name" />
-      <!-- <van-cell  title="123" />
-      <van-cell  title="asdasd" />
-      <van-cell  title="adszx" />
-      <van-cell  title="zxc zc" />
-      <van-cell  title="asdasd" />
-      <van-cell  title="wqeqweqwe" />
-      <van-cell  title="icvbncvbn" /> -->
     </van-list>
   </div>
 </template>
@@ -40,7 +40,10 @@ export default {
     onload() {
       this.$emit('onload')
     }
-  }
+  },
+  mounted() {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+  },
 }
 </script>
 

package/src/components/pagination.vue

@@ -0,0 +1,129 @@
+<template>
+    <div id="pagination">
+        <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="currentChange"
+                :current-page.sync="currentPages"
+                :page-size="pageSize"
+                layout="slot, prev, pager, next"
+                :total="total">
+            <span class="total-class">共 {{total}} 条数据</span>
+        </el-pagination>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "paginationPage",
+        data(){
+            return{
+                currentPages:1
+            }
+        },
+        props:['pageSize','currentPage','total',"isReportForm"],
+        watch:{
+            currentPage: {
+                handler(val){
+                    this.currentPages = val
+                },
+            },
+
+        },
+        mounted() {
+            this.currentPages = this.currentPage
+        },
+        methods:{
+            handleSizeChange(value){
+                this.$emit('handleSizeChange',value)
+            },
+            currentChange(value){
+                this.$emit('currentChange',value)
+            },
+        }
+    }
+</script>
+
+<style scoped lang="less">
+#pagination{
+    .total-class{
+        margin-right: 13px;
+        font-weight: 400;
+    }
+    position: absolute;
+    bottom: 0px;
+    right: 0;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 50px;
+    background-color: white;
+    box-shadow: 0px 0px 18px 0px rgba(29, 55, 129, 0.07);
+    border-radius: 5px;
+    /deep/.el-pager{
+        background: #EDF0F6;
+        border-radius: 15px;
+    }
+    /deep/.el-pagination.is-background .btn-next{
+         width: 30px;
+         height: 30px;
+         background: #EDF0F6;
+         border-radius: 50%;
+     }
+    /deep/.el-pagination .btn-next{
+        width: 30px;
+        height: 30px;
+        background: #EDF0F6;
+        border-radius: 50%;
+        padding-left: 0;
+        margin-left:5px ;
+    }
+    /deep/.el-pagination .btn-prev{
+        width: 30px;
+        height: 30px;
+        background: #EDF0F6;
+        border-radius: 50%;
+        padding-right: 0;
+        margin-right:5px ;
+    }
+    /deep/.el-pagination button{
+        padding: 0;
+        min-width: 30px;
+    }
+    /deep/.el-pager li{
+        background: #EDF0F6;
+        height: 30px;
+        min-width: 30px;
+        line-height: 30px;
+        font-size: 12px;
+        color: #717b90;
+    }
+    /deep/.el-pager li:first-child{
+        border-bottom-left-radius: 15px!important;
+        border-top-left-radius: 15px!important;
+    }
+    /deep/.el-pager li:last-child{
+        border-top-right-radius: 15px!important;
+        border-bottom-right-radius: 15px!important;
+    }
+    /deep/.el-pager li.active{
+        width: 30px;
+        height: 30px;
+        min-width: 30px;
+        background: #366AFF;
+        border: 3px solid #A1B9FF;
+        border-radius: 50%;
+        line-height: 24px;
+        color: white;
+    }
+    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active{
+        background: #366AFF;
+
+    }
+    /deep/.el-pagination button:disabled{
+      i{
+        cursor: no-drop;
+      }
+    }
+}
+</style>

package/src/components/pdfPosition.vue

@@ -1,29 +1,36 @@
 <template>
     <div class="pdf_view" id="pdf_view">
-        <div class="change_scale" v-if="isPC">
-            <section @click="changeScale('reduce')">
-                <i class="el-icon-minus"></i>
-            </section>
-            <el-divider direction="vertical"></el-divider>
-            <section @click="changeScale('zoom')">
-                <i class="el-icon-plus"></i>
-            </section>
-            <el-select size="small" v-model="handScale" @change="changeScale" placeholder="请选择">
-                <el-option v-for="item in scaleList" :key="item.value" :label="item.label" :value="item.value">
-                </el-option>
-            </el-select>
-        </div>
-        <div class="pdf_container_view" id="pdf_container_view" @scroll="pdfScroll"  ref="pdfView"></div>
-        <div class="btn_footer" v-if="tagIds.length > 1 && !isPC">
-            <div class="prev" @click="prev">上一段</div>
-            <div class="next" @click="next">下一段</div>
-        </div>
-        <div id="pagination" v-if="tagIds.length > 1 && isPC">
-            <el-pagination :current-page="currentPage + 1" @current-change="currentChange" @prev-click="prev"
-                @next-click="next" layout="slot, prev, pager, next" :page-size="1" :total="tagIds.length">
-                <span class="total-class">答案由{{ tagIds.length }}段内容生成</span>
-            </el-pagination>
-        </div>
+      <div class="change_scale" v-if="isPC">
+        <section @click="changeScale('reduce')">
+          <i class="el-icon-minus"></i>
+        </section>
+        <el-divider direction="vertical"></el-divider>
+        <section @click="changeScale('zoom')">
+          <i class="el-icon-plus"></i>
+        </section>
+        <el-select size="small" v-model="handScale" @change="changeScale" :placeholder="$t('dragonCommon.selectScale')">
+          <el-option v-for="item in scaleList" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+      </div>
+      <div class="pdf_container_view" id="pdf_container_view" @scroll="pdfScroll" ref="pdfView"></div>
+      <div class="btn_footer" v-if="tagIds.length > 1 && !isPC">
+        <div class="prev" @click="prev">{{ $t('dragonCommon.previous') }}</div>
+        <div class="next" @click="next">{{ $t('dragonCommon.next') }}</div>
+      </div>
+      <div id="pagination" v-if="tagIds.length > 1 && isPC">
+        <el-pagination
+          :current-page="currentPage + 1"
+          @current-change="currentChange"
+          @prev-click="prev"
+          @next-click="next"
+          layout="slot, prev, pager, next"
+          :page-size="1"
+          :total="tagIds.length"
+        >
+          <span class="total-class">{{ $t('dragonCommon.answersGeneratedByPre') }}{{tagIds.length}}{{ $t('dragonCommon.answersGeneratedByAfter') }}</span>
+        </el-pagination>
+      </div>
     </div>
 </template>
 <script>
@@ -97,37 +104,7 @@ export default {
             transformSalce: null,
             isPC: false,
             handScale: 'auto',
-            scaleList: [
-                {
-                    label: '自动缩放',
-                    value: 'auto'
-                },
-                {
-                    label: '实际比例',
-                    value: 'reality'
-                },
-                {
-                    label: '100%',
-                    value: 1
-                },
-                {
-                    label: '120%',
-                    value: 1.2
-                },
-                {
-                    label: '150%',
-                    value: 1.5
-                },
-                {
-                    label: '170%',
-                    value: 1.7
-                }
-                ,
-                {
-                    label: '200%',
-                    value: 2
-                }
-            ],
+            scaleList: [],
             scrollTop: 0,
             scrollLeft: 0
         }
@@ -554,7 +531,7 @@ export default {
                 this.currentPage = 0
                 if (!this.isPC) {
                     this.$toast({
-                        message: '当前已经是第一段了',
+                        message: this.$t('dragonCommon.firstParagraph'),
                         duration: 2000,
                     })
                     return
@@ -573,7 +550,7 @@ export default {
                 this.currentPage = this.tagIds.length - 1
                 if (!this.isPC) {
                     this.$toast({
-                        message: '当前已经是最后一段了',
+                        message: this.$t('dragonCommon.lastParagraph'),
                         duration: 2000,
                     })
                     return
@@ -818,15 +795,6 @@ export default {
             // Math.hypot()计算参数的平方根
             return Math.hypot(stop.x - start.x, stop.y - start.y);
         },
-        setupCanvas (canvas, width, height) {
-            const dpr = 1;
-            // const rect = canvas.getBoundingClientRect();
-            canvas.width = width
-            canvas.height = height
-            const ctx = canvas.getContext('2d');
-            ctx?.scale(dpr, dpr);
-            return ctx;
-        },
         changeScale (value) {
             if (value == 'zoom') {
                 this.handScale = 'auto'
@@ -1089,7 +1057,7 @@ export default {
                             }
                         } else {
                             let div = document.createElement('div')
-                            div.innerText = '文件加载异常'
+                            div.innerText = this.$t('dragonCommon.fileloadException')
                             this.contentView.appendChild(div)
                             this.$refs.pdfView.appendChild(this.contentView)
                         }
@@ -1101,6 +1069,38 @@ export default {
         }
     },
     mounted () {
+        this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+        this.scaleList = [
+            {
+                label: this.$t('dragonCommon.scaleAuto'),
+                value: 'auto'
+            },
+            {
+                label: this.$t('dragonCommon.scaleReality'),
+                value: 'reality'
+            },
+            {
+                label: '100%',
+                value: 1
+            },
+            {
+                label: '120%',
+                value: 1.2
+            },
+            {
+                label: '150%',
+                value: 1.5
+            },
+            {
+                label: '170%',
+                value: 1.7
+            }
+            ,
+            {
+                label: '200%',
+                value: 2
+            }
+        ]
         if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {
             this.isPC = false
         } else {

package/src/components/popup.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="popUp">
     <div class="topBtn">
-      <span class="cancel" @click="closeBtn">取消</span>
-      <span class="sure" @click="sure">确定</span>
+      <span class="cancel" @click="closeBtn">{{ $t('dragonCommon.cancel') }}</span>
+      <span class="sure" @click="sure">{{ $t('dragonCommon.confirm') }}</span>
     </div>
     <slot name="popup-header" class="popup-header"></slot>
     <div class="popup-content">
       <div
-          class="filter-item"
-          v-for="(item,index) in options"
-          :key="index"
-          @click="checked(item,index)"
+        class="filter-item"
+        v-for="(item, index) in options"
+        :key="index"
+        @click="checked(item, index)"
       >
-        <div :class="[checkIdList.includes(item[props.value]) && 'setColor', 'label']">{{item[props.label]}}</div>
+        <div :class="[checkIdList.includes(item[props.value]) && 'setColor', 'label']">{{ item[props.label] }}</div>
       </div>
     </div>
     <div class="popup-footer">
@@ -164,6 +164,7 @@ export default {
     },
   },
   mounted() {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
     console.debug('options',this.options)
 
   }

package/src/components/preview/docView.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="docView">
+    <div class="docHtml"
+         ref="docHtml"
+         v-html="html"
+         @click="selectDiv"
+    >
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "docView",
+  data(){
+    return{
+      colors: ['#E3EBFF', '#FFF5DC', '#FFE8D8','#D6F3EA','#FFF1C3'],
+      html:"",
+    }
+  },
+  props:{
+    html_result:{
+      type:String,
+      default:""
+    },
+    split_paragraphs:{
+      type:Array,
+      default(){
+        return []
+      }
+    },
+    fileSuffix:{
+      type:String,
+      default:""
+    }
+  },
+  methods:{
+    selectDiv(e){
+      this.$emit('selectDiv',e)
+    },
+    getHtml(){
+      // let url = 'https://guoranwisdom.oss-cn-zhangjiakou.aliyuncs.com/123/2024/12/09/14/18/17/123/%E5%85%AC%E5%8F%B8%E5%91%98%E5%B7%A5%E6%89%8B%E5%86%8C_1733725097.html'
+      let url = this.html_result
+      this.$http.get(url).then(res => {
+        this.html = res.data;
+        let drawer = document.getElementById('drawer_content_pre')
+        if (drawer){
+          drawer.style.backgroundImage = 'none';
+          drawer.style.overflowX = 'hidden'
+        }
+        this.$nextTick(() => {
+          this.setColor()
+        })
+      })
+    },
+    setColor(){
+      this.split_paragraphs.forEach((item,index) => {
+        const colorIndex = index % this.colors.length;
+        if (item.original_paragraph){
+          item.original_paragraph.forEach(items => {
+            let dom = document.getElementById(items.paragraph_id);
+            if (this.fileSuffix === 'TXT'){
+              const paragraphs = this.$el.querySelectorAll(`[paragraph-id="${items.paragraph_id}"]`);
+              paragraphs.forEach(paragraph => {
+                paragraph.style.background = this.colors[colorIndex]
+              })
+            } else if (dom){
+              dom.style.background = this.colors[colorIndex];
+            }
+          })
+          let newOriginal = item.original_paragraph.filter(items => !items.type)
+          let dom = document.getElementById(newOriginal[newOriginal.length - 1].paragraph_id);
+          if (dom){
+            dom.style.marginBottom = '8px';
+          }
+        }
+        if (item.tableId){
+          let dom = document.getElementById(item.tableId);
+          if (dom){
+            dom.style.backgroundColor = this.colors[colorIndex]
+          }
+        }
+      })
+      setTimeout(() => {
+        this.$parent.scrollToParagraph('first')
+      },500)
+    },
+  },
+  watch:{
+    html_result:{
+      handler(){
+        if (this.html_result){
+          this.getHtml();
+        }
+      },
+      immediate:true
+    }
+  }
+};
+</script>
+
+<style scoped lang="less">
+.docView{
+  width: 100%;
+  flex: none;
+  box-sizing: border-box;
+  div{
+    position: relative;
+  }
+  /deep/img{
+    max-width: 100%;
+  }
+}
+</style>