运单详情接口调用

@@ -45,3 +45,10 @@ export function getAllListBills(data) {
   })
 }
 
+export function getTransportDetail(id) {
+  return request({
+    url: `/bus-customer/exportWaybill/info/${id}`,
+    method: 'get'
+  });
+}
+

@@ -279,7 +279,7 @@ export default {
       pageIndex: 1,
       pageSize: 20
     }).then((res) => {
-      console.log('res', res)
+      console.log('bills res', res)
       this.tableData = res.data.value;
       this.total = res.data.totalItems;
       debugger;
@@ -293,11 +293,11 @@ export default {
       this.selected = val;
     },
     handleRowClick(row) {
-      const declareId = row.declareId;
+      const id = row.id;
       this.$router.push({
         path: '/exportTransportDetail',
         query: {
-          declareId
+          id
         }
       });
     },

@@ -14,7 +14,7 @@
     >
       <el-row class="row-border">
         <el-col :span="5">
-          <Formitem label="订单编号" prop="consignmentCode">
+          <Formitem label="运单编号" prop="consignmentCode">
             <el-popover
               placement="bottom"
               width="320"
@@ -28,7 +28,7 @@
                 :rows="5"
                 id="popoverInputconsignmentCode"
                 class="inputShadow textareaPopover"
-                v-model="searchForm.consignmentCode"
+                v-model="searchForm.logisticsNo"
                 resize="none"
                 maxlength="13000"
                 placeholder=""
@@ -41,7 +41,7 @@
                 :rows="1"
                 class="inputShadow"
                 id="inputInner--consignmentCode"
-                v-model="searchForm.consignmentCode"
+                v-model="searchForm.logisticsNo"
                 resize="none"
                 placeholder=""
                 @focus="textareaFocus"
@@ -49,22 +49,76 @@
             </el-popover>
           </Formitem>
         </el-col>
-        <el-col :span="4">
-          <Formitem label="订单类型" prop="factoryCode">
-            <el-select
-              type="text"
-              id="inputInner--declaredPort"
-              v-model="searchForm.declaredPort"
-              clearable
+        <el-col :span="5">
+          <Formitem label="物流企业名称" prop="consignmentCode">
+            <el-popover
+              placement="bottom"
+              width="320"
+              trigger="manual"
+              popper-class="popoverconsignmentCode"
+              v-model="textareaVisible.formItemconsignmentCode"
+            >
+              <el-input
+                name="consignmentCode-textarea"
+                type="textarea"
+                :rows="5"
+                id="popoverInputconsignmentCode"
+                class="inputShadow textareaPopover"
+                v-model="searchForm.logisticsName"
+                resize="none"
+                maxlength="13000"
                 placeholder=""
+                @blur="textareaBlur"
+              ></el-input>
+              <el-input
+                slot="reference"
+                name="consignmentCode"
+                type="textarea"
+                :rows="1"
+                class="inputShadow"
+                id="inputInner--consignmentCode"
+                v-model="searchForm.logisticsName"
+                resize="none"
+                placeholder=""
+                @focus="textareaFocus"
+              ></el-input>
+            </el-popover>
+          </Formitem>
+        </el-col>
+        <el-col :span="5">
+          <Formitem label="电商企业名称" prop="consignmentCode">
+            <el-popover
+              placement="bottom"
+              width="320"
+              trigger="manual"
+              popper-class="popoverconsignmentCode"
+              v-model="textareaVisible.formItemconsignmentCode"
             >
-              <el-option
-                v-for="(item, index) in dictData.userport"
-                :key="index"
-                :label="item.name"
-                :value="item.name"
-              ></el-option>
-            </el-select>
+              <el-input
+                name="consignmentCode-textarea"
+                type="textarea"
+                :rows="5"
+                id="popoverInputconsignmentCode"
+                class="inputShadow textareaPopover"
+                v-model="searchForm.logisticsName"
+                resize="none"
+                maxlength="13000"
+                placeholder=""
+                @blur="textareaBlur"
+              ></el-input>
+              <el-input
+                slot="reference"
+                name="consignmentCode"
+                type="textarea"
+                :rows="1"
+                class="inputShadow"
+                id="inputInner--consignmentCode"
+                v-model="searchForm.logisticsName"
+                resize="none"
+                placeholder=""
+                @focus="textareaFocus"
+              ></el-input>
+            </el-popover>
           </Formitem>
         </el-col>
         <el-col :span="5">
@@ -419,6 +473,7 @@
 <script>
 import ReceiptInfoTable from "@/components/ReceiptInfoTable/index.vue";
 import ProductDetailTable from "@/components/ProductDetailTable/index.vue";
+import {getTransportDetail} from "@/api/query/query";
 
 export default {
   name: "exportTransportDetail.vue",
@@ -451,6 +506,14 @@ export default {
       },
     }
   },
+  created() {
+    const id = this.$route.query.id
+    getTransportDetail(id).then(res => {
+      console.log('detail res', res);
+      const billData = res.data.exportWaybill;
+      this.searchForm = billData;
+    })
+  },
   methods: {
     textareaBlur(val) {
       let inputInner = document.querySelector(