消息列表

src/utils/request.js

@@ -6,7 +6,7 @@ import { VueAxios } from "./axios";
 // 创建 axios 实例
 const service = axios.create({
   // baseURL: 'http://121.43.55.7:8888',
-  timeout: 40000, // 请求超时时间,
+  timeout: 120000, // 请求超时时间,
   headers: {
     "Content-Type": "application/form-data",
   },
@@ -14,7 +14,7 @@ const service = axios.create({
 
 const fileService = axios.create({
   baseURL: "",
-  timeout: 40000, // 请求超时时间,
+  timeout: 120000, // 请求超时时间,
   headers: {
     "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
   },

src/views/ComprehensiveAnalysis.vue

@@ -2592,7 +2592,7 @@ export default {
     color: #fff;
     border-radius: 3px;
     position: absolute;
-    left: 30px;
+    left: 160px;
     top: 15px;
     pointer-events: auto;
     cursor: pointer;

src/views/MessageList.vue

@@ -16,7 +16,7 @@
             <div class="top">
               <div class="top-red-dot" v-if="item.isShow"></div>
               <div class="top-system-info">{{ item.title }}</div>
-              <div class="top-date">今天 {{ item.time }}</div>
+              <div class="top-date">{{ item.time }}</div>
             </div>
             <div class="bottom">
               <div class="bottom-content">{{ item.brief }}</div>
@@ -29,8 +29,18 @@
               <div></div>
               <div>您有新的消息</div>
             </div>
-            <div class="date">今天 {{ currentDate }}</div>
-            <div class="text">{{ currentContent }}</div>
+            <div class="date">{{ currentDate }}</div>
+            <div class="content">
+              <div class="content-text">{{ currentContent }}</div>
+              <div class="content-img">
+                <img
+                  :src="currentPicture"
+                  width="500"
+                  height="300"
+                  padding="10px"
+                />
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -43,98 +53,125 @@ export default {
   name: "MessageList",
   data() {
     return {
-      messageData: [
-        {
-          id: publicFun.buildGuid("message"),
-          title: "系统消息",
-          isShow: true,
-          brief:
-            "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这新消息这里是新消息这里是新消息这里是新消息这里是新消息",
-          time: "12:16",
-          details:
-            "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
-        },
-        {
-          id: publicFun.buildGuid("message"),
-          title: "系统消息",
-          isShow: true,
-          brief:
-            "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
-          time: "13:16",
-          details:
-            "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
-        },
-        {
-          id: publicFun.buildGuid("message"),
-          title: "系统消息",
-          isShow: true,
-          brief:
-            "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
-          time: "14:20",
-          details:
-            "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
-        },
-        {
-          id: publicFun.buildGuid("message"),
-          title: "系统消息",
-          isShow: false,
-          brief:
-            "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
-          time: "12:16",
-          details:
-            "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
-        },
-        {
-          id: publicFun.buildGuid("message"),
-          title: "系统消息",
-          isShow: false,
-          brief:
-            "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
-          time: "12:16",
-          details:
-            "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
-        },
-        {
-          id: publicFun.buildGuid("message"),
-          title: "系统消息",
-          isShow: false,
-          brief:
-            "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
-          time: "12:16",
-          details:
-            "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
-        },
-        {
-          id: publicFun.buildGuid("message"),
-          title: "系统消息",
-          isShow: false,
-          brief:
-            "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
-          time: "12:16",
-          details:
-            "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
-        },
-      ],
+      messageData: [],
+      // messageData: [
+      //   {
+      //     id: publicFun.buildGuid("message"),
+      //     title: "系统消息",
+      //     isShow: true,
+      //     brief:
+      //       "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这新消息这里是新消息这里是新消息这里是新消息这里是新消息",
+      //     time: "12:16",
+      //     details:
+      //       "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
+      //   },
+      //   {
+      //     id: publicFun.buildGuid("message"),
+      //     title: "系统消息",
+      //     isShow: true,
+      //     brief:
+      //       "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
+      //     time: "13:16",
+      //     details:
+      //       "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
+      //   },
+      //   {
+      //     id: publicFun.buildGuid("message"),
+      //     title: "系统消息",
+      //     isShow: true,
+      //     brief:
+      //       "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
+      //     time: "14:20",
+      //     details:
+      //       "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
+      //   },
+      //   {
+      //     id: publicFun.buildGuid("message"),
+      //     title: "系统消息",
+      //     isShow: false,
+      //     brief:
+      //       "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
+      //     time: "12:16",
+      //     details:
+      //       "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
+      //   },
+      //   {
+      //     id: publicFun.buildGuid("message"),
+      //     title: "系统消息",
+      //     isShow: false,
+      //     brief:
+      //       "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
+      //     time: "12:16",
+      //     details:
+      //       "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
+      //   },
+      //   {
+      //     id: publicFun.buildGuid("message"),
+      //     title: "系统消息",
+      //     isShow: false,
+      //     brief:
+      //       "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
+      //     time: "12:16",
+      //     details:
+      //       "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
+      //   },
+      //   {
+      //     id: publicFun.buildGuid("message"),
+      //     title: "系统消息",
+      //     isShow: false,
+      //     brief:
+      //       "这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息这里是新消息",
+      //     time: "12:16",
+      //     details:
+      //       "这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容这里是具体的新消息内容",
+      //   },
+      // ],
       currentDate: "",
       currentContent: "",
+      currentPicture: "",
       btnChecked: "",
+      baseUrl: "/dms",
     };
   },
   created() {
     // this.$store.state.messageLength = this.messageData.length;
   },
   mounted() {
-    if (this.messageData.length > 0) {
-      this.btnChecked = this.messageData[0].id;
-      this.currentDate = this.messageData[0].time;
-      this.currentContent = this.messageData[0].details;
-    }
+    this.getMessageData();
   },
   methods: {
+    getMessageData() {
+      let params = new FormData();
+      params.append("columnId", 1558);
+      params.append("states", "0,1,2,3");
+      params.append("pageSize", 30);
+      params.append("page", 0);
+      this.$Post(this.urlsCollection.selectContentList, params).then((res) => {
+        if (res.code === 200 && res.content.data.length > 0) {
+          this.messageData = res.content.data.map((v) => {
+            return {
+              id: v.id,
+              title: v.title,
+              isShow: v.c_status ? v.c_status == "1" : v.c_status == "0",
+              brief: v.c_brief,
+              details: v.c_details,
+              picture: v.c_picture,
+              time: this.$dayjs(v.c_time).format("YYYY-MM-DD HH:mm:ss"),
+            };
+          });
+
+          this.btnChecked = this.messageData[0].id;
+          this.currentDate = this.messageData[0].time;
+          this.currentContent = this.messageData[0].details;
+          this.currentPicture = this.baseUrl + this.messageData[0].picture;
+        }
+      });
+    },
     showDetails(data) {
       this.btnChecked = data.id;
       this.currentDate = data.time;
       this.currentContent = data.details;
+      this.currentPicture = this.baseUrl + data.picture;
     },
   },
 };
@@ -211,10 +248,10 @@ export default {
               align-items: center;
             }
             &-date {
-              width: 20%;
+              width: 40%;
               height: 100%;
               position: absolute;
-              right: 10px;
+              right: 0;
               display: flex;
               align-items: center;
               color: rgba(249, 248, 248, 0.3);
@@ -274,12 +311,24 @@ export default {
             margin: 0 auto;
             color: rgba(249, 248, 248, 0.3);
           }
-          .text {
+          .content {
             width: 97%;
             height: calc(100% - 90px);
             margin: 0 auto;
             color: #e6e6e6;
-            text-indent: 2em;
+            overflow: auto;
+            &-text {
+              width: 100%;
+              height: auto;
+              text-indent: 2em;
+            }
+            &-img {
+              width: 100%;
+              height: 400px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
           }
         }
       }