Skip to content

E
emergency-project
Commit 46abc84b by 吴春元
Options

修改

parent 8758aaee
Showing with 125 additions and 84 deletions
src/layout/news.vue
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
/> />
<button <button
class="flex items-center px-4 py-[9px] bg-blue-500 text-white rounded-[10px] hover:bg-blue-600 transition-colors whitespace-nowrap" class="flex items-center px-4 py-[9px] bg-blue-500 cursor-pointer text-white rounded-[10px] hover:bg-blue-600 transition-colors whitespace-nowrap"
style="border: none" style="border: none"
@click="handleSearch" @click="handleSearch"
> >
......
src/utils/config.js
...@@ -2,6 +2,7 @@ let baseImageUrl; ...@@ -2,6 +2,7 @@ let baseImageUrl;
if (process.env.NODE_ENV === "development") { if (process.env.NODE_ENV === "development") {
baseImageUrl = (path) => "http://192.168.19.142:9002" + path; baseImageUrl = (path) => "http://192.168.19.142:9002" + path;
// baseImageUrl = (path) => "http://localhost:9002" + path;
} else { } else {
baseImageUrl = (path) => "http://yjzh.sxyztech.cn" + path; baseImageUrl = (path) => "http://yjzh.sxyztech.cn" + path;
} }
......
src/views/home/announcements/Announcements.vue
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<div class="flex-1 min-w-0"> <div class="flex-1 min-w-0">
<div class="flex items-center mb-1"> <div class="flex items-center mb-1">
<h3 <h3
class="text-blue-600 hover:text-blue-800 cursor-pointer text-lg font-medium truncate mr-2" class="text-blue-600 hover:text-blue-800 cursor-pointer text-lg font-medium truncate mr-2 line-clamp-2"
@click="goToDetail(item.id)" @click="goToDetail(item.id)"
> >
{{ item.contentTitle }} {{ item.contentTitle }}
......
src/views/home/home/HomeView.vue
...@@ -95,12 +95,12 @@ ...@@ -95,12 +95,12 @@
<div> <div>
<h3 <h3
class="text-lg font-medium mb-2 hover:text-blue-600 text-black" class="text-lg font-medium mb-2 hover:text-blue-600 cursor-pointer text-black line-clamp-2"
@click="goToDetail(item)" @click="goToDetail(item)"
> >
{{ item.contentTitle }} {{ item.contentTitle }}
</h3> </h3>
<p class="text-gray-600 text-sm line-clamp-2"> <p class="text-gray-600 text-sm line-clamp-3">
{{ item.contentDescription }} {{ item.contentDescription }}
</p> </p>
<div class="mt-2 text-sm text-gray-500"> <div class="mt-2 text-sm text-gray-500">
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
class="border-b last:border-0 pb-4" class="border-b last:border-0 pb-4"
> >
<h3 <h3
class="text-base font-medium hover:text-blue-600 cursor-pointer text-black" class="text-base font-medium hover:text-blue-600 cursor-pointer text-black line-clamp-2"
@click="goToDetail(hot)" @click="goToDetail(hot)"
> >
{{ hot.contentTitle }} {{ hot.contentTitle }}
...@@ -165,7 +165,7 @@ ...@@ -165,7 +165,7 @@
</div> </div>
</div> </div>
<h3 <h3
class="mt-2 text-base font-medium group-hover:text-blue-600 text-black" class="mt-2 text-base font-medium group-hover:text-blue-600 text-black line-clamp-2"
> >
{{ video.title }} {{ video.title }}
</h3> </h3>
...@@ -199,7 +199,7 @@ ...@@ -199,7 +199,7 @@
<!-- <el-icon class="text-blue-600 text-xl"><Document /></el-icon> --> <!-- <el-icon class="text-blue-600 text-xl"><Document /></el-icon> -->
<div class="flex-1"> <div class="flex-1">
<h3 <h3
class="text-base font-medium hover:text-blue-600 cursor-pointer text-black" class="text-base font-medium hover:text-blue-600 cursor-pointer text-black line-clamp-2"
> >
{{ item.contentTitle }} {{ item.contentTitle }}
</h3> </h3>
...@@ -242,12 +242,12 @@ ...@@ -242,12 +242,12 @@
>辟谣</el-tag >辟谣</el-tag
> >
<h3 <h3
class="text-base font-medium hover:text-blue-600 cursor-pointer text-black" class="text-base font-medium hover:text-blue-600 cursor-pointer text-black line-clamp-2"
> >
{{ item.contentTitle }} {{ item.contentTitle }}
</h3> </h3>
</div> </div>
<p class="mt-1 text-sm text-gray-500 line-clamp-2"> <p class="mt-1 text-sm text-gray-500 line-clamp-3">
{{ item.contentDescription }} {{ item.contentDescription }}
</p> </p>
</div> </div>
......
src/views/home/hotnews/News.vue
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
> >
{{ news.contentTitle }} {{ news.contentTitle }}
</h2> </h2>
<p class="text-gray-600 text-sm line-clamp-2"> <p class="text-gray-600 text-sm line-clamp-3">
{{ news.contentDescription }} {{ news.contentDescription }}
</p> </p>
<div class="mt-3 flex items-center space-x-4"> <div class="mt-3 flex items-center space-x-4">
......
src/views/home/sxnews/ShanxiNews.vue
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
> >
{{ news.contentTitle }} {{ news.contentTitle }}
</h2> </h2>
<p class="text-gray-600 text-sm line-clamp-2"> <p class="text-gray-600 text-sm line-clamp-3">
{{ news.contentDescription }} {{ news.contentDescription }}
</p> </p>
<div class="mt-3 flex items-center space-x-4"> <div class="mt-3 flex items-center space-x-4">
......
src/views/home/tynews/TaiyuanNews.vue
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
> >
{{ news.contentTitle }} {{ news.contentTitle }}
</h2> </h2>
<p class="text-gray-600 text-sm line-clamp-2"> <p class="text-gray-600 text-sm line-clamp-3">
{{ news.contentDescription }} {{ news.contentDescription }}
</p> </p>
<div class="mt-3 flex items-center space-x-4"> <div class="mt-3 flex items-center space-x-4">
......
src/views/py/reading/Reading.vue
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
class="w-full h-full object-cover object-top" class="w-full h-full object-cover object-top"
/> />
</div> </div>
<h3 class="text-lg font-semibold mb-2 text-black"> <h3 class="text-lg font-semibold mb-2 text-black line-clamp-2">
{{ card.contentTitle }} {{ card.contentTitle }}
</h3> </h3>
<p class="text-gray-600 text-sm">{{ card.contentDescription }}</p> <p class="text-gray-600 text-sm">{{ card.contentDescription }}</p>
......
src/views/wm/home/WmHome.vue
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div class="flex items-center text-sm text-gray-500"> <div class="flex items-center text-sm text-gray-500">
<span>{{ item.contentDatetime }}</span> <span>{{ item.contentDatetime }}</span>
<span class="mx-5">留言人：{{ item.name }}</span> <span class="mx-5">留言人：***</span>
</div> </div>
<el-tag <el-tag
size="small" size="small"
...@@ -34,9 +34,11 @@ ...@@ -34,9 +34,11 @@
{{ item.replyStatus === "1" ? "已回复" : "未回复" }} {{ item.replyStatus === "1" ? "已回复" : "未回复" }}
</el-tag> </el-tag>
</div> </div>
<h4 class="text-gray-900 font-medium mt-3">{{ item.title }}</h4> <h4 class="text-gray-900 font-medium mt-3 line-clamp-2">
{{ item.title }}
</h4>
<p class="mt-2 text-gray-700">{{ item.content }}</p> <p class="mt-2 text-gray-700 line-clamp-3">{{ item.content }}</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -63,18 +65,20 @@ ...@@ -63,18 +65,20 @@
<div class="flex items-center justify-between mb-3"> <div class="flex items-center justify-between mb-3">
<div class="flex-1"> <div class="flex-1">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h4 class="text-gray-900 font-medium">{{ item.title }}</h4> <h4 class="text-gray-900 font-medium line-clamp-2">
{{ item.title }}
</h4>
<!-- <span class="text-gray-500 text-sm">{{ <!-- <span class="text-gray-500 text-sm">{{
item.contentDatetime item.contentDatetime
}}</span> --> }}</span> -->
<div class="flex items-center text-sm text-gray-500"> <div class="flex items-center text-sm text-gray-500">
<span>{{ item.contentDatetime }}</span> <span>{{ item.contentDatetime }}</span>
<span class="mx-5">留言人：{{ item.name }}</span> <span class="mx-5">留言人：***</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<p class="text-gray-700">{{ item.content }}</p> <p class="text-gray-700 line-clamp-3">{{ item.content }}</p>
</div> </div>
</div> </div>
</div> </div>
......
src/views/wm/message/MessageDetail.vue
...@@ -29,14 +29,24 @@ ...@@ -29,14 +29,24 @@
{{ detail.replyStatus === "1" ? "已回复" : "未回复" }} {{ detail.replyStatus === "1" ? "已回复" : "未回复" }}
</el-tag> </el-tag>
<span>留言人: {{ detail.name }}</span> <span>留言人: ***</span>
<span>时间: {{ detail.contentDatetime }}</span> <span>时间: {{ detail.contentDatetime }}</span>
</div> </div>
</div> </div>
<!-- 问题描述 --> <!-- 问题描述 -->
<div class="mb-6"> <div class="mb-6">
<div class="space-y-4 text-gray-600" v-html="detail.content"></div> <!-- <div class="space-y-4 text-gray-600" v-html="detail.content"></div> -->
<el-input
type="textarea"
:rows="16"
disabled
:autosize="true"
v-model="detail.content"
:style="{ width: '100%', color: 'red' }"
placeholder="留言内容"
>
</el-input>
<!-- 附件区域 --> <!-- 附件区域 -->
<!-- <div <!-- <div
v-if="attachments.length > 0" v-if="attachments.length > 0"
...@@ -123,7 +133,18 @@ ...@@ -123,7 +133,18 @@
<!-- 官方回复 --> <!-- 官方回复 -->
<div class="rounded-lg bg-gray-50 p-5" v-if="detail.reply != null"> <div class="rounded-lg bg-gray-50 p-5" v-if="detail.reply != null">
<h2 class="mb-4 text-lg font-medium text-red-500">官方回复：</h2> <h2 class="mb-4 text-lg font-medium text-red-500">官方回复：</h2>
<div class="space-y-4 text-gray-600" v-html="detail.reply"></div> <!-- <div type="textarea" class="space-y-4 text-gray-600" v-html="detail.reply"></div> -->
<el-input
type="textarea"
:rows="16"
disabled
:autosize="true"
v-model="detail.reply"
:style="{ width: '100%', color: 'red' }"
placeholder="留言内容"
>
</el-input>
</div> </div>
</div> </div>
</div> </div>
...@@ -206,4 +227,15 @@ const handlePreview = (file: FileItem) => { ...@@ -206,4 +227,15 @@ const handlePreview = (file: FileItem) => {
.min-h-screen { .min-h-screen {
min-height: 1024px; min-height: 1024px;
} }
:deep(.el-textarea.is-disabled .el-textarea__inner) {
color: #4b4b4b;
font-size: 15px;
padding: 20px;
line-height: 2;
}
:deep(.el-textarea) {
--el-input-border-color: #fff;
--el-input-border-color-hover: #fff;
}
</style> </style>
src/views/wm/message/MessageList.vue
...@@ -32,7 +32,9 @@ ...@@ -32,7 +32,9 @@
</h2> --> </h2> -->
<div class="flex justify-between items-start mb-1"> <div class="flex justify-between items-start mb-1">
<h3 class="text-lg font-medium text-gray-900">{{ item.title }}</h3> <h3 class="text-lg font-medium text-gray-900 line-clamp-2">
{{ item.title }}
</h3>
<span <span
:class="[ :class="[
'px-3 py-1 rounded-full text-sm', 'px-3 py-1 rounded-full text-sm',
...@@ -44,10 +46,12 @@ ...@@ -44,10 +46,12 @@
> >
</div> </div>
<p class="text-gray-600 mb-4 leading-relaxed">{{ item.content }}</p> <p class="text-gray-600 mb-4 leading-relaxed line-clamp-3">
{{ item.content }}
</p>
<div class="flex items-center text-sm text-gray-500"> <div class="flex items-center text-sm text-gray-500">
<span>{{ item.contentDatetime }}</span> <span>{{ item.contentDatetime }}</span>
<span class="mx-5">留言人：{{ item.name }}</span> <span class="mx-5">留言人：***</span>
</div> </div>
</div> </div>
</div> </div>
......
src/views/wm/recover/RecoverList.vue
<!-- 代码已包含 CSS：使用 TailwindCSS , 安装 TailwindCSS 后方可看到布局样式效果 --> <!-- 代码已包含 CSS：使用 TailwindCSS , 安装 TailwindCSS 后方可看到布局样式效果 -->
<template> <template>
<div class="bg-gray-50"> <div class="mx-auto w-[1440px] px-4">
<div class="mx-auto w-[1440px] px-4"> <!-- 面包屑导航 -->
<!-- 面包屑导航 --> <div class="flex items-center justify-between py-2 border-b mb-5">
<div class="flex items-center justify-between py-2 border-b mb-5"> <bread-crumb :breadcrumbItems="breadcrumbItems" />
<bread-crumb :breadcrumbItems="breadcrumbItems" /> <!-- 搜索框 -->
<!-- 搜索框 --> <div class="relative">
<div class="relative"> <input
<input type="text"
type="text" v-model="searchText"
v-model="searchText" placeholder="搜索回复"
placeholder="搜索回复" class="w-[300px] h-8 pl-4 pr-10 rounded-lg border-none bg-white shadow-sm focus:ring-2 focus:ring-blue-500 text-sm"
class="w-[300px] h-8 pl-4 pr-10 rounded-lg border-none bg-white shadow-sm focus:ring-2 focus:ring-blue-500 text-sm" @keyup.enter="handleSearch"
@keyup.enter="handleSearch" />
/> <el-icon class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400"
<el-icon ><Search
class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" /></el-icon>
><Search
/></el-icon>
</div>
</div> </div>
<!-- 回复列表 --> </div>
<div> <!-- 回复列表 -->
<div <div>
v-for="(item, index) in recoverList" <div
:key="index" v-for="(item, index) in recoverList"
class="bg-white rounded-lg p-6 mb-4 shadow-sm hover:shadow-md transition-shadow" :key="index"
@click="clickList(item.id)" class="bg-white rounded-lg p-6 mb-4 shadow-sm hover:shadow-md transition-shadow"
> @click="clickList(item.id)"
<div class="flex justify-between items-start mb-1"> >
<h3 class="text-lg font-medium text-gray-900">{{ item.title }}</h3> <div class="flex justify-between items-start mb-1">
<span <h3 class="text-lg font-medium text-gray-900 line-clamp-2">
:class="[ {{ item.title }}
'px-3 py-1 rounded-full text-sm', </h3>
item.replyStatus === '1' <span
? 'bg-green-50 text-green-600' :class="[
: 'bg-orange-50 text-orange-600', 'px-3 py-1 rounded-full text-sm',
]" item.replyStatus === '1'
>{{ item.replyStatus === "1" ? "已回复" : "未回复" }}</span ? 'bg-green-50 text-green-600'
> : 'bg-orange-50 text-orange-600',
</div> ]"
>{{ item.replyStatus === "1" ? "已回复" : "未回复" }}</span
>
</div>
<!-- <p class="text-gray-600 mb-4">{{ item.content }}</p> <!-- <p class="text-gray-600 mb-4">{{ item.content }}</p>
<div class="text-sm text-gray-400">{{ item.contentDatetime }}</div> --> <div class="text-sm text-gray-400">{{ item.contentDatetime }}</div> -->
<div class="flex items-center text-sm text-gray-500"> <div class="flex items-center text-sm text-gray-500">
<span>{{ item.contentDatetime }}</span> <span>{{ item.contentDatetime }}</span>
<span class="mx-5">留言人：{{ item.name }}</span> <span class="mx-5">留言人：***</span>
</div>
<p class="mt-2 text-gray-700">{{ item.content }}</p>
</div> </div>
<p class="mt-2 text-gray-700 line-clamp-3">{{ item.content }}</p>
</div> </div>
</div>
<!-- 分页 --> <!-- 分页 -->
<div class="flex justify-center mt-8"> <div class="flex justify-center mt-8">
<el-pagination <el-pagination
v-model:current-page="pageNo" v-model:current-page="pageNo"
v-model:page-size="pageSize" v-model:page-size="pageSize"
background background
:total="total" :total="total"
:page-sizes="[10, 20, 30, 40]" :page-sizes="[10, 20, 30, 40]"
layout="prev, pager, next" layout="prev, pager, next"
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
/> />
</div>
</div> </div>
</div> </div>
</template> </template>
......
vite.config.ts
...@@ -28,9 +28,10 @@ export default defineConfig({ ...@@ -28,9 +28,10 @@ export default defineConfig({
// 本地跨域代理 https://cn.vitejs.dev/config/server-options.html#server-proxy // 本地跨域代理 https://cn.vitejs.dev/config/server-options.html#server-proxy
proxy: { proxy: {
"/cms": { "/cms": {
// target: "http://localhost:8081", // target: "http://localhost:9002",
// target: "http://172.16.70.52:8081", // target: "http://172.16.70.52:8081",
target: "http://192.168.19.142:9002", target: "http://192.168.19.142:9002",
// target: "http://192.168.19.127:9002",
changeOrigin: true, changeOrigin: true,
// rewrite: (path) => path.replace(/^\/cms/, "/cms"), // rewrite: (path) => path.replace(/^\/cms/, "/cms"),
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment