Merge branch 'master' of http://60.209.125.238:13080/whm/BookingHeChuanFront

src/router/generator-routers.js

@@ -28,6 +28,7 @@ const constantRouterComponents = {
   BookingDetail: () => import('@/views/main/BookingLedger/detail'),
   CustomerInformationManagementAdd: () => import('@/views/main/Customer/addForm'),
   CustomerInformationManagementEdit: () => import('@/views/main/Customer/editForm'),
+  SendCarAdd: () => import('@/views/main/SendCar/addForm'),
   // 任务模块
   TaskmanageDetail: () => import('@/views/main/Taskmanage/TaskmanageDetail'),
   TaskLaraRecord: () => import('@/views/main/Taskmanage/TaskLaraRecord'),
@@ -261,6 +262,17 @@ const booking = [
       show: false
     },
     component: 'CustomerInformationManagementEdit'
+  },
+  {
+    name: 'SendCarAdd',
+    path: '/SendCarAdd',
+    pid: 0,
+    id: 10032,
+    meta: {
+      title: '派车编辑',
+      show: false
+    },
+    component: 'SendCarAdd'
   }
 ]
 // 订舱

src/views/main/SendCar/addForm.vue

@@ -9,175 +9,244 @@
   > -->
   <!-- <a-spin :spinning="confirmLoading"> -->
   <a-form :form="form" class="CsForm">
-    <a-row type="flex" justify="end" :gutter="16">
-      <a-col :span="2" v-if="!id">
+    <a-row type="flex" :gutter="16">
+      <a-col>
         <a-button type="primary" @click="handleSubmit('New')">
-          保存并新增
+          打印
         </a-button>
       </a-col>
-      <a-col :span="1">
+      <a-col>
         <a-button type="primary" @click="handleSubmit">
-          {{ this.id ? '修改' : '保存' }}
+          保存
+        </a-button>
+      </a-col>
+      <a-col>
+        <a-button type="primary" @click="handleSubmit">
+          提交派车
+        </a-button>
+      </a-col>
+      <a-col>
+        <a-button type="primary" @click="handleSubmit">
+          撤销派车
         </a-button>
       </a-col>
     </a-row>
     <a-row>
       <p class="CsFormTitle">
-        <span><i class="iconfont icon-shiyongwendang"></i>基本信息</span>
+        <span><i class="iconfont icon-shiyongwendang"></i>车队信息</span>
       </p>
-      <a-col :span="6">
-        <a-form-item label="助记码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['codeName', { rules: [{ required: true, message: '请输入助记码！' }] }]" />
+      <a-col :span="20">
+        <a-row>
+          <a-col :span="18">
+            <a-form-item label="车队:" :labelCol="labelCol3" :wrapperCol="wrapperCol3" has-feedback>
+              <a-select
+                mode="multiple"
+                v-decorator="['WpropString', { rules: [{ required: true, message: '请选择客户属性！' }] }]"
+              >
+                <a-select-option v-for="item in propStringData" :key="item.id" :value="item.code">
+                  {{ item.name }}
+                </a-select-option>
+              </a-select>
             </a-form-item>
           </a-col>
+        </a-row>
+        <a-row>
           <a-col :span="6">
-        <a-form-item label="简称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
+            <a-form-item label="ATTN:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+              <a-select
+                mode="multiple"
+                v-decorator="['WpropString', { rules: [{ required: true, message: '请选择客户属性！' }] }]"
+              >
+                <a-select-option v-for="item in propStringData" :key="item.id" :value="item.code">
+                  {{ item.name }}
+                </a-select-option>
+              </a-select>
             </a-form-item>
           </a-col>
           <a-col :span="6">
-        <a-form-item label="全称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['fullName']" />
+            <a-form-item label="ATTN电话:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+              <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
             </a-form-item>
           </a-col>
           <a-col :span="6">
-        <a-form-item label="负责人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['chief']" />
+            <a-form-item label="ATTN传真:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+              <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
             </a-form-item>
           </a-col>
         </a-row>
         <a-row>
           <a-col :span="6">
-        <a-form-item label="电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['tel']" />
+            <a-form-item label="FROM:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+              <a-select
+                mode="multiple"
+                v-decorator="['WpropString', { rules: [{ required: true, message: '请选择客户属性！' }] }]"
+              >
+                <a-select-option v-for="item in propStringData" :key="item.id" :value="item.code">
+                  {{ item.name }}
+                </a-select-option>
+              </a-select>
             </a-form-item>
           </a-col>
           <a-col :span="6">
-        <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['email']" />
+            <a-form-item label="FROM电话:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+              <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
             </a-form-item>
           </a-col>
           <a-col :span="6">
