From 404966637eda6881a0f17683c5aacc7c1c34aed8 Mon Sep 17 00:00:00 2001 From: 田源 <tianyuan@vci-tech.com> Date: 星期四, 16 一月 2025 16:18:34 +0800 Subject: [PATCH] 增加操作类型 --- Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/attributePool/index.vue | 1070 +++++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 788 insertions(+), 282 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 1220e90..b78d04b 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,42 +18,82 @@ @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 :column="1" :labelStyle="{width:'120px'}" border size="medium" title="灞炴�ч」"> <el-descriptions-item> <template slot="label"> 鍚嶇О </template> - {{ lastItem.id }} + <div> + {{ lastItem.id }} + </div> </el-descriptions-item> <el-descriptions-item> <template slot="label"> 鏍囩 </template> - {{ lastItem.name }} + <div> + {{ lastItem.name }} + </div> </el-descriptions-item> <el-descriptions-item> <template slot="label"> 鎻忚堪 </template> - {{ lastItem.description }} + <div> + {{ lastItem.description }} + </div> </el-descriptions-item> <el-descriptions-item> <template slot="label"> @@ -64,16 +104,19 @@ </el-descriptions> <!-- 鍊煎煙 --> - <el-descriptions v-if="!isSpecialDataType" :column="1" :title="lastItem.attributeDataType" border - class="margin-top" - size="medium"> + <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> - <el-tag :type="lastItem.nullableFlag ? 'success' : 'danger'"> - {{ lastItem.nullableFlag ? '鏄�' : '鍚�' }} - </el-tag> + <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"> @@ -85,110 +128,402 @@ <template slot="label"> 闀垮害 </template> - {{ lastItem.attrLength }} + <div> + {{ lastItem.attrLength }} + </div> </el-descriptions-item> <el-descriptions-item> <template slot="label"> 榛樿鍊� </template> - {{ lastItem.defaultValue }} + <div> + {{ lastItem.defaultValue }} + </div> </el-descriptions-item> </el-descriptions> <!-- VTString --> <el-descriptions v-if="lastItem.attributeDataType === 'VTString' || !lastItem.attributeDataType" - :column="1" border class="margin-top" size="medium" title="鍊煎煙"> + :column="1" :labelStyle="{width:'120px'}" border class="margin-top" size="medium" title="鍊煎煙"> <el-descriptions-item> <template slot="label"> 褰撳墠绫诲瀷 </template> - {{ lastItem.version ? '閾炬帴绫诲瀷' : '涓氬姟绫诲瀷' }} + <div> + {{ lastItem.version ? '閾炬帴绫诲瀷' : '涓氬姟绫诲瀷' }} + </div> </el-descriptions-item> <el-descriptions-item> <template slot="label"> 褰撳墠绫诲瀷鍊� </template> - {{ lastItem.version ? lastItem.linkTypeName : lastItem.btmTypeId }} + <div> + {{ lastItem.version ? lastItem.linkTypeName : lastItem.btmTypeId }} + </div> </el-descriptions-item> <el-descriptions-item v-if="lastItem.version"> <template slot="label"> 褰撳墠鐗堟湰娆� </template> - {{ lastItem.version }} + <div> + {{ lastItem.version }} + </div> </el-descriptions-item> <el-descriptions-item> <template slot="label"> 浣跨敤鏋氫妇 </template> - <el-tag :type="lastItem.enumId ? 'success' : 'danger'"> - {{ lastItem.enumId ? '鏄�' : '鍚�' }} - </el-tag> + <div> + <el-tag :type="lastItem.enumId ? 'success' : 'danger'"> + {{ lastItem.enumId ? '鏄�' : '鍚�' }} + </el-tag> + </div> </el-descriptions-item> <el-descriptions-item> <template slot="label"> - 鏋氫妇绫诲瀷 + 褰撳墠鏋氫妇绫诲瀷 </template> - {{ lastItem.enumId }} + <div> + {{ lastItem.enumId }} + </div> </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-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" border class="margin-top" size="medium" title="鍊煎煙"> - + :column="1" :labelStyle="{width:'120px'}" border class="margin-top" size="medium" title="鍊煎煙"> <el-descriptions-item> <template slot="label"> 浣跨敤鏋氫妇 </template> - <el-tag :type="lastItem.enumId ? 'success' : 'danger'"> - {{ lastItem.enumId ? '鏄�' : '鍚�' }} - </el-tag> + <div> + <el-tag :type="lastItem.enumId ? 'success' : 'danger'"> + {{ lastItem.enumId ? '鏄�' : '鍚�' }} + </el-tag> + </div> </el-descriptions-item> <el-descriptions-item> <template slot="label"> 鏋氫妇绫诲瀷 </template> - {{ lastItem.enumId }} + <div> + {{ lastItem.enumId }} + </div> </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-tag v-for="item in rangeList" plain style="margin: 3px 10px 3px 0">{{ item }}</el-tag> </div> </el-descriptions-item> </el-descriptions> <!-- VTDouble --> <el-descriptions v-if="lastItem.attributeDataType === 'VTDouble'" - :column="1" border class="margin-top" size="medium" title="鍊煎煙"> + :column="1" :labelStyle="{width:'120px'}" border class="margin-top" size="medium" title="鍊煎煙"> <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-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" @@ -196,7 +531,7 @@ append-to-body="true" class="avue-dialog" title="鏌ョ湅浣跨敤鑼冨洿" - width="70%" + width="60%" > <avue-crud ref="checkViewCrud" @@ -205,207 +540,42 @@ @search-change="checkHandleSearch" @search-reset="checkHandleReset" > - </avue-crud> - </el-dialog> - - <!-- 鏂板瀵硅瘽妗� --> - <el-dialog - v-dialogDrag - v-loading="addLoading" - :visible.sync="addVisible" - append-to-body="true" - class="avue-dialog" - title="鍒涘缓" - width="65%" - > - <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="鏍囩锛�"> - <el-input v-model="form.name"></el-input> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="灞炴�х被鍨嬶細"> - <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="鎻忚堪锛�"> - <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="闀垮害锛�"> - <el-input v-model="form.attrLength"></el-input> - </el-form-item> - - <el-form-item v-if="form.attributeDataType === 'VTDouble'" label="绮惧害锛�"> - <el-input v-model="form.precisionLength"></el-input> - </el-form-item> - - <el-form-item v-if="form.attributeDataType === 'VTDouble'" label="闀垮害锛�"> - <el-input v-model="form.scaleLength"></el-input> - </el-form-item> - - - <el-form-item v-if="form.attributeDataType !== 'VTBoolean'" label="榛樿鍊硷細"> - <el-input v-model="form.defaultValue"></el-input> - </el-form-item> - - <el-form-item v-if="form.attributeDataType === 'VTBoolean'" label="榛樿鍊硷細"> - <el-select> - <el-option label="false" value="false"></el-option> - <el-option label="true" value="true"></el-option> - </el-select> - </el-form-item> - - <el-form-item label="鍏佽涓虹┖锛�"> - <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="褰撳墠鍊煎煙绫诲瀷锛�"> - <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 label="閫夋嫨鍙傜収绫诲瀷锛�"> - <el-input v-model="form.attrLength"></el-input> - </el-form-item> - - - <el-form-item label="浣跨敤鏋氫妇锛�"> - <el-switch v-model="form.enumSwitch" @change="switchEnumChange"></el-switch> - </el-form-item> - - - <el-form-item :label="form.enumSwitch ? '鏋氫妇閫夋嫨锛�' : '娣诲姞鏋氫妇鍊硷細'"> - <el-select v-if="form.enumSwitch" v-model="form.attributeDataTypePick" 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="褰撳墠鏋氫妇鍊硷細"> - <textarea v-model="form.range" - style="width: 330px; height: 80px; border: 1px solid #DCDFE6; overflow: auto; text-align: left;resize: none;"> - </textarea> - </el-form-item> - </div> - <!-- VTInteger VTLong --> - <div v-if="form.attributeDataType === 'VTInteger' || form.attributeDataType === 'VTLong' " class="right"> - <h3>鍊煎煙</h3> - - <el-form-item label="浣跨敤鏋氫妇锛�"> - <el-switch v-model="form.enumSwitch" @change="switchEnumChange"></el-switch> - </el-form-item> - - - <el-form-item :label="form.enumSwitch ? '鏋氫妇閫夋嫨锛�' : '娣诲姞鏋氫妇鍊硷細'"> - <el-select v-if="form.enumSwitch" v-model="form.attributeDataTypePick" 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"> ></el-button> - <el-button size="mini"> <</el-button> - <el-button size="mini"> >=</el-button> - <el-button size="mini"> <=</el-button> - <el-button size="mini"> =</el-button> - <el-button size="mini"> !=</el-button> - <el-button size="mini"> ( )</el-button> - </div> - </el-form-item> - <el-form-item label="褰撳墠鏋氫妇鍊硷細"> - <textarea v-model="form.range" - 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="娣诲姞鏋氫妇鍊硷細"> - <el-input v-model="form.enumAddValue"> - </el-input> - </el-form-item> - <el-form-item label="杩愮畻绗︼細"> - <div> - <el-button size="mini"> ></el-button> - <el-button size="mini"> <</el-button> - <el-button size="mini"> >=</el-button> - <el-button size="mini"> <=</el-button> - <el-button size="mini"> =</el-button> - <el-button size="mini"> !=</el-button> - <el-button size="mini"> ( )</el-button> - </div> - </el-form-item> - <el-form-item label="褰撳墠鏋氫妇鍊硷細"> - <textarea v-model="form.range" - 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> </el-container> </template> <script> -import {gridAttribute, getUsedAttributeList, getEnumMapByType} 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, @@ -414,6 +584,7 @@ addBtn: false, editBtn: false, delBtn: false, + menuWidth: 160, column }, tableLoading: false, @@ -436,6 +607,7 @@ searchMenuSpan: 8, refreshBtn: false, selection: false, + header: false, column: [ { label: '鍚嶇О', @@ -456,6 +628,8 @@ }, addVisible: false, addLoading: false, + referValueDic:[], + showEnumSwitch:false, form: { id: "", name: "", @@ -463,33 +637,48 @@ description: "", nullableFlag: true, attrLength: 50, - enumId: false, + precisionLength: 2,//绮惧害 + scaleLength: 20,//闀垮害 + enumFlag: false, + enumId: "", enumSwitch: false, - attributeDataTypePick: "", - enumAddValue: '', - range: '' + enumAddValue: "", + range: "", + attributeSelectType: "business", + version: 1, + defaultValue: "", + referValue: "", + btmTypeId: "", + linkTypeName: "", + rangeValue: [] //褰撳墠鍊煎煙\褰撳墠鏋氫妇鍊� + }, - defaultForm: { - id: "", - name: "", - attributeDataType: "VTString", - description: "", - nullableFlag: true, - attrLength: 50, - enumId: false, - enumSwitch: false, - attributeDataTypePick: "", - enumAddValue: '', - range: '', - attributeSelectType:'business' - }, - rules: [], typeSelectList: ['VTString', 'VTInteger', 'VTLong', 'VTDouble', 'VTBoolean', 'VTDate', 'VTTime', 'VTDateTime', 'VTNote', 'VTFilePath', 'VTClob'], attributeDataTypePickList: [], - enumAddListChange: [] + 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].SEARCH, false), + }; + }, lastItem() { return this.selectList.length > 0 ? this.selectList[this.selectList.length - 1] : {}; }, @@ -520,6 +709,7 @@ this.form.attributeDataType === 'VTFilePath'; } }, + watch: {}, methods: { //琛ㄦ牸鏌ヨ璇锋眰 getTableList() { @@ -529,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; + }) }, // 琛ㄦ牸澶撮儴鍒锋柊 @@ -540,13 +745,18 @@ }, // 鎼滅储 - handleSearch() { - + handleSearch(params, done) {debugger; + this.searchParams = { + "conditionMap[id]": "*" + params.id + "*" + }; + this.getTableList() + done(); }, // 閲嶇疆鎼滅储鏉′欢 handleReset() { - + this.searchParams = {}; + this.getTableList(); }, // 閫夋嫨妗� @@ -556,8 +766,17 @@ // 鐐瑰嚮琛� rowClickHandler(row) { - this.$refs.userCrud.toggleRowSelection(row); - console.log(row); + func.rowClickHandler( + row, + this.$refs.userCrud, + this.lastIndex, + (newIndex) => { + this.lastIndex = newIndex; + }, + () => { + this.selectList = [row]; + } + ); }, // 鏉℃暟 @@ -573,12 +792,67 @@ // 鍒涘缓鎵撳紑瀵硅瘽妗� rowSaveHandlerClick() { this.addVisible = true; - this.form = this.defaultForm; + this.dialogTitle = "add"; this.getEnumMapByTypeHandler('VTString'); }, - allDelHandler() { + // 琛屽垹闄� + 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: '宸插彇娑堝垹闄�' + }); + }); }, // 鏌ョ湅浣跨敤鑼冨洿 @@ -601,6 +875,7 @@ }) }, + // 鏌ョ湅浣跨敤鑼冨洿鏌ヨ checkHandleSearch(params, done) { const {source} = params; @@ -609,14 +884,12 @@ this.checkViewData = this.checkViewDataSearch; return done(); } - ; this.checkViewData = this.checkViewData.filter(item => { return item.source && item.source.includes(source); }); done(); - }, // 鏌ョ湅浣跨敤鑼冨洿閲嶇疆 @@ -624,19 +897,42 @@ this.checkViewData = this.checkViewDataSearch; }, + // 琛岀紪杈戞寜閽� + editBtnClick(row) { + this.dialogTitle = "edit"; + this.form = {...row}; - editBtnClick() { + if (row.enumId) this.form.enumSwitch = true; + this.form.rangeValue = row.range.replace(/;/g, '\n'); - }, - - rowDeleteHandler() { - + 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 = ''; + } }, // 灞炴�х被鍨嬩笅鎷夋鏁版嵁澶勭悊 @@ -663,24 +959,31 @@ // 浣跨敤鏋氫妇鏃� 鏋氫妇閫夋嫨涓嬫媺妗哻hange浜嬩欢 enumSelectChange(val) { const list = this.attributeDataTypePickList.find(item => item.key === val).values; - this.form.range = list.join('\n'); + this.form.rangeValue = list.join('\n'); + this.enumAddListChange = list; + this.form.defaultValue = list[0].replace('=', ''); }, // 浣跨敤鏋氫妇switch婊戝潡change浜嬩欢 switchEnumChange(status) { if (status) { - this.form.attributeDataTypePick = this.attributeDataTypePickList[0].key; + this.form.enumId = this.attributeDataTypePickList[0].key; const list = this.attributeDataTypePickList[0].values; - this.form.range = list.join('\n'); + this.form.rangeValue = list.join('\n'); + this.enumAddListChange = list; + this.form.defaultValue = list[0].replace('=', ''); } else { - this.form.range = ""; + this.form.defaultValue = ""; + this.form.rangeValue = ""; + this.enumAddListChange = []; + this.enumId = ""; } }, - // 涓嶄娇鐢ㄦ灇涓� 鎵嬪姩娣诲姞鏋氫妇鍊� + // 涓嶄娇鐢ㄦ灇涓� 鎵嬪姩娣诲姞鏋氫妇鍊� VTString enumAddHandler() { // 妫�鏌ュ拰杞崲 this.form.range 涓烘暟缁勶紝鍚屾椂鎺掗櫎绌哄�� - let currentRangeArray = this.form.range ? this.form.range.split('\n').filter(item => item.trim() !== '') : []; + let currentRangeArray = this.form.rangeValue ? this.form.rangeValue.split('\n').filter(item => item.trim() !== '') : []; let newValue = this.form.enumAddValue.trim(); if (currentRangeArray.includes(newValue)) { @@ -690,19 +993,221 @@ currentRangeArray.push(newValue); this.enumAddListChange = currentRangeArray; - this.form.range = currentRangeArray.join('\n'); + this.form.rangeValue = currentRangeArray.join('\n'); this.form.enumAddValue = ""; }, - // 鍊煎煙绫诲瀷鍒囨崲 - attributeSelectTypeChange(){ + // 涓嶄娇鐢ㄦ灇涓� 鎵嬪姩娣诲姞鏋氫妇鍊�(澶氫釜杩愮畻绗�) + 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> +::v-deep { + .el-input-number--small { + width: 100%; + } +} + .margin-top { margin-top: 25px; } @@ -720,17 +1225,18 @@ } .addDialogBottom { + margin-top: 30px; width: 100%; display: flex; flex-direction: row; } .addDialogBottom > .el-divider--vertical { - width: 2px; - height: 78%; + width: 1px; + height: 70%; position: absolute; top: 50%; left: 50%; - transform: translate(-50%, -10%); + transform: translate(-50%, -20%); } </style> -- Gitblit v1.9.3