askbot-dragon 1.7.44-beta → 1.7.48-beta

package/src/components/pagination.vue

@@ -1,129 +0,0 @@
-<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/preview/docView.vue

@@ -1,107 +0,0 @@
-<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;
-        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]
-          }
-        }
-      })
-      this.$parent.scrollToParagraph('first')
-    },
-  },
-  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>

package/src/components/preview/excelView.vue

@@ -1,177 +0,0 @@
-<template>
-  <div class="excelView">
-    <table border="1" v-if="false">
-      <thead>
-      <tr>
-        <th v-for="(person2,index2) in headerArray" :key="index2">{{person2}}</th>
-      </tr>
-      </thead>
-      <tbody>
-      <tr v-for="(person, index) in rowDataList" :key="index" :id="person.id">
-        <td v-for="(person2,index2) in headerArray" :key="index2">
-          {{person[person2]}}
-        </td>
-      </tr>
-      </tbody>
-    </table>
-    <el-table
-        :data="pagedData"
-        border
-        ref="table"
-        :row-key="getRowKey"
-        :row-class-name="tableRowClassName"
-        height="100%"
-        style="width: 100%">
-      <template v-for="(item,index) in headerArray">
-        <el-table-column
-            :label="item"
-            :key="index"
-            min-width="100">
-          <template slot-scope="scope">
-            {{scope.row[item]}}
-          </template>
-        </el-table-column>
-      </template>
-    </el-table>
-    <pagination-page :pageSize="pageSize" :currentPage="currentPage" :total="rowDataList.length" @currentChange="handleCurrentChange"></pagination-page>
-  </div>
-</template>
-
-<script>
-
-import PaginationPage from "../pagination";
-export default {
-  name: "excelView",
-  components: { PaginationPage },
-  data(){
-    return{
-      rowData:[
-        {
-          "row_id": "659164be-19bd-4fd7-a47d-b04c3dbbfa6f",
-          "row_data_md": "| 王明宇 | 27 | 189 |",
-          "row_number": 2,
-          "table_html": "<table border='1' style='border-collapse:collapse;'><thead><tr><th>姓名1</th><th>年龄</th><th>身高</th></tr></thead><tbody><tr><td>王明宇</td><td>27</td><td>189</td></tr></tbody></table>"
-        },
-        {
-          "row_id": "fac98d6a-2580-4f62-8f50-61521debeeef",
-          "row_data_md": "| 老王 | 38 | 178 |",
-          "row_number": 3,
-          "table_html": "<table border='1' style='border-collapse:collapse;'><thead><tr><th>姓名1</th><th>年龄</th><th>身高</th></tr></thead><tbody><tr><td>老王</td><td>38</td><td>178</td></tr></tbody></table>"
-        },
-      ],
-      rowDataList:[],
-      headerArray:[],
-      currentPage:1,
-      pageSize:20,
-      colors: ['#E3EBFF', '#FFF5DC', '#FFE8D8','#D6F3EA','#FFF1C3'],
-    }
-  },
-  props:{
-    headerData:{
-      type:String,
-      default:""
-    },
-    excelRowList:{
-      type:Array,
-      default(){
-        return []
-      }
-    },
-    tableChunkData:{
-      type:Array,
-      default(){
-        return [{
-          "sheet_name": null,
-          "table_md": null,
-          "tableChunkText": "| 序号 | 电子色片 | 旧色号 | 颜色名称 | R68-Y32 17w77b06c L32-1 | 新 | 色卡页码 | -ICN色号 | R | G | B | C | M | Y | | 154 | 22 | B99-G01 81w11b08c L88-4 | OW060-4 |  | 雪蓝 | 蓝色系 | 210 | 218 | 223 | 5.5761039841401502E-2 | 2.08606534553369E-2 | 0 | 0.12603452469972801 |",
-          "tableChunkId": "5e80ff30-ea7e-4c47-878b-59d9b1c833ce",
-          "tableId": null
-        }]
-      }
-    }
-  },
-  computed:{
-    pagedData() {
-      const start = (this.currentPage - 1) * this.pageSize;
-      const end = start + this.pageSize;
-      return this.rowDataList.slice(start, end);
-    }
-  },
-  methods:{
-    tableRowData(){
-      const headerString = this.headerData.trim().replace(/^\||\|$/g, '');
-
-      // 使用竖线作为分隔符来分割字符串
-      const headerArray = headerString.split('|').map(item => item.trim());
-      this.headerArray = headerArray
-      for (let i =0;i<this.excelRowList.length;i++){
-        // 去除字符串两端的竖线（如果它们存在的话）
-        const trimmedString = this.excelRowList[i].row_data_md.trim().replace(/^\||\|$/g, '');
-
-        // 使用竖线作为分隔符来分割字符串
-        const resultArray = trimmedString.split('|').map(item => item.trim());
-        let obj = {}
-        for (let j=0;j<headerArray.length;j++){
-          this.$set(obj,headerArray[j],resultArray[j])
-          this.$set(obj,'id',this.excelRowList[i].row_id)
-        }
-        this.rowDataList.push(obj);
-      }
-      this.$nextTick(() => {
-        this.setRowColor();
-      })
-    },
-    getRowKey(row){
-      return row.id
-    },
-    setRowColor(){
-      this.tableChunkData.forEach((item,index) => {
-        const colorIndex = index % this.colors.length;
-        let id = item.tableChunkId;
-        let dom = document.getElementsByClassName('setBgClass' + id);
-        console.log('dom',dom)
-        if (dom && dom.length > 0){
-          dom.forEach(doms => {
-            doms.style.backgroundColor = this.colors[colorIndex];
-          })
-        }
-      })
-      if (this.tableChunkData.length > 0){
-        this.scrollToRow(this.tableChunkData[0].tableChunkId)
-      }
-    },
-    tableRowClassName({ row }){
-      let id = this.tableChunkData.filter(item => item.tableChunkId == row.id);
-      if (id && id.length > 0){
-        return 'setBgClass' + id[0].tableChunkId
-      }
-    },
-    scrollToRow(rowId) {
-      this.$nextTick(() => {
-        const row = this.rowDataList.find(row => row.id === rowId);
-        if (row) {
-          this.$refs.table.setCurrentRow(row);
-        }
-      });
-    },
-    handleCurrentChange(val){
-      this.currentPage = val;
-      this.$nextTick(() => {
-        this.setRowColor();
-      })
-    }
-  },
-  mounted() {
-    this.tableRowData();
-  }
-};
-</script>
-
-<style scoped lang="less">
-.excelView{
-  height: 100%;
-  /deep/.setBgClass{
-    background-color: #E3EBFF!important;
-  }
-}
-</style>