@xfu0401/form-generator 1.1.24 → 1.1.25

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

@@ -1,51 +0,0 @@
-<template>
-  <div class="tags-show">
-    <div v-for="(tag, i) in value" :key="i" style="display: flex; align-items: center; gap: 6px; margin-bottom: 6px;">
-      <el-link type="primary" @click="show(tag)"><i class="el-icon-info"></i> {{ tag.label ? tag.label : tag }}</el-link>
-      <i v-if="!onlyShow" class="el-icon-close" style="margin-left: 5px; cursor: pointer; color: red;" @click="handleClose(tag)" />
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "HisNameShow",
-  props: {
-    value: {
-      type: Array,
-      default: () => []
-    },
-    onlyShow: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    }
-  },
-  mounted() {
-  },
-
-  methods: {
-    handleClose(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.label ? item.label : item
-      this.$emit("selectHis", value);
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-
-</style>

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

@@ -1,231 +0,0 @@
-<template>
-  <FGDialog ref="FGDialog" title="请选择" width="1200px" top="8vh" @confirm="onConfirm">
-    <div class="global-search-page" style="padding: 20px; background: #f5f7fa; min-height: 50vh;">
-      <div class="search-bar">
-        <el-input
-            v-model="searchKey"
-            placeholder="请输入关键词，全局检索OA所有内容"
-            clearable
-            prefix-icon="el-icon-search"
-            style="width: 600px; display: inline-block; vertical-align: middle;"
-            @input="debounceSearch"
-            @keyup.enter.native="handleSearch"
-            @clear="handleClear" />
-        <el-button
-            type="primary"
-            style="margin-left: 10px; height: 36px; padding: 0 30px; font-size: 16px; background: #409EFF; border-color: #409EFF;"
-            @click="handleSearch">
-          搜索
-        </el-button>
-      </div>
-
-      <div class="search-stat" style="background: #fff; padding: 15px 20px; border-radius: 4px; margin-bottom: 15px;">
-      <span style="color: #606266; font-size: 14px;">
-        查询结果: 共{{ total }}条记录 &nbsp;&nbsp; 当前显示结果{{ start }}-{{ end }} (搜索用时{{ searchTime }}秒)
-      </span>
-      </div>
-
-      <div class="search-result-list" style="background: #fff; border-radius: 4px; overflow: hidden;">
-        <div
-            v-for="item in filteredResultList"
-            :key="item.id"
-            class="result-item"
-            style="padding: 20px; border-bottom: 1px solid #ebeef5; cursor: pointer;">
-          <div class="result-title" style="display: flex; align-items: center; margin-bottom: 10px;">
-            <i :class="getItemIcon(item.type)" style="color: #409EFF; font-size: 20px; margin-right: 8px;" />
-            <span style="font-size: 16px; font-weight: 500; color: #303133; flex: 1;">
-            {{ item.title }}
-          </span>
-            <el-checkbox v-model="item.checked" style="color: #67c23a; font-size: 16px; margin-left: 10px;"></el-checkbox>
-<!--            <i class="el-icon-edit" style="color: #67c23a; font-size: 16px; margin-left: 10px;" />-->
-          </div>
-
-          <div class="result-summary" style="font-size: 14px; color: #606266; line-height: 1.6; margin-bottom: 10px;">
-            <span v-html="highlightText(item.content)" />
-          </div>
-
-          <div class="result-footer" style="font-size: 14px; color: #909399;">
-            发起人：
-            <span style="color: #409EFF; cursor: pointer;">
-            {{ item.creator }}
-          </span>
-            &nbsp;&nbsp; 发起时间：{{ item.createTime }}
-          </div>
-        </div>
-
-        <!-- 空结果提示 -->
-        <div v-if="filteredResultList.length === 0" class="empty-result" style="padding: 50px; text-align: center; color: #909399;">
-          <i class="el-icon-document-delete" style="font-size: 48px; display: block; margin-bottom: 15px;" />
-          <p>暂无匹配的搜索结果</p>
-        </div>
-      </div>
-
-      <div v-if="total > 0" class="pagination" style="background: #fff; padding: 15px 20px; border-radius: 4px; margin-top: 15px; text-align: right;">
-        <pagination v-show="total>0" :total="total" :page.sync="currentPage" :limit.sync="pageSize" @pagination="handleSearch()" />
-      </div>
-    </div>
-  </FGDialog>
-</template>
-
-<script>
-import { requestUrl } from "@/api/data";
-import {
-  deepClone,
-} from "@/components/formGenerator/utils";
-import Pagination from "@/components/Pagination/index.vue";
-
-export default {
-  name: "HisPicker",
-  components: {
-    Pagination,
-  },
-  props: {
-    multiple: {
-      // 是否多选
-      default: false,
-      type: Boolean,
-    },
-    data: {
-      type: Object,
-      default: () => {},
-    }
-  },
-  data() {
-    return {
-      searchKey: "",
-      searchTimer: null,
-      searchTime: "0",
-      currentPage: 1,
-      pageSize: 10,
-      total: 0,
-      filteredResultList: []
-    };
-  },
-  computed: {
-    start() {
-      return (this.currentPage - 1) * this.pageSize + 1;
-    },
-    end() {
-      return Math.min(this.currentPage * this.pageSize, this.total);
-    }
-  },
-
-  methods: {
-    init() {
-      this.handleClear()
-    },
-    open() {
-      this.init();
-      // 回显已选中数据
-      this.handleSearch()
-      this.$refs.FGDialog.open();
-    },
-
-    // 防抖搜索
-    debounceSearch() {
-      clearTimeout(this.searchTimer);
-      this.searchTimer = setTimeout(() => {
-        this.handleSearch()
-      }, 300);
-    },
-    async handleSearch() {
-      const keyword = this.searchKey.trim();
-      // 空值校验
-      // if (!keyword) {
-      //   this.$message.warning("请输入搜索关键词！");
-      //   return;
-      // }
-      // 标记已搜索，显示结果
-      const params = {
-        keyword: keyword,
-        page: this.currentPage,
-        size: this.pageSize,
-        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(res => {
-        if (res.code === 1) {
-          const result = res.result
-          this.total = Number(result.total)
-          this.searchTime = result.time
-          result.list.forEach(it => {
-            it.checked = false
-          })
-          this.filteredResultList = deepClone(result.list)
-        }
-      })
-    },
-
-    handleClear() {
-      this.searchKey = "";
-      this.filteredResultList = [];
-      this.total = 0;
-      this.currentPage = 1;
-    },
-
-    highlightText(text) {
-      const keyword = this.searchKey.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>`;
-      });
-    },
-    getItemIcon(type) {
-      return "el-icon-document";
-    },
-    onConfirm() {
-      const checkList = this.filteredResultList.filter(it => it.checked);
-      checkList.forEach((item) => {
-        delete item.checked;
-      });
-      if (checkList.length === 0) {
-        this.$message.warning("至少选择一行数据！")
-        return
-      }
-      if (!this.multiple && checkList.length > 1) {
-        this.$message.warning("最多选择一条数据！")
-        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.$refs.FGDialog.close();
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.global-search-page {
-  margin: 0 auto;
-}
-
-.result-item:hover {
-  background-color: #f5f7fa;
-}
-
-.search-bar {
-  background: #fff;
-  padding: 20px;
-  border-radius: 4px;
-  margin-bottom: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.search-bar >>> .el-input__inner {
-  height: 40px;
-  font-size: 16px;
-}
-
-.search-bar >>> .el-input__prefix {
-  height: 40px;
-}
-
-.pagination >>> .el-pagination {
-  font-size: 14px;
-}
-
-</style>

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

@@ -1,148 +0,0 @@
-<template>
-  <!-- 图片显示 -->
-  <ul class="form-image-show">
-    <li class="form-image-show--item" v-for="(item, i) in list" :key="i">
-      <img :src="item.url" />
-      <!-- <label class="form-image-show--label">
-        <i class="el-icon-check"></i>
-      </label>-->
-      <div class="form-image-show--actions">
-        <span class="form-image-show--button" @click="onPreview(item)" style="margin-right: 10px">
-          <i class="el-icon-zoom-in" />
-        </span>
-        <span v-if="!onlyShow" @click="onRemove(item, i)">
-          <i class="el-icon-delete" />
-        </span>
-      </div>
-    </li>
-    <slot name="default"></slot>
-
-    <el-dialog :title="image.name" :visible.sync="dialogVisible" append-to-body>
-      <img width="100%" :src="image.url" alt />
-    </el-dialog>
-  </ul>
-</template>
-
-<script>
-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 {
-      dialogVisible: false,
-      image: {},
-      list: this.value,
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      deep: true,
-      handler(newValue) {
-        if (newValue) {
-          this.list = JSON.parse(JSON.stringify(newValue));
-        }
-      },
-    },
-  },
-  methods: {
-    // 移除
-    onRemove(file, i) {
-      if (this.readonly) return;
-      this.list.splice(i, 1);
-      this.$emit("update:value", this.list);
-      this.$emit("change", this.list);
-    },
-    onPreview(file) {
-      this.image = file;
-      this.dialogVisible = true;
-    },
-  },
-};
-</script>
-
-<style lang="scss" >
-.form-image-show {
-  .form-image-show--item {
-    position: relative;
-    overflow: hidden;
-    background-color: #fff;
-    border: 1px solid #c0ccda;
-    border-radius: 6px;
-    box-sizing: border-box;
-    width: 148px;
-    height: 148px;
-    margin: 0 8px 8px 0;
-    display: inline-block;
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-  .form-image-show--label {
-    position: absolute;
-    right: -15px;
-    top: -6px;
-    width: 40px;
-    height: 24px;
-    background: #13ce66;
-    text-align: center;
-    transform: rotate(45deg);
-    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
-    color: #fff;
-    font-size: 12px;
-    .el-icon-check {
-      transform: rotate(-45deg);
-    }
-  }
-  .form-image-show--actions {
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    cursor: default;
-    color: #fff;
-    opacity: 0;
-    font-size: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: rgba(0, 0, 0, 0.5);
-    transition: opacity 0.3s;
-    > span {
-      cursor: pointer;
-    }
-  }
-  .form-image-show--item:hover {
-    .form-image-show--actions {
-      opacity: 1;
-    }
-    .form-image-show--label {
-      display: none;
-    }
-  }
-}
-</style>

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

@@ -1,54 +0,0 @@
-<template>
-  <div class="tags-show">
-    <el-tag
-      v-for="(tag, i) in value"
-      :key="i"
-      :closable="!onlyShow"
-      type="primary"
-      @close="handleClose(tag)"
-    >{{ tag[props.response.name] }}</el-tag>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "",
-  props: {
-    value: {
-      type: Array,
-      default: () => []
-    },
-    props: {
-      type: Object,
-      default: () => {}
-    },
-    onlyShow: {
-      type: Boolean,
-      default: false
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    }
-  },
-  mounted() {},
-
-  methods: {
-    handleClose(tag) {
-      if (this.readonly) return;
-      const select = this.value;
-      select.splice(select.indexOf(tag), 1);
-      this.$emit("update", select);
-      this.$emit("change", select);
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.tags-show {
-  .el-tag {
-    margin-right: 10px;
-  }
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/components/tableOptions.vue

@@ -1,56 +0,0 @@
-<template>
-  <el-dropdown
-    placement="bottom-start"
-    trigger="click"
-    @command="handleSelect($event,list,rIndex,dIndex)"
-  >
-    <MenuButton svg="table2" />
-
-    <el-dropdown-menu slot="dropdown" class="Fg-dropdown-menu">
-      <el-dropdown-item
-        v-for="item in defaultOptions(list,rIndex,dIndex)"
-        :command="item.value"
-        :key="item.value"
-        :divided="item.divided"
-        :disabled="item.disabled"
-      >{{item.label}}</el-dropdown-item>
-    </el-dropdown-menu>
-  </el-dropdown>
-</template>
-
-<script>
-import { defaultOptions } from "../../../utils/table";
-
-export default {
-  name: "TableOptions",
-  props: {
-    list: {
-      type: Array,
-      default: () => [],
-    },
-    rIndex: {
-      type: Number,
-      default: 0,
-    },
-    dIndex: {
-      type: Number,
-      default: 0,
-    },
-  },
-
-  methods: {
-    defaultOptions,
-    handleSelect(e) {
-      this.$emit("command", e);
-    },
-  },
-};
-</script>
-
-<style lang="scss" >
-.Fg-dropdown-menu {
-  .popper__arrow {
-    display: none !important;
-  }
-}
-</style>

package/src/components/formGenerator/formComponents/pcComponents/components/tableStyle.vue

@@ -1,58 +0,0 @@
-<template>
-  <div style="display:inline-block">
-    <el-popover placement="bottom" width="200" trigger="click" popper-class="Fg-table-style">
-      <MenuButton svg="table3" slot="reference" />
-      <el-form :inline="true" size="mini" :model="formInline" class="demo-form-inline">
-        <el-form-item label="背景颜色">
-          <el-color-picker v-model="formInline.backgroundColor" />
-        </el-form-item>
-      </el-form>
-    </el-popover>
-  </div>
-</template>
-
-<script>
-import { deepClone } from "../../../utils";
-export default {
-  name: "TableStyle",
-  props: {
-    value: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  data() {
-    return {
-      formInline: {},
-    };
-  },
-  watch: {
-    value: {
-      immediate: true,
-      deep: true,
-      handler(newValue) {
-        if (JSON.stringify(newValue) !== JSON.stringify(this.formInline)) {
-          this.formInline = deepClone(newValue);
-        }
-      },
-    },
-    formInline: {
-      immediate: true,
-      deep: true,
-      handler(newValue) {
-        if (JSON.stringify(newValue) !== JSON.stringify(this.value)) {
-          this.$emit("input", newValue);
-        }
-      },
-    },
-  },
-};
-</script>
-
-<style lang="scss" >
-.Fg-table-style {
-  .popper__arrow {
-    display: none !important;
-  }
-}
-</style>