From b7143b51f3a50b6fac9c139d291c1fad017daee6 Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期五, 08 十二月 2023 15:50:50 +0800
Subject: [PATCH] 使用tinymce富文本
---
src/views/components/laws.vue | 35 +++++++++++++++++++++++++----------
1 files changed, 25 insertions(+), 10 deletions(-)
diff --git a/src/views/components/laws.vue b/src/views/components/laws.vue
index ab6ef7d..d5a811d 100644
--- a/src/views/components/laws.vue
+++ b/src/views/components/laws.vue
@@ -7,24 +7,22 @@
<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">
+ <div v-for="item in state.dataList" @click="openDetails('法律法规',item.id)">
<div>
<div><img src="src/assets/images/article.png"></div>
<div>{{item.title}}</div>
</div>
<span>
- {{item.updateTime}}
+ {{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}
</span>
</div>
</div>
- <div class="pag-container">
+ <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]"
layout="total, sizes, prev, pager, next, jumper"
:total="state.total"
@@ -37,12 +35,12 @@
</template>
<script setup>
-import {onMounted, ref, reactive, watch, onUnmounted, defineExpose} from "vue"
+import {onMounted, ref, reactive, watch, onUnmounted, defineExpose, defineEmits} from "vue"
import { getLaws } from '@/api/home/homePage'
import useUserStore from '@/store/modules/user'
import { Search, Refresh } from '@element-plus/icons-vue'
import {ElMessage} from "element-plus";
-
+const emit = defineEmits(['openDetails'])
const route = useRoute()
const router = useRouter()
@@ -88,6 +86,21 @@
const handleCurrentChange = (val) => {
state.querys.pageNum = val
getData()
+}
+const search = () => {
+ getData()
+}
+const reset = () => {
+ state.querys = {
+ title: '',
+ content: '',
+ pageNum: 1,
+ pageSize: 10
+ }
+ getData()
+}
+const openDetails = (type,id)=>{
+ emit('openDetails',type,id)
}
defineExpose({
@@ -142,6 +155,8 @@
.list{
padding: 15px 0;
+ max-height: calc(100vh - 402px);
+ overflow-y: auto;
&>div{
display: flex;
@@ -171,7 +186,7 @@
}
}
div:last-of-type{
- width: 1000px;
+ width: 900px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
--
Gitblit v1.9.2