@tongfun/tf-widget 0.1.21 → 0.1.22

package/package/t-input/index.vue

@@ -1,337 +1,337 @@
-<template>
-  <div>
-    <component
-      :is="typeRelations[type]"
-      v-if="entity || notForm"
-      class="common-input"
-      :value="value"
-      :target="target"
-      :show-field="showField"
-      v-bind="property"
-      :common-flag="commonFlag"
-      :append-to-body="false"
-      :modal-append-to-body="true"
-      @selected="handleSelected"
-      @handleSelected="handleSelected"
-      @input="handleInput"
-      @isDel="handleDel"
-      @change="handleChange"
-      @delete="$emit('delete')"
-      @suggestSelected="$emit('suggestSelected',$event)"
-    />
-
-    <el-form-item v-else :label-width="labelWidth" :prop="prop">
-      <template v-slot:label>
-        <el-tooltip effect="dark" :content="title" placement="top">
-          <span>{{ title }}</span>
-        </el-tooltip>
-      </template>
-      <component
-        :is="typeRelations[type]"
-        v-if="type !== 'basicCus'"
-        class="common-input"
-        :value="value"
-        :target="target"
-        :show-field="showField"
-        :common-flag="commonFlag"
-        :append-to-body="true"
-        :modal-append-to-body="false"
-        v-bind="property"
-        @isDel="handleDel"
-        @selected="handleSelected"
-        @handleSelected="handleSelected"
-        @input="handleInput"
-        @change="handleChange"
-        @delete="$emit('delete')"
-        @suggestSelected="$emit('suggestSelected',$event)"
-      />
-
-      <slot />
-    </el-form-item>
-  </div>
-</template>
-<script>
-import tinput from './children/input.vue'
-import tselect from './children/select.vue'
-import tdate from './children/date.vue'
-import tnumber from './children/number.vue'
-import tbasicDisplay from './children/basic-display'
-import tfile from './children/tfile/fiile-enclosure.vue'
-import tbasic from './children/basic.vue'
-import tGroup from './children/group.vue'
-import tAddress from './children/address.vue'
-import basicData from '../tf-widget/src/children/basic-data/basic-data.vue'
-import { getTableIdByTableName } from '@/api/edit.js'
-export default {
-  name: 'Tinput',
-  components: {
-    tinput, tnumber, tselect, tdate, tfile, tbasic, tbasicDisplay, basicData, tGroup, tAddress
-  },
-  props: {
-    // 双向绑定
-    value: {
-      type: [String, Number, Object, Array],
-      default: undefined
-    },
-    /**
-     * 控件类型
-     * input :  文本输入
-     * select： 下拉选择
-     * date     日期
-     * datetime 日期时间
-     * integer  整数
-     * decimal  小数
-     * text     文本域
-     * basicDisplay  基础资料展示字段，用于创建人等永远不能被填写的字段
-     * basicData     通用的基础资料
-     * basicCus      非通用的基础资料，
-     */
-    type: {
-      type: String,
-      default: 'input'
-    },
-    /**
-     * 控件属性
-     */
-    // el-form-item 属性
-    labelWidth: {
-      type: String,
-      default: '150px'
-    },
-    // el-form-item属性
-    title: {
-      type: String,
-      default: ''
-    },
-    // el form item属性，用来指定校验的属性的规则
-    prop: {
-      type: String,
-      default: ''
-    },
-    // 不在表单中使用这个控件，默认在表单中
-    notForm: {
-      type: Boolean,
-      default: false
-    },
-    // 在单据体中显示，当使用这个属性，默认开启not form
-    entity: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * 子组件的通用属性
-     */
-    // 默认值
-    defaultValue: {
-      type: String,
-      default: ''
-    },
-    // 关闭
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    // 提示
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    /**
-     * select枚举类型属性
-     */
-    // 下拉框属性，获取下拉的选项的参数
-    enumType: {
-      type: String,
-      default: ''
-    },
-
-    /**
-     * 数值类型属性
-     */
-    // 小数属性，保留的小数个数
-    percision: {
-      type: Number,
-      default: 2
-    },
-
-    /**
-     * 多行文本文本类型
-     */
-    // 文本域的行数
-    rows: {
-      type: Number,
-      default: 3
-    },
-
-    /**
-     * 基础资料类型属性
-     */
-    // 基础资料相关信息的网络请求地址,和基础资料相关的一个请求参数
-    target: {
-      type: String,
-      default: ''
-    },
-    // 基础资料的搜索限制条件，将会被解析成多个高级过滤条件，拼接到查询条件里面
-    // 格式如下：｛a:{name:'xx',id:'xx'}
-    limitation: {
-      type: Object,
-      default: () => {}
-    },
-    // 指定基础资料显示哪个属性作为展示的字段
-    // 没有值使用后端提供的配置，有值则覆盖后端的配置
-    displayField: {
-      type: String,
-      default: null
-    },
-    // todo:这两个属性功能已经重复，需要对接 // 基础资料需要展示的数据
-    showField: {
-      type: String,
-      default: ''
-    },
-    // 通用基础资料的表名
-    tableConfig: {
-      type: Object,
-      default: function () {
-        return {
-          enum: {},
-          name: ''
-        }
-      }
-    },
-    // 此标识用于写死的组件，将事件发射出去自己处理 ???????????
-    commonFlag: {
-      type: Boolean,
-      default: false
-    },
-    // 附件上传的文件列表
-    fileList: {
-      type: Array,
-      default: () => []
-    }
-
-  },
-  provide () {
-    return {
-      entity: this.entity,
-      target: this.target,
-      enumType: this.enumType,
-      placeholder: this.placeholder,
-      // 是否是日期时间控件
-      datetime: this.type === 'datetime',
-      // 小数的情况下，指定小数的精度
-      percision: this.type === 'decimal' ? this.percision : null,
-      // 是否是文本域控件
-      text: this.type === 'text',
-      // 文本域的行数
-      rows: this.type === 'text' ? this.rows : null,
-      defaultValue: this.defaultValue
-    }
-  },
-  data () {
-    return {
-      typeRelations: {
-        input: 'tinput',
-        text: 'tinput',
-        date: 'tdate',
-        datetime: 'tdate',
-        integer: 'tnumber',
-        decimal: 'tnumber',
-        select: 'tselect',
-        basicDisplay: 'tbasicDisplay',
-        basicData: 'basicData',
-        basic: 'tbasic',
-        file: 'tfile',
-        group: 'tGroup',
-        address: 'tAddress'
-      }
-    }
-  },
-  computed: {
-    // 部分属性加入到计算属性传递下去，不使用provide的属性是为了获取响应式支持
-    property () {
-      return {
-        disabled: this.disabled,
-        tableId: this.tableConfig.enum[this.tableConfig.name] || null,
-        fileList: this.fileList,
-        displayField: this.displayField,
-        limitation: this.limitation
-      }
-    }
-  },
-  created () {
-    if (this.type === 'basicData') {
-      this.getTableId()
-    }
-  },
-  methods: {
-    // 通知触发了删除事件
-    handleDel () {
-      this.$emit('isDel')
-    },
-    // 基础资料的方法
-    handleSelected (rows) {
-      this.$emit('selected', rows)
-    },
-    // 选中的值发生了变化，目前仅仅是为了 枚举/下拉类型使用
-    handleChange (newValue) {
-      this.$emit('change', newValue)
-    },
-    handleInput (value) {
-      this.$emit('input', value)
-    },
-    async getTableId () {
-      const conf = this.tableConfig
-      // 如果已经存在了tableId，则不进行获取
-      if (conf.enum[conf.name]) {
-        return
-      }
-      const res = await getTableIdByTableName(conf.name)
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-      conf.enum[conf.name] = res.data
-    }
-  }
-}
-</script>
-
-<style scoped lang='less'>
-  .common-input {
-    // 即便是disable,也不改变背景色
-    // 采用直接子元素的方式避免影响到分页的样式
-    ::v-deep >.el-input__inner {
-      background: #fff !important;
-      border:none;
-      border-bottom:1px solid #DCDCDC;
-      border-radius: 0;
-    }
-    ::v-deep>div{
-      >div{
-        >.el-input__inner{
-          background: #fff !important;
-          border:none;
-          border-bottom:1px solid #DCDCDC;
-          border-radius: 0;
-
-        }
-        >div{
-          >.el-input__inner{
-            background: #fff !important;
-            border:none;
-            border-bottom:1px solid #DCDCDC;
-            border-radius: 0;
-          }
-        }
-      }
-    }
-
-  }
-  .el-form-item{
-    ::v-deep .el-form-item__label{
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-    }
-  }
-
-</style>
+<template>
+  <div>
+    <component
+      :is="typeRelations[type]"
+      v-if="entity || notForm"
+      class="common-input"
+      :value="value"
+      :target="target"
+      :show-field="showField"
+      v-bind="property"
+      :common-flag="commonFlag"
+      :append-to-body="false"
+      :modal-append-to-body="true"
+      @selected="handleSelected"
+      @handleSelected="handleSelected"
+      @input="handleInput"
+      @isDel="handleDel"
+      @change="handleChange"
+      @delete="$emit('delete')"
+      @suggestSelected="$emit('suggestSelected',$event)"
+    />
+
+    <el-form-item v-else :label-width="labelWidth" :prop="prop">
+      <template v-slot:label>
+        <el-tooltip effect="dark" :content="title" placement="top">
+          <span>{{ title }}</span>
+        </el-tooltip>
+      </template>
+      <component
+        :is="typeRelations[type]"
+        v-if="type !== 'basicCus'"
+        class="common-input"
+        :value="value"
+        :target="target"
+        :show-field="showField"
+        :common-flag="commonFlag"
+        :append-to-body="true"
+        :modal-append-to-body="false"
+        v-bind="property"
+        @isDel="handleDel"
+        @selected="handleSelected"
+        @handleSelected="handleSelected"
+        @input="handleInput"
+        @change="handleChange"
+        @delete="$emit('delete')"
+        @suggestSelected="$emit('suggestSelected',$event)"
+      />
+
+      <slot />
+    </el-form-item>
+  </div>
+</template>
+<script>
+import tinput from './children/input.vue'
+import tselect from './children/select.vue'
+import tdate from './children/date.vue'
+import tnumber from './children/number.vue'
+import tbasicDisplay from './children/basic-display'
+import tfile from './children/tfile/fiile-enclosure.vue'
+import tbasic from './children/basic.vue'
+import tGroup from './children/group.vue'
+import tAddress from './children/address.vue'
+import basicData from '../tf-widget/src/children/basic-data/basic-data.vue'
+import { getTableIdByTableName } from '@/api/edit.js'
+export default {
+  name: 'Tinput',
+  components: {
+    tinput, tnumber, tselect, tdate, tfile, tbasic, tbasicDisplay, basicData, tGroup, tAddress
+  },
+  props: {
+    // 双向绑定
+    value: {
+      type: [String, Number, Object, Array],
+      default: undefined
+    },
+    /**
+     * 控件类型
+     * input :  文本输入
+     * select： 下拉选择
+     * date     日期
+     * datetime 日期时间
+     * integer  整数
+     * decimal  小数
+     * text     文本域
+     * basicDisplay  基础资料展示字段，用于创建人等永远不能被填写的字段
+     * basicData     通用的基础资料
+     * basicCus      非通用的基础资料，
+     */
+    type: {
+      type: String,
+      default: 'input'
+    },
+    /**
+     * 控件属性
+     */
+    // el-form-item 属性
+    labelWidth: {
+      type: String,
+      default: '150px'
+    },
+    // el-form-item属性
+    title: {
+      type: String,
+      default: ''
+    },
+    // el form item属性，用来指定校验的属性的规则
+    prop: {
+      type: String,
+      default: ''
+    },
+    // 不在表单中使用这个控件，默认在表单中
+    notForm: {
+      type: Boolean,
+      default: false
+    },
+    // 在单据体中显示，当使用这个属性，默认开启not form
+    entity: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 子组件的通用属性
+     */
+    // 默认值
+    defaultValue: {
+      type: String,
+      default: ''
+    },
+    // 关闭
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 提示
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    /**
+     * select枚举类型属性
+     */
+    // 下拉框属性，获取下拉的选项的参数
+    enumType: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * 数值类型属性
+     */
+    // 小数属性，保留的小数个数
+    percision: {
+      type: Number,
+      default: 2
+    },
+
+    /**
+     * 多行文本文本类型
+     */
+    // 文本域的行数
+    rows: {
+      type: Number,
+      default: 3
+    },
+
+    /**
+     * 基础资料类型属性
+     */
+    // 基础资料相关信息的网络请求地址,和基础资料相关的一个请求参数
+    target: {
+      type: String,
+      default: ''
+    },
+    // 基础资料的搜索限制条件，将会被解析成多个高级过滤条件，拼接到查询条件里面
+    // 格式如下：｛a:{name:'xx',id:'xx'}
+    limitation: {
+      type: Object,
+      default: () => {}
+    },
+    // 指定基础资料显示哪个属性作为展示的字段
+    // 没有值使用后端提供的配置，有值则覆盖后端的配置
+    displayField: {
+      type: String,
+      default: null
+    },
+    // todo:这两个属性功能已经重复，需要对接 // 基础资料需要展示的数据
+    showField: {
+      type: String,
+      default: ''
+    },
+    // 通用基础资料的表名
+    tableConfig: {
+      type: Object,
+      default: function () {
+        return {
+          enum: {},
+          name: ''
+        }
+      }
+    },
+    // 此标识用于写死的组件，将事件发射出去自己处理 ???????????
+    commonFlag: {
+      type: Boolean,
+      default: false
+    },
+    // 附件上传的文件列表
+    fileList: {
+      type: Array,
+      default: () => []
+    }
+
+  },
+  provide () {
+    return {
+      entity: this.entity,
+      target: this.target,
+      enumType: this.enumType,
+      placeholder: this.placeholder,
+      // 是否是日期时间控件
+      datetime: this.type === 'datetime',
+      // 小数的情况下，指定小数的精度
+      percision: this.type === 'decimal' ? this.percision : null,
+      // 是否是文本域控件
+      text: this.type === 'text',
+      // 文本域的行数
+      rows: this.type === 'text' ? this.rows : null,
+      defaultValue: this.defaultValue
+    }
+  },
+  data () {
+    return {
+      typeRelations: {
+        input: 'tinput',
+        text: 'tinput',
+        date: 'tdate',
+        datetime: 'tdate',
+        integer: 'tnumber',
+        decimal: 'tnumber',
+        select: 'tselect',
+        basicDisplay: 'tbasicDisplay',
+        basicData: 'basicData',
+        basic: 'tbasic',
+        file: 'tfile',
+        group: 'tGroup',
+        address: 'tAddress'
+      }
+    }
+  },
+  computed: {
+    // 部分属性加入到计算属性传递下去，不使用provide的属性是为了获取响应式支持
+    property () {
+      return {
+        disabled: this.disabled,
+        tableId: this.tableConfig.enum[this.tableConfig.name] || null,
+        fileList: this.fileList,
+        displayField: this.displayField,
+        limitation: this.limitation
+      }
+    }
+  },
+  created () {
+    if (this.type === 'basicData') {
+      this.getTableId()
+    }
+  },
+  methods: {
+    // 通知触发了删除事件
+    handleDel () {
+      this.$emit('isDel')
+    },
+    // 基础资料的方法
+    handleSelected (rows) {
+      this.$emit('selected', rows)
+    },
+    // 选中的值发生了变化，目前仅仅是为了 枚举/下拉类型使用
+    handleChange (newValue) {
+      this.$emit('change', newValue)
+    },
+    handleInput (value) {
+      this.$emit('input', value)
+    },
+    async getTableId () {
+      const conf = this.tableConfig
+      // 如果已经存在了tableId，则不进行获取
+      if (conf.enum[conf.name]) {
+        return
+      }
+      const res = await getTableIdByTableName(conf.name)
+      if (res.code !== 0) {
+        return this.$message.error(res.msg)
+      }
+      conf.enum[conf.name] = res.data
+    }
+  }
+}
+</script>
+
+<style scoped lang='less'>
+  .common-input {
+    // 即便是disable,也不改变背景色
+    // 采用直接子元素的方式避免影响到分页的样式
+    ::v-deep >.el-input__inner {
+      background: #fff !important;
+      border:none;
+      border-bottom:1px solid #DCDCDC;
+      border-radius: 0;
+    }
+    ::v-deep>div{
+      >div{
+        >.el-input__inner{
+          background: #fff !important;
+          border:none;
+          border-bottom:1px solid #DCDCDC;
+          border-radius: 0;
+
+        }
+        >div{
+          >.el-input__inner{
+            background: #fff !important;
+            border:none;
+            border-bottom:1px solid #DCDCDC;
+            border-radius: 0;
+          }
+        }
+      }
+    }
+
+  }
+  .el-form-item{
+    ::v-deep .el-form-item__label{
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+  }
+
+</style>