修改样式

马宇豪

2023-12-14 cc4749faaa9a2bd9660e7b827e46f30a74043028

 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" placeholder="请输入机构名称" />
          </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"
@@ -34,7 +34,7 @@
      <div class="list">
        <div v-for="item in state.dataList" @click="openDetails('机构公示',item.id)">
          <div>
            <div><img src="src/assets/images/article.png"></div>
            <div><img :src="articlePng"></div>
            <div>{{item.name}}</div>
          </div>
          <span>
@@ -64,6 +64,7 @@
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()
@@ -126,6 +127,7 @@
    ElMessage.warning(res.message)
  }
}

const getArea = async ()=>{
    const res = await getRegionTree({name: '',parentId: null,regionType: state.attribute})
    if(res.code == 200){
@@ -140,6 +142,8 @@
        ElMessage.warning(res.message)
    }
}


const getBusiness = async ()=>{
    const res = await getDict({dictType: 'sys_business_scope'})
    if(res.code == 200){
@@ -149,7 +153,6 @@
    }
}
const handleChange = (value) => {
    console.log('myCascader',myCascader.value)
    if(value && value[0] === '全部'){
        state.querys.province = ''
        state.querys.city = ''
@@ -207,7 +210,7 @@
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 170px;
  margin-top: 160px;
    :deep(.el-form .el-form-item__label) {
        font-size: 16px;
    }
@@ -222,7 +225,7 @@

  .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,7 +262,7 @@

    .list{
      padding: 15px 0;
      max-height: calc(100vh - 402px);
      height: calc(100vh - 392px);
      overflow-y: auto;

      &>div{