修改订单表格样式

src/views/modules/order/anyDialog.vue

@@ -2,7 +2,7 @@
     <div>
         <el-dialog class="anyDialog" :title="`${title}`" :close-on-click-modal="false" :visible.sync="visible" width='500px'
             :before-close="beforeCloseDialog">            
-            <div class="textBody" v-html="content"></div>
+            <div class="textBody" v-html="content" ></div>
             <div slot="footer" class="dialog-footer" style="text-align: center;">
                 <el-button type="primary" @click="beforeCloseDialog">确 定</el-button>
             </div>           
@@ -43,6 +43,7 @@ export default {
 
 </script>
 <style>
+.textBody{display: block; height: 600px; overflow-y: scroll; position: relative;}
 .content {
     text-align: center;
     margin-top: 15px;

src/views/modules/order/buyorder-print.vue

@@ -13,14 +13,14 @@
           <div class="liName">面单信息</div>
           <!-- <el-alert title="`该订单下共有 2 条物流信息`" type="info">
           </el-alert> -->
-          <li class="flexbox deliverBox" style="width: 100%; padding-bottom: 50px;">
+          <li class="flexbox deliverBox" style="width: 100%; padding-bottom: 50px; ">
-            <el-row :gutter="20" >  
+            <el-row :gutter="20" style="width: 100%;">  
-              <el-col  :md="8" :lg="8" class="item" v-for="(item, index) in orderDetails.products">          
+              <el-col  :md="8" :lg="8" class="item" v-for="(item, index) in orderDetails.products" :key="index" style="position: static; height: 500px; overflow-y: scroll;">          
-              <div class="deliver_heade">              
+              <div class="deliver_heade" style="position: relative;">              
                 <div><span class="infoTitle">物流公司：</span><span>{{item.shipperName}}</span></div>
                 <div><span class="infoTitle">运单号：</span><span>{{item.shippingSn}}</span></div>
-                <div class="deliver_info">                 
+                <div class="deliver_info">                                  
-                  <div v-html="item.fmsHtml" style="zoom: 70%;"></div>
+                  <div style="position: relative; height: 500px; display: block; width: inherit;" v-html="item.fmsHtml" ></div>
                   <div class="buttonceng flexbox" style="height:40px ;">
                 <el-button size="mini" plain type="primary" @click="printHandle(item)">打印面单</el-button>
               </div> 
@@ -73,8 +73,9 @@
       // 获取订单详情
       getData() {
         this.dataListLoading = true
+          if (this.query.orderId != 0) { 
         this.$http({
-          url: this.$http.adornUrl('/book/buyorder/appGetOrderInfo'),
+          url: this.$http.adornUrl('/book/buyorder/appGetOrderInfo/1'), 
           method: 'get',
           params: this.$http.adornParams({          
             'orderId': this.query.orderId,          
@@ -88,7 +89,8 @@
           }
           this.dataListLoading = false
         })
-      }, 
+          }
+        }, 
       // 打印面单
       printHandle(item) {
       //console.log(item)

src/views/modules/order/buyorder.vue

@@ -485,6 +485,7 @@ export default {
     // 混合发货    
     showAnyDialog(item) {
       this.anyDialogContent = item.fmsHtml
+      console.log('面单',item)
       if (item.fmsHtml == null) return this.$message.error('暂无面单数据')
       this.anyDialogVisible = true
       this.anyDialogTitle = '查看面单'
@@ -544,9 +545,9 @@ export default {
     deliverDetail(para) {
       // if (para == '') return this.$message.error('请选择要查询的订单')
       this.oprateOrder = para
-      this.$refs.deliverDetail.getDeliverList()
+      this.$refs.deliverDetail.getDeliverList(para)
       this.deliverDetailVisible = true
-      console.log(this.oprateOrder)
+     // console.log(this.oprateOrder,'oprateOrder')
     },
     // 获取数据列表
     getDataList() {

src/views/modules/order/deliver-detail.vue

@@ -10,14 +10,13 @@
                     style="  margin-left:10px;">收货地址</span>：天津市河东区天津站</div> -->
             <div style=""><icon-svg name="ren"></icon-svg><span
                     style=" margin-left:10px;">收货人</span>：{{ deliverOrder.userName }}</div>
-            <div style="margin-bottom: 5px;"><icon-svg name="dianhua"></icon-svg><span style="  margin-left:10px;">电
+            <div style="margin-bottom: 5px;"><icon-svg name="dianhua"></icon-svg><span style="  margin-left:10px;">电 话</span>：{{ deliverOrder.userPhone }}</div>
-                    话</span>：{{ deliverOrder.userPhone }}</div>
 
         </div>
         <el-row :gutter="10" class="flexbox">
-            <div v-if="activities.length === 0" class="noinfo">-暂无物流信息-</div>
+            <div v-if="activities.length == 0" class="noinfo">-暂无物流信息-</div>
             <el-col v-else :lg="8" :md="12" :xs="24" v-for="(item, index) in activities"
-                :class="item.length == 1 ? 'onlyOne' : 'notOone'">
+                :class="item.length == 1 ? 'onlyOne' : 'notOone'" >
                 <div class="scroll">
                     <div style="margin-bottom: 5px;"><icon-svg name="truck"></icon-svg><span
                             style=" margin-left: 10px;">快递</span>:
@@ -65,7 +64,7 @@ export default {
     },
     methods: {
         // 根据订单ID查询物流信息
-        getDeliverList() {
+        getDeliverList(deliverOrder) {
             // this.DeliverList = data.list
             // console.log('根据订单ID查询物流信息')
             // console.log(this.deliverOrder)
@@ -75,28 +74,27 @@ export default {
                 spinner: 'el-icon-loading',
                 background: 'rgba(0, 0, 0, 0.7)'
             });
-            console.log(this.deliverOrder)
+            console.log(deliverOrder.orderId, '收到的deliverOrder')            
             this.$http({
                 url: this.$http.adornUrl('/book/buyorder/queryFMS'),
                 method: 'post',
                 params: this.$http.adornParams({
-                    'orderId': this.deliverOrder.orderId
+                    'orderId': deliverOrder.orderId
                 })
             }).then(({ data }) => {
+                loading.close()
                 if (data && data.code === 0) {
-                    console.log(data)
+                    console.log(data,'data')
-                    if (data.rntStr != []) {
+                    if (data.msg.indexOf('暂未查到物流信息') != -1) {   
-                        this.activities = data.rntStr 
+                        this.activities = []                                                                    
-                                             
                     } else {
-                        this.activities = []                        
+                        this.activities = data.rntStr                      
-                    }                    
+                    }  
-                    loading.close()
                     this.visible = true  
                     console.log(this.activities,4545)
                 } else {
                     loading.close()
-                    return this.$message.error('获取失败，请重新尝试')
+                    return this.$message.error('获取失败，请重新尝试') 
                 }
             }).catch(() => {
 

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;
     }
 
 }

src/views/modules/order/orderdeliver-split.vue

@@ -82,9 +82,9 @@
                                         </div>                                        
                                         <div class="item_body no_right_border no_bottom_border">
                                             <div class="flexbox" style="justify-content: space-between;">
-                                                <div class="td1 flexbox" style="width:100%; ">
+                                                <div class="td1" style="width:100%; ">
 
-                                                    <div class="flexbox orderProducts" style="width:100%;" v-for="(item3, index) in item2.products">
+                                                    <div class="flexbox orderProducts" style="width:50%; float: left;" v-for="(item3, index) in item2.products">
                                                         <div class="flexbox productItem" style="width:100%;">                                                           
                                                             <el-checkbox :label="item3.allOrderId" :disabled="item3.orderStatus == '1'"><br></el-checkbox>
                                                             <img :src="item3.image" width="30px" style="margin-left: -15px;"
@@ -111,7 +111,7 @@
         </div>
         <span slot="footer" class="dialog-footer">
             <el-button v-if="radio3 === 'mix' && mixOrderList.length != 0" type="primary" @click="submit">发 货</el-button>
-            <el-button v-if="radio3 == 'general'" type="primary" @click="submit1">发 货</el-button>
+            <el-button v-if="radio3 == 'general'" type="primary" @click="submit1">发 货</el-button> 
         </span>
     </el-dialog>
 </template>
@@ -165,7 +165,7 @@ export default {
             })
         },
         selectChanged(val){
-            console.log(val.dictValue)
+            console.log(this.ruleForm)
             if(this.expressList && this.expressList.length > 0){
                 this.expressList.forEach(element => {
                     if(element.dictType == val){
@@ -502,7 +502,7 @@ export default {
     display: -webkit-box;
     -webkit-line-clamp: 2;  // 控制多行的行数
     -webkit-box-orient: vertical;
-            -webkit-transform: scale(0.8);
+            // -webkit-transform: scale(0.8);
         }
 
         .author {

src/views/modules/order/set-deliver-dialog.vue

@@ -14,7 +14,7 @@
                 <el-form-item label="选择物流" prop="deliverLcd">
                     <el-select size="mini" v-model="ruleForm.deliverLcd" placeholder="请选择物流" @change="selectChanged">
                         <el-option v-for="(item, index) in expressList" :label="item.dictValue"
-                            :value="item.dictType" :key="item.dictType"></el-option>
+                            :value="item.dictType" ></el-option>
                     </el-select>
                 </el-form-item>
             </el-form>