@toolspack/ttd-common 0.3.2 → 0.4.4

package/src/packages/make-label/config/label_config.js

@@ -1,90 +0,0 @@
-/**
- * 标签类型 http://192.168.88.120:200/index.php?s=/25&page_id=721
- *  定义 自然人签名标签： 110
- */
-// shape:    1: 长方形样式；；2: 圆形   3选项标签  4 正方形
-export const labelConfig = [
-  {
-    type: 1,
-    name: '文本标签',
-    shape: 1,
-  },
-  {
-    type: 2,
-    name: '选项',
-    shape: 1,
-  }, {
-    type: 3,
-    name: '多选',
-    shape: 1,
-  }, {
-    type: 5,
-    name: '自然人投资者签名',
-    shape: 1,
-  }, {
-    type: 21,
-    name: '机构经办人签名',
-    shape: 1,
-  }, {
-    type: 11,
-    name: '管理人签章',
-    shape: 2,
-  }, {
-    type: 19,
-    name: '理财师签名',
-    shape: 1,
-  }, {
-    type: 15,
-    name: '托管人签章',
-    shape: 2,
-  }, {
-    type: 7,
-    name: '投资机构签章',
-    shape: 2,
-  }, {
-    type: 23,
-    name: '管理人法人签章',
-    shape: 2,
-  }, {
-    type: 25,
-    name: '托管人法人签章',
-    shape: 2,
-  }, {
-    type: 27,
-    name: '管理人合同签章',
-    shape: 2,
-  }, {
-    name: '募集机构公章签章',
-    type: 29,
-    shape: 2,
-  }, {
-    name: '募集机构法人章签章',
-    type: 31,
-    shape: 2,
-  }, {
-    name: '募集机构业务或合同章',
-    type: 33,
-    shape: 2,
-  }, {
-    name: '募集机构理财师签名',
-    type: 35,
-    shape: 1,
-  }, {
-    name: '机构投资者法人章',
-    type: 37,
-    shape: 4,
-  }, {
-    name: '妥妥递公章',
-    type: 97,
-    shape: 2,
-  }, {
-    name: '妥妥递法人章',
-    type: 98,
-    shape: 2,
-  }, {
-    name: '自定义标签',
-    type: 99,
-    shape: 2,
-  }]
-
-export default labelConfig

package/src/packages/make-label/config/label_size.js

@@ -1,32 +0,0 @@
-// shape:    1: 长方形样式；2: 圆形   3选项标签  4 正方形
-function getShapSize(shape) {
-  switch (shape) {
-    case 1: // 切换到签名标签样式
-      return {
-        width: '120px',
-        height: '35px',
-      }
-    case 2: // 切换到签章标签样式，因签章为圆形，所以单独使用shapeStyle方法来设置border-radius为70px（见下方）
-      return {
-        width: '140px',
-        height: '140px',
-      }
-    case 3: // 切换到选项组标签样式
-      return {
-        width: '30px',
-        height: '30px',
-      }
-    case 4: // 切换到选项组标签样式
-      return {
-        width: '100px',
-        height: '100px',
-      }
-    default: // 切换到文本标签样式
-      return {
-        width: '200px',
-        height: '35px',
-      }
-  }
-}
-
-export default getShapSize

package/src/packages/make-label/directive.js

@@ -1,23 +0,0 @@
-const directive = {
-  move: {
-    inserted(el, binding, vnode) {
-      el.onmousedown = function (e) {
-        binding.value(e, el)
-        // console.log('执行onmousedown', el.className)
-        e.stopPropagation();
-      }
-    },
-  },
-  size: {
-    inserted(el, binding, vnode) {
-      // 修改标签大小
-      el.onmousedown = function (e) {
-        binding.value(e, el)
-        // console.log('onmousedown', el.className)
-        e.stopPropagation();
-      }
-    },
-  },
-}
-
-export default directive

package/src/packages/make-label/labelProterty.vue

@@ -1,134 +0,0 @@
-<template>
-  <div>
-    <el-dialog
-      title="标签属性"
-      :modal="true"
-      :visible.sync="dialogVisible"
-      :close-on-click-modal="false"
-      append-to-body
-      width="480px"
-      custom-class="discard-flow-wrapper"
-      :before-close="beforeClose"
-      :close-on-press-escape="false"
-    >
-      <el-form ref="prodForm" :model="formData" size="small">
-        <el-form-item label="字体大小" prop="fontSize">
-          <el-select v-model="formData.fontSize">
-            <el-option label="自动" :value="0"></el-option>
-            <el-option label="12px" :value="12"></el-option>
-            <el-option label="14px" :value="14"></el-option>
-            <el-option label="16px" :value="16"></el-option>
-            <el-option label="18px" :value="18"></el-option>
-            <el-option label="32px" :value="32"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="对齐方式" prop="alignment">
-          <el-select v-model="formData.alignment">
-            <el-option label="居左" :value="0"></el-option>
-            <el-option label="居中" :value="1"></el-option>
-            <el-option label="居右" :value="2"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item class="remark-wrapper" label="是否换行" prop="isMultiline">
-          <el-select v-model="formData.isMultiline">
-            <el-option label="单行" :value="0"></el-option>
-            <el-option label="多行" :value="1"></el-option>
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="beforeClose">取消</el-button>
-        <el-button type="primary" @click="onSubmit">确认提交</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-
-export default {
-  props: {
-    role: {
-      type: String,
-      default: '',
-    },
-  },
-  data() {
-    return {
-      dialogVisible: false,
-      editItem: '',
-      productId: '',
-      labelNode: null,
-      formData: {
-        fontSize: 0,
-        alignment: '',
-        isMultiline: '',
-      },
-    }
-  },
-  methods: {
-    openDialog(labelData, index, element) {
-      this.dialogVisible = true
-      this.labelNode = {
-        labelData,
-        index, // 序号
-        element, // html元素
-      }
-      this.formData.fontSize = labelData.fontSize == null ? 0 : labelData.fontSize
-      // 不全等，可以判断null 和 undefined
-      this.formData.alignment = labelData.alignment == null ? 1 : labelData.alignment
-      this.formData.isMultiline = labelData.isMultiline == null ? 0 : labelData.isMultiline
-    },
-    beforeClose() {
-      this.dialogVisible = false
-    },
-    onSubmit() {
-      console.log('--', this.formData)
-      this.$emit('change', this.formData, this.labelNode)
-      this.dialogVisible = false
-    },
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.el-dialog {
-  border-radius: 5px;
-  background: #ffffff;
-  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
-  border-radius: 10px;
-  overflow: hidden;
-}
-.discard-flow {
-  margin-top: 25px;
-  border-top: 1px dashed #c9c9c9;
-  &__title {
-    margin-top: 13px;
-    font-size: 16px;
-    color: #c9c9c9;
-    line-height: 22px;
-    &.acitve {
-      color: #474d55;
-    }
-  }
-  &__list {
-    margin-top: 4px;
-    font-size: 13px;
-    color: #999999;
-    line-height: 20px;
-  }
-  .words {
-    margin-right: 30px;
-    color: #101010;
-    &:last-child {
-      margin: 0;
-    }
-  }
-}
-.remark-wrapper {
-  margin-top: 20px;
-  .remark {
-    height: 64px;
-  }
-}
-</style>

package/src/packages/pdf-view/PdfView.vue

@@ -1,273 +0,0 @@
-<template>
-  <div class="pdf-view" :style="style">
-    <div class="pdf-view-control" v-if="showPages">
-      <switch-page ref="switchPage" @page="onChangePage" :numPages="page_count"></switch-page>
-    </div>
-    <div
-      class="center pdf-view-area"
-      @drop="onDrop"
-      @dragover="onDragOver"
-      :style="{'border': border?'1px solid #666': ''}"
-      v-if="pdfurl"
-    >
-      <canvas class="canvasstyle" ref="canvas"></canvas>
-      <div class="label-area">
-        <slot></slot>
-      </div>
-    </div>
-    <div v-else class="pdf-view-empty">未找到资源，请联系管理员!</div>
-  </div>
-</template>
-<script>
-import SwitchPage from './SwitchPage.vue'
-
-const PDFJS = require('pdfjs-dist')
-
-PDFJS.GlobalWorkerOptions.workerSrc = 'https://wsp.totodi.com/jz/pdfjs/pdf.worker-2.2.228.js'
-// PDFJS.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.9.359/build/pdf.worker.min.js'
-// PDFJS.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.5.207/build/pdf.worker.min.js'
-
-export default {
-  name: 'pdf-view',
-  components: { SwitchPage },
-  props: {
-    pdfurl: {
-      default: '',
-    },
-    scale: {
-      type: Number,
-      default: 1.5,
-    },
-    showPages: {
-      type: [String, Number, Boolean],
-      default: true,
-    },
-    border: {
-      type: [String, Number, Boolean],
-      default: true,
-    },
-    marginAuto: {
-      type: [String, Number, Boolean],
-      default: false,
-    },
-    page: {
-      type: [String, Number],
-      default: 1,
-    },
-    showWidth: {
-      type: [String, Number],
-      default: 0,
-    },
-  },
-  data() {
-    return {
-      pdfDoc: null, // pdfjs 生成的对象
-      pageNum: 1, // 当前页数
-      pageRendering: false,
-      pageNumPending: null,
-      compuscale: 1.5, // 放大倍数
-      page_count: 0, // 总页数
-      maxscale: 1.5, // 最大放大倍数
-      minscale: 0.8, // 最小放大倍数
-      isready: false,
-      initPage: true, // 初始化页面
-      style: {
-        width: '860px', // 先给个默认值，当渲染后，后自动按实际值渲染，否则打标签那里，会显示异常
-        margin: this.marginAuto === '' || this.marginAuto ? '0 auto' : '0',
-      },
-    }
-  },
-  methods: {
-    renderPage(num) {
-      // 渲染pdf
-      const vm = this
-      this.pageRendering = true
-      // Using promise to fetch the page
-      this.pdfDoc.getPage(num).then((page) => {
-        let scaleNum = vm.compuscale
-        let viewport = ''
-        const viewboxWidth = this.showWidth
-        if (this.initPage && viewboxWidth) {
-          const desiredWidth = parseInt(viewboxWidth, 10) - 2
-          // 首先获得pdf 原本宽度，然后根据showWidth 计算缩放倍数
-          viewport = page.getViewport({ scale: 1.0 })
-          scaleNum = desiredWidth / viewport.width
-          this.initPage = false
-          this.compuscale = scaleNum
-          this.maxscale = scaleNum
-        }
-        // 重新渲染 缩放过的PDF
-        viewport = page.getViewport({ scale: scaleNum })
-
-        // 将 canvas 尺寸 传给父组件
-        this.$emit('size', viewport, num)
-
-        // Render PDF page into canvas context
-        vm.isready = true
-
-        const { canvas } = vm.$refs
-
-        this.style.width = `${viewport.width + 2}px`;
-        canvas.height = viewport.height
-        canvas.width = viewport.width
-
-        const renderContext = {
-          canvasContext: canvas.getContext('2d'),
-          viewport,
-        }
-        const renderTask = page.render(renderContext)
-
-        // Wait for rendering to finish
-        renderTask.promise.then(() => {
-          vm.pageRendering = false
-          if (vm.pageNumPending !== null) {
-            // New page rendering is pending
-            vm.renderPage(vm.pageNumPending)
-            vm.pageNumPending = null
-          }
-        })
-      })
-    },
-    prev() {
-      // 上一页
-      if (this.pageNum <= 1) {
-        return
-      }
-      this.pageNum--
-      this.queueRenderPage(this.pageNum)
-    },
-    next() {
-      // 下一页
-      if (this.pageNum >= this.page_count) {
-        return
-      }
-      this.pageNum++
-      this.queueRenderPage(this.pageNum)
-    },
-    onChangePage(page) {
-      // switch page  改变页码
-      this.queueRenderPage(page)
-    },
-    closepdf() {
-      // 关闭PDF
-      if (this.pdfDoc) {
-        this.pdfDoc.destroy();
-      }
-      this.pdfDoc = null
-      this.isready = false
-      this.compuscale = this.scale
-      this.$emit('closepdf')
-    },
-    queueRenderPage(num) {
-      if (this.pageRendering) {
-        this.pageNumPending = num
-      } else {
-        this.renderPage(num)
-      }
-    },
-    loadUrl(url) {
-      if (!PDFJS) {
-        return false
-      }
-
-      //  此处无法确定，到底是否使用encodeURI
-      // var reg = /[\u4e00-\u9fa5]+/
-      // if (reg.test(url)) {
-      //   url = encodeURI(url)
-      //   console.log('-----encodeURI------', url)
-      // }
-      console.log('----PdfView---', url)
-      PDFJS.getDocument({
-        url: encodeURI(url),
-        cMapUrl: 'https://unpkg.com/pdfjs-dist@2.2.228/cmaps/',
-        cMapPacked: true,
-      }).promise.then((pdfDoc_) => {
-        // 初始化pdf
-        if (this.pdfDoc) {
-          console.log('pdfDocument is ready  destroy,,')
-          this.pdfDoc.destroy();
-        }
-        this.pdfDoc = pdfDoc_
-        this.page_count = pdfDoc_.numPages
-        console.log('this.page_count 22.37', this.page_count)
-        this.$emit('numPages', pdfDoc_.numPages)
-        this.renderPage(this.pageNum)
-      })/* .catch((err) => {
-        console.log(err)
-      }) */
-    },
-    onDrop(event) {
-      this.$emit('drop', event)
-    },
-    onDragOver(event) {
-      // 默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对元素的默认处理方式。
-      // 这要通过调用 ondragover 事件的 event.preventDefault() 方法：
-      event.preventDefault()
-    },
-  },
-  mounted() {
-    this.compuscale = this.scale
-    this.initPage = true
-    if (this.pdfurl) {
-      this.loadUrl(this.pdfurl)
-    }
-  },
-  beforeDestroy() {
-    if (this.pdfDoc) {
-      this.pdfDoc.destroy();
-    }
-  },
-  watch: {
-    pdfurl(val) {
-      if (val) {
-        this.pageNum = 1
-        this.initPage = true
-        this.loadUrl(val)
-        if (this.pdfDoc) {
-          this.pdfDoc.destroy();
-        }
-      }
-      if (this.showPages) {
-        this.$refs.switchPage.setPage(1)
-      }
-    },
-    // 监听页码变化，渲染对应合同页
-    page(newPage, oldPage) {
-      this.queueRenderPage(newPage)
-    },
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.pdf-view {
-  height: 100%;
-  max-width: 100%;
-}
-.pdf-view-control {
-  text-align: center;
-  margin: 10px 0;
-}
-.pdf-view-area {
-  position: relative;
-  margin: 0 auto;
-  min-height: 700px;
-  .canvasstyle {
-    display: block;
-    margin: 0 auto;
-  }
-  .label-area {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    left: 0;
-  }
-}
-.pdf-view-empty {
-  text-align: center;
-  line-height: 150px;
-  font-size: 14px;
-  color: #999;
-}
-</style>

package/src/packages/pdf-view/SwitchPage.vue

@@ -1,78 +0,0 @@
-<template lang="html">
-  <div class="switch-page">
-    <el-button size="mini" @click="switchPage('prev')"><i class="el-icon-caret-left"></i></el-button>
-    <el-button size="mini" @click="switchPage('next')"><i class="el-icon-caret-right"></i></el-button>
-    <span style="margin-left: 10px;">{{page}}/{{numPages}}</span>
-    <span style="margin-left: 6px">
-      跳转至
-      <el-input v-model.number="itemPage" style="width: 50px;margin: 0 4px" size="mini" @keyup.native.enter="goPage"></el-input>
-      页
-      </span>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'switch-page',
-  props: {
-    numPages: {
-      type: [Number, String],
-    },
-  },
-  data() {
-    return {
-      page: 1,
-      itemPage: '',
-    }
-  },
-  watch: {
-    numPages() {
-      this.page = 1
-    },
-  },
-  methods: {
-    switchPage(str) {
-      if (str === 'prev') {
-        if (this.page === 1) {
-          return
-        }
-        this.page--
-      }
-      if (str === 'next') {
-        if (this.page === this.numPages) {
-          this.$message({ message: '当前已是最后一页', type: 'warning' })
-          return
-        }
-        this.page++
-      }
-      this.$emit('page', this.page)
-    },
-    setPage(page = 1) {
-      this.page = page
-    },
-    goPage() {
-      if (this.itemPage > 0) {
-        if (this.itemPage >= this.numPages) {
-          this.page = this.numPages
-          this.itemPage = this.page
-        } else {
-          this.page = this.itemPage
-        }
-        this.$emit('page', this.page)
-      }
-    },
-  },
-}
-</script>
-
-<style lang="css" scoped>
-.switch-page {
-  margin: 0;
-  padding: 0;
-  overflow: auto;
-}
-.switch-page button {
-  font-size: 16px;
-  padding: 6px !important;
-}
-</style>