-        <a-form-item label="QQ" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['qq']" />
+            <a-form-item label="FROM传真:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+              <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
             </a-form-item>
           </a-col>
           <a-col :span="6">
-        <a-form-item label="网址" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['webUrl']" />
+            <a-form-item label="EMAIL:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+              <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
             </a-form-item>
           </a-col>
         </a-row>
+      </a-col>
+    </a-row>
     <a-row>
-      <a-col :span="6">
-        <a-form-item label="省份" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['province']" />
+      <p class="CsFormTitle">
+        <span><i class="iconfont icon-shiyongwendang"></i>派车通知详细信息</span>
+      </p>
+      <a-row>
+        <a-col :span="5">
+          <a-form-item label="箱型箱量:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
-      <a-col :span="6">
-        <a-form-item label="城市" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['city']" />
+        <a-col :span="3">
+          <a-form-item label="吨数:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="5">
+          <a-form-item label="陆运费:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="5">
+          <a-form-item label="支付方式:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
         <a-col :span="6">
-        <a-form-item label="地址" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input v-decorator="['addr']" />
+          <a-form-item label="派车日期:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
       </a-row>
       <a-row>
-      <a-col :span="6">
-        <a-form-item label="客户属性" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-select
-            mode="multiple"
-            v-decorator="['WpropString', { rules: [{ required: true, message: '请选择客户属性！' }] }]"
-          >
-            <a-select-option v-for="item in propStringData" :key="item.id" :value="item.code">
-              {{ item.name }}
-            </a-select-option>
-          </a-select>
+        <a-col :span="8">
+          <a-form-item label="提箱场站:" :labelCol="labelCol8" :wrapperCol="wrapperCol8" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
-      <a-col :span="6">
-        <a-form-item label="服务项目" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-select mode="multiple" v-decorator="['WserviceItem']">
-            <a-select-option v-for="item in bookingServiceItem" :key="item.id" :value="item.code">
-              {{ item.name }}
-            </a-select-option>
-          </a-select>
+        <a-col :span="8">
+          <a-form-item label="联系人:" :labelCol="labelCol8" :wrapperCol="wrapperCol8" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="8">
+          <a-form-item label="电话:" :labelCol="labelCol8" :wrapperCol="wrapperCol8" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
       </a-row>
+    </a-row>
+    <a-row>
+      <p class="CsFormTitle">
+        <span><i class="iconfont icon-shiyongwendang"></i>提货工厂信息</span>
+      </p>
       <a-row>
-      <a-col :span="12">
-        <a-form-item label="英文全名" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input v-decorator="['fullNameEN']" />
+        <a-col :span="16">
+          <a-form-item label="工厂:" :labelCol="labelCol4" :wrapperCol="wrapperCol4" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
-      <a-col :span="12">
-        <a-form-item label="英文地址" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input v-decorator="['addrEN']" />
+      </a-row>
+      <a-row>
+        <a-col :span="16">
+          <a-form-item label="工厂地址:" :labelCol="labelCol4" :wrapperCol="wrapperCol4" has-feedback>
+            <a-textarea
+              :auto-size="{ minRows: 3, maxRows: 5 }"
+              v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="8">
+          <a-form-item label="要求到达时间:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
       </a-row>
-    <!-- :style="{ marginLeft: '36px', marginRight: '33px' }" -->
       <a-row>
-      <a-col :span="18">
-        <a-form-item label="提单信息" :labelCol="labelCol4" :wrapperCol="wrapperCol4" has-feedback>
-          <a-textarea v-decorator="['tidaninfo']" :auto-size="{ minRows: 3, maxRows: 5 }" />
+        <a-col :span="8">
+          <a-form-item label="工厂联系人:" :labelCol="labelCol8" :wrapperCol="wrapperCol8" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="8">
+          <a-form-item label="联系人:" :labelCol="labelCol8" :wrapperCol="wrapperCol8" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="8">
+          <a-form-item label="返场时间:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
       </a-row>
