From 42bd002ffbbfb6735e1584fd3db4b30399b6174f Mon Sep 17 00:00:00 2001
From: lilu <lilu@myshipping.net>
Date: Wed, 18 Jan 2023 11:21:35 +0800
Subject: [PATCH] =?UTF-8?q?edi=E6=B7=BB=E5=8A=A0=E4=B8=9A=E5=8A=A1?=
 =?UTF-8?q?=E5=A4=87=E6=B3=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modular/main/TaskmanageList.js        |  12 +
 src/layouts/BasicLayout.vue                   |   3 +-
 .../detail/components/ediMore.vue             | 130 +++-
 src/views/main/DjyApiAuth/index.vue           |   9 +-
 .../Taskmanage/TaskmanageDetail/index.vue     | 625 ++++++++++--------
 .../main/Taskmanage/TaskmanageList/index.vue  |  24 +-
 6 files changed, 496 insertions(+), 307 deletions(-)

diff --git a/src/api/modular/main/TaskmanageList.js b/src/api/modular/main/TaskmanageList.js
index ca67c2f..c72fbc5 100644
--- a/src/api/modular/main/TaskmanageList.js
+++ b/src/api/modular/main/TaskmanageList.js
@@ -131,6 +131,7 @@ export function DownloadAttach (parameter) {
     data: parameter
 	})
 }
+
 /**
  * 获取详情
  */
@@ -141,3 +142,14 @@ export function GetBookingOrderInfo (parameter) {
 		params: parameter
 	})
 }
+
+/**
+ * lara 记录
+ */
+export function LaraPaperRegistPost (parameter) {
+	return axios({
+		url: '/TaskManage/LaraPaperRegistPost',
+		method: 'post',
+    data: parameter
+	})
+}
diff --git a/src/layouts/BasicLayout.vue b/src/layouts/BasicLayout.vue
index 13e4ff8..b3fe7f6 100644
--- a/src/layouts/BasicLayout.vue
+++ b/src/layouts/BasicLayout.vue
@@ -41,7 +41,8 @@
       />
 
       <!-- layout content -->
-      <a-layout-content :style="{ height: '100%', margin: '24px 24px 0', paddingTop: fixedHeader ? '55px' : '0' }">
+      <!-- height: '100%', -->
+      <a-layout-content :style="{ height: '600px', margin: '24px 24px 0', paddingTop: fixedHeader ? '55px' : '0' }">
         <multi-tab v-if="multiTab"></multi-tab>
         <transition name="page-transition">
           <route-view />
diff --git a/src/views/main/BookingLedger/detail/components/ediMore.vue b/src/views/main/BookingLedger/detail/components/ediMore.vue
index d63ffa6..5e6657e 100644
--- a/src/views/main/BookingLedger/detail/components/ediMore.vue
+++ b/src/views/main/BookingLedger/detail/components/ediMore.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="more-edi" :style="{paddingTop:'25px'}">
     <a-form-model ref="ediFrom" :model="details" :rules="rules">
-      <a-row :gutter="16">
-        <div class="normal">
+      <div class="normal">
+        <a-row :gutter="16">
           <a-col :span="8">
             <a-form-model-item
               label="发送方EDI代码"
@@ -201,13 +201,70 @@
               has-feedback
               prop="bookingEDIExt.weiTuoFang"
             >
-              <a-textarea v-model="details.bookingEDIExt.weiTuoFang" />
+              <a-textarea v-model="details.bookingEDIExt.weiTuoFang" :auto-size="{ minRows: 2, maxRows: 5 }"/>
             </a-form-model-item>
           </a-col>
+        </a-row>
+      </div>
+      <div class="ex-remark">
+        <div class="title">
+          <span class="line left"></span>
+          <span class="text">业务备注</span>
+          <span class="line right"></span>
         </div>
