@xfu0401/form-generator 1.1.24 → 1.1.25

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

@@ -1,111 +0,0 @@
-<template>
-  <div class="pho-form-item" :style="newStyle">
-    <van-field
-      class="form-input-hidden"
-      v-bind="$attrs"
-      :name="$attrs.__vModel__"
-      :value="selected.length ? value : ''"
-      :label="$attrs.showLabel ? $attrs.label : ''"
-      input-align="right"
-      readonly
-      right-icon="plus"
-    >
-      <span v-if="$attrs.showLabel" slot="label" :style="newStyle.font">{{$attrs.label}}</span>
-    </van-field>
-    <div
-      v-if="!$attrs.onlyShow"
-      class="user-picker-add form-placeholder"
-      :style="newStyle.font"
-      @click="handleClick"
-    >
-      {{ $attrs.placeholder }}
-      <van-icon name="plus" />
-    </div>
-    <!-- 展示栏 -->
-    <HisNameShow
-      v-if="selected.length"
-      style="padding: 0 12px 12px 12px"
-      v-model="selected"
-      :props="dataObj.props"
-      :onlyShow="$attrs.onlyShow"
-      :readonly="$attrs.readonly || $attrs.disabled"
-      @change="handleDelete"
-      @selectHis="showDetail"
-    />
-    <HisPicker ref="hisPicker" :data="dataObj" :multiple="$attrs.multiple" @callBack="callBack" />
-  </div>
-</template>
-
-<script>
-import HisNameShow from "../components/hisNameShow.vue";
-import { comMixin } from "../../../utils/comMixins";
-import HisPicker from "../components/hisPicker.vue";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-select-his",
-  components: {
-    HisPicker,
-    HisNameShow,
-  },
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    // 绑定的输入值
-    value: {
-      type: [String],
-      default: "",
-    },
-    // 搜索配置
-    search: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  data() {
-    return {
-      selected: JSON.parse(this.values || "[]"),
-    };
-  },
-
-  watch: {
-    value: {
-      immediate: true,
-      deep: true,
-      handler(newValue, oldValue) {
-        this.selected = JSON.parse(newValue || "[]");
-      },
-    },
-  },
-  methods: {
-    // 此处是为了不调用comMixins混入中的init方法
-    init() {},
-    handleClick() {
-      if (this.$attrs.disabled || this.$attrs.readonly) return;
-      this.$refs.hisPicker.open();
-    },
-    callBack(value) {
-      this.$emit("update", value.length ? JSON.stringify(value) : null);
-      this.$emit("confirm", value.length ? JSON.stringify(value) : null);
-      this.onConfirm(value.length ? JSON.stringify(value) : null);
-    },
-    handleDelete(value) {
-      this.$emit("update", value.length ? JSON.stringify(value) : null);
-      this.$emit("delete", value.length ? JSON.stringify(value) : null);
-    },
-    showDetail(item) {
-      this.$emit("selectHis", item)
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.user-picker-add {
-  padding: 12px 16px;
-  padding-top: 0;
-  cursor: pointer;
-  font-size: 13px;
-}
-</style>

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

@@ -1,156 +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)"-->
-<!--      />-->
-      <div v-if="$attrs.onlyShow" slot="input">
-        <template v-if="$attrs.multiple">
-          <div v-for="(item, index) in formValue" :key="index" @click="showDetail(item)" style="cursor: pointer; color: #409EFF;">{{ $utils.getOptionsText(item,resData,props) }}</div>
-        </template>
-        <template v-else>
-          <p @click="showDetail(value)" style="cursor: pointer; color: #409EFF;">{{ $utils.getOptionsText(value,resData,props) }}</p>
-        </template>
-      </div>
-      <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-old",
-  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(",");
-    },
-    formValue() {
-      return this.$attrs.multiple
-        ? this.value
-          ? this.value.split(",")
-          : []
-        : this.value;
-    },
-  },
-  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(item) {
-      this.$emit("selectHis", item)
-    }
-  },
-};
-</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>

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

@@ -1,79 +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="value"
-      :label="showLabel ? $attrs.label : ''"
-      :name="$attrs.__vModel__"
-      input-align="right"
-    >
-      <span v-if="showLabel" slot="label" :style="newStyle.font">{{$attrs.label}}</span>
-    </van-field>
-    <TextShow v-if="$attrs.onlyShow" :value="value" />
-    <div v-else class="right-box center" style="height: 24px">
-      <van-slider v-model="formValue" v-bind="$attrs" @change="handleChange" />
-    </div>
-  </div>
-</template>
-
-<script>
-import { Toast } from "vant";
-import { comMixin } from "../../../utils/comMixins";
-import TextShow from "../components/textShow.vue";
-export default {
-  components: { TextShow },
-  mixins: [comMixin],
-  name: "phone-form-slider",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {},
-    // 是否展示标题
-    showLabel: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      formValue: 0,
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      deep: true,
-      handler(newValue) {
-        if (this.$attrs.range) {
-          this.formValue = newValue ? newValue.split(",") : [];
-          return;
-        }
-        this.formValue = parseInt(newValue || 0);
-      },
-    },
-  },
-  methods: {
-    handleChange(value) {
-      Toast("当前值：" + value);
-      if (this.$attrs.range) {
-        this.$emit("update", value.length ? value.join(",") : "");
-        this.$emit("change", value.length ? value.join(",") : "");
-        this.onChange(value.length ? value.join(",") : "");
-        return;
-      }
-      this.$emit("update", value + "");
-      this.$emit("change", value + "");
-      this.onChange(value + "");
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>

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

@@ -1,88 +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="JSON.stringify(value)"
-      :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>
-    <!-- 关闭提示 -->
-    <div class="right-box center form-components">
-      <div v-if="$attrs.readonly || $attrs.onlyShow" class="form-readonly"></div>
-      <span
-        v-if="$attrs.inactiveText"
-        class="pho-form-switch-text--close"
-        :style="{ color: $attrs.inactiveColor }"
-      >{{ $attrs.inactiveText }}</span>
-      <van-switch v-model="formValue" size="20" v-bind="$attrs" @change="handleChange" />
-      <!-- 开启提示 -->
-      <span
-        v-if="$attrs.activeText"
-        class="pho-form-switch-text--start"
-        :style="{ color: $attrs.activeColor }"
-      >{{ $attrs.activeText }}</span>
-    </div>
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "phone-form-switch",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [Number, String, Boolean],
-      default: false,
-    },
-    // 是否展示标题
-    showLabel: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      formValue: "",
-    };
-  },
-  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>
-.pho-form-switch-text--start {
-  margin-left: 10px;
-}
-.pho-form-switch-text--close {
-  margin-right: 10px;
-}
-</style>