From 21e3d49f48f89d614c7102a31368d24c31bf0877 Mon Sep 17 00:00:00 2001
From: Yuan <yuanliye@joylink.club>
Date: Fri, 23 Sep 2022 16:11:59 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=A6=E8=BE=86=E5=92=8C=E7=AB=99=E5=8F=B0PI?=
 =?UTF-8?q?S=E5=A2=9E=E5=8A=A0=E8=83=8C=E6=99=AF=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/pis/index.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/views/pis/index.vue b/src/views/pis/index.vue
index e43038c4e..42cb3677a 100644
--- a/src/views/pis/index.vue
+++ b/src/views/pis/index.vue
@@ -42,7 +42,7 @@
         </div>
       </div>
       <div class="media">
-        <div class="mediacontent"></div>
+        <div class="mediacontent" :style="{ backgroundImage: `url(${imgUrl})` }"></div>
         <div class="banner">
           <div class="text">{{ standPisState.text }}</div>
           <div class="text">{{ standPisState.text }}</div>
@@ -90,7 +90,7 @@
               }}{{ onboardPisState.endStationNameEn ? ' / TO: ' + currentTrain.endStationNameEn : '' }}
             </div>
           </div>
-          <div class="media"></div>
+          <div class="media" :style="{ backgroundImage: `url(${imgUrl})` }"></div>
         </div>
       </div>
       <div class="banner">
@@ -130,19 +130,22 @@ export default {
         firstEndStationName: '',
         secondTrainRemain: NaN,
         secondEndStationName: '',
-        text: ''
+        text: '',
       },
       onboardPisState: {
         groupNumber: '',
         stationName: '',
         endStationName: '',
         parking: 0,
-        text: '党的十八大提出，倡导富强、民主、文明、和谐，倡导自由、平等、公正、法治，倡导爱国、敬业、诚信、友善，积极培育和践行社会主义核心价值观。富强、民主、文明、和谐是国家层面的价值目标，自由、平等、公正、法治是社会层面的价值取向，爱国、敬业、诚信、友善是公民个人层面的价值准则，这24个字是社会主义核心价值观的基本内容。'
+        text:
+          '党的十八大提出，倡导富强、民主、文明、和谐，倡导自由、平等、公正、法治，倡导爱国、敬业、诚信、友善，积极培育和践行社会主义核心价值观。富强、民主、文明、和谐是国家层面的价值目标，自由、平等、公正、法治是社会层面的价值取向，爱国、敬业、诚信、友善是公民个人层面的价值准则，这24个字是社会主义核心价值观的基本内容。',
       },
+      imgUrl: `${this.$store.state.user.resourcesUrl}/PICTURE/2022-08-01/standPis.webp`,
     }
   },
   mounted() {
     this.initPage(this.$route.query)
+    console.log(`${this.$store.state.user.resourcesUrl}/PICTURE/2022-08-01/standPis.webp`)
   },
   beforeDestroy() {
     this.clearPage()
@@ -250,6 +253,8 @@ export default {
       width: 100%;
       height: calc(85% - 10px);
       background: linear-gradient(#cff055, #009eb5);
+      background-position: center;
+      background-size: cover;
     }
     .banner {
       width: 100%;
@@ -356,6 +361,8 @@ export default {
       .media {
         height: 85%;
         background: linear-gradient(#7b7cc2, #cff055);
+        background-position: center;
+        background-size: cover;
       }
     }
   }