-        <!-- === 太平添加 start === -->
-        <template v-if="details.carrierid == 'PIL'">
-          <div class="taiping">
+        <div class="ex-remark-content">
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-model-item
+                label="辅助字段1"
+                :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
+                has-feedback
+                prop="bookingEDIExt.exRemark1"
+              >
+                <a-textarea :allowClear="true" v-model="details.bookingEDIExt.exRemark1" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-model-item
+                label="辅助字段2"
+                :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
+                has-feedback
+                prop="bookingEDIExt.exRemark2"
+              >
+                <a-textarea :allowClear="true" v-model="details.bookingEDIExt.exRemark2" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-model-item
+                label="辅助字段3"
+                :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
+                has-feedback
+                prop="bookingEDIExt.exRemark3"
+              >
+                <a-textarea :allowClear="true" v-model="details.bookingEDIExt.exRemark3" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+              </a-form-model-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-model-item
+                label="辅助字段4"
+                :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }"
+                :wrapperCol="{ xs: { span: 24 }, sm: { span: 17 } }"
+                has-feedback
+                prop="bookingEDIExt.exRemark4"
+              >
+                <a-textarea :allowClear="true" v-model="details.bookingEDIExt.exRemark4" :auto-size="{ minRows: 2, maxRows: 5 }"/>
+              </a-form-model-item>
+            </a-col>
+          </a-row>
+        </div>
+      </div>
+      <!-- === 太平添加 start === -->
+      <template v-if="details.carrierid == 'PIL'">
+        <div class="taiping">
+          <a-row :gutter="16">
             <a-col :span="12">
               <a-form-model-item
                 label="收货人EDI代码"
@@ -230,7 +287,6 @@
                 <a-input :allowClear="true" v-model="details.bookingEDIExt.shipperEdiCode" />
               </a-form-model-item>
             </a-col>
-
             <a-col :span="12">
               <a-form-model-item
                 label="通知方EDI代码"
@@ -242,7 +298,6 @@
                 <a-input :allowClear="true" v-model="details.bookingEDIExt.notifyCdoe" />
               </a-form-model-item>
             </a-col>
-
             <a-col :span="12">
               <a-form-model-item
                 label="太平销售EDI代码"
@@ -292,7 +347,7 @@
                 has-feedback
                 prop="bookingEDIExt.s0CC0C"
               >
-                <a-textarea :allowClear="true" v-model="details.bookingEDIExt.s0CC0C" />
+                <a-textarea :allowClear="true" v-model="details.bookingEDIExt.s0CC0C" :auto-size="{ minRows: 2, maxRows: 5 }"/>
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -303,11 +358,13 @@
                 has-feedback
                 prop="bookingEDIExt.ckhi"
               >
-                <a-textarea v-model="details.bookingEDIExt.ckhi" />
+                <a-textarea v-model="details.bookingEDIExt.ckhi" :auto-size="{ minRows: 2, maxRows: 5 }"/>
               </a-form-model-item>
             </a-col>
-          </div>
-          <div class="taiping-2">
+          </a-row>
+        </div>
+        <div class="taiping-2">
+          <a-row :gutter="16">
             <a-col :span="12">
               <a-form-model-item
                 label="南美东"
@@ -316,7 +373,7 @@
                 has-feedback
                 prop="bookingEDIExt.cncm"
               >
-                <a-textarea v-model="details.bookingEDIExt.cncm" />
+                <a-textarea v-model="details.bookingEDIExt.cncm" :auto-size="{ minRows: 2, maxRows: 5 }"/>
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -327,7 +384,7 @@
                 has-feedback
                 prop="bookingEDIExt.wncm"
               >
-                <a-textarea v-model="details.bookingEDIExt.wncm" />
+                <a-textarea v-model="details.bookingEDIExt.wncm" :auto-size="{ minRows: 2, maxRows: 5 }"/>
               </a-form-model-item>
             </a-col>
             <a-col :span="12">
@@ -341,10 +398,10 @@
                 <a-input :allowClear="true" v-model="details.bookingEDIExt.acihbl" />
               </a-form-model-item>
             </a-col>
-          </div>
-        </template>
-        <!-- === 太平添加 END === -->
-      </a-row>
+          </a-row>
+        </div>
+      </template>
+      <!-- === 太平添加 END === -->
     </a-form-model>
   </div>
 </template>
@@ -464,9 +521,44 @@ export default {
   overflow: hidden;
 }
 .taiping{
-  border-top: 1px dashed #ddd;
+  border-top: 1px dashed #ccc;
   margin-top: 10px;
   padding-top: 10px;
   overflow: hidden;
 }
