@tongfun/tf-widget 0.1.29 → 0.1.30

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

@@ -1,261 +0,0 @@
-<template>
-  <div class="basic-input">
-    <!-- 输入控件 -->
-    <el-autocomplete
-      ref="basic"
-      v-model="displayValue"
-      :placeholder="placeholder"
-      :fetch-suggestions="getAdvice"
-      :disabled="disabled"
-      popper-class="basic-suggest-poper"
-      :trigger-on-focus="false"
-      @select="handleSelect"
-      @keydown.delete.native="handleDeleteKeyDown"
-    >
-      <i slot="suffix" class="el-icon-search" style="cursor: pointer" @click="showDialog" />
-      <template slot-scope="{item}">
-        <div>{{ suggestDisplay(item) }}</div>
-      </template>
-    </el-autocomplete>
-
-    <!-- 弹窗数据选择器 -->
-    <el-dialog
-      :visible.sync="dialogVisible"
-      width="80%"
-      :append-to-body="appendToBody"
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-      :modal-append-to-body="modalAppendToBody"
-    >
-      <!-- {{ limitation }} -->
-      <div class="dataDialog">
-        <Ttable
-          class="t-table"
-          is-selector
-          :layout="tableLayout"
-          :sum="tableSum"
-          :data="tableData"
-          enable-group
-          :page-size="query.pageSize"
-          :current-page="query.pageNum"
-          update-in-dialog
-          @condition-change="handleHeadChange"
-          @groupChange="handleGroupChange"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          @fastConfirm="handleFastSelect"
-        />
-      </div>
-      <template v-slot:title>
-        <div class="common-title">
-          <TListSearch class="common-table-buttons-search" @search="handleSuggestMultiCondition($event,false)" />
-        </div>
-      </template>
-      <span slot="footer" class="dialog-footer basic-selector-footer">
-        <el-button class="common-header-button close" size="mini" type="primary" @click="dialogVisible = false">取 消</el-button>
-        <el-button class="common-header-button" size="mini" type="primary" @click="handleDialogConfirm">确 定</el-button>
-      </span>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import TListSearch from '../../t-data-list/src/t-list-search.vue'
-import Ttable from '../../t-data-list/src/t-table/index'
-import dataQuery from '../../../src/mixins/t-data-query-mixin.js'
-export default {
-  components: {
-    TListSearch,
-    Ttable
-  },
-  mixins: [dataQuery],
-  props: {
-    value: {
-      type: Object,
-      default: () => {
-        return { name: '', id: null }
-      }
-    },
-    limitation: {
-      type: Object,
-      default: () => { }
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    appendToBody: {
-      type: Boolean,
-      default: true
-    },
-    modalAppendToBody: {
-      type: Boolean,
-      default: false
-    }
-  },
-  inject: ['target', 'entity', 'placeholder'],
-  data () {
-    return {
-      dialogVisible: false,
-      // 选中一个基础资料之后，基础资料控件显示的名称
-      displayField: null,
-      queryType: 'SELECTOR'
-    }
-  },
-  computed: {
-    displayValue: {
-      set (value) {
-        if (this.value.id) {
-          return
-        }
-        this.value.name = value
-      },
-      get () {
-        if (!this.value) {
-          return
-        }
-        return this.value.name
-      }
-    }
-  },
-  methods: {
-    /**
-     * 弹窗和数据选择
-     */
-    // 展开弹窗
-    async showDialog () {
-      if (this.disabled) {
-        return
-      }
-      const loading = this.$loading({
-        lock: true,
-        text: 'Loading',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
-      })
-      if (!this.tableLayout.length) {
-        await this.getTableLayout()
-      }
-      loading.close()
-      this.searchSuggestCondition = []
-      this.getTableData()
-      this.dialogVisible = true
-    },
-    // 点击弹窗确定按钮
-    handleDialogConfirm () {
-      if (!this.ids.length) {
-        this.dialogVisible = false
-        return
-      }
-
-      if (!this.entity && this.ids.length > 1) {
-        return this.$message.error('单据头中只能选择一条数据')
-      }
-
-      if (!this.entity) {
-        const name = this.selectedRows[0][this.displayField]
-        const id = this.ids[0]
-        this.$emit('input', { name, id })
-        this.$emit('selected', this.selectedRows)
-      } else {
-        this.$emit('selected', this.selectedRows)
-      }
-      this.dialogVisible = false
-    },
-    // 双击选择数据
-    handleFastSelect (row) {
-      this.$emit('input', { name: row[this.displayField], id: row[this.idField] })
-      this.$emit('selected', [row])
-      this.dialogVisible = false
-    },
-    /**
-     * 输入框相关逻辑
-     */
-    // 删除按键处理函数
-    handleDeleteKeyDown () {
-      if (this.value.id) {
-        this.$emit('input', { name: '', id: null })
-        this.$emit('delete')
-      }
-    },
-    /**
-     * 基础资料空间搜索建议
-     * 在没有打开基础资料弹窗之前，根据用户的输入提供选项
-     * @param queryString
-     * @param callback
-     * @returns {Promise<void>}
-     */
-    async getAdvice (queryString, callback) {
-      !this.tableLayout.length && (await this.getTableLayout())
-      let record = []
-      this.handleSuggestMultiCondition(queryString, true)
-      record = /^\s*$/g.test(queryString)
-        ? []
-        : await this.getTableData(true, false)
-      callback(record)
-    },
-    // 搜索建议的显示格式
-    suggestDisplay (item) {
-      const valueList = []
-      for (const fieldObj of this.suggestFieldList) {
-        valueList.push(item[fieldObj.field])
-      }
-      return valueList.join('/')
-    },
-    // 搜索建议被选择
-    handleSelect (item) {
-      const name = item[this.displayField]
-      const id = item[this.idField]
-      this.$emit('input', { name, id })
-      this.$emit('selected', [item])
-    }
-  }
-}
-</script>
-
-<style>
-.basic-suggest-poper {
-  width: unset !important;
-}
-</style>
-<style lang="less" scoped>
-.el-autocomplete {
-  ::v-deep .el-input__suffix {
-    display: flex;
-    align-items: center;
-  }
-}
-
-/deep/.t-table {
-  height: 59vh;
-  .table-records {
-    height: 100%;
-    position: relative;
-    .plTableBox .elx-table--body-wrapper {
-      height: calc(59vh - 80px);
-      overflow-x: scroll;
-    }
-    .el-pagination {
-      right: 0;
-    }
-  }
-}
-/deep/.el-dialog__body {
-  padding-top: 0;
-}
-
-.basic-selector-footer {
-  .el-button {
-    background-color: #0a5194;
-    border: none;
-  }
-}
-
-.common-title {
-  // background-color: pink;
-  display: flex;
-  justify-content: right;
-  .common-table-buttons-search {
-    margin-right: 50px;
-  }
-}
-</style>

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

@@ -1,84 +0,0 @@
-<template>
-  <el-date-picker
-    ref="date"
-    class="date"
-    :value="value"
-    :type="type"
-    :placeholder="placeholderComp"
-    :disabled="disabled"
-    :format="timeFormmat"
-    value-format="yyyy-MM-dd HH:mm:ss"
-    style="width:100%"
-    @input="handleInput"
-  />
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: String,
-      default: null
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  inject: ['placeholder', 'datetime', 'entity'],
-  data () {
-    return {
-
-    }
-  },
-  computed: {
-    type () {
-      if (this.datetime) {
-        return 'datetime'
-      }
-      return 'date'
-    },
-    timeFormmat () {
-      if (this.datetime) {
-        return 'yyyy-MM-dd HH:mm:ss'
-      }
-      return 'yyyy-MM-dd'
-    },
-    placeholderComp () {
-      if (!this.placeholder) {
-        if (this.datetime) {
-          return '请输入日期时间'
-        }
-        return '请输入日期'
-      }
-      return this.placeholder
-    }
-  },
-  created () {
-    if (!this.value) {
-      this.handleInput(null)
-    }
-  },
-  methods: {
-    handleInput (value) {
-      this.$emit('input', value)
-    }
-  }
-}
-</script>
-
-<style scoped lang='less'>
-.date {
-   ::v-deep .el-icon-date:before {
-      content: "\e78e";
-      font-size: 16px;
-      position: absolute;
-      right: 0%  !important;
-    }
-    ::v-deep .el-icon-date{
-      width: 20px;
-    }
- }
-</style>

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

