格式化

src/components/Aside.vue

@@ -22,5 +22,4 @@
     </el-sub-menu>
   </el-menu>
 </template>
-<script setup>
-</script>
+<script setup></script>

src/components/Certs.vue

@@ -220,5 +220,4 @@ export default defineComponent({
 });
 </script>
 
-<style>
-</style>
+<style></style>

src/components/Header.vue

@@ -27,6 +27,7 @@
           <el-timeline>
             <el-timeline-item
               v-for="item in timelineData"
+              :key="item"
               center
               :timestamp="item.timer"
               placement="top"
@@ -36,6 +37,7 @@
                 <div
                   style="margin-bottom: 5px; font-size: 12px"
                   v-for="(item1, index) in item.remarks"
+                  :key="item1"
                 >
                   {{ index + 1 }}. {{ item1.text }}
                 </div>
@@ -168,4 +170,4 @@ export default {
 .quit {
   margin-left: 26px;
 }
-</style>
+</style>

src/styles/index.css

@@ -1,4 +1,3 @@
-
 .df {
   display: flex;
 }
@@ -26,7 +25,6 @@
   align-items: center;
 }
 
-
 .aifs {
   align-items: flex-start;
 }
@@ -35,157 +33,154 @@
   display: inline-block;
 }
 
-
 .pointer {
   cursor: pointer;
 }
 
