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

3/6

Browse Source
pull/1/head
张同海 2 years ago
parent 9285157779
commit 5f5d9c32b7
4 changed files with 352 additions and 196 deletions
Show Stats Download Patch File Download Diff File

208
src/views/main/BookingTemplate/index.vue
Unescape Escape View File

@ -4,24 +4,28 @@
<div class="table-page-search-wrapper">
<a-form layout="inline">
<a-row :gutter="48">
<a-col :md="8" :sm="24">
<a-form-item label="代码">
<a-input v-model="queryParam.title" allow-clear placeholder="请输入代码" />
</a-form-item>
<a-col :md="18">
<a-row :gutter="48">
<a-col :md="8" :sm="24">
<a-form-item label="代码">
<a-input v-model="queryParam.title" allow-clear placeholder="请输入代码" />
</a-form-item>
</a-col>
<a-col :md="8" :sm="24">
<a-form-item label="类型">
<a-select style="width: 100%" v-model="queryParam.type" placeholder="请选择类型">
<a-select-option v-for="(item, index) in typeData" :key="index" :value="item.code"
>{{ item.name }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
</a-row>
</a-col>
<a-col :md="8" :sm="24">
<a-form-item label="类型">
<a-select style="width: 100%" v-model="queryParam.type" placeholder="请选择类型">
<a-select-option v-for="(item, index) in typeData" :key="index" :value="item.code"
>{{ item.name }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :md="8" :sm="24">
<a-col :md="6" :sm="24">
<span class="table-page-search-submitButtons">
<a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
<a-button style="margin-left: 8px" @click="() => (queryParam = {})">重置</a-button>
<a-button type="primary" @click="FnGetData">查询</a-button>
<a-button style="margin-left: 8px" @click="init">重置</a-button>
</span>
</a-col>
</a-row>
@ -29,11 +33,61 @@
</div>
</a-card>
<a-card :bordered="false">
<s-table
<vxe-toolbar>
<template #buttons>
<a-button type="primary" icon="plus" @click="$refs.addForm.add()">
新增收发通模板
</a-button>
</template>
</vxe-toolbar>
<vxe-table :data="loadData" border :loading="loading" empty-text="没有更多数据了！">
<vxe-column type="seq" width="40" fixed="left"></vxe-column>
<vxe-column
v-for="item in columns"
:key="`${item.dataIndex}3`"
:field="item.dataIndex"
:min-width="item.width"
:title="item.title"
:align="item.align"
>
<template #default="{ row }">
<span v-if="item.title == '类型'">{{ FnRType(row[item.dataIndex]) }}</span>
<span v-else>{{ row[item.dataIndex] }}</span>
</template>
</vxe-column>
<vxe-column title="操作" fixed="right" width="200" align="center">
<template #default="{ row }">
<vxe-button type="text" @click="$refs.editForm.edit(row)">编辑</vxe-button>
<a-popconfirm
title="请确认删除?"
ok-text="是"
cancel-text="否"
@confirm="
e => {
BookingTemplateDelete(row)
}
"
>
<vxe-button type="text">删除</vxe-button>
</a-popconfirm>
</template>
</vxe-column>
</vxe-table>
<vxe-pager
:loading="loading"
:current-page="queryParam.currentPage"
:page-size="queryParam.pageSize"
:total="queryParam.totalResult"
:layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
@page-change="handlePageChange"
>
</vxe-pager>
<!-- <s-table
ref="table"
:columns="columns"
:data="loadData"
:alert="true"
:border="true"
:rowKey="record => record.id"
:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
>
@ -50,7 +104,7 @@
<a>删除</a>
</a-popconfirm>
</span>
</s-table>
</s-table> -->
<add-form ref="addForm" @ok="handleOk" />
<edit-form ref="editForm" @ok="handleOk" />
</a-card>
@ -70,6 +124,7 @@ export default {
data() {
return {
queryParam: {},
loading: false,
columns: [
{
title: '代码',
@ -79,8 +134,7 @@ export default {
{
title: '类型',
align: 'center',
dataIndex: 'type',
scopedSlots: { customRender: 'typescopedSlots' }
dataIndex: 'type'
},
{
title: '创建人',
@ -105,44 +159,94 @@ export default {
],
tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' },
// 加载数据方法 必须为 Promise 对象
loadData: parameter => {
return BookingTemplatePage(Object.assign(parameter, this.queryParam)).then(res => {
return res.data
})
},
// loadData: parameter => {
// this.loading = true
// return BookingTemplatePage(Object.assign(parameter, this.queryParam)).then(res => {
// this.loading = false
// return res.data
// })
// },
loadData: [],
typeData: [],
selectedRowKeys: [],
selectedRows: []
}
},
created() {
this.columns.push({
title: '操作',
width: '150px',
dataIndex: 'action',
scopedSlots: { customRender: 'action' }
})
this.typeData = [
{
code: 10,
name: '收货人'
},
{
code: 20,
name: '发货人'
},
{
code: 30,
name: '通知人'
},
{
code: 40,
name: '第二通知人'
}
]
this.init()
},
methods: {
FnRType(e) {
let fn = e => {
let Rdata = ''
this.typeData.forEach(item => {
if (item.code == e) {
Rdata = item.name
}
})
return Rdata
}
let RData = ''
if (e.split(']').length == 1) {
RData = fn(e.split(']')[0])
} else {
e.split(']').forEach(item => {
if (item) {
if (RData == '') {
RData = fn(item.split('[')[1])
} else {
RData = `${RData},${fn(item.split('[')[1])}`
}
}
})
}
return RData
},
init() {
Object.assign(this.$data, this.$options.data())
// this.columns.push({
// title: '操作',
// width: '150px',
// dataIndex: 'action',
// scopedSlots: { customRender: 'action' }
// })
this.typeData = [
{
code: 10,
name: '收货人'
},
{
code: 20,
name: '发货人'
},
{
code: 30,
name: '通知人'
},
{
code: 40,
name: '第二通知人'
}
]
this.FnGetData()
},
FnGetData() {
this.loading = true
BookingTemplatePage(this.queryParam).then(res => {
this.loadData = res.data.rows
this.loading = false
this.queryParam.currentPage = res.data.pageNo
this.queryParam.pageSize = res.data.pageSize
this.queryParam.totalResult = res.data.totalRows
})
},
handlePageChange({ currentPage, pageSize }) {
this.queryParam.pageNo = currentPage
this.queryParam.pageSize = pageSize
this.FnGetData()
},
/**
* 查询参数组装
*/
@ -154,14 +258,14 @@ export default {
BookingTemplateDelete(record).then(res => {
if (res.success) {
this.$message.success('删除成功')
this.$refs.table.refresh()
this.FnGetData()
} else {
this.$message.error('删除失败') // + res.message
}
})
},
handleOk() {
this.$refs.table.refresh()
this.init()
},
onSelectChange(selectedRowKeys, selectedRows) {
this.selectedRowKeys = selectedRowKeys

160
src/views/main/EDI/addForm.vue
Unescape Escape View File

@ -10,6 +10,43 @@
<a-spin :spinning="confirmLoading">
<a-form :form="form">
<a-row>
<a-divider orientation="left">基础信息</a-divider>
<a-col :span="8">
<a-form-item label="租户名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
show-search
placeholder="请选择租户名称"
v-decorator="['tenantName', { rules: [{ required: true, message: '请选择租户名称！' }] }]"
@search="TenantHandleSearch"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
>
<a-select-option v-for="item in SysTenantData" :key="item.id" :value="item.name">
{{ item.name }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="船公司" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
show-search
placeholder="请选择船公司"
v-decorator="['carrierid', { rules: [{ required: true, message: '请选择船公司！' }] }]"
@search="CarrierHandleSearch"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
>
<a-select-option v-for="item in carrierCodeData" :key="item.code" :value="item.code">
{{ item.cnName }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="EDI类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
@ -55,71 +92,74 @@
/>
</a-form-item>
</a-col>
<a-divider orientation="left">发送方</a-divider>
<a-col :span="8">
<a-form-item label="发送方名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方名称" v-decorator="['sendname']" />
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入名称" v-decorator="['sendname']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方代码" v-decorator="['sendcode']" />
<a-form-item label="代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入代码" v-decorator="['sendcode']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方联系人" v-decorator="['sendattn']" />
<a-form-item label="联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入联系人" v-decorator="['sendattn']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方电话" v-decorator="['sendtel']" />
<a-form-item label="电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入电话" v-decorator="['sendtel']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方邮箱" v-decorator="['sendemail']" />
<a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入邮箱" v-decorator="['sendemail']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方公司代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方公司代码" v-decorator="['sendcompanycode']" />
<a-form-item label="公司代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入公司代码" v-decorator="['sendcompanycode']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方部门代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方部门代码" v-decorator="['sendsubcompanycode']" />
<a-form-item label="部门代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入部门代码" v-decorator="['sendsubcompanycode']" />
</a-form-item>
</a-col>
<a-divider orientation="left">接收方</a-divider>
<a-col :span="8">
<a-form-item label="接收方代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方代码" v-decorator="['receivecode']" />
<a-form-item label="代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入代码" v-decorator="['receivecode']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="接收方邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方邮箱" v-decorator="['receiveemail']" />
<a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入邮箱" v-decorator="['receiveemail']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="接收方操作" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方操作" v-decorator="['receiveop']" />
<a-form-item label="操作" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入操作" v-decorator="['receiveop']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="接收方销售" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方销售" v-decorator="['receivesale']" />
<a-form-item label="销售" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入销售" v-decorator="['receivesale']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="接收方部门" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方部门" v-decorator="['receivedept']" />
<a-form-item label="部门" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入部门" v-decorator="['receivedept']" />
</a-form-item>
</a-col>
<a-divider orientation="left">收发通</a-divider>
<a-col :span="8">
<a-form-item label="发送人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送人电话" v-decorator="['shippertel']" />
<a-form-item label="发件人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发件人电话" v-decorator="['shippertel']" />
</a-form-item>
</a-col>
<a-col :span="8">
@ -127,48 +167,11 @@
<a-input placeholder="请输入收货人电话" v-decorator="['consigneetel']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="通知人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入通知人电话" v-decorator="['notifypartytel']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="租户名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
show-search
placeholder="请选择租户名称"
v-decorator="['tenantName', { rules: [{ required: true, message: '请选择租户名称！' }] }]"
@search="TenantHandleSearch"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
>
<a-select-option v-for="item in SysTenantData" :key="item.id" :value="item.name">
{{ item.name }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="船公司" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
show-search
placeholder="请选择船公司"
v-decorator="['carrierid', { rules: [{ required: true, message: '请选择船公司！' }] }]"
@search="CarrierHandleSearch"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
>
<a-select-option v-for="item in carrierCodeData" :key="item.code" :value="item.code">
{{ item.cnName }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
</a-row>
</a-form>
</a-spin>
@ -241,6 +244,37 @@ export default {
}
]
},
copy(record) {
this.visible = true
const typeOption = this.$options
this.typeData = typeOption.filters['dictData']('edi_type')
setTimeout(() => {
this.form.setFieldsValue({
edicode: record.edicode,
serverip: record.serverip,
foldername: record.foldername,
username: record.username,
password: record.password,
sendname: record.sendname,
sendcode: record.sendcode,
sendattn: record.sendattn,
sendtel: record.sendtel,
sendemail: record.sendemail,
receivecode: record.receivecode,
receiveemail: record.receiveemail,
receiveop: record.receiveop,
receivesale: record.receivesale,
receivedept: record.receivedept,
shippertel: record.shippertel,
consigneetel: record.consigneetel,
notifypartytel: record.notifypartytel,
tenantName: record.tenantName,
carrierid: record.carrierid,
sendcompanycode: record.sendcompanycode,
sendsubcompanycode: record.sendsubcompanycode
})
}, 100)
},
/**
* 提交表单
*/

139
src/views/main/EDI/editForm.vue
Unescape Escape View File

@ -10,15 +10,52 @@
<a-spin :spinning="confirmLoading">
<a-form :form="form">
<a-row>
<a-divider orientation="left">基础信息</a-divider>
<a-col :span="8">
<a-form-item label="租户名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
show-search
placeholder="请选择租户名称"
v-decorator="['tenantName', { rules: [{ required: true, message: '请选择租户名称！' }] }]"
@search="TenantHandleSearch"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
>
<a-select-option v-for="item in SysTenantData" :key="item.id" :value="item.name">
{{ item.name }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="船公司" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
show-search
placeholder="请选择船公司"
v-decorator="['carrierid', { rules: [{ required: true, message: '请选择船公司！' }] }]"
@search="CarrierHandleSearch"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
>
<a-select-option v-for="item in carrierCodeData" :key="item.code" :value="item.code">
{{ item.cnName }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="EDI类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
placeholder="请选择EDI类型"
v-decorator="['edicode', { rules: [{ required: true, message: '请输入EDI类型！' }] }]"
>
<a-select-option v-for="item in EdiNameData" :key="item.id" :value="item.code">{{
item.name
}}</a-select-option>
<a-select-option v-for="item in EdiNameData" :key="item.id" :value="item.code">
{{ item.name }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
@ -38,8 +75,7 @@
/>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<a-form-item label="用户名" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input
@ -56,70 +92,74 @@
/>
</a-form-item>
</a-col>
<a-divider orientation="left">发送方</a-divider>
<a-col :span="8">
<a-form-item label="发送方名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方名称" v-decorator="['sendname']" />
<a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入名称" v-decorator="['sendname']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方代码" v-decorator="['sendcode']" />
<a-form-item label="代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入代码" v-decorator="['sendcode']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方联系人" v-decorator="['sendattn']" />
<a-form-item label="联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入联系人" v-decorator="['sendattn']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方电话" v-decorator="['sendtel']" />
<a-form-item label="电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入电话" v-decorator="['sendtel']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方邮箱" v-decorator="['sendemail']" />
<a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入邮箱" v-decorator="['sendemail']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方公司代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方公司代码" v-decorator="['sendcompanycode']" />
<a-form-item label="公司代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入公司代码" v-decorator="['sendcompanycode']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="发送方部门代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方部门代码" v-decorator="['sendsubcompanycode']" />
<a-form-item label="部门代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入部门代码" v-decorator="['sendsubcompanycode']" />
</a-form-item>
</a-col>
<a-divider orientation="left">接收方</a-divider>
<a-col :span="8">
<a-form-item label="接收方代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方代码" v-decorator="['receivecode']" />
<a-form-item label="代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入代码" v-decorator="['receivecode']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="接收方邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方邮箱" v-decorator="['receiveemail']" />
<a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入邮箱" v-decorator="['receiveemail']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="接收方操作" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方操作" v-decorator="['receiveop']" />
<a-form-item label="操作" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入操作" v-decorator="['receiveop']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="接收方销售" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方销售" v-decorator="['receivesale']" />
<a-form-item label="销售" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入销售" v-decorator="['receivesale']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="接收方部门" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方部门" v-decorator="['receivedept']" />
<a-form-item label="部门" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入部门" v-decorator="['receivedept']" />
</a-form-item>
</a-col>
<a-divider orientation="left">收发通</a-divider>
<a-col :span="8">
<a-form-item label="发送人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送人电话" v-decorator="['shippertel']" />
<a-form-item label="发件人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发件人电话" v-decorator="['shippertel']" />
</a-form-item>
</a-col>
<a-col :span="8">
@ -127,48 +167,11 @@
<a-input placeholder="请输入收货人电话" v-decorator="['consigneetel']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="通知人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入通知人电话" v-decorator="['notifypartytel']" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="租户名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
show-search
placeholder="请选择租户名称"
v-decorator="['tenantName', { rules: [{ required: true, message: '请选择租户名称！' }] }]"
@search="TenantHandleSearch"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
>
<a-select-option v-for="item in SysTenantData" :key="item.id" :value="item.name">
{{ item.name }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="船公司" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select
show-search
placeholder="请选择船公司"
v-decorator="['carrierid', { rules: [{ required: true, message: '请选择船公司！' }] }]"
@search="CarrierHandleSearch"
:default-active-first-option="false"
:show-arrow="false"
:filter-option="false"
:not-found-content="null"
>
<a-select-option v-for="item in carrierCodeData" :key="item.code" :value="item.code">
{{ item.cnName }}
</a-select-option>
</a-select>
</a-form-item>
</a-col>
</a-row>
</a-form>
</a-spin>

41
src/views/main/EDI/index.vue
Unescape Escape View File

@ -91,6 +91,7 @@
</vxe-column>
<vxe-column title="操作" fixed="right" width="200" align="center">
<template #default="{ row }">
<vxe-button type="text" @click="$refs.addForm.copy(row)">复制</vxe-button>
<vxe-button type="text" @click="$refs.editForm.edit(row)">编辑</vxe-button>
<a-popconfirm
title="请确认删除?"
@ -149,6 +150,18 @@ export default {
},
ColumnsQuery: [],
columns: [
{
title: '租户',
align: 'center',
width: '100',
dataIndex: 'tenantId'
},
{
title: '船公司',
align: 'center',
width: '120',
dataIndex: 'carrierid'
},
{
title: 'EDI类型',
align: 'center',
@ -228,12 +241,7 @@ export default {
width: '120',
dataIndex: 'sendsubcompanycode'
},
{
title: '船公司',
align: 'center',
width: '120',
dataIndex: 'carrierid'
},
{
title: '接收方邮箱',
align: 'center',
@ -259,7 +267,7 @@ export default {
dataIndex: 'receivedept'
},
{
title: '发送人电话',
title: '发件人电话',
align: 'center',
width: '100',
dataIndex: 'shippertel'
@ -275,12 +283,6 @@ export default {
align: 'center',
width: '100',
dataIndex: 'notifypartytel'
},
{
title: '租户',
align: 'center',
width: '100',
dataIndex: 'tenantId'
}
],
tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' },
@ -341,6 +343,13 @@ export default {
Object.assign(this.$data, this.$options.data())
this.ColumnsQuery = this.columns
this.FnGetData()
SysTenantPage().then(res => {
this.SysTenantData = res.data.rows
})
this.EdiNameData = this.$options.filters['dictData']('edi_type')
commondbCarrierlist().then(res => {
this.CodeData = res.data
})
},
handlePageChange({ currentPage, pageSize }) {
this.queryParam.pageNo = currentPage
@ -397,4 +406,10 @@ button {
height: 45px;
overflow: hidden;
}
.ant-select-selection {
height: 32px;
}
.ant-input:placeholder-shown {
height: 32px;
}
</style>

Write Preview
Loading…
Cancel
Save