@xfu0401/form-generator 1.1.24 → 1.1.25

package/src/components/formGenerator/formComponents/phoneComponents/components/hisNameShow.vue

@@ -1,68 +0,0 @@
-<template>
-  <van-cell-group>
-    <van-cell v-for="(item, index) in value" :key="index" center :title="item.label ? item.label : item" @click="show(item)">
-      <template v-if="!onlyShow" #right-icon>
-        <van-icon name="clear" class="name-show-del" @click="handleDelete(item)" />
-      </template>
-    </van-cell>
-  </van-cell-group>
-</template>
-
-<script>
-import FGNameImg from "@/components/huComponents/FGNameImg.vue";
-export default {
-  components: {
-    FGNameImg,
-  },
-  name: "HisNameShow",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: Array,
-      default: () => [],
-    },
-    props: {
-      type: Object,
-      default: () => {},
-    },
-    onlyShow: {
-      type: Boolean,
-      default: false,
-    },
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    handleDelete(tag) {
-      if (this.readonly) return;
-      const select = this.value;
-      select.splice(select.indexOf(tag), 1);
-      this.$emit("update", select);
-      this.$emit("change", select);
-    },
-    show(item) {
-      if (!this.onlyShow) {
-        return
-      }
-      const value = item.value ? item.value : item
-      this.$emit("selectHis", value);
-    }
-  },
-};
-</script>
-
-<style lang="scss">
-.name-show-del {
-  font-size: 16px;
-  line-height: inherit;
-  color: red;
-}
-</style>

package/src/components/formGenerator/formComponents/phoneComponents/components/hisPicker.vue

