增加详情接口

-import request from '@/utils/request'
+import request from "@/utils/request";
 
 //获取自定义设置数据
 /**
@@ -7,10 +7,14 @@ import request from '@/utils/request'
  */
 export function getCustomData(data) {
   return request({
-        url: '/bus-employees/custom/setting/pool/query/' + data.queryType + '/' + data.belongBizType,
-        method: 'get',
+    url:
+      "/bus-employees/custom/setting/pool/query/" +
+      data.queryType +
+      "/" +
+      data.belongBizType,
+    method: "get",
     data: data,
-    })
+  });
 }
 
 //保存自定义设置数据
@@ -26,10 +30,10 @@ export function getCustomData(data) {
  */
 export function setCustomData(data) {
   return request({
-        url: '/bus-employees/custom/setting/pool/merge',
-        method: 'post',
+    url: "/bus-employees/custom/setting/pool/merge",
+    method: "post",
     data: data,
-    })
+  });
 }
 
 //获取查询条件数据
@@ -38,10 +42,10 @@ export function setCustomData(data) {
  */
 export function getSreachFormData(data) {
   return request({
-        url: '/bus-employees/custom/setting/condition/' + data.belongBizType,
-        method: 'get',
+    url: "/bus-employees/custom/setting/condition/" + data.belongBizType,
+    method: "get",
     data: data,
-    })
+  });
 }
 
 //获取表头数据
@@ -50,10 +54,10 @@ export function getSreachFormData(data) {
  */
 export function getTableData(data) {
   return request({
-        url: '/bus-employees/custom/setting/display/' + data.belongBizType,
-        method: 'get',
+    url: "/bus-employees/custom/setting/display/" + data.belongBizType,
+    method: "get",
     data: data,
-    })
+  });
 }
 
 //自定义查询接口
@@ -73,17 +77,17 @@ export function getTableData(data) {
  */
 export function auditionEntrySreachCustomData(data) {
   return request({
-        url: '/bus-employees' + data.url,
-        method: 'post',
+    url: "/bus-employees" + data.url,
+    method: "post",
     data: data.data,
-    })
+  });
 }
 
 //获取查询导出是否完成
 export function getdownloadExlFileType(data) {
   return request({
-        url: '/bus-employees/export/custom/exportResult?exportSign=' + data,
-        method: 'get',
+    url: "/bus-employees/export/custom/exportResult?exportSign=" + data,
+    method: "get",
     data: data,
-    })
+  });
 }

-import request from '@/utils/request'
+import request from "@/utils/request";
 import axios from "axios";
 
 const baseUrl = process.env.VUE_APP_BASE_API; //接口地址
@@ -16,10 +16,10 @@ const baseUrl = process.env.VUE_APP_BASE_API; //接口地址
  */
 export function getCustomerList(data) {
   return request({
-        url: '/bus-customer/customers/getCustomerList',
-        method: 'post',
-        data: data
-    })
+    url: "/bus-customer/customers/getCustomerList",
+    method: "post",
+    data: data,
+  });
 }
 
 // 新增客户数据
@@ -50,69 +50,66 @@ export function addCustomerData(data) {
   // formData.append("qingdaoUserId", data.qingdaoUserId);
   console.log(data);
   return request({
-        url: '/bus-customer/customers/add',
-        method: 'post',
-        data: data
-    })
+    url: "/bus-customer/customers/add",
+    method: "post",
+    data: data,
+  });
 }
 
 //上传证书
 export function uploadCertificate(ecomEntCode, certificate) {
   const formData = new FormData();
-    formData.append('certificate', certificate);
-    formData.append('ecomEntCode', ecomEntCode);
+  formData.append("certificate", certificate);
+  formData.append("ecomEntCode", ecomEntCode);
   return request({
-        url: '/bus-customer/customers/uploadCertificate',
-        method: 'post',
+    url: "/bus-customer/customers/uploadCertificate",
+    method: "post",
     data: formData,
   });
 }
 //上传青岛证书
 export function uploadQingdaoCertificate(ecomEntCode, certificate) {
   const formData = new FormData();
-    formData.append('certificate', certificate);
-    formData.append('ecomEntCode', ecomEntCode);
+  formData.append("certificate", certificate);
+  formData.append("ecomEntCode", ecomEntCode);
   return request({
-        url: '/bus-customer/customers/uploadQingDaoCertificate',
-        method: 'post',
+    url: "/bus-customer/customers/uploadQingDaoCertificate",
+    method: "post",
     data: formData,
   });
 }
 
 //删除证书
 export function delCertificate(id, certificate) {
-   
   return request({
-        url: '/bus-customer/customers/deleteCertificate',
-        method: 'post',
-        params: {id:id,certificate:certificate}, 
+    url: "/bus-customer/customers/deleteCertificate",
+    method: "post",
+    params: { id: id, certificate: certificate },
   });
 }
 //删除青岛证书
 export function delQingdaoCertificate(id, certificate) {
-   
   return request({
-        url: '/bus-customer/customers/deleteQingdaoCertificate',
-        method: 'post',
-        params: {id:id,certificatePath:certificate}, 
+    url: "/bus-customer/customers/deleteQingdaoCertificate",
+    method: "post",
+    params: { id: id, certificatePath: certificate },
   });
 }
 
 //下载证书
