修改样式

马宇豪

2023-12-14 afdca5cb7b8d5c735ab70926e4f5853d904991c6

 src/views/components/publish.vue

@@ -4,7 +4,7 @@
      <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-cascader
@@ -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"
@@ -34,7 +33,7 @@
      <div class="list">
        <div v-for="item in state.dataList" @click="openDetails('机构公示',item.id)">
          <div>
            <div><img :src="articlePng"></div>
            <div><img src="src/assets/images/article.png"></div>
            <div>{{item.name}}</div>
          </div>
          <span>
@@ -64,7 +63,6 @@
import {ElMessage} from "element-plus";
import {getRegionTree} from "@/api/area";
import {getDict} from "@/api/login";
import articlePng from "@/assets/images/article.png";
const emit = defineEmits(['openDetails'])
const route = useRoute()
const router = useRouter()
@@ -210,17 +208,12 @@
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 160px;
  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{
@@ -262,12 +255,12 @@

    .list{
      padding: 15px 0;
      height: calc(100vh - 392px);
      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;
@@ -315,7 +308,7 @@

    .pag-container{
      width: 100%;
      height: 80px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: right;