From 391eec3114a17e68652434c6eae610799d80290e Mon Sep 17 00:00:00 2001 From: ludc <ludc@vci-tech.com> Date: 星期四, 16 一月 2025 11:13:43 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue | 1220 ++++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 1,109 insertions(+), 111 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..ec607dd 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 @@ -18,133 +18,564 @@ @current-change="currentChange" > <template slot="menuLeft" slot-scope="scope"> - <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 v-if="permissionList.addBtn" class="button-custom-icon" plain size="small" type="primary" + @click="rowSaveHandlerClick"> + <icon-show :name="permissionList.addBtn.source"></icon-show> + 鍒涘缓 + </el-button> + <el-button v-if="permissionList.delBtn" class="button-custom-icon" plain size="small" type="danger" + @click="allDelHandler"> + <icon-show :name="permissionList.delBtn.source"></icon-show> + 鍒犻櫎 + </el-button> + <el-button v-if="permissionList.viewTheScopeBtn" class="button-custom-icon" plain size="small" + type="primary" + @click="chekView"> + <icon-show :name="permissionList.viewTheScopeBtn.source"></icon-show> + 鏌ョ湅浣跨敤鑼冨洿 + </el-button> + <el-button v-if="permissionList.downloadImportTemplateBtn" class="button-custom-icon" plain size="small" + type="primary" @click="downloadTemplateHandler"> + <icon-show :name="permissionList.downloadImportTemplateBtn.source"></icon-show> + 涓嬭浇瀵煎叆妯℃澘 + </el-button> + <el-button v-if="permissionList.importBtn" class="button-custom-icon" plain size="small" type="primary" + @click="upLoadHandler"> + <icon-show :name="permissionList.importBtn.source"></icon-show> + 瀵煎叆 + </el-button> + <el-button v-if="permissionList.exportBtn" class="button-custom-icon" plain size="small" type="primary" + @click="downLoadHandler"> + <icon-show :name="permissionList.exportBtn.source"></icon-show> + 瀵煎嚭 + </el-button> </template> <template slot="menu" slot-scope="scope"> - <el-button icon="el-icon-edit" size="small" type="text" @click="editBtnClick(scope.row)">缂栬緫 + <el-button v-if="permissionList.editBtn" size="small" type="text" + @click="editBtnClick(scope.row)"> + <icon-show :name="permissionList.editBtn.source"></icon-show> + 缂栬緫 </el-button> - <el-button icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">鍒犻櫎 + <el-button v-if="permissionList.delBtn" size="small" type="text" + @click="rowDeleteHandler(scope.row)"> + <icon-show :name="permissionList.delBtn.source"></icon-show> + 鍒犻櫎 </el-button> </template> </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" :labelStyle="{width:'120px'}" border size="medium" title="灞炴�ч」"> + <el-descriptions-item> + <template slot="label"> + 鍚嶇О + </template> + <div> + {{ lastItem.id }} + </div> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鏍囩 + </template> + <div> + {{ lastItem.name }} + </div> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鎻忚堪 + </template> + <div> + {{ lastItem.description }} + </div> + </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" :labelStyle="{width:'120px'}" + :title="lastItem.attributeDataType || 'VTString'" + border + class="margin-top" size="medium"> + <el-descriptions-item> + <template slot="label"> + 鍏佽涓虹┖ + </template> + <div> + <el-tag :type="lastItem.nullableFlag ? 'success' : 'danger'"> + {{ lastItem.nullableFlag ? '鏄�' : '鍚�' }} + </el-tag> + </div> + </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> + <div> + {{ lastItem.attrLength }} + </div> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 榛樿鍊� + </template> + <div> + {{ lastItem.defaultValue }} + </div> + </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" :labelStyle="{width:'120px'}" border class="margin-top" size="medium" title="鍊煎煙"> + <el-descriptions-item> + <template slot="label"> + 褰撳墠绫诲瀷 + </template> + <div> + {{ lastItem.version ? '閾炬帴绫诲瀷' : '涓氬姟绫诲瀷' }} + </div> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 褰撳墠绫诲瀷鍊� + </template> + <div> + {{ lastItem.version ? lastItem.linkTypeName : lastItem.btmTypeId }} + </div> + </el-descriptions-item> + <el-descriptions-item v-if="lastItem.version"> + <template slot="label"> + 褰撳墠鐗堟湰娆� + </template> + <div> + {{ lastItem.version }} + </div> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 浣跨敤鏋氫妇 + </template> + <div> + <el-tag :type="lastItem.enumId ? 'success' : 'danger'"> + {{ lastItem.enumId ? '鏄�' : '鍚�' }} + </el-tag> + </div> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 褰撳墠鏋氫妇绫诲瀷 + </template> + <div> + {{ lastItem.enumId }} + </div> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鍙栧�艰寖鍥� + </template> + <div> + <el-tag v-for="item in rangeList" plain style="margin: 3px 10px 3px 0">{{ item }}</el-tag> + </div> + </el-descriptions-item> + </el-descriptions> + <!-- VTInteger && VTInteger --> + <el-descriptions + v-if="lastItem.attributeDataType === 'VTInteger' || lastItem.attributeDataType === 'VTInteger'" + :column="1" :labelStyle="{width:'120px'}" border class="margin-top" size="medium" title="鍊煎煙"> + <el-descriptions-item> + <template slot="label"> + 浣跨敤鏋氫妇 + </template> + <div> + <el-tag :type="lastItem.enumId ? 'success' : 'danger'"> + {{ lastItem.enumId ? '鏄�' : '鍚�' }} + </el-tag> + </div> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鏋氫妇绫诲瀷 + </template> + <div> + {{ lastItem.enumId }} + </div> + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鍙栧�艰寖鍥� + </template> + <div> + <el-tag v-for="item in rangeList" plain style="margin: 3px 10px 3px 0">{{ item }}</el-tag> + </div> + </el-descriptions-item> - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 褰撳墠鐗堟湰娆� - </template> + </el-descriptions> + <!-- VTDouble --> + <el-descriptions v-if="lastItem.attributeDataType === 'VTDouble'" + :column="1" :labelStyle="{width:'120px'}" 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> - - </el-descriptions> - - </div> + <el-descriptions-item> + <template slot="label"> + 鍙栧�艰寖鍥� + </template> + <div> + <el-tag v-for="item in rangeList" plain style="margin: 3px 10px 3px 0">{{ item }}</el-tag> + </div> + </el-descriptions-item> + </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="1200px" + @close="addEscHandler" + > + <div style="height: 550px;"> + <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="small" style="max-height: 600px;"> + <div class="addDialog"> + <h3 style="border-bottom: 1px solid #eee;margin: -10px 0 20px;line-height: 40px">灞炴�ч」</h3> + <el-col :span="8"> + <el-form-item label="鍚嶇О锛�" prop="id"> + <el-input v-model="form.id" :disabled="dialogTitle !== 'add'"></el-input> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="鏍囩锛�" prop="name"> + <el-input v-model="form.name"></el-input> + </el-form-item> + </el-col> + <el-col :span="8"> + <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="24"> + <el-form-item label="鎻忚堪锛�" prop="description"> + <el-input v-model="form.description" :rows="2" type="textarea"></el-input> + </el-form-item> + </el-col> + <!-- VTString --> + <div v-if="form.attributeDataType === 'VTString'" style="clear: both"> + <h3 style="border-bottom: 1px solid #eee;margin: -10px 0 20px;line-height: 40px">{{ + form.attributeDataType + }}</h3> + <el-col :span="8"> + <el-form-item label="闀垮害锛�" prop="attrLength"> + <el-input-number v-model="form.attrLength" :min="0" controls-position="right"></el-input-number> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item v-if="form.enumSwitch" label="榛樿鍊硷細" prop="defaultValue"> + <el-select v-model="form.defaultValue"> + <el-option v-for="(item,index) in enumAddListChange" :key="index" :label="item.replace('=','')" + :value="item.replace('=','')"></el-option> + </el-select> + </el-form-item> + <el-form-item v-else label="榛樿鍊硷細" prop="defaultValue"> + <el-input v-model="form.defaultValue"></el-input> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="鍏佽涓虹┖锛�" prop="nullableFlag"> + <el-switch v-model="form.nullableFlag"></el-switch> + </el-form-item> + </el-col> + <h3 style="border-bottom: 1px solid #eee;margin: -10px 0 20px;line-height: 40px;clear: both">鍊煎煙</h3> + <el-col :span="8"> + <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-col> + <el-col :span="8"> + <el-form-item label="閫夋嫨鍙傜収绫诲瀷锛�" prop="referValue"> + <avue-input-tree key="businessReferValue" v-if="form.attributeSelectType === 'business'" default-expand-all :clearable="true" v-model="form.referValue" placeholder="璇烽�夋嫨鍐呭" :dic="businessData" @change="referValueChange"></avue-input-tree> + <avue-input-tree key="linkReferValue" v-else default-expand-all v-model="form.referValue" placeholder="璇烽�夋嫨鍐呭" :clearable="true" :dic="linkTypeData" @change="referValueChange"></avue-input-tree> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item v-show="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-col> + <div v-show="showEnumSwitch" style="clear: both"> + <el-col :span="8"> + <el-form-item label="浣跨敤鏋氫妇锛�" prop="enumSwitch"> + <el-switch v-model="form.enumSwitch" @change="switchEnumChange"></el-switch> + </el-form-item> + </el-col> + <el-col :span="8"> + <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-col> + <el-col :span="8"> + <el-form-item v-if="!form.enumSwitch" label-width="10px" labeldd="杩愮畻绗︼細"> + <div> + <el-button size="mini" @click="enumAddHandler"> =</el-button> + </div> + </el-form-item> + </el-col> + <el-col v-if="form.rangeValue && form.rangeValue.length>0" :span="24"> + <el-form-item :label="form.enumSwitch ? '褰撳墠鏋氫妇鍊硷細' : '褰撳墠鍊煎煙锛�'" prop="rangeValue"> + <el-tag v-for="item in form.rangeValue.split('\n')" :key="item" :closable="!form.enumSwitch" plain + style="margin: 0 10px 5px 0" type="success" @close="handleRangeValueDel(item)">{{ item }} + </el-tag> + <el-input v-model="form.rangeValue" :readonly="form.enumSwitch" :rows="2" + style="width: 0;height:0;overflow: hidden" + type="textarea"></el-input> + </el-form-item> + </el-col> + </div> + </div> + <!-- VTInteger VTLong --> + <div v-else-if="form.attributeDataType === 'VTInteger' || form.attributeDataType === 'VTLong' " + style="clear: both"> + <h3 style="border-bottom: 1px solid #eee;margin: -10px 0 20px;line-height: 40px">{{ + form.attributeDataType + }}</h3> + <el-col :span="8"> + <el-form-item v-if="form.enumSwitch" label="榛樿鍊硷細" prop="defaultValue"> + <el-select v-model="form.defaultValue"> + <el-option v-for="(item,index) in enumAddListChange" :key="index" :label="item.replace('=','')" + :value="item.replace('=','')"></el-option> + </el-select> + </el-form-item> + <el-form-item v-else label="榛樿鍊硷細" prop="defaultValue"> + <el-input-number v-model="form.defaultValue" controls-position="right"></el-input-number> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="鍏佽涓虹┖锛�" prop="nullableFlag"> + <el-switch v-model="form.nullableFlag"></el-switch> + </el-form-item> + </el-col> + <h3 style="border-bottom: 1px solid #eee;margin: -10px 0 20px;line-height: 40px;clear: both">鍊煎煙</h3> + <el-col :span="8"> + <el-form-item label="浣跨敤鏋氫妇锛�" prop="enumSwitch"> + <el-switch v-model="form.enumSwitch" @change="switchEnumChange"></el-switch> + </el-form-item> + </el-col> + <el-col :span="8"> + <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-col> + <el-col :span="8"> + <el-form-item v-if="!form.enumSwitch" label-width="10px" labeldd="杩愮畻绗︼細"> + <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-col> + <el-col v-if="form.rangeValue && form.rangeValue.length>0" :span="24"> + <el-form-item :label="form.enumSwitch ? '褰撳墠鏋氫妇鍊硷細' : '褰撳墠鍊煎煙锛�'" prop="rangeValue"> + <el-tag v-for="item in form.rangeValue.split('\n')" :key="item" :closable="!form.enumSwitch" plain + style="margin: 0 10px 5px 0" type="success" @close="handleRangeValueDel(item)">{{ item }} + </el-tag> + <el-input v-model="form.rangeValue" :readonly="form.enumSwitch" :rows="2" + style="width: 0;height:0;overflow: hidden" + type="textarea"></el-input> + </el-form-item> + </el-col> + </div> + <!-- VTDouble --> + <div v-else-if="form.attributeDataType === 'VTDouble'" style="clear: both"> + <h3 style="border-bottom: 1px solid #eee;margin: -10px 0 20px;line-height: 40px">{{ + form.attributeDataType + }}</h3> + <el-col :span="8"> + <el-form-item label="绮惧害锛�" prop="precisionLength"> + <el-input-number v-model="form.precisionLength" :min="0" :precision="0" :step="1" + controls-position="right"></el-input-number> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="闀垮害锛�" prop="scaleLength"> + <el-input-number v-model="form.scaleLength" :min="0" :precision="0" :step="1" + controls-position="right"></el-input-number> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item v-if="form.enumSwitch" label="榛樿鍊硷細" prop="defaultValue"> + <el-select v-model="form.defaultValue"> + <el-option v-for="(item,index) in enumAddListChange" :key="index" :label="item.replace('=','')" + :value="item.replace('=','')"></el-option> + </el-select> + </el-form-item> + <el-form-item v-else label="榛樿鍊硷細" prop="defaultValue"> + <el-input-number v-model="form.defaultValue" :precision="form.precisionLength" + controls-position="right"></el-input-number> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="鍏佽涓虹┖锛�" prop="nullableFlag"> + <el-switch v-model="form.nullableFlag"></el-switch> + </el-form-item> + </el-col> + <h3 style="border-bottom: 1px solid #eee;margin: -10px 0 20px;line-height: 40px;clear: both">鍊煎煙</h3> + <el-col :span="8"> + <el-form-item :label="form.enumSwitch ? '鏋氫妇閫夋嫨锛�' : '娣诲姞鍊煎煙锛�'" prop="enumAddValue"> + <el-input v-model="form.enumAddValue"></el-input> + </el-form-item> + </el-col> + <el-col :span="16"> + <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-col> + <el-col v-if="form.rangeValue && form.rangeValue.length>0" :span="24"> + <el-form-item :label="form.enumSwitch ? '褰撳墠鏋氫妇鍊硷細' : '褰撳墠鍊煎煙锛�'" prop="rangeValue"> + <el-tag v-for="item in form.rangeValue.split('\n')" :key="item" closable plain + style="margin: 0 10px 5px 0" + type="success" @close="handleRangeValueDel(item)">{{ item }} + </el-tag> + <el-input v-model="form.rangeValue" :rows="2" style="width: 0;height:0;overflow: hidden" + type="textarea"></el-input> + </el-form-item> + </el-col> + </div> + <div v-else-if="form.attributeDataType === 'VTBoolean'" style="clear: both"> + <h3 style="border-bottom: 1px solid #eee;margin: -10px 0 20px;line-height: 40px">{{ + form.attributeDataType + }}</h3> + <el-col :span="8"> + <el-form-item 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-col> + <el-col :span="8"> + <el-form-item label="鍏佽涓虹┖锛�" prop="nullableFlag"> + <el-switch v-model="form.nullableFlag"></el-switch> + </el-form-item> + </el-col> + </div> + </div> + </el-form> + </div> + <span slot="footer" class="dialog-footer"> + <el-button size="small" type="primary" @click="addSaveHandler">纭� 瀹�</el-button> + <el-button size="small" @click="addEscHandler">鍙� 娑�</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="60%" + > + <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, + exportAttributes, + 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"; +import {mapGetters} from "vuex"; export default { name: "index", data() { return { + rules: { + id: [ + {required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur'}, + {pattern: /^[a-zA-Z]+$/, message: '鍙兘杈撳叆鑻辨枃瀛楃', trigger: 'blur'} + ] + }, + dialogTitle: "", + businessData: [], + linkTypeData: [], tableData: [], option: { ...basicOption, @@ -153,6 +584,7 @@ addBtn: false, editBtn: false, delBtn: false, + menuWidth: 160, column }, tableLoading: false, @@ -163,9 +595,121 @@ 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, + header: false, + column: [ + { + label: '鍚嶇О', + prop: 'attributeName', + sortable: true, + }, + { + label: '鏉ユ簮', + prop: 'source', + sortable: true, + search: true + }, + { + label: '璇存槑', + prop: 'desc', + } + ] + }, + addVisible: false, + addLoading: false, + referValueDic:[], + showEnumSwitch:false, + form: { + id: "", + name: "", + attributeDataType: "VTString", + description: "", + nullableFlag: true, + attrLength: 50, + precisionLength: 2,//绮惧害 + scaleLength: 20,//闀垮害 + 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', + lastIndex: null } }, + computed: { + ...mapGetters(["permission"]), + permissionList() { + return { + addBtn: this.vaildData(this.permission[this.$route.query.id].ADD, false), + delBtn: this.vaildData(this.permission[this.$route.query.id].DELETE, false), + editBtn: this.vaildData(this.permission[this.$route.query.id].EDIT, false), + exportBtn: this.vaildData(this.permission[this.$route.query.id].EXPORT, false), + importBtn: this.vaildData(this.permission[this.$route.query.id].IMPORT, false), + downloadImportTemplateBtn: this.vaildData(this.permission[this.$route.query.id].DOWNLOAD, false), + viewTheScopeBtn: this.vaildData(this.permission[this.$route.query.id].VIRTUALVIEW, false), + }; + }, + 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'; + } + }, + watch: {}, methods: { //琛ㄦ牸鏌ヨ璇锋眰 getTableList() { @@ -175,9 +719,24 @@ this.tableData = data; this.page.total = res.data.total; this.tableLoading = false; - }).catch(err => { - this.$message.error(err) }); + //鑾峰彇涓氬姟绫诲瀷鏁版嵁 + getBizTypes().then(res => { + const data = res.data.data.map(item => ({ + label: item.name, + value:item.name, + desc:item.label + })); + this.businessData = data; + }) + //鑾峰彇閾炬帴绫诲瀷鏁版嵁 + getAllLtName().then(res => { + const data = res.data.data.map(item => ({ + label: item, + value:item + })); + this.linkTypeData = data; + }) }, // 琛ㄦ牸澶撮儴鍒锋柊 @@ -186,13 +745,18 @@ }, // 鎼滅储 - handleSearch() { - + handleSearch(params, done) {debugger; + this.searchParams = { + "conditionMap[id]": "*" + params.id + "*" + }; + this.getTableList() + done(); }, // 閲嶇疆鎼滅储鏉′欢 handleReset() { - + this.searchParams = {}; + this.getTableList(); }, // 閫夋嫨妗� @@ -202,7 +766,17 @@ // 鐐瑰嚮琛� rowClickHandler(row) { - this.$refs.userCrud.toggleRowSelection(row); + func.rowClickHandler( + row, + this.$refs.userCrud, + this.lastIndex, + (newIndex) => { + this.lastIndex = newIndex; + }, + () => { + this.selectList = [row]; + } + ); }, // 鏉℃暟 @@ -215,30 +789,454 @@ 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; + } + }) }, - editBtnClick() { + // 鏌ョ湅浣跨敤鑼冨洿鏌ヨ + 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(); }, - rowDeleteHandler() { + // 鏌ョ湅浣跨敤鑼冨洿閲嶇疆 + 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; + } + if (!row.btmTypeId && !row.linkTypeName) { + this.form.attributeSelectType = 'business' + this.form.referValue = row.btmTypeId; + } + this.getEnumMapByTypeHandler(this.form.attributeDataType); + this.addVisible = true; + this.lastIndex = -1;//闃叉瑙﹀彂琛岀偣鍑讳簨浠跺悗娓呴櫎閫変腑椤� + }, + + // 灞炴�х被鍨嬩笅鎷夋change + attributeDataTypeChange(val) { + this.form.rangeValue = null; + this.form.nullableFlag = true; + 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.enumAddListChange = list; + this.form.defaultValue = list[0].replace('=', ''); + }, + + // 浣跨敤鏋氫妇switch婊戝潡change浜嬩欢 + switchEnumChange(status) { + if (status) { + this.form.enumId = this.attributeDataTypePickList[0].key; + const list = this.attributeDataTypePickList[0].values; + this.form.rangeValue = list.join('\n'); + this.enumAddListChange = list; + this.form.defaultValue = list[0].replace('=', ''); + } else { + this.form.defaultValue = ""; + this.form.rangeValue = ""; + this.enumAddListChange = []; + this.enumId = ""; + } + }, + + // 涓嶄娇鐢ㄦ灇涓� 鎵嬪姩娣诲姞鏋氫妇鍊� VTString + 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 === '()') { + let regex = /[,\[\]()]+/g; + let firstValue = this.form.enumAddValue[0]; + let lastValue = this.form.enumAddValue[(this.form.enumAddValue.length - 1)]; + // 鍒囧壊 enumAddValue 鐨勯�楀彿 + let values = this.form.enumAddValue.split(regex).map(item => item.trim()).filter(item => item !== ""); + + // 妫�鏌ユ槸鍚︽湁鏈夋晥鐨勫�� + 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 = `${firstValue}${values.join(',')}${lastValue}`; + + // 妫�鏌ユ柊鐨勫�兼槸鍚﹀凡瀛樺湪 + 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 = { + '>': '>', + '<': '<', + '>=': '>=', + '<=': '<=', + '=': '=', + '!=': '!=' + }; + if (isNaN(this.form.enumAddValue.trim())) { + this.$message.error('璇疯緭鍏ユ湁鏁堢殑鏁板瓧鍊硷紒'); + return; + } + // 鍒涘缓鏂扮殑鍊� + 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 = ""; + }, + //鍒犻櫎鍊煎煙 + handleRangeValueDel(val) { + let currentRangeArray = this.form.rangeValue ? this.form.rangeValue.split('\n').filter(item => item.trim() !== val) : []; + this.enumAddListChange = currentRangeArray; + this.form.rangeValue = currentRangeArray.join('\n'); + }, + // 鍊煎煙绫诲瀷鍒囨崲 + attributeSelectTypeChange() { + this.form.referValue = ''; // 鍒囨崲鍊煎煙绫诲瀷 娓呯┖褰撳墠鍙傜収 + this.$forceUpdate(); // 寮哄埗鏇存柊form缁勪欢 + }, + //鍙傜収绫诲瀷鏁版嵁鍙樺寲 + referValueChange(data){ + this.showEnumSwitch=!data.value; + }, + // 鍏抽棴鏂板瀵硅瘽妗� + addEscHandler() { + this.addVisible = false; + const form = { + id: "", + name: "", + attributeDataType: "VTString", + description: "", + nullableFlag: true, + attrLength: 50, + precisionLength: 2,//绮惧害 + scaleLength: 20,//闀垮害 + enumFlag: false, + enumId: "", + enumSwitch: false, + enumAddValue: "", + range: "", + attributeSelectType: "business", + version: 1, + defaultValue: "",//榛樿鍊� + referValue: null, + btmTypeId: "", + linkTypeName: "", + rangeValue: "" + }; + this.form = form; + this.$refs.form.clearValidate(); // 瀵规暣涓〃鍗曡繘琛岄噸缃紝灏嗘墍鏈夊瓧娈靛�奸噸缃负鍒濆鍊煎苟绉婚櫎鏍¢獙缁撴灉 + }, + + // 鏂板淇濆瓨 + addSaveHandler() { + this.$refs.form.validate((valid) => { + if (valid) { + if(this.form.attributeDataType === 'VTString'){ + if(!this.form.referValue){ + //鍙傜収绫诲瀷娌℃湁鍊� + + }else { + this.form.enumSwitch=false; + this.form.rangeValue='' + } + } + + this.form.range = this.form.rangeValue.length>0 ? this.form.rangeValue.replace(/\n/g, ';') : ''; + if (this.form.attributeSelectType === 'business') { + this.form.btmTypeId = this.form.referValue; + this.form.linkTypeName = ""; + } else { + this.form.linkTypeName = this.form.referValue; + this.form.btmTypeId = ""; + } + if (this.dialogTitle === 'add') { + addAttribute(this.form).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.getTableList(); + this.addEscHandler(); + } + }) + } + if (this.dialogTitle === 'edit') { + updateAttribute(this.form).then(res => { + if (res.data.code === 200) { + this.$message.success(res.data.obj); + this.getTableList(); + this.addEscHandler(); + } + }) + } + } else { + return 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(','); + exportAttributes({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{ +::v-deep { + .el-input-number--small { + width: 100%; + } +} + +.margin-top { margin-top: 25px; } + +.left { + width: 45%; + height: 100%; + margin-right: 60px; +} + +.right { + height: 100%; + width: auto; + margin-left: 60px; +} + +.addDialogBottom { + margin-top: 30px; + width: 100%; + display: flex; + flex-direction: row; +} + +.addDialogBottom > .el-divider--vertical { + width: 1px; + height: 70%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -20%); +} </style> -- Gitblit v1.9.3