10 changed files with 949 additions and 43 deletions
-
6src/api/code/codeConditionDetail.js
-
6src/api/code/codeConditionHeader.js
-
3src/api/code/codeItemDef.js
-
1src/api/code/codeItemValue.js
-
4src/api/code/codeParameterDef.js
-
2src/views/main-content.vue
-
177src/views/modules/code/item.vue
-
703src/views/modules/code/item/itemValue.vue
-
86src/views/modules/code/setting.vue
-
4src/views/modules/test/requestForTest.vue
@ -0,0 +1,6 @@ |
|||
import {createAPI} from "../../utils/httpRequest"; |
|||
|
|||
export const codeConditionDetailList = (data) => createAPI(`/code/condition/detail/list`,'post',data) |
|||
export const saveConditionDetailList = (data) => createAPI(`/code/condition/detail/save`,'post',data) |
|||
export const removeConditionDetailList = (data) => createAPI(`/code/condition/detail/remove`,'post',data) |
|||
export const editConditionDetailList = (data) => createAPI(`/code/condition/detail/edit`,'post',data) |
|||
@ -0,0 +1,6 @@ |
|||
import {createAPI} from "../../utils/httpRequest"; |
|||
|
|||
export const searchCodeConditionHeaderList = (data) => createAPI(`/code/condition/header/list`,'post',data) |
|||
export const saveCodeConditionHeader = (data) => createAPI(`/code/condition/header/save`,'post',data) |
|||
export const removeCodeConditionHeader = (data) => createAPI(`/code/condition/header/remove`,'post',data) |
|||
export const editCodeConditionHeader = (data) => createAPI(`/code/condition/header/edit`,'post',data) |
|||
@ -0,0 +1,4 @@ |
|||
import {createAPI} from "../../utils/httpRequest"; |
|||
|
|||
export const searchCodeParameter = (data) => createAPI("/code/parameter/list", "post", data); |
|||
export const saveCodeParameter = (data) => createAPI("/code/parameter/edit", "post", data); |
|||
@ -0,0 +1,703 @@ |
|||
<script> |
|||
import { |
|||
removeCodeItemValue, removeCodeItemValueBatch, |
|||
saveCodeItemValue, saveCodeItemValueBatch, |
|||
searchCodeItemValueList, |
|||
searchCodeItemValueListItem, updateCodeItemValue |
|||
} from "../../../../api/code/codeItemValue" |
|||
import { |
|||
editCodeConditionHeader, removeCodeConditionHeader, |
|||
saveCodeConditionHeader, |
|||
searchCodeConditionHeaderList |
|||
} from "../../../../api/code/codeConditionHeader"; |
|||
import {searchCodeItemDefs, searchCodeItemDefsSeq} from "../../../../api/code/codeItemDef"; |
|||
import { |
|||
codeConditionDetailList, |
|||
removeConditionDetailList, |
|||
saveConditionDetailList |
|||
} from "../../../../api/code/codeConditionDetail"; |
|||
|
|||
const rules = {} |
|||
const detailRules = {} |
|||
const itemValueRules = {} |
|||
const rulesLabel = { |
|||
conditionDesc: "条件描述", |
|||
active: "是否有效", |
|||
} |
|||
const detailRulesLabel = { |
|||
SQLStatementExecuteItem: "元素名称", |
|||
SQLStatementExecuteValueItemNo: "元素可选值", |
|||
SQLStatementExecuteCalculate: "运算符号", |
|||
} |
|||
const itemValueRulesLabel = { |
|||
valueNo: "简码", |
|||
itemValue: "值", |
|||
} |
|||
Object.keys(rulesLabel).forEach(key => { |
|||
rules[key] = [ |
|||
{ |
|||
required: true, |
|||
message: `${rulesLabel[key]}不能为空`, |
|||
trigger: ['blur','input','change'] |
|||
} |
|||
]; |
|||
}); |
|||
Object.keys(itemValueRulesLabel).forEach(key => { |
|||
itemValueRules[key] = [ |
|||
{ |
|||
required: true, |
|||
message: `${itemValueRulesLabel[key]}不能为空`, |
|||
trigger: ['blur','input','change'] |
|||
} |
|||
]; |
|||
}); |
|||
Object.keys(detailRulesLabel).forEach(key => { |
|||
detailRules[key] = [ |
|||
{ |
|||
required: true, |
|||
message: `${detailRulesLabel[key]}不能为空`, |
|||
trigger: ['blur','input','change'] |
|||
} |
|||
]; |
|||
}); |
|||
export default { |
|||
name: "itemValue", |
|||
props:{ |
|||
itemValue:{ |
|||
type:Object, |
|||
required:true |
|||
}, |
|||
}, |
|||
data(){ |
|||
return{ |
|||
selectionDetailIndex:-1, |
|||
conditionHeaderIndex:0, |
|||
itemValueList:[], |
|||
conditionHeaders:[], |
|||
conditionDetails:[], |
|||
saveFlag:"新增", |
|||
saveConditionHeaderFlag:false, |
|||
conditionHeader:{ |
|||
conditionId:0, |
|||
}, |
|||
saveRules:rules, |
|||
saveItemValueRules:itemValueRules, |
|||
rulesLabel:rulesLabel, |
|||
itemValueRulesLabel:itemValueRulesLabel, |
|||
saveItemValueFlag:false, |
|||
itemValueModal:{ |
|||
valueNo:undefined, |
|||
itemValue: undefined, |
|||
}, |
|||
itemDefs:[], |
|||
itemDefModalVisible:false, |
|||
detailRules:detailRules, |
|||
detailRulesLabel:detailRulesLabel, |
|||
conditionDetailModal:{ |
|||
SQLStatementExecuteItem:undefined, |
|||
SQLStatementExecuteValue:undefined, |
|||
SQLStatementExecuteCalculate:undefined, |
|||
SQLStatementExecuteConditionId:undefined, |
|||
SQLStatementExecuteValueItemNo:undefined, |
|||
}, |
|||
saveItemValueList:[], |
|||
saveItemValueListDialog:false, |
|||
itemValueListSelected:[], |
|||
itemValueAllList:[], |
|||
} |
|||
}, |
|||
watch:{ |
|||
conditionHeaderIndex(newVal,oldVal){ |
|||
this.searchCodeItemValueListItem(); |
|||
this.codeConditionDetailList(); |
|||
} |
|||
}, |
|||
methods: { |
|||
removeCodeItemValue(row){ |
|||
this.$confirm(`确定要删除值"${row.itemValue}"吗？`, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
removeCodeItemValue(row).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg) |
|||
this.searchCodeItemValueListItem() |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}).catch(() => {}) |
|||
}, |
|||
getItemValueList(){ |
|||
let params = { |
|||
itemNo: this.itemValue.itemNo, |
|||
site:this.$store.state.user.site |
|||
} |
|||
searchCodeItemValueList(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.itemValueList = data.rows1 |
|||
this.conditionHeaders = data.rows2 |
|||
this.conditionDetails = data.rows3 |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
searchConditionHeader(){ |
|||
searchCodeConditionHeaderList(this.itemValue).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.conditionHeaders = data.rows |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
clickSaveConditionHeaderBtn(){ |
|||
this.conditionHeader = { |
|||
conditionId:this.conditionHeaders[this.conditionHeaders.length - 1].conditionId + 1, |
|||
itemNo:this.itemValue.itemNo, |
|||
site:this.$store.state.user.site, |
|||
active:'Y', |
|||
} |
|||
this.saveConditionHeaderFlag = true |
|||
}, |
|||
saveConditionHeaderBtn(){ |
|||
this.$refs.saveForm.validate((valid,obj) => { |
|||
if (valid){ |
|||
if (this.saveFlag === "新增"){ |
|||
this.saveCodeConditionHeader() |
|||
}else { |
|||
this.editCodeConditionHeader() |
|||
} |
|||
}else { |
|||
Object.keys(obj).forEach(key => { |
|||
this.$message.error(obj[key][0].message); |
|||
return |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
saveCodeConditionHeader(){ |
|||
saveCodeConditionHeader(this.conditionHeader).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg) |
|||
this.saveConditionHeaderFlag = false |
|||
this.searchConditionHeader() |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
editConditionHeaderBtn(){ |
|||
this.conditionHeader = {...this.conditionHeaders[this.conditionHeaderIndex]} |
|||
this.saveFlag = "编辑" |
|||
this.saveConditionHeaderFlag = true |
|||
}, |
|||
editCodeConditionHeader(){ |
|||
editCodeConditionHeader(this.conditionHeader).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg) |
|||
this.saveConditionHeaderFlag = false |
|||
this.searchConditionHeader() |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
closeSaveConditionHeader(){ |
|||
this.$refs.saveForm.resetFields(); |
|||
this.saveFlag = "新增"; |
|||
}, |
|||
removeConditionHeaderBtn(){ |
|||
this.$confirm(`确定要删除条件"${this.conditionHeaders[this.conditionHeaderIndex].conditionDesc}"吗？`, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
removeCodeConditionHeader(this.conditionHeaders[this.conditionHeaderIndex]).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg); |
|||
this.conditionHeaderIndex = 0; |
|||
this.searchConditionHeader(); |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}) |
|||
}).catch(() => {}) |
|||
}, |
|||
saveItemValueBtn(){ |
|||
this.itemValueModal = { |
|||
valueNo:undefined, |
|||
itemValue: undefined, |
|||
site:this.itemValue.site, |
|||
itemNo:this.itemValue.itemNo, |
|||
conditionId:this.conditionHeaders[this.conditionHeaderIndex].conditionId, |
|||
} |
|||
this.saveItemValueFlag = true; |
|||
}, |
|||
closeSaveItemValue(){ |
|||
this.$refs.saveItemValueForm.resetFields(); |
|||
this.saveFlag = "新增"; |
|||
}, |
|||
saveItemValue(){ |
|||
this.$refs.saveItemValueForm.validate((valid,obj) => { |
|||
if (valid){ |
|||
if (this.itemValueModal.valueNo && this.itemValueModal.valueNo.length > this.itemValue.bits){ |
|||
this.$message.error(`该"简码"位数超出了元素设置最大值${this.itemValue.bits}!`); |
|||
return; |
|||
} |
|||
if (this.itemValueList.some(item=>item.valueNo === this.itemValueModal.valueNo)){ |
|||
this.$confirm(`该"简码"${this.itemValueModal.valueNo}已存在, 继续保存?`, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
this.saveCodeItemValueData(); |
|||
}).catch(() => { |
|||
|
|||
}); |
|||
}else { |
|||
this.saveCodeItemValueData(); |
|||
} |
|||
}else { |
|||
Object.keys(obj).forEach(key => { |
|||
this.$message.error(obj[key][0].message); |
|||
return |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
saveCodeItemValueData(){ |
|||
if (this.saveFlag === "新增"){ |
|||
saveCodeItemValue(this.itemValueModal).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.saveItemValueFlag = false |
|||
this.$message.success(data.msg) |
|||
this.searchCodeItemValueListItem() |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}else { |
|||
updateCodeItemValue(this.itemValueModal).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.saveItemValueFlag = false |
|||
this.$message.success(data.msg) |
|||
this.searchCodeItemValueListItem() |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
} |
|||
}, |
|||
searchCodeItemValueListItem(){ |
|||
let params = { |
|||
itemNo: this.itemValue.itemNo, |
|||
site:this.itemValue.site, |
|||
conditionId:this.conditionHeaders[this.conditionHeaderIndex].conditionId, |
|||
} |
|||
searchCodeItemValueListItem(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.itemValueList = data.rows |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
clickSaveItemValueBtn(row){ |
|||
this.itemValueModal = {...row} |
|||
this.saveFlag = "编辑" |
|||
this.saveItemValueFlag = true; |
|||
}, |
|||
/** |
|||
* 获取当前itemDef次序前的itemDef列表 |
|||
*/ |
|||
searchCodeItemDefs(){ |
|||
let params = { |
|||
site:this.itemValue.site, |
|||
itemNo:this.itemValue.itemNo, |
|||
seqNo:this.itemValue.seqNo, |
|||
} |
|||
searchCodeItemDefsSeq(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.itemDefs = data.rows; |
|||
if (this.itemDefs.length > 0){ |
|||
this.conditionDetailModal.SQLStatementExecuteItem = this.itemDefs[0].itemNo; |
|||
this.saveCodeItemValue(this.itemDefs[0]); |
|||
} |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
saveCodeItemValue(itemDef){ |
|||
let params = { |
|||
itemNo: itemDef.itemNo, |
|||
site:itemDef.site, |
|||
} |
|||
searchCodeItemValueListItem(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.saveItemValueList = data.rows; |
|||
this.$nextTick(()=>{ |
|||
if (this.saveItemValueList.length > 0){ |
|||
this.conditionDetailModal.SQLStatementExecuteValueItemNo = this.saveItemValueList[0].valueItemNo; |
|||
} |
|||
}) |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
clickConditionDetailBtn(){ |
|||
this.itemDefModalVisible = true; |
|||
this.conditionDetailModal.site = this.itemValue.site; |
|||
this.conditionDetailModal.itemNo = this.itemValue.itemNo; |
|||
this.conditionDetailModal.conditionId = this.conditionHeaders[this.conditionHeaderIndex].conditionId; |
|||
this.searchCodeItemDefs(); |
|||
}, |
|||
closeConditionDetail(){ |
|||
Object.keys(this.conditionDetailModal).forEach(key => { |
|||
this.conditionDetailModal[key] = undefined; |
|||
}); |
|||
}, |
|||
changeItemDef(val){ |
|||
let params = { |
|||
itemNo: val, |
|||
site:this.itemValue.site, |
|||
} |
|||
this.conditionDetailModal.SQLStatementExecuteValueItemNo = undefined; |
|||
this.saveCodeItemValue(params); |
|||
}, |
|||
saveConditionDetail(){ |
|||
this.$refs.formConditionDetail.validate((valid,obj) => { |
|||
if (valid){ |
|||
saveConditionDetailList(this.conditionDetailModal).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg) |
|||
this.codeConditionDetailList(); |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}else { |
|||
Object.keys(obj).forEach(key => { |
|||
this.$message.error(obj[key][0].message); |
|||
return |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
codeConditionDetailList(){ |
|||
let params = { |
|||
itemNo: this.itemValue.itemNo, |
|||
site:this.itemValue.site, |
|||
conditionId:this.conditionHeaders[this.conditionHeaderIndex].conditionId, |
|||
} |
|||
codeConditionDetailList(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.conditionDetails = data.rows |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
removeConditionDetailList(){ |
|||
this.$confirm(`确定要删除条件"${this.conditionDetails[this.selectionDetailIndex].SQLStatementExecuteCalculate === 1 ? '并且' : '或者' }(${this.conditionDetails[this.selectionDetailIndex].itemDesc}=${this.conditionDetails[this.selectionDetailIndex].itemValue})"吗？`, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
removeConditionDetailList(this.conditionDetails[this.selectionDetailIndex]).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg) |
|||
this.codeConditionDetailList() |
|||
this.selectionDetailIndex = -1 |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}).catch(() => {}) |
|||
}, |
|||
saveItemValueListBtn(){ |
|||
this.itemValueListSelected = this.itemValueList.map(item=>item.valueItemNo); |
|||
let params = { |
|||
site:this.itemValue.site, |
|||
itemNo:this.itemValue.itemNo, |
|||
} |
|||
searchCodeItemValueListItem(params).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.itemValueAllList = data.rows; |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
this.saveItemValueListDialog = true; |
|||
}, |
|||
handleSelectChange(row,position,key){ |
|||
let rows = key.map(item=>{ |
|||
return { |
|||
site:this.itemValue.site, |
|||
itemNo:this.itemValue.itemNo, |
|||
valueItemNo:item, |
|||
conditionId:this.conditionHeaders[this.conditionHeaderIndex].conditionId, |
|||
} |
|||
}) |
|||
if (position === 'left'){ |
|||
// 删除 |
|||
this.removeCodeItemValueBatch(rows) |
|||
}else { |
|||
// 新增 |
|||
this.saveCodeItemValueBatch(rows) |
|||
} |
|||
}, |
|||
removeCodeItemValueBatch(rows){ |
|||
removeCodeItemValueBatch(rows).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg) |
|||
this.searchCodeItemValueListItem() |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=> { |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
saveCodeItemValueBatch(rows){ |
|||
saveCodeItemValueBatch(rows).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.$message.success(data.msg) |
|||
this.searchCodeItemValueListItem() |
|||
}else { |
|||
this.$message.warning(data.msg) |
|||
} |
|||
}).catch((error)=> { |
|||
this.$message.error(error) |
|||
}) |
|||
} |
|||
}, |
|||
created() { |
|||
this.getItemValueList() |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div> |
|||
<div> |
|||
<div>可选值列举的条件:</div> |
|||
<div style="border: 1px solid #ebeef5;padding: 5px 10px;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1)"> |
|||
<span style="border-right: 1px solid #acacac;padding-right: 10px;"> |
|||
<el-button type="primary" icon="el-icon-plus" @click="clickSaveConditionHeaderBtn" :disabled="itemValue.itemByCondition === 'N'">新增</el-button> |
|||
<el-button type="primary" icon="el-icon-edit" @click="editConditionHeaderBtn" :disabled="itemValue.itemByCondition === 'N'">编辑</el-button> |
|||
<el-button type="primary" icon="el-icon-delete" @click="removeConditionHeaderBtn" :disabled="itemValue.itemByCondition === 'N'">删除</el-button> |
|||
</span> |
|||
<span style="border-right: 1px solid #acacac;padding-right: 10px;"> |
|||
<el-button type="primary" icon="el-icon-d-arrow-left" :disabled="itemValue.itemByCondition === 'N'" @click="conditionHeaderIndex = 0">首条</el-button> |
|||
<el-button type="primary" icon="el-icon-arrow-left" :disabled="itemValue.itemByCondition === 'N' || conditionHeaderIndex === 0" @click="conditionHeaderIndex--">前条</el-button> |
|||
<el-button type="primary" :disabled="itemValue.itemByCondition === 'N' || conditionHeaderIndex === conditionHeaders.length - 1" @click="conditionHeaderIndex++">后条<i class="el-icon-arrow-right el-icon--right"></i></el-button> |
|||
<el-button type="primary" :disabled="itemValue.itemByCondition === 'N'" @click="conditionHeaderIndex = conditionHeaders.length - 1">末条<i class="el-icon-d-arrow-right el-icon--right"></i></el-button> |
|||
</span> |
|||
<span> |
|||
<el-button type="primary" icon="el-icon-close" plain @click="$emit('close')">关闭</el-button> |
|||
<el-button type="primary" icon="el-icon-refresh" plain @click="searchConditionHeader">刷新</el-button> |
|||
</span> |
|||
</div> |
|||
<div style="display: flex;margin-top: 2px;gap: 2px"> |
|||
<el-card class="box-card" style="width: 80%;"> |
|||
<div slot="header" class="clearfix" style="padding: 10px 0"> |
|||
<el-form v-if="conditionHeaders.length > 0" :inline="true" label-position="left" :model="conditionHeaders[conditionHeaderIndex]"> |
|||
<el-form-item label="序号:"> |
|||
<el-input-number disabled v-model="conditionHeaders[conditionHeaderIndex].conditionId" style="width: 100%" :min="1" :controls="false"></el-input-number> |
|||
</el-form-item> |
|||
<el-form-item label="条件描述:" label-width="70px"> |
|||
<el-input readonly v-model="conditionHeaders[conditionHeaderIndex].conditionDesc" style="width: 100%"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="有效:"> |
|||
<el-checkbox disabled v-model="conditionHeaders[conditionHeaderIndex].active" true-label="Y" false-label="N"></el-checkbox> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
<div style="height: 200px;overflow-y: auto;"> |
|||
<div v-for="(o, index) in conditionDetails" :key="o.seqNo" @click="selectionDetailIndex = index" :style="{backgroundColor: selectionDetailIndex === index? '#E8F7F6' : '#FFF'}" style="padding: 5px 0;cursor:pointer;border-bottom: 1px solid #ebeef5;color: #606266"> |
|||
{{ `${o.SQLStatementExecuteCalculate === 1 ? '并且' : '或者' }(${o.itemDesc}=${o.itemValue})` }} |
|||
</div> |
|||
</div> |
|||
</el-card> |
|||
<div style="border: 1px solid #ebeef5;padding: 5px 10px;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);width: 20%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center"> |
|||
<div> |
|||
<el-button type="primary" icon="el-icon-plus" @click="clickConditionDetailBtn" :disabled="itemValue.itemByCondition === 'N'">新增</el-button> |
|||
</div> |
|||
<div> |
|||
<el-button type="primary" icon="el-icon-delete" @click="removeConditionDetailList" :disabled="itemValue.itemByCondition === 'N' || selectionDetailIndex === -1">删除</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="margin-top: 10px;border-top: 1px solid #ebeef5;"> |
|||
<div>可选值列表:</div> |
|||
<div> |
|||
<el-button type="primary" @click="saveItemValueBtn">新增</el-button> |
|||
<el-button type="primary" @click="saveItemValueListBtn">快捷输入</el-button> |
|||
</div> |
|||
<el-table :data="itemValueList" height="300" border style="width: 100%"> |
|||
<el-table-column prop="valueNo" header-align="center" align="left" min-width="120" width="140" label="简码"></el-table-column> |
|||
<el-table-column prop="itemValue" header-align="center" align="left" label="值"></el-table-column> |
|||
<el-table-column label="操作" header-align="center" align="center" width="120"> |
|||
<template slot-scope="{row,$index}"> |
|||
<el-link style="cursor:pointer;" @click="clickSaveItemValueBtn(row)">编辑</el-link> |
|||
<el-link style="cursor:pointer;" @click="removeCodeItemValue(row)">删除</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<el-dialog :title="`条件${saveFlag}`" v-drag :visible.sync="saveConditionHeaderFlag" @close="closeSaveConditionHeader" width="400px" append-to-body> |
|||
<el-form ref="saveForm" label-position="top" :model="conditionHeader" :rules="saveRules" label-width="80px"> |
|||
<el-form-item label="序号:" prop="conditionId"> |
|||
<el-input disabled v-model="conditionHeader.conditionId" style="width: 100%"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="条件描述:" prop="conditionDesc" :show-message="false"> |
|||
<el-input v-model="conditionHeader.conditionDesc" style="width: 100%"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="有效:" prop="active"> |
|||
<el-select v-model="conditionHeader.active" placeholder="请选择" :show-message="false"> |
|||
<el-option label="Y" value="Y"></el-option> |
|||
<el-option label="N" value="N"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-footer style="height:30px;text-align:center;margin-top: 8px"> |
|||
<el-button type="primary" @click="saveConditionHeaderBtn">保存</el-button> |
|||
<el-button type="primary" @click="saveConditionHeaderFlag = false">关闭</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
<!--可选值--> |
|||
<el-dialog :title="`可选值${saveFlag}`" v-drag :visible.sync="saveItemValueFlag" @close="closeSaveItemValue" width="400px" append-to-body> |
|||
<el-form ref="saveItemValueForm" label-position="top" :model="itemValueModal" :rules="saveItemValueRules" label-width="80px"> |
|||
<el-form-item label="简码:" prop="valueNo" :show-message="false"> |
|||
<el-input v-model="itemValueModal.valueNo" style="width: 100%"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="值:" prop="itemValue" :show-message="false"> |
|||
<el-input v-model="itemValueModal.itemValue" style="width: 100%"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-footer style="height:30px;text-align:center;margin-top: 8px"> |
|||
<el-button type="primary" @click="saveItemValue">保存</el-button> |
|||
<el-button type="primary" @click="saveItemValueFlag = false">关闭</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
<el-dialog title="条件定义" v-drag :visible.sync="itemDefModalVisible" @close="closeConditionDetail" width="400px" append-to-body> |
|||
<el-form ref="formConditionDetail" label-position="top" :rules="detailRules" :model="conditionDetailModal" > |
|||
<el-form-item label="元素名称:" prop="SQLStatementExecuteItem" :show-message="false"> |
|||
<el-select v-model="conditionDetailModal.SQLStatementExecuteItem" @change="changeItemDef"> |
|||
<el-option v-for="(o, index) in itemDefs" :key="o.itemNo" :label="`(${o.itemNo})${o.itemDesc}`" :value="o.itemNo"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="元素可选值:" prop="SQLStatementExecuteValueItemNo" :show-message="false"> |
|||
<el-select v-model="conditionDetailModal.SQLStatementExecuteValueItemNo"> |
|||
<div v-for="(o, index) in saveItemValueList" :key="index"> |
|||
<el-option :label="`(${o.valueNo})${o.itemValue}`" :value="o.valueItemNo"></el-option> |
|||
</div> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="运算符号:" prop="SQLStatementExecuteCalculate" :show-message="false"> |
|||
<el-select v-model="conditionDetailModal.SQLStatementExecuteCalculate" placeholder="请选择" > |
|||
<el-option label="并且" value="1"></el-option> |
|||
<el-option label="或者" value="0"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-footer style="height:30px;text-align:center;margin-top: 8px"> |
|||
<el-button type="primary" @click="saveConditionDetail">应用</el-button> |
|||
<el-button type="primary" @click="itemDefModalVisible = false">关闭</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
<el-dialog title="元素可选值快速输入" v-drag :visible.sync="saveItemValueListDialog" append-to-body width="520px"> |
|||
<el-form :inline="true" label-position="top" style="margin-bottom: 10px"> |
|||
<el-form-item label="元素"> |
|||
<el-input v-model="itemValue.itemDesc" readonly style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="条件描述"> |
|||
<el-input v-if="conditionHeaders.length > 0" v-model="conditionHeaders[conditionHeaderIndex].conditionDesc" readonly style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<!--表格形式--> |
|||
<el-transfer class="rq" :props="{key: 'valueItemNo',label: 'itemValue' }" |
|||
filterable v-model="itemValueListSelected" @change="handleSelectChange" |
|||
:data="itemValueAllList" :titles="['全部值', '已选值']"> |
|||
<span slot-scope="{option}">{{option.valueNo}} - {{option.itemValue}}</span> |
|||
</el-transfer> |
|||
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
|||
<el-button type="primary" @click="saveItemValueListDialog = false">关闭</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
.el-card /deep/ .el-card__header{ |
|||
padding: 0px 20px; |
|||
} |
|||
.el-form-item /deep/ .el-form-item__content{ |
|||
line-height: 30px ; |
|||
} |
|||
|
|||
.el-input-number /deep/ .el-input__inner{ |
|||
text-align: right; |
|||
padding-right: 15px !important; |
|||
padding-left: 0px !important; |
|||
} |
|||
|
|||
.rq /deep/ .el-transfer-panel .el-transfer-panel__header { |
|||
height: 35px; |
|||
line-height: 35px; |
|||
} |
|||
|
|||
.rq /deep/ .el-transfer-panel .el-transfer-panel__header .el-checkbox { |
|||
line-height: 35px; |
|||
} |
|||
|
|||
.rq /deep/ .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label { |
|||
color: #fff |
|||
} |
|||
|
|||
.rq /deep/ .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span { |
|||
color: #3c3c3e; |
|||
} |
|||
|
|||
.rq /deep/ .el-transfer-panel .el-checkbox__inner::after { |
|||
height: 8px; |
|||
width: 4px; |
|||
} |
|||
</style> |
|||
@ -1,13 +1,93 @@ |
|||
<script> |
|||
import {saveCodeParameter, searchCodeParameter} from "../../../api/code/codeParameterDef"; |
|||
|
|||
export default { |
|||
name: "CodeSetting" |
|||
name: "CodeSetting", |
|||
data(){ |
|||
return{ |
|||
list : [], |
|||
index:-1, |
|||
} |
|||
}, |
|||
created() { |
|||
this.searchCodeParameter(); |
|||
}, |
|||
computed:{ |
|||
copyList:{ |
|||
get(){ |
|||
let copyList = JSON.parse(JSON.stringify(this.list)); |
|||
return copyList; |
|||
}, |
|||
set(val){ |
|||
this.list = val; |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
searchCodeParameter(){ |
|||
searchCodeParameter().then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.list = data.rows; |
|||
}else { |
|||
this.$message.warning(data.msg); |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error); |
|||
}); |
|||
}, |
|||
resetRow(){ |
|||
this.copyList = JSON.parse(JSON.stringify(this.list)); |
|||
this.index = -1; |
|||
}, |
|||
saveParameter(row){ |
|||
saveCodeParameter(row).then(({data})=>{ |
|||
if (data && data.code === 0){ |
|||
this.index = -1; |
|||
this.$message.success("保存成功"); |
|||
this.searchCodeParameter(); |
|||
}else { |
|||
this.$message.warning(data.msg); |
|||
} |
|||
}).catch((error)=>{ |
|||
this.$message.error(error); |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<h2>setting</h2> |
|||
<div> |
|||
<el-table :data="copyList" border style="width: 800px" height="400px"> |
|||
<el-table-column prop="seqNo" width="60" header-align="center" align="right" label="序号"></el-table-column> |
|||
<el-table-column prop="parameterDesc" width="240" header-align="center" align="left" label="参数描述"></el-table-column> |
|||
<el-table-column prop="parameterType" header-align="center" align="left" label="参数类型"></el-table-column> |
|||
<el-table-column prop="parameterValue" header-align="center" align="left" label="参数值"> |
|||
<template slot-scope="{row,$index}"> |
|||
<div v-if="index === $index"> |
|||
<el-input v-model="row.parameterValue" clearable placeholder="请输入参数值"></el-input> |
|||
</div> |
|||
<div v-else> |
|||
{{row.parameterValue}} |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="80" header-align="center" align="center"> |
|||
<template slot-scope="{row,$index}"> |
|||
<div v-if="index === $index"> |
|||
<el-link style="cursor:pointer;" @click="saveParameter(row)">保存</el-link> |
|||
<el-link style="cursor:pointer;" @click="resetRow">取消</el-link> |
|||
</div> |
|||
<el-link style="cursor:pointer;" v-else @click="index = $index">编辑</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
.el-table /deep/ .cell{ |
|||
height: auto; |
|||
line-height: 1.5; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue