@xfu0401/form-generator 1.1.24 → 1.1.25

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

@@ -1,62 +0,0 @@
-<template>
-  <div :style="newStyle">
-    <span v-if="$attrs.onlyShow">{{getOptionsText(value,resData,props)}}</span>
-
-    <el-select
-      v-else
-      v-model="formValue"
-      v-bind="$attrs"
-      style="width:100%"
-      @blur="onBlur"
-      @focus="onFocus"
-      @clear="onClear"
-    >
-      <el-option
-        v-for="item in resData"
-        :key="item[props.value]"
-        :label="item[props.label]"
-        :value="item[props.value]"
-      ></el-option>
-    </el-select>
-  </div>
-</template>
-
-<script>
-import { getOptionsText } from "../../../utils";
-
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-select",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [String, Number, Array],
-      default: "",
-    },
-  },
-  computed: {
-    formValue: {
-      get() {
-        return this.$attrs.multiple
-          ? this.value
-            ? this.value.split(",")
-            : []
-          : this.value;
-      },
-      set(val) {
-        const value = this.$attrs.multiple ? (val ? val.join(",") : "") : val;
-        this.$emit("update", value);
-        this.onChange(value);
-      },
-    },
-  },
-  methods: { getOptionsText },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

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

@@ -1,137 +0,0 @@
-<template>
-  <div class="form-user-picker">
-    <div v-if="!$attrs.onlyShow" :style="newStyle" style="margin-bottom: 5px">
-      <el-button
-          :disabled="disabled"
-          type="primary"
-          icon="el-icon-user"
-          round
-          size="small"
-          :style="newStyle"
-          @click="handleClick"
-      >选择历史申请</el-button>
-      <span class="form-user-picker--text">{{ placeholder }}</span>
-    </div>
-    <HisNameShow
-        v-if="selected.length"
-        :value="selected"
-        :onlyShow="$attrs.onlyShow"
-        :readonly="readonly || disabled"
-        @change="handleDelete"
-        @selectHis="showDetail"
-    />
-    <HisPicker ref="hisPicker" :data="dataObj" :multiple="multiple" @callBack="handleSelect" />
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-import HisPicker from "../components/hisPicker.vue";
-import HisNameShow from "../components/hisNameShow.vue";
-export default {
-  mixins: [comMixin],
-  name: "form-select-his",
-  components: {
-    HisNameShow,
-    HisPicker
-  },
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    // 绑定的输入值
-    value: {
-      type: [String],
-      default: "",
-    },
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    multiple: {
-      type: Boolean,
-      default: false,
-    },
-    // 可打印
-    enablePrint: {
-      type: Boolean,
-      default: false,
-    },
-    placeholder: {
-      type: String,
-      default: "",
-    },
-
-    __config__: {
-      type: Object,
-      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.readonly) return;
-      this.$refs.hisPicker.open(this.selected);
-    },
-    handleSelect(values) {
-      this.selected = values;
-      let newValue = null;
-      if (values.length) {
-        newValue = JSON.stringify(values);
-      }
-      this.$emit("update", newValue);
-      this.$emit("confirm", newValue);
-      this.$emit("validate", newValue);
-      this.onConfirm(newValue);
-    },
-    handleDelete(values) {
-      this.selected = values;
-      let newValue = null;
-      if (values.length) {
-        newValue = JSON.stringify(values);
-      }
-      this.$emit("update", newValue);
-      this.$emit("delete", newValue);
-      this.$emit("validate", newValue);
-    },
-    showDetail(item) {
-      this.$emit("selectHis", item)
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.form-user-picker {
-  .form-user-picker--text {
-    margin-left: 10px;
-    color: #c0c4cc;
-  }
-}
-</style>

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

@@ -1,76 +0,0 @@
-<template>
-  <div :style="newStyle">
-    <div v-if="$attrs.onlyShow">
-      <template v-if="$attrs.multiple">
-        <div v-for="(item, index) in formValue" :key="index" >
-          <el-link type="primary" @click="showDetail(item)" style="margin-right: 5px;">{{getOptionsText(item, resData, props)}}</el-link>
-        </div>
-      </template>
-      <template v-else>
-        <el-link type="primary" @click="showDetail(value)">{{getOptionsText(value, resData, props)}}</el-link>
-      </template>
-    </div>
-    <el-select
-      v-else
-      v-model="formValue"
-      v-bind="$attrs"
-      style="width:100%"
-      filterable
-      @blur="onBlur"
-      @focus="onFocus"
-      @clear="onClear"
-    >
-      <el-option
-        v-for="item in resData"
-        :key="item[props.value]"
-        :label="item[props.label]"
-        :value="item[props.value]"
-      ></el-option>
-    </el-select>
-  </div>
-</template>
-
-<script>
-import { getOptionsText } from "../../../utils";
-
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-select-his-old",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [String, Number, Array],
-      default: "",
-    },
-  },
-  computed: {
-    formValue: {
-      get() {
-        return this.$attrs.multiple
-          ? this.value
-            ? this.value.split(",")
-            : []
-          : this.value;
-      },
-      set(val) {
-        const value = this.$attrs.multiple ? (val ? val.join(",") : "") : val;
-        this.$emit("update", value);
-        this.onChange(value);
-      },
-    },
-  },
-  methods: {
-    getOptionsText,
-    showDetail(item) {
-      this.$emit("selectHis", item)
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

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

@@ -1,62 +0,0 @@
-<template>
-  <div :style="newStyle">
-    <span v-if="$attrs.onlyShow">{{getOptionsText(value,resData,props)}}</span>
-
-    <el-select
-      v-else
-      v-model="formValue"
-      v-bind="$attrs"
-      style="width:100%"
-      @blur="onBlur"
-      @focus="onFocus"
-      @clear="onClear"
-    >
-      <el-option
-        v-for="item in resData"
-        :key="item[props.value]"
-        :label="item[props.label]"
-        :value="item[props.value]"
-      ></el-option>
-    </el-select>
-  </div>
-</template>
-
-<script>
-import { getOptionsText } from "../../../utils";
-
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-select-project",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [String, Number, Array],
-      default: "",
-    },
-  },
-  computed: {
-    formValue: {
-      get() {
-        return this.$attrs.multiple
-          ? this.value
-            ? this.value.split(",")
-            : []
-          : this.value;
-      },
-      set(val) {
-        const value = this.$attrs.multiple ? (val ? val.join(",") : "") : val;
-        this.$emit("update", value);
-        this.onChange(value);
-      },
-    },
-  },
-  methods: { getOptionsText },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

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

