@tongfun/tf-widget 0.1.18 → 0.1.22

package/package/tf-widget/src/children/basic-data/basic-data.vue

@@ -1,361 +1,361 @@
-<template>
-  <div>
-    <el-autocomplete
-      v-model="displayName"
-      popper-class="advice-poper"
-      :class="basicDataStyle"
-      :fetch-suggestions="getAdvice"
-      :value-key="displayField"
-      :trigger-on-focus="false"
-      :placeholder="placeholder"
-      :disabled="JSON.parse(disabled)"
-      @select="handleSelect"
-      @keydown.delete.native="handleDeleteKeyDown"
-    >
-      <i slot="suffix" :class=" disabled ? 'el-icon-lock' : 'el-icon-search' " style="cursor: pointer" @click="showDialog" />
-      <template slot-scope="{item}">
-        <div>{{ item[displayField] + '   ' + '[' + item.head__code + ']' }}</div>
-      </template>
-    </el-autocomplete>
-
-    <el-dialog
-      :visible.sync="dialogVisible"
-      width="80%"
-      append-to-body
-      :modal-append-to-body="false"
-    >
-      <div class="dataDialog">
-        <BasicDataSelector :table-id="tableId" :limit-show="limitShow" :dialog-visible="dialogVisible" :much-select="muchSelect" @rowSelect="handleRowSelect" />
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button class="common-header-button close" type="primary" @click="close">取 消</el-button>
-        <el-button class="common-header-button" type="primary" @click="handleDialogConfirm">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import { getBasicDataSearchAdvice, getFormData } from '@/api/edit.js'
-import BasicDataSelector from './dependcy/basic-data-selector.vue'
-export default {
-  components: {
-    BasicDataSelector
-    // DataSelectorDialog
-  },
-  props: {
-    value: { // 双向绑定
-      type: [String, Object],
-      default: () => {
-        return { name: '', id: '' }
-      }
-    },
-    // 当选中一条基础资料的时候，默认选择基础资料的head__name属性
-    displayField: {
-      type: String,
-      default: 'head__name'
-    },
-    basicDataStyle: {
-      type: String,
-      default: 'default'
-    },
-    tableId: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, String],
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    // 当前控件操作的属性所在的数据对象（单据体中体现为一行数据
-    scopeData: {
-      type: Object,
-      default: null
-    },
-    relationFields: {
-      type: [Object, Array],
-      default: null
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    },
-    field: {
-      type: String,
-      default: ''
-    },
-    widgets: {
-      type: Array,
-      default: () => []
-    },
-    muchSelect: {
-      type: Boolean,
-      default: false
-    },
-    inputMoreSelect: { // 开启input内的多选
-      type: Boolean,
-      default: false
-    },
-    forDeadComponentFlag: { // 此标识用于写死的组件，将事件发射出去自己处理
-      type: Boolean,
-      default: false
-    }
-
-  },
-  data () {
-    return {
-      limitShow: 0, // 限制基础资料显示某个属性，1：审核状态状态，
-      dialogVisible: false,
-      currentSelectRow: {},
-      showName: '',
-      currentSelectMap: new Map(),
-      inputKey: ''
-      // relationFields:[{}]
-    }
-  },
-  computed: {
-    displayName: {
-      set (value) {
-        // 已经选中了一个值忽略再次输入
-        if (this.value.id) {
-          return
-        }
-        this.value.name = value
-      },
-      get () {
-        if (!this.value) {
-          return
-        }
-        return this.value.name
-      }
-    }
-  },
-  watch: {
-    value (newValue) {
-      if (!this.value) {
-        this.$emit('input', { name: '', id: null })
-      }
-    }
-  },
-  created () {
-    if (this.defaultValue && (!this.value || this.value.id === '')) {
-      return this.handleDefaultValue()
-    }
-    if (!this.value) {
-      this.$emit('input', { name: '', id: null })
-    }
-  },
-  methods: {
-
-    /**
-     * 根据默认值id获取数据
-     */
-    handleDefaultValue () {
-      const interval = setInterval(async () => {
-        if (this.tableId) {
-          clearInterval(interval)
-          const data = {
-            entityMark: '',
-            id: this.defaultValue,
-            pageNum: 1,
-            pageSize: 1,
-            tableId: this.tableId
-          }
-          const res = await getFormData(data)
-          if (res.code === 0) {
-            const data = {
-              id: this.defaultValue,
-              name: res.data[res.data.headIdentification].name
-            }
-            this.$emit('input', data)
-          }
-        }
-      }, 50)
-    },
-    /**
-     * dialog关闭和确定处理函数
-     */
-    handleClose () {
-      this.dialogVisible = false
-    },
-    close () {
-      this.dialogVisible = false
-    },
-    handleDialogConfirm () {
-      this.$emit('handleSelected', this.currentSelectRow)
-      if (this.forDeadComponentFlag) {
-        this.close()
-        return
-      }
-      if (this.currentSelectRow.length === 1 || (!this.muchSelect && !this.inputMoreSelect)) {
-        this.$emit('input', { id: this.currentSelectRow[0].head__id, name: this.currentSelectRow[0][this.displayField] })
-        if (this.relationFields) {
-          for (const key in this.relationFields) {
-            this.scopeData[this.relationFields[key]] = this.currentSelectRow[0][key]
-          }
-        }
-        this.close()
-      } else if (this.currentSelectRow.length > 1) {
-        if (this.inputMoreSelect) {
-          const idArr = []
-          const nameArr = []
-          this.currentSelectRow.forEach(e => {
-            idArr.push(e.head__id)
-            nameArr.push(e[this.displayField])
-          })
-          const data = {
-            id: idArr.toString(),
-            name: nameArr.toString()
-          }
-          this.$emit('input', data)
-          this.close()
-        }
-        if (this.muchSelect) {
-          const insertData = []
-          this.currentSelectRow.forEach((item, index) => {
-            const obj = {}
-            this.widgets.forEach((item2, index2) => {
-              if (item2.field === this.field) {
-                obj[item2.field] = { id: this.currentSelectRow[index].head__id, name: this.currentSelectRow[index][this.displayField] }
-              } else if (item2.type === 'basic_data') {
-                obj[item2.field] = { id: undefined, name: undefined }
-              } else {
-                obj[item2.field] = undefined
-              }
-            })
-            // 添加关联关系
-            const relationFieldsIndex = this.widgets.findIndex(d => d.field === this.field)
-            if (relationFieldsIndex !== -1) {
-              const relationFields = this.widgets[relationFieldsIndex].relationFields
-              for (const key in relationFields) {
-                obj[relationFields[key]] = this.currentSelectRow[index][key]
-              }
-            }
-            insertData.push(obj)
-          })
-          this.$emit('addMuchData', insertData)
-          this.close()
-        }
-      }
-      // this.$emit('input', { id: this.currentSelectRow.head__id, name: this.currentSelectRow.head__name })
-      // if (this.relationFields) {
-      //   for (const key in this.relationFields) {
-      //     this.scopeData[this.relationFields[key]] = this.currentSelectRow[key]
-      //   }
-      // }
-      // this.close()
-    },
-
-    /**
-     * 在弹窗中选择基础资料
-     */
-    handleRowSelect (row) {
-      this.currentSelectRow = row
-    },
-    showDialog () {
-      // 后端这里的数据可能是字符串也可能是boolean类型
-      const disabled = typeof this.disabled === 'string'
-        ? Boolean(this.disabled)
-        : this.disabled
-
-      if (!disabled) {
-        this.dialogVisible = true
-      }
-      this.limitShow = 1
-    },
-
-    /**
-     * 清空选择
-     */
-    // delete按键处理
-    handleDeleteKeyDown () {
-      if (this.value.id) {
-        this.$emit('input', { name: '', id: null })
-      }
-    },
-
-    /**
-     * 基础资料搜索建议
-     */
-    // 获取建议结果
-    async getAdvice (queryString, callback) {
-      // 如果输入空字符串，不调用接口
-      const reg = /^\s*$/g
-      /* eslint-disable */
-      if (reg.test(this.displayName)) {
-        return callback([])
-      }
-
-      try {
-        const res = await getBasicDataSearchAdvice(this.tableId, this.displayName)
-        if (res.code !== 0) {
-          return
-        }
-        callback(res.data.records)
-      } catch (err) {
-        console.log(err)
-      }
-    },
-    // 选择一条建议
-    handleSelect (item) {
-      this.$emit('input', { name: item[this.displayField], id: item.head__id })
-      if (this.relationFields) {
-        for (const key in this.relationFields) {
-          this.scopeData[this.relationFields[key]] = item[key]
-        }
-      }
-      // 将处理携带属性
-    }
-
-  }
-}
-</script>
-
-<style lang='less' scoped>
-@import "@/assets/styles/common-table.less";
-@import '../../assets/common-input.less';
-  .el-autocomplete{
-    display:block;
-    ::v-deep .el-input__inner{
-      // height: 3vh;
-      width: 100%;
-      border: none;
-      border-bottom: 1px solid #DCDCDC;
-      border-radius: 0;
-    }
-  }
-  ::v-deep .el-input__suffix {
-    display: flex;
-    align-items: center;
-  }
-  ::v-deep .el-dialog__body{
-    padding: 0 10px;
-  }
-  // 弹框样式修改
-  ::v-deep .el-dialog__wrapper{
-    overflow: hidden;
-  }
-
-  ::v-deep .el-dialog__footer{
-    padding-bottom: 5px;
-    .el-button{
-      width: 2.5vw;
-      height: 2.222vh;
-      border-radius: 2px;
-      padding: 0;
-      margin-left: 0;
-      margin-right: 0.4166vw;
-      ::v-deep span{
-        opacity: 1;
-        font-size: 0.625vw;
-        font-family: Source Han Sans SC, Source Han Sans SC-Regular;
-        font-weight: 400;
-        color: #ffffff;
-      }
-    }
-  }
-
-</style>
+<template>
+  <div>
+    <el-autocomplete
+      v-model="displayName"
+      popper-class="advice-poper"
+      :class="basicDataStyle"
+      :fetch-suggestions="getAdvice"
+      :value-key="displayField"
+      :trigger-on-focus="false"
+      :placeholder="placeholder"
+      :disabled="JSON.parse(disabled)"
+      @select="handleSelect"
+      @keydown.delete.native="handleDeleteKeyDown"
+    >
+      <i slot="suffix" :class=" disabled ? 'el-icon-lock' : 'el-icon-search' " style="cursor: pointer" @click="showDialog" />
+      <template slot-scope="{item}">
+        <div>{{ item[displayField] + '   ' + '[' + item.head__code + ']' }}</div>
+      </template>
+    </el-autocomplete>
+
+    <el-dialog
+      :visible.sync="dialogVisible"
+      width="80%"
+      append-to-body
+      :modal-append-to-body="false"
+    >
+      <div class="dataDialog">
+        <BasicDataSelector :table-id="tableId" :limit-show="limitShow" :dialog-visible="dialogVisible" :much-select="muchSelect" @rowSelect="handleRowSelect" />
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="common-header-button close" type="primary" @click="close">取 消</el-button>
+        <el-button class="common-header-button" type="primary" @click="handleDialogConfirm">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getBasicDataSearchAdvice, getFormData } from '@/api/edit.js'
+import BasicDataSelector from './dependcy/basic-data-selector.vue'
+export default {
+  components: {
+    BasicDataSelector
+    // DataSelectorDialog
+  },
+  props: {
+    value: { // 双向绑定
+      type: [String, Object],
+      default: () => {
+        return { name: '', id: '' }
+      }
+    },
+    // 当选中一条基础资料的时候，默认选择基础资料的head__name属性
+    displayField: {
+      type: String,
+      default: 'head__name'
+    },
+    basicDataStyle: {
+      type: String,
+      default: 'default'
+    },
+    tableId: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: [Boolean, String],
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    // 当前控件操作的属性所在的数据对象（单据体中体现为一行数据
+    scopeData: {
+      type: Object,
+      default: null
+    },
+    relationFields: {
+      type: [Object, Array],
+      default: null
+    },
+    defaultValue: {
+      type: String,
+      default: ''
+    },
+    field: {
+      type: String,
+      default: ''
+    },
+    widgets: {
+      type: Array,
+      default: () => []
+    },
+    muchSelect: {
+      type: Boolean,
+      default: false
+    },
+    inputMoreSelect: { // 开启input内的多选
+      type: Boolean,
+      default: false
+    },
+    forDeadComponentFlag: { // 此标识用于写死的组件，将事件发射出去自己处理
+      type: Boolean,
+      default: false
+    }
+
+  },
+  data () {
+    return {
+      limitShow: 0, // 限制基础资料显示某个属性，1：审核状态状态，
+      dialogVisible: false,
+      currentSelectRow: {},
+      showName: '',
+      currentSelectMap: new Map(),
+      inputKey: ''
+      // relationFields:[{}]
+    }
+  },
+  computed: {
+    displayName: {
+      set (value) {
+        // 已经选中了一个值忽略再次输入
+        if (this.value.id) {
+          return
+        }
+        this.value.name = value
+      },
+      get () {
+        if (!this.value) {
+          return
+        }
+        return this.value.name
+      }
+    }
+  },
+  watch: {
+    value (newValue) {
+      if (!this.value) {
+        this.$emit('input', { name: '', id: null })
+      }
+    }
+  },
+  created () {
+    if (this.defaultValue && (!this.value || this.value.id === '')) {
+      return this.handleDefaultValue()
+    }
+    if (!this.value) {
+      this.$emit('input', { name: '', id: null })
+    }
+  },
+  methods: {
+
+    /**
+     * 根据默认值id获取数据
+     */
+    handleDefaultValue () {
+      const interval = setInterval(async () => {
+        if (this.tableId) {
+          clearInterval(interval)
+          const data = {
+            entityMark: '',
+            id: this.defaultValue,
+            pageNum: 1,
+            pageSize: 1,
+            tableId: this.tableId
+          }
+          const res = await getFormData(data)
+          if (res.code === 0) {
+            const data = {
+              id: this.defaultValue,
+              name: res.data[res.data.headIdentification].name
+            }
+            this.$emit('input', data)
+          }
+        }
+      }, 50)
+    },
+    /**
+     * dialog关闭和确定处理函数
+     */
+    handleClose () {
+      this.dialogVisible = false
+    },
+    close () {
+      this.dialogVisible = false
+    },
+    handleDialogConfirm () {
+      this.$emit('handleSelected', this.currentSelectRow)
+      if (this.forDeadComponentFlag) {
+        this.close()
+        return
+      }
+      if (this.currentSelectRow.length === 1 || (!this.muchSelect && !this.inputMoreSelect)) {
+        this.$emit('input', { id: this.currentSelectRow[0].head__id, name: this.currentSelectRow[0][this.displayField] })
+        if (this.relationFields) {
+          for (const key in this.relationFields) {
+            this.scopeData[this.relationFields[key]] = this.currentSelectRow[0][key]
+          }
+        }
+        this.close()
+      } else if (this.currentSelectRow.length > 1) {
+        if (this.inputMoreSelect) {
+          const idArr = []
+          const nameArr = []
+          this.currentSelectRow.forEach(e => {
+            idArr.push(e.head__id)
+            nameArr.push(e[this.displayField])
+          })
+          const data = {
+            id: idArr.toString(),
+            name: nameArr.toString()
+          }
+          this.$emit('input', data)
+          this.close()
+        }
+        if (this.muchSelect) {
+          const insertData = []
+          this.currentSelectRow.forEach((item, index) => {
+            const obj = {}
+            this.widgets.forEach((item2, index2) => {
+              if (item2.field === this.field) {
+                obj[item2.field] = { id: this.currentSelectRow[index].head__id, name: this.currentSelectRow[index][this.displayField] }
+              } else if (item2.type === 'basic_data') {
+                obj[item2.field] = { id: undefined, name: undefined }
+              } else {
+                obj[item2.field] = undefined
+              }
+            })
+            // 添加关联关系
+            const relationFieldsIndex = this.widgets.findIndex(d => d.field === this.field)
+            if (relationFieldsIndex !== -1) {
+              const relationFields = this.widgets[relationFieldsIndex].relationFields
+              for (const key in relationFields) {
+                obj[relationFields[key]] = this.currentSelectRow[index][key]
+              }
+            }
+            insertData.push(obj)
+          })
+          this.$emit('addMuchData', insertData)
+          this.close()
+        }
+      }
+      // this.$emit('input', { id: this.currentSelectRow.head__id, name: this.currentSelectRow.head__name })
+      // if (this.relationFields) {
+      //   for (const key in this.relationFields) {
+      //     this.scopeData[this.relationFields[key]] = this.currentSelectRow[key]
+      //   }
+      // }
+      // this.close()
+    },
+
+    /**
+     * 在弹窗中选择基础资料
+     */
+    handleRowSelect (row) {
+      this.currentSelectRow = row
+    },
+    showDialog () {
+      // 后端这里的数据可能是字符串也可能是boolean类型
+      const disabled = typeof this.disabled === 'string'
+        ? Boolean(this.disabled)
+        : this.disabled
+
+      if (!disabled) {
+        this.dialogVisible = true
+      }
+      this.limitShow = 1
+    },
+
+    /**
+     * 清空选择
+     */
+    // delete按键处理
+    handleDeleteKeyDown () {
+      if (this.value.id) {
+        this.$emit('input', { name: '', id: null })
+      }
+    },
+
+    /**
+     * 基础资料搜索建议
+     */
+    // 获取建议结果
+    async getAdvice (queryString, callback) {
+      // 如果输入空字符串，不调用接口
+      const reg = /^\s*$/g
+      /* eslint-disable */
+      if (reg.test(this.displayName)) {
+        return callback([])
+      }
+
+      try {
+        const res = await getBasicDataSearchAdvice(this.tableId, this.displayName)
+        if (res.code !== 0) {
+          return
+        }
+        callback(res.data.records)
+      } catch (err) {
+        console.log(err)
+      }
+    },
+    // 选择一条建议
+    handleSelect (item) {
+      this.$emit('input', { name: item[this.displayField], id: item.head__id })
+      if (this.relationFields) {
+        for (const key in this.relationFields) {
+          this.scopeData[this.relationFields[key]] = item[key]
+        }
+      }
+      // 将处理携带属性
+    }
+
+  }
+}
+</script>
+
+<style lang='less' scoped>
+@import "@/assets/styles/common-table.less";
+@import '../../assets/common-input.less';
+  .el-autocomplete{
+    display:block;
+    ::v-deep .el-input__inner{
+      // height: 3vh;
+      width: 100%;
+      border: none;
+      border-bottom: 1px solid #DCDCDC;
+      border-radius: 0;
+    }
+  }
+  ::v-deep .el-input__suffix {
+    display: flex;
+    align-items: center;
+  }
+  ::v-deep .el-dialog__body{
+    padding: 0 10px;
+  }
+  // 弹框样式修改
+  ::v-deep .el-dialog__wrapper{
+    overflow: hidden;
+  }
+
+  ::v-deep .el-dialog__footer{
+    padding-bottom: 5px;
+    .el-button{
+      width: 2.5vw;
+      height: 2.222vh;
+      border-radius: 2px;
+      padding: 0;
+      margin-left: 0;
+      margin-right: 0.4166vw;
+      ::v-deep span{
+        opacity: 1;
+        font-size: 0.625vw;
+        font-family: Source Han Sans SC, Source Han Sans SC-Regular;
+        font-weight: 400;
+        color: #ffffff;
+      }
+    }
+  }
+
+</style>