-    <a-row class="from-box3">
-      <a-col :span="6">
-        <a-form-item class="from-label" label="销售人员" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-select :showSearch="true" :filterOption="filterOption" v-decorator="['saleid']" @focus="getUserList">
-            <a-select-option v-for="item in saleUserList" :key="item.id" :value="item.id">
-              {{ item.name }}
-            </a-select-option>
-          </a-select>
+    </a-row>
+    <a-row>
+      <p class="CsFormTitle">
+        <span><i class="iconfont icon-shiyongwendang"></i>入货场站信息</span>
+      </p>
+      <a-row>
+        <a-col :span="8">
+          <a-form-item label="入场场站:" :labelCol="labelCol8" :wrapperCol="wrapperCol8" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
-      <a-col :span="6">
-        <a-form-item class="from-label" label="操作人员" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-select :showSearch="true" :filterOption="filterOption" v-decorator="['opid']" @focus="getUserList">
-            <a-select-option v-for="item in saleUserList" :key="item.id" :value="item.id">
-              {{ item.name }}
-            </a-select-option>
-          </a-select>
+        <a-col :span="8">
+          <a-form-item label="联系人:" :labelCol="labelCol8" :wrapperCol="wrapperCol8" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
-      <a-col :span="6">
-        <a-form-item class="from-label" label="单证人员" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-select :showSearch="true" :filterOption="filterOption" v-decorator="['docid']" @focus="getUserList">
-            <a-select-option v-for="item in saleUserList" :key="item.id" :value="item.id">
-              {{ item.name }}
-            </a-select-option>
-          </a-select>
+        <a-col :span="8">
+          <a-form-item label="电话:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
-      <a-col :span="6">
-        <a-form-item class="from-label" label="客服人员" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-select
-            :showSearch="true"
-            :filterOption="filterOption"
-            v-decorator="['custserviceid']"
-            @focus="getUserList"
-          >
-            <a-select-option v-for="item in saleUserList" :key="item.id" :value="item.id">
-              {{ item.name }}
-            </a-select-option>
-          </a-select>
+      </a-row>
+      <a-row>
+        <a-col :span="8">
+          <a-form-item label="截港日期:" :labelCol="labelCol8" :wrapperCol="wrapperCol8" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="8">
+          <a-form-item label="提货日期:" :labelCol="labelCol8" :wrapperCol="wrapperCol8" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="8">
+          <a-form-item label="派车状态:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+            <a-input v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]" />
           </a-form-item>
         </a-col>
       </a-row>
+    </a-row>
     <p class="CsFormTitle">
-      <span><i class="iconfont icon-tuandui"></i>联系人信息</span>
+      <span><i class="iconfont icon-tuandui"></i>箱信息</span>
     </p>
+    <a-row>
+      <a-col :span="18">
         <vxe-toolbar>
           <template #buttons>
             <vxe-button icon="vxe-icon-square-plus" @click="insertEvent()">新增</vxe-button>
             <vxe-button @click="removeCheckboxRow()">删除选中</vxe-button>
+            <vxe-button @click="removeCheckboxRow()">引入</vxe-button>
           </template>
         </vxe-toolbar>
         <vxe-table
@@ -188,86 +257,89 @@
           :data="ContactsData"
           :edit-config="{ trigger: 'click', mode: 'row' }"
         >
-      <vxe-column type="checkbox" width="60"></vxe-column>
-      <vxe-column type="seq" width="60"></vxe-column>
-      <vxe-column field="roleCode" title="岗位" :edit-render="{}">
+          <vxe-column type="checkbox" width="40"></vxe-column>
+          <!-- <vxe-column type="seq" width="60"></vxe-column> -->
+          <vxe-column field="roleCode" title="箱型" :edit-render="{}">
             <template #default="{ row }">
               <span>{{ formatRole(row.roleCode) }}</span>
             </template>
             <template #edit="{ row }">
               <vxe-select v-model="row.roleCode" transfer>
-            <vxe-option v-for="item in TypeData" :key="item.code" :value="item.code" :label="item.name"></vxe-option>
+                <vxe-option
+                  v-for="item in TypeData"
+                  :key="item.code"
+                  :value="item.code"
+                  :label="item.name"
+                ></vxe-option>
               </vxe-select>
             </template>
           </vxe-column>
-      <vxe-column field="name" title="姓名" :edit-render="{}">
+          <vxe-column field="name" title="箱号" :edit-render="{}">
             <template #edit="{ row }">
               <vxe-input v-model="row.name" type="text"></vxe-input>
             </template>
           </vxe-column>
-      <vxe-column field="email" title="邮箱" :edit-render="{}">
+          <vxe-column field="email" title="铅封号" :edit-render="{}">
             <template #edit="{ row }">
               <vxe-input v-model="row.email" type="text"></vxe-input>
             </template>
           </vxe-column>
-      <vxe-column field="tel" title="电话" :edit-render="{}">
+          <vxe-column field="tel" title="箱量" :edit-render="{}">
             <template #edit="{ row }">
               <vxe-input v-model="row.tel" type="text"></vxe-input>
             </template>
           </vxe-column>
-      <vxe-column field="qq" title="QQ" :edit-render="{}">
+          <vxe-column field="qq" title="件数" :edit-render="{}">
             <template #edit="{ row }">
               <vxe-input v-model="row.qq" type="text" transfer></vxe-input>
             </template>
           </vxe-column>