-export function downloadCertificate(id,filename) {
-
-    console.log("fileName"+filename);
+export function downloadCertificate(id, filename) {
+  console.log("fileName" + filename);
   return new Promise((resolve, reject) => {
     // axios({
     //   method: "get",
     //   url: '/bus-customer/customers/getCertificate/' + id,
     //   responseType: "blob",
     // })
-        var url = baseUrl + '/bus-customer/customers/getCertificate/'+id;
+    var url = baseUrl + "/bus-customer/customers/getCertificate/" + id;
     request({
       url: url,
-            method: 'get',
-            responseType: 'blob', // 确保响应类型为 blob
+      method: "get",
+      responseType: "blob", // 确保响应类型为 blob
       params: id,
     })
       .then((res) => {
@@ -123,7 +120,6 @@ export function downloadCertificate(id,filename) {
         aLink.click();
         document.body.removeChild(aLink);
         resolve(res);
-
       })
       .catch((err) => {
         reject(err);
@@ -131,13 +127,13 @@ export function downloadCertificate(id,filename) {
   });
 }
 //下载青岛证书
-export function downloadQingdaoCertificate(id,filename) {
+export function downloadQingdaoCertificate(id, filename) {
   return new Promise((resolve, reject) => {
-        var url = baseUrl + '/bus-customer/customers/getQingDaoCertificate/'+id;
+    var url = baseUrl + "/bus-customer/customers/getQingDaoCertificate/" + id;
     request({
       url: url,
-            method: 'get',
-            responseType: 'blob', // 确保响应类型为 blob
+      method: "get",
+      responseType: "blob", // 确保响应类型为 blob
       params: id,
     })
       .then((res) => {
@@ -148,7 +144,6 @@ export function downloadQingdaoCertificate(id,filename) {
         aLink.click();
         document.body.removeChild(aLink);
         resolve(res);
-
       })
       .catch((err) => {
         reject(err);
@@ -185,8 +180,26 @@ export function updateCustomerData(data) {
   // formData.append("qingdaoUserDxpid", data.qingdaoUserDxpid);
   // formData.append("qingdaoUserId", data.qingdaoUserId);
   return request({
-        url: '/bus-customer/customers/update',
-        method: 'put',
-        data: data
-    })
+    url: "/bus-customer/customers/update",
+    method: "put",
+    data: data,
+  });
+}
+// /portInfo
+export function getPortInfo(data) {
+  return request({
+    url: "/bus-customer/portInfo",
+    method: "get",
+    data: data,
+  });
+}
+
+// GET
+// ​/customers​/customerDetails​/{id}
+// 获取客户详情
+export function getCustomerDetails(data) {
+  return request({
+    url: "/bus-customer/customers/customerDetails/" + data.id,
+    method: "get",
+  });
 }

@@ -4,7 +4,7 @@
     title="运抵单申报"
     :visible.sync="outerVisible"
     :show-close="false"
-    width="40%"
+    width="720px"
     :close-on-click-modal="false"
     :destroy-on-close="true"
     v-loading="loadings.dialogLoading"
@@ -31,9 +31,9 @@
               >
                 <el-option
                   v-for="item in operatorCode"
-                  :key="item"
-                  :label="item"
-                  :value="item"
+                  :key="item.operatorCode"
+                  :label="item.operatorName"
+                  :value="item.operatorCode"
                 ></el-option>
               </el-select>
             </Formitem>

@@ -9,7 +9,7 @@
     >
       <el-row class="row-border">
         <!-- Client ID -->
-        <el-col :span="5">
+        <!-- <el-col :span="5">
           <Formitem label="Client ID" prop="clientId">
             <el-input
               type="text"
@@ -21,14 +21,14 @@
               placeholder=""
             ></el-input>
           </Formitem>
-        </el-col>
+        </el-col> -->
         <!-- 电商企业名称 -->
         <el-col :span="5">
           <Formitem label="电商企业名称" prop="ecomEntName">
             <el-input
               type="text"
               class="inputShadow"
-              id="inputInner--ecomEntName"
+              id="inputInner-edit-ecomEntName"
               resize="none"
               v-model="sreachFormData.ecomEntName"
               clearable
@@ -42,7 +42,7 @@
             <el-input
               type="text"
               class="inputShadow"
-              id="inputInner--ecomEntCode"
+              id="inputInner-edit-ecomEntCode"
               resize="none"
               v-model="sreachFormData.ecomEntCode"
               clearable
@@ -55,7 +55,7 @@
           <Formitem label="创建日期" prop="creationTime" :activeType="true">
             <el-date-picker
               class="inputInner--creationTime"
-              id="inputInner--creationTime"
+              id="inputInner-edit-creationTime"
               v-model="sreachFormData.creationTime"
               type="daterange"
               format="yyyy-MM-dd"
@@ -66,6 +66,19 @@
             />
           </Formitem>
         </el-col>
+        <el-col :span="5">
+          <Formitem label="电商企业邮箱" prop="ecomEntEmail">
+            <el-input
+              type="text"
+              class="inputShadow"
+              id="inputInner-edit-ecomEntEmail"
+              resize="none"
+              v-model="sreachFormData.ecomEntEmail"
+              clearable
+              placeholder=""
+            ></el-input>
+          </Formitem>
+        </el-col>
         <el-col :span="2">
           <el-form-item class="textCenter">
             <el-button
@@ -91,22 +104,6 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row>
-        <!-- 电商企业邮箱 -->
-        <el-col :span="5">
-          <Formitem label="电商企业邮箱" prop="ecomEntEmail">
-            <el-input
-              type="text"
-              class="inputShadow"
-              id="inputInner--ecomEntEmail"
-              resize="none"
-              v-model="sreachFormData.ecomEntEmail"
-              clearable
-              placeholder=""
-            ></el-input>
-          </Formitem>
-        </el-col>
-      </el-row>
     </el-form>
     <div class="optionButton">
       <div>
@@ -162,7 +159,7 @@
       :title="dialogTitle"
       :type="editType"
       :active="activeData"
-      :portCodeList="dict.port"
+      :portCodeList="portList"
       @close="dialogClose"
     />
   </div>
@@ -173,8 +170,10 @@ import {
   getCustomerList,
   downloadCertificate,
   downloadQingdaoCertificate,
+  getPortInfo,
 } from "@/api/system/customer-ai.js";
-import { getPortList } from "@/api/system/user.js";
+import { getDictData } from "@/api/system/dict-api.js";
+
 import DialogVue from "./dialog.vue";
 export default {
   name: "PortConfig",
@@ -198,12 +197,12 @@ export default {
       activeData: null,
       tableData: [],
       headerData: [
-        {
-          name: "Client ID",
-          value: "clientId",
-          width: "",
-          align: "left",
-        },
+        // {
+        //   name: "Client ID",
+        //   value: "clientId",
+        //   width: "",
+        //   align: "left",
+        // },
         {
           name: "电商企业代码",
           value: "ecomEntCode",
@@ -262,6 +261,7 @@ export default {
       dict: {
         port: [],
       },
+      portList: [],
       // dict: {
       //   orderRequester: [
       //     { name: "企业", code: "ENTERPRISE_DECLARATION", value: "1" },
@@ -275,6 +275,8 @@ export default {
       outerVisible: false,
       dialogTitle: "",
       editType: "",
+      // 加密方式list
+      encryptionTypeList: [],
     };
   },
   created() {
@@ -327,15 +329,25 @@ export default {
     },
     //获取口岸子字典
     searchPortDictData() {
-      getPortList()
+      getPortInfo()
         .then((res) => {
+          console.log(res);
           if (res.code === "200") {
-            this.dict.port = res.data;
+            this.portList = res.data;
           }
         })
         .catch((err) => {
           console.log(err);
         });
+      getDictData({ doctCode: "METHOD_OF_SIGNATURE" })
+        .then((res) => {
+          if (res.code == "200") {
+            this.encryptionTypeList = res.data;
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
     },
     clear() {
       this.$refs.sreachForm.resetFields();