@xfu0401/form-generator 1.0.21 → 1.0.22

package/src/components/formGenerator/formComponents/phoneComponents/selectComs/formRadioGroup.vue

@@ -1,93 +0,0 @@
-<template>
-  <!-- 单选框组 -->
-  <div
-    class="pho-form-item pho-form-flex"
-    :style="{...newStyle,flexDirection:$attrs.isTop ? 'column' : ''}"
-  >
-    <van-field
-      class="form-input-hidden"
-      v-bind="$attrs"
-      :value="defaultValue"
-      :label="showLabel ? $attrs.label : ''"
-      :name="$attrs.__vModel__"
-      :placeholder="$attrs.placeholder"
-      input-align="right"
-    >
-      <span v-if="showLabel" slot="label" :style="newStyle.font">{{$attrs.label}}</span>
-    </van-field>
-    <TextShow v-if="$attrs.onlyShow" :value="$utils.getOptionsText(value,resData,props)" />
-    <van-radio-group
-      v-else
-      class="right-box"
-      v-model="formValue"
-      v-bind="$attrs"
-      direction="horizontal"
-      @change="handleChange"
-    >
-      <van-radio
-        v-for="item in resData"
-        :key="item[props.value]"
-        :name="item[props.value]"
-        :icon-size="16"
-        style="margin-bottom: 5px"
-      >{{ item[props.label] }}</van-radio>
-    </van-radio-group>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-import TextShow from "../components/textShow.vue";
-export default {
-  components: { TextShow },
-  mixins: [comMixin],
-  name: "phone-form-radio-group",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [Number, String],
-      default: "",
-    },
-    // 是否展示标题
-    showLabel: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      formValue: "",
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      deep: true,
-      handler(newValue) {
-        this.formValue = newValue;
-      },
-    },
-  },
-  computed: {
-    defaultValue() {
-      const item = this.resData.find(
-        (item) => item[this.props.value] == this.value
-      );
-      if (item) return item[this.props.label];
-      return "";
-    },
-  },
-  methods: {
-    handleChange(value) {
-      this.$emit("update", value);
-      // this.$emit("change", value);
-      this.onChange(value);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/components/formGenerator/formComponents/phoneComponents/selectComs/formRate.vue

@@ -1,85 +0,0 @@
-<template>
-  <!-- 评分 -->
-  <div class="pho-form-item" :style="newStyle">
-    <van-field
-      v-bind="$attrs"
-      :label="showLabel ? $attrs.label : ''"
-      :name="$attrs.__vModel__"
-      :required="$attrs.required"
-      :rules="$attrs.regList"
-      :placeholder="$attrs.placeholder"
-      input-align="right"
-    >
-      <span v-if="showLabel" slot="label" :style="newStyle.font">{{$attrs.label}}</span>
-      <template #input>
-        <van-rate
-          v-model="formValue"
-          v-bind="$attrs"
-          :count="$attrs.max"
-          touchable
-          :readonly="$attrs.readonly || $attrs.onlyShow"
-          @change="handleChange"
-        />
-        <!-- 显示分数 -->
-        <span v-if="$attrs.showScore" style="margin-left: 5px">
-          {{
-          formValue
-          }}
-        </span>
-        <!-- 显示文字 -->
-        <span v-if="$attrs.showText" style="margin-left: 5px">
-          {{
-          texts[Math.ceil(formValue) - 1]
-          }}
-        </span>
-      </template>
-    </van-field>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-rate",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [Number, String],
-      default: "",
-    },
-    // 是否展示标题
-    showLabel: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      formValue: 0,
-      texts: ["极差", "失望", "一般", "满意", "惊喜"], // 辅助文字
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      deep: true,
-      handler(newValue) {
-        this.formValue = newValue;
-      },
-    },
-  },
-  methods: {
-    handleChange(val) {
-      this.$emit("update", val);
-      this.$emit("change", val);
-      this.onChange(val);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/components/formGenerator/formComponents/phoneComponents/selectComs/formSelect.vue

@@ -1,138 +0,0 @@
-<template>
-  <!-- 选择器 -->
-  <div class="pho-form-item" :style="newStyle">
-    <van-field
-      v-bind="$attrs"
-      :value="text"
-      :label="showLabel ? $attrs.label : ''"
-      :name="$attrs.__vModel__"
-      input-align="right"
-      theme="round"
-      :clickable="!$attrs.onlyShow"
-      is-link
-      readonly
-      @click="onClick"
-    >
-      <TextShow
-        slot="input"
-        style="padding:0"
-        v-if="$attrs.onlyShow"
-        :value="$utils.getOptionsText(value,resData,props)"
-      />
-      <span v-if="showLabel" slot="label" :style="newStyle.font">{{$attrs.label}}</span>
-      <template #right-icon v-if="clearable">
-        <div @click.stop="handleClear">
-          <van-icon name="clear" />
-        </div>
-      </template>
-    </van-field>
-    <van-popup v-model="showPicker" position="bottom" get-container="body">
-      <van-picker
-        v-if="!$attrs.multiple"
-        show-toolbar
-        :columns="options"
-        @confirm="handleConfirm"
-        @cancel="showPicker = false"
-      />
-      <template v-else>
-        <div class="van-picker__toolbar">
-          <button class="van-picker__cancel" @click="showPicker = false">取消</button>
-          <button class="van-picker__confirm" @click="handleConfirm({value:checks.join(',')})">确定</button>
-        </div>
-        <van-checkbox-group v-model="checks">
-          <van-cell
-            v-for="(item,i) in options"
-            clickable
-            :key="i"
-            :title="item.text"
-            @click="toggle(i)"
-          >
-            <template #right-icon>
-              <van-checkbox :name="item.value" ref="checkboxes" />
-            </template>
-          </van-cell>
-        </van-checkbox-group>
-      </template>
-    </van-popup>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-import TextShow from "../components/textShow.vue";
-export default {
-  components: { TextShow },
-  mixins: [comMixin],
-  name: "phone-form-select",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [Number, String],
-      default: "",
-    },
-    // 是否展示标题
-    showLabel: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      showPicker: false,
-      checks: [],
-    };
-  },
-  computed: {
-    // 选择器选项
-    options() {
-      let opts = this.resData;
-      return opts.map((item) => {
-        return { text: item[this.props.label], value: item[this.props.value] };
-      });
-    },
-    // 显示的文字
-    text() {
-      const arr = this.value?.split(",") || [];
-      return this.options
-        .filter((item) => arr.includes(item.value))
-        .map((item) => item.text)
-        .join(",");
-    },
-  },
-  methods: {
-    toggle(index) {
-      this.$refs.checkboxes[index].toggle();
-    },
-
-    onClick() {
-      if (this.$attrs.disabled || this.$attrs.readonly || this.$attrs.onlyShow)
-        return;
-      this.checks = this.value ? this.value.split(",") : [];
-
-      this.showPicker = true;
-    },
-    submit() {
-      const value = this.checks ? this.checks.join(",") : "";
-      this.handleConfirm(value);
-    },
-    handleClear() {
-      this.$emit("update", "");
-      this.$emit("clear");
-      this.onClear;
-    },
-    // 确认选中
-    handleConfirm(value) {
-      this.$emit("update", value.value);
-      this.$emit("change", value.value);
-      this.onChange(value.value);
-      this.$emit("confirm", value.value);
-      this.showPicker = false;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/components/formGenerator/formComponents/phoneComponents/selectComs/formSelectHis.vue

@@ -1,142 +0,0 @@
-<template>
-  <!-- 选择器 -->
-  <div class="pho-form-item" :style="newStyle">
-    <van-field
-      v-bind="$attrs"
-      :value="text"
-      :label="showLabel ? $attrs.label : ''"
-      :name="$attrs.__vModel__"
-      input-align="right"
-      theme="round"
-      :clickable="!$attrs.onlyShow"
-      is-link
-      readonly
-      @click="onClick"
-    >
-<!--      <TextShow-->
-<!--        slot="input"-->
-<!--        style="padding:0"-->
-<!--        v-if="$attrs.onlyShow"-->
-<!--        :value="$utils.getOptionsText(value,resData,props)"-->
-<!--      />-->
-      <p v-if="$attrs.onlyShow" slot="input" @click="showDetail" style="cursor: pointer; color: #409EFF;">{{ $utils.getOptionsText(value,resData,props) }}</p>
-      <span v-if="showLabel" slot="label" :style="newStyle.font">{{$attrs.label}}</span>
-      <template #right-icon v-if="clearable">
-        <div @click.stop="handleClear">
-          <van-icon name="clear" />
-        </div>
-      </template>
-    </van-field>
-    <van-popup v-model="showPicker" position="bottom" get-container="body">
-      <van-picker
-        v-if="!$attrs.multiple"
-        show-toolbar
-        :columns="options"
-        @confirm="handleConfirm"
-        @cancel="showPicker = false"
-      />
-      <template v-else>
-        <div class="van-picker__toolbar">
-          <button class="van-picker__cancel" @click="showPicker = false">取消</button>
-          <button class="van-picker__confirm" @click="handleConfirm({value:checks.join(',')})">确定</button>
-        </div>
-        <van-checkbox-group v-model="checks">
-          <van-cell
-            v-for="(item,i) in options"
-            clickable
-            :key="i"
-            :title="item.text"
-            @click="toggle(i)"
-          >
-            <template #right-icon>
-              <van-checkbox :name="item.value" ref="checkboxes" />
-            </template>
-          </van-cell>
-        </van-checkbox-group>
-      </template>
-    </van-popup>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-import TextShow from "../components/textShow.vue";
-export default {
-  components: { TextShow },
-  mixins: [comMixin],
-  name: "phone-form-select-his",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [Number, String],
-      default: "",
-    },
-    // 是否展示标题
-    showLabel: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      showPicker: false,
-      checks: [],
-    };
-  },
-  computed: {
-    // 选择器选项
-    options() {
-      let opts = this.resData;
-      return opts.map((item) => {
-        return { text: item[this.props.label], value: item[this.props.value] };
-      });
-    },
-    // 显示的文字
-    text() {
-      const arr = this.value?.split(",") || [];
-      return this.options
-        .filter((item) => arr.includes(item.value))
-        .map((item) => item.text)
-        .join(",");
-    },
-  },
-  methods: {
-    toggle(index) {
-      this.$refs.checkboxes[index].toggle();
-    },
-
-    onClick() {
-      if (this.$attrs.disabled || this.$attrs.readonly || this.$attrs.onlyShow)
-        return;
-      this.checks = this.value ? this.value.split(",") : [];
-
-      this.showPicker = true;
-    },
-    submit() {
-      const value = this.checks ? this.checks.join(",") : "";
-      this.handleConfirm(value);
-    },
-    handleClear() {
-      this.$emit("update", "");
-      this.$emit("clear");
-      this.onClear;
-    },
-    // 确认选中
-    handleConfirm(value) {
-      this.$emit("update", value.value);
-      this.$emit("change", value.value);
-      this.onChange(value.value);
-      this.$emit("confirm", value.value);
-      this.showPicker = false;
-    },
-    showDetail() {
-      this.$emit("selectHis", this.value)
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/components/formGenerator/formComponents/phoneComponents/selectComs/formSelectProject.vue

@@ -1,138 +0,0 @@
-<template>
-  <!-- 选择器 -->
-  <div class="pho-form-item" :style="newStyle">
-    <van-field
-      v-bind="$attrs"
-      :value="text"
-      :label="showLabel ? $attrs.label : ''"
-      :name="$attrs.__vModel__"
-      input-align="right"
-      theme="round"
-      :clickable="!$attrs.onlyShow"
-      is-link
-      readonly
-      @click="onClick"
-    >
-      <TextShow
-        slot="input"
-        style="padding:0"
-        v-if="$attrs.onlyShow"
-        :value="$utils.getOptionsText(value,resData,props)"
-      />
-      <span v-if="showLabel" slot="label" :style="newStyle.font">{{$attrs.label}}</span>
-      <template #right-icon v-if="clearable">
-        <div @click.stop="handleClear">
-          <van-icon name="clear" />
-        </div>
-      </template>
-    </van-field>
-    <van-popup v-model="showPicker" position="bottom" get-container="body">
-      <van-picker
-        v-if="!$attrs.multiple"
-        show-toolbar
-        :columns="options"
-        @confirm="handleConfirm"
-        @cancel="showPicker = false"
-      />
-      <template v-else>
-        <div class="van-picker__toolbar">
-          <button class="van-picker__cancel" @click="showPicker = false">取消</button>
-          <button class="van-picker__confirm" @click="handleConfirm({value:checks.join(',')})">确定</button>
-        </div>
-        <van-checkbox-group v-model="checks">
-          <van-cell
-            v-for="(item,i) in options"
-            clickable
-            :key="i"
-            :title="item.text"
-            @click="toggle(i)"
-          >
-            <template #right-icon>
-              <van-checkbox :name="item.value" ref="checkboxes" />
-            </template>
-          </van-cell>
-        </van-checkbox-group>
-      </template>
-    </van-popup>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-import TextShow from "../components/textShow.vue";
-export default {
-  components: { TextShow },
-  mixins: [comMixin],
-  name: "phone-form-select-project",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [Number, String],
-      default: "",
-    },
-    // 是否展示标题
-    showLabel: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      showPicker: false,
-      checks: [],
-    };
-  },
-  computed: {
-    // 选择器选项
-    options() {
-      let opts = this.resData;
-      return opts.map((item) => {
-        return { text: item[this.props.label], value: item[this.props.value] };
-      });
-    },
-    // 显示的文字
-    text() {
-      const arr = this.value?.split(",") || [];
-      return this.options
-        .filter((item) => arr.includes(item.value))
-        .map((item) => item.text)
-        .join(",");
-    },
-  },
-  methods: {
-    toggle(index) {
-      this.$refs.checkboxes[index].toggle();
-    },
-
-    onClick() {
-      if (this.$attrs.disabled || this.$attrs.readonly || this.$attrs.onlyShow)
-        return;
-      this.checks = this.value ? this.value.split(",") : [];
-
-      this.showPicker = true;
-    },
-    submit() {
-      const value = this.checks ? this.checks.join(",") : "";
-      this.handleConfirm(value);
-    },
-    handleClear() {
-      this.$emit("update", "");
-      this.$emit("clear");
-      this.onClear;
-    },
-    // 确认选中
-    handleConfirm(value) {
-      this.$emit("update", value.value);
-      this.$emit("change", value.value);
-      this.onChange(value.value);
-      this.$emit("confirm", value.value);
-      this.showPicker = false;
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/components/formGenerator/formComponents/phoneComponents/selectComs/formSignature.vue

@@ -1,108 +0,0 @@
-<template>
-  <div class="pho-form-item" :style="newStyle">
-    <van-field
-      class="form-input-hidden"
-      v-bind="$attrs"
-      :value="value"
-      :label="showLabel ? $attrs.label : ''"
-      :name="$attrs.__vModel__"
-      readonly
-    >
-      <span v-if="showLabel" slot="label" :style="newStyle.font">{{$attrs.label}}</span>
-    </van-field>
-    <div v-if="!$attrs.onlyShow" class="pho-form-item-cont" @click="handleOpen">
-      <div class="form-components">
-        <div v-if="readonly" class="form-readonly"></div>
-        <div v-if="disabled" class="form-disabled"></div>
-        <van-image :src="value" v-if="value" />
-        <div class="form-signature-empty pho-form-signature-empty" v-else>{{$attrs.placeholder}}</div>
-      </div>
-    </div>
-    <div v-else class="sign-show">
-      <img :src="value" />
-    </div>
-    <EsignDialog ref="EsignDialog" v-bind="$attrs" @update="callBack" />
-  </div>
-</template>
-
-<script>
-import EsignDialog from "../components/esignDialog.vue";
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-signature",
-  components: {
-    EsignDialog,
-  },
-  props: {
-    value: {
-      type: String,
-      default: "",
-    },
-    // 是否展示标题
-    showLabel: {
-      type: Boolean,
-      default: true,
-    },
-
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    width: {
-      type: Number,
-      default: 800,
-    },
-    // height: {
-    //   type: Number,
-    //   default: 300
-    // }
-  },
-  data() {
-    return {
-      dialogVisible: false, // 弹框是否开启
-    };
-  },
-  methods: {
-    handleOpen() {
-      if (this.readonly || this.disabled) return;
-      this.$refs.EsignDialog.open();
-    },
-    callBack(value) {
-      this.$emit("input", value);
-      this.$emit("confirm", value);
-      this.onConfirm(value);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "../../../styles/generator.scss";
-.sign-show {
-  max-width: 400px;
-  img {
-    width: 100%;
-  }
-}
-.pho-form-item-cont {
-  .van-image {
-    &:hover {
-      // border: 1px dashed $themeColor;
-      border-radius: 6px;
-    }
-  }
-}
-.pho-form-signature-empty {
-  background-color: #f7f8fa;
-  color: #c8cacb;
-  border-width: 0;
-  &:hover {
-    border-width: 0;
-  }
-}
-</style>