@xfu0401/form-generator 1.1.24 → 1.1.25

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

@@ -1,36 +0,0 @@
-<template>
-  <van-button
-    v-if="!$attrs.onlyShow"
-    :type="$attrs.type"
-    :round="$attrs.round"
-    :plain="$attrs.plain"
-    :size="$attrs.size=='medium'?'normal':$attrs.size"
-    :style="newStyle"
-    :disabled="$attrs.disabled"
-    native-type="button"
-    @click.stop="onClick"
-  >
-    <template #icon v-if="$attrs.icon">
-      <i :class="$attrs.icon"></i>
-    </template>
-    {{$attrs.value}}
-  </van-button>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-button",
-  props: {
-    __slot__: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  methods: {},
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

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

@@ -1,41 +0,0 @@
-<template>
-  <div class="pho-form-divider" :style="newStyle">
-    <van-divider v-bind="$attrs" :content-position="contentPosition">
-      <i :class="icon" v-if="icon" />
-      {{value}}
-    </van-divider>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-divider",
-  props: {
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-    contentPosition: {
-      type: String,
-      default: "",
-    },
-    icon: {
-      type: String,
-      default: "",
-    },
-  },
-};
-</script>
-
-<style lang="scss" >
-.pho-form-divider {
-  border-color: #ebedf0;
-  padding: 0;
-  .van-divider {
-    border-color: inherit;
-    margin: 0;
-  }
-}
-</style>

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

@@ -1,37 +0,0 @@
-<template>
-  <!-- 说明组件 -->
-  <div class="Fg-html" :style="newStyle" v-html="html"></div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-html",
-  props: {
-    html: {
-      type: String,
-      default: "",
-    },
-    css: {
-      type: String,
-      default: "",
-    },
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    HTML() {
-      return this.html;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.Fg-html {
-  width: 100%;
-  word-break: break-all;
-}
-</style>

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

@@ -1,49 +0,0 @@
-<template>
-  <!-- 链接组件 -->
-  <div :style="newStyle" class="pho-link" :class="{'pho-disabled':$attrs.disabled}">
-    <a v-bind="$attrs" :class="className">
-      <span class="pho-link--inner">
-        <i v-if="$attrs.icon" :class="$attrs.icon" style="margin-right:5px"></i>
-        <span :style="newStyle.font">{{value}}</span>
-      </span>
-    </a>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-link",
-  props: {
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-  },
-  computed: {
-    className() {
-      const classArr = ["pho-text-" + this.$attrs.type];
-      if (this.$attrs.underline) {
-        classArr.push("pho-link--underline pho-border-" + this.$attrs.type);
-      }
-      return classArr.join(" ");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.pho-link {
-  a {
-    border: none;
-  }
-  .pho-link--underline {
-    border: none;
-    &:hover,
-    &:active {
-      border-bottom: 1px solid;
-    }
-  }
-}
-</style>

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

@@ -1,43 +0,0 @@
-<template>
-  <van-notice-bar
-    :mode="$attrs.closable?'closeable':''"
-    :color="$attrs.color"
-    :background="$attrs.bgColor"
-    v-bind="$attrs"
-    class="pho-notice"
-    :style="newStyle"
-  >
-    <div class="pho-notice--content">
-      <i style="margin-right:8px" v-if="$attrs.icon" :class="$attrs.icon" class="el-alert__icon"></i>
-      <span>{{value}}</span>
-    </div>
-  </van-notice-bar>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-notice",
-  props: {
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-  },
-  data() {
-    return {};
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.pho-notice {
-  .pho-notice--content {
-    display: flex;
-    align-items: center;
-    word-break: break-all;
-  }
-  // height: auto;
-}
-</style>

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

@@ -1,39 +0,0 @@
-<template>
-  <!-- 说明 -->
-  <div class="pho-form-item" :style="newStyle">
-    <van-field
-      readonly
-      :label="showLabel ? $attrs.label : ''"
-      :required="$attrs.required"
-      input-align="right"
-    >
-      <template slot="input">
-        <div>
-          <i v-if="this.$attrs.icon" :class="this.$attrs.icon" style="margin-right: 5px" />
-          <span>{{ value }}</span>
-        </div>
-      </template>
-    </van-field>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-remark",
-  props: {
-    value: {
-      type: [Number, String],
-      default: 0,
-    },
-    // 是否展示标题
-    showLabel: {
-      type: Boolean,
-      default: true,
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

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

@@ -1,34 +0,0 @@
-<template>
-  <van-swipe
-    class="pho-swipe"
-    v-bind="$attrs"
-    :style="newStyle"
-    :autoplay="$attrs.autoplay?$attrs.interval:0"
-    indicator-color="white"
-    touchable
-    v-on="$listeners"
-  >
-    <van-swipe-item v-for="(item,i) in resData" :key="i">
-      <img :src="item.path" alt="首页轮播图" />
-    </van-swipe-item>
-  </van-swipe>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  name: "phone-form-swipe",
-  mixins: [comMixin],
-};
-</script>
-
-<style lang="scss" >
-.pho-swipe {
-  .van-swipe-item {
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
-</style>

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,277 +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"
-                :type="cell.render === 'number' ? 'number' : 'text'"
-                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) {
-        let total = 0
-        this.data.forEach(item => {
-          let val = item[it.prop]
-          if (!val || isNaN(Number(val))) {
-            val = 0
-          }
-          total += parseFloat(val)
-        })
-        this.listTotal.push({ label: it.label, prop: it.prop, value: total, 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.toFixed(2);
-          break; // 找到后立即退出循环
-        }
-      }
-      let calculateTotal = 0
-      this.listTotal.forEach(it => {
-        calculateTotal += Number(parseFloat(it.value).toFixed(2))
-      })
-      // 计算总额
-      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>