'gengxin'

src/views/message/components/messageContent.vue

@@ -68,7 +68,9 @@
             </div>
           </el-dialog>
           <template #footer>
+            <div style="text-align: center;">
               <p>发送此站内信函即表示您已阅读并接受<el-link href="" target="_blank" type="primary">《用户协议》</el-link>，请遵守该协议</p>
+            </div>
           </template>
         </el-card>
       </el-main>

src/views/message/components/receiveContentList.vue

@@ -22,7 +22,7 @@
 <!--            <div class="content">-->
 <!--              内容：{{ Message.content }}-->
               <el-form-item label="文章内容">
-                <textarea style="width: 100%;height:50vh" v-model="Message.content"></textarea>
+                <textarea style="width: 100%;height:55vh;border: 2px solid #d3d3d3;" v-model="Message.content"></textarea>
                 <!-- <el-input class="brief_text" type="textarea" /> -->
               </el-form-item>
 <!--            </div>-->
@@ -62,7 +62,7 @@ const Message = ref(route.query)
 .container {
   padding: 10px; /* 容器内边距 */
   margin-top: 10px; /* 容器上边距 */
-  height: 65vh;
+  height: 70vh;
 }
 .header_content {
   margin-bottom: 10px; /* 与下面的收件人信息保持一定间距 */

src/views/message/components/sendMessage.vue

@@ -229,6 +229,6 @@ li{
   cursor: pointer; /* 鼠标悬停时显示手指形状，表示可点击 */
 }
 .message-list-item:hover{
-  background-image: linear-gradient(60deg,powderblue,darkgrey,snow);
+  background-image: linear-gradient(60deg,snow,darkgrey,snow);
 }
 </style>

src/views/message/components/sendMessageList.vue

@@ -23,7 +23,7 @@
 <!--              内容：{{ sendMessage.content }}-->
 <!--            </div>-->
             <el-form-item label="文章内容">
-              <textarea style="width: 100%;height:50vh" v-model="sendMessage.content"></textarea>
+              <textarea style="width: 100%;height:55vh;border: 2px solid #d3d3d3;" v-model="sendMessage.content"></textarea>
             </el-form-item>
           </div>
           <!--          <template #footer>Footer content</template>-->
@@ -86,7 +86,7 @@ const sendMessage = ref(item || {})
 .container {
   padding: 10px; /* 容器内边距 */
   margin-top: 10px; /* 容器上边距 */
-  height: 65vh;
+  height: 70vh;
 }
 .header_content {
   margin-bottom: 10px; /* 与下面的收件人信息保持一定间距 */

src/views/message/index.vue

@@ -31,15 +31,15 @@
             <h2 class="message-title">{{item.title}}</h2>
             <div class="message-details">
               <span class="sender">发件人：{{item.senderName}}</span>
-              <span class="read-status" style="margin-right: 40px">是否已读：{{ item.isRead ? '已读' : '未读' }}</span>
+              <span class="read-status" style="margin-right: 40px">状态：{{ item.isRead ? '已读' : '未读' }}</span>
               <span class="read-status">已读人数：{{item.readUserNum}} / {{item.userNum}}</span>
             </div>
             <div class="message-time">发送时间：{{item.sendTime}}</div>
           </div>
           <!-- 删除按钮，默认不显示，hover时显示 -->
-          <div v-if="!item.isRead" style="margin-right: 10px">
+<!--          <div v-if="!item.isRead" style="margin-right: 10px">-->
-            <el-button v-if="hoveringOver === item.id"  @click="readMessage(item.id)" type="warning" round>点击已读</el-button>
+<!--            <el-button v-if="hoveringOver === item.id"  @click="readMessage(item.id)" type="warning" round>点击已读</el-button> -->
-          </div>
+<!--          </div>-->
           <el-button v-if="hoveringOver === item.id"  @click="deleteMessage(item.id)" type="danger" round>删除</el-button>
         </div>
         <el-divider/>
@@ -121,13 +121,14 @@ function isSelected(id) {
   return selectedIds.value.includes(id);
 }
 
-// 获取课程列表
+// 获取收到消息列表
 const getMessageList = async () => {
   loading.value = true
   const res = await getMessagesListApi(params.value)
   Message.value = res.data.list
   total.value = res.data.total
   loading.value = false
+  // console.log(Message.value,'消息列表')
 }
 // 渲染
 onMounted(() => {
@@ -294,6 +295,6 @@ li{
 }
 
 .message-list-item:hover{
-  background-image: linear-gradient(60deg,powderblue,darkgrey,snow);
+  background-image: linear-gradient(60deg,snow,darkgrey,snow);
 }
 </style>

src/views/news/components/newsContentManage.vue

@@ -52,14 +52,18 @@
           </template>
           <!--  栏目内添加新闻-->
           <el-form v-model="newsForm">
-            <el-form-item label="所属栏目id" label-width="140px">
+            <el-form-item label="所属栏目id" label-width="120px">
               <el-input v-model="newsForm.categoryId" autocomplete="off" readonly/>
             </el-form-item>
-            <el-form-item label="所属栏目名称" label-width="140px">
+            <el-form-item label="所属栏目名称" label-width="120px">
               <el-input v-model="newsForm.categoryName" autocomplete="off" readonly/>
             </el-form-item>
-            <el-form-item label="文章内容" label-width="140px">
+            <el-form-item label="文章内容" label-width="120px">
-              <textarea style="width: 100%;height:320px" v-model="newsForm.content"></textarea>
+              <textarea style="width: 100%;
+                               height:320px;
+                               border: 2px solid #d3d3d3;"
+                        v-model="newsForm.content"
+              ></textarea>
               <!-- <el-input class="brief_text" type="textarea" /> -->
             </el-form-item>
             <!--      <el-form-item label="文章id" label-width="140px">-->
@@ -71,19 +75,19 @@
             <!--      <el-form-item label="发布时间" label-width="140px">-->
             <!--        <el-input v-model="newsForm.publishTime" autocomplete="off"  type="date"/>-->
             <!--      </el-form-item>-->
-            <el-form-item label="浏览次数" label-width="140px">
+            <el-form-item label="浏览次数" label-width="120px">
               <el-input v-model="newsForm.readingNumber" autocomplete="off" />
             </el-form-item>
-            <el-form-item label="发布状态" label-width="140px">
+            <el-form-item label="发布状态" label-width="120px">
               <el-input v-model="newsForm.status" placeholder="1:已发布 2:未发布" autocomplete="off" />
             </el-form-item>
-            <el-form-item label="文章标题" label-width="140px">
+            <el-form-item label="文章标题" label-width="120px">
               <el-input v-model="newsForm.title" autocomplete="off" />
             </el-form-item>
             <!--      <el-form-item label="更新时间" label-width="140px">-->
             <!--        <el-input v-model="newsForm.updateTime" autocomplete="off"  type="date"/>-->
             <!--      </el-form-item>-->
-            <el-form-item label="发布文章的用户id" label-width="140px">
+            <el-form-item label="当前用户id" label-width="120px">
               <el-input v-model="newsForm.userId" autocomplete="off" readonly disabled/>
             </el-form-item>
           </el-form>
@@ -207,10 +211,10 @@
     <span>关于我们</span>
     <el-divider/>
     <el-form-item label="发布时间" label-width="100px">
-      <el-input v-model="aboutEssay.updateTime" autocomplete="off" readonly  disabled/>
+      <el-input v-model="aboutEssay.updateTime" autocomplete="off" readonly/>
     </el-form-item>
     <el-form-item label="文章内容" label-width="100px">
-      <textarea v-model="aboutEssay.content" style="width: 100%;height: 75vh"></textarea>
+      <textarea v-model="aboutEssay.content" style="width: 100%;height: 75vh;border: 2px solid #d3d3d3;"></textarea>
       <!-- <el-input class="brief_text" type="textarea" /> -->
     </el-form-item>
     <el-button @click="editConfirm" style="margin-left:45vh" type="primary" round>提交修改</el-button>
@@ -474,13 +478,6 @@ const editConfirm =async ()=>{
   text-align: center; /* 居中按钮 */
   width: 100%;
 }
-.contentTitle{
-  color: firebrick;
-  font-size: 30px;
-  text-align: center;
-  display: block;
-  width: 100%; /* 或者设置一个具体的宽度 */
-}
 .flex-container {
   display: flex;
   justify-content: space-between; /* 将内容平均分布，按钮自动靠右 */
@@ -497,15 +494,6 @@ const editConfirm =async ()=>{
   position:absolute;
   margin-left: 180px;
 }
-.news-flex-container {
-  display: flex; /* 使用 Flexbox 布局 */
-  justify-content: space-between; /* 平均分配空间 */
-  align-items: center; /* 垂直居中对齐 */
-}
-.news-flex-container p {
-  flex: 1; /* 平均分配剩余空间 */
-  text-align: center; /* 文本居中显示 */
-}
 .flex-container p {
   flex-grow: 1; /* 扩展剩余空间 */
   margin-right: 10px; /* 添加一些右侧间距以避免按钮与文本直接接触 */
@@ -516,16 +504,6 @@ const editConfirm =async ()=>{
 .flex-container p:last-child {
   margin-right: 0;
 }
-.scrollbarContent{
-  height:60vh;
-  border: 1px;
-  background: white;
-  border-radius: 1%;
-  font-size: 20px;
-  padding: 10px;
-  overflow-y: auto;
-  line-height: 2.0;
-}
 .card-header {
   display: flex; /* 使用 Flexbox */
   justify-content: space-between; /* 主轴上平均分配剩余空间 */

src/views/news/index.vue

@@ -50,7 +50,7 @@
           <div style="text-align: center">
             <el-scrollbar class="scrollbarContent">
 <!--              <span>{{ nowTimeNewsData.content }}</span>-->
-              <textarea v-model="nowTimeNewsData.content" style="width: 100%;height: 65vh;border: none;"></textarea>
+              <textarea v-model="nowTimeNewsData.content" style="width: 100%;height: 65vh;border: none;" readonly></textarea>
             </el-scrollbar>
         </div>
       </el-main>