@tongfun/tf-widget 0.1.18 → 0.1.22

package/package/t-input/children/select.vue

@@ -1,89 +1,89 @@
-<template>
-  <el-select
-    :value="selectId"
-    filterable
-    clearable
-    :placeholder="placeholder"
-    :disabled="JSON.parse(disabled)"
-    style="display:block"
-    @input="handleInput"
-    @change="handleSelectChange"
-  >
-    <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
-  </el-select>
-</template>
-<script>
-import { getEnumOptions } from '@/api/edit.js'
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: Object,
-      default: null
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  inject: ['enumType', 'placeholder', 'defaultValue'],
-  data () {
-    return {
-      options: []
-    }
-  },
-  computed: {
-    selectId () {
-      if (this.value) {
-        return this.value.id
-      }
-      return ''
-    }
-  },
-  async created () {
-    const res = await getEnumOptions(this.enumType)
-    this.options = res.data
-    if (res.code !== 0) {
-      return this.$message.error(res.msg)
-    }
-    if (!this.value) {
-      const initValue = this.defaultValue || null
-      this.handleInput(initValue)
-    }
-  },
-  methods: {
-    handleInput (value) {
-      const name = this.getLabelByValue(value)
-      const id = value
-      this.$emit('input', { name, id })
-      // 下面是将来处理行关闭和整单关闭的预留
-      // if (this.field === 'is_closed') {
-      //   this.$emit('receiptClose', value)
-      // }
-      // if (this.field === 'line_closed') {
-      //   this.$emit('rowClose', value)
-      // }
-    },
-    // 选中的值发生了变化
-    handleSelectChange (newValue) {
-      this.$emit('change', newValue)
-    },
-    getLabelByValue (newValue) {
-      const option = this.options.find(item => item.id === newValue)
-      return option ? option.name : null
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
- .el-select{
-  ::v-deep .el-input__inner{
-    border: 0;
-    border-bottom: 1px solid #dcdcdc;
-    border-radius: 0;
-  }
-}
-</style>
+<template>
+  <el-select
+    :value="selectId"
+    filterable
+    clearable
+    :placeholder="placeholder"
+    :disabled="JSON.parse(disabled)"
+    style="display:block"
+    @input="handleInput"
+    @change="handleSelectChange"
+  >
+    <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
+  </el-select>
+</template>
+<script>
+import { getEnumOptions } from '@/api/edit.js'
+export default {
+  components: {
+
+  },
+  props: {
+    value: {
+      type: Object,
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  inject: ['enumType', 'placeholder', 'defaultValue'],
+  data () {
+    return {
+      options: []
+    }
+  },
+  computed: {
+    selectId () {
+      if (this.value) {
+        return this.value.id
+      }
+      return ''
+    }
+  },
+  async created () {
+    const res = await getEnumOptions(this.enumType)
+    this.options = res.data
+    if (res.code !== 0) {
+      return this.$message.error(res.msg)
+    }
+    if (!this.value) {
+      const initValue = this.defaultValue || null
+      this.handleInput(initValue)
+    }
+  },
+  methods: {
+    handleInput (value) {
+      const name = this.getLabelByValue(value)
+      const id = value
+      this.$emit('input', { name, id })
+      // 下面是将来处理行关闭和整单关闭的预留
+      // if (this.field === 'is_closed') {
+      //   this.$emit('receiptClose', value)
+      // }
+      // if (this.field === 'line_closed') {
+      //   this.$emit('rowClose', value)
+      // }
+    },
+    // 选中的值发生了变化
+    handleSelectChange (newValue) {
+      this.$emit('change', newValue)
+    },
+    getLabelByValue (newValue) {
+      const option = this.options.find(item => item.id === newValue)
+      return option ? option.name : null
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+ .el-select{
+  ::v-deep .el-input__inner{
+    border: 0;
+    border-bottom: 1px solid #dcdcdc;
+    border-radius: 0;
+  }
+}
+</style>

package/package/t-input/children/tfile/fiile-enclosure.vue

@@ -1,233 +1,233 @@
-<template>
-  <div class="enclosure">
-    <div class="enclosure-box">
-      <dl v-for="(item,index) in fileList" :key="index" class="enclosure-item">
-        <dt>
-          <div v-if="item.suffix === 'png' || item.suffix === 'jpg' || item.suffix === 'jpeg'">
-            <img src="./file-img/img.png">
-          </div>
-          <div v-else-if="item.suffix === 'pdf' ">
-            <img src="./file-img/pdf.png">
-          </div>
-          <div v-else-if="item.suffix === 'xlx' || item.suffix === 'xlsx'">
-            <img src="./file-img/excel.png">
-          </div>
-          <div v-else-if="item.suffix === 'doc' || item.suffix === 'docx'">
-            <img src="./file-img/word.png">
-          </div>
-          <div v-else-if="item.suffix === 'zip' || item.suffix === 'rar'">
-            <img src="./file-img/comp.png">
-          </div>
-          <p>{{ item.size }}Mb</p>
-        </dt>
-        <dd>
-          <el-tooltip :content="item.title" placement="top">
-            <p class="dd-title">{{ item.title }}</p>
-          </el-tooltip>
-          <div class="item-dd">
-            <p @click="downloadList(item)">下载</p>
-            <span>|</span>
-            <p @click="delEnclosureList(item)">删除</p>
-          </div>
-        </dd>
-      </dl>
-    </div>
-    <div class="enclosure-fot">
-      <el-upload
-        class="upload-demo"
-        action=""
-        :show-file-list="false"
-        multiple
-        :auto-upload="false"
-        :file-list="fileList"
-        :on-change="onChange"
-      >
-        <el-button size="mini" type="primary">选择文件</el-button>
-        <p class="fot-text">文件可上传<span>附件</span>,<span>照片</span>和<span>PDF</span>形式</p>
-      </el-upload>
-    </div>
-  </div>
-</template>
-
-<script>
-import { delAttachment, download } from '@/api/file-enclosure'
-export default {
-  props: {
-    value: { // 给后端的参数
-      type: Array,
-      default: () => []
-    },
-    fileList: { // 前端的附件列表
-      type: Array,
-      default: () => []
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  mounted () {},
-  methods: {
-    onChange (file, fileList) {
-      file.suffix = file.name.split('.')[1]
-      file.title = file.name.split('.')[0]
-      file.size = (file.size / 1024 / 1024).toFixed(2)
-      this.fileList.push(file)
-    },
-    /**
-     * 删除附件
-     */
-    delEnclosureList (item) {
-      if (this.value.length > 0) {
-        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          const index = this.fileList.findIndex(ele => { return ele === item })
-          this.fileList.splice(index, 1)
-
-          if (this.value.length > 0) {
-            delAttachment(item.id).then((res) => {
-              if (res.code === 0) {
-                this.value.splice(index, 1)
-                this.$emit('input', this.value)
-              }
-            })
-          }
-        }).catch(() => {
-          this.$message({
-            type: 'info',
-            message: '已取消删除'
-          })
-        })
-        return
-      }
-      const index = this.fileList.findIndex(ele => { return ele === item })
-      this.fileList.splice(index, 1)
-    },
-    /**
-     * 下载附件
-     */
-    async downloadList (item) {
-      const findItem = this.value.find(ele => ele.id === item.id)
-      // const a = document.createElement('a')
-      // a.download = findItem.submittedFileName
-      // a.href = findItem.url
-      // a.click()
-      const res = await download(item.id)
-      const blob = new Blob([res])
-      if ('download' in document.createElement('a')) {
-        const link = document.createElement('a') // 创建a标签
-        link.download = findItem.submittedFileName // a标签添加属性
-        link.style.display = 'none'
-        link.href = URL.createObjectURL(blob)
-        document.body.appendChild(link)
-        link.click() // 执行下载
-        URL.revokeObjectURL(link.href) // 释放url
-        document.body.removeChild(link) // 释放标签
-      } else {
-        // IE10+下载
-        navigator.msSaveBlob(blob)
-      }
-    }
-  }
-}
-
-</script>
-<style lang='less' scoped>
-p{
-  margin: 0;
-  padding: 0;
-  height: 2vh;
-}
-.enclosure{
-  width: 30vw;
-  height: 28vh;
-  background: #ffffff;
-  border: 1px dashed #dcdcdc;
-  padding: 0vh 2vw 0.5vh;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  .enclosure-box{
-    flex: 1;
-    // margin-bottom: 0.5vh;
-    display: flex;
-    overflow-x: auto;
-    .enclosure-item{
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      margin-left: 5vw;
-      >dt{
-        >div{
-          width: 3vw;
-          height: 7vh;
-          >img{
-            width: 100%;
-            height: 100%;
-            display: block;
-          }
-        }
-        >p{
-          width: 100%;
-          text-align: center;
-          color: #9CA2A7;
-        }
-      }
-      >dd{
-        width: 4vw;
-        margin: 0;
-        .item-dd{
-          width: 100%;
-          height: 3vh;
-          display: flex;
-          color: #0C4C8E;
-          cursor: pointer;
-          justify-content: space-around;
-          font-family: Source Han Sans SC, Source Han Sans SC-Regular;
-        }
-        .dd-title{
-          height: 3vh;
-          display: -webkit-box;
-          -webkit-box-orient: vertical;
-          -webkit-line-clamp: 2;
-          overflow: hidden;
-          cursor: default;
-          }
-        }
-      p{
-        text-align: center;
-        margin: 0;
-      }
-    }:nth-child(1) {
-      margin: 0;
-    }
-  }
-  .enclosure-box::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-  }
-  .enclosure-box::-webkit-scrollbar-thumb {
-    background-color: #eee;
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius: 2em;
-  }
-  .enclosure-fot{
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    .fot-text{
-      width: 100%;
-      font-size: 1.4vh;
-      color: #666666;
-      >span{
-        color: #0C4C8E;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="enclosure">
+    <div class="enclosure-box">
+      <dl v-for="(item,index) in fileList" :key="index" class="enclosure-item">
+        <dt>
+          <div v-if="item.suffix === 'png' || item.suffix === 'jpg' || item.suffix === 'jpeg'">
+            <img src="./file-img/img.png">
+          </div>
+          <div v-else-if="item.suffix === 'pdf' ">
+            <img src="./file-img/pdf.png">
+          </div>
+          <div v-else-if="item.suffix === 'xlx' || item.suffix === 'xlsx'">
+            <img src="./file-img/excel.png">
+          </div>
+          <div v-else-if="item.suffix === 'doc' || item.suffix === 'docx'">
+            <img src="./file-img/word.png">
+          </div>
+          <div v-else-if="item.suffix === 'zip' || item.suffix === 'rar'">
+            <img src="./file-img/comp.png">
+          </div>
+          <p>{{ item.size }}Mb</p>
+        </dt>
+        <dd>
+          <el-tooltip :content="item.title" placement="top">
+            <p class="dd-title">{{ item.title }}</p>
+          </el-tooltip>
+          <div class="item-dd">
+            <p @click="downloadList(item)">下载</p>
+            <span>|</span>
+            <p @click="delEnclosureList(item)">删除</p>
+          </div>
+        </dd>
+      </dl>
+    </div>
+    <div class="enclosure-fot">
+      <el-upload
+        class="upload-demo"
+        action=""
+        :show-file-list="false"
+        multiple
+        :auto-upload="false"
+        :file-list="fileList"
+        :on-change="onChange"
+      >
+        <el-button size="mini" type="primary">选择文件</el-button>
+        <p class="fot-text">文件可上传<span>附件</span>,<span>照片</span>和<span>PDF</span>形式</p>
+      </el-upload>
+    </div>
+  </div>
+</template>
+
+<script>
+import { delAttachment, download } from '@/api/file-enclosure'
+export default {
+  props: {
+    value: { // 给后端的参数
+      type: Array,
+      default: () => []
+    },
+    fileList: { // 前端的附件列表
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  mounted () {},
+  methods: {
+    onChange (file, fileList) {
+      file.suffix = file.name.split('.')[1]
+      file.title = file.name.split('.')[0]
+      file.size = (file.size / 1024 / 1024).toFixed(2)
+      this.fileList.push(file)
+    },
+    /**
+     * 删除附件
+     */
+    delEnclosureList (item) {
+      if (this.value.length > 0) {
+        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          const index = this.fileList.findIndex(ele => { return ele === item })
+          this.fileList.splice(index, 1)
+
+          if (this.value.length > 0) {
+            delAttachment(item.id).then((res) => {
+              if (res.code === 0) {
+                this.value.splice(index, 1)
+                this.$emit('input', this.value)
+              }
+            })
+          }
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
+        return
+      }
+      const index = this.fileList.findIndex(ele => { return ele === item })
+      this.fileList.splice(index, 1)
+    },
+    /**
+     * 下载附件
+     */
+    async downloadList (item) {
+      const findItem = this.value.find(ele => ele.id === item.id)
+      // const a = document.createElement('a')
+      // a.download = findItem.submittedFileName
+      // a.href = findItem.url
+      // a.click()
+      const res = await download(item.id)
+      const blob = new Blob([res])
+      if ('download' in document.createElement('a')) {
+        const link = document.createElement('a') // 创建a标签
+        link.download = findItem.submittedFileName // a标签添加属性
+        link.style.display = 'none'
+        link.href = URL.createObjectURL(blob)
+        document.body.appendChild(link)
+        link.click() // 执行下载
+        URL.revokeObjectURL(link.href) // 释放url
+        document.body.removeChild(link) // 释放标签
+      } else {
+        // IE10+下载
+        navigator.msSaveBlob(blob)
+      }
+    }
+  }
+}
+
+</script>
+<style lang='less' scoped>
+p{
+  margin: 0;
+  padding: 0;
+  height: 2vh;
+}
+.enclosure{
+  width: 30vw;
+  height: 28vh;
+  background: #ffffff;
+  border: 1px dashed #dcdcdc;
+  padding: 0vh 2vw 0.5vh;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  .enclosure-box{
+    flex: 1;
+    // margin-bottom: 0.5vh;
+    display: flex;
+    overflow-x: auto;
+    .enclosure-item{
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      margin-left: 5vw;
+      >dt{
+        >div{
+          width: 3vw;
+          height: 7vh;
+          >img{
+            width: 100%;
+            height: 100%;
+            display: block;
+          }
+        }
+        >p{
+          width: 100%;
+          text-align: center;
+          color: #9CA2A7;
+        }
+      }
+      >dd{
+        width: 4vw;
+        margin: 0;
+        .item-dd{
+          width: 100%;
+          height: 3vh;
+          display: flex;
+          color: #0C4C8E;
+          cursor: pointer;
+          justify-content: space-around;
+          font-family: Source Han Sans SC, Source Han Sans SC-Regular;
+        }
+        .dd-title{
+          height: 3vh;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+          overflow: hidden;
+          cursor: default;
+          }
+        }
+      p{
+        text-align: center;
+        margin: 0;
+      }
+    }:nth-child(1) {
+      margin: 0;
+    }
+  }
+  .enclosure-box::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+  }
+  .enclosure-box::-webkit-scrollbar-thumb {
+    background-color: #eee;
+    -webkit-border-radius: 2em;
+    -moz-border-radius: 2em;
+    border-radius: 2em;
+  }
+  .enclosure-fot{
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    .fot-text{
+      width: 100%;
+      font-size: 1.4vh;
+      color: #666666;
+      >span{
+        color: #0C4C8E;
+      }
+    }
+  }
+}
+</style>

package/package/t-input/index.js

@@ -1,7 +1,7 @@
-import Tinput from './index.vue'
-
-Tinput.install = function (Vue) {
-  Vue.component(Tinput.name, Tinput)
-}
-
-export default Tinput
+import Tinput from './index.vue'
+
+Tinput.install = function (Vue) {
+  Vue.component(Tinput.name, Tinput)
+}
+
+export default Tinput