修改参数收集增加数据

This commit is contained in:
sunFlower
2023-01-31 11:56:22 +08:00
parent ec6181e9cd
commit 224b4885e7
+113 -103
View File
@@ -2,10 +2,10 @@
<div style="height: 100%"> <div style="height: 100%">
<div class='box'> <div class='box'>
<!-- 纯文本--> <!-- 纯文本-->
<div v-if='detailDate.controlType === "1"' class='add_flex'> <div v-if='detailDate.controlType === "1" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
<div v-for='(itemval,val) in val' :key='val'> style="display: inline-block" class='valflex'>
<div style='display: inline-block' v-if='itemval.type==="text"'> <div style='display: inline-block' v-if='itemval.type==="text"'>
<!-- 文本校验 分情况--> <!-- 文本校验 分情况-->
<!-- 1 无--> <!-- 1 无-->
@@ -98,20 +98,19 @@
</div> </div>
</div> </div>
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 默认值--> <!-- 默认值-->
<div v-if='detailDate.controlType === "11"' class='add_flex'> <div v-if='detailDate.controlType === "11" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
<div v-for='(itemval,val) in val' :key='val'> style="display: inline-block" class='valflex'>
<div style='display: inline-block' v-if='itemval.type==="text"'> <div style='display: inline-block' v-if='itemval.type==="text"'>
<!-- 文本校验 分情况--> <!-- 文本校验 分情况-->
<!-- 1 无--> <!-- 1 无-->
@@ -133,20 +132,19 @@
</div> </div>
</div> </div>
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 纯下拉单选--> <!-- 纯下拉单选-->
<div v-else-if='detailDate.controlType === "2"' class='add_flex'> <div v-else-if='detailDate.controlType === "2" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
<div v-for='(itemval,val) in val' :key='val'> style="display: inline-block" class='valflex'>
<div style='display: inline-block' v-if='itemval.type === "pull"'> <div style='display: inline-block' v-if='itemval.type === "pull"'>
<a-select v-model="itemval.dataValue" @change='selectChange' <a-select v-model="itemval.dataValue" @change='selectChange'
:getPopupContainer="triggerNode=> triggerNode.parentNode" :getPopupContainer="triggerNode=> triggerNode.parentNode"
@@ -160,20 +158,19 @@
</a-select> </a-select>
</div> </div>
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 纯下拉多选--> <!-- 纯下拉多选-->
<div v-else-if='detailDate.controlType === "3"' class='add_flex'> <div v-else-if='detailDate.controlType === "3" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' style='flex: 1' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' style='flex: 1' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
<div v-for='(itemval,val) in val' :key='val'> style="display: inline-block" class='valflex'>
<div style='display: inline-block' v-if='itemval.type==="pull_more"'> <div style='display: inline-block' v-if='itemval.type==="pull_more"'>
<a-select v-model="itemval.dataValue" <a-select v-model="itemval.dataValue"
:getPopupContainer="triggerNode=> triggerNode.parentNode" :getPopupContainer="triggerNode=> triggerNode.parentNode"
@@ -187,21 +184,19 @@
</a-select> </a-select>
</div> </div>
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 纯附件--> <!-- 纯附件-->
<div v-else-if='detailDate.controlType === "4"' class='add_flex'> <div v-else-if='detailDate.controlType === "4" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' style='flex: 1' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' style='flex: 1' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
<div v-for='(itemval,val) in val' :key='val'> style="display: inline-block" class='valflex'>
<div style='display: inline-block' v-if='itemval.type==="file"'> <div style='display: inline-block' v-if='itemval.type==="file"'>
<a-button type="primary" class="button-text inputWid" <a-button type="primary" class="button-text inputWid"
@click="clickButtonToUpload(itemval)"> @click="clickButtonToUpload(itemval)">
@@ -210,20 +205,19 @@
</a-button> </a-button>
</div> </div>
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 文本+下拉单选--> <!-- 文本+下拉单选-->
<div v-else-if='detailDate.controlType === "5"' class='add_flex'> <div v-else-if='detailDate.controlType === "5" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
<div v-for='(itemval,val) in val' :key='val'> style="display: inline-block" class='valflex'>
<div style='display: inline-block' v-if='itemval.type==="pull"'> <div style='display: inline-block' v-if='itemval.type==="pull"'>
<a-select v-model="itemval.dataValue" <a-select v-model="itemval.dataValue"
:getPopupContainer="triggerNode=> triggerNode.parentNode" :getPopupContainer="triggerNode=> triggerNode.parentNode"
@@ -328,20 +322,19 @@
</div> </div>
</div> </div>
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 文本+下拉多选--> <!-- 文本+下拉多选-->
<div v-else-if='detailDate.controlType === "6"' class='add_flex'> <div v-else-if='detailDate.controlType === "6" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
<div v-for='(itemval,val) in val' :key='val'> style="display: inline-block" class='valflex'>
<div style='display: inline-block' v-if='itemval.type==="pull_more"'> <div style='display: inline-block' v-if='itemval.type==="pull_more"'>
<a-select v-model="itemval.dataValue" <a-select v-model="itemval.dataValue"
:getPopupContainer="triggerNode=> triggerNode.parentNode" :getPopupContainer="triggerNode=> triggerNode.parentNode"
@@ -446,21 +439,19 @@
</div> </div>
</div> </div>
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 文本+附件--> <!-- 文本+附件-->
<div v-else-if='detailDate.controlType === "7"' class='add_flex'> <div v-else-if='detailDate.controlType === "7" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
<div v-for='(itemval,val) in val' :key='val'> style="display: inline-block" class='valflex'>
<div style='display: inline-block' v-if='itemval.type==="text"'> <div style='display: inline-block' v-if='itemval.type==="text"'>
<!-- 文本校验 分情况--> <!-- 文本校验 分情况-->
<!-- 1 无--> <!-- 1 无-->
@@ -560,21 +551,20 @@
</a-button> </a-button>
</div> </div>
</div> </div>
</div> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<div @click="addconfig" class='addicon' v-if='val'>
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
<!-- 下拉单选+附件--> <!-- 下拉单选+附件-->
<div v-else-if='detailDate.controlType === "8"' class='add_flex'> <div v-else-if='detailDate.controlType === "8" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]'
<div v-for='(itemval,val) in val' :key='val'> :key='index1' style="display: inline-block" class='valflex'>
<!-- <div v-for='(itemval,val) in val' :key='val'>-->
<div style='display: inline-block' v-if='itemval.type==="pull"'> <div style='display: inline-block' v-if='itemval.type==="pull"'>
<a-select v-model="itemval.dataValue" <a-select v-model="itemval.dataValue"
:getPopupContainer="triggerNode=> triggerNode.parentNode" :getPopupContainer="triggerNode=> triggerNode.parentNode"
@@ -594,21 +584,22 @@
itemval.dataValue == null) ? $t('clickUpload') : $t('viewUploadedFiles')}} itemval.dataValue == null) ? $t('clickUpload') : $t('viewUploadedFiles')}}
</a-button> </a-button>
</div> </div>
<!-- </div>-->
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 下拉多选+附件--> <!-- 下拉多选+附件-->
<div v-else-if='detailDate.controlType === "9"' class='add_flex'> <div v-else-if='detailDate.controlType === "9" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
<div v-for='(itemval,val) in val' :key='val'> style="display: inline-block" class='valflex'>
<!-- <div v-for='(itemval,val) in val' :key='val'>-->
<div style='display: inline-block' v-if='itemval.type==="pull_more"'> <div style='display: inline-block' v-if='itemval.type==="pull_more"'>
<a-select v-model="itemval.dataValue" <a-select v-model="itemval.dataValue"
:getPopupContainer="triggerNode=> triggerNode.parentNode" :getPopupContainer="triggerNode=> triggerNode.parentNode"
@@ -628,21 +619,23 @@
itemval.dataValue == null) ? $t('clickUpload') : $t('viewUploadedFiles')}} itemval.dataValue == null) ? $t('clickUpload') : $t('viewUploadedFiles')}}
</a-button> </a-button>
</div> </div>
<!-- </div>-->
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 文本+下拉单选+附件--> <!-- 文本+下拉单选+附件-->
<div v-else-if='detailDate.controlType === "10"' class='add_flex'> <div v-else-if='detailDate.controlType === "10" && detailDate.paramsConfigData' class='add_flex'>
<div v-for='(item,index) in detailDateList' :key='index' class='add-width'> <div v-for='(item,index) in Object.keys(detailDate.paramsConfigData)' :key='index' class='add-width'>
<div v-for='(val,index1) in item' :key='index1' class='valflex'> <!-- <div v-for='(item,index) in detailDateList' :key='index' class='add-width'>-->
<div v-for='(itemval,val) in val' :key='val'> <div v-for='(itemval,index1) in detailDate.paramsConfigData[item]' :key='index1'
style="display: inline-block" class='valflex'>
<!-- <div v-for='(itemval,val) in val' :key='val'>-->
<div style='display: inline-block' v-if='itemval.type==="pull"'> <div style='display: inline-block' v-if='itemval.type==="pull"'>
<a-select v-model="itemval.dataValue" <a-select v-model="itemval.dataValue"
:getPopupContainer="triggerNode=> triggerNode.parentNode" :getPopupContainer="triggerNode=> triggerNode.parentNode"
@@ -754,15 +747,14 @@
</a-button> </a-button>
</div> </div>
</div> </div>
<div @click="addconfig" class='addicon' v-if='val'> <div @click="addconfig" class='addicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index">
<a-icon type="plus"/> <a-icon type="plus"/>
</div> </div>
<div @click="delconfig" class='delicon' v-if='val'> <div @click="delconfig" class='delicon' v-if="Object.keys(detailDate.paramsConfigData).length - 1 == index && index > 0">
<a-icon type="minus"/> <a-icon type="minus"/>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<uploadFileChangeDown ref="uploadFile" @uploadSuccess="uploadSuccess" <uploadFileChangeDown ref="uploadFile" @uploadSuccess="uploadSuccess"
@@ -812,38 +804,44 @@
mounted() { mounted() {
this.detailDateList = [] this.detailDateList = []
let name = [] let name = []
this.columName.forEach(item=>{ console.log(this.detailDate)
if(item.db_field_name&&item.db_field_name!=''){ // this.columName.forEach(item => {
name.push(item.db_field_name) // if (item.db_field_name && item.db_field_name != '') {
// name.push(item.db_field_name)
// }
// })
// for (let key in this.recordList) {
// if (name.toString().indexOf(key) > -1) {
// if (this.recordList[key].paramsConfigData) {
// console.log(this.recordList[key].paramsConfigData)
// this.detailDateList = this.recordList[key].paramsConfigData
// }
// }
// }
this.detailDateList = this.detailDate.paramsConfigData
// this.detailDateList.forEach((item) => {
Object.keys(this.detailDateList).forEach(res => {
this.detailDateList[res].forEach(val => {
if (val.type === 'pull_more' && !val.dataValue) {
val.dataValue = []
} }
}) })
for (let key in this.recordList){ // })
if(name.toString().indexOf(key)>-1){
if(this.recordList[key].paramsConfigData){
this.detailDateList.push(this.recordList[key].paramsConfigData)
}
}
}
this.detailDateList.forEach((item) => {
if (item.type === 'pull_more' && !item.dataValue) {
item.dataValue = []
}
// this.detailDatetransformation.push(item) // this.detailDatetransformation.push(item)
}) })
console.log(this.detailDateList,"oooooo") console.log(this.detailDateList, 'oooooo')
}, },
methods: { methods: {
selectChange(val) { selectChange(val) {
this.$nextTick(() => { this.$nextTick(() => {
let element = document.querySelectorAll( let element = document.querySelectorAll(
".tableclassname .ant-table-expanded-row" '.tableclassname .ant-table-expanded-row'
); )
let len = element.length / 2; let len = element.length / 2
for (let i = 0; i < len; i++) { for (let i = 0; i < len; i++) {
element[i + len].style.height = element[i].offsetHeight + "px"; element[i + len].style.height = element[i].offsetHeight + 'px'
} }
}); })
}, },
onInput(r) { onInput(r) {
let value = r.target.value let value = r.target.value
@@ -892,7 +890,10 @@
}) })
}, },
addconfig() { addconfig() {
postAction('params/configData/add', { paramsCollectManifestId: this.recordList.id , paramsConfigId :this.detailDate.configId }).then((res) => { postAction('params/configData/add', {
paramsCollectManifestId: this.recordList.id,
paramsConfigId: this.detailDate.configId
}).then((res) => {
if (res.success) { if (res.success) {
this.$emit('collectionForm') this.$emit('collectionForm')
} else { } else {
@@ -908,7 +909,7 @@
} }
}) })
} }
}, }
}, },
watch: { watch: {
detailDate(newold, oldold) { detailDate(newold, oldold) {
@@ -943,9 +944,11 @@
height: 38px !important; height: 38px !important;
line-height: 38px !important; line-height: 38px !important;
} }
.ant-select-selection-selected-value { .ant-select-selection-selected-value {
height: 100%; height: 100%;
} }
.selectWid .ant-select-selection__rendered { .selectWid .ant-select-selection__rendered {
line-height: 36px !important; line-height: 36px !important;
} }
@@ -956,12 +959,14 @@
height: calc(100% - 100px); height: calc(100% - 100px);
overflow: auto; overflow: auto;
} }
///deep/ .ant-select-allow-clear{ ///deep/ .ant-select-allow-clear{
// height: 30px; // height: 30px;
//} //}
/deep/ .ant-table-row { /deep/ .ant-table-row {
height: 69px; height: 69px;
} }
.text { .text {
margin-right: 10px; margin-right: 10px;
} }
@@ -976,6 +981,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.iconRow, .valflex { .iconRow, .valflex {
display: flex; display: flex;
} }
@@ -1003,21 +1009,25 @@
width: calc(33.3% - 5px); width: calc(33.3% - 5px);
margin-right: 5px; margin-right: 5px;
float: left; float: left;
display: flex;
} }
.add--number { .add--number {
width: 101%; width: 101%;
} }
.addicon { .addicon {
display: inline-block; display: inline-block;
//margin-left: -34px; //margin-left: -34px;
margin-top: 8px; margin-top: 8px;
} }
.delicon { .delicon {
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 5px;
margin-top: 8px; margin-top: 8px;
} }
.ant-input-disabled { .ant-input-disabled {
color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.65);
} }