From c71dc4c3abb3fcbbafc68b34e2bcb98cf0f8b346 Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期三, 13 十二月 2023 17:08:01 +0800
Subject: [PATCH] 图片引入问题
---
src/views/components/laws.vue | 32 ++++++++++++++++++++++++--------
1 files changed, 24 insertions(+), 8 deletions(-)
diff --git a/src/views/components/laws.vue b/src/views/components/laws.vue
index caf54c1..6f7c93c 100644
--- a/src/views/components/laws.vue
+++ b/src/views/components/laws.vue
@@ -3,17 +3,17 @@
<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-form-item label="法律法规名称:" style="font-size: 15px; width: 500px;margin-bottom: 0;margin-right: 20px">
<el-input v-model="state.querys.title" />
</el-form-item>
</el-form>
- <el-button type="primary" :icon="Search" class="searchBtn">搜索</el-button>
- <el-button type="primary" :icon="Refresh" class="resetBtn">重置</el-button>
+ <el-button type="primary" :icon="Search" class="searchBtn" v-model="state.querys.title" @click="search">搜索</el-button>
+ <el-button type="primary" :icon="Refresh" class="resetBtn" @click="reset">重置</el-button>
</div>
<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,11 +23,10 @@
</div>
<div class="pag-container" v-if="state.total&&state.total>0">
<el-pagination
- v-model:current-page="state.querys.pageNum"
- v-model:page-size="state.querys.pageSize"
- :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"
/>
@@ -42,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()
@@ -82,6 +82,7 @@
}
const handleSizeChange = (val) => {
+ state.querys.pageNum = 1;
state.querys.pageSize = val
getData()
}
@@ -89,7 +90,19 @@
state.querys.pageNum = val
getData()
}
-
+const search = () => {
+ state.querys.pageNum = 1;
+ getData()
+}
+const reset = () => {
+ state.querys = {
+ title: '',
+ content: '',
+ pageNum: 1,
+ pageSize: 10
+ }
+ getData()
+}
const openDetails = (type,id)=>{
emit('openDetails',type,id)
}
@@ -106,6 +119,9 @@
display: flex;
justify-content: center;
margin-top: 170px;
+ :deep(.el-form .el-form-item__label) {
+ font-size: 16px;
+ }
.main-content{
width: 1200px;
--
Gitblit v1.9.2