@tongfun/tf-widget 0.1.6 → 0.1.10

package/package/t-data-list/src/js/operatorEnum.js

@@ -0,0 +1,109 @@
+const typeEnum = {
+  /**
+   * 文本类型
+   */
+  input: [
+    { label: '等于', value: 'TEXT_EQUAL', strict: true },
+    { label: '包含', value: 'TEXT_LIKE', isFrezz: true },
+    { label: '不等于', value: 'TEXT_UNEQUAL' },
+    { label: '不包含', value: 'TEXT_NOT_LIKE' }
+  ],
+
+  // 基础资料类型
+  basic: [
+    { label: '等于', value: 'BASIC_EQUAL', strict: true },
+    { label: '包含', value: 'BASIC_LIKE', isFrezz: true },
+    { label: '不等于', value: 'BASIC_UNEQUAL' },
+    { label: '不包含', value: 'BASIC_NOT_LIKE' }
+  ],
+
+  /**
+  * 时间类型
+  */
+  // 短时间
+  date: [
+    { label: '大于', value: 'TIME_MORE_SHORT' },
+    { label: '小于', value: 'TIME_LESS_SHORT' },
+    { label: '大于等于', value: 'TIME_MORE_EQ_SHORT' },
+    { label: '小于等于', value: 'TIME_LESS_EQ_SHORT' },
+    { label: '等于', value: 'TIME_EQUAL_SHORT' },
+    // { label: '在...中', value: 'TIME_EQUAL_SHORT_BETWEEN', range: true },
+    // 时间通用
+    { label: '前天', value: 'TIME_BEFORE_YESTERDAY', over: true },
+    { label: '昨天', value: 'TIME_YESTERDAY', over: true },
+    { label: '今天', value: 'TIME_TODAY', over: true },
+    { label: '明天', value: 'TIME_TOMORROW', over: true },
+    { label: '后天', value: 'TIME_AFTER_TOMORROW', over: true },
+    { label: '上周', value: 'TIME_LAST_WEEK', over: true },
+    { label: '本周', value: 'TIME_WEEK', over: true },
+    { label: '下周', value: 'TIME_NEXT_WEEK', over: true },
+    { label: '本月', value: 'TIME_MONTH', over: true },
+    { label: '上月', value: 'TIME_LAST_MONTH', over: true }
+  ],
+  // 长时间
+  datetime: [
+    { label: '大于', value: 'TIME_MORE_LONG' },
+    { label: '大于等于', value: 'TIME_MORE_EQ_LONG' },
+    { label: '等于', value: 'TIME_EQUAL_LONG' },
+    { label: '小于等于', value: 'TIME_LESS_EQ_LONG' },
+    { label: '小于', value: 'TIME_LESS' },
+    // { label: '在...中', value: 'TIME_EQUAL_BETWEEN', range: true },
+    // 时间通用
+    { label: '前天', value: 'TIME_BEFORE_YESTERDAY', over: true },
+    { label: '昨天', value: 'TIME_YESTERDAY', over: true },
+    { label: '今天', value: 'TIME_TODAY', over: true },
+    { label: '明天', value: 'TIME_TOMORROW', over: true },
+    { label: '后天', value: 'TIME_AFTER_TOMORROW', over: true },
+    { label: '上周', value: 'TIME_LAST_WEEK', over: true },
+    { label: '本周', value: 'TIME_WEEK', over: true },
+    { label: '下周', value: 'TIME_NEXT_WEEK', over: true },
+    { label: '本月', value: 'TIME_MONTH', over: true },
+    { label: '上月', value: 'TIME_LAST_MONTH', over: true }
+  ],
+
+  /**
+  * 枚举类型
+  *
+  */
+  enum: [
+    { label: '等于', value: 'ENUM_EQUAL', strict: true },
+    { label: '不等于', value: 'ENUM_UNEQUAL', isFrezz: true },
+    { label: '在...中', value: 'ENUM_IN', multi: true },
+    { label: '不在...中', value: 'ENUM_NOT_IN', multi: true }
+  ],
+
+  /**
+  * 数字类型
+*/
+  number: [
+    { label: '大于', value: 'NUMBER_MORE' },
+    { label: '大于等于', value: 'NUMBER_MORE_EQUAL' },
+    { label: '等于', value: 'NUMBER_EQUAL', strict: true },
+    { label: '不等于', value: 'NUMBER_NOT_EQUAL' },
+    { label: '小于', value: 'NUMBER_LESS' },
+    { label: '小于等于', value: 'NUMBER_LESS_EQUAL' },
+    { label: '在...中', value: 'NUMBER_BETWEEN', range: true }
+  ]
+}
+
+/**
+ * 所有的不需要输入值的选项的操作符
+ * @returns string[]
+ */
+export function getAllOverOperatorList () {
+  const overOptions = []
+  for (const key in typeEnum) {
+    for (const option of typeEnum[key]) {
+      option.over && !overOptions.find(item => item === option.value) && overOptions.push(option.value)
+    }
+  }
+  return overOptions
+}
+
+export default function getOperatorOption (type) {
+  // todo: 优化一下判断次数？？？
+  if (type === 'decimal' || type === 'integer') {
+    type = 'number'
+  }
+  return typeEnum[type]
+}