@@ -1,98 +0,0 @@
-<template>
-  <div class="form-signature form-components" :style="newStyle">
-    <template v-if="!$attrs.onlyShow">
-      <div v-if="readonly" class="form-readonly"></div>
-      <div v-if="disabled" class="form-disabled"></div>
-      <div class="form-signature-img" @click="handleOpen">
-        <!--用来预览签字图片的地方 -->
-        <el-image v-if="value" :src="value" />
-        <div class="form-signature-empty" v-else>{{$attrs.placeholder}}</div>
-      </div>
-    </template>
-    <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: "form-signature",
-  components: {
-    EsignDialog,
-  },
-  props: {
-    value: {
-      type: String,
-      default: "",
-    },
-
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    width: {
-      type: Number,
-      default: 800,
-    },
-    // height: {
-    //   type: Number,
-    //   default: 300
-    // }
-  },
-  data() {
-    return {};
-  },
-  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";
-
-.form-signature-empty {
-  &:hover {
-    border-color: $themeColor;
-  }
-}
-.form-signature-img {
-  // max-width: 400px;
-  max-width: 100%;
-  aspect-ratio: 8/3;
-  .el-image {
-    width: 100%;
-    height: 100%;
-    overflow: visible;
-    cursor: pointer;
-    &:hover {
-      border: 1px dashed $themeColor;
-      border-radius: 6px;
-    }
-  }
-}
-.sign-show {
-  max-width: 400px;
-  img {
-    width: 100%;
-  }
-}
-</style>

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

@@ -1,46 +0,0 @@
-<template>
-  <div :style="newStyle">
-    <span v-if="$attrs.onlyShow">{{value}}</span>
-    <el-slider v-else class="form-slider" v-model="formValue" v-bind="$attrs" @change="onChange" />
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-slider",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: ["value"], // 这里的值存在多种类型
-  computed: {
-    formValue: {
-      get() {
-        if (this.$attrs.range) {
-          let arr = [0, 0];
-          if (this.value) arr = this.value.split(",");
-          return arr.map((item) => parseInt(item));
-        }
-        return parseInt(this.value || 0);
-      },
-      set(value) {
-        if (this.$attrs.range) {
-          this.$emit("update", value.length ? value.join(",") : "");
-          return;
-        }
-        this.$emit("update", value + "");
-      },
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-.form-slider {
-  .el-slider__button-wrapper {
-    z-index: 1;
-  }
-}
-</style>

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

@@ -1,37 +0,0 @@
-<template>
-  <div class="form-components" :style="newStyle">
-    <div v-if="$attrs.readonly || $attrs.onlyShow" class="form-readonly" />
-    <el-switch v-model="formValue" v-bind="$attrs" @change="onChange" />
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-switch",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [Boolean, String, Number],
-      default: false,
-    },
-  },
-  computed: {
-    formValue: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("update", val);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

package/src/components/formGenerator/formComponents/pcComponents/selectComs/formTimePicker.vue

@@ -1,41 +0,0 @@
-<template>
-  <div :style="newStyle">
-    <span v-if="$attrs.onlyShow">{{value}}</span>
-    <el-time-picker
-      style="width:100%"
-      v-else
-      v-model="formValue"
-      v-bind="$attrs"
-      @blur="onBlur"
-      @focus="onFocus"
-      @change="onChange"
-      @clear="onClear"
-    />
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-time-picker",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: ["value"],
-  computed: {
-    formValue: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("update", val);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

package/src/components/formGenerator/formComponents/pcComponents/selectComs/formTimerangePicker.vue

@@ -1,40 +0,0 @@
-<template>
-  <div :style="newStyle">
-    <span v-if="$attrs.onlyShow">{{$utils.getDateText($attrs)}}</span>
-    <el-time-picker
-      style="width:100%"
-      v-else
-      v-model="formValue"
-      v-bind="$attrs"
-      @blur="onBlur"
-      @focus="onFocus"
-      @change="onChange"
-      @clear="onClear"
-    />
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-timerange-picker",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: ["value"],
-  computed: {
-    formValue: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("update", val);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped></style>