@tongfun/tf-widget 0.1.20 → 0.1.21

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

@@ -1,93 +1,93 @@
-<template>
-  <div class="pagination">
-    <div class="selected-total">
-      已选中行数:
-      <span>{{ selectedTotal }}</span>
-    </div>
-    <el-pagination
-      :current-page="paging.current"
-      :page-sizes="pageSizes"
-      :page-size="paging.size"
-      :layout="pagerCount ? 'total, sizes, prev, next, jumper' : 'total, sizes, prev, pager, next, jumper'"
-      :total="total"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Pagination',
-  props: {
-    // 选中行数
-    selectedTotal: {
-      type: Number,
-      default: 0
-    },
-    // 分页总数
-    total: {
-      type: Number,
-      default: 0
-    },
-    pagerCount: {
-      type: Boolean,
-      default: false
-    },
-    paging: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    }
-  },
-  data () {
-    return {
-      pageSizes: [50, 100, 200, 500]
-    }
-  },
-  mounted () {
-    // this.changePage()
-  },
-  methods: {
-    changePage () {
-      this.$emit('pageChange', this.paging)
-    },
-    /**
-     * 每页查看条数变化
-     * @param val 每页条数
-     */
-    handleSizeChange (val) {
-      this.paging.size = val
-      this.changePage()
-    },
-    /**
-     * 当前页码变化
-     * @param val 页码
-     */
-    handleCurrentChange (val) {
-      this.paging.current = val
-      this.changePage()
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.pagination{
-  display: flex;
-  justify-content: flex-end;
-  .selected-total{
-    display: flex;
-    align-items: center;
-    color: #606266;
-    font-size: 13px;
-    span{
-      margin-left: 20px;
-      margin-right: 20px;
-      text-decoration: underline;
-    }
-  }
-}
-
-</style>
+<template>
+  <div class="pagination">
+    <div class="selected-total">
+      已选中行数:
+      <span>{{ selectedTotal }}</span>
+    </div>
+    <el-pagination
+      :current-page="paging.current"
+      :page-sizes="pageSizes"
+      :page-size="paging.size"
+      :layout="pagerCount ? 'total, sizes, prev, next, jumper' : 'total, sizes, prev, pager, next, jumper'"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Pagination',
+  props: {
+    // 选中行数
+    selectedTotal: {
+      type: Number,
+      default: 0
+    },
+    // 分页总数
+    total: {
+      type: Number,
+      default: 0
+    },
+    pagerCount: {
+      type: Boolean,
+      default: false
+    },
+    paging: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  data () {
+    return {
+      pageSizes: [50, 100, 200, 500]
+    }
+  },
+  mounted () {
+    // this.changePage()
+  },
+  methods: {
+    changePage () {
+      this.$emit('pageChange', this.paging)
+    },
+    /**
+     * 每页查看条数变化
+     * @param val 每页条数
+     */
+    handleSizeChange (val) {
+      this.paging.size = val
+      this.changePage()
+    },
+    /**
+     * 当前页码变化
+     * @param val 页码
+     */
+    handleCurrentChange (val) {
+      this.paging.current = val
+      this.changePage()
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.pagination{
+  display: flex;
+  justify-content: flex-end;
+  .selected-total{
+    display: flex;
+    align-items: center;
+    color: #606266;
+    font-size: 13px;
+    span{
+      margin-left: 20px;
+      margin-right: 20px;
+      text-decoration: underline;
+    }
+  }
+}
+
+</style>

package/package/tf-widget/src/children/basic-data/dependcy/table-control.vue

@@ -1,240 +1,240 @@
-<template>
-  <div>
-    <el-dialog
-      :visible.sync="showDialog"
-      class="table-control"
-      :append-to-body="true"
-      @close="closeDialog"
-    >
-      <template v-slot:title> 列表控制 </template>
-      <div class="table-control-header">
-        <ul>
-          <li @click="recoverDefault">恢复默认</li>
-          <li>|</li>
-          <li @click="onlySingle">
-            <span>{{ hiddenHeaderFlag ? '显示单据头+单据体':'只显示单据头' }}</span>
-          </li>
-          <li>|</li>
-          <li @click="allHidden">
-            <span>{{ allHiddenFlag ? '全部显示':'全部隐藏' }}</span>
-          </li>
-          <li>|</li>
-          <li @click="allIce">
-            <span v-if="allFixedFlag === false">全部冻结</span>
-            <span v-else>取消全部冻结</span>
-          </li>
-        </ul>
-      </div>
-      <div class="table-control-body">
-        <ux-grid
-          ref="plxTable"
-          :data="tableLayout"
-          border
-          show-overflow
-          max-height="600"
-          :width-resize="true"
-          :highlight-current-row="false"
-          :edit-config="{trigger: 'click', mode: 'cell'}"
-        >
-          <ux-table-column type="index" width="80" align="center" />
-          <ux-table-column field="title" title="列名" align="center" width="180" />
-          <ux-table-column field="align" title="对齐方式" align="center" width="360">
-            <template v-slot="{ row }">
-              <el-radio-group v-model="row.align">
-                <el-radio v-for="item in alignList" :key="item.value" :label="item.value">{{ item.label }}</el-radio>
-              </el-radio-group>
-            </template>
-          </ux-table-column>
-          <ux-table-column field="hiddenFlag" title="隐藏列" align="center">
-            <!--这个呢是编辑状态下的方式-->
-            <template v-slot="scope">
-              <el-switch
-                v-model="scope.row.hiddenFlag"
-                active-color="#13ce66"
-                inactive-color="#D8D8D8"
-              />
-            </template>
-          </ux-table-column>
-          <ux-table-column field="fixedBak" title="冻结列" align="center">
-            <!--这个呢是编辑状态下的方式-->
-            <template v-slot="scope">
-              <el-switch
-                v-model="scope.row.fixedBak"
-                active-color="#13ce66"
-                inactive-color="#D8D8D8"
-                @change="changeFixed(scope)"
-              />
-            </template>
-          </ux-table-column>
-        </ux-grid>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-export default {
-  components: {},
-  props: {
-    tableLayout: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    dialogTableVisible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data () {
-    return {
-      alignList: [
-        {
-          value: 'left',
-          label: '居左'
-        },
-        {
-          value: 'center',
-          label: '默认'
-        },
-        {
-          value: 'right',
-          label: '居右'
-        }
-      ],
-      showDialog: false, // 列表控制弹框
-      allHiddenFlag: false, // 全部隐藏标志
-      allFixedFlag: false, // 全部冻结标志
-      hiddenHeaderFlag: false, // 只显示单据头标志
-      checkboxList: [],
-      emptyString: ''
-    }
-  },
-  watch: {
-    // 监听 dialogTableVisible 改变
-    dialogTableVisible (newVal) {
-      this.showDialog = newVal
-    }
-  },
-  mounted () {
-    // 初始化fixedBak
-    this.initFixedBak()
-  },
-
-  methods: {
-
-    // 初始化fixedBak
-    initFixedBak () {
-      this.tableLayout.forEach(item => {
-        item.fixedBak = item.fixed === 'left'
-      })
-    },
-
-    // 对齐方式显示为中文
-    getAlignLabel (val) {
-      const item = this.alignList.filter(item => item.value === val)[0]
-      return item ? item.label : ''
-    },
-
-    changeFixed (scope) {
-      this.$nextTick(() => {
-        const index = this.tableLayout.findIndex(d => d._XID === scope.row._XID)
-        this.tableLayout.splice(index, 1, { ...this.tableLayout[index], fixed: scope.row.fixedBak ? 'left' : '' })
-        // 更新列配置
-        this.$emit('updateColumn')
-      })
-    },
-
-    closeDialog () {
-      this.$emit('closeDialog', false)
-    },
-
-    // 恢复默认
-    recoverDefault () {
-      this.tableLayout.forEach((item, index) => {
-        this.tableLayout.splice(index, 1, { ...item, hiddenFlag: false, fixed: '', fixedBak: false })
-      })
-      this.allHiddenFlag = false
-      this.allFixedFlag = false
-      this.hiddenHeaderFlag = false
-      // 更新列配置
-      this.$emit('updateColumn')
-      this.$message.success('恢复默认成功')
-    },
-
-    // 只显示单据头
-    onlySingle () {
-    },
-
-    // 全部隐藏 + 全部显示
-    allHidden () {
-      // 全部隐藏
-      if (this.allHiddenFlag === false) {
-        this.tableLayout.forEach((item, index) => {
-          this.tableLayout.splice(index, 1, { ...item, hiddenFlag: true })
-        })
-        this.allHiddenFlag = true
-        this.$message.success('全部隐藏成功')
-      } else { // 全部显示
-        this.tableLayout.forEach((item, index) => {
-          this.tableLayout.splice(index, 1, { ...item, hiddenFlag: false })
-        })
-        this.allHiddenFlag = false
-        this.$message.success('全部显示成功')
-      }
-    },
-
-    // 全部冻结 + 取消全部冻结
-    allIce () {
-      // 全部冻结
-      if (this.allFixedFlag === false) {
-        this.tableLayout.forEach((item, index) => {
-          this.tableLayout.splice(index, 1, { ...item, fixedBak: true, fixed: 'left' })
-        })
-        this.allFixedFlag = true
-        this.$message.success('全部冻结成功')
-      } else { // 取消全部冻结
-        this.tableLayout.forEach((item, index) => {
-          this.tableLayout.splice(index, 1, { ...item, fixedBak: false, fixed: '' })
-        })
-        this.allFixedFlag = false
-        this.$message.success('取消全部冻结成功')
-      }
-      // 更新列配置
-      this.$emit('updateColumn')
-    }
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-  .table-control{
-    /deep/ .el-dialog {
-      border-radius: 0.9259vh 0.9259vh 0 0;
-      /deep/ .el-dialog__header {
-        background: #0261A4;
-        color: #fff;
-        border-radius: 0.9259vh 0.9259vh 0 0;
-      }
-    }
-
-    /*头部样式*/
-    .table-control-header {
-      height: 3.7963vh;
-      margin: 0 auto;
-      text-align: center;
-      ul :nth-child(odd) {
-        color: #0261A4;
-        cursor: pointer;
-      }
-      li {
-        display: inline;
-        line-height: 3.7963vh;
-        margin: 0 1.9444vh;
-      }
-    }
-
-  }
-
-</style>
+<template>
+  <div>
+    <el-dialog
+      :visible.sync="showDialog"
+      class="table-control"
+      :append-to-body="true"
+      @close="closeDialog"
+    >
+      <template v-slot:title> 列表控制 </template>
+      <div class="table-control-header">
+        <ul>
+          <li @click="recoverDefault">恢复默认</li>
+          <li>|</li>
+          <li @click="onlySingle">
+            <span>{{ hiddenHeaderFlag ? '显示单据头+单据体':'只显示单据头' }}</span>
+          </li>
+          <li>|</li>
+          <li @click="allHidden">
+            <span>{{ allHiddenFlag ? '全部显示':'全部隐藏' }}</span>
+          </li>
+          <li>|</li>
+          <li @click="allIce">
+            <span v-if="allFixedFlag === false">全部冻结</span>
+            <span v-else>取消全部冻结</span>
+          </li>
+        </ul>
+      </div>
+      <div class="table-control-body">
+        <ux-grid
+          ref="plxTable"
+          :data="tableLayout"
+          border
+          show-overflow
+          max-height="600"
+          :width-resize="true"
+          :highlight-current-row="false"
+          :edit-config="{trigger: 'click', mode: 'cell'}"
+        >
+          <ux-table-column type="index" width="80" align="center" />
+          <ux-table-column field="title" title="列名" align="center" width="180" />
+          <ux-table-column field="align" title="对齐方式" align="center" width="360">
+            <template v-slot="{ row }">
+              <el-radio-group v-model="row.align">
+                <el-radio v-for="item in alignList" :key="item.value" :label="item.value">{{ item.label }}</el-radio>
+              </el-radio-group>
+            </template>
+          </ux-table-column>
+          <ux-table-column field="hiddenFlag" title="隐藏列" align="center">
+            <!--这个呢是编辑状态下的方式-->
+            <template v-slot="scope">
+              <el-switch
+                v-model="scope.row.hiddenFlag"
+                active-color="#13ce66"
+                inactive-color="#D8D8D8"
+              />
+            </template>
+          </ux-table-column>
+          <ux-table-column field="fixedBak" title="冻结列" align="center">
+            <!--这个呢是编辑状态下的方式-->
+            <template v-slot="scope">
+              <el-switch
+                v-model="scope.row.fixedBak"
+                active-color="#13ce66"
+                inactive-color="#D8D8D8"
+                @change="changeFixed(scope)"
+              />
+            </template>
+          </ux-table-column>
+        </ux-grid>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  components: {},
+  props: {
+    tableLayout: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    dialogTableVisible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    return {
+      alignList: [
+        {
+          value: 'left',
+          label: '居左'
+        },
+        {
+          value: 'center',
+          label: '默认'
+        },
+        {
+          value: 'right',
+          label: '居右'
+        }
+      ],
+      showDialog: false, // 列表控制弹框
+      allHiddenFlag: false, // 全部隐藏标志
+      allFixedFlag: false, // 全部冻结标志
+      hiddenHeaderFlag: false, // 只显示单据头标志
+      checkboxList: [],
+      emptyString: ''
+    }
+  },
+  watch: {
+    // 监听 dialogTableVisible 改变
+    dialogTableVisible (newVal) {
+      this.showDialog = newVal
+    }
+  },
+  mounted () {
+    // 初始化fixedBak
+    this.initFixedBak()
+  },
+
+  methods: {
+
+    // 初始化fixedBak
+    initFixedBak () {
+      this.tableLayout.forEach(item => {
+        item.fixedBak = item.fixed === 'left'
+      })
+    },
+
+    // 对齐方式显示为中文
+    getAlignLabel (val) {
+      const item = this.alignList.filter(item => item.value === val)[0]
+      return item ? item.label : ''
+    },
+
+    changeFixed (scope) {
+      this.$nextTick(() => {
+        const index = this.tableLayout.findIndex(d => d._XID === scope.row._XID)
+        this.tableLayout.splice(index, 1, { ...this.tableLayout[index], fixed: scope.row.fixedBak ? 'left' : '' })
+        // 更新列配置
+        this.$emit('updateColumn')
+      })
+    },
+
+    closeDialog () {
+      this.$emit('closeDialog', false)
+    },
+
+    // 恢复默认
+    recoverDefault () {
+      this.tableLayout.forEach((item, index) => {
+        this.tableLayout.splice(index, 1, { ...item, hiddenFlag: false, fixed: '', fixedBak: false })
+      })
+      this.allHiddenFlag = false
+      this.allFixedFlag = false
+      this.hiddenHeaderFlag = false
+      // 更新列配置
+      this.$emit('updateColumn')
+      this.$message.success('恢复默认成功')
+    },
+
+    // 只显示单据头
+    onlySingle () {
+    },
+
+    // 全部隐藏 + 全部显示
+    allHidden () {
+      // 全部隐藏
+      if (this.allHiddenFlag === false) {
+        this.tableLayout.forEach((item, index) => {
+          this.tableLayout.splice(index, 1, { ...item, hiddenFlag: true })
+        })
+        this.allHiddenFlag = true
+        this.$message.success('全部隐藏成功')
+      } else { // 全部显示
+        this.tableLayout.forEach((item, index) => {
+          this.tableLayout.splice(index, 1, { ...item, hiddenFlag: false })
+        })
+        this.allHiddenFlag = false
+        this.$message.success('全部显示成功')
+      }
+    },
+
+    // 全部冻结 + 取消全部冻结
+    allIce () {
+      // 全部冻结
+      if (this.allFixedFlag === false) {
+        this.tableLayout.forEach((item, index) => {
+          this.tableLayout.splice(index, 1, { ...item, fixedBak: true, fixed: 'left' })
+        })
+        this.allFixedFlag = true
+        this.$message.success('全部冻结成功')
+      } else { // 取消全部冻结
+        this.tableLayout.forEach((item, index) => {
+          this.tableLayout.splice(index, 1, { ...item, fixedBak: false, fixed: '' })
+        })
+        this.allFixedFlag = false
+        this.$message.success('取消全部冻结成功')
+      }
+      // 更新列配置
+      this.$emit('updateColumn')
+    }
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .table-control{
+    /deep/ .el-dialog {
+      border-radius: 0.9259vh 0.9259vh 0 0;
+      /deep/ .el-dialog__header {
+        background: #0261A4;
+        color: #fff;
+        border-radius: 0.9259vh 0.9259vh 0 0;
+      }
+    }
+
+    /*头部样式*/
+    .table-control-header {
+      height: 3.7963vh;
+      margin: 0 auto;
+      text-align: center;
+      ul :nth-child(odd) {
+        color: #0261A4;
+        cursor: pointer;
+      }
+      li {
+        display: inline;
+        line-height: 3.7963vh;
+        margin: 0 1.9444vh;
+      }
+    }
+
+  }
+
+</style>