首页样式修改

src/components/sale/sale.vue

@@ -55,16 +55,18 @@
                       <span>出团时间</span>
                       <span>未收金额</span>
                     </div>
-                    <div class="table_c" >
-                      <div class="table_cont" v-for="item in data.orderInfo" v-if="data.orderInfo.length>0">
+                    <div class="table_c">
+                      <div class="table_cont" v-for="item in data.orderInfo">
                         <span style="font-size: 12px;color:#333333;">{{item.orderId}}</span>
                         <span style="font-size: 12px;color:#333333;">{{item.tcnum}}</span>
                         <span style="font-size: 12px;color:#999999;">{{item.startDate}}</span>
                         <span style="font-size: 12px;color:#F36C5E;">￥{{item.dueInMoney}}</span>
                       </div>
-                      <span v-else>暂无数据</span>
+                      <div style="width: 100%;margin-top: 20px;text-align: center" v-show="data.orderInfo ==null || data.orderInfo.length == 0">暂无数据</div>
+
                     </div>
 
+
                   </div>
                 </div>
               </el-col>
@@ -161,7 +163,9 @@
                     <span style="font-size: 14px;color: #333333;float: left">我的评价</span>
                   </div>
                   <!--                  <div id="evaluate"  :style="{width: '350px', height: '310px'}" style="margin-left: 9%"></div>-->
-                  <div id="evaluate" :style="{width:'350px', height: '310px'}" style="margin-left: 9%"></div>
+                  <div id="evaluate" v-show="data.taskCapacityList !=null && data.taskCapacityList.length != 0" :style="{width:'350px', height: '310px'}" style="margin-left: 9%"></div>
+                  <div v-if="data.taskCapacityList == null || data.taskCapacityList.length == 0" style="width: 100%;text-align: center;margin-top: 20px">暂无数据</div>
+
                 </div>
               </el-col>
               <el-col :span="13">
@@ -411,7 +415,7 @@
                   </div>
                   <div class="tb_box">
                     <div v-show="OrderList !=null && OrderList.length>0" id="myChart" :style="{width: '1240px', height: '270px'}"></div>
-                    <div v-if="OrderList == null || OrderList.length == 0" style="width: 100%;text-align: center">暂无数据</div>
+                    <div v-if="OrderList == null || OrderList.length == 0" style="width: 100%;text-align: center;;margin-top: 20px">暂无数据</div>
                   </div>
                 </div>
               </div>