@@ -1,181 +0,0 @@
-<template>
-  <van-popup
-      v-model="state"
-      position="right"
-      closeable
-      :overlay="false"
-      :style="{ height: '100vh', width: '100vw',overflow:'hidden' }"
-      get-container="body"
-  >
-    <div class="org-pick">
-      <form action="#">
-        <van-search v-model="searchValue" :placeholder="search?.text" @input="loadData" @search="loadData"></van-search>
-      </form>
-      <div class="org-pick-list" :class="checkList.length ? 'org-pick-selected' : ''">
-        <van-checkbox-group v-model="checkList">
-          <van-cell-group>
-            <van-cell
-                v-for="(item, index) in list"
-                clickable
-                :key="index"
-                :title="item.title"
-                @click="toggle(index)"
-            >
-              <template #label>
-                <div v-html="highlightText(item.content)"></div>
-                <div>
-                  发起人：
-                  <span style="color: #409EFF; cursor: pointer;"> {{ item.creator }} </span>
-                  &nbsp;&nbsp; 发起时间：{{ item.createTime }}
-                </div>
-              </template>
-              <template #right-icon>
-                <van-checkbox :name="item" ref="checkboxes" />
-              </template>
-            </van-cell>
-          </van-cell-group>
-        </van-checkbox-group>
-        <van-pagination v-model="currentPage" :total-items="total" mode="simple" @change="loadData" />
-      </div>
-      <div class="org-pick-bottom">
-        <!-- 确认 -->
-        <van-button class="org-button--submit" @click="onConfirm">确认</van-button>
-      </div>
-    </div>
-  </van-popup>
-</template>
-
-<script>
-import { requestUrl } from "@/api/data";
-import { deepClone } from "../../../utils/index";
-
-export default {
-  name: "HisPicker",
-  components: {
-  },
-  props: {
-    multiple: {
-      // 是否多选
-      default: false,
-      type: Boolean,
-    },
-    data: {
-      type: Object,
-      default: () => {},
-    },
-    // 搜索配置
-    search: {
-      type: Object,
-      default: () => {},
-    }
-  },
-  data() {
-    return {
-      searchValue: "",
-      state: false,
-      list: [], // 已选中用户
-      checkList: [],
-      loading: false,
-      currentPage: 1,
-      total: 0
-    };
-  },
-  computed: {
-  },
-
-  methods: {
-    init() {
-      this.checkList = [];
-      this.list = [];
-      this.state = !this.state
-    },
-    open() {
-      this.init();
-      this.loadData();
-    },
-
-    toggle(index) {
-      this.$refs.checkboxes[index].toggle()
-    },
-    // 确认
-    onConfirm() {
-      const checkList = deepClone(this.checkList);
-      if (checkList.length === 0) {
-        this.$toast("至少选择一行数据！")
-        return
-      }
-      if (!this.multiple && checkList.length > 1) {
-        this.$toast("最多选择一条数据！")
-        return
-      }
-      const result = checkList.map(it => { return { 'value': it.value, 'label': it.title, 'procInsId': it.procInsId } })
-      this.$emit("callBack", result);
-      this.$emit("update", result);
-      this.state = !this.state
-    },
-    loadData() {
-      this.list = [];
-      this.loading = true;
-      const keyword = this.searchValue.trim()
-      const params = {
-        keyword: keyword,
-        page: this.currentPage,
-        size: 10,
-        type: 'user'
-      }
-      let data = deepClone(this.data.request)
-      let newObj = Object.assign({}, params, data)
-      requestUrl(this.data.url, this.data.method, newObj, this.data.reDataType)
-        .then((rsp) => {
-          if (rsp.code === 1) {
-            const result = rsp.result
-            this.total = Number(result.total)
-            this.list = deepClone(result.list)
-            console.log(result)
-          }
-        })
-        .catch((err) => {
-          if (this.data?.error) {
-            const func = new Function("error", this.data.error);
-            func(err);
-          }
-        })
-        .finally(() => {
-          this.loading = false;
-          this.finished = true;
-        });
-    },
-    highlightText(text) {
-      const keyword = this.searchValue.trim();
-      if (!keyword) return text;
-      const reg = new RegExp(keyword, "gi");
-      return text.replace(reg, (match) => {
-        return `<span style="color: #F56C6C; font-weight: bold;">${match}</span>`;
-      });
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.org-button--submit {
-  margin: 10px 20px;
-  width: calc(100% - 40px);
-  display: block;
-  border-radius: 999px;
-  background: linear-gradient(148deg, #478df4 0%, #42d0ea 100%);
-  color: #fff;
-  border: 0px;
-}
-.org-pick {
-  overflow: hidden;
-  padding-top: 40px;
-  height: 100vh;
-  .org-pick-list {
-    height: calc(100% - 54px - 36px - 32px - 40px);
-    overflow-y: auto;
-    padding-bottom: 40px;
-    box-sizing: border-box;
-  }
-}
-</style>

package/src/components/formGenerator/formComponents/phoneComponents/components/imageShow.vue

@@ -1,123 +0,0 @@
-<template>
-  <div class>
-    <ul class="pho-image-show">
-      <li v-for="(item, i) in value" :key="i">
-        <van-image :src="item.url" @click="onPreview(item, i)"></van-image>
-        <div class="pho-image-show--mask" v-if="!item.url">
-          <van-loading size="20px" vertical></van-loading>
-        </div>
-        <div v-if="!onlyShow" class="pho-image-show--delete" @click.stop="clickDelete(i)">
-          <van-icon name="cross" />
-        </div>
-      </li>
-      <!-- <li v-if="!onlyShow"> -->
-      <slot name="default"></slot>
-      <!-- </li> -->
-    </ul>
-  </div>
-</template>
-
-<script>
-import { formatFile } from "../../../utils/index";
-import { ImagePreview } from "vant";
-export default {
-  props: {
-    // 回显的文件列表
-    value: {
-      type: Array,
-      default: () => [],
-    },
-    // 只显示
-    onlyShow: {
-      type: Boolean,
-      default: false,
-    },
-    // 	下载的文件字段名
-    dName: {
-      type: String,
-      default: "",
-    },
-    // 文件下载地址
-    download: {
-      type: String,
-      default: "",
-    },
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {};
-  },
-
-  methods: {
-    formatFile,
-    onPreview(item, startPosition) {
-      if (!item.url) return;
-      const images = this.value
-        .filter((item) => item.url)
-        .map((item) => item.url + "");
-      ImagePreview({ images, startPosition, closeable: true });
-    },
-
-    // 删除文件
-    clickDelete(i) {
-      if (this.readonly) return;
-      const value = this.value;
-      value.splice(i, 1);
-      this.$emit("update:value", value);
-      this.$emit("change", value);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-@import "@/style/color";
-.pho-image-show {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 0 16px;
-  li {
-    position: relative;
-    margin: 0 8px 8px 0;
-    cursor: pointer;
-    width: 80px;
-    height: 80px;
-
-    .van-image {
-      width: 100%;
-      height: 100%;
-    }
-    .pho-image-show--mask {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background-color: rgba(50, 50, 51, 0.88);
-      .van-loading__text {
-        font-size: 12px;
-        color: #fff;
-      }
-    }
-    .pho-image-show--delete {
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: 14px;
-      height: 14px;
-      text-align: center;
-      line-height: 14px;
-      background-color: rgba(0, 0, 0, 0.7);
-      border-radius: 0 0 0 12px;
-      font-size: 8px;
-      color: #fff;
-    }
-  }
-}
-</style>

package/src/components/formGenerator/formComponents/phoneComponents/components/nameShow.vue

@@ -1,84 +0,0 @@
-<template>
-  <van-row class="name-show">
-    <van-col class="name-show-item" span="6" v-for="item in value" :key="item[props.response.id]">
-      <FGNameImg
-        :portraitURL="item[props.response.avatar]"
-        :name="item[props.response.name]"
-        :defaultSvg="'default-'+item[props.response.type]"
-        layout="vertical"
-        imageWidth="30"
-      />
-      <van-icon
-        name="clear"
-        class="name-show-del"
-        v-if="!onlyShow"
-        @click="handleDelete(item[props.response.id])"
-      />
-    </van-col>
-  </van-row>
-</template>
-
-<script>
-import FGNameImg from "@/components/huComponents/FGNameImg.vue";
-export default {
-  components: {
-    FGNameImg,
-  },
-  name: "",
-  model: {
-    prop: "value", // 绑定的值，通过父组件传递
-    event: "update",
-  },
-  props: {
-    value: {
-      type: Array,
-      default: () => [],
-    },
-    props: {
-      type: Object,
-      default: () => {},
-    },
-    onlyShow: {
-      type: Boolean,
-      default: false,
-    },
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {};
-  },
-  methods: {
-    handleDelete(id) {
-      if (this.readonly) return;
-      const select = this.value.filter(
-        (item) => item[this.props.response.id] !== id
-      );
-      this.$emit("update", select);
-      this.$emit("change", select);
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-.name-show {
-  width: 100%;
-  box-sizing: border-box;
-  .hu-nameImg--vertical .hu-nameImg-text {
-    width: 100% !important;
-  }
-  .name-show-item {
-    position: relative;
-    .name-show-del {
-      position: absolute;
-      right: 14px;
-      top: -6px;
-      color: red;
-      cursor: pointer;
-    }
-  }
-}
-</style>