修改订单表格样式

src/views/modules/order/orderSheet-see.vue

@@ -1,7 +1,8 @@
 <template>
     <el-dialog v-if="orderinfo ? mountSheetNum : false" lock-scroll title="电子面单预览" :visible.sync="visible" width="500px"
         :before-close="beforeCloseDialog" center>
-        <div>
+        <div v-if="sheetLength == 0">暂无电子面单数据</div>
+        <div v-else>
             <el-alert :title="`当前订单下共有 ${sheetLength} 个电子面单`" type="success"> </el-alert>
             <ul class="sheet_list_ui">
                 <li v-for="(item, index) in orderinfo.products" style="border:1px solid #f1f1f1 ; overflow: hidden; padding: 10px 0;">
@@ -50,6 +51,7 @@ export default {
         // 关闭前
         beforeCloseDialog() {
             this.$emit('closeDialog', false)
+            this.sheetLength = 0
         },
         submit() {           
             this.beforeCloseDialog()
@@ -74,7 +76,7 @@ export default {
         // 计算面单数量
         mountSheetNum() {
             this.orderinfo.products.forEach(element => {
-                if (element.fmsHtml != '') {
+                if (element.fmsHtml != '' && element.fmsHtml != null) {
                     this.sheetLength += 1
                 }
             });
@@ -108,8 +110,12 @@ export default {
 
     li {
         margin-bottom: 10px;
+        display: block;
+        overflow: hidden;
         list-style: none;
         padding: 5px;
+        position: relative;
+        height: 600px;
     }
 
 }