-.m0a{
+.m0a {
   margin: 0 auto;
 }
 
-.mt5{
+.mt5 {
   margin-top: 5px;
 }
 
-.mt10{
+.mt10 {
   margin-top: 10px;
 }
 
-.mt20{
+.mt20 {
   margin-top: 20px;
 }
 
-.mt30{
+.mt30 {
   margin-top: 30px;
 }
 
-.mr5{
+.mr5 {
   margin-right: 5px;
 }
 
-.mr10{
+.mr10 {
   margin-right: 10px;
 }
 
-.mr20{
+.mr20 {
   margin-right: 20px;
 }
 
-.mr30{
+.mr30 {
   margin-right: 30px;
 }
 
-.mb5{
+.mb5 {
   margin-bottom: 5px;
 }
 
-.mb10{
+.mb10 {
   margin-bottom: 10px;
 }
 
-.mb20{
+.mb20 {
   margin-bottom: 20px;
 }
 
-.mb30{
+.mb30 {
   margin-bottom: 30px;
 }
 
-.ml5{
+.ml5 {
   margin-left: 5px;
 }
 
-.ml10{
+.ml10 {
   margin-left: 10px;
 }
 
-.ml20{
+.ml20 {
   margin-left: 20px;
 }
 
-.ml30{
+.ml30 {
   margin-left: 30px;
 }
 
-.p5{
+.p5 {
   padding: 5px;
 }
 
-.p10{
+.p10 {
   padding: 10px;
 }
 
-.p20{
+.p20 {
   padding: 20px;
 }
 
-.p30{
+.p30 {
   padding: 30px;
 }
 
-.pt5{
+.pt5 {
   padding-top: 5px;
 }
 
-.pt10{
+.pt10 {
   padding-top: 10px;
 }
 
-.pt20{
+.pt20 {
   padding-top: 20px;
 }
 
-.pt30{
+.pt30 {
   padding-top: 30px;
 }
 
-.pr5{
+.pr5 {
   padding-right: 5px;
 }
 
-.pr10{
+.pr10 {
   padding-right: 10px;
 }
 
-.pr20{
+.pr20 {
   padding-right: 20px;
 }
 
-.pr30{
+.pr30 {
   padding-right: 30px;
 }
 
-.pb5{
+.pb5 {
   padding-bottom: 5px;
 }
 
-.pb10{
+.pb10 {
   padding-bottom: 10px;
 }
 
-.pb20{
+.pb20 {
   padding-bottom: 20px;
 }
 
-.pb30{
+.pb30 {
   padding-bottom: 30px;
 }
 
-.pl5{
+.pl5 {
   padding-left: 5px;
 }
 
-.pl10{
+.pl10 {
   padding-left: 10px;
 }
 
-.pl20{
+.pl20 {
   padding-left: 20px;
 }
 
-.pl30{
+.pl30 {
   padding-left: 30px;
 }
-
-

src/views/accountManage/clientList.vue

@@ -8,13 +8,13 @@
           v-model="term"
           clearable
           style="height: 32px; width: 330px; line-height: 32px"
-          @keyup.enter.native="getClientList"
+          @keyup.enter="getClientList"
         ></el-input>
         <div class="seach-btn" @click="getClientList">查询</div>
       </div>
-      <el-button v-auth="'CLIENTACCOUNT'" type="primary" @click="showAddModal"
-        >添加客户</el-button
-      >
+      <el-button v-auth="'CLIENTACCOUNT'" type="primary" @click="showAddModal">
+        添加客户
+      </el-button>
     </div>
 
     <el-dialog
@@ -47,14 +47,16 @@
                 v-model="ruleForm.sharePermission"
                 :label="1"
                 size="large"
-                >有权限</el-radio
               >
+                有权限
+              </el-radio>
               <el-radio
                 v-model="ruleForm.sharePermission"
                 :label="0"
                 size="large"
-                >无权限</el-radio
               >
+                无权限
+              </el-radio>
             </el-form-item>
           </el-form>
         </div>
@@ -122,8 +124,9 @@
               :active-value="1"
               :inactive-value="0"
               @change="changeSharePermission($event, scope.row)"
-            /> </template
-        ></el-table-column>
+            />
+          </template>
+        </el-table-column>
 
         <el-table-column
           v-auth="'ADDACCOUNT'"
@@ -158,8 +161,9 @@
                 @click="showUpdateModal(scope.row, 1)"
                 size="small"
                 type="primary"
-                >修改客户权限</el-button
               >
+                修改客户权限
+              </el-button>
             </div>
           </template>
         </el-table-column>
@@ -350,4 +354,4 @@ onMounted(() => {
   margin-left: 10px;
   cursor: pointer;
 }
-</style>
+</style>

src/views/accountManage/subAccountList.vue

@@ -8,13 +8,13 @@
           v-model="term"
           clearable
           style="height: 32px; width: 330px; line-height: 32px"
-          @keyup.enter.native="getSubAccountList"
+          @keyup.enter="getSubAccountList"
         ></el-input>
         <div class="seach-btn" @click="getSubAccountList">查询</div>
       </div>
-      <el-button v-auth="'ADDACCOUNT'" type="primary" @click="showAddModal"
-        >添加员工</el-button
-      >
+      <el-button v-auth="'ADDACCOUNT'" type="primary" @click="showAddModal">
+        添加员工
+      </el-button>
     </div>
 
     <el-dialog
@@ -154,8 +154,9 @@
                 @click="showUpdateModal(scope.row, 1)"
                 size="small"
                 type="primary"
-                >修改员工权限</el-button
               >
+                修改员工权限
+              </el-button>
             </div>
           </template>
         </el-table-column>
@@ -350,4 +351,4 @@ onMounted(() => {
   margin-left: 10px;
   cursor: pointer;
 }
-</style>
+</style>

src/views/agencyManage/agencyCompanyList.vue

@@ -8,13 +8,13 @@
           v-model="term"
           clearable
           style="height: 32px; width: 330px; line-height: 32px"
-          @keyup.enter.native="getAgencyList"
+          @keyup.enter="getAgencyList"
         ></el-input>
         <div class="seach-btn" @click="getAgencyList">查询</div>
       </div>
-      <el-button v-auth="'ADDPROXY'" type="primary" @click="visable = true"
-        >添加代理</el-button
-      >
+      <el-button v-auth="'ADDPROXY'" type="primary" @click="visable = true">
+        添加代理
+      </el-button>
     </div>
 
     <el-dialog v-model="visable" title="添加代理" width="550px">
@@ -95,20 +95,7 @@
           </template>
         </el-table-column>
         <el-table-column label="操作" min-width="120" align="center">
-          <template v-slot="scope">
-            <div class="df aic jcsa">
-              <!-- <el-switch
-                v-model="scope.row.accountStatus"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-                active-text="启用"
-                inactive-text="禁用"
-                :active-value="1"
-                :inactive-value="0"
-              /> -->
-              <el-button disabled size="small" type="danger">删除</el-button>
-            </div>
-          </template>
+          <el-button disabled size="small" type="danger">删除</el-button>
         </el-table-column>
       </el-table>
       <div style="width: 100%; text-align: right; margin-top: 43px">
@@ -235,4 +222,4 @@ onMounted(() => {
   margin-left: 10px;
   cursor: pointer;
 }
-</style>
+</style>

src/views/authManage/addRole.vue

@@ -40,9 +40,9 @@
       style="display: flex; justify-content: space-between"
     />
     <div class="df aic jcfe mt50">
-      <el-button type="primary" @click="addRole">{{
-        roleId ? "修改员工" : "添加职位"
-      }}</el-button>
+      <el-button type="primary" @click="addRole">
+        {{ roleId ? "修改员工" : "添加职位" }}
+      </el-button>
     </div>
   </el-card>
 </template>
@@ -211,4 +211,4 @@ onMounted(() => {
   margin-left: 10px;
   cursor: pointer;
 }
-</style>
+</style>

src/views/authManage/departmentList.vue

@@ -8,13 +8,17 @@
           v-model="term"
           clearable
           style="height: 32px; width: 330px; line-height: 32px"
-          @keyup.enter.native="getDepartmentList"
+          @keyup.enter="getDepartmentList"
         ></el-input>
         <div class="seach-btn" @click="getDepartmentList">查询</div>
       </div>
-      <el-button v-auth="'ADDUPDATEDEPT'" type="primary" @click="visable = true"
-        >添加部门</el-button
+      <el-button
+        v-auth="'ADDUPDATEDEPT'"
+        type="primary"
+        @click="visable = true"
       >
+        添加部门
+      </el-button>
     </div>
 
     <el-dialog
@@ -104,8 +108,9 @@
                 @click="showUpdateModal(scope.row)"
                 size="small"
                 type="primary"
-                >修改部门</el-button
               >
+                修改部门
+              </el-button>
             </div>
           </template>
         </el-table-column>
@@ -233,4 +238,4 @@ onMounted(() => {
   margin-left: 10px;
   cursor: pointer;
 }
-</style>
+</style>

src/views/authManage/roleList.vue

@@ -8,13 +8,13 @@
           v-model="term"
           clearable
           style="height: 32px; width: 330px; line-height: 32px"
-          @keyup.enter.native="getRoleList"
+          @keyup.enter="getRoleList"
         ></el-input>
         <div class="seach-btn" @click="getRoleList">查询</div>
       </div>
-      <el-button v-auth="'ADDUPDATEROLE'" type="primary" @click="addRole"
-        >添加职位</el-button
-      >
+      <el-button v-auth="'ADDUPDATEROLE'" type="primary" @click="addRole"></el-button>
+        添加职位
+      </el-button>
     </div>
     <div style="margin-top: 24px">
       <el-table :data="tableData" stripe style="width: 100%">
@@ -57,8 +57,9 @@
               @click="roleDetail(scope.row.id)"
               size="small"
               type="primary"
-              >详情</el-button
             >
+              详情
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -144,4 +145,4 @@ onMounted(() => {
   margin-left: 10px;
   cursor: pointer;
 }
-</style>
+</style>

src/views/cargoManage/cargoList.vue

@@ -8,13 +8,13 @@
           v-model="term"
           clearable
           style="height: 32px; width: 330px; line-height: 32px"
-          @keyup.enter.native="getCargoList"
+          @keyup.enter="getCargoList"
         ></el-input>
         <div class="seach-btn" @click="getCargoList">查询</div>
       </div>
-      <el-button v-auth="'ADDCARGO'" type="primary" @click="addCargo"
-        >添加货种</el-button
-      >
+      <el-button v-auth="'ADDCARGO'" type="primary" @click="addCargo">
+        添加货种
+      </el-button>
     </div>
 
     <div style="margin-top: 24px">
@@ -42,20 +42,7 @@
           </template>
         </el-table-column>
         <el-table-column label="操作" min-width="80" align="center">
-          <template v-slot="scope">
-            <div class="df aic jcsa">
-              <!-- <el-switch
-                v-model="scope.row.status"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-                active-text="启用"
-                inactive-text="禁用"
-                :active-value="1"
-                :inactive-value="0"
-              /> -->
-              <el-button disabled size="small" type="danger">删除</el-button>
-            </div>
-          </template>
+          <el-button disabled size="small" type="danger">删除</el-button>
         </el-table-column>
       </el-table>
       <div style="width: 100%; text-align: right; margin-top: 43px">
@@ -161,4 +148,4 @@ onMounted(() => {
   margin-left: 10px;
   cursor: pointer;
 }
-</style>
+</style>

src/views/index/Index.vue

@@ -1,3 +1,2 @@
 <template>主页</template>
-<script setup>
-</script>
+<script setup></script>

src/views/voyage/billDetail.vue

@@ -8,8 +8,9 @@
         :indeterminate="isIndeterminate"
         size="large"
         style="margin-right: 20px"
-        >全选</el-checkbox
       >
+        全选
+      </el-checkbox>
     </div>
 
     <div v-show="fileList?.length" class="df aic fww">
@@ -55,22 +56,25 @@
           :type="distributeType == 1 ? 'primary' : ''"
           @click="distributeType = 1"
           size="small"
-          >运单</el-button
         >
+          运单
+        </el-button>
         <el-button
           class="mr20"
           :type="distributeType == 2 ? 'primary' : ''"
           @click="distributeType = 2"
           size="small"
-          >磅单</el-button
         >
+          磅单
+        </el-button>
         <el-button
           class="mr20"
           :type="distributeType == 4 ? 'primary' : ''"
           @click="distributeType = 4"
           size="small"
-          >汽运装货单</el-button
         >
+          汽运装货单
+        </el-button>
         <el-button @click="fail" size="small" type="danger">不通过</el-button>
       </div>
       <div v-if="distributeType != -1" class="mb20">
@@ -82,8 +86,9 @@
             :type="distributePortId == item.portId ? 'primary' : ''"
             @click="distributePortId = item.portId"
             size="small"
-            >{{ item.portName }}</el-button
           >
+            {{ item.portName }}
+          </el-button>
         </div>
       </div>
       <div v-show="distributeType == 2">
@@ -116,9 +121,9 @@
       </div>
       <div v-show="distributeType == 4">
         <div class="tar">
-          <el-button @click="ocr" :loading="ocrLoading" type="primary">{{
-            ocrLoading ? "正在识别" : "开始识别"
-          }}</el-button>
+          <el-button @click="ocr" :loading="ocrLoading" type="primary">
+            {{ ocrLoading ? "正在识别" : "开始识别" }}
+          </el-button>
         </div>
         <el-table :data="ocrTruckRecordTableData" stripe max-height="500">
           <el-table-column label="港口名称" min-width="200" align="center">
@@ -235,16 +240,16 @@
                 fit="contain"
                 :src="scope.row.viewUrl"
                 :preview-src-list="ocrImageList"
-              ></el-image
-            ></template>
+              ></el-image>
+            </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
     <div class="df jcfe" v-if="distributeType != -1 && distributeType != 5">
-      <el-button size="large" type="primary" @click="submitDistribute"
-        >提交</el-button
-      >
+      <el-button size="large" type="primary" @click="submitDistribute">
+        提交
+      </el-button>
     </div>
   </div>
 </template>
@@ -432,5 +437,4 @@ onMounted(() => {
   getBill();
 });
 </script>
-<style scoped>
-</style>
+<style scoped></style>

src/views/voyage/dailyDetail.vue

@@ -18,14 +18,16 @@
                 size="small"
                 @click="authMedia(item.id, 1)"
                 type="primary"
-                >通过</el-button
               >
+                通过
+              </el-button>
               <el-button
                 size="small"
                 @click="authMedia(item.id, 2)"
                 type="danger"
-                >未通过</el-button
               >
+                未通过
+              </el-button>
             </div>
           </div>
         </el-card>

src/views/voyage/portDeclarationDetail.vue

@@ -44,7 +44,7 @@
             fit="contain"
             :src="detail.idcardFrontViewUrl"
           >
-            <template #error> <div class="image-slot">暂无图片</div> </template>
+            <template #error><div class="image-slot">暂无图片</div></template>
           </el-image>
         </div>
       </div>
@@ -103,8 +103,9 @@
       @click="portReport"
       v-if="detail.portReportStatus == 0"
       type="primary"
-      >申请报港</el-button
     >
+      申请报港
+    </el-button>
   </div>
 </template>
 <script setup>

src/views/voyage/voyageDetail.vue

@@ -126,7 +126,11 @@
       </div>
     </div>
     <div class="line">
-      <div class="info-line" v-for="(item, index) in voyage.voyageDetails">
+      <div
+        class="info-line"
+        v-for="(item, index) in voyage.voyageDetails"
+        :key="item"
+      >
         <div class="info-line-title">{{ "第 " + (index + 1) + " 卸货港" }}</div>
         <el-input
           class="info-line-text"
@@ -140,9 +144,9 @@
           v-if="!insertDiscPortVisable"
           style="margin-left: 140px"
         >
-          <el-button type="primary" @click="insertDiscPortVisable = true"
-            >添加提前卸货港</el-button
-          >
+          <el-button type="primary" @click="insertDiscPortVisable = true">
+            添加提前卸货港
+          </el-button>
         </div>
         <div class="info-line" v-else style="margin-left: 40px">
           <div class="info-line-title" style="width: 80px">提前卸货港</div>
@@ -156,9 +160,9 @@
             style="width: 120px !important"
           />
           <el-button type="primary" @click="addNewPort">确认添加</el-button>
-          <el-button type="default" @click="cancelInsertDiscPort"
-            >取消添加</el-button
-          >
+          <el-button type="default" @click="cancelInsertDiscPort">
+            取消添加
+          </el-button>
         </div>
       </div>
     </div>
@@ -288,6 +292,7 @@
     <el-tabs v-model="currentPortId" type="border-card" class="demo-tabs mb20">
       <el-tab-pane
         v-for="(item, index) in voyage.voyageDetails"
+        :key="item"
         :label="item.portName + ' # ' + (index + 1)"
         :name="item.portId + ''"
       >
@@ -425,6 +430,7 @@
     >
       <el-tab-pane
         v-for="(item, index) in voyage.voyageDetails"
+        :key="item"
         :label="item.portName + ' # ' + (index + 1)"
         :name="item.portId + ''"
       ></el-tab-pane>
@@ -487,9 +493,7 @@
     <div class="container-second-title df aic jcsb mt40">
       <div>提单信息</div>
       <div>
-        <el-button type="primary" @click="showAddLab()">
-          新增提单记录
-        </el-button>
+        <el-button type="primary" @click="showAddLab()">新增提单记录</el-button>
       </div>
     </div>
     <el-table :data="labTableData" stripe style="width: 1200px">
@@ -617,8 +621,9 @@
           style="width: 160px"
           type="primary"
           :loading="isDischargeLoadingExcel"
-          >下载卸货信息</el-button
         >
+          下载卸货信息
+        </el-button>
       </div>
     </div>
     <el-table
@@ -731,7 +736,7 @@
         </el-form-item>
       </el-form>
       <div class="df aic jcfe mb30">
-        <el-button type="primary" @click="addDischarge"> 新增 </el-button>
+        <el-button type="primary" @click="addDischarge">新增</el-button>
       </div>
     </el-dialog>
     <el-dialog
@@ -1158,8 +1163,9 @@
         :indeterminate="isIndeterminate"
         size="large"
         style="margin-right: 20px"
-        >全选</el-checkbox
       >
+        全选
+      </el-checkbox>
       <el-button
         style="width: 220px; margin-right: 20px"
         type="primary"
@@ -1179,6 +1185,7 @@
           margin-bottom: 20px;
         "
         v-for="item in shipownerUploadFiles"
+        :key="item"
       >
         <el-image
           style="height: 100px; width: 100px"
@@ -1215,12 +1222,14 @@
     <h4 class="mb10">请选择卸货港:</h4>
     <div class="df aic distribute-group">
       <el-button
-        v-for="(item, index) in voyage.voyageDetails"
+        v-for="item in voyage.voyageDetails"
+        :key="item"
         class="mr20"
         :type="distributePortId == item.portId ? 'primary' : ''"
         @click="distributePortId = item.portId"
-        >{{ item.portName }}</el-button
       >
+        {{ item.portName }}
+      </el-button>
     </div>
     <div class="hr m10-0"></div>
     <h4 class="mb10">请选择单据类型:</h4>
@@ -1229,19 +1238,22 @@
         class="mr20"
         :type="distributeType == 1 ? 'primary' : ''"
         @click="distributeType = 1"
-        >运单</el-button
       >
+        运单
+      </el-button>
       <el-button
         class="mr20"
         :type="distributeType == 2 ? 'primary' : ''"
         @click="distributeType = 2"
-        >磅单</el-button
       >
+        磅单
+      </el-button>
       <el-button
         :type="distributeType == 4 ? 'primary' : ''"
         @click="distributeType = 4"
-        >汽运装货单</el-button
       >
+        汽运装货单
+      </el-button>
       <!-- <el-radio v-model="distributeType" label="1" size="large">运单</el-radio>
       <el-radio v-model="distributeType" label="2" size="large">磅单</el-radio>
       <el-radio v-model="distributeType" label="4" size="large"
@@ -1259,6 +1271,7 @@
           border: 2px solid #7598b1;
         "
         v-for="item in checkedImages"
+        :key="item"
       >
         <el-image
           style="height: 100px; width: 100px"
@@ -1299,9 +1312,9 @@
     </div>
     <div v-show="distributeType == 4">
       <div class="tar">
-        <el-button @click="ocr" :loading="ocrLoading" type="primary">{{
-          ocrLoading ? "正在识别" : "开始识别"
-        }}</el-button>
+        <el-button @click="ocr" :loading="ocrLoading" type="primary">
+          {{ ocrLoading ? "正在识别" : "开始识别" }}
+        </el-button>
       </div>
       <el-table :data="ocrTruckRecordTableData" stripe max-height="500">
         <el-table-column label="港口名称" min-width="200" align="center">
@@ -1413,8 +1426,8 @@
               fit="contain"
               :src="scope.row.viewUrl"
               :preview-src-list="ocrImageList"
-            ></el-image
-          ></template>
+            ></el-image>
+          </template>
         </el-table-column>
         <!-- <el-table-column label="操作" min-width="120" align="center">
           <template v-slot="scope">

src/views/voyage/voyageList.vue

@@ -110,8 +110,9 @@
                   size="medium"
                   type="primary"
                   :loading="isUpLoading"
-                  >上传FYDI指数</el-button
                 >
+                  上传FYDI指数
+                </el-button>
               </el-upload>
             </div>
           </template>
@@ -121,8 +122,9 @@
           size="medium"
           type="primary"
           @click="voyageAddDialogVisible = true"
-          >添加航次</el-button
         >
+          添加航次
+        </el-button>
         <el-popover placement="bottom" :width="100" trigger="hover">
           <template #reference>
             <el-button size="medium" type="primary">导出</el-button>
@@ -139,21 +141,24 @@
               type="primary"
               size="medium"
               @click="showExportModal('航次列表')"
-              >导出航次列表</el-button
             >
+              导出航次列表
+            </el-button>
             <el-button
               type="primary"
               size="medium"
               @click="showExportModal('航次跟踪')"
-              >导出航次跟踪</el-button
             >
+              导出航次跟踪1️⃣uu'ingfffffftwasxxzxws
+            </el-button>
             <el-button
               type="primary"
               size="medium"
               @click="showExportModal('卸货记录')"
-              >导出卸货记录</el-button
             >
-            <!-- <el-button type="primary" size="medium" @click="downloadFYDI"
+              导出卸货记录
+            </el-button>
+            <!-- <el-button type="primary" size="medium" @æclick="downloadFYDI"
               >下载FYDI指数</el-button
             > -->
           </div>
@@ -179,9 +184,9 @@
           />
         </div>
         <div></div>
-        <el-button type="primary" @click="exportZip" :loading="isLoadingZip"
-          >导出{{ exportModalTitle }}</el-button
-        >
+        <el-button type="primary" @click="exportZip" :loading="isLoadingZip">
+          导出{{ exportModalTitle }}
+        </el-button>
       </div>
     </el-dialog>
     <el-dialog
@@ -245,6 +250,7 @@
           <el-form-item></el-form-item>
           <el-form-item
             v-for="(item, index) in discPorts"
+            :key="item"
             prop="dischargeProt"
             :label="'第 ' + (index + 1) + ' 卸货港'"
           >
@@ -257,10 +263,10 @@
             ></RemoteSelect>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" size="small" @click="addDiscPort"
-              >添加卸货港</el-button
-            ></el-form-item
-          >
+            <el-button type="primary" size="small" @click="addDiscPort">
+              添加卸货港
+            </el-button>
+          </el-form-item>
           <el-form-item v-if="discPorts.length % 2 == 0"></el-form-item>
 
           <el-form-item prop="cargo" label="货种">