package/package/t-data-list/src/js/qureyParamsEnum.js

@@ -0,0 +1,4 @@
+export const paramsEnum = {
+  LIST: 'LIST',
+  SELECTOR: 'SELECTOR'
+}

package/package/t-data-list/src/js/util.js

@@ -0,0 +1,34 @@
+import fieldType from './fieldTypeEnum'
+import getOperatorOption from './operatorEnum'
+/**
+ * 根据id找到该节点的父节点
+ */
+export function getParentId (tree, id) {
+  let resId = null
+  for (const child of tree.children) {
+    if (child.id === id) {
+      resId = tree.id
+      return resId
+    }
+    if (child.children) {
+      resId = getParentId(child, id)
+      if (resId) {
+        return resId
+      }
+    }
+  }
+  return resId
+}
+
+/**
+ * 参数名称是根据后端的表头中的一个字段来确定
+ * 此函数,根据componentType找到前端自定义的枚举类型
+ * 然后根据类型找到其模糊搜索的操作类型
+ * 用于通用列表混入对象中的,搜索建议拼接高级条件,搜索范围条件限定拼接高级条件
+ */
+export function getOperator (componentValueType, isStrict) {
+  const type = fieldType[componentValueType]
+  const operatorList = getOperatorOption(type)
+  const operator = operatorList.find(item => item[isStrict ? 'strict' : 'isFrezz'])
+  return operator
+}

package/package/t-data-list/src/mixins/button-controll-mixin.js

@@ -0,0 +1,77 @@
+/**
+ * 按钮处理函数混入对象
+ * 为了避免将来按钮逐渐增多，导致查询页面代码庞大
+ * 顶部的所有按钮的处理函数都放入当前混入对象中
+ */
+import { del } from '@/api/tableV3.js'
+
+export default {
+  methods: {
+    // 跳转到新增页面
+    insert () {
+      const randomStr = Math.random().toString(36).slice(8)
+      this.$router.replace(`${this.$route.path}/insert/${randomStr}`)
+    },
+    // 跳转到修改页面
+    update () {
+      if (this.selectedRows.length === 0) {
+        return this.$message.warning('请选择一条数据')
+      }
+      if (this.selectedRows.length > 1) {
+        return this.$message.warning('只允许选择一条数据')
+      }
+      const randomStr = Math.random().toString(36).slice(8)
+      this.$router.replace(`${this.$route.path}/update/${randomStr}/${this.ids[0]}`)
+    },
+    // 删除列表数据
+    del () {
+      if (this.ids.length === 0) {
+        this.$message.info('您还未选择数据')
+        return
+      }
+      this.$confirm('是否确定删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(async () => {
+        const { code, msg } = await del({
+          target: this.target,
+          params: {
+            ids: this.ids.join(',')
+          }
+        })
+        if (code !== 0) {
+          return this.$message.error(msg)
+        }
+        this.$message.success('删除成功')
+        this.refresh()
+      })
+    },
+    // 打开下推的弹窗口
+    showPushDown () {
+      if (!this.ids.length) {
+        return this.$message.error('请先选择数据')
+      }
+      this.pushdownVisible = true
+    },
+    /**
+     *
+     * @param {*} clearTableSelect  刷新完毕后是否清空已选 默认不清空
+     * @param {*} clearCondition    是否清空所有条件进行刷新,默认保留当前条件(目前只有刷新按钮不保留条件)
+     */
+    refresh (clearTableSelect = false, clearCondition = false) {
+      if (!clearTableSelect) {
+        this.syncData.tableSelectionClear = false
+      }
+      if (clearCondition) {
+        this.query.conditionAlwaysList = []
+        this.query.conditionGroup = null
+        this.query.conditionMultiList = []
+        this.query.conditionQuickList = []
+        this.query.pageNum = 1
+        this.query.pageSize = 200
+      }
+      this.getTableData(false, true)
+    }
+  }
+}

