@tongfun/tf-widget 0.1.27 → 0.1.30

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

@@ -1,126 +0,0 @@
-<template>
-  <div>
-    <!-- 输入控件 -->
-    <el-autocomplete
-      ref="group"
-      v-model="showValue"
-      placeholder=""
-      :fetch-suggestions="getAdvice"
-      :disabled="disabled"
-      :trigger-on-focus="false"
-      @select="handleSelect"
-      @blur="handleBlur"
-      @keydown.delete.native="handleDeleteKeyDown"
-    >
-      <i slot="suffix" class="el-icon-search" style="cursor: pointer" @click="showDialog" />
-      <template slot-scope="{item}">
-        <div>{{ item.name }}</div>
-      </template>
-    </el-autocomplete>
-
-    <!-- 弹窗数据选择器 -->
-    <GroupDialog
-      ref="groupDialog"
-      :value="value"
-      :data="options"
-      :visible.sync="dialogVisible"
-      @confirm="handleConfig"
-      @success="handleSuccess"
-    />
-  </div>
-</template>
-
-<script>
-import { getGroupTree } from '@/api/tableV3.js'
-import GroupDialog from './group-components/group-dialog'
-// 使用该组件必穿一个target
-
-export default {
-  name: 'Group',
-  components: {
-    GroupDialog
-  },
-  props: {
-    value: {
-      type: Object,
-      default: null
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  inject: ['target'],
-  data () {
-    return {
-      options: [],
-      dialogVisible: false,
-      groupList: []
-    }
-  },
-  computed: {
-    showValue: {
-      get: function () {
-        return this.value ? this.value.name : ''
-      },
-      set: function (newVal) {
-        this.$emit('input', { id: '', name: newVal })
-      }
-    }
-  },
-  mounted () {
-    this.getGroupTree()
-  },
-  methods: {
-    // 获取分组数据
-    async getGroupTree () {
-      const res = await getGroupTree(this.target)
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-      this.groupList = []
-      this.options = [res.data]
-      this.groupList = Object.values(this.$refs.groupDialog.createSelectMap(this.options))
-      if (this.dialogVisible) {
-        this.$refs.groupDialog.updateGroupStatus()
-      }
-    },
-    handleSelect (val) {
-      this.$emit('input', { id: val.id, name: val.name })
-      // this.$emit('input', val[val.length - 1])
-    },
-    // 点击删除时进行的操作
-    handleDeleteKeyDown () {
-      this.$emit('input', { id: '', name: '' })
-    },
-    // 获取搜索建议
-    getAdvice (str, cb) {
-      if (str) {
-        cb(this.groupList.filter(e => e.name.includes(str)))
-      }
-    },
-    // 展示dialog
-    showDialog () {
-      this.dialogVisible = true
-    },
-    handleBlur () {
-      if (!this.value.id) {
-        this.$emit('input', { id: '', name: '' })
-      }
-    },
-    handleConfig (val) {
-      this.$emit('input', val)
-    },
-    handleSuccess () {
-      this.getGroupTree()
-    }
-
-  }
-}
-</script>
-<style lang="less" scoped>
-  /deep/.el-scrollbar__wrap{
-    overflow-x: hidden!important;
-  }
-
-</style>

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

@@ -1,67 +0,0 @@
-<template>
-  <el-input
-    ref="input"
-    :value="value"
-    :type="inputType"
-    :disabled="disabled"
-    :rows="rows"
-    :placeholder="placeholder"
-    @input="handleInput"
-  />
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    }
-  },
-  inject: ['rows', 'placeholder', 'text', 'entity'],
-  data () {
-    return {
-
-    }
-  },
-  computed: {
-    inputType () {
-      if (this.text) {
-        return 'textarea'
-      }
-      return 'text'
-    }
-  },
-  created () {
-    // 对象还不存在这个属性,创建属性，如果有属性，但是值是null不进行任何操作
-    if (!this.value) {
-      this.handleInput(null)
-    }
-  },
-  methods: {
-    handleInput (value) {
-      this.$emit('input', value)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.el-textarea{
-  ::v-deep .el-textarea__inner{
-    border:0;
-    border-bottom: 1px solid #dcdcdc;
-    border-radius: 0;
-  }
-}
-</style>

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

@@ -1,71 +0,0 @@
-<template>
-  <el-input-number
-    ref="number"
-    :disabled="disabled"
-    :controls="false"
-    :placeholder="placeholder"
-    :precision="percision"
-    :min="0"
-    :value="value"
-    @input="handleInput"
-  />
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: Number,
-      default: undefined
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    defaultValue: {
-      type: Number,
-      default: null
-    }
-  },
-  inject: ['percision', 'placeholder', 'entity'],
-  data () {
-    return {
-
-    }
-  },
-  created () {
-    if (!this.value) {
-      const initValue = this.defaultValue || null
-      this.handleInput(initValue)
-    }
-  },
-  methods: {
-    handleInput (value) {
-      this.$emit('input', value)
-    }
-  }
-}
-</script>
-
-<style scoped lang='less'>
- .el-input-number {
-   width:100%;
-
-    ::v-deep .el-input{
-    height: 100%;
-    //margin-top: -0.55vh;
-  }
-  ::v-deep .el-input-number{
-    width: 100%;
-  }
-  ::v-deep .el-input__inner{
-    width: 100%;
-    border: none;
-    border-bottom: 1px solid #DCDCDC;
-    border-radius: 0;
-    text-align: left;
-  }
- }
-</style>

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

@@ -1,86 +0,0 @@
-<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 {
-  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 +0,0 @@
-<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 +0,0 @@
-import Tinput from './index.vue'
-
-Tinput.install = function (Vue) {
-  Vue.component(Tinput.name, Tinput)
-}
-
-export default Tinput