样式调整

zhouwenxuan

2023-12-14 e3b49d33e9c2e8ba75ce3d6fdef0da27d529c72c

 src/views/components/laws.vue

@@ -3,8 +3,8 @@
    <div class="main-content">
      <div class="filters">
        <el-form :model="state.querys">
          <el-form-item label="法律法规名称" style="width: 500px;margin-bottom: 0;margin-right: 20px">
            <el-input v-model="state.querys.title" />
          <el-form-item label="法律法规名称:" class="nameInput" style="font-size: 15px; width: 500px;margin-bottom: 0;margin-right: 20px">
            <el-input v-model="state.querys.title" placeholder="请输入名称" />
          </el-form-item>
        </el-form>
        <el-button type="primary" :icon="Search" class="searchBtn" v-model="state.querys.title" @click="search">搜索</el-button>
@@ -13,7 +13,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.title}}</div>
          </div>
          <span>
@@ -23,9 +23,10 @@
      </div>
      <div class="pag-container" v-if="state.total&&state.total>0">
        <el-pagination
            :page-sizes="[10,15,20,25]"
            :page-sizes="[10,15,20]"
            layout="total, sizes, prev, pager, next, jumper"
            :total="state.total"
            :current-page="state.querys.pageNum"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
        />
@@ -40,6 +41,7 @@
import useUserStore from '@/store/modules/user'
import { Search, Refresh } from '@element-plus/icons-vue'
import {ElMessage} from "element-plus";
import articlePng from "@/assets/images/article.png";
const emit = defineEmits(['openDetails'])
const route = useRoute()
const router = useRouter()
@@ -80,6 +82,7 @@
}

const handleSizeChange = (val) => {
    state.querys.pageNum = 1;
  state.querys.pageSize = val
  getData()
}
@@ -88,6 +91,7 @@
  getData()
}
const search = () => {
    state.querys.pageNum = 1;
    getData()
}
const reset = () => {
@@ -115,6 +119,17 @@
  display: flex;
  justify-content: center;
  margin-top: 170px;
    :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;