物流公司切换禁用无效问题，pc退货添加物流信息回填，保存发票回显错误

buyer/src/pages/home/orderCenter/AfterSale.vue

@@ -55,11 +55,14 @@
             <div>
               <!-- 订单基础操作 -->
               <Button @click="goDetail(order.sn)" size="small">售后详情</Button>
+              <Button @click="openModal(order)" v-if="order.serviceStatus == 'PASS' &&
+                  order.serviceType != 'RETURN_MONEY'" size="small">提交物流</Button>
+
               <Button @click="cancel(order.sn)" v-if="order.afterSaleAllowOperationVO.cancel" size="small">取消售后</Button>
             </div>
           </div>
         </div>
-      </template>
+      </template>+
       <Spin size="large" fix v-if="spinShow"></Spin>
     </div>
     <!-- 分页 -->
@@ -70,11 +73,47 @@
         show-sizer>
       </Page>
     </div>
+    <Modal v-model="logisticsShow" width="530">
+      <p slot="header">
+        <span>提交物流信息</span>
+      </p>
+      <div>
+        <div class="goods-list modal-goods">
+          <img @click="goodsDetail(singleOrder.skuId, singleOrder.goodsId)" class="hover-color" :src="singleOrder.goodsImage" alt="" />
+          <div>
+            <div class="hover-color" @click="goodsDetail(singleOrder.skuId, singleOrder.goodsId)">{{ singleOrder.goodsName }}</div>
+            <div class="mt_10">
+              <span class="global_color"
+                >{{ singleOrder.flowPrice | unitPrice("￥") }} </span
+              >x {{ singleOrder.num }}
+            </div>
+          </div>
+        </div>
+        <Form ref="form" :model="form" label-position="left" :label-width="100" :rules="rules">
+          <FormItem label="物流公司" prop="logisticsId">
+            <Select v-model="form.logisticsId" placeholder="请选择物流公司">
+              <Option v-for="item in companyList" :value="item.id" :key="item.id">{{ item.name }}</Option>
+            </Select>
+          </FormItem>
+          <FormItem label="快递单号" prop="logisticsNo">
+            <Input v-model="form.logisticsNo" placeholder="请填写快递单号"></Input>
+          </FormItem>
+          <FormItem label="发货时间" prop="mDeliverTime">
+            <DatePicker type="date" style="width:100%" v-model="form.mDeliverTime" @on-change="changeTime" format="yyyy-MM-dd" placeholder="选择发货时间"></DatePicker>
+          </FormItem>
+        </Form>
+      </div>
+      <div slot="footer" style="text-align: right">
+        <Button @click="logisticsShow = false">关闭</Button>
+        <Button type="primary" :loading="submitLoading" @click="submitDelivery">提交</Button>
+      </div>
+    </Modal>
   </div>
 </template>
 
 <script>
 import { afterSaleList, cancelAfterSale } from '@/api/member.js';
+import { afterSaleDelivery, getLogisticsCompany } from '@/api/order.js';
 import { afterSaleStatusList } from '../enumeration.js'
 export default {
   name: 'AfterSale',
@@ -91,7 +130,22 @@ export default {
       // 状态数组
       afterSaleStatusList,
       total: 0, // 订单总数
-      spinShow: false // 加载状态
+      spinShow: false, // 加载状态
+      companyList: [], // 物流公司列表
+      logisticsShow: false, // 物流信息modal
+      singleOrder: {}, // 单独的售后信息
+      form: { // 物流信息数据
+        afterSaleSn: '',
+        logisticsId: '',
+        logisticsNo: '',
+        mDeliverTime: ''
+      },
+      rules: { // 必填校验
+        logisticsId: [{ required: true, message: '请选择物流公司' }],
+        logisticsNo: [{ required: true, message: '请填写物流编号' }],
+        mDeliverTime: [{ required: true, message: '请选择发货时间' }]
+      },
+      submitLoading: false // 提交加载状态
     };
   },
   mounted () {
@@ -158,6 +212,42 @@ export default {
     filterOrderStatus (status) { // 获取订单状态中文
       const ob = this.afterSaleStatusList.filter(e => { return e.status === status });
       return ob[0].name
+    },
+    // 获取物流公司列表
+    getCompany () {
+      getLogisticsCompany().then(res => {
+        if (res.success) {
+          this.companyList = res.result
+        }
+      })
+    },
+    // 提交物流信息
+    submitDelivery () {
+      this.submitLoading = true
+      afterSaleDelivery(this.form).then(res => {
+        if (res.success) {
+          this.logisticsShow = false;
+          this.$Message.success('提交成功')
+          this.getList()
+        }
+        this.submitLoading = false
+      }).catch(() => {
+        this.submitLoading = false
+      })
+    },
+    openModal (row) {
+      console.log(row);
+      this.singleOrder = row;
+      this.form.afterSaleSn = row.sn
+      this.logisticsShow = true;
+      this.$refs.form.resetFields()
+      if (!this.companyList.length) {
+        this.getCompany()
+      }
+    },
+    // 格式化时间
+    changeTime (time) {
+      this.form.mDeliverTime = time;
     }
   }
 };
@@ -207,20 +297,6 @@ export default {
     color: #999;
     padding: 10px;
 
-    .goods-list {
-      width: 500px;
-      display: flex;
-      margin-bottom: 10px;
-      img {
-        width: 60px;
-        height: 60px;
-        margin-right: 10px;
-      }
-      > div {
-        flex: 1;
-      }
-    }
-
     > div:nth-child(2) {
       width: 150px;
       text-align: center;
@@ -248,4 +324,21 @@ export default {
     }
   }
 }
+.goods-list {
+  width: 500px;
+  display: flex;
+  margin-bottom: 10px;
+  img {
+    width: 60px;
+    height: 60px;
+    margin-right: 10px;
+  }
+  > div {
+    flex: 1;
+  }
+}
+.modal-goods{
+  padding: 5px;
+  background-color: #eee;
+}
 </style>