From cb4e11b19446843188cf628ac8f6be5fe1fa68c7 Mon Sep 17 00:00:00 2001
From: fujunling <2984387807@qq.com>
Date: 星期二, 06 六月 2023 18:01:52 +0800
Subject: [PATCH] 配置
---
Source/UBCS-WEB/src/components/FormTemplate/index.vue | 1099 ++++++++++++++++-----------------------------------------
1 files changed, 309 insertions(+), 790 deletions(-)
diff --git a/Source/UBCS-WEB/src/components/FormTemplate/index.vue b/Source/UBCS-WEB/src/components/FormTemplate/index.vue
index 108f8a0..3977502 100644
--- a/Source/UBCS-WEB/src/components/FormTemplate/index.vue
+++ b/Source/UBCS-WEB/src/components/FormTemplate/index.vue
@@ -1,790 +1,309 @@
-<template>
- <el-dialog
- :visible.sync="dialogVisible"
- v-dialogDrag
- top="0vh"
- title="鎻愮ず"
- class="avue-dialog avue-dialog--top"
- :width="dialogOptions.width"
- append-to-body
- >
- <avue-form
- v-model="form"
- :option="option"
- v-loading="loading"
- ref="form"
- :key="index"
- >
- <template :slot="item.prop + 'Label'" v-for="item in option.column">
- <span>{{ item.label }} </span>
- <el-tooltip
- v-if="item.keyAttr"
- class="item"
- effect="dark"
- content="璇ュ睘鎬т负鍏抽敭灞炴��"
- placement="top-start"
- >
- <i class="el-icon-star-on key_attr_icon"></i>
- </el-tooltip>
- <el-tooltip
- v-if="item.tip"
- class="item"
- effect="dark"
- :content="item.tip"
- placement="top-start"
- >
- <i class="el-icon-warning"></i>
- </el-tooltip>
- </template>
- </avue-form>
- <div class="avue-dialog__footer">
- <el-button @click="close()">鍙� 娑�</el-button>
- <el-button @click="close()" type="primary">纭� 瀹�</el-button>
- </div>
- <el-dialog title="娴嬭瘯鍙傜収" :visible.sync="visible2" append-to-body>
- <div style="height: 100px;">
- <p>閮ㄩ棬鏁版嵁 {depName: '鎴戞槸閮ㄩ棬鍚嶇О', depId: '鎴戞槸閮ㄩ棬id'}</p>
- </div>
- <div class="avue-dialog__footer">
- <el-button @click="visible2 = false">鍙� 娑�</el-button>
- <el-button @click="czSubmit" type="primary">纭� 瀹�</el-button>
- </div>
- </el-dialog>
- </el-dialog>
-</template>
-
-<script>
-import { getFormTemplate } from "../../api/common";
-import { getDictionary } from "../../api/system/dict";
-export default {
- name: "FormTemplate",
- props: {
- visible: {
- type: Boolean,
- default: false,
- },
- disabledProp: {
- type: Array,
- default: () => ["id"],
- },
- },
- data() {
- return {
- index: 0,
- form: {},
- loading: false,
- dialogOptions: {
- width: "60%",
- },
- option: {
- emptyBtn: false,
- submitBtn: false,
- labelWidth: "120",
- column: [],
- },
- templateData: {},
- columnType: {
- text: "input",
- combox: "select",
- truefalse: "switch",
- number: "number",
- textarea: "textarea",
- datetime: "datetime",
- date: "date",
- file: "upload",
- },
- // 鍋囨暟鎹�
- testItems: [
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "id",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "浼犲�肩鐢ㄥ姛鑳�",
- tooltips: "",
- type: "combox",
- unique: false,
- verify: "",
- },
- {
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "state",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: true,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "鎺ュ彛绂佺敤鍔熻兘",
- tooltips: "",
- type: "combox",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "oldcode",
- hidden: false,
- keyAttr: false,
- prefix: "el-icon-search",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "鏂囨湰鍚庣紑娴嬭瘯",
- text: "鍓嶅悗缂�鍔熻兘",
- tooltips: "",
- type: "text",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "materialname",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: true,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "姝ｅ垯鏍￠獙鍔熻兘",
- tooltips: "璇疯緭鍏ユ暟瀛�",
- type: "text",
- unique: false,
- verify: "/[0-9]/",
- },
- {
- comboxKey: null,
- customClass: null,
- data: [
- {
- attributes: {},
- key: "model_type",
- value: "妯″瀷",
- },
- {
- attributes: {},
- key: "part_type",
- value: "闆朵欢",
- },
- ],
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "dataSelect",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "鐩存帴杩斿洖涓嬫媺",
- tooltips: "",
- type: "combox",
- unique: false,
- verify: "",
- },
- {
- comboxKey: "formTemplateTest",
- customClass: null,
- data: [],
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "dictSelect",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "瀛楀吀杩斿洖涓嬫媺",
- tooltips: "",
- type: "combox",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "firstfl",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "鏁板瓧杈撳叆妗�",
- tooltips: "",
- type: "number",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "yyyy-MM-dd HH:mm:ss",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "datetime",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "鏃ユ湡鏃堕棿閫夋嫨鍣�",
- tooltips: "",
- type: "datetime",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "time",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "鏃堕棿閫夋嫨鍣�",
- tooltips: "",
- type: "date",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "false",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "xiaoshouwl",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "寮�鍏�",
- tooltips: "",
- type: "truefalse",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "鎴戞槸榛樿鍊�",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "tuhao",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "榛樿鍊煎姛鑳�",
- tooltips: "鎻愮ず",
- type: "text",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "xinghaoguige",
- hidden: false,
- keyAttr: true,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "灞炴�у叧閿��",
- tooltips: "",
- type: "text",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "jiliangdw",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- tip: "鎴戞槸鎻愮ず鍔熻兘",
- required: false,
- selectLibFlag: "",
- showField: "jiliangdwname",
- suffix: "",
- text: "鎻愮ず鍔熻兘",
- tooltips: "",
- type: "text",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: "this.form.sum = this.form.fun1 + this.form.fun2",
- extendAttrMap: null,
- extendAttrString: null,
- field: "fun1",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "鍙傛暟1娴嬭瘯js",
- tooltips: "",
- type: "text",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: "this.form.sum = this.form.fun1 + this.form.fun2",
- extendAttrMap: null,
- extendAttrString: null,
- field: "fun2",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- required: false,
- selectLibFlag: "",
- showField: "hesuanfenleiname",
- suffix: "",
- text: "鍙傛暟2娴嬭瘯js",
- tooltips: "",
- type: "text",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: "",
- extendAttrMap: null,
- extendAttrString: null,
- field: "sum",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: true,
- required: false,
- selectLibFlag: "",
- showField: "",
- suffix: "",
- text: "鍙傛暟1鍙傛暟2姹傚拰",
- tooltips: "",
- type: "text",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "textarea",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "鏂囨湰鍩�",
- tooltips: "",
- type: "textarea",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "beizhushuoming",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: false,
- referConfig: null,
- required: false,
- selectLibFlag: "",
- showField: null,
- suffix: "",
- text: "鏂囦欢鍔熻兘",
- tooltips: "",
- type: "file",
- unique: false,
- verify: "",
- },
- {
- comboxKey: null,
- customClass: null,
- data: null,
- dateFormate: "",
- defaultValue: "",
- displayExtension: null,
- extendAttrMap: null,
- extendAttrString: null,
- field: "cz",
- hidden: false,
- keyAttr: false,
- prefix: "",
- readOnly: true,
- referConfig: true,
- required: false,
- selectLibFlag: "",
- showField: "depId",
- suffix: "",
- text: "鍙傜収",
- tooltips: "",
- type: "text",
- unique: false,
- verify: "",
- },
- ],
- visible2: false,
- };
- },
- created() {
- },
- computed: {
- dialogVisible: {
- get() {
- return this.visible;
- },
- set(val) {
- this.$emit("update:visible", val);
- },
- },
- },
- methods: {
- getFormTemplate() {
- this.loading = true;
- getFormTemplate({
- templateOid: "78B8C7C5-A042-0B96-FE6D-65421451782A",
- codeClassifyOid: "4524E801-6CC6-92E8-1AC3-2AB9604E8F96",
- page: 1,
- limit: 30,
- })
- .then((res) => {
- if (res.status === 200) {
- this.templateData = res.data;
- this.templateRender();
- }
- this.loading = false;
- console.log(res.data);
- })
- .catch((err) => {
- this.loading = false;
- console.log(err);
- });
- },
- templateRender() {
- // const items = this.templateData.formDefineVO.items;
- const items = this.testItems;
- let column = [];
- let dictKeys = [];
- items.forEach((item) => {
- // 闅愯棌琛ㄥ崟鍏冪礌
- if (item.hide) {
- return;
- }
- // 鎵嬫満瀛楀吀key缁熶竴寮傛璇锋眰鑾峰彇
- if (!this.$utilFunc.isEmpty(item.comboxKey)) {
- dictKeys.push({ dictKey: item.comboxKey, field: item.field });
- }
- // 绂佺敤閮ㄥ垎灞炴��
- if (this.disabledProp.includes(item.field)) {
- item.disabled = true;
- }
- // 璁剧疆琛ㄥ崟鏍￠獙鐨勮鍒欙紝鏂囨湰
- let message = "璇烽�夋嫨";
- let trigger = "change";
- if (item.type === "text") {
- message = "璇疯緭鍏�";
- trigger = "blur";
- } else if (item.type === "file") {
- message = "璇蜂笂浼�";
- }
- let columnItem = {
- label: item.text,
- labelslot: true,
- prop: item.referConfig ? item.showField : item.field,
- type: this.columnType[item.type],
- dicData: this.getDataList(item.type, item.data),
- disabled: item.disabled,
- readonly: item.readOnly,
- prepend: this.preOrSufFixShow("text", item.prefix),
- append: this.preOrSufFixShow("text", item.suffix),
- prefixIcon: this.preOrSufFixShow("icon", item.prefix),
- suffixIcon: this.preOrSufFixShow("icon", item.suffix),
- valueFormat: item.dateFormate,
- format: item.dateFormate,
- keyAttr: item.keyAttr,
- value: item.defaultValue,
- tip: item.tip,
- comboxKey: item.comboxKey,
- change: ({ value, column }) => {
- this.changeFun(value, column, item.displayExtension);
- },
- click: this.clickFun(item.referConfig),
- // action:
- // item.type === "file"
- // ? "/api/ubcs-resource/oss/endpoint/put-file"
- // : "",
- // propsHttp: {
- // res: "data",
- // url: "link",
- // },
- rules: [
- {
- required: item.required,
- message: `璇�${message}${item.text}`,
- trigger,
- },
- {
- // 濡傛灉娌℃湁姝ｅ垯鍒欏尮閰嶄换浣曞瓧绗�
- pattern: item.verify ? item.verify : /[\s\S.]*/g,
- message: item.tooltips,
- trigger,
- },
- ],
- props: {
- label: "value",
- value: "key",
- },
- };
- column.push(columnItem);
- this.$set(this.option, "column", column);
- });
- this.index++;
- this.geDictData(dictKeys);
- },
- changeFun(value, column, jsCode) {
- if (typeof jsCode === "string" && jsCode.length > 0) {
- eval(jsCode);
- }
- },
- clickFun(referConfig) {
- if (referConfig) {
- return () => {
- this.visible2 = true
- }
- }
- },
- czSubmit() {
- this.visible2 = false
- this.form = Object.assign(this.form, {
- depName: "鎴戞槸閮ㄩ棬鍚嶇О",
- depId: "鎴戞槸閮ㄩ棬id",
- });
- },
- close() {
- this.dialogVisible = false;
- },
- // 鍓嶅悗缂�
- preOrSufFixShow(type, val) {
- if (this.$utilFunc.isEmpty(val) && typeof val !== "string") return;
- const isIcon = val.slice(0, 8) === "el-icon-";
- if ((type === "text" && !isIcon) || (type === "icon" && isIcon)) {
- return val;
- }
- },
- // 鑾峰彇swich鍜屽凡鎷垮埌鐨勪笅鎷夋暟鎹�
- getDataList(type, dicData) {
- if (type === "truefalse") {
- return [
- {
- key: false,
- value: "鍚�",
- },
- {
- key: true,
- value: "鏄�",
- },
- ];
- } else if (type === "combox") {
- return dicData;
- }
- return [];
- },
- // 鑾峰彇瀛楀吀鏁版嵁
- geDictData(dictKeys) {
- dictKeys.forEach((dictObj) => {
- getDictionary({ code: dictObj.dictKey }).then((res) => {
- if (res.data && res.data.code === 200) {
- this.option.column = this.option.column.map((item) => {
- if (item.field === dictObj.field) {
- let dictData = (res.data.data || []).map((itm) => {
- itm.value = itm.dictValue;
- itm.key = itm.dictKey;
- return itm;
- });
- item.dicData = dictData;
- }
- return item;
- });
- }
- });
- });
- },
- },
- watch: {
- visible(newV) {
- if (newV) {
- this.getFormTemplate();
- }
- },
- },
-};
-</script>
-
-<style lang="scss" scoped>
-.key_attr_icon {
- font-size: 24px;
- position: relative;
- top: 2px;
- color: red;
-}
-// 瑙ｅ喅swich缁勪欢涓嶅瀭鐩村眳涓殑闂
-/deep/ .el-switch {
- vertical-align: baseline;
-}
-</style>
+<template>
+ <el-dialog
+ :visible.sync="dialogVisible"
+ v-dialogDrag
+ top="0vh"
+ :title="title"
+ class="avue-dialog avue-dialog--top"
+ :width="width"
+ append-to-body
+ @opened="openDialog"
+ >
+ <FormTempalte
+ v-bind="$attrs"
+ :visible="visible"
+ :type="type"
+ :rowOid="rowOid"
+ :templateOid="templateOid"
+ ref="FormTempalte"
+ @getFormData="getFormData"
+ ></FormTempalte>
+
+ <div
+ class="tab_box"
+ v-if="
+ type !== 'detail' &&
+ dialogVisible &&
+ (showCodeApply || showResembleQuery)
+ "
+ >
+ <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
+ <el-tab-pane label="鐮佸�肩敵璇�" name="codeApply" v-if="showCodeApply">
+ <FormTempalte
+ v-bind="$attrs"
+ :type="type"
+ :selfColumnType="selfColumnType"
+ :selfColumnConfig="selfColumnConfig"
+ ref="CodeApply"
+ @getFormData="getFormData"
+ ></FormTempalte>
+ </el-tab-pane>
+ <el-tab-pane
+ label="鐩镐技椤规煡璇�"
+ name="resembleQuery"
+ v-if="showResembleQuery"
+ >
+ <ResembleQuery
+ v-bind="$attrs"
+ ref="resembleQueryRef"
+ :hasResemble="this.hasResemble"
+ :column="this.resembleTableColumn"
+ :codeClassifyOid="codeClassifyOid"
+ :form="this.form"
+ :templateOid="templateOid"
+ ></ResembleQuery>
+ </el-tab-pane>
+ </el-tabs>
+ </div>
+ <div class="avue-dialog__footer" v-if="type !== 'detail'">
+ <el-button @click="close()">鍙� 娑�</el-button>
+ <el-button @click="submit()" type="primary" :loading="submitBtnLoading"
+ >纭� 瀹�</el-button
+ >
+ <el-button
+ @click="resembleQuerySubmit"
+ type="primary"
+ v-if="showResembleQuery"
+ >鐩镐技鍍忔煡璇�</el-button
+ >
+ </div>
+ </el-dialog>
+</template>
+
+<script>
+import { getCodeRule, getFormTemplate } from "@/api/formTemplate.js";
+import FormTempalte from "./FormTempalte";
+import ResembleQuery from "./ResembleQuery";
+export default {
+ name: "FormTemplateDialog",
+ components: { ResembleQuery, FormTempalte },
+ props: {
+ visible: {
+ type: Boolean,
+ default: false,
+ },
+ type: {
+ type: String,
+ default: "add",
+ },
+ title: {
+ type: String,
+ default: "缂栫爜鐢宠",
+ },
+ width: {
+ type: String,
+ default: "80%",
+ },
+ rowOid: "",
+ codeClassifyOid: {
+ type: String,
+ default: "",
+ },
+ templateOid: {
+ type: String,
+ default: "",
+ },
+ },
+ data() {
+ return {
+ loading: false,
+ submitBtnLoading: false,
+ hasResemble: false,
+ resembleTableColumn: [],
+ secVOList: [],
+ form: {},
+ activeName: "codeApply",
+ showCodeApply: true,
+ showResembleQuery: true,
+ selfColumnType: {
+ codefixedsec: "combox",
+ codeclassifysec: "refer",
+ codevariablesec: "text",
+ coderefersec: "refer",
+ },
+ selfColumnConfig: {
+ function: {
+ required: this.isRequired,
+ dicData: this.getOptionList,
+ type: this.getType,
+ },
+ exchange: {
+ text: "name",
+ field: "oid",
+ prop: "oid",
+ showField: "name",
+ parentClassifySecOid: "parentClassifySecOid",
+ label: "name",
+ maxlength: "codeSecLength",
+ data: "fixedValueVOList",
+ },
+ directVoluation: {
+ search: true,
+ props: {
+ label: "id",
+ value: "id",
+ },
+ },
+ },
+ };
+ },
+ created() {},
+ computed: {
+ dialogVisible: {
+ get() {
+ return this.visible;
+ },
+ set(val) {
+ this.$emit("update:visible", val);
+ },
+ },
+ },
+ methods: {
+ openDialog() {
+ this.getFormTemplate();
+ if (this.type === 'add') {
+ this.getCodeRule();
+ }
+ },
+ close() {
+ this.dialogVisible = false;
+ },
+ // 鎺ュ彛鑾峰彇琛ㄥ崟鏁版嵁
+ getFormTemplate() {
+ getFormTemplate({
+ templateOid: this.templateOid,
+ codeClassifyOid: this.codeClassifyOid,
+ })
+ .then((res) => {
+ if (res.status === 200) {
+ this.hasResemble =
+ res.data.resembleTableVO &&
+ res.data.resembleTableVO.cols &&
+ res.data.resembleTableVO.cols.length > 0;
+ this.resembleTableColumn = res.data.resembleTableVO.cols || [];
+ if (this.hasResemble) {
+ this.activeName = 'resembleQuery'
+ this.showResembleQuery = true
+ }
+ this.$refs.FormTempalte.templateRender(res.data.formDefineVO.items);
+ }
+ })
+ .catch((err) => {
+ this.loading = false;
+ console.log(err);
+ });
+ },
+ // 鑾峰彇鐮佸�肩敵璇锋暟鎹�
+ getCodeRule() {
+ getCodeRule({ codeClassifyOid: this.codeClassifyOid }).then((res) => {
+ if (res.data && res.data.code === 200) {
+ const typeList = [
+ "codefixedsec",
+ "codeclassifysec",
+ "codevariablesec",
+ "coderefersec",
+ ];
+ this.secVOList = (res.data.data.secVOList || []).filter((item) =>
+ typeList.includes(item)
+ );
+ this.$nextTick(() => {
+ if (this.secVOList.length > 0 && this.type === 'add') {
+ this.showCodeApply = true
+ this.activeName = 'codeApply'
+ this.$refs.CodeApply.templateRender(this.secVOList);
+ } else {
+ this.showCodeApply = false
+ }
+ });
+ }
+ });
+ },
+ getFormData(form) {
+ this.form = form;
+ },
+ resembleQuerySubmit() {
+ this.activeName = "resembleQuery";
+ this.$refs.resembleQueryRef.resembleQuery(this.form);
+ },
+ handleClick() {
+ if (this.activeName === "resembleQuery") {
+ this.resembleQuerySubmit();
+ }
+ },
+ async submit() {
+ // 杩涜琛ㄥ崟鏍￠獙
+ const formValidate = await this.$refs.FormTempalte.validate();
+ if (!formValidate) return;
+ let codeValidate = true;
+ // 杩涜鐮佸�肩敵璇锋牎楠�
+ if (this.showCodeApply) {
+ codeValidate = await this.$refs.codeApply.validate();
+ if (!codeValidate) return;
+ }
+ // 杩涜鐩镐技椤规煡璇�
+ const resembleQueryList = await this.$refs.resembleQueryRef.resembleQuery(
+ this.form
+ );
+ if (resembleQueryList.length === 0) {
+ this.$emit("submit", this.form);
+ } else {
+ this.$confirm(
+ `璇ョ墿鏂欏凡鏈�${resembleQueryList.length}鏉＄浉浼兼暟鎹紝鏄惁缁х画淇濆瓨锛焋,
+ "闇�瑕佹偍纭",
+ {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ }
+ )
+ .then(() => {
+ this.$emit("submit", this.form);
+ })
+ .catch(() => {});
+ }
+ },
+ getType(item) {
+ return this.selfColumnType[item.sectype];
+ },
+ isRequired(item) {
+ return item.nullableFlag != "true";
+ },
+ getOptionList(item) {
+ if (
+ Array.isArray(item.fixedValueVOList) &&
+ item.fixedValueVOList.length > 0
+ ) {
+ const configAttr = {
+ key: "id",
+ value: "id",
+ };
+ const optionList = item.fixedValueVOList.map((item) => {
+ for (const key in configAttr) {
+ if (Object.hasOwnProperty.call(configAttr, key)) {
+ const element = configAttr[key];
+ item[key] = item[element];
+ }
+ }
+ return item;
+ });
+ return optionList;
+ } else {
+ return [];
+ }
+ },
+ },
+};
+</script>
+
+<style lang="scss" scoped>
+.key_attr_icon {
+ font-size: 24px;
+ position: relative;
+ top: 2px;
+ color: red;
+}
+// 瑙ｅ喅swich缁勪欢涓嶅瀭鐩村眳涓殑闂
+/deep/ .el-switch {
+ vertical-align: baseline;
+}
+</style>
--
Gitblit v1.9.3