@xfu0401/form-generator 1.0.21 → 1.0.22

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

@@ -1,39 +0,0 @@
-<template>
-  <!-- key:当值发生改变时，更新整个组件 -->
-  <div :style="newStyle">
-    <span v-if="$attrs.onlyShow">{{value}}</span>
-    <el-color-picker
-      v-else
-      :key="$attrs.colorFormat"
-      v-model="formValue"
-      v-bind="$attrs"
-      @change="onChange"
-    />
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-color-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/formDatePicker.vue

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

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

@@ -1,40 +0,0 @@
-<template>
-  <div :style="newStyle">
-    <span v-if="$attrs.onlyShow">{{$utils.getDateText($attrs)}}</span>
-    <el-date-picker
-      v-else
-      v-model="formValue"
-      v-bind="$attrs"
-      @blur="onBlur"
-      @focus="onFocus"
-      @change="onChange"
-      @clear="onClear"
-      style="width:100%"
-    />
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-daterange-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/formImage.vue

@@ -1,235 +0,0 @@
-<template>
-  <!-- 上传图片组件 -->
-  <div>
-    <ImageShow
-      :value.sync="fileList"
-      isEdit
-      :onlyShow="$attrs.onlyShow"
-      :readonly="readonly || disabled"
-      style="margin-top: 10px"
-      @change="handleChange"
-    >
-      <li
-        class="form-components form-image-show--item"
-        v-if="!$attrs.onlyShow&&fileList.length !==limit"
-        style="border:none"
-      >
-        <div v-if="disabled" class="form-disabled" style="width: 148px"></div>
-        <div v-if="readonly" class="form-readonly"></div>
-        <el-upload
-          accept="image/*"
-          action="#"
-          :multiple="multiple"
-          :name="name"
-          :limit="limit"
-          :http-request="uploadFile"
-          :show-file-list="false"
-          list-type="picture-card"
-          :style="newStyle"
-        >
-          <i class="el-icon-plus"></i>
-        </el-upload>
-      </li>
-    </ImageShow>
-    <div
-      class="Fg-upload-tips"
-      v-if="__config__.showTip && !$attrs.onlyShow"
-      :style="newStyle.font"
-    >*{{ tips }}</div>
-  </div>
-</template>
-
-<script>
-import ImageShow from "../components/imageShow";
-import { getBase64 } from "../../../utils";
-import { comMixin } from "../../../utils/comMixins";
-import { requestPost2 } from "@/api/data";
-
-export default {
-  mixins: [comMixin],
-  name: "form-image",
-  components: {
-    ImageShow,
-  },
-  props: {
-    // 绑定的输入值
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-    // 是否只读
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-    // 是否禁用
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    // 表单属性
-    __config__: {
-      type: Object,
-      default: () => {},
-    },
-
-    // 是否多选
-    multiple: {
-      type: Boolean,
-      default: false,
-    },
-    // 	上传的文件字段名
-    name: {
-      type: String,
-      default: "",
-    },
-
-    // 最大允许上传个数
-    limit: {
-      type: Number,
-      default: 10,
-    },
-    // 文件类型
-    accept: {
-      type: String,
-      default: "",
-    },
-    // 文件上传地址
-    action: {
-      type: String,
-      default: "",
-    },
-    // 是否为接口上传
-    isUpload: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return { fileList: [], loading: false };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      deep: true,
-      handler: function (nd, od) {
-        try {
-          // 回显
-          this.fileList = JSON.parse(nd || "[]");
-        } catch (error) {
-          console.log("error", error);
-        }
-      },
-    },
-  },
-  computed: {
-    tips() {
-      // 最大上传文件+单位
-      const sizeUnit = this.__config__.fileSize + this.__config__.sizeUnit;
-      return `只能上传不超过${sizeUnit}的图片${this.$attrs.remark || ""}`;
-    },
-  },
-  methods: {
-    // 文件超出个数限制时的钩子
-    onExceed() {
-      this.$message({
-        message: `最多允许上传${this.limit}张图片`,
-        type: "info",
-      });
-    },
-    validate(file) {
-      // 实际上传的文件大小单位为B，需要将文件大小限制的单位转换为B
-      const fileSize = this.__config__.fileSize; // 文件大小
-      const fileUnit = this.__config__.sizeUnit; // 文件单位
-      // 实际上传的文件大小单位为B，需要将文件大小限制的单位转换为B
-      const maxSize =
-        fileSize *
-        { KB: 1024, MB: Math.pow(1024, 2), GB: Math.pow(1024, 3) }[fileUnit];
-      let isLt = file.size < maxSize; // 判断是否超过文件大小
-      if (!isLt) {
-        this.$message({ message: this.tips, type: "info" });
-        return false;
-      } else {
-        return true;
-      }
-    },
-    async httpRequest(file) {
-      if (!this.validate(file)) return;
-      const url = await getBase64(file.raw);
-      this.fileList.push({ name: file.name, url });
-      this.handleChange(this.fileList);
-    },
-
-    // 自定义文件上传
-    uploadFile(file) {
-      let formData = new FormData();
-      if (Array.isArray(file)) {
-        // 选择多个文件
-        file.forEach((item) => {
-          formData.append(this.name, item.file);
-        });
-      } else {
-        // 选择单个文件
-        formData.append(this.name, file.file);
-      }
-      this.loading = true;
-      requestPost2(this.action, formData)
-        .then((res) => {
-          // 只能上传一个文件，将原文件清空再添加
-          if (!this.multiple) {
-            this.fileList = [];
-          }
-          this.onSuccess(res);
-        })
-        .catch((err) => {
-          this.onError(err);
-        });
-    },
-
-    // 上传成功
-    onSuccess(res) {
-      if (res.code == 1) {
-        try {
-          res.result.mFilePath.forEach((path, index) => {
-            this.fileList.push({
-              id: res.result.idList[index],
-              name: res.result.mFileName[index],
-              url: path,
-              size: res.result.fileLengths[index] || "", // 文件大小
-            });
-          });
-          this.handleChange(this.fileList);
-          this.$message({
-            message: `上传成功！`,
-            type: "success",
-          });
-          this.loading = false;
-        } catch (error) {
-          console.log(error);
-          this.onError(error);
-        }
-      } else {
-        this.onError(res);
-      }
-    },
-    // 上传失败
-    onError(err) {
-      this.$message({
-        message: err.msg || `上传失败！`,
-        type: "error",
-      });
-      this.loading = false;
-    },
-
-    handleChange(fileArr) {
-      const value = fileArr.length ? JSON.stringify(fileArr) : null;
-      this.$emit("input", value);
-      this.$emit("change", value);
-      this.onChange(value);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scope>
-</style>

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

@@ -1,131 +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"
-        @click="handleClick"
-      >选择部门</el-button>
-      <span class="form-user-picker--text">{{ placeholder }}</span>
-    </div>
-    <NameShow
-      v-if="selected.length"
-      :value="selected"
-      :props="dataObj.props"
-      :onlyShow="$attrs.onlyShow"
-      :readonly="readonly"
-      @change="handleSelect"
-    />
-    <UserPicker
-      ref="userPicker"
-      :data="dataObj"
-      :search="search"
-      :multiple="multiple"
-      type="dept"
-      @callBack="handleSelect"
-    />
-  </div>
-</template>
-
-<script>
-import UserPicker from "../components/userPicker.vue";
-import NameShow from "../components/nameShow.vue";
-
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-org-picker",
-  components: {
-    UserPicker,
-    NameShow,
-  },
-  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.userPicker.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);
-    },
-  },
-};
-</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/formRadioGroup.vue

