@tongfun/tf-widget 0.1.18 → 0.1.22

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

@@ -1,34 +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
-}
+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

@@ -1,77 +1,93 @@
-/**
- * 按钮处理函数混入对象
- * 为了避免将来按钮逐渐增多，导致查询页面代码庞大
- * 顶部的所有按钮的处理函数都放入当前混入对象中
- */
-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)
-    }
-  }
-}
+/**
+ * 按钮处理函数混入对象
+ * 为了避免将来按钮逐渐增多，导致查询页面代码庞大
+ * 顶部的所有按钮的处理函数都放入当前混入对象中
+ */
+import { del } from '@/api/tableV3.js'
+
+export default {
+  methods: {
+    // 跳转到新增页面
+    insert () {
+      if (this.$listeners.insert) {
+        return this.$emit('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('只允许选择一条数据')
+      }
+      if (this.$listeners.update) {
+        return this.$emit('update', this.selectedRows[0])
+      }
+      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,
+          ids: this.ids
+        })
+        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.$refs.tListSearchRef.reset()
+        this.searchSuggestCondition = []
+
+        // 清空分组条件
+        this.query.conditionGroup = null
+
+        // 清空表头条件
+        // 清空过滤器显示状态，和快捷过滤条件缓存，通过事件方式将操作改为异步提升速度(好像也没有提升多少)
+        this.query.conditionQuickList = []
+        this.$refs.TtableRef.$emit('headConditionClear')
+
+        this.query.pageNum = 1
+        this.query.pageSize = 200
+
+        // 通知方案切换到默认方案 ,然后触发查询
+        this.$refs.TplanRef.resetToDefaultPlan()
+        return
+      }
+      this.getTableData(false, true)
+    }
+  }
+}

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

@@ -1,158 +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>
+<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

@@ -1,32 +1,36 @@
-<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>
+<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: ''
+    }
+  },
+  methods: {
+    reset () {
+      this.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>