+.ex-remark{
+  overflow: hidden;
+  .title{
+    height: 40px;
+    display: flex;
+    width: 100%;
+    margin-bottom:20px;
+    .text{
+      width: 87px;
+      height: 40px;
+      line-height: 40px;
+      font-size: 14px;
+      color: #666;
+      font-weight: 600;
+      text-align: center;
+    }
+    span{
+      display: block;
+      vertical-align: top;
+    }
+    .line{
+      border-bottom: 1px dashed #ccc;
+      height: 19px;
+    }
+    .left{
+      width:100px;
+    }
+    .right{
+      flex: 1;
+    }
+  }
+  .ex-remark-content{
+    overflow: hidden;
+  }
+}
 </style>
diff --git a/src/views/main/DjyApiAuth/index.vue b/src/views/main/DjyApiAuth/index.vue
index 97715be..fc8b957 100644
--- a/src/views/main/DjyApiAuth/index.vue
+++ b/src/views/main/DjyApiAuth/index.vue
@@ -394,7 +394,14 @@ export default {
           if (res.success) {
             this.$message.success('保存成功')
             this.$refs.addForm.handleCancel()
-            this.init()
+            const {
+              form: { validateFields }
+            } = this
+            validateFields((err, values) => {
+              if (!err) {
+                this.init(values)
+              }
+            })
           } else {
             this.$message.error(res.message)
           }
diff --git a/src/views/main/Taskmanage/TaskmanageDetail/index.vue b/src/views/main/Taskmanage/TaskmanageDetail/index.vue
index 5bc02c5..d2305db 100644
--- a/src/views/main/Taskmanage/TaskmanageDetail/index.vue
+++ b/src/views/main/Taskmanage/TaskmanageDetail/index.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="task-detail">
-    <div class="nav-btn">
-      <a-button type="primary">完成任务</a-button>
-      <a-button type="primary">保存</a-button>
-      <a-button type="primary">发送SI</a-button>
-      <a-button type="primary">提单确认</a-button>
-      <a-button type="primary">取消完成任务</a-button>
-      <a-button type="primary">关闭</a-button>
+    <div class="nav-btn-box">
+      <a-button class="nav-btn" type="primary">完成任务</a-button>
+      <a-button class="nav-btn" type="primary">保存</a-button>
+      <a-button class="nav-btn" type="primary">发送SI</a-button>
+      <a-button class="nav-btn" type="primary">提单确认</a-button>
+      <a-button class="nav-btn" type="primary">取消完成任务</a-button>
+      <a-button class="nav-btn" type="primary">关闭</a-button>
     </div>
     <x-card>
-      <div slot="content" style="padding-top:0;" class="mail-info">
+      <div slot="content" style="margin-top: -24px;" class="mail-info">
         <div class="task-basic-box">
           <div class="label">
             <div class="title">提单号</div>
@@ -26,286 +26,303 @@
         </div>
       </div>
     </x-card>
-    <div class="mailing-info">
-      <x-card>
-        <div slot="content" style="margin-top: -5px;" class="mail-info">
-          <a-form-model :selfUpdate="true" ref="mailingFrom" :model="taskDetail">
-            <a-row :gutter="10">
-              <a-col :xs="24" :sm="24" :md="24" :lg="10" :xl="12">
-                <a-form-model-item has-feedback prop="shipper" class="sender-label">
-                  <div class="sender">
-                    <div class="top"><div class="name"><span class="iconfont icon-bianji"></span>发货人</div></div>
-                    <div class="bottom">
-                      <a-textarea
-                        id="shipper-scroll"
-                        :defaultValue="taskDetail.shipper"
-                        v-model="showShipper"
-                        :auto-size="{ minRows: 2, maxRows: 5 }"
-                        style="height: 120px"
-                        @blur="textareaChange($event, 'shipper')"
-                      />
-                      <div
-                        class="line-count"
-                        id="shipper-scroll-right"
-                        v-if="Object.keys(taskDetail).length > 1 && taskDetail.shipper.length > 1"
-                      >
-                        <div v-for="(num, index) in taskDetail.shipper.split('\n')" :key="index">{{ num.length }}</div>
-                      </div>
-                    </div>
-                  </div>
-                </a-form-model-item>
-                <a-form-model-item has-feedback prop="consignee" class="sender-label">
-                  <div class="consignee">
-                    <div class="top"><div class="name"><span class="iconfont icon-bianji"></span>收货人</div></div>
-                    <div class="bottom">
-                      <a-textarea
-                        id="consignee-scroll"
-                        :defaultValue="taskDetail.consignee"
-                        v-model="showConsignee"
-                        :auto-size="{ minRows: 2, maxRows: 5 }"
-                        style="height: 120px"
-                        @blur="textareaChange($event, 'consignee')"
-                      />
-                      <div
-                        class="line-count"
-                        id="consignee-scroll-right"
-                        v-if="Object.keys(taskDetail).length > 1 && taskDetail.consignee.length > 1"
-                      >
-                        <div v-for="(num, index) in taskDetail.consignee.split('\n')" :key="index">{{ num.length }}</div>
-                      </div>
-                    </div>
-                  </div>
-                </a-form-model-item>
-                <a-form-model-item has-feedback prop="notifyparty" class="sender-label">
-                  <div class="notifier">
-                    <div class="top"><div class="name"><span class="iconfont icon-bianji"></span>通知人</div></div>
-                    <div class="bottom">
-                      <a-textarea
-                        id="notifyparty-scroll"
-                        :defaultValue="taskDetail.notifyparty"
-                        :auto-size="{ minRows: 2, maxRows: 5 }"
-                        style="height: 120px"
-                        v-model="showNotifier"
-                        @blur="textareaChange($event, 'notifyparty')"
-                      />
-                      <div
-                        class="line-count"
-                        id="notifyparty-scroll-right"
-                        v-if="Object.keys(taskDetail).length > 1 && taskDetail.notifyparty.length > 1"
-                      >
-                        <div v-for="(num, index) in taskDetail.notifyparty.split('\n')" :key="index">{{ num.length }}</div>
+
+    <a-collapse class="collapse-box" :bordered="false" expandIconPosition="right" v-model="showKey">
+      <a-collapse-panel key="1">
+        <template slot="header">
+          <div class="base-tit"><i class="iconfont icon-a-fahuodaifahuo"></i>收发通信息</div>
+        </template>
+        <div class="mailing-info">
+          <x-card>
+            <div slot="content" style="margin-top: -24px;" class="mail-info">
+              <a-form-model :selfUpdate="true" ref="mailingFrom" :model="taskDetail">
+                <a-row :gutter="10">
+                  <a-col :xs="24" :sm="24" :md="24" :lg="10" :xl="12">
+                    <a-form-model-item has-feedback prop="shipper" class="sender-label">
+                      <div class="sender">
+                        <div class="top"><div class="name"><span class="iconfont icon-bianji"></span>发货人</div></div>
+                        <div class="bottom">
+                          <a-textarea
+                            id="shipper-scroll"
+                            :defaultValue="taskDetail.shipper"
+                            v-model="showShipper"
+                            :auto-size="{ minRows: 2, maxRows: 5 }"
+                            style="height: 120px"
+                            @blur="textareaChange($event, 'shipper')"
+                          />
+                          <div
+                            class="line-count"
+                            id="shipper-scroll-right"
+                            v-if="Object.keys(taskDetail).length > 1 && taskDetail.shipper.length > 1"
+                          >
+                            <div v-for="(num, index) in taskDetail.shipper.split('\n')" :key="index">{{ num.length }}</div>
+                          </div>
+                        </div>
                       </div>
-                    </div>
-                  </div>
-                </a-form-model-item>
-              </a-col>
-              <a-col class="right-content" :xs="24" :sm="24" :md="24" :lg="14" :xl="12">
-                <a-row :gutter="16">
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="装货港代码"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="portloadid"
-                    >
-                      <auto-complete
-                        :allowClear="true"
-                        v-model="taskDetail.portloadid"
-                        class="customer-input"
-                        :data-source="portloadDataArr"
-                        :dropdown-match-select-width="false"
-                        :dropdown-style="{ width: '300px' }"
-                        @select="portloadSelect"
-                        @change="portloadChange"
-                        @focus="portloadChange"
-                      ></auto-complete>
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="装货港"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="portload"
-                    >
-                      <a-input :allowClear="true" v-model="taskDetail.portload" />
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="中转港代码"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="transportid"
-                    >
-                      <auto-complete
-                        :allowClear="true"
-                        v-model="taskDetail.transportid"
-                        class="customer-input"
-                        :data-source="transportDataArr"
-                        :dropdown-match-select-width="false"
-                        :dropdown-style="{ width: '300px' }"
-                        @select="transportSelect"
-                        @change="transportChange"
-                        @focus="transportChange"
-                      />
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="中转港"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="transport"
-                    >
-                      <a-input :allowClear="true" v-model="taskDetail.transport" />
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="卸货港代码"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="portdischargeid"
-                    >
-                      <auto-complete
-                        :allowClear="true"
-                        v-model="taskDetail.portdischargeid"
-                        class="customer-input"
-                        :data-source="portdischargeDataArr"
-                        :dropdown-match-select-width="false"
-                        :dropdown-style="{ width: '300px' }"
-                        @select="portdischargeSelect"
-                        @change="portdischargeChange"
-                        @focus="portdischargeChange"
-                      />
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="卸货港"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="portdischarge"
-                    >
-                      <a-input :allowClear="true" v-model="taskDetail.portdischarge" />
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="目的代码"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="destinationid"
-                    >
-                      <auto-complete
-                        :allowClear="true"
-                        v-model="taskDetail.destinationid"
-                        class="customer-input"
-                        :data-source="destinationDataArr"
-                        :dropdown-match-select-width="false"
-                        :dropdown-style="{ width: '300px' }"
-                        @select="destinationSelect"
-                        @change="destinationChange"
-                        @focus="destinationChange"
-                      />
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="目的地"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="destination"
-                    >
-                      <a-input :allowClear="true" v-model="taskDetail.destination" />
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="件数"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="pkgs"
-                    >
-                      <a-input :allowClear="true" v-model="taskDetail.pkgs" type="number"/>
-                    </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="包装"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="kindpkgs"
-                    >
-                      <auto-complete
-                        :allowClear="true"
-                        v-model="taskDetail.kindpkgs"
-                        class="customer-input"
-                        :data-source="kindpkgsDataArr"
-                        :dropdown-match-select-width="false"
-                        :dropdown-style="{ width: '200px' }"
-                        @select="kindpkgsSelect"
-                        @change="kindpkgsChange"
-                        @focus="kindpkgsChange"
-                      />
                     </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="毛重"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="kgs"
-                    >
-                      <div class="line-box">
-                        <a-input :allowClear="true" v-model="taskDetail.kgs" /><span class="unit">KGS</span>
+                    <a-form-model-item has-feedback prop="consignee" class="sender-label">
+                      <div class="consignee">
+                        <div class="top"><div class="name"><span class="iconfont icon-bianji"></span>收货人</div></div>
+                        <div class="bottom">
+                          <a-textarea
+                            id="consignee-scroll"
+                            :defaultValue="taskDetail.consignee"
+                            v-model="showConsignee"
+                            :auto-size="{ minRows: 2, maxRows: 5 }"
+                            style="height: 120px"
+                            @blur="textareaChange($event, 'consignee')"
+                          />
+                          <div
+                            class="line-count"
+                            id="consignee-scroll-right"
+                            v-if="Object.keys(taskDetail).length > 1 && taskDetail.consignee.length > 1"
+                          >
+                            <div v-for="(num, index) in taskDetail.consignee.split('\n')" :key="index">{{ num.length }}</div>
+                          </div>
+                        </div>
                       </div>
                     </a-form-model-item>
-                  </a-col>
-                  <a-col :span="12">
-                    <a-form-model-item
-                      class="from-label"
-                      label="尺寸"
-                      :labelCol="labelCol"
-                      :wrapperCol="wrapperCol"
-                      has-feedback
-                      prop="cbm"
-                    >
-                      <div class="line-box">
-                        <a-input :allowClear="true" v-model="taskDetail.cbm" /><span class="unit">CBM</span>
+                    <a-form-model-item has-feedback prop="notifyparty" class="sender-label">
+                      <div class="notifier">
+                        <div class="top"><div class="name"><span class="iconfont icon-bianji"></span>通知人</div></div>
+                        <div class="bottom">
+                          <a-textarea
+                            id="notifyparty-scroll"
+                            :defaultValue="taskDetail.notifyparty"
+                            :auto-size="{ minRows: 2, maxRows: 5 }"
+                            style="height: 120px"
+                            v-model="showNotifier"
+                            @blur="textareaChange($event, 'notifyparty')"
+                          />
+                          <div
+                            class="line-count"
+                            id="notifyparty-scroll-right"
+                            v-if="Object.keys(taskDetail).length > 1 && taskDetail.notifyparty.length > 1"
+                          >
+                            <div v-for="(num, index) in taskDetail.notifyparty.split('\n')" :key="index">{{ num.length }}</div>
+                          </div>
+                        </div>
                       </div>
                     </a-form-model-item>
                   </a-col>
+                  <a-col class="right-content" :xs="24" :sm="24" :md="24" :lg="14" :xl="12">
+                    <a-row :gutter="16">
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="装货港代码"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="portloadid"
+                        >
+                          <auto-complete
+                            :allowClear="true"
+                            v-model="taskDetail.portloadid"
+                            class="customer-input"
+                            :data-source="portloadDataArr"
+                            :dropdown-match-select-width="false"
+                            :dropdown-style="{ width: '300px' }"
+                            @select="portloadSelect"
+                            @change="portloadChange"
+                            @focus="portloadChange"
+                          ></auto-complete>
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="装货港"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="portload"
+                        >
+                          <a-input :allowClear="true" v-model="taskDetail.portload" />
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="中转港代码"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="transportid"
+                        >
+                          <auto-complete
+                            :allowClear="true"
+                            v-model="taskDetail.transportid"
+                            class="customer-input"
+                            :data-source="transportDataArr"
+                            :dropdown-match-select-width="false"
+                            :dropdown-style="{ width: '300px' }"
+                            @select="transportSelect"
+                            @change="transportChange"
+                            @focus="transportChange"
+                          />
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="中转港"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="transport"
+                        >
+                          <a-input :allowClear="true" v-model="taskDetail.transport" />
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="卸货港代码"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="portdischargeid"
+                        >
+                          <auto-complete
+                            :allowClear="true"
+                            v-model="taskDetail.portdischargeid"
+                            class="customer-input"
+                            :data-source="portdischargeDataArr"
+                            :dropdown-match-select-width="false"
+                            :dropdown-style="{ width: '300px' }"
+                            @select="portdischargeSelect"
+                            @change="portdischargeChange"
+                            @focus="portdischargeChange"
+                          />
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="卸货港"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="portdischarge"
+                        >
+                          <a-input :allowClear="true" v-model="taskDetail.portdischarge" />
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="目的代码"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="destinationid"
+                        >
+                          <auto-complete
+                            :allowClear="true"
+                            v-model="taskDetail.destinationid"
+                            class="customer-input"
+                            :data-source="destinationDataArr"
+                            :dropdown-match-select-width="false"
+                            :dropdown-style="{ width: '300px' }"
+                            @select="destinationSelect"
+                            @change="destinationChange"
+                            @focus="destinationChange"
+                          />
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="目的地"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="destination"
+                        >
+                          <a-input :allowClear="true" v-model="taskDetail.destination" />
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="件数"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="pkgs"
+                        >
+                          <a-input :allowClear="true" v-model="taskDetail.pkgs" type="number"/>
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="包装"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="kindpkgs"
+                        >
+                          <auto-complete
+                            :allowClear="true"
+                            v-model="taskDetail.kindpkgs"
+                            class="customer-input"
+                            :data-source="kindpkgsDataArr"
+                            :dropdown-match-select-width="false"
+                            :dropdown-style="{ width: '200px' }"
+                            @select="kindpkgsSelect"
+                            @change="kindpkgsChange"
+                            @focus="kindpkgsChange"
+                          />
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="毛重"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="kgs"
+                        >
+                          <div class="line-box">
+                            <a-input :allowClear="true" v-model="taskDetail.kgs" /><span class="unit">KGS</span>
+                          </div>
+                        </a-form-model-item>
+                      </a-col>
+                      <a-col :span="12">
+                        <a-form-model-item
+                          class="from-label"
+                          label="尺寸"
+                          :labelCol="labelCol"
+                          :wrapperCol="wrapperCol"
+                          has-feedback
+                          prop="cbm"
+                        >
+                          <div class="line-box">
+                            <a-input :allowClear="true" v-model="taskDetail.cbm" /><span class="unit">CBM</span>
+                          </div>
+                        </a-form-model-item>
+                      </a-col>
+                    </a-row>
+                  </a-col>
                 </a-row>
-              </a-col>
-            </a-row>
-          </a-form-model>
+              </a-form-model>
+            </div>
+          </x-card>
         </div>
-      </x-card>
-    </div>
+      </a-collapse-panel>
+    </a-collapse>
+
+    <a-collapse class="collapse-box" :bordered="false" expandIconPosition="right" v-model="showKey">
+      <a-collapse-panel key="1">
+        <template slot="header">
+          <div class="base-tit"><i class="iconfont icon-goods"></i>货物信息</div>
+        </template>
+        <div></div>
+      </a-collapse-panel>
+    </a-collapse>
   </div>
 </template>
 <script>
@@ -357,7 +374,8 @@ export default {
       kindpkgsData: [],
       showShipper: '',
       showConsignee: '',
-      showNotifier: ''
+      showNotifier: '',
+      showKey: ['1']
     }
   },
   computed: {
@@ -584,7 +602,7 @@ export default {
   display: flex;
   width: 500px;
   margin-top: 10px;
-  padding: 10px;
+  padding: 0 10px;
   background: #fff;
   margin-bottom: 10px;
   .label{
@@ -618,13 +636,15 @@ export default {
     padding-left: 5px;
   }
 }
-
+.sender-label{
+  margin-bottom: 0;
+}
 .sender,
 .consignee,
 .notifier {
-  margin-bottom: 20px;
+  // margin-bottom: 20px;
   .top {
-    margin-bottom: 15px;
+    // margin-bottom: 15px;
     min-height: 32px;
     line-height: 32px;
     overflow: hidden;
@@ -745,4 +765,41 @@ export default {
     }
   }
 }
+
+.collapse-box {
+  margin-bottom: 10px;
+  background: #fff;
+}
+
+.base-tit {
+  font-size: 14px;
+  font-weight: 600;
+  color: #666;
+  position: relative;
+  height: 34px;
+  line-height: 40px;
+  margin-top: -5px;
+  &::before {
+    content: '';
+    position: absolute;
+    width: 4px;
+    height: 30px;
+    background: @primary-color;
+    top: 6px;
+    left: 0px;
+  }
+  i {
+    margin-right: 7px;
+    font-weight: 500;
+    font-size: 18px;
+    color: @primary-color;
+    margin-left: 10px;
+  }
+}
+.nav-btn-box{
+  margin-bottom: 20px;
+  .nav-btn{
+    margin-right: 10px;
+  }
+}
 </style>
diff --git a/src/views/main/Taskmanage/TaskmanageList/index.vue b/src/views/main/Taskmanage/TaskmanageList/index.vue
index 14d8787..de78061 100644
--- a/src/views/main/Taskmanage/TaskmanageList/index.vue
+++ b/src/views/main/Taskmanage/TaskmanageList/index.vue
@@ -368,7 +368,8 @@ import {
   PrintBatch,
   DownloadAttach,
   DownloadOriginalTask,
-  LaraPaperRegist
+  LaraPaperRegist,
+  LaraPaperRegistPost
 } from '@/api/modular/main/TaskmanageList'
 export default {
   name: 'TaskmanageList',
@@ -988,7 +989,26 @@ export default {
     },
     // LARA记录
     laraRecordFun () {
-
+      const select = this.$refs.xGrid.getCheckboxRecords()
+      const pkIdArr = select.map((item, index) => {
+        return item.pkId
+      })
+      if (pkIdArr.length === 0) {
+        this.$message.error('请选择数据')
+        return false
+      }
+      console.log('已选择数据', pkIdArr)
+      LaraPaperRegistPost({
+        taskPKId: pkIdArr[0]
+      }).then((res) => {
+        debugger
+        if (res.success) {
+        } else {
+          this.$message.error(res.message)
+        }
+      }).catch((err) => {
+        console.log(err)
+      })
     },
   },
 }