@@ -1,59 +0,0 @@
-<template>
-  <div :style="newStyle">
-    <span v-if="$attrs.onlyShow">{{getOptionsText(value,resData,props)}}</span>
-    <el-radio-group v-else v-model="formValue" v-bind="$attrs" @change="onChange">
-      <template v-if="$attrs.__config__.optionType=='button'">
-        <el-radio-button
-          v-for="item in resData"
-          :key="item[props.value]"
-          :label="item[props.value]"
-          :value="item[props.value]"
-          :border="$attrs.__config__.border"
-        >{{ item[props.value] }}</el-radio-button>
-      </template>
-      <template v-else>
-        <el-radio
-          v-for="item in resData"
-          :key="item[props.value]"
-          :label="item[props.value]"
-          :value="item[props.value]"
-          :border="$attrs.__config__.border"
-        >{{ item[props.label] }}</el-radio>
-      </template>
-    </el-radio-group>
-  </div>
-</template>
-
-<script>
-import { getOptionsText } from "../../../utils";
-
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-radio-group",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-  },
-  computed: {
-    formValue: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("update", val);
-      },
-    },
-  },
-  methods: { getOptionsText },
-};
-</script>
-
-<style lang="scss" scoped>
-</style>

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

@@ -1,50 +0,0 @@
-<template>
-  <div class="form-rate form-components" :style="newStyle">
-    <div v-if="$attrs.readonly || $attrs.onlyShow" class="form-readonly"></div>
-    <el-rate
-      v-model="formValue"
-      v-bind="$attrs"
-      @change="onChange"
-      :colors="[$attrs.color, $attrs.color, $attrs.color]"
-      :void-color="$attrs.voidColor"
-    />
-  </div>
-</template>
-
-<script>
-import { comMixin } from "../../../utils/comMixins";
-export default {
-  mixins: [comMixin],
-  name: "form-rate",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: [String, Number],
-      default: "",
-    },
-  },
-
-  computed: {
-    formValue: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("update", val);
-      },
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-.form-rate {
-  min-height: 36px;
-  line-height: 36px;
-  display: flex;
-  align-items: center;
-}
-</style>

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>