whm
/
BookingHeChuanFront
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

4/14

Browse Source
szh_zidingyibiaoti
张同海 2 years ago
parent 67ba50ad1c
commit 5170ce4f8d
3 changed files with 331 additions and 239 deletions
Show Stats Download Patch File Download Diff File

12
src/router/generator-routers.js
Unescape Escape View File

@ -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'
}
]
// 订舱

356
src/views/main/SendCar/addForm.vue
Unescape Escape View File

@ -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,

4
src/views/main/SendCar/index.vue
Unescape Escape View File

@ -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]

Write Preview
Loading…
Cancel
Save