| | |
| | | @current-change="currentChange" |
| | | > |
| | | <template slot="menuLeft" slot-scope="scope"> |
| | | <el-button icon="el-icon-plus" plain 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 v-if="permissionList.addBtn" icon="el-icon-plus" plain size="small" type="primary" |
| | | @click="rowSaveHandlerClick">创建 |
| | | </el-button> |
| | | <el-button v-if="permissionList.delBtn" icon="el-icon-delete" plain size="small" type="danger" |
| | | @click="allDelHandler">删除 |
| | | </el-button> |
| | | <el-button v-if="permissionList.viewTheScopeBtn" icon="el-icon-view" plain size="small" type="primary" |
| | | @click="chekView">查看使用范围 |
| | | </el-button> |
| | | <el-button v-if="permissionList.downloadImportTemplateBtn" 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> |
| | | <el-button v-if="permissionList.importBtn" icon="el-icon-upload2" plain size="small" type="primary" |
| | | @click="upLoadHandler">导入 |
| | | </el-button> |
| | | <el-button v-if="permissionList.exportBtn" icon="el-icon-download" plain size="small" type="primary" |
| | | @click="downLoadHandler">导出 |
| | | </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" icon="el-icon-edit" size="small" type="text" |
| | | @click="editBtnClick(scope.row)">编辑 |
| | | </el-button> |
| | | <el-button icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">删除 |
| | | <el-button v-if="permissionList.delBtn" icon="el-icon-delete" size="small" type="text" |
| | | @click="rowDeleteHandler(scope.row)">删除 |
| | | </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> |
| | | <div style="width: 330px"> |
| | | <div> |
| | | {{ lastItem.id }} |
| | | </div> |
| | | </el-descriptions-item> |
| | |
| | | <template slot="label"> |
| | | 标签 |
| | | </template> |
| | | <div style="width: 330px"> |
| | | <div> |
| | | {{ lastItem.name }} |
| | | </div> |
| | | </el-descriptions-item> |
| | |
| | | <template slot="label"> |
| | | 描述 |
| | | </template> |
| | | <div style="width: 330px"> |
| | | <div> |
| | | {{ lastItem.description }} |
| | | </div> |
| | | </el-descriptions-item> |
| | |
| | | </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> |
| | | <div style="width: 330px"> |
| | | <div> |
| | | <el-tag :type="lastItem.nullableFlag ? 'success' : 'danger'"> |
| | | {{ lastItem.nullableFlag ? '是' : '否' }} |
| | | </el-tag> |
| | |
| | | <template slot="label"> |
| | | 长度 |
| | | </template> |
| | | <div style="width: 330px"> |
| | | <div> |
| | | {{ lastItem.attrLength }} |
| | | </div> |
| | | </el-descriptions-item> |
| | |
| | | <template slot="label"> |
| | | 默认值 |
| | | </template> |
| | | <div style="width: 330px"> |
| | | <div> |
| | | {{ lastItem.defaultValue }} |
| | | </div> |
| | | </el-descriptions-item> |
| | |
| | | |
| | | <!-- 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> |
| | | <div style="width: 345px"> |
| | | <div> |
| | | {{ lastItem.version ? '链接类型' : '业务类型' }} |
| | | </div> |
| | | </el-descriptions-item> |
| | |
| | | <template slot="label"> |
| | | 当前类型值 |
| | | </template> |
| | | <div style="width: 345px"> |
| | | <div> |
| | | {{ lastItem.version ? lastItem.linkTypeName : lastItem.btmTypeId }} |
| | | </div> |
| | | </el-descriptions-item> |
| | |
| | | <template slot="label"> |
| | | 当前版本次 |
| | | </template> |
| | | <div style="width: 345px"> |
| | | <div> |
| | | {{ lastItem.version }} |
| | | </div> |
| | | </el-descriptions-item> |
| | |
| | | <template slot="label"> |
| | | 使用枚举 |
| | | </template> |
| | | <div style="width: 345px"> |
| | | <div> |
| | | <el-tag :type="lastItem.enumId ? 'success' : 'danger'"> |
| | | {{ lastItem.enumId ? '是' : '否' }} |
| | | </el-tag> |
| | |
| | | <template slot="label"> |
| | | 当前枚举类型 |
| | | </template> |
| | | <div style="width: 345px"> |
| | | <div> |
| | | {{ lastItem.enumId }} |
| | | </div> |
| | | </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> |
| | | <div style="width: 330px"> |
| | | <div> |
| | | <el-tag :type="lastItem.enumFlag ? 'success' : 'danger'"> |
| | | {{ lastItem.enumFlag ? '是' : '否' }} |
| | | </el-tag> |
| | |
| | | <template slot="label"> |
| | | 枚举类型 |
| | | </template> |
| | | <div style="width: 330px"> |
| | | <div> |
| | | {{ lastItem.enumFlag }} |
| | | </div> |
| | | </el-descriptions-item> |
| | |
| | | <template slot="label"> |
| | | 取值范围 |
| | | </template> |
| | | <div style="width: 345px; 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" |
| | |
| | | :visible.sync="addVisible" |
| | | append-to-body="true" |
| | | class="avue-dialog" |
| | | width="65%" |
| | | width="1200px" |
| | | @close="addEscHandler" |
| | | > |
| | | <div style="height: 650px"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="small"> |
| | | <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> |
| | | <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"> |
| | | <el-input v-model="form.referValue" :clearable="true" @focus="referFormFocusHandler"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <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-col> |
| | | <div v-if="!form.referValue" 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="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-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="12"> |
| | | <el-form-item label="描述:" prop="description"> |
| | | <el-input v-model="form.description" :rows="2" type="textarea"></el-input> |
| | | <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 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"> |
| | | </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-input v-if="!form.enumSwitch" v-model="form.enumAddValue"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item v-if="!form.enumSwitch" label="运算符:"> |
| | | </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> |
| | | <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"> |
| | | <textarea v-model="form.rangeValue" :readonly="form.enumSwitch" |
| | | style="width: 330px; height: 80px; border: 1px solid #DCDFE6; overflow: auto; text-align: left;resize: none;"> |
| | | </textarea> |
| | | <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> |
| | | </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="form.enumSwitch ? '当前枚举值:' : '当前值域:'" prop="rangeValue"> |
| | | <textarea v-model="form.rangeValue" :readonly="form.enumSwitch" |
| | | 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="form.enumSwitch ? '枚举选择:' : '添加值域:'" 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="form.enumSwitch ? '当前枚举值:' : '当前值域:'" 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> |
| | | </el-col> |
| | | </div> |
| | | </el-row> |
| | | <!-- 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> |
| | | |
| | | <!-- 业务类型对话框 --> |
| | | <!-- 业务类型对话框 --> |
| | | <el-dialog |
| | | v-dialogDrag |
| | | :visible.sync="businessVisible" |
| | |
| | | > |
| | | </avue-crud> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="businessSaveHandler">确 定</el-button> |
| | | <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" |
| | |
| | | </el-dialog> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="addEscHandler">取 消</el-button> |
| | | <el-button type="primary" @click="addSaveHandler">确 定</el-button> |
| | | <el-button @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" |
| | |
| | | @search-change="checkHandleSearch" |
| | | @search-reset="checkHandleReset" |
| | | > |
| | | |
| | | </avue-crud> |
| | | </el-dialog> |
| | | </el-container> |
| | |
| | | import basicOption from '@/util/basic-option'; |
| | | import {column} from "./option" |
| | | import func from "@/util/func"; |
| | | import {mapGetters} from "vuex"; |
| | | |
| | | export default { |
| | | name: "index", |
| | |
| | | searchMenuSpan: 8, |
| | | refreshBtn: false, |
| | | selection: false, |
| | | header: false, |
| | | column: [ |
| | | { |
| | | label: '名称', |
| | |
| | | description: "", |
| | | nullableFlag: true, |
| | | attrLength: 50, |
| | | precisionLength: 2,//精度 |
| | | scaleLength: 20,//长度 |
| | | enumFlag: false, |
| | | enumId: "", |
| | | enumSwitch: false, |
| | |
| | | referValue: "", |
| | | btmTypeId: "", |
| | | linkTypeName: "", |
| | | rangeValue: "" |
| | | rangeValue: [] //当前值域\当前枚举值 |
| | | |
| | | }, |
| | | typeSelectList: ['VTString', 'VTInteger', 'VTLong', 'VTDouble', 'VTBoolean', 'VTDate', 'VTTime', 'VTDateTime', 'VTNote', 'VTFilePath', 'VTClob'], |
| | |
| | | } |
| | | }, |
| | | 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].downloadImportTemplate, false), |
| | | viewTheScopeBtn: this.vaildData(this.permission[this.$route.query.id].viewTheScope, false), |
| | | }; |
| | | }, |
| | | lastItem() { |
| | | return this.selectList.length > 0 ? this.selectList[this.selectList.length - 1] : {}; |
| | | }, |
| | |
| | | this.form.attributeDataType === 'VTClob' || |
| | | this.form.attributeDataType === 'VTDateTime' || |
| | | this.form.attributeDataType === 'VTFilePath'; |
| | | }, |
| | | rangeOptionValue() { |
| | | let values = this.form.rangeValue.split('\n'); |
| | | |
| | | // 处理每个值,去除等号前的部分,只保留等号后的部分 |
| | | return values.map(value => { |
| | | let parts = value.split('='); |
| | | return parts.length > 1 ? parts[1].trim() : value.trim(); |
| | | }); |
| | | } |
| | | }, |
| | | watch: {}, |
| | |
| | | this.lastIndex = newIndex; |
| | | }, |
| | | () => { |
| | | this.selectList = []; |
| | | this.selectList = [row]; |
| | | } |
| | | ); |
| | | }, |
| | |
| | | }) |
| | | }, |
| | | |
| | | |
| | | // 查看使用范围查询 |
| | | checkHandleSearch(params, done) { |
| | | const {source} = params; |
| | |
| | | this.checkViewData = this.checkViewDataSearch; |
| | | return done(); |
| | | } |
| | | ; |
| | | |
| | | this.checkViewData = this.checkViewData.filter(item => { |
| | | return item.source && item.source.includes(source); |
| | | }); |
| | | |
| | | done(); |
| | | |
| | | }, |
| | | |
| | | // 查看使用范围重置 |
| | |
| | | this.form.attributeSelectType = 'business' |
| | | this.form.referValue = row.btmTypeId; |
| | | } |
| | | // console.log(row); |
| | | |
| | | 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') { |
| | |
| | | enumSelectChange(val) { |
| | | const list = this.attributeDataTypePickList.find(item => item.key === val).values; |
| | | this.form.rangeValue = list.join('\n'); |
| | | this.form.defaultValue = this.rangeOptionValue[0]; |
| | | this.enumAddListChange = list; |
| | | this.form.defaultValue = list[0].replace('=', ''); |
| | | }, |
| | | |
| | | // 使用枚举switch滑块change事件 |
| | |
| | | this.form.enumId = this.attributeDataTypePickList[0].key; |
| | | const list = this.attributeDataTypePickList[0].values; |
| | | this.form.rangeValue = list.join('\n'); |
| | | this.form.defaultValue = this.rangeOptionValue[0]; |
| | | 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 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 === '')) { |
| | |
| | | '=': '=', |
| | | '!=': '!=' |
| | | }; |
| | | |
| | | if (isNaN(this.form.enumAddValue.trim())) { |
| | | this.$message.error('请输入有效的数字值!'); |
| | | return; |
| | | } |
| | | // 创建新的值 |
| | | let newValue = operatorMap[val] + this.form.enumAddValue.trim(); |
| | | |
| | |
| | | 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.$forceUpdate(); // 强制更新form组件 |
| | |
| | | |
| | | this.form.referValue = this.businessRow.name; |
| | | this.businessVisible = false; |
| | | |
| | | }, |
| | | |
| | | // 业务类型清空 |
| | |
| | | this.linkTypeVisible = false; |
| | | }, |
| | | |
| | | // 新增对话框 取消事件 |
| | | // 关闭新增对话框 |
| | | addEscHandler() { |
| | | this.$refs.form.resetFields(); // 对整个表单进行重置,将所有字段值重置为初始值并移除校验结果 |
| | | this.addVisible = false; |
| | | const form = { |
| | | id: "", |
| | |
| | | description: "", |
| | | nullableFlag: true, |
| | | attrLength: 50, |
| | | precisionLength: 2,//精度 |
| | | scaleLength: 20,//长度 |
| | | enumFlag: false, |
| | | enumId: "", |
| | | enumSwitch: false, |
| | |
| | | range: "", |
| | | attributeSelectType: "business", |
| | | version: 1, |
| | | defaultValue: "", |
| | | defaultValue: "",//默认值 |
| | | referValue: "", |
| | | btmTypeId: "", |
| | | linkTypeName: "", |
| | | rangeValue: "" |
| | | }; |
| | | this.form = form; |
| | | this.$refs.form.clearValidate(); // 对整个表单进行重置,将所有字段值重置为初始值并移除校验结果 |
| | | }, |
| | | |
| | | // 新增保存 |
| | | 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: "" |
| | | }; |
| | | this.$refs.form.validate((valid) => { |
| | | if (valid) { |
| | | this.form.range = this.form.rangeValue ? 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') { |
| | | this.form.range = this.form.rangeValue ? 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.obj); |
| | | this.getTableList(); |
| | | this.form = form; |
| | | this.addVisible = false; |
| | | this.addEscHandler(); |
| | | } |
| | | }) |
| | | } |
| | | if (this.dialogTitle === 'edit') { |
| | | this.form.range = this.form.rangeValue ? 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; |
| | | this.addEscHandler(); |
| | | } |
| | | }) |
| | | } |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | ::v-deep { |
| | | .el-input-number--small { |
| | | width: 100%; |
| | | } |
| | | } |
| | | |
| | | .margin-top { |
| | | margin-top: 25px; |
| | | } |
| | |
| | | } |
| | | |
| | | .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%; |