@tongfun/tf-widget 0.1.18 → 0.1.22

package/package/svg-icon/index.js

@@ -1,8 +1,8 @@
-import SvgIcon from './src/SvgIcon'
-
-/* istanbul ignore next */
-SvgIcon.install = function (Vue) {
-  Vue.component(SvgIcon.name, SvgIcon)
-}
-
-export default SvgIcon
+import SvgIcon from './src/SvgIcon'
+
+/* istanbul ignore next */
+SvgIcon.install = function (Vue) {
+  Vue.component(SvgIcon.name, SvgIcon)
+}
+
+export default SvgIcon

package/package/svg-icon/src/SvgIcon.vue

@@ -1,59 +1,59 @@
-<template>
-  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
-  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
-    <use :xlink:href="iconName" />
-  </svg>
-</template>
-
-<script>
-import { isExternal } from '@/utils/validate'
-export default {
-  name: 'SvgIcon',
-  props: {
-    iconClass: {
-      type: String,
-      required: true
-    },
-    className: {
-      type: String,
-      default: ''
-    }
-  },
-  computed: {
-    isExternal () {
-      return isExternal(this.iconClass)
-    },
-    iconName () {
-      return `#icon-${this.iconClass}`
-    },
-    svgClass () {
-      if (this.className) {
-        return 'svg-icon ' + this.className
-      } else {
-        return 'svg-icon'
-      }
-    },
-    styleExternalIcon () {
-      return {
-        mask: `url(${this.iconClass}) no-repeat 50% 50%`,
-        '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-  .svg-icon {
-    width: 1em;
-    height: 1em;
-    vertical-align: -0.15em;
-    fill: currentColor;
-    overflow: hidden;
-  }
-  .svg-external-icon {
-    background-color: currentColor;
-    mask-size: cover!important;
-    display: inline-block;
-  }
-</style>
+<template>
+  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
+  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
+    <use :xlink:href="iconName" />
+  </svg>
+</template>
+
+<script>
+import { isExternal } from '@/utils/validate'
+export default {
+  name: 'SvgIcon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true
+    },
+    className: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    isExternal () {
+      return isExternal(this.iconClass)
+    },
+    iconName () {
+      return `#icon-${this.iconClass}`
+    },
+    svgClass () {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    },
+    styleExternalIcon () {
+      return {
+        mask: `url(${this.iconClass}) no-repeat 50% 50%`,
+        '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .svg-icon {
+    width: 1em;
+    height: 1em;
+    vertical-align: -0.15em;
+    fill: currentColor;
+    overflow: hidden;
+  }
+  .svg-external-icon {
+    background-color: currentColor;
+    mask-size: cover!important;
+    display: inline-block;
+  }
+</style>

package/package/t-data-list/index.js

@@ -1,6 +1,6 @@
-import TDataList from './main.vue'
-
-TDataList.install = function (Vue) {
-  Vue.component(TDataList.name, TDataList)
-}
-export default TDataList
+import TDataList from './main.vue'
+
+TDataList.install = function (Vue) {
+  Vue.component(TDataList.name, TDataList)
+}
+export default TDataList

package/package/t-data-list/main.vue

@@ -1,192 +1,193 @@
-<template>
-  <div class="page">
-    <div class="t-data-list-controll">
-      <div class="common-table-header">
-        <!--
-          按钮区域
-          以下按钮的处理逻辑统一在button-controll-mixin的混入对象当中
-       -->
-        <div class="common-table-buttons">
-          <slot name="insertReplace" />
-          <el-button v-if="!$slots.insertReplace" v-debounce type="primary" size="mini" @click="insert">新增</el-button>
-
-          <slot name="updateReplace" />
-          <el-button v-if="!$slots.updateReplace" v-debounce type="primary" size="mini" @click="update">修改</el-button>
-
-          <slot name="pushDownReplace" />
-          <el-button v-if="!$slots.pushDownReplace && pushDownTableName" v-debounce type="primary" size="mini" @click="showPushDown">下推</el-button>
-
-          <slot name="deleteReplace" />
-          <el-button v-if="!$slots.deleteReplace" v-debounce type="primary" size="mini" @click="del">删除 </el-button>
-
-          <el-button v-debounce type="primary" size="mini" @click="refresh(false,true)">刷新 </el-button>
-          <!-- <el-button type="primary" size="mini">批改</el-button> -->
-          <slot name="importAndExport" />
-          <slot name="buttons" />
-        </div>
-
-        <!-- 搜索输入框 -->
-        <TListSearch class="common-table-buttons-search" @search="handleSuggestMultiCondition($event)" />
-      </div>
-      <!--过滤方案-->
-      <Tplan :fields-option="tableLayout" @change="handlePlanConditionChange" />
-    </div>
-
-    <!--
-      数据区域
-        layout:表格表头字段和类型
-        sum: 表格的底部合集行的数据，条件发生改变的时候获取新的结果，翻页不获取
-        show-summary
-        data:表格的数据
-        enableGroup:是否显示分组，一般基础资料列表显示分组，业务列表不显示
-        enable-group-edit: 分组是否可以编辑（添加修改，一般基础资料列表中可以修改，弹窗中不允许修改
-        page-size:每页条数
-        current-page:当前页数
-        update-in-dialog:点击编辑或者双击数据行的时候，不进行页面跳转，而是将该行的id发射出来
-        @groupChange:监听分组条件改变
-        @conditionChange 监听到表头条件改变
-        @size-change 监听每页条数改变
-        @current-change 监听当前页改
-        @dbclick 处理双击事件
-        @dbRowClick 也是双击事件，但是当前行的数据被事件发射出来
-     -->
-    <Ttable
-      class="t-table"
-      :layout="tableLayout"
-      :sum="tableSum"
-      show-summary
-      :data="tableData"
-      :disable-sum="disableSum"
-      :enable-group="enableGroup"
-      enable-group-edit
-      :page-size="query.pageSize"
-      :current-page="query.pageNum"
-      :update-in-dialog="getDbId"
-      @condition-change="handleHeadChange"
-      @groupChange="handleGroupChange"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-      @dbClick="handleDbClick"
-      @dbRowClick="$emit('dbRowClick',$event)"
-    />
-
-    <!-- 下推弹窗 -->
-    <PushDown
-      :visible.sync="pushdownVisible"
-      :push-down-table-name="pushDownTableName"
-      :parent-selection-data="ids"
-    />
-  </div>
-</template>
-<script>
-import TListSearch from './src/t-list-search.vue'
-import Tplan from './src/t-plan'
-import Ttable from './src/t-table'
-import PushDown from './src/pushdown/push-down.vue'
-import buttonControll from './src/mixins/button-controll-mixin.js'
-import dataQuery from '@/mixins/t-data-query-mixin.js'
-export default {
-  name: 'TDataList',
-  components: {
-    Tplan, Ttable, PushDown, TListSearch
-  },
-  mixins: [buttonControll, dataQuery],
-  props: {
-    // 目标单据,接口地址的一部分，单据列表的标识符
-    target: {
-      type: String,
-      default: ''
-    },
-    pushDownTableName: {
-      type: String,
-      default: null
-    },
-    // 表格双击不跳转路由，而是将数据的id发射出来
-    getDbId: {
-      type: Boolean,
-      default: false
-    },
-    getDbRow: {
-      type: Boolean,
-      default: false
-    },
-    // 页面组件控制配置
-    showHeader: {
-      type: Boolean,
-      default: true
-    },
-    enableGroup: {
-      type: Boolean,
-      default: false
-    },
-    disableSum: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data () {
-    return {
-      // 下推弹窗是否显示
-      pushdownVisible: false,
-      queryType: 'LIST'
-    }
-  },
-  created () {
-    this.getTableLayout()
-  },
-  methods: {
-    /**
-     * 方案进行切换/方案中的高级条件变化后进行查询
-     * 在方案中点击查促按钮触发此事件
-     * 也是列表页面第一次获取表格数据内容的入口
-     */
-    handlePlanConditionChange (value) {
-      this.queryPlanCondition = value.conditionMulti
-      this.query.conditionAlwaysList = value.conditionAlways
-      this.getTableData(false, true)
-    },
-    // 数据行被双击
-    handleDbClick (value) {
-      this.$emit('dbClick', value)
-    }
-  }
-}
-</script>
-
-<style scoped lang='less'>
-// 列表页面的外轮廓
-.page{
-  height:100%;
-  margin:0 10px;
-  background-color: #F0F2F5;
-  border-radius:10px;
-  //按钮组和过滤条件所在列表的操控区域的样式
-  .t-data-list-controll {
-    // height:6vh;
-    border-radius: 4px;
-    padding: 1.1111vh 1.1111vh 0 1.1111vh;
-    background-color: #fff;
-    margin-bottom:10px;
-    .common-table-header{
-      display: flex;
-      justify-content: space-between;
-      .common-table-buttons{
-        min-width: 800px;
-        display: flex;
-        justify-content: flex-start;
-        .el-button{
-          background-color: #0c4c8e!important;
-          border-color: #0c4c8e;
-        }
-      }
-      .common-table-buttons-search{
-        height: 30px;
-      }
-    }
-  }
-}
-
-// .t-table{
-//   height: 80vh
-// }
-</style>
+<template>
+  <div class="page">
+    <div class="t-data-list-controll">
+      <div class="common-table-header">
+        <!--
+          按钮区域
+          以下按钮的处理逻辑统一在button-controll-mixin的混入对象当中
+       -->
+        <div class="common-table-buttons">
+          <slot name="insertReplace" />
+          <el-button v-if="!$slots.insertReplace" v-debounce type="primary" size="mini" @click="insert">新增</el-button>
+
+          <slot name="updateReplace" />
+          <el-button v-if="!$slots.updateReplace" v-debounce type="primary" size="mini" @click="update">修改</el-button>
+
+          <slot name="pushDownReplace" />
+          <el-button v-if="!$slots.pushDownReplace && pushDownTableName" v-debounce type="primary" size="mini" @click="showPushDown">下推</el-button>
+
+          <slot name="deleteReplace" />
+          <el-button v-if="!$slots.deleteReplace" v-debounce type="primary" size="mini" @click="del">删除 </el-button>
+
+          <el-button v-debounce type="primary" size="mini" @click="refresh(false,true)">刷新 </el-button>
+          <!-- <el-button type="primary" size="mini">批改</el-button> -->
+          <slot name="importAndExport" />
+          <slot name="buttons" :ids="ids" :rows="selectedRows" />
+        </div>
+
+        <!-- 搜索输入框 -->
+        <TListSearch ref="tListSearchRef" class="common-table-buttons-search" @search="handleSuggestMultiCondition($event)" />
+      </div>
+      <!--过滤方案-->
+      <Tplan ref="TplanRef" :fields-option="tableLayout" @change="handlePlanConditionChange" />
+    </div>
+
+    <!--
+      数据区域
+        layout:表格表头字段和类型
+        sum: 表格的底部合集行的数据，条件发生改变的时候获取新的结果，翻页不获取
+        show-summary
+        data:表格的数据
+        enableGroup:是否显示分组，一般基础资料列表显示分组，业务列表不显示
+        enable-group-edit: 分组是否可以编辑（添加修改，一般基础资料列表中可以修改，弹窗中不允许修改
+        page-size:每页条数
+        current-page:当前页数
+        update-in-dialog:点击编辑或者双击数据行的时候，不进行页面跳转，而是将该行的id发射出来
+        @groupChange:监听分组条件改变
+        @conditionChange 监听到表头条件改变
+        @size-change 监听每页条数改变
+        @current-change 监听当前页改
+        @dbclick 处理双击事件
+        @dbRowClick 也是双击事件，但是当前行的数据被事件发射出来
+     -->
+    <Ttable
+      ref="TtableRef"
+      class="t-table"
+      :layout="tableLayout"
+      :sum="tableSum"
+      show-summary
+      :data="tableData"
+      :enable-sum="enableSum"
+      :enable-group="enableGroup"
+      enable-group-edit
+      :page-size="query.pageSize"
+      :current-page="query.pageNum"
+      :update-in-dialog="getDbId"
+      @condition-change="handleHeadChange"
+      @groupChange="handleGroupChange"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      @dbClick="handleDbClick"
+      @dbRowClick="$emit('dbRowClick',$event)"
+    />
+
+    <!-- 下推弹窗 -->
+    <PushDown
+      :visible.sync="pushdownVisible"
+      :push-down-table-name="pushDownTableName"
+      :parent-selection-data="ids"
+    />
+  </div>
+</template>
+<script>
+import TListSearch from './src/t-list-search.vue'
+import Tplan from './src/t-plan'
+import Ttable from './src/t-table'
+import PushDown from './src/pushdown/push-down.vue'
+import buttonControll from './src/mixins/button-controll-mixin.js'
+import dataQuery from '@/mixins/t-data-query-mixin.js'
+import debounce from '@/directives/debounce.js'
+export default {
+  name: 'TDataList',
+  components: {
+    Tplan, Ttable, PushDown, TListSearch
+  },
+  directives: {
+    debounce
+  },
+  mixins: [buttonControll, dataQuery],
+  props: {
+    // 目标单据,接口地址的一部分，单据列表的标识符
+    target: {
+      type: String,
+      default: ''
+    },
+    pushDownTableName: {
+      type: String,
+      default: null
+    },
+    // 表格双击不跳转路由，而是将数据的id发射出来
+    getDbId: {
+      type: Boolean,
+      default: false
+    },
+    getDbRow: {
+      type: Boolean,
+      default: false
+    },
+    // 页面组件控制配置
+    showHeader: {
+      type: Boolean,
+      default: true
+    },
+    enableGroup: {
+      type: Boolean,
+      default: false
+    },
+    enableSum: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      // 下推弹窗是否显示
+      pushdownVisible: false,
+      queryType: 'LIST'
+    }
+  },
+  created () {
+    this.getTableLayout()
+  },
+  methods: {
+    /**
+     * 方案进行切换/方案中的高级条件变化后进行查询
+     * 在方案中点击查促按钮触发此事件
+     * 也是列表页面第一次获取表格数据内容的入口
+     */
+    handlePlanConditionChange (value) {
+      this.queryPlanCondition = value.conditionMulti
+      this.query.conditionAlwaysList = value.conditionAlways
+      this.getTableData(false, true)
+    },
+    // 数据行被双击
+    handleDbClick (value) {
+      this.$emit('dbClick', value)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+// 列表页面的外轮廓
+.page{
+  height:100%;
+  margin:0 10px;
+  background-color: #F0F2F5;
+  border-radius:10px;
+  //按钮组和过滤条件所在列表的操控区域的样式
+  .t-data-list-controll {
+    // height:6vh;
+    border-radius: 4px;
+    padding: 1.1111vh 1.1111vh 0 1.1111vh;
+    background-color: #fff;
+    margin-bottom:10px;
+    .common-table-header{
+      display: flex;
+      justify-content: space-between;
+      .common-table-buttons{
+        min-width: 800px;
+        display: flex;
+        justify-content: flex-start;
+        .el-button{
+          background-color: #0c4c8e!important;
+          border-color: #0c4c8e;
+        }
+      }
+      .common-table-buttons-search{
+        height: 30px;
+      }
+    }
+  }
+}
+</style>

package/package/t-data-list/src/condition-input/basic.vue

@@ -1,31 +1,31 @@
-<template>
-  <el-input :value="value" size="mini" :disabled="disabled" @input="handleInput" />
-</template>
-<script>
-export default {
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data () {
-    return {
-
-    }
-  },
-  methods: {
-    handleInput (newValue) {
-      this.$emit('input', newValue)
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <el-input :value="value" size="mini" :disabled="disabled" @input="handleInput" />
+</template>
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+
+    }
+  },
+  methods: {
+    handleInput (newValue) {
+      this.$emit('input', newValue)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>