显示信息样式修改 逻辑修改
This commit is contained in:
hyt
parent
193c835c50
commit
83f5eefe0a
|
|
@ -43,104 +43,107 @@
|
|||
>
|
||||
</baseNewForm>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">查询</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('查询')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
<div class="main">
|
||||
<div class="content">
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">查询</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('查询')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbQueryFiled" :key="item.viewFiled">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">列表</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('列表')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbQueryFiled" :key="index">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbListFiled" :key="item.viewFiled">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">新增</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('新增')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">列表</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('列表')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbAddFiled" :key="item.viewFiled">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">修改</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('修改')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbListFiled" :key="index">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbEditFiled" :key="item.viewFiled">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">查看</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('查看')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">新增</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('新增')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbShowFiled" :key="item.viewFiled">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">按钮</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('按钮')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbAddFiled" :key="index">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in btnShowList" :key="item.buttonType">
|
||||
<div class="name">{{ item.name }}</div>
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">修改</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('修改')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbEditFiled" :key="index">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">查看</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('查看')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showCheckBoxList">
|
||||
<div class="showCheckBoxItem" v-for="(item,index) in dbShowFiled" :key="index">
|
||||
<div class="name">{{ item.viewName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showItem">
|
||||
<div class="itemTitle">按钮</div>
|
||||
<div class="setting">
|
||||
<div class="settingBox" @click="settingHandle('按钮')">
|
||||
<div class="img">
|
||||
<img src="./images/设置.png" alt="">
|
||||
</div>
|
||||
<div class="value">设置</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showCheckBoxList">
|
||||
<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
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue