refactor(promotion): 促销移动端_优化打卡列表样式和地址添加地区

src/mobile_views/promotion/detail/index.vue

@@ -47,13 +47,13 @@
             label-class="image-cell">
             <template #title>
               <p>{{ item.temporaryName }}</p>
-              <p>{{ item.province + item.city }}</p>
+              <p class="gray_title">参考地址：{{ item.province + item.city + item.addr }}</p>
             </template>
             <template #label>
               <div class="item"
                 v-for="o in item.photoList">
                 <template v-if="o.list">
-                  <p>{{ o.title }}</p>
+                  <p class="black_title">{{ o.title }}：</p>
                   <div class="image-wrap">
                     <div class="small-item"
                       v-for="obj, index in o.list">
@@ -173,11 +173,11 @@ const getPlanDetail = async () => {
     //     allPhotoList.value.push(...o.list)
     //   }
     // })
-    console.log('photoDialogList', photoDialogList)
     return {
       id: o.reported.id, // 用的是促销上报的id，不是打卡的 id 
       province: o.reported.province, // 省份
       city: o.reported.city, // 城市
+      addr: o.clock.clockInAddress, // 地址
       temporaryName: o.reported.temporaryName, // 临时名称
       photoList: photoDialogList, // 照片列表
     }
@@ -245,6 +245,12 @@ p {
     ::v-deep(.van-cell:nth-child(n+2)){
       margin-top: 20px;
     }
+
+    ::v-deep(.van-cell) {
+      .item{
+        margin-top: 20px;
+      }
+    }
   }
 
   ::v-deep(.van-cell__title) {
@@ -298,4 +304,12 @@ p {
   }
 }
 
+
+.gray_title{
+  color: gray;
+}
+
+.black_title{
+  color: black;
+}
 </style>
\ No newline at end of file