@tongfun/tf-widget 0.1.29 → 0.1.30

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

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

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

@@ -1,108 +0,0 @@
-<template>
-  <el-dialog
-    title="查看图片"
-    :visible.sync="dialogVisible"
-    width="50%"
-    :append-to-body="true"
-    :before-close="handleCloseMethod"
-  >
-    <div class="picture-warp">
-      <el-carousel trigger="click" :autoplay="false">
-        <el-carousel-item v-for="item in pictures" :key="item">
-          <div>
-            <el-image :src="item" alt="" fit="contain" />
-          </div>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <span slot="footer" class="dialog-footer">
-      <el-button class="common-header-button" type="primary" @click="handelClose">取 消</el-button>
-      <el-button class="common-header-button button-sure" type="primary" @click="handelClose">确 定</el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-  props: {
-    dialogVisible: {
-      type: Boolean,
-      default: false
-    },
-    viewPictureData: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-      pictures: []
-    }
-  },
-  watch: {
-    viewPictureData: function (newVal, oldVal) {
-      this.pictures = newVal.split(',')
-    }
-  },
-  methods: {
-
-    /**
-     * 弹框关闭前
-     */
-    handleCloseMethod (done) {
-      this.$emit('handelClose', false)
-    },
-
-    /**
-     * 弹框关闭
-     */
-    handelClose () {
-      this.$emit('handelClose', false)
-    }
-
-  }
-}
-
-</script>
-<style lang='less' scoped>
-@import "@/assets/styles/common-table.less";
-/deep/ .el-dialog__body{
-  height: 50vh;
-  overflow: auto;
-  padding: 1vh 1vw;
-  box-sizing: border-box;
-  .picture-warp{
-    height: 100%;
-    .el-carousel{
-        height: 100%;
-        .el-carousel__container{
-          height: 100% !important;
-        }
-        .el-carousel__item{
-          height: 100% !important;
-          >div{
-            height: 100% !important;
-            display: flex;
-            justify-content: center;
-          }
-        }
-      }
-  }
-
-}
-::v-deep .el-button{
-  width: 2.5vw;
-  height:  2.222vh;
-  opacity: 1;
-  background: #0c4c8e;
-  color: #fff;
-  padding: 0;
-  border-radius: 2px 0 0 2px;
-  border: 1px solid #0c4c8e;
-  margin-right: 0;
-}
-.button-sure{
-  margin-left: 1vw !important;
-}
-
-</style>

package/package/tf-widget/src/children/date-time.vue

