H5-演出计划数据对接

htmldev/dashboard/src/views/place/list/index.vue

@@ -64,6 +64,7 @@
             </div>
           </div>
         </div>
+        <p class="btimap" v-if="booFetch && !item.list.length">暂无数据</p>
       </van-tab>
     </van-tabs>
     <!--选择-->
@@ -177,7 +178,8 @@
           <p class="count">
             <span>预付：</span>
             <span
-              v-if="objCurrentPlaceInfo.place_pre_type === 1">￥{{ objCurrentPlaceInfo.place_price * order_user_num | fen2Yuan
+              v-if="objCurrentPlaceInfo.place_pre_type === 1">￥{{
+                objCurrentPlaceInfo.place_price * order_user_num | fen2Yuan
               }}</span>
             <span v-else>￥{{ objCurrentPlaceInfo.place_price | fen2Yuan }}</span>
           </p>
@@ -225,7 +227,8 @@ export default {
       order_user_name: '', // 订单联系人姓名
       order_user_sex: '先生', // 订单联系人性别
       order_pay_type: 2, // 支付方式(1微信2支付宝)
-      booLock: false
+      booLock: false,
+      booFetch: false
     }
   },
   computed: {
@@ -282,7 +285,10 @@ export default {
         } else {
           Toast(msg)
         }
-      } catch (err) {}
+        this.booFetch = true
+      } catch (err) {
+        this.booFetch = true
+      }
     },
     handleShowPopup (place, week) {
       if (!(this.phone && this.token)) {

htmldev/dashboard/src/views/place/list/style/index.scss

@@ -584,3 +584,13 @@
     text-align: center;
   }
 }
+
+.btimap {
+  margin-top: 100px;
+  text-align: center;
+  font-size: 16px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #736F6F;
+  line-height: 22px;
+}

htmldev/dashboard/src/views/show/plan/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="af-place-list-container">
+  <div class="af-plan-list-container">
     <!--头部-->
     <div class="header">
       <div class="store-name">
@@ -25,10 +25,23 @@
           <p class="week">{{ item.week }}</p>
           <p class="date">{{ item.time }}</p>
         </template>
-        <div class="place-list"
-             v-for="(place, idx) in item.list"
+        <div class="plan-list"
+             v-for="(plan, idx) in item.list"
              :key="idx">
+          <div class="left">
+            <div class="avatar">
+              <img :src="plan.plan_head_url" alt="">
+            </div>
+            <p class="name">
+              <span>{{ plan.plan_author_name }}</span>
+              <span>{{ plan.plan_desc }}</span>
+            </p>
+          </div>
+          <div class="right">
+            <p>{{ plan.plan_start_time }}-{{ plan.plan_end_time }}</p>
+          </div>
         </div>
+        <p class="btimap" v-if="booFetch && !item.list.length">暂无数据</p>
       </van-tab>
     </van-tabs>
   </div>
@@ -52,7 +65,8 @@ export default {
       showPlanList: [],
       active: 0,
       listData: [],
-      bar_id: ''
+      bar_id: '',
+      booFetch: false
     }
   },
   computed: {
@@ -102,7 +116,10 @@ export default {
         } else {
           Toast(msg)
         }
-      } catch (err) {}
+        this.booFetch = true
+      } catch (err) {
+        this.booFetch = true
+      }
     }
   }
 }

htmldev/dashboard/src/views/show/plan/style/index.scss

@@ -1,5 +1,5 @@
 @charset "utf-8";
-.af-place-list-container {
+.af-plan-list-container {
   position: relative;
   left: 0;
   top: 0;
@@ -134,114 +134,72 @@
   }
 }
 
-.place-list {
-  position: relative;
-  left: 0;
-  top: 0;
+.plan-list {
   display: flex;
   justify-content: space-between;
-  align-items: center;
-  padding: 22px 20px;
-  border-bottom: 1px solid #EBEBEB;
+  width: 335px;
+  padding: 16px 0;
+  margin: 0 auto;
 
   .left {
-    width: 60%;
+    display: flex;
+    align-items: center;
   }
 
-  .right {
-    width: 40%;
-    text-align: right;
-  }
+  .avatar {
+    width: 54px;
+    height: 54px;
+    margin-right: 10px;
+    border-radius: 50%;
+    overflow: hidden;
 
-  .sell-out {
-    width: 40%;
-    text-align: right;
+    img {
+      display: block;
+      width: 100%;
+    }
   }
 
   .name {
-    font-size: 18px;
-    font-family: PingFangSC-Semibold, PingFang SC;
-    font-weight: 700;
-    color: #1F1E1E;
-    line-height: 25px;
-  }
-
-  .des {
-    max-width: 100%;
-    margin-top: 6px;
-    font-size: 12px;
-    color: #736F6F;
-    line-height: 17px;
-    word-break: break-all;
-  }
-
-  .price {
     display: flex;
-    justify-content: flex-end;
-    align-items: flex-end;
-    color: #D32323;
+    flex-direction: column;
 
     span {
+      word-break: break-all;
+
       &:nth-of-type(1) {
-        font-size: 24px;
-        font-weight: bold;
-        line-height: 28px;
+        font-size: 16px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #1F1E1E;
+        line-height: 22px;
       }
 
       &:nth-of-type(2) {
-        font-size: 16px;
-        font-weight: bold;
-        line-height: 26px;
+        margin-top: 4px;
+        font-size: 12px;
+        color: #736F6F;
+        line-height: 17px;
       }
     }
-
-    &.disabled {
-      color: #CCC6C6;
-    }
-  }
-
-  .btn-wrap {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    margin-top: 3px;
   }
 
-  .btn {
-    font-size: 12px;
-    color: #1F1E1E;
-    line-height: 17px;
-    margin-right: 4px;
-  }
-
-  .sell-out {
-    position: absolute;
-    top: 8px;
-    right: 20px;
-    z-index: 1;
-
-    img {
-      width: 80px;
-      height: 74px;
-    }
-
-    div {
-      position: absolute;
-      right: 0;
-      top: 13px;
-      z-index: 1;
-
-      p {
-        white-space: nowrap;
-      }
-    }
+  .right {
+    padding-top: 9px;
 
-    .sell-des {
-      margin-top: 3px;
+    p {
       font-size: 12px;
-      color: #D32323;
+      color: #736F6F;
       line-height: 17px;
-      text-align: right;
     }
   }
 }
+
+.btimap {
+  margin-top: 100px;
+  text-align: center;
+  font-size: 16px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #736F6F;
+  line-height: 22px;
+}