篮球比分页面，调整为主场在右客场在左

quasar.config.js

@@ -132,14 +132,14 @@ module.exports = configure(function ( ctx ) {
         // 将所有以/api开头的请求代理到jsonplaceholder
         "/api": {
           // target: 'http://buyer.jingcai.quickfly.eu.org:3000/',
-          target: 'https://test.buyer.daxiangzj.com/',
+          target: 'https://m168.yunduoxd.com/',
           changeOrigin: true,
           secure: false
           // pathRewrite: false
         },
         "/uploads":{
           // target: 'http://jingcai.quickfly.eu.org:3000/',
-          target: 'https://test.buyer.daxiangzj.com/',
+          target: 'https://m168.yunduoxd.com/',
           changeOrigin: true,
           secure: false
         }

src/components/ScoreItem.vue

@@ -13,10 +13,14 @@
     </div>
     <div class="row items-center">
       <div class="col">
-        <div class="row items-center">
+        <div v-if="props.matchType == 'jczq'" class="row items-center">
           <user-avatar size="md" class="q-mr-sm bg-white team-logo" square ratio="10/13" fit="contain" :src="props.item.match.home_team_logo_url"></user-avatar>
           {{ props.item.match.home_team_name }}
         </div>
+        <div v-else class="row items-center">
+          <user-avatar size="md" class="q-mr-sm bg-white team-logo" square ratio="10/13" fit="contain" :src="props.item.match.away_team_logo_url"></user-avatar>
+          {{ props.item.match.away_team_name }}
+        </div>
       </div>
       <div class="col-auto text-red text-center">
         <template v-if="props.item.score">
@@ -27,16 +31,20 @@
               {{ props.item.score.half_time_score }}</div>
           </template>
           <template v-else>
-            <div class="text-h6">{{ props.item.score.home_score }}:{{ props.item.score.away_score }}</div>
+            <div class="text-h6">{{ props.item.score.away_score }}:{{ props.item.score.home_score }}</div>
           </template>
         </template>
         <div class="text-h6" v-else>VS</div>
       </div>
       <div class="col">
-        <div class="row items-center justify-end">
+        <div v-if="props.matchType == 'jczq'" class="row items-center justify-end">
           {{ props.item.match.away_team_name }}
           <user-avatar size="md" class="q-ml-sm bg-white team-logo" square ratio="10/13" fit="contain" :src="props.item.match.away_team_logo_url"></user-avatar>
         </div>
+        <div v-else class="row items-center justify-end">
+          {{ props.item.match.home_team_name }}
+          <user-avatar size="md" class="q-ml-sm bg-white team-logo" square ratio="10/13" fit="contain" :src="props.item.match.home_team_logo_url"></user-avatar>
+        </div>
       </div>
     </div>
     <div v-if="props.matchType == 'jczq'" class="row justify-between items-center">
@@ -49,7 +57,7 @@
     </div>
     <div v-if="props.matchType == 'lq' && props.item.score" class="text-caption q-mt-xs text-center text-red">
       <span v-for="i in 4" :key="i" class="q-mx-xs">
-        {{ props.item.score['q'+i+'home_score'] }}:{{ props.item.score['q'+i+'away_score'] }}
+        {{ props.item.score['q'+i+'away_score'] }}:{{ props.item.score['q'+i+'home_score'] }}
       </span>
     </div>
   </div>

src/pages/score/DetailPage.vue

@@ -1,8 +1,14 @@
 <template>
   <page-layout class="score-detail-page" header-class="score-header">
     <template #header-title v-if="info.match_info"
-      >{{ info.match_info.home_team_name }} vs
+      >
-      {{ info.match_info.away_team_name }}</template
+      <span v-if="route.params.type=='lq'">
+        {{ info.match_info.away_team_name }} vs {{ info.match_info.home_team_name }}
+      </span>
+      <span v-else>
+        {{ info.match_info.home_team_name }} vs {{ info.match_info.away_team_name }}
+      </span>
+      </template
     >
     <template #header-right>
       <q-btn flat dense icon="share" to="/shop/share" />

src/pages/score/LqDetailPage.vue

@@ -1,8 +1,8 @@
 <template>
   <page-layout class="score-detail-page" header-class="score-header">
     <template #header-title v-if="info.match_info"
-      >{{ info.match_info.home_team_name }} vs
+      >{{ info.match_info.away_team_name }} vs
-      {{ info.match_info.away_team_name }}</template
+      {{ info.match_info.home_team_name }}</template
     >
     <template #header-right>
       <q-btn flat dense icon="share" to="/shop/share" />
@@ -10,8 +10,8 @@
     <template #header-append >
       <div v-if="info.match_info" class="row q-py-lg items-center">
         <div class="col text-center q-pt-sm">
-          <img :src="info.match_info.home_team_logo_url" width="56" height="68" />
+          <img :src="info.match_info.away_team_logo_url" width="56" height="68" />
-          <div>{{ info.match_info.home_team_name }}</div>
+          <div>{{ info.match_info.away_team_name }}</div>
         </div>
         <div class="text-center">
           <div class="text-caption">
@@ -25,19 +25,19 @@
             <div
               class="inline-block bg-grey-4 text-grey-10 q-pa-xs rounded-borders-xs glossy2"
             >
-              {{ info.match_info.home_score || "VS" }}
+              {{ info.match_info.away_score || "VS" }}
             </div>
             :
             <div
               class="inline-block bg-grey-4 text-grey-10 q-pa-xs rounded-borders-xs glossy2"
             >
-              {{ info.match_info.away_score || "VS" }}
+              {{ info.match_info.home_score || "VS" }}
             </div>
           </div>
         </div>
         <div class="col text-center q-pt-sm">
-          <img :src="info.match_info.away_team_logo_url" width="56" height="68" />
+          <img :src="info.match_info.home_team_logo_url" width="56" height="68" />
-          <div>{{ info.match_info.away_team_name }}</div>
+          <div>{{ info.match_info.home_team_name }}</div>
         </div>
       </div>
       <q-tabs

src/pages/score/components/MatchAnalysis.vue

@@ -27,7 +27,7 @@
             <td>{{ item.start_time_str }}
               <br />{{ item.competition_name }}
             </td>
-            <td>{{ item.home_team_name }} {{ item.home_score }} - {{ item.away_score }} {{ item.away_team_name }}</td>
+            <td>{{ item.away_team_name }} {{ item.away_score }} - {{ item.home_score }} {{ item.home_team_name }}</td>
             <!-- <td></td> -->
             <!-- <td></td> -->
           </tr>

src/pages/score/components/MatchInfo.vue

@@ -1,8 +1,14 @@
 <template>
   <div class="row q-py-lg items-center">
     <div class="col text-center q-pt-sm">
-      <img :src="info.match_info.home_team_logo_url" width="50" style="max-height:65px;" />
+      <template v-if="props.type=='lq'">
-      <div>{{ info.match_info.home_team_name }}</div>
+        <img :src="info.match_info.away_team_logo_url" width="50" style="max-height:65px;" />
+        <div>{{ info.match_info.away_team_name }}</div>
+      </template>
+      <template v-else>
+        <img :src="info.match_info.home_team_logo_url" width="50" style="max-height:65px;" />
+        <div>{{ info.match_info.home_team_name }}</div>
+      </template>
     </div>
     <div class="text-center">
       <div class="text-caption">
@@ -14,17 +20,23 @@
       </div>
       <div class="q-mt-sm">
         <div class="inline-block bg-grey-4 text-grey-10 q-pa-xs rounded-borders-xs glossy2" style="width:2em;">
-          {{ score[0] || "VS" }}
+          {{ (props.type=='lq'?score[1]:score[0]) || "VS" }}
         </div>
         :
         <div class="inline-block bg-grey-4 text-grey-10 q-pa-xs rounded-borders-xs glossy2" style="width:2em;">
-          {{ score[1] || "VS" }}
+          {{ (props.type=='lq'?score[0]:score[1]) || "VS" }}
         </div>
       </div>
     </div>
     <div class="col text-center q-pt-sm">
-      <img :src="info.match_info.away_team_logo_url" width="50" style="max-height:65px;" />
+      <template v-if="props.type=='lq'">
-      <div>{{ info.match_info.away_team_name }}</div>
+        <img :src="info.match_info.home_team_logo_url" width="50" style="max-height:65px;" />
+        <div>{{ info.match_info.home_team_name }}</div>
+      </template>
+      <template v-else>
+        <img :src="info.match_info.away_team_logo_url" width="50" style="max-height:65px;" />
+        <div>{{ info.match_info.away_team_name }}</div>
+      </template>
     </div>
   </div>
 </template>

src/pages/win/NoticesPage.vue

@@ -132,8 +132,8 @@
           <template v-else-if="tab2 == 'jclq'">
             <div class="bg-white q-pa-md">
               <div class="row q-mb-sm">{{ item.match.competition_name }} {{ item.play_num }}
-                <div class="col text-right text-weight-bold">{{ item.match.home_team_name }} <span
+                <div class="col text-right text-weight-bold">{{ item.match.away_team_name }} <span
-                    class="text-red">{{ item.home_score }}:{{ item.away_score }}</span> {{ item.match.away_team_name }}</div>
+                    class="text-red">{{ item.away_score }}:{{ item.home_score }}</span> {{ item.match.home_team_name }}</div>
               </div>
               <q-markup-table flat separator="cell" dense class="q-mb-md text-center border-white">
                 <thead class="bg-grey-4 text-black text-weight-medium">