@xfu0401/form-generator 1.0.21 → 1.0.22

package/src/components/formGenerator/formComponents/phoneComponents/assistComs/formTable.vue

@@ -1,132 +0,0 @@
-<template>
-  <div>
-    <TableShow :head="headData" :data="data" v-bind="$attrs" />
-    <van-pagination
-      v-if="isPage"
-      :value="current"
-      :total-items="total"
-      :items-per-page="size"
-      @change="handleCurrentChange"
-    />
-  </div>
-</template>
-
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-import TableShow from "../components/tableShow";
-
-export default {
-  name: "phone-form-table",
-  mixins: [comMixin],
-  components: {
-    TableShow,
-  },
-  props: {
-    // 分页配置
-    pagination: {
-      type: Object,
-      default: () => {},
-    },
-    // 是否分页
-    isPage: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      total: 0,
-      data: [],
-      current: 1,
-      size: 10,
-    };
-  },
-  computed: {
-    headData() {
-      return this.dataObj.head;
-    },
-  },
-  methods: {
-    // 请求数据
-    handleSuccess(data) {
-      // 分页的情况
-      this.data = data[this.props.records || "records"];
-      this.total = data[this.props.total || "total"];
-      this.current =
-        parseInt(data[this.props.current || "current"]) || this.current;
-      this.size = parseInt(data[this.props.size || "size"]) || this.size;
-    },
-    handleError(err) {
-      this.data = [];
-    },
-    handleSizeChange(val) {
-      this.current = 1;
-      this.size = val;
-      const queryForm = {};
-      queryForm[this.props.current] = this.current;
-      queryForm[this.props.size] = this.size;
-      this.loadData(queryForm);
-    },
-    handleCurrentChange(val) {
-      this.current = val;
-      const queryForm = {};
-      queryForm[this.props.current] = this.current;
-      queryForm[this.props.size] = this.size;
-      this.loadData(queryForm);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.Fg-pho-table {
-  .Fg-pho-table__header {
-    color: #909399;
-  }
-  .Fg-pho-table__cell {
-    padding-left: 10px;
-    padding-right: 10px;
-    line-height: 23px;
-    border-bottom: 1px solid #ebeef5;
-  }
-  .Fg-pho-table--striped {
-    background-color: #fafafa;
-  }
-}
-.Fg-pho-table--border {
-  .Fg-pho-table__header {
-    .Fg-pho-table__cell {
-      border-top: 1px solid #ebeef5;
-    }
-  }
-
-  .Fg-pho-table__header,
-  .Fg-pho-table__body {
-    .Fg-pho-table__cell {
-      border-left: 1px solid #ebeef5;
-    }
-    .Fg-pho-table__cell:last-child {
-      border-right: 1px solid #ebeef5;
-    }
-  }
-}
-.Fg-pho-table--mini {
-  font-size: 12px;
-  .Fg-pho-table__cell {
-    padding: 6px 0;
-  }
-}
-.Fg-pho-table--small {
-  font-size: 12px;
-  .Fg-pho-table__cell {
-    padding: 8px 0;
-  }
-}
-.Fg-pho-table--medium {
-  font-size: 14px;
-  .Fg-pho-table__cell {
-    padding: 10px 0;
-  }
-}
-</style>

package/src/components/formGenerator/formComponents/phoneComponents/assistComs/formTableExport.vue

@@ -1,268 +0,0 @@
-<template>
-  <div class="pho-form-item">
-    <div class="pho-form-item-title" v-if="$attrs.showLabel">{{$attrs.label}}</div>
-    <div class="Fg-sub" style="padding:10px 16px">
-      <div class="Fg-sub-item" v-for="(item, i) in data" :key="i">
-        <div class="Fg-sub-item--top">
-          第{{i+1}}项
-          <i class="el-icon-close" @click="handleDelete(i)" v-if="!$attrs.onlyShow "></i>
-        </div>
-        <div class="pho-form-item">
-          <span v-for="(cell, index) in head" :key="cell.prop">
-            <template v-if="cell.render === 'date' || cell.render === 'datetime'">
-              <van-field
-                  readonly
-                  clickable
-                  :name="cell.prop + i"
-                  v-model="item[cell.prop]"
-                  :label="cell.label"
-                  :placeholder="'点击选择' + cell.label"
-                  @click="showPopup(i, index)"
-              >
-                <div slot="input" v-if="$attrs.onlyShow">{{item[cell.prop]}}</div>
-              </van-field>
-              <date-picker :ref="'datePicker' + i + index" :type="cell.render" @callBack="onConfirm(item, cell.prop, $event)" />
-            </template>
-            <van-field
-                v-else
-                :label="cell.label"
-                clearable
-                maxlength="200"
-                :placeholder="'请输入' + cell.label"
-                v-model="item[cell.prop]"
-                @input="inputEvent(cell, $event)"
-            >
-              <div slot="input" v-if="$attrs.onlyShow">{{item[cell.prop]}}</div>
-            </van-field>
-          </span>
-        </div>
-      </div>
-      <div v-if="data.length > 0 && listTotal.length > 0" class="Fg-sub-item">
-        <div class="Fg-sub-item--top">
-          合计
-        </div>
-        <div class="pho-form-item">
-          <van-field
-              v-for="(item, index) in listTotal"
-              :key="index"
-              :label="item.label"
-              clearable
-              maxlength="200"
-          >
-            <div v-if="item.money" slot="input" style="width: 100%; text-align: right;">
-              <div>小写：{{ item.value }}</div>
-              <div>大写：{{ convertCurrencyToChinese(item.value) }}</div>
-            </div>
-            <div v-else slot="input">
-              {{ item.value }}
-            </div>
-          </van-field>
-        </div>
-      </div>
-      <div v-if="!$attrs.onlyShow">
-        <van-button
-          icon="plus"
-          native-type="button"
-          @click.stop="handleAdd(data.length)"
-          size="small"
-        >添加</van-button>
-        <van-button
-          icon="replay"
-          native-type="button"
-          @click.stop="handleReset"
-          size="small"
-          style="margin-left:10px"
-        >重置</van-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { deepClone } from "@/components/formGenerator/utils";
-import { Dialog } from "vant";
-import DatePicker from "@/components/formGenerator/formComponents/phoneComponents/components/datePicker.vue";
-
-export default {
-  name: "phone-form-table-export",
-  components: {DatePicker},
-  props: {
-    value: {
-      type: Array,
-      default: () => [],
-    },
-    // 表格相关数据
-    dataObj: {
-      type: Object,
-      default: () => [],
-    },
-  },
-  data() {
-    return {
-      loading: false,
-      data: this.value || [],
-      listTotal: []
-    };
-  },
-  watch: {
-    value(newValue, oldValue) {
-      this.data = this.value || [];
-    },
-  },
-  computed: {
-    // 表格头部数据
-    head() {
-      return this.dataObj.head || [];
-    },
-    // 提取表格头部数据的prop形成的对象
-    headObj() {
-      let obj = {};
-      this.head.forEach((item) => {
-        if (item.prop) {
-          obj[item.prop] = "";
-        }
-      });
-      return obj;
-    },
-  },
-  mounted() {
-    this.head.forEach(it => {
-      if (it.total) {
-        this.listTotal.push({ label: it.label, prop: it.prop, value: 0, money: it.money })
-      }
-    })
-  },
-  methods: {
-    // 新增
-    handleAdd(index) {
-      this.data.splice(index, 0, deepClone(this.headObj));
-      this.handleEmit();
-    },
-    handleDelete(index) {
-      this.data.splice(index, 1);
-      this.handleEmit();
-    },
-    // 重置
-    handleReset() {
-      Dialog.confirm({
-        title: "提示",
-        message: "重置后将会清空所有数据，是否继续？",
-        confirmButtonText: "继续",
-      }).then(() => {
-        this.data = [];
-        this.handleEmit();
-      });
-    },
-    handleEmit() {
-      this.$emit("input", this.data);
-    },
-    onConfirm(item, prop, value) {
-      item[prop] = value
-    },
-    showPopup(i, index) {
-      this.$refs['datePicker' + i + index][0].open()
-    },
-    inputEvent(cell, value) {
-      if (!cell.total) return
-      let total = 0
-      this.data.forEach(item => {
-        let val = item[cell.prop]
-        if (!val || isNaN(Number(val))) {
-          val = 0
-        }
-        total += parseFloat(val)
-      })
-      for (let i = 0, len = this.listTotal.length; i < len; i++) {
-        if (this.listTotal[i].prop === cell.prop) {
-          this.listTotal[i].value = total;
-          break; // 找到后立即退出循环
-        }
-      }
-      let calculateTotal = 0
-      this.listTotal.forEach(it => {
-        calculateTotal += parseFloat(it.value)
-      })
-      // 计算总额
-      this.$form.setFormData({'jexx': calculateTotal.toString()})
-      this.$form.setFormData({'jedx': this.convertCurrencyToChinese(calculateTotal)})
-    },
-    convertCurrencyToChinese(num) {
-      if (isNaN(num)) return '金额错误';
-
-      const CN_NUM = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
-      const CN_UNIT = ['', '拾', '佰', '仟', '万', '拾', '佰', '仟', '亿', '拾', '佰', '仟'];
-      const CN_DECIMAL_UNIT = ['角', '分'];
-
-      let result = '';
-      let isNegative = false;
-
-      // 判断是否为负数
-      if (num < 0) {
-        isNegative = true;
-        num = Math.abs(num);
-      }
-
-      // 分割整数与小数部分
-      let [integerStr, decimalStr] = String(num).split('.');
-      integerStr = integerStr || '0';
-      decimalStr = (decimalStr || '').padEnd(2, '0').slice(0, 2); // 补足两位小数
-      const integerNum = parseInt(integerStr, 10);
-
-      // 添加“负”前缀
-      if (isNegative && integerNum !== 0) {
-        result += '负';
-      }
-
-      // 处理整数部分
-      if (integerNum > 0) {
-        let lastIsZero = false;
-        for (let i = 0; i < integerStr.length; i++) {
-          const digit = integerStr.charAt(i) * 1;
-          const unitPos = integerStr.length - i - 1;
-
-          if (digit !== 0) {
-            if (lastIsZero) result += CN_NUM[0];
-            result += CN_NUM[digit] + CN_UNIT[unitPos];
-            lastIsZero = false;
-          } else {
-            lastIsZero = true;
-          }
-        }
-        result += '元';
-      } else {
-        result += '零元';
-      }
-
-      // 处理小数部分（必须包含角和分）
-      const jiao = decimalStr.charAt(0);
-      const fen = decimalStr.charAt(1);
-
-      let hasDecimal = false;
-
-      if (jiao !== '0') {
-        result += CN_NUM[jiao * 1] + CN_DECIMAL_UNIT[0];
-        hasDecimal = true;
-      } else {
-        result += '零角';
-        hasDecimal = true;
-      }
-
-      if (fen !== '0') {
-        result += CN_NUM[fen * 1] + CN_DECIMAL_UNIT[1];
-      } else {
-        result += '零分';
-      }
-
-      // 如果全部小数都是0，则改为“整”
-      if (jiao === '0' && fen === '0') {
-        result = result.replace('零角零分', '') + '整';
-      }
-
-      return result;
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

package/src/components/formGenerator/formComponents/phoneComponents/assistComs/formTag.vue

@@ -1,147 +0,0 @@
-<template>
-  <div>
-    <span v-show="show" :class="tagClass" :style="newStyle">
-      <span>{{ $attrs.value }}</span>
-      <van-icon
-        v-if="$attrs.closable"
-        name="cross"
-        style="margin-left:5px;cursor: pointer;"
-        @click="show=!show"
-      />
-    </span>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-tag",
-  data() {
-    return {
-      show: true,
-    };
-  },
-  computed: {
-    plain() {
-      return this.$attrs.effect.plain;
-    },
-    tagClass() {
-      const className = "Fg-pho-tag--";
-      const type = className + this.$attrs.type;
-      const size = className + this.$attrs.size;
-      const round = this.$attrs.round ? className + "round" : "";
-      const hit = this.$attrs.hit ? "is-hit" : "";
-      const effect = className + this.$attrs.effect;
-      return `Fg-pho-tag ${size} ${type} ${round} ${hit} ${effect}`;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "../../../styles/phone.scss";
-$primary: $blue-1;
-$success: $green;
-$danger: $red;
-$info: $gray-6;
-$warning: $orange;
-
-.Fg-pho-tag {
-  background-color: #ecf5ff;
-  display: inline-block;
-  padding: 2px 6px;
-  line-height: 16px;
-  font-size: 12px;
-  color: $primary;
-  border: 1px solid #d9ecff;
-  border-radius: 4px;
-  box-sizing: border-box;
-  white-space: nowrap;
-
-  &.Fg-pho-tag--primary {
-    border-color: #d9ecff;
-    color: $primary;
-    &.is-hit {
-      border-color: $primary;
-    }
-    &.Fg-pho-tag--dark {
-      background-color: $primary;
-    }
-  }
-  &.Fg-pho-tag--success {
-    background-color: #f0f9eb;
-    border-color: #e1f3d8;
-    color: $success;
-    &.is-hit {
-      border-color: $success;
-    }
-    &.Fg-pho-tag--dark {
-      background-color: $success;
-    }
-  }
-  &.Fg-pho-tag--info {
-    background-color: #f4f4f5;
-    border-color: #e9e9eb;
-    color: $info;
-    &.is-hit {
-      border-color: $info;
-    }
-    &.Fg-pho-tag--dark {
-      background-color: $info;
-    }
-  }
-  &.Fg-pho-tag--danger {
-    background-color: #fef0f0;
-    border-color: #fde2e2;
-    color: $danger;
-    &.is-hit {
-      border-color: $danger;
-    }
-    &.Fg-pho-tag--dark {
-      background-color: $danger;
-    }
-  }
-  &.Fg-pho-tag--warning {
-    background-color: #fdf6ec;
-    border-color: #faecd8;
-    color: $warning;
-    &.is-hit {
-      border-color: $warning;
-    }
-    &.Fg-pho-tag--dark {
-      background-color: $warning;
-    }
-  }
-  &.Fg-pho-tag--plain {
-    background-color: #fff;
-  }
-  &.Fg-pho-tag--dark {
-    color: #fff;
-  }
-}
-
-.Fg-pho-tag--dark {
-  background-color: $primary;
-  border-color: $primary;
-}
-.Fg-pho-tag--round {
-  border-radius: 999px;
-}
-
-.Fg-pho-tag--mini {
-  height: 20px;
-  padding: 0 5px;
-  line-height: 19px;
-}
-.Fg-pho-tag--small {
-  height: 24px;
-  padding: 0 8px;
-  line-height: 22px;
-}
-
-.Fg-pho-tag--medium {
-  height: 28px;
-  line-height: 24px;
-}
-</style>

package/src/components/formGenerator/formComponents/phoneComponents/assistComs/formText.vue

@@ -1,27 +0,0 @@
-<template>
-  <!-- 说明组件 -->
-  <div class="Fg-text" :style="newStyle">
-    <span>{{ value }}</span>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-text",
-  props: {
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-  },
-  computed: {},
-};
-</script>
-
-<style lang="scss" scoped>
-.Fg-text {
-  word-break: break-all;
-}
-</style>

package/src/components/formGenerator/formComponents/phoneComponents/assistComs/formTree.vue

@@ -1,21 +0,0 @@
-<template>
-  <div class="pho-tree pho-empty">移动端暂不支持树组件</div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-tree",
-  props: {
-    value: {
-      type: Array,
-      default: () => [],
-    },
-  },
-  computed: {},
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

package/src/components/formGenerator/formComponents/phoneComponents/components/cascaderPicker.vue

@@ -1,81 +0,0 @@
-<template>
-  <!-- 自定义级联选择框 -->
-  <van-popup v-model="show" round position="bottom" get-container="body">
-    <!-- 多选 -->
-    <van-checkbox-group v-if="multiple" :value="checked" shape="square" @change="handleCheck">
-      <van-cascader
-        v-model="formValue"
-        v-bind="$attrs"
-        :options="options"
-        :field-names="fieldNames"
-        active-color="#478df4"
-        @close="show = false"
-        @change="handleChange"
-        @finish="handleConfirm"
-      >
-        <template #option="{option,selected}">
-          <div @click.stop style="width:28px">
-            <van-checkbox :name="option[props.value]" />
-          </div>
-          <span style="width:100%">{{option[props.label]}}</span>
-        </template>
-      </van-cascader>
-    </van-checkbox-group>
-    <van-radio-group v-model="checked" v-else>
-      <van-cascader
-        v-model="formValue"
-        v-bind="$attrs"
-        :options="resData"
-        :field-names="fieldNames"
-        active-color="#478df4"
-        @close="show = false"
-        @change="handleChange"
-        @finish="handleConfirm"
-      >
-        <template #option="{option,selected}">
-          <div @click.stop style="width:28px">
-            <van-radio :name="option[props.value]" />
-          </div>
-          <span style="width:100%">{{option[props.label]}}</span>
-        </template>
-      </van-cascader>
-    </van-radio-group>
-  </van-popup>
-</template>
-
-<script>
-export default {
-  props: {
-    // 是否多选
-    multiple: {
-      type: Boolean,
-      default: false,
-    },
-    // 是否选择任意一级
-    checkStrictly: {
-      type: Boolean,
-      default: false,
-    },
-    fieldNames: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  data() {
-    return {
-      show: true,
-    };
-  },
-  methods: {
-    open() {
-      this.show = true;
-    },
-    close() {
-      this.show = false;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>