-      <vxe-column field="remark" title="备注" :edit-render="{}">
+          <vxe-column field="remark" title="重量(KGS)" :edit-render="{}">
+            <template #edit="{ row }">
+              <vxe-input v-model="row.remark" type="text" transfer></vxe-input>
+            </template>
+          </vxe-column>
+          <vxe-column field="remark" title="尺寸(CMB)" :edit-render="{}">
+            <template #edit="{ row }">
+              <vxe-input v-model="row.remark" type="text" transfer></vxe-input>
+            </template>
+          </vxe-column>
+          <vxe-column field="remark" title="车牌号" :edit-render="{}">
+            <template #edit="{ row }">
+              <vxe-input v-model="row.remark" type="text" transfer></vxe-input>
+            </template>
+          </vxe-column>
+          <vxe-column field="remark" title="司机" :edit-render="{}">
+            <template #edit="{ row }">
+              <vxe-input v-model="row.remark" type="text" transfer></vxe-input>
+            </template>
+          </vxe-column>
+          <vxe-column field="remark" title="司机电话" :edit-render="{}">
             <template #edit="{ row }">
               <vxe-input v-model="row.remark" type="text" transfer></vxe-input>
             </template>
           </vxe-column>
         </vxe-table>
-    <p class="CsFormTitle" :style="{ marginTop: '10px' }">
-      <span><i class="iconfont icon-icon_xinyong_xianxing_jijin-217"></i>财务信息</span>
-    </p>
-    <a-row>
-      <a-col :span="12">
-        <a-form-item label="发票抬头" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input v-decorator="['invTitle']" />
-        </a-form-item>
-      </a-col>
-      <a-col :span="12">
-        <a-form-item label="纳税人识别号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input v-decorator="['taxNO']" />
-        </a-form-item>
-      </a-col>
-      <a-col :span="18">
-        <a-form-item label="发票地址电话" :labelCol="labelCol3" :wrapperCol="wrapperCol3" has-feedback>
-          <a-input v-decorator="['invAddrTel']" />
-        </a-form-item>
       </a-col>
-    </a-row>
+      <a-col :span="6" :style="{ marginTop: '50px' }">
         <a-row>
-      <a-col :span="12">
-        <a-form-item label="人民币开户行" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input v-decorator="['rmbBank']" />
+          <a-col>
+            <a-form-item label="注意事项:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+              <a-textarea
+                :auto-size="{ minRows: 3, maxRows: 5 }"
+                v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]"
+              />
             </a-form-item>
           </a-col>
-      <a-col :span="12">
-        <a-form-item label="人民币账号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input v-decorator="['rmbAccount']" />
+          <a-col>
+            <a-form-item label="备注:" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
+              <a-textarea
+                :auto-size="{ minRows: 3, maxRows: 5 }"
+                v-decorator="['shortName', { rules: [{ required: true, message: '请输入简称！' }] }]"
+              />
             </a-form-item>
           </a-col>
         </a-row>
-    <a-row>
-      <a-col :span="12">
-        <a-form-item label="美元开户行" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input v-decorator="['usdBank']" />
-        </a-form-item>
-      </a-col>
-      <a-col :span="12">
-        <a-form-item label="美元账号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input v-decorator="['usdAccount']" />
-        </a-form-item>
       </a-col>
     </a-row>
   </a-form>
@@ -302,6 +374,10 @@ export default {
         xs: { span: 24 },
         sm: { span: 2 }
       },
+      labelCol8: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
       wrapperCol: {
         xs: { span: 25 },
         sm: { span: 16 }
@@ -312,12 +388,16 @@ export default {
       },
       wrapperCol3: {
         xs: { span: 25 },
-        sm: { span: 22 }
+        sm: { span: 21 }
       },
       wrapperCol4: {
         xs: { span: 25 },
         sm: { span: 22 }
       },
+      wrapperCol8: {
+        xs: { span: 25 },
+        sm: { span: 18 }
+      },
       typeData: [],
       visible: false,
       confirmLoading: false,

src/views/main/SendCar/index.vue

@@ -291,8 +291,8 @@ export default {
       // this.activeKey = activeKey
     },
     TabsAdd() {
-      this.$router.push({ name: 'CustomerInformationManagementAdd' })
-      localStorage.setItem('CustomerInformationManagementAdd', 'new')
+      this.$router.push({ name: 'SendCarAdd' })
+      localStorage.setItem('SendCarAdd', 'new')
     },
     columnChange(data) {
       this.ColumnsQuery = [...data]