@@ -1,344 +0,0 @@
-<template>
-  <div class="main">
-    <!-- 分组选择主弹窗 -->
-    <el-dialog
-      :visible="visible"
-      class="group-display"
-      width="30%"
-      title="分组选择"
-      @update:visible="handleUpdateVisible"
-      @open="handleOpen"
-    >
-      <div class="dataDialog">
-        <div class="dialog-header">
-          <el-input v-model="searchText" placeholder="搜索关键字" />
-        </div>
-        <div class="dialog-body">
-          <el-scrollbar class="scrollbar">
-            <el-tree
-              ref="groupTree"
-              :data="groupList"
-              :show-checkbox="false"
-              node-key="id"
-              highlight-current
-              :expand-on-click-node="false"
-              check-on-click-node
-              accordion
-              :props="defaultProps"
-              :filter-node-method="filterNode"
-              :check-strictly="true"
-              @check="handleNodeChange"
-            />
-          </el-scrollbar>
-        </div>
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" size="mini" @click="openOperateDialog('insert')">新建分组</el-button>
-        <el-button type="primary" size="mini" @click="openOperateDialog('update')">编辑分组</el-button>
-        <el-button type="primary" size="mini" @click="handleCloseDialog">取 消</el-button>
-        <el-button type="primary" size="mini" @click="handleDialogConfirm">确 定</el-button>
-      </span>
-    </el-dialog>
-    <!-- 新建/编辑页面 -->
-    <el-dialog
-      title=""
-      :visible.sync="operatingVisible"
-      width="30%"
-      @open="handleOpenOperate"
-      @close="handleCloseOperate"
-    >
-      <div>
-        <el-form ref="form" :rules="rules" :model="operatingData" label-width="80px">
-          <el-form-item label="父级名称" prop="pid">
-            <el-select v-model="operatingData.pid" placeholder="" @change="handleParentSelect">
-              <el-option
-                v-for="item in selectList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="父级编码" prop="code">
-            <el-input v-model="operatingData.groupCode" placeholder="" disabled />
-          </el-form-item>
-          <el-form-item label="编码" prop="code">
-            <el-input v-model="operatingData.code" placeholder="" />
-          </el-form-item>
-          <el-form-item label="分组名称" prop="name">
-            <el-input v-model="operatingData.name" placeholder="" />
-          </el-form-item>
-        </el-form>
-      </div>
-      <div slot="footer">
-        <el-button @click="operatingVisible = false">取 消</el-button>
-        <el-button type="primary" @click="handleSubmitOperate">确 定</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import { addGroupNode, updateGroupNode } from '@/api/tableV3'
-export default {
-  name: 'GroupDialog',
-  props: {
-    data: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    visible: {
-      type: Boolean,
-      default: true
-    },
-    value: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    }
-  },
-  inject: ['target'],
-  data () {
-    var checkBlank = (rule, value, callback) => {
-      const reg = /\s+/g
-      if (reg.test(value)) {
-        return callback(new Error('不能含有空格'))
-      }
-      callback()
-    }
-    return {
-      searchText: '',
-      selectNode: {},
-      defaultProps: {
-        children: 'children',
-        label: 'name'
-      },
-      rules: {
-        name: [
-          { required: true, message: '不能为空', trigger: 'blur' },
-          { validator: checkBlank, trigger: 'blur' }
-        ],
-        code: [
-          { required: true, message: '不能为空', trigger: 'blur' }
-        ],
-        pid: [
-          { required: true, message: '不能为空', trigger: 'blur' }
-        ]
-      },
-      // selectList: [],
-      operatingVisible: false,
-      operatingStatus: 'insert', // 新增编辑弹窗的状态标识
-      operatingData: {
-        groupCode: '', // 分组编码
-        code: '', // 节点编码
-        id: '', // 节点id（编辑的时候存在）
-        name: '', // 节点名称
-        pid: ''// 父级id
-      }
-
-    }
-  },
-  computed: {
-    groupList () {
-      return this.data
-    },
-    selectMap () {
-      return this.createSelectMap(this.data)
-    },
-    selectList () {
-      return Object.values(this.selectMap)
-    }
-  },
-  watch: {
-    searchText (val) {
-      this.$refs.groupTree.filter(val)
-    },
-    selectMap () {
-      this.operatingVisible && this.updateGroupStatus()
-    }
-  },
-  methods: {
-    // 打开编辑弹窗前进行必要的校验
-    openOperateDialog (mod) {
-      if (!this.selectNode.id) {
-        return this.$message.error('请先选择节点')
-      }
-      this.operatingStatus = mod
-      if (this.operatingStatus === 'update' && this.selectNode.id === '0') {
-        return this.$message.error('根节点不可编辑')
-      }
-      this.operatingVisible = true
-    },
-    // 打开弹窗进行的操作
-    handleOpen () {
-      this.$nextTick(() => {
-        if (this.value && this.value.id) {
-          this.$refs.groupTree.setCheckedKeys([this.value.id])
-          this.$refs.groupTree.setCurrentKey(this.value.id)
-          this.updateGroupStatus()
-          this.handleNodeChange(this.selectMap[this.value.id])
-        }
-      })
-    },
-    // 更新展开状态
-    updateGroupStatus () {
-      this.$nextTick(() => {
-        const id = this.selectNode.id || this.value.id
-        if (id) {
-          this.$refs.groupTree.setCurrentKey(id)
-          this.expandedNode(id)
-        }
-      })
-    },
-    expandedNode (id, temp = false) {
-      if (temp && this.$refs.groupTree.store.nodesMap[id]) {
-        this.$refs.groupTree.store.nodesMap[id].expanded = true
-      }
-
-      if (this.selectMap[id].pid) {
-        this.expandedNode(this.selectMap[id].pid, true)
-      }
-    },
-    // 创建数据的map集合（id：{}）
-    createSelectMap (data, map, parentData = {}) {
-      const dataCache = data || this.data
-      const result = map || {}
-      dataCache.forEach(e => {
-        if (e.id) {
-          result[e.id] = { id: e.id, name: e.name, groupCode: e.groupCode, pid: parentData.id || '' }
-        }
-        e.children && this.createSelectMap(e.children, result, e)
-      })
-      if (!map) return result
-    },
-    // 节点过滤
-    filterNode (value, data) {
-      if (!value) return true
-      return data.name.indexOf(value) !== -1
-    },
-    // 节点选中
-    handleNodeChange (data) {
-      // console.log(this.$refs.groupTree)
-      this.$refs.groupTree.setCheckedKeys([data.id])
-      this.selectNode = data
-    },
-    // dialog确认
-    handleDialogConfirm () {
-      this.$emit('confirm', { id: this.selectNode.id, name: this.selectNode.name })
-      this.handleCloseDialog()
-    },
-    // 关闭主dialog
-    handleCloseDialog () {
-      this.$emit('update:visible', false)
-    },
-    // 更新dialog
-    handleUpdateVisible (val) {
-      this.$emit('update:visible', val)
-    },
-    // 赋值
-    handleParentSelect (id, field = 'groupCode') {
-      this.operatingData[field] = this.selectMap[id][field]
-    },
-    // 打开操作界面
-    handleOpenOperate () { // 打开操作界面
-      if (this.operatingStatus === 'insert') {
-        this.operatingData.pid = this.selectNode.id
-        this.handleParentSelect(this.selectNode.id)
-      }
-      if (this.operatingStatus === 'update') {
-        const id = this.selectMap[this.selectNode.id].pid
-        this.operatingData.pid = id
-        const groupCodeList = this.selectNode.groupCode.split('.')
-        this.operatingData.code = groupCodeList[groupCodeList.length - 1]
-        this.handleParentSelect(id)
-        this.handleParentSelect(this.selectNode.id, 'name')
-      }
-    },
-    // 关闭弹窗
-    handleCloseOperate () {
-      this.$refs.form.clearValidate()
-      Object.keys(this.operatingData).forEach(e => {
-        this.operatingData[e] = ''
-      })
-    },
-    // 提交操作信息
-    handleSubmitOperate () {
-      this.$refs.form.validate(success => {
-        if (success) {
-          this.operatingStatus === 'insert'
-            ? this.updateGroup(addGroupNode, '添加成功')
-            : this.updateGroup(updateGroupNode, '修改成功')
-        }
-      })
-    },
-    async updateGroup (fun, msg) {
-      const groupCode = this.operatingData.groupCode
-        ? this.operatingData.groupCode + '.' + this.operatingData.code
-        : this.operatingData.code
-      const res = await fun(
-        this.target,
-        this.operatingData.name,
-        this.operatingStatus === 'insert' ? '' : this.selectNode.id,
-        this.operatingData.pid,
-        groupCode)
-
-      if (res.code !== 0) {
-        return this.$message.error(res.msg)
-      }
-      this.$emit('success')
-      // 如果修改到当前节点的更新操作
-      if (this.selectNode.id === this.value.id) {
-        this.selectNode.name = this.operatingData.name
-        this.$emit('confirm', { id: this.value.id, name: this.operatingData.name })
-      }
-      this.$message.success(msg)
-      this.operatingVisible = false
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-  /**
-    列表弹窗
-  */
-  .group-display{
-    ::v-deep .el-dialog__body {
-      padding-top:0 !important;
-    }
-    ::v-deep .el-dialog__footer {
-      .el-button {
-        background-color: #07599C;
-        border:none;
-      }
-    }
-  }
-
-.dataDialog{
-  height: 50vh;
-  .dialog-header{
-    width: 100%;
-    height: 40px;
-    box-sizing: border-box;
-    padding: 5px;
-    padding-top:0px;
-    ::v-deep .el-input__inner {
-      height:30px;
-      width: 100% !important;
-    }
-  }
-  .dialog-body{
-    height: 100%;
-    .scrollbar{
-      height: 100%;
-      /deep/.el-scrollbar__wrap{
-        overflow-x: hidden;
-      }
-    }
-  }
-}
-.el-form-item{
-  margin-top: 20px;
-}
-</style>