@@ -1,103 +0,0 @@
-<template>
-  <el-date-picker
-    :value="value"
-    type="datetime"
-    :placeholder="placeholder"
-    value-format="yyyy-MM-dd HH:mm:ss"
-    format="yyyy-MM-dd HH:mm:ss"
-    :disabled="JSON.parse(disabled)"
-    :clearable="false"
-    @input="handleInput"
-    v-on="$listeners"
-  />
-</template>
-<script>
-export default {
-  components: {
-  },
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, String],
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  watch: {
-    value () {
-      if (!this.value) {
-        this.handleInput(null)
-      }
-    }
-  },
-  created () {
-    if (this.defaultValue && this.defaultValue !== 'now' && !this.value) {
-      return this.handleInput(this.defaultValue)
-    }
-    if (this.defaultValue && this.defaultValue === 'now' && !this.value) {
-      return this.handleInput(this.getNowTime())
-    }
-    // 时间类型初始化成null
-    if (!this.value) {
-      this.handleInput(null)
-    } else {
-      this.handleInput(this.value)
-    }
-  },
-  methods: {
-    handleInput (v) {
-      this.$emit('input', v)
-    },
-
-    // 获取当前日期
-    getNowTime () {
-      const time = new Date()
-      const year = time.getFullYear()
-      const month = (time.getMonth() + 1).toString().padStart(2, '0')
-      const date = (time.getDate()).toString().padStart(2, '0')
-      const hours = (time.getHours()).toString().padStart(2, '0')
-      const minute = (time.getMinutes()).toString().padStart(2, '0')
-      const second = (time.getSeconds()).toString().padStart(2, '0')
-      return year + '-' + month + '-' + date + ' ' + hours + ':' + minute + ':' + second
-    }
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '../assets/common-input.less';
-::v-deep .el-input__inner{
-  width: 100%;
-  border: none;
-  border-bottom: 1px solid #DCDCDC;
-  border-radius: 0;
-
-}
-::v-deep .el-icon-time {
-    // background: red;
-    background-size: 20px;
-}
-
-::v-deep .el-icon-time:before {
-  content: "\e71f";
-  font-size: 16px;
-  position: absolute;
-  left: 760%  !important;
-}
-
-</style>

package/package/tf-widget/src/children/date.vue

@@ -1,103 +0,0 @@
-<template>
-  <el-date-picker
-    ref="date"
-    :value="value"
-    type="date"
-    :placeholder="placeholder"
-    value-format="yyyy-MM-dd"
-    format="yyyy-MM-dd"
-    :disabled="JSON.parse(disabled)"
-    :clearable="false"
-    @input="handleInput"
-    v-on="$listeners"
-  />
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, String],
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  watch: {
-    value () {
-      if (!this.value) {
-        this.handleInput(null)
-      }
-    }
-  },
-  created () {
-    if (this.defaultValue && this.defaultValue !== 'now' && !this.value) {
-      return this.handleInput(this.defaultValue)
-    }
-    if (this.defaultValue && this.defaultValue === 'now' && !this.value) {
-      return this.handleInput(this.getNowTime())
-    }
-    // 时间类型初始化成null
-    if (!this.value) {
-      this.handleInput(null)
-    } else {
-      this.handleInput(this.value)
-    }
-  },
-  methods: {
-    handleInput (v) {
-      this.$emit('input', v)
-    },
-
-    // 获取当前日期
-    getNowTime () {
-      const time = new Date()
-      const year = time.getFullYear()
-      const month = (time.getMonth() + 1).toString().padStart(2, '0')
-      const date = (time.getDate()).toString().padStart(2, '0')
-      return year + '-' + month + '-' + date
-    }
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '../assets/common-input.less';
-::v-deep .el-input__inner{
-  width: 100%;
-  border: none;
-  border-bottom: 1px solid #DCDCDC;
-  padding-left: 15px !important;
-  border-radius: 0;
-  box-sizing: border-box;
-}
-::v-deep .el-icon-date {
-    // background: red;
-    background-size: 20px;
-}
-
-::v-deep .el-icon-date:before {
-  content: "\e78e";
-  font-size: 16px;
-  position: absolute;
-  left: 760%  !important;
-}
-
-</style>

package/package/tf-widget/src/children/decimal.vue

@@ -1,115 +0,0 @@
-<template>
-  <div class="decimal">
-    <el-input-number
-      :disabled="JSON.parse(disabled)"
-      :min="minLimit ? 0 : -Infinity"
-      :controls="false"
-      :placeholder="placeholder"
-      :precision="Number(percision)"
-      :value="value"
-      @change="handleInput"
-      v-on="$listeners"
-    />
-    <!-- <i v-if="disabled" class="el-icon-lock" /> -->
-  </div>
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: [Object, Number, String],
-      default: undefined
-    },
-    percision: {
-      type: String,
-      default: '2'
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, Object, String],
-      default: null
-    },
-    defaultValue: {
-      type: [String, Object],
-      default: null
-    },
-    minLimit: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data () {
-    return {
-      // refName: Math.random().toString().slice(3, 9),
-      // inputWidth: '0'
-    }
-  },
-  watch: {
-    value: {
-      handler (newVal) {
-        if (newVal === '') {
-          this.handleInput(undefined)
-        }
-      }
-    }
-  },
-  created () {
-    if (this.defaultValue) {
-      return this.$emit('input', this.defaultValue)
-    }
-    if (this.value) {
-      return this.$emit('input', this.value)
-    }
-    this.$emit('input', undefined)
-  },
-
-  // mounted () {
-  //   this.inputWidth = this.$refs[this.refName].$children[0].$el.clientWidth + 'px'
-  // },
-
-  methods: {
-    handleInput (value) {
-      this.$emit('input', value)
-    }
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '../assets/common-input.less';
-.decimal{
-  width: 100%;
-  display: flex;
-  align-items: center;
-  position: relative;
-  ::v-deep .el-input{
-    height: 100%;
-    //margin-top: -0.55vh;
-  }
-  ::v-deep .el-input-number{
-    width: 100%;
-  }
-  ::v-deep .el-input__inner{
-    width: 100%;
-    border: none;
-    border-bottom: 1px solid #DCDCDC;
-    border-radius: 0;
-    text-align: left;
-  }
-  // .el-icon-lock{
-  //   position: absolute;
-  //   left: calc(var(--inputWidth) - 25px);
-  // }
-  // .el-icon-lock::before{
-  //   color: #C0C4CC;
-  //   font-size: 14px;
-  // }
-}
-</style>