更新 代理信息

src/apis/fetch.js

@@ -331,6 +331,11 @@ export default {
     return $http("/proxy/cargoOwner/add", data);
   },
 
+  // 取消货主公司详情-关联代理;代理公司详情-关联货主公司
+  unrelateCargoAgency(data) {
+    return $http("/proxy/cargoOwner/delete", data);
+  },
+
   // 代理公司详情-货主公司列表
   getCargoOwnerCompanyByAgencyCompany(data) {
     return $http("/proxy/detail/cargoOwner/list", data);

src/views/agencyManage/agencyCompanyDetail.vue

@@ -77,7 +77,7 @@
         ></el-table-column>
         <el-table-column
           prop="userName"
-          label="代理子账户名称"
+          label="姓名"
           min-width="120"
           align="center"
         ></el-table-column>
@@ -87,6 +87,18 @@
           min-width="160"
           align="center"
         ></el-table-column>
+        <el-table-column
+          prop="depart"
+          label="部门"
+          min-width="160"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="role"
+          label="职位"
+          min-width="160"
+          align="center"
+        ></el-table-column>
       </el-table>
       <div style="width: 100%; text-align: right; margin-top: 43px">
         <el-pagination
@@ -160,7 +172,7 @@
           align="center"
         ></el-table-column>
         <el-table-column
-          prop="proxyName"
+          prop="cargoOwnerName"
           label="公司名称"
           min-width="120"
           align="center"
@@ -177,6 +189,21 @@
           min-width="160"
           align="center"
         ></el-table-column>
+        <el-table-column
+          prop="copId"
+          label="操作"
+          min-width="160"
+          align="center"
+        >
+          <template v-slot="scope">
+            <el-button
+              type="danger"
+              size="small"
+              @click="unrelateCargoAgency(scope.row.cargoOwnerId)"
+              >取消关联</el-button
+            >
+          </template>
+        </el-table-column>
       </el-table>
       <div style="width: 100%; text-align: right; margin-top: 43px">
         <el-pagination
@@ -370,6 +397,32 @@ async function relateCargoAgency() {
   });
 }
 
+const unrelateCargoAgency = (cargoOwnerId) => {
+  ElMessageBox.confirm(
+    "取消关联后代理公司将无法继续为对应的货主公司创建航次，是否继续取消关联？",
+    "警告",
+    {
+      confirmButtonText: "确认取消",
+      cancelButtonText: "再想想",
+      type: "warning",
+    }
+  )
+    .then(async () => {
+      console.log(cargoOwnerId);
+      let res = await api.unrelateCargoAgency({
+        cargoOwnerId,
+        proxyId: route.query.id,
+      });
+      getCargoOwnerCompanyByAgencyCompany();
+    })
+    .catch(() => {
+      // ElMessage({
+      //   type: "info",
+      //   message: "Delete canceled",
+      // });
+    });
+};
+
 onMounted(() => {
   getAgencyCompanyDetail();
   getCargoOwnerCompanyByAgencyCompany();