From afdca5cb7b8d5c735ab70926e4f5853d904991c6 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期四, 14 十二月 2023 13:54:53 +0800 Subject: [PATCH] 修改样式 --- src/views/components/publish.vue | 26 +++++++++++--------------- 1 files changed, 11 insertions(+), 15 deletions(-) diff --git a/src/views/components/publish.vue b/src/views/components/publish.vue index ae64238..9f8e290 100644 --- a/src/views/components/publish.vue +++ b/src/views/components/publish.vue @@ -4,9 +4,9 @@ <div class="filters"> <el-form :model="state.querys" style="display:flex;"> <el-form-item label="机构名称:" class="nameInput" style="width: 300px;margin-bottom: 0;margin-right: 20px;"> - <el-input v-model="state.querys.name" placeholder="请选择机构名称" /> + <el-input v-model="state.querys.name" /> </el-form-item> - <el-form-item label="所在地市:" style="margin-bottom: 0;margin-right: 20px"> + <el-form-item label="所在地市:" style="margin-bottom: 0;margin-right: 20px"> <el-cascader ref="myCascader" v-model="state.querys.area" @@ -14,11 +14,10 @@ :props="props" @change="handleChange" style="width: 100%" - size="large" /> </el-form-item> <el-form-item label="业务范围:" style="margin-bottom: 0;margin-right: 20px"> - <el-select v-model="state.querys.business" placeholder="请选择业务范围" multiple size="large" style="width: 100%"> + <el-select v-model="state.querys.business" placeholder="请选择业务范围" multiple style="width: 100%"> <el-option v-for="item in state.busList" :key="item.id" @@ -126,6 +125,7 @@ ElMessage.warning(res.message) } } + const getArea = async ()=>{ const res = await getRegionTree({name: '',parentId: null,regionType: state.attribute}) if(res.code == 200){ @@ -140,6 +140,8 @@ ElMessage.warning(res.message) } } + + const getBusiness = async ()=>{ const res = await getDict({dictType: 'sys_business_scope'}) if(res.code == 200){ @@ -149,7 +151,6 @@ } } const handleChange = (value) => { - console.log('myCascader',myCascader.value) if(value && value[0] === '全部'){ state.querys.province = '' state.querys.city = '' @@ -207,22 +208,17 @@ width: 100%; display: flex; justify-content: center; - margin-top: 170px; + margin-top: 150px; :deep(.el-form .el-form-item__label) { font-size: 16px; } :deep(.el-form-item){ align-items: center; } - .nameInput{ - :deep(.el-input__inner){ - --el-input-inner-height: 38px; - } - } .main-content{ width: 1200px; - margin: 20px 0; + margin: 15px 0; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,.04); @@ -259,12 +255,12 @@ .list{ padding: 15px 0; - max-height: calc(100vh - 402px); + height: calc(100vh - 332px); overflow-y: auto; &>div{ display: flex; - padding: 10px; + padding: 8px; align-items: center; justify-content: space-between; border-bottom: 1px dashed #ebeef5; @@ -312,7 +308,7 @@ .pag-container{ width: 100%; - height: 80px; + height: 60px; display: flex; align-items: center; justify-content: right; -- Gitblit v1.9.2