显示信息样式修改 逻辑修改

This commit is contained in:
hyt 2024-06-18 09:59:55 +08:00
parent 193c835c50
commit 83f5eefe0a
1 changed files with 95 additions and 88 deletions

View File

@ -43,6 +43,7 @@
>
</baseNewForm>
</div>
<div class="main">
<div class="content">
<div class="showItem">
<div class="itemTitle">查询</div>
@ -55,7 +56,7 @@
</div>
</div>
<div class="showCheckBoxList">
<div class="showCheckBoxItem" v-for="(item,index) in dbQueryFiled" :key="item.viewFiled">
<div class="showCheckBoxItem" v-for="(item,index) in dbQueryFiled" :key="index">
<div class="name">{{ item.viewName }}</div>
</div>
</div>
@ -71,7 +72,7 @@
</div>
</div>
<div class="showCheckBoxList">
<div class="showCheckBoxItem" v-for="(item,index) in dbListFiled" :key="item.viewFiled">
<div class="showCheckBoxItem" v-for="(item,index) in dbListFiled" :key="index">
<div class="name">{{ item.viewName }}</div>
</div>
</div>
@ -87,7 +88,7 @@
</div>
</div>
<div class="showCheckBoxList">
<div class="showCheckBoxItem" v-for="(item,index) in dbAddFiled" :key="item.viewFiled">
<div class="showCheckBoxItem" v-for="(item,index) in dbAddFiled" :key="index">
<div class="name">{{ item.viewName }}</div>
</div>
</div>
@ -103,7 +104,7 @@
</div>
</div>
<div class="showCheckBoxList">
<div class="showCheckBoxItem" v-for="(item,index) in dbEditFiled" :key="item.viewFiled">
<div class="showCheckBoxItem" v-for="(item,index) in dbEditFiled" :key="index">
<div class="name">{{ item.viewName }}</div>
</div>
</div>
@ -119,7 +120,7 @@
</div>
</div>
<div class="showCheckBoxList">
<div class="showCheckBoxItem" v-for="(item,index) in dbShowFiled" :key="item.viewFiled">
<div class="showCheckBoxItem" v-for="(item,index) in dbShowFiled" :key="index">
<div class="name">{{ item.viewName }}</div>
</div>
</div>
@ -135,13 +136,15 @@
</div>
</div>
<div class="showCheckBoxList">
<div class="showCheckBoxItem" v-for="(item,index) in btnShowList" :key="item.buttonType">
<div class="showCheckBoxItem" v-for="(item,index) in btnShowList" :key="index">
<div class="name">{{ item.name }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- -->
<base-right-dialog
ref="mainTableAddtDialog"
@ -309,8 +312,9 @@ export default {
const res = await authApi('mdmModuleService', '', 'queryMdmView', '', {
mdmId: this.$route.query.id
})
this.ruleForm = res.attribute
this.displayType = this.ruleForm.viewName
console.log(res.attribute, 'res.attribute', res)
this.ruleForm = res.attribute ? res.attribute : {}
this.displayType = this.ruleForm.viewName ? this.ruleForm.viewName : '1'
},
//
saveHandle() {
@ -338,6 +342,7 @@ export default {
const res = await authApi('mdmModuleService', '', 'queryMdmViewField', '', {
id: this.$route.query.id
})
console.log(res, 'res')
this.dbQueryFiled = res.attribute.dbQueryFiled
this.dbListFiled = res.attribute.dbListFiled
this.dbAddFiled = res.attribute.dbAddFiled
@ -430,16 +435,16 @@ export default {
> .tabIndex {
margin-top: 10px;
}
.main{
overflow: auto;
> .content {
margin-top: 3vh;
display: flex;
align-items: center;
margin-top: 1vh;
width: 2100px;
.showItem {
flex: 1;
display: inline-block;
width: 340px;
margin-left: 8px;
height: 70vh;
height: 68vh;
background: #FFFFFF;
border-radius: 8px;
border: 1px solid #EBEBEB;
@ -525,5 +530,7 @@ export default {
}
}
}
}
</style>