hzya
/
middleground_code_v2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/views/masterDataOptions/displayInfo/index.vue
View File

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