From fe02c17b263405059837da6e3e5f7a353df58e99 Mon Sep 17 00:00:00 2001 From: ludc Date: 星期三, 31 七月 2024 15:02:30 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue | 1258 +++++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 1,158 insertions(+), 100 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue index 871f037..c2cb92a 100644 --- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue @@ -21,6 +21,10 @@ <el-button icon="el-icon-plus" size="small" type="primary" @click="rowSaveHandlerClick">鍒涘缓</el-button> <el-button icon="el-icon-delete" plain size="small" type="danger" @click="allDelHandler">鍒犻櫎</el-button> <el-button icon="el-icon-view" plain size="small" type="primary" @click="chekView">鏌ョ湅浣跨敤鑼冨洿</el-button> + <el-button icon="el-icon-download" plain size="small" type="primary" @click="downloadTemplateHandler">涓嬭浇瀵煎叆妯℃澘 + </el-button> + <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadHandler">瀵煎叆</el-button> + <el-button icon="el-icon-download" plain size="small" type="primary" @click="downLoadHandler">瀵煎嚭</el-button> </template> <template slot="menu" slot-scope="scope"> @@ -32,119 +36,538 @@ </avue-crud> </basic-container> </el-main> - + <!-- 鍙充晶淇℃伅 --> <el-aside width="30%"> <basic-container> - <div style="height: 85vh; overflow-y: auto"> - <el-descriptions :column="1" border size="medium" title="灞炴�ч」"> - <el-descriptions-item> - <template slot="label"> - 鍚嶇О - </template> - 鍚嶇О - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 鏍囩 - </template> - 鏍囩 - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 鎻忚堪 - </template> - 鎻忚堪 - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 鎿嶄綔绫诲瀷 - </template> - 鎿嶄綔绫诲瀷 - </el-descriptions-item> - </el-descriptions> + <div style="height: 85vh; overflow-y: auto"> + <el-descriptions :column="1" border size="medium" title="灞炴�ч」"> + <el-descriptions-item> + <template slot="label"> + 鍚嶇О + </template> + {{ lastItem.id }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鏍囩 + </template> + {{ lastItem.name }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鎻忚堪 + </template> + {{ lastItem.description }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鎿嶄綔绫诲瀷 + </template> + {{ lastItem.attributeDataType }} + </el-descriptions-item> + </el-descriptions> - <el-descriptions :column="1" border class="margin-top" size="medium" title="VTString"> - <el-descriptions-item> - <template slot="label"> - 鍏佽涓虹┖ - </template> - <el-tag type="success">鏄�</el-tag> - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 绮惧害 - </template> - 绮惧害 - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 闀垮害 - </template> - 闀垮害 - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 榛樿鍊� - </template> - 榛樿鍊� - </el-descriptions-item> - </el-descriptions> + <!-- 鍊煎煙 --> + <el-descriptions v-if="!isSpecialDataType" :column="1" :title="lastItem.attributeDataType" border + class="margin-top" + size="medium"> + <el-descriptions-item> + <template slot="label"> + 鍏佽涓虹┖ + </template> + <el-tag :type="lastItem.nullableFlag ? 'success' : 'danger'"> + {{ lastItem.nullableFlag ? '鏄�' : '鍚�' }} + </el-tag> + </el-descriptions-item> + <el-descriptions-item v-if="accuracy"> + <template slot="label"> + 绮惧害 + </template> + 绮惧害 + </el-descriptions-item> + <el-descriptions-item v-if="length"> + <template slot="label"> + 闀垮害 + </template> + {{ lastItem.attrLength }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 榛樿鍊� + </template> + {{ lastItem.defaultValue }} + </el-descriptions-item> + </el-descriptions> - <el-descriptions :column="1" border class="margin-top" size="medium" title="鍊煎煙"> - <el-descriptions-item> - <template slot="label"> - 褰撳墠绫诲瀷 - </template> - 涓氬姟绫诲瀷 - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 褰撳墠绫诲瀷鍊� - </template> + <!-- VTString --> + <el-descriptions v-if="lastItem.attributeDataType === 'VTString' || !lastItem.attributeDataType" + :column="1" border class="margin-top" size="medium" title="鍊煎煙"> + <el-descriptions-item> + <template slot="label"> + 褰撳墠绫诲瀷 + </template> + {{ lastItem.version ? '閾炬帴绫诲瀷' : '涓氬姟绫诲瀷' }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 褰撳墠绫诲瀷鍊� + </template> + {{ lastItem.version ? lastItem.linkTypeName : lastItem.btmTypeId }} + </el-descriptions-item> + <el-descriptions-item v-if="lastItem.version"> + <template slot="label"> + 褰撳墠鐗堟湰娆� + </template> + {{ lastItem.version }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 浣跨敤鏋氫妇 + </template> + <el-tag :type="lastItem.enumId ? 'success' : 'danger'"> + {{ lastItem.enumId ? '鏄�' : '鍚�' }} + </el-tag> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 褰撳墠鏋氫妇绫诲瀷 + </template> + {{ lastItem.enumId }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鍙栧�艰寖鍥� + </template> + <div style="width: 330px; height: 80px;overflow: auto"> + <el-tag v-for="item in rangeList" plain style="margin: 5px">{{ item }}</el-tag> + </div> + </el-descriptions-item> - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 褰撳墠鐗堟湰娆� - </template> + </el-descriptions> + <!-- VTInteger && VTInteger --> + <el-descriptions + v-if="lastItem.attributeDataType === 'VTInteger' || lastItem.attributeDataType === 'VTInteger'" + :column="1" border class="margin-top" size="medium" title="鍊煎煙"> - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 浣跨敤鏋氫妇 - </template> - <el-tag type="success">鏄�</el-tag> - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 鏋氫妇绫诲瀷 - </template> - 鏋氫妇绫诲瀷 - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 鏋氫妇鍊� - </template> + <el-descriptions-item> + <template slot="label"> + 浣跨敤鏋氫妇 + </template> + <el-tag :type="lastItem.enumFlag ? 'success' : 'danger'"> + {{ lastItem.enumFlag ? '鏄�' : '鍚�' }} + </el-tag> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鏋氫妇绫诲瀷 + </template> + {{ lastItem.enumFlag }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鍙栧�艰寖鍥� + </template> + <div style="width: 330px; height: 80px;overflow: auto"> + <el-tag v-for="item in rangeList" plain style="margin: 5px">{{ item }}</el-tag> + </div> + </el-descriptions-item> - </el-descriptions-item> + </el-descriptions> + <!-- VTDouble --> + <el-descriptions v-if="lastItem.attributeDataType === 'VTDouble'" + :column="1" border class="margin-top" size="medium" title="鍊煎煙"> - </el-descriptions> + <el-descriptions-item> + <template slot="label"> + 鍙栧�艰寖鍥� + </template> + <div style="width: 330px; height: 80px;overflow: auto"> + <el-tag v-for="item in rangeList" plain style="margin: 5px">{{ item }}</el-tag> + </div> + </el-descriptions-item> - </div> + </el-descriptions> + <!-- VTDate VTTime VTDateTime VTNote VTFilePath VTClob鍧囦笉鏄剧ず VTBoolean涓嶆樉绀哄�煎煙 鍙樉绀虹被鍨� --> + </div> </basic-container> </el-aside> + <!-- 鏂板瀵硅瘽妗� --> + <el-dialog + v-dialogDrag + v-loading="addLoading" + :title="dialogTitle === 'add' ? '鍒涘缓' : '缂栬緫'" + :visible.sync="addVisible" + append-to-body="true" + class="avue-dialog" + width="65%" + @close="addEscHandler" + > + <el-form ref="form" :model="form" :rules="rules" label-width="120px"> + <el-row> + <div class="addDialog"> + <div> + + <h3>灞炴�ч」</h3> + + <el-col :span="12"> + <el-form-item label="鍚嶇О锛�" prop="id"> + <el-input v-model="form.id"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鏍囩锛�" prop="name"> + <el-input v-model="form.name"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="灞炴�х被鍨嬶細" prop="attributeDataType"> + <el-select v-model="form.attributeDataType" placeholder="璇烽�夋嫨灞炴�х被鍨�" @change="attributeDataTypeChange"> + <el-option v-for="item in typeSelectList" :label="item" :value="item"></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鎻忚堪锛�" prop="description"> + <el-input v-model="form.description" :rows="2" type="textarea"></el-input> + </el-form-item> + </el-col> + + </div> + <div v-if="!hideType" class="addDialogBottom"> + <div class="left"> + <h3>{{ form.attributeDataType }}</h3> + + <el-form-item + v-if="form.attributeDataType !== 'VTInteger' && form.attributeDataType !== 'VTLong' + && form.attributeDataType !== 'VTDouble' && form.attributeDataType !== 'VTBoolean'" + label="闀垮害锛�" prop="attrLength"> + <el-input v-model="form.attrLength"></el-input> + </el-form-item> + + <el-form-item v-if="form.attributeDataType === 'VTDouble'" label="绮惧害锛�" prop="precisionLength"> + <el-input v-model="form.precisionLength"></el-input> + </el-form-item> + + <el-form-item v-if="form.attributeDataType === 'VTDouble'" label="闀垮害锛�" prop="scaleLength"> + <el-input v-model="form.scaleLength"></el-input> + </el-form-item> + + + <el-form-item v-if="form.attributeDataType !== 'VTBoolean' && !form.enumSwitch" label="榛樿鍊硷細" + prop="defaultValue"> + <el-input v-model="form.defaultValue"></el-input> + </el-form-item> + + <el-form-item v-if="form.attributeDataType === 'VTBoolean'" label="榛樿鍊硷細" prop="defaultValue"> + <el-select v-model="form.defaultValue"> + <el-option label="false" value="false"></el-option> + <el-option label="true" value="true"></el-option> + </el-select> + </el-form-item> + <el-form-item v-if="form.attributeDataType !== 'VTBoolean' && form.enumSwitch" label="榛樿鍊硷細" + prop="defaultValue"> + <el-select v-model="form.defaultValue"> + <el-option v-for="(item,index) in rangeOptionValue" :key="index" :label="item" + :value="item"></el-option> + </el-select> + </el-form-item> + + <el-form-item label="鍏佽涓虹┖锛�" prop="nullableFlag"> + <el-switch v-model="form.nullableFlag"></el-switch> + </el-form-item> + + </div> + <el-divider direction="vertical"></el-divider> + <!-- VTString --> + <div v-if="form.attributeDataType === 'VTString'" class="right"> + <h3>鍊煎煙</h3> + <el-form-item label="褰撳墠鍊煎煙绫诲瀷锛�" prop="attributeSelectType"> + <el-select v-model="form.attributeSelectType" placeholder="璇烽�夋嫨灞炴�х被鍨�" + @change="attributeSelectTypeChange"> + <el-option label="涓氬姟绫诲瀷" value="business"></el-option> + <el-option label="閾炬帴绫诲瀷" value="link"></el-option> + </el-select> + </el-form-item> + + <el-form-item v-if="form.attributeSelectType === 'link'" label="鐗堟湰娆★細" prop="version"> + <el-select v-model="form.version" placeholder="璇烽�夋嫨鐗堟湰娆�"> + <el-option :value="1" label="褰撳墠鐗堟湰娆�"></el-option> + <el-option :value="3" label="鏈�鏂扮増鏈"></el-option> + </el-select> + </el-form-item> + + <el-form-item label="閫夋嫨鍙傜収绫诲瀷锛�" prop="referValue"> + <el-input v-model="form.referValue" @focus="referFormFocusHandler"></el-input> + </el-form-item> + + <span v-if="!form.referValue"> + <el-form-item label="浣跨敤鏋氫妇锛�" prop="enumSwitch"> + <el-switch v-model="form.enumSwitch" @change="switchEnumChange"></el-switch> + </el-form-item> + + + <el-form-item :label="form.enumSwitch ? '鏋氫妇閫夋嫨锛�' : '娣诲姞鏋氫妇鍊硷細'" prop="enumSwitch"> + <el-select v-if="form.enumSwitch" v-model="form.enumId" placeholder="璇烽�夋嫨鏋氫妇绫诲瀷" + @change="enumSelectChange"> + <el-option v-for="(item,index) in attributeDataTypePickList" :key="index" :label="item.key" + :value="item.key"></el-option> + </el-select> + <el-input v-if="!form.enumSwitch" v-model="form.enumAddValue"> + </el-input> + </el-form-item> + <el-form-item v-if="!form.enumSwitch" label="杩愮畻绗︼細"> + <div> + <el-button size="mini" @click="enumAddHandler"> = </el-button> + </div> + </el-form-item> + <el-form-item label="褰撳墠鏋氫妇鍊硷細" prop="rangeValue"> + <textarea v-model="form.rangeValue" + style="width: 330px; height: 80px; border: 1px solid #DCDFE6; overflow: auto; text-align: left;resize: none;"> + </textarea> + </el-form-item> + </span> + </div> + <!-- VTInteger VTLong --> + <div v-if="form.attributeDataType === 'VTInteger' || form.attributeDataType === 'VTLong' " class="right"> + <h3>鍊煎煙</h3> + + <el-form-item label="浣跨敤鏋氫妇锛�" prop="enumSwitch"> + <el-switch v-model="form.enumSwitch" @change="switchEnumChange"></el-switch> + </el-form-item> + + + <el-form-item :label="form.enumSwitch ? '鏋氫妇閫夋嫨锛�' : '娣诲姞鏋氫妇鍊硷細'" prop="enumSwitch"> + <el-select v-if="form.enumSwitch" v-model="form.enumId" placeholder="璇烽�夋嫨鏋氫妇绫诲瀷" + @change="enumSelectChange"> + <el-option v-for="(item,index) in attributeDataTypePickList" :key="index" :label="item.key" + :value="item.key"></el-option> + </el-select> + <el-input v-if="!form.enumSwitch" v-model="form.enumAddValue"> + </el-input> + </el-form-item> + <el-form-item v-if="!form.enumSwitch" label="杩愮畻绗︼細"> + <div> + <el-button size="mini" @click="operationHandler('>')"> > </el-button> + <el-button size="mini" @click="operationHandler('<')"> < </el-button> + <el-button size="mini" @click="operationHandler('>=')"> >= </el-button> + <el-button size="mini" @click="operationHandler('<=')"> <= </el-button> + <el-button size="mini" @click="operationHandler('=')"> = </el-button> + <el-button size="mini" @click="operationHandler('!=')"> != </el-button> + <el-button size="mini" @click="operationHandler('()')"> () </el-button> + </div> + </el-form-item> + <el-form-item label="褰撳墠鏋氫妇鍊硷細" prop="rangeValue"> + <textarea v-model="form.rangeValue" + style="width: 330px; height: 80px; border: 1px solid #DCDFE6; overflow: auto; text-align: left;resize: none;"> + </textarea> + </el-form-item> + </div> + <!-- VTDouble --> + <div v-if="form.attributeDataType === 'VTDouble'" class="right"> + <h3>鍊煎煙</h3> + <el-form-item label="娣诲姞鏋氫妇鍊硷細" prop="enumAddValue"> + <el-input v-model="form.enumAddValue"> + </el-input> + </el-form-item> + <el-form-item label="杩愮畻绗︼細"> + <div> + <el-button size="mini" @click="operationHandler('>')"> > </el-button> + <el-button size="mini" @click="operationHandler('<')"> < </el-button> + <el-button size="mini" @click="operationHandler('>=')"> >= </el-button> + <el-button size="mini" @click="operationHandler('<=')"> <= </el-button> + <el-button size="mini" @click="operationHandler('=')"> = </el-button> + <el-button size="mini" @click="operationHandler('!=')"> != </el-button> + <el-button size="mini" @click="operationHandler('()')"> () </el-button> + </div> + </el-form-item> + <el-form-item label="褰撳墠鏋氫妇鍊硷細" prop="rangeValue"> + <textarea v-model="form.rangeValue" + style="width: 330px; height: 80px; border: 1px solid #DCDFE6; overflow: auto; text-align: left;resize: none;"> + </textarea> + </el-form-item> + </div> + </div> + </div> + </el-row> + </el-form> + + <!-- 涓氬姟绫诲瀷瀵硅瘽妗� --> + <el-dialog + v-dialogDrag + :visible.sync="businessVisible" + append-to-body="true" + class="avue-dialog" + title="涓氬姟绫诲瀷閫夋嫨" + width="70%" + > + <avue-crud + ref="businessCrud" + :data="businessData" + :option="businessOption" + :table-loading="businessLoading" + @search-change="businessHandleSearch" + @search-reset="businessHandleReset" + @row-click="businessRowClick" + > + </avue-crud> + <span slot="footer" class="dialog-footer"> + <el-button @click="businessEmpty">娓� 绌�</el-button> + <el-button @click="businessVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="businessSaveHandler">纭� 瀹�</el-button> + </span> + </el-dialog> + + <!-- 閾炬帴绫诲瀷瀵硅瘽妗� --> + <el-dialog + v-dialogDrag + :visible.sync="linkTypeVisible" + append-to-body="true" + class="avue-dialog" + title="閾炬帴绫诲瀷閫夋嫨" + width="70%" + > + <avue-crud + ref="linkTypeCrud" + :data="linkTypeData" + :option="linkTypeOption" + :table-loading="linkTypeLoading" + @search-change="linkHandleSearch" + @search-reset="linkHandleReset" + @row-click="linkRowClick" + > + </avue-crud> + <span slot="footer" class="dialog-footer"> + <el-button @click="linkEmpty">娓� 绌�</el-button> + <el-button @click="linkTypeVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="linkSaveHandler">纭� 瀹�</el-button> + </span> + </el-dialog> + <span slot="footer" class="dialog-footer"> + <el-button @click="addEscHandler">鍙� 娑�</el-button> + <el-button type="primary" @click="addSaveHandler">纭� 瀹�</el-button> + </span> + </el-dialog> + <!--瀵煎叆 --> + <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="瀵煎叆" + @updata="getTableList"></upload-file> + <!-- 鏌ョ湅浣跨敤鑼冨洿 --> + <el-dialog + v-dialogDrag + v-loading="checkViewLoading" + :visible.sync="checkViewVisible" + append-to-body="true" + class="avue-dialog" + title="鏌ョ湅浣跨敤鑼冨洿" + width="70%" + > + <avue-crud + ref="checkViewCrud" + :data="checkViewData" + :option="checkViewOption" + @search-change="checkHandleSearch" + @search-reset="checkHandleReset" + > + + </avue-crud> + </el-dialog> </el-container> </template> <script> -import {gridAttribute} from "@/api/modeling/attributePool/api"; +import { + gridAttribute, + getUsedAttributeList, + getEnumMapByType, + deleteAttributes, + download, + downloadAttributeTemplate, + getBizTypes, + getAllLtName, + addAttribute, + updateAttribute +} from "@/api/modeling/attributePool/api"; import basicOption from '@/util/basic-option'; import {column} from "./option" +import func from "@/util/func"; export default { name: "index", data() { return { + rules: { + id: [ + {required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur'}, + {pattern: /^[a-zA-Z]+$/, message: '鍙兘杈撳叆鑻辨枃瀛楃', trigger: 'blur'} + ] + }, + dialogTitle: "", + businessRow: {}, + linkRow: {}, + linkDataSearch: [], + businessSearchParams: {}, + linkTypeSearchParams: {}, + businessLoading: false, + linkTypeLoading: false, + businessVisible: false, + linkTypeVisible: false, + businessData: [], + linkTypeData: [], + businessOption: { + ...basicOption, + addBtn: false, + menu: false, + searchMenuSpan: 8, + selection: false, + refreshBtn: false, + searchLabelWidth: 100, + highlightCurrentRow: true, + column: [ + { + label: '涓氬姟绫诲瀷鍚�', + prop: 'name', + sortable: true, + search: true + }, + { + label: '鏍囩', + prop: 'label', + sortable: true, + }, + { + label: '鐖剁被', + prop: 'fName', + sortable: true, + }, + { + label: '鐗堟湰瑙勫垯', + prop: 'revRuleName', + sortable: true, + }, + { + label: '鐢熷懡鍛ㄦ湡', + prop: 'lifeCycle', + sortable: true, + }, + ] + }, + linkTypeOption: { + ...basicOption, + addBtn: false, + menu: false, + searchMenuSpan: 8, + selection: false, + refreshBtn: false, + searchLabelWidth: 100, + highlightCurrentRow: true, + column: [ + { + label: '閾炬帴绫诲瀷鍚�', + prop: 'name', + sortable: true, + search: true + }, + ] + }, tableData: [], option: { ...basicOption, @@ -163,7 +586,103 @@ pageSizes: [10, 30, 50, 100], }, searchParams: {}, - selectList: [] + selectList: [], + checkViewData: [], + checkViewDataSearch: [], + checkViewVisible: false, + checkViewLoading: false, + checkViewOption: { + ...basicOption, + addBtn: false, + menu: false, + searchMenuSpan: 8, + refreshBtn: false, + selection: false, + column: [ + { + label: '鍚嶇О', + prop: 'attributeName', + sortable: true, + }, + { + label: '鏉ユ簮', + prop: 'source', + sortable: true, + search: true + }, + { + label: '璇存槑', + prop: 'desc', + } + ] + }, + addVisible: false, + addLoading: false, + form: { + id: "", + name: "", + attributeDataType: "VTString", + description: "", + nullableFlag: true, + attrLength: 50, + enumFlag: false, + enumId: "", + enumSwitch: false, + enumAddValue: "", + range: "", + attributeSelectType: "business", + version: 1, + defaultValue: "", + referValue: "", + btmTypeId: "", + linkTypeName: "", + rangeValue: "" + + }, + typeSelectList: ['VTString', 'VTInteger', 'VTLong', 'VTDouble', 'VTBoolean', 'VTDate', 'VTTime', 'VTDateTime', 'VTNote', 'VTFilePath', 'VTClob'], + attributeDataTypePickList: [], + enumAddListChange: [], + tipList: [ + "灞炴�у悕鍜屽睘鎬х被鍨嬩负蹇呭~瀛楁锛屽苟涓斿睘鎬у悕涓嶅彲鍜岀郴缁熶腑宸叉湁灞炴�у悕閲嶅", + "褰撳睘鎬х被鍨嬩负VTString鏃跺睘鎬ч暱搴﹀垪蹇呭~锛屼负鍏朵粬绫诲瀷鏃朵笉蹇呭~鍐�", + "鍙栧�艰寖鍥村垪濉啓鏃惰鐢ㄨ嫳鏂� ; 鍒嗛殧锛屼笉濉啓鏃堕粯璁や娇鐢ㄥ綋鍓嶉�変腑鐨勬灇涓剧殑鎵�鏈夋灇涓鹃」鐨勫�间綔涓哄彇鍊艰寖鍥�" + ], + upFileType: ['xls', 'xlsx'], + fileUrl: 'api/attributeController/importAttributes', + } + }, + computed: { + lastItem() { + return this.selectList.length > 0 ? this.selectList[this.selectList.length - 1] : {}; + }, + isSpecialDataType() { + // 瀹氫箟涓�涓寘鍚墍鏈夐渶瑕佹瘮杈冪殑绫诲瀷鐨勬暟缁� + const specialTypes = ['VTDate', 'VTTime', 'VTDateTime', 'VTNote', 'VTFilePath', 'VTClob']; + // 鍒ゆ柇 lastItem.attributeDataType 鏄惁鍦ㄨ繖涓暟缁勪腑 + return specialTypes.includes(this.lastItem.attributeDataType); + }, + rangeList() { + if (this.lastItem.range) { + return this.lastItem.range.split(';'); + } + }, + accuracy() { + return this.lastItem.attributeDataType === 'VTDouble'; + }, + length() { + return this.lastItem.attributeDataType === 'VTString' || this.lastItem.attributeDataType === 'VTDoubule'; + }, + // 绛変簬鍏朵腑浠ヤ笅鍊� 涓嶅睍绀烘灇涓� + hideType() { + return this.form.attributeDataType === 'VTNote' || + this.form.attributeDataType === 'VTDate' || + this.form.attributeDataType === 'VTTime' || + this.form.attributeDataType === 'VTClob' || + this.form.attributeDataType === 'VTDateTime' || + this.form.attributeDataType === 'VTFilePath'; + }, + rangeOptionValue() { + return this.form.rangeValue.split('\n') } }, methods: { @@ -186,13 +705,18 @@ }, // 鎼滅储 - handleSearch() { - + handleSearch(params, done) { + this.searchParams = { + "conditionMap[id]": "*" + params.id + "*" + }; + this.getTableList() + done(); }, // 閲嶇疆鎼滅储鏉′欢 handleReset() { - + this.searchParams = {}; + this.getTableList(); }, // 閫夋嫨妗� @@ -215,30 +739,564 @@ this.page.currentPage = val; }, + // 鍒涘缓鎵撳紑瀵硅瘽妗� rowSaveHandlerClick() { + this.addVisible = true; + this.dialogTitle = "add"; + this.getEnumMapByTypeHandler('VTString'); }, + // 琛屽垹闄� + rowDeleteHandler(row) { + let params = { + oid: row.oid, + name: row.id, + ts: row.ts + }; + let data = [params]; + this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎褰撳墠鐨勬暟鎹悧锛�', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + deleteAttributes(data).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.getTableList(); + } + }) + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' + }); + }); + }, + + // 澶氶�夊垹闄� allDelHandler() { - + if (this.selectList.length <= 0) { + this.$message.error('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹繘琛屽垹闄わ紒') + return; + } + let data = this.selectList.map(item => { + return { + oid: item.oid, + name: item.id, + ts: item.ts + } + }) + this.$confirm('鎮ㄧ‘瀹氳鍒犻櫎鎵�閫夋嫨鐨勬暟鎹悧锛�', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + deleteAttributes(data).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.getTableList(); + } + }) + }).catch(() => { + this.$message({ + type: 'info', + message: '宸插彇娑堝垹闄�' + }); + }); }, + // 鏌ョ湅浣跨敤鑼冨洿 chekView() { + if (this.selectList.length <= 0) { + this.$message.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹�'); + return; + } + if (this.selectList.length > 1) { + this.$message.warning('鍙兘閫夋嫨涓�鏉℃暟鎹繘琛屾煡鐪�'); + return; + } + + getUsedAttributeList({attributeName: this.selectList[0].id}).then(res => { + if (res.data.code === 200) { + this.checkViewVisible = true; + this.checkViewData = res.data.data; + this.checkViewDataSearch = res.data.data; + } + }) + }, + + // 鏌ョ湅浣跨敤鑼冨洿鏌ヨ + checkHandleSearch(params, done) { + const {source} = params; + + if (!params.source) { + this.checkViewData = this.checkViewDataSearch; + return done(); + } + ; + + this.checkViewData = this.checkViewData.filter(item => { + return item.source && item.source.includes(source); + }); + + done(); }, - editBtnClick() { + // 鏌ョ湅浣跨敤鑼冨洿閲嶇疆 + checkHandleReset() { + this.checkViewData = this.checkViewDataSearch; + }, + + // 琛岀紪杈戞寜閽� + editBtnClick(row) { + this.dialogTitle = "edit"; + this.form = {...row}; + + if (row.enumId) this.form.enumSwitch = true; + this.form.rangeValue = row.range.replace(/;/g, '\n'); + + if (row.btmTypeId) { + this.form.attributeSelectType = 'business' + this.form.referValue = row.btmTypeId; + } + if (row.linkTypeName) { + this.form.attributeSelectType = 'link' + this.form.referValue = row.linkTypeName; + } + + this.getEnumMapByTypeHandler(this.form.attributeDataType) + this.addVisible = true; }, - rowDeleteHandler() { + // 灞炴�х被鍨嬩笅鎷夋change + attributeDataTypeChange(val) { + this.form.rangeValue = null; + this.getEnumMapByTypeHandler(val); + this.form.enumSwitch = false; + if (val === 'VTBoolean') { + this.form.defaultValue = 'false'; + } else { + this.form.defaultValue = ''; + } + }, - } + // 灞炴�х被鍨嬩笅鎷夋鏁版嵁澶勭悊 + getEnumMapByTypeHandler(val) { + const enumType = { + VTString: 'String', + VTInteger: 'Integer', + VTLong: 'Integer', + }; + if (enumType[val]) { + const string = enumType[val]; + getEnumMapByType({enumType: string}).then(res => { + const data = res.data.data; + this.attributeDataTypePickList = data.flatMap(obj => + Object.entries(obj).map(([key, values]) => ({ + key: key, + values: values + })) + ); + }) + } + }, + + // 浣跨敤鏋氫妇鏃� 鏋氫妇閫夋嫨涓嬫媺妗哻hange浜嬩欢 + enumSelectChange(val) { + const list = this.attributeDataTypePickList.find(item => item.key === val).values; + this.form.rangeValue = list.join('\n'); + this.form.defaultValue = list[0]; + }, + + // 浣跨敤鏋氫妇switch婊戝潡change浜嬩欢 + switchEnumChange(status) { + if (status) { + this.form.enumId = this.attributeDataTypePickList[0].key; + this.form.defaultValue = this.attributeDataTypePickList[0].values[0]; + const list = this.attributeDataTypePickList[0].values; + this.form.rangeValue = list.join('\n'); + } else { + this.form.defaultValue = ""; + this.form.rangeValue = ""; + this.enumId = ""; + } + }, + + // 涓嶄娇鐢ㄦ灇涓� 鎵嬪姩娣诲姞鏋氫妇鍊� + enumAddHandler() { + // 妫�鏌ュ拰杞崲 this.form.range 涓烘暟缁勶紝鍚屾椂鎺掗櫎绌哄�� + let currentRangeArray = this.form.rangeValue ? this.form.rangeValue.split('\n').filter(item => item.trim() !== '') : []; + + let newValue = this.form.enumAddValue.trim(); + if (currentRangeArray.includes(newValue)) { + this.$message.error('璇ュ�煎煙瑙勫垯宸茬粡瀛樺湪锛�') + return; + } + + currentRangeArray.push(newValue); + this.enumAddListChange = currentRangeArray; + this.form.rangeValue = currentRangeArray.join('\n'); + this.form.enumAddValue = ""; + }, + + // 涓嶄娇鐢ㄦ灇涓� 鎵嬪姩娣诲姞鏋氫妇鍊�(澶氫釜杩愮畻绗�) + operationHandler(val) { + // 妫�鏌ュ拰杞崲 this.form.rangeValue 涓烘暟缁勶紝鍚屾椂鎺掗櫎绌哄�� + let currentRangeArray = this.form.rangeValue + ? this.form.rangeValue.split('\n').filter(item => item.trim() !== '') + : []; + + // 澶勭悊 '()' 杩愮畻绗︾殑鎯呭喌 + if (val === '()') { + // 鍒囧壊 enumAddValue 鐨勯�楀彿 + let values = this.form.enumAddValue.split(',').map(item => item.trim()); + + // 妫�鏌ユ槸鍚︽湁鏈夋晥鐨勫�� + if (values.length < 2 || values.some(item => item === '')) { + this.$message.error('璇疯緭鍏ユ湁鏁堢殑鍊硷紝骞剁敤閫楀彿鍒嗛殧锛�'); + return; + } + + // 妫�鏌ュ乏杈瑰�兼槸鍚﹀皬浜庡彸杈瑰�� + let leftValue = parseFloat(values[0]); + let rightValue = parseFloat(values[1]); + + if (isNaN(leftValue) || isNaN(rightValue)) { + this.$message.error('璇疯緭鍏ユ湁鏁堢殑鏁板瓧鍊硷紒'); + return; + } + + if (leftValue >= rightValue) { + this.$message.error('宸﹁竟鐨勫�间笉鑳藉ぇ浜庢垨绛変簬鍙宠竟鐨勫�硷紒'); + return; + } + + // 鏋勫缓 newValue 鐨勫舰寮� (鍊�1,鍊�2) + let newValue = `(${values.join(',')})`; + + // 妫�鏌ユ柊鐨勫�兼槸鍚﹀凡瀛樺湪 + if (currentRangeArray.includes(newValue)) { + this.$message.error('璇ュ�煎煙瑙勫垯宸茬粡瀛樺湪锛�'); + return; + } + + // 娣诲姞鏂板�煎埌鏁扮粍涓� + currentRangeArray.push(newValue); + this.enumAddListChange = currentRangeArray; + this.form.rangeValue = currentRangeArray.join('\n'); + this.form.enumAddValue = ""; + return; + } + + // 澶勭悊鍏朵粬杩愮畻绗� + const operatorMap = { + '>': '>', + '<': '<', + '>=': '>=', + '<=': '<=', + '=': '=', + '!=': '!=' + }; + + // 鍒涘缓鏂扮殑鍊� + let newValue = operatorMap[val] + this.form.enumAddValue.trim(); + + // 妫�鏌ユ柊鐨勫�兼槸鍚﹀凡瀛樺湪 + if (currentRangeArray.includes(newValue)) { + this.$message.error('璇ュ�煎煙瑙勫垯宸茬粡瀛樺湪锛�'); + return; + } + + // 娣诲姞鏂板�煎埌鏁扮粍涓� + currentRangeArray.push(newValue); + this.enumAddListChange = currentRangeArray; + this.form.rangeValue = currentRangeArray.join('\n'); + this.form.enumAddValue = ""; + }, + + // 鍊煎煙绫诲瀷鍒囨崲 + attributeSelectTypeChange() { + this.$forceUpdate(); // 寮哄埗鏇存柊form缁勪欢 + this.form.referValue = null; // 鍒囨崲鍊煎煙绫诲瀷 娓呯┖褰撳墠鍙傜収 + }, + + // 閫夋嫨鍙傜収 + referFormFocusHandler() { + this.form.enumSwitch = false; + this.form.rangeValue = ""; + this.form.enumId = ""; + const handlers = { + business: () => { + this.businessVisible = true; + this.businessLoading = true; + this.businessGetTable(); + }, + link: () => { + this.linkTypeVisible = true; + this.linkTypeLoading = true; + this.linkGetTable(); + } + }; + + const {attributeSelectType} = this.form; + const handler = handlers[attributeSelectType]; + + if (handler) { + handler(); + } + ; + }, + + // 涓氬姟绫诲瀷琛ㄦ牸鏁版嵁璇锋眰 + businessGetTable() { + getBizTypes(this.businessSearchParams).then(res => { + const data = res.data.data; + this.businessData = data; + this.businessLoading = false; + }) + }, + + // 涓氬姟绫诲瀷鍙傜収鎼滅储 + businessHandleSearch(val, done) { + this.businessSearchParams = { + btmName: val.name + } + this.businessGetTable(); + done() + }, + + // 涓氬姟绫诲瀷鍙傜収娓呯┖鎼滅储 + businessHandleReset() { + this.businessSearchParams = {}; + this.businessGetTable(); + }, + + // 閾炬帴绫诲瀷琛ㄦ牸鏁版嵁璇锋眰 + linkGetTable() { + getAllLtName(this.linkTypeSearchParams).then(res => { + const data = res.data.data.map(item => ({name: item})); + ; + this.linkTypeData = data; + this.linkDataSearch = data; + this.linkTypeLoading = false; + }) + }, + + // 閾炬帴绫诲瀷鍙傜収鎼滅储 + linkHandleSearch(params, done) { + const {name} = params; + + if (!params.name) { + this.linkTypeData = this.linkDataSearch; + return done(); + } + ; + + this.linkTypeData = this.linkDataSearch.filter(item => { + console.log(item) + return item.name && item.name.includes(name); + }); + + done(); + }, + + // 閾炬帴绫诲瀷鍙傜収娓呯┖鎼滅储 + linkHandleReset() { + this.linkTypeData = this.linkDataSearch; + }, + + // 涓氬姟绫诲瀷琛ㄦ牸琛岀偣鍑� + businessRowClick(row) { + this.businessRow = row; + }, + + // 涓氬姟绫诲瀷纭畾淇濆瓨 + businessSaveHandler() { + if (func.isEmptyObject(this.businessRow)) { + this.$message.error('璇烽�夋嫨涓�鏉℃暟鎹紒') + return; + } + + this.form.referValue = this.businessRow.name; + this.businessVisible = false; + }, + + // 涓氬姟绫诲瀷娓呯┖ + businessEmpty() { + this.form.referValue = null; + this.businessVisible = false; + }, + + // 閾炬帴绫诲瀷纭畾淇濆瓨 + linkRowClick(row) { + this.linkRow = row; + }, + + // 涓氬姟绫诲瀷纭畾淇濆瓨 + linkSaveHandler() { + if (func.isEmptyObject(this.linkRow)) { + this.$message.error('璇烽�夋嫨涓�鏉℃暟鎹紒') + return; + } + + this.form.referValue = this.linkRow.name; + this.linkTypeVisible = false; + }, + + // 閾炬帴绫诲瀷娓呯┖ + linkEmpty() { + this.form.referValue = null; + this.linkTypeVisible = false; + }, + + // 鏂板瀵硅瘽妗� 鍙栨秷浜嬩欢 + addEscHandler() { + this.$refs.form.resetFields(); // 瀵规暣涓〃鍗曡繘琛岄噸缃紝灏嗘墍鏈夊瓧娈靛�奸噸缃负鍒濆鍊煎苟绉婚櫎鏍¢獙缁撴灉 + this.addVisible = false; + const form = { + id: "", + name: "", + attributeDataType: "VTString", + description: "", + nullableFlag: true, + attrLength: 50, + enumFlag: false, + enumId: "", + enumSwitch: false, + enumAddValue: "", + range: "", + attributeSelectType: "business", + version: 1, + defaultValue: "", + referValue: "", + btmTypeId: "", + linkTypeName: "", + rangeValue: "" + }; + this.form = form; + }, + + // 鏂板淇濆瓨 + addSaveHandler() { + const form = { + id: "", + name: "", + attributeDataType: "VTString", + description: "", + nullableFlag: true, + attrLength: 50, + enumFlag: false, + enumId: "", + enumSwitch: false, + enumAddValue: "", + range: "", + attributeSelectType: "business", + version: 1, + defaultValue: "", + referValue: "", + btmTypeId: "", + linkTypeName: "", + rangeValue: "" + }; + if (this.dialogTitle === 'add') { + this.form.range = this.form.rangeValue.replace(/\n/g, ';'); + if (this.form.attributeSelectType === 'business') { + this.form.btmTypeId = this.form.referValue; + } else { + this.form.linkTypeName = this.form.referValue; + } + addAttribute(this.form).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.msg); + this.getTableList(); + this.form = form; + this.addVisible = false; + } + }) + } + if (this.dialogTitle === 'edit') { + this.form.range = this.form.rangeValue.replace(/\n/g, ';'); + if (this.form.attributeSelectType === 'business') { + this.form.btmTypeId = this.form.referValue; + } else { + this.form.linkTypeName = this.form.referValue; + } + updateAttribute(this.form).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.getTableList(); + this.form = form; + this.addVisible = false; + } + }) + } + }, + + // 瀵煎叆 + upLoadHandler() { + this.$refs.upload.visible = true; + }, + + // 瀵煎嚭 + downLoadHandler() { + if (this.selectList.length <= 0) { + this.$message.warning('璇疯嚦灏戦�夋嫨涓�鏉℃暟鎹繘琛屽鍑�'); + return; + } + + let attrNames = this.selectList.map(item => item.id).join(','); + download({attrNames: attrNames}).then(res => { + func.downloadFileByBlobHandler(res); + this.$message.success('瀵煎嚭鎴愬姛'); + }).catch(err => { + this.$message.error(err); + }) + }, + + // 涓嬭浇瀵煎叆妯℃澘 + downloadTemplateHandler() { + downloadAttributeTemplate().then(res => { + func.downloadFileByBlobHandler(res); + this.$message.success('涓嬭浇鎴愬姛'); + }).catch(err => { + this.$message.error(err); + }) + }, } } </script> <style lang="scss" scoped> -.margin-top{ +.margin-top { margin-top: 25px; } + +.left { + width: 45%; + height: 100%; + margin-right: 60px; +} + +.right { + height: 100%; + width: auto; + margin-left: 60px; +} + +.addDialogBottom { + width: 100%; + display: flex; + flex-direction: row; +} + +.addDialogBottom > .el-divider--vertical { + width: 2px; + height: 78%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -20%); +} </style> -- Gitblit v1.9.3