package/package/t-data-list/src/pushdown/push-down.vue

@@ -0,0 +1,158 @@
+<template>
+  <el-dialog
+    title="下推"
+    :visible="visible"
+    width="35%"
+    @update:visible="$emit('update:visible',$event)"
+    @open="handleOpen"
+  >
+    <div class="header">
+      <i class="el-icon-refresh" @click="refreshMethod" />
+    </div>
+    <div class="table-info">
+      <ux-grid
+        ref="pushDownTable"
+        v-loading="tableLoading"
+        column-key
+        :data="tableData"
+        beautify-table
+        border
+        highlight-current-row
+        show-header-overflow
+        show-overflow="tooltip"
+        class="common-table"
+        :width-resize="true"
+        :checkbox-config="{highlight: true ,trigger: 'row'}"
+        @current-change="currentChange"
+        @selection-change="selectionChange"
+      >
+        <ux-table-column type="checkbox" fixed="left" align="center" width="60" />
+        <ux-table-column field="value" title="单据名称" align="center" resizable width="" />
+        <template slot="empty">
+          <SvgIcon icon-class="table-empty" style="width: 6vw;height: 6vh;margin-top: 3vh" />
+          <div style="font-size: 1.4vh;margin-bottom: 10.5vh">
+            暂无数据
+          </div>
+        </template>
+      </ux-grid>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button class="common-header-button close" @click="$emit('update:visible',false)">取 消</el-button>
+      <el-button class="common-header-button" @click="dialogConfirm">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+import { findBillExchangeRouterVO } from '@/api/push-down'
+import { pushDownValid } from '@/api/tableV3'
+export default {
+  components: {
+
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    pushDownTableName: {
+      type: String,
+      default: null
+    },
+    parentSelectionData: {
+      type: Array,
+      default: () => []
+    },
+    needAuditFlag: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      selectionData: [],
+      tableData: [],
+      tableLoading: false,
+      refreshMethod: null
+    }
+  },
+  created () {
+    this.refreshMethod = this.utils.debounce(this.getTableData)
+  },
+  methods: {
+    handleOpen () {
+      this.getTableData()
+    },
+    /**
+     * 获取下推单据列表
+     */
+    getTableData () {
+      if (this.pushDownTableName) {
+        this.tableData = []
+        this.tableLoading = true
+        this.selectionData = []
+        const data = {
+          originTableName: this.pushDownTableName
+        }
+        findBillExchangeRouterVO(data).then(res => {
+          if (res.code === 0) {
+            this.tableData = res.data.filter(item => {
+              return item.value && item.routerName
+            })
+          } else {
+            this.$message.warning('获取数据失败，请稍后重试！')
+          }
+          this.tableLoading = false
+        }).catch(() => {
+          this.tableLoading = false
+        })
+      }
+    },
+    /**
+     * 表格当前行change事件
+     * @param row
+     */
+    currentChange (row) {
+      this.$refs.pushDownTable.clearSelection()
+      this.$refs.pushDownTable.setCurrentRow(row)
+    },
+
+    /**
+     * 表格选择项change事件
+     */
+    selectionChange (value) {
+      this.selectionData = value
+    },
+
+    /**
+     * 弹框确认事件
+     */
+    async dialogConfirm () {
+      if (!this.selectionData.length) {
+        return this.$message.error('请选择目标单')
+      }
+
+      // 校验是否满足下推条件
+      const name = this.selectionData[0].value
+      const ids = Array.from(new Set(this.parentSelectionData))
+      const res = await pushDownValid(name, ids)
+      if (res.code !== 0) {
+        return this.$message.error(res.msg)
+      }
+
+      this.$emit('update:visible', false)
+      const list = [...new Set(this.parentSelectionData)]
+      const data = {
+        pid: list.join(','),
+        pushDownName: this.selectionData[0].value
+      }
+      const randomNum = Math.floor(Math.random() * 1000000)
+      const routerName = this.selectionData[0].routerName
+      window.history.pushState({ ...data }, '', routerName + '/' + randomNum)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/package/t-data-list/src/t-list-search.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="t-list-search-wrapper">
+    <el-input
+      v-model="value"
+      prefix-icon="el-icon-search"
+      @keydown.enter.native="$emit('search',value)"
+    />
+  </div>
+</template>
+<script>
+export default {
+  data () {
+    return {
+      value: ''
+    }
+  }
+
+}
+</script>
+
+<style lang="less" scoped>
+  .t-list-search-wrapper{
+    width:200px;
+    margin-right:12px;
+    ::v-deep .el-input__inner {
+      border:none ;
+      border-radius: 0;
+      border-bottom: 1px solid #a7a1a1;
+
+    }
+  }
+</style>

package/package/t-data-list/src/t-plan/condition-always-item.vue

@@ -0,0 +1,143 @@
+<template>
+  <div class="condition-always-item">
+    <div class="title">
+      <span>{{ data.title }}：</span>
+    </div>
+
+    <div class="values">
+      <div
+        v-for="item in conditonOptions"
+        :key="item.enumId"
+        :class="['value-item',isActive(item.enumId)? 'active':'']"
+        @click="handleClick(item)"
+      >
+        {{ item.name }}
+      </div>
+    </div>
+
+    <div class="swich-button">
+      <template v-if="singleSelect">
+        <el-button size="mini" type="primary" @click="switchToMulti">多选</el-button>
+      </template>
+      <template v-else>
+        <el-button size="mini" type="primary" @click="multiSelected">确定</el-button>
+        <el-button size="mini" type="danger" @click="switchToSingle">取消</el-button>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    data: {
+      type: Object,
+      default: null
+    },
+    value: {
+      type: Array,
+      default: null
+    }
+  },
+  data () {
+    return {
+      multiSelectedCache: [],
+      singleSelect: true
+    }
+  },
+  computed: {
+    isActive () {
+      return function (value) {
+        if (this.singleSelect) {
+          return this.value.includes(value)
+        }
+        return this.multiSelectedCache.includes(value)
+      }
+    },
+    conditonOptions () {
+      if (this.singleSelect) {
+        return this.data.options
+      }
+      return this.data.options.filter(option => option.enumId !== '-1')
+    }
+  },
+  methods: {
+    handleClick (item) {
+      // 单选模式下
+      if (this.singleSelect) {
+        this.selected = [item.enumId]
+        return this.$emit('input', [item.enumId])
+      }
+
+      // 多选模式下
+      if (this.multiSelectedCache.includes(item.enumId)) {
+        return this.multiSelectedCache.splice(this.multiSelectedCache.indexOf(item.enumId), 1)
+      }
+      this.multiSelectedCache.push(item.enumId)
+    },
+    // 切换到多选状态
+    switchToMulti () {
+      this.singleSelect = false
+      this.multiSelectedCache = []
+      this.multiSelectedCache.push(...this.value)
+    },
+    // 切换到单选状态
+    switchToSingle () {
+      this.singleSelect = true
+      this.multiSelectedCache = []
+    },
+    multiSelected () {
+      const index = this.multiSelectedCache.indexOf('-1')
+      index !== -1 && this.multiSelectedCache.splice(index, 1)
+      this.$emit('input', this.multiSelectedCache)
+      this.singleSelect = true
+    }
+  }
+
+}
+</script>
+
+<style scoped lang='less'>
+  // 整体
+  .condition-always-item {
+    display:flex;
+    justify-content: space-between;
+    border-top:1px solid #dddfe6;
+    padding-top:5px;
+    // align-items:center;
+
+    .title {
+      margin-top:5px;
+    }
+
+    // 可选值wrapper
+    .values {
+      flex:1;
+      display:flex;
+      flex-wrap: wrap;
+
+      //可选值 item
+      .value-item {
+        cursor: pointer;
+        user-select: none;
+        border:1px #d5d5d9 solid;
+        color:#9999a1;
+        border-radius:3px;
+        padding:5px;
+        margin-left:10px;
+        margin-bottom:5px;
+      }
+      .active {
+        color:#075699;
+        border:1px solid #075699;
+      }
+    }
+
+    .swich-button {
+      .el-button {
+        background-color: #075699;
+        border:none;
+      }
+    }
+  }
+</style>