askbot-dragon 1.7.65-beta → 1.7.67-beta

package/src/components/popup.vue

@@ -1,229 +1,229 @@
-<template>
-  <div class="popUp">
-    <div class="topBtn">
-      <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)"
-      >
-        <div :class="[checkIdList.includes(item[props.value]) && 'setColor', 'label']">{{ item[props.label] }}</div>
-      </div>
-    </div>
-    <div class="popup-footer">
-      <slot name="popup-footer"></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      checkOptions: [],
-      checkIdList:[],
-      visable:false
-    }
-  },
-  props: {
-    options: {
-      type: Array,
-      default:function() {
-        return []
-      }
-    },
-    defaultValue: {
-      type: Array,
-      default:function() {
-        return []
-      }
-    },
-    props: {
-      type: Object,
-      default(){
-        return{
-          label: 'label',
-          value: 'value'
-        }
-      }
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    checked(item) {
-      if(this.multiple) {
-        let count = this.checkIdList.findIndex(element => { return element == item[this.props.value] } )
-        if(count !== -1) {
-          this.checkIdList.splice(count,1)
-          this.checkOptions.splice(count,1)
-        } else {
-          this.checkIdList.push(item[this.props.value])
-          this.checkOptions.push(item)
-        }
-      } else {
-        this.checkIdList = []
-        this.checkOptions = []
-        this.checkIdList.push(item[this.props.value])
-        this.checkOptions.push(item)
-      }
-    },
-    sure() {
-      if(this.checkOptions.length == 0 && this.checkIdList == 0){
-        this.$emit('onConfim',false,false)
-        return
-      }
-      let option = JSON.parse(JSON.stringify(this.checkOptions))
-      let list = JSON.parse(JSON.stringify(this.checkIdList))
-      if(this.multiple) {
-        this.$emit('onConfim',option, list)
-      } else {
-        this.$emit('onConfim',option[0], list[0])
-      }
-    },
-    closeBtn(){
-      this.$emit('onclose')
-    }
-  },
-  watch: {
-    defaultValue: {
-      handler(value) {
-        console.log(value,'=====');
-        this.checkOptions = []
-        if(Array.isArray(this.defaultValue)) {
-          if (this.multiple){
-            let val = []
-            this.defaultValue.forEach(item=>{
-              item.forEach(items=>{
-                val.push(items)
-              })
-            })
-            this.checkIdList = [...val]
-          }
-          else {
-            this.checkIdList = [...this.defaultValue]
-          }
-
-          this.checkIdList.forEach(item =>{
-            if (Array.isArray(item)){
-              item.forEach(items=>{
-
-                this.options.forEach(res =>{
-                  console.debug('items',items,res[this.props.value])
-                  if(items == res[this.props.value]) {
-                    this.checkOptions.push(res)
-                  }
-                })
-              })
-            }
-            else {
-              this.options.forEach(res =>{
-                if(item == res[this.props.value]) {
-                  this.checkOptions.push(res)
-                }
-              })
-            }
-
-          })
-        }
-        console.debug('checkOptions',this.checkOptions)
-      },
-      deep: true,
-      immediate: true
-    },
-    visable(value) {
-      if(value) {
-        console.log(this.defaultValue,'=====');
-        this.checkOptions = []
-        if(Array.isArray(this.defaultValue)) {
-          this.checkIdList = [...this.defaultValue]
-          this.checkIdList.forEach(item =>{
-            this.options.forEach(res =>{
-              if(item == res[this.props.value]) {
-                this.checkOptions.push(res)
-              }
-            })
-          })
-        } 
-        // else {
-        //   this.checkIdList = this.defaultValue
-        //   let obj = this.options.find(item =>{ return item[this.props.value] == this.defaultValue[0] })
-        //   obj && this.checkOptions.push(obj)
-        // }
-      } else {
-        this.checkOptions = []
-        this.checkIdList = []
-      }
-    },
-  },
-  mounted() {
-    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
-    console.debug('options',this.options)
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.popup-content {
-  /*padding-top: 8px;*/
-  height: 240px;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  .filter-item {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 48px;
-    cursor: pointer;
-    .setColor {
-      color: #366aff;
-    }
-    .label {
-      display: block;
-      width: 80%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space:nowrap;
-      text-align: center;
-    }
-  }
-}
-.topBtn {
-    width: 100%;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    padding: 0 20px;
-    .cancel {
-      color: #606266;
-      cursor:pointer;
-    }
-    .sure {
-      color: #366aff;
-      cursor: pointer;
-    }
-  }
-.popup-footer {
-  position: absolute;
-  max-height: 50px;
-  bottom: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  color: #366aff;
-  background: #eff2f5;
-  /*border-radius: 28px;*/
-}
+<template>
+  <div class="popUp">
+    <div class="topBtn">
+      <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)"
+      >
+        <div :class="[checkIdList.includes(item[props.value]) && 'setColor', 'label']">{{ item[props.label] }}</div>
+      </div>
+    </div>
+    <div class="popup-footer">
+      <slot name="popup-footer"></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      checkOptions: [],
+      checkIdList:[],
+      visable:false
+    }
+  },
+  props: {
+    options: {
+      type: Array,
+      default:function() {
+        return []
+      }
+    },
+    defaultValue: {
+      type: Array,
+      default:function() {
+        return []
+      }
+    },
+    props: {
+      type: Object,
+      default(){
+        return{
+          label: 'label',
+          value: 'value'
+        }
+      }
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    checked(item) {
+      if(this.multiple) {
+        let count = this.checkIdList.findIndex(element => { return element == item[this.props.value] } )
+        if(count !== -1) {
+          this.checkIdList.splice(count,1)
+          this.checkOptions.splice(count,1)
+        } else {
+          this.checkIdList.push(item[this.props.value])
+          this.checkOptions.push(item)
+        }
+      } else {
+        this.checkIdList = []
+        this.checkOptions = []
+        this.checkIdList.push(item[this.props.value])
+        this.checkOptions.push(item)
+      }
+    },
+    sure() {
+      if(this.checkOptions.length == 0 && this.checkIdList == 0){
+        this.$emit('onConfim',false,false)
+        return
+      }
+      let option = JSON.parse(JSON.stringify(this.checkOptions))
+      let list = JSON.parse(JSON.stringify(this.checkIdList))
+      if(this.multiple) {
+        this.$emit('onConfim',option, list)
+      } else {
+        this.$emit('onConfim',option[0], list[0])
+      }
+    },
+    closeBtn(){
+      this.$emit('onclose')
+    }
+  },
+  watch: {
+    defaultValue: {
+      handler(value) {
+        console.log(value,'=====');
+        this.checkOptions = []
+        if(Array.isArray(this.defaultValue)) {
+          if (this.multiple){
+            let val = []
+            this.defaultValue.forEach(item=>{
+              item.forEach(items=>{
+                val.push(items)
+              })
+            })
+            this.checkIdList = [...val]
+          }
+          else {
+            this.checkIdList = [...this.defaultValue]
+          }
+
+          this.checkIdList.forEach(item =>{
+            if (Array.isArray(item)){
+              item.forEach(items=>{
+
+                this.options.forEach(res =>{
+                  console.debug('items',items,res[this.props.value])
+                  if(items == res[this.props.value]) {
+                    this.checkOptions.push(res)
+                  }
+                })
+              })
+            }
+            else {
+              this.options.forEach(res =>{
+                if(item == res[this.props.value]) {
+                  this.checkOptions.push(res)
+                }
+              })
+            }
+
+          })
+        }
+        console.debug('checkOptions',this.checkOptions)
+      },
+      deep: true,
+      immediate: true
+    },
+    visable(value) {
+      if(value) {
+        console.log(this.defaultValue,'=====');
+        this.checkOptions = []
+        if(Array.isArray(this.defaultValue)) {
+          this.checkIdList = [...this.defaultValue]
+          this.checkIdList.forEach(item =>{
+            this.options.forEach(res =>{
+              if(item == res[this.props.value]) {
+                this.checkOptions.push(res)
+              }
+            })
+          })
+        } 
+        // else {
+        //   this.checkIdList = this.defaultValue
+        //   let obj = this.options.find(item =>{ return item[this.props.value] == this.defaultValue[0] })
+        //   obj && this.checkOptions.push(obj)
+        // }
+      } else {
+        this.checkOptions = []
+        this.checkIdList = []
+      }
+    },
+  },
+  mounted() {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+    console.debug('options',this.options)
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.popup-content {
+  /*padding-top: 8px;*/
+  height: 240px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  .filter-item {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 48px;
+    cursor: pointer;
+    .setColor {
+      color: #366aff;
+    }
+    .label {
+      display: block;
+      width: 80%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space:nowrap;
+      text-align: center;
+    }
+  }
+}
+.topBtn {
+    width: 100%;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 0 20px;
+    .cancel {
+      color: #606266;
+      cursor:pointer;
+    }
+    .sure {
+      color: #366aff;
+      cursor: pointer;
+    }
+  }
+.popup-footer {
+  position: absolute;
+  max-height: 50px;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  color: #366aff;
+  background: #eff2f5;
+  /*border-radius: 28px;*/
+}
 </style>

package/src/components/preview/docView.vue

@@ -1,114 +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%;
-  }
-}
+<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>