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

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

@ -3,6 +3,8 @@
<a-card :bordered="false" :bodyStyle="tstyle"> <a-card :bordered="false" :bodyStyle="tstyle">
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline"> <a-form layout="inline">
<a-row :gutter="48">
<a-col :md="18">
<a-row :gutter="48"> <a-row :gutter="48">
<a-col :md="8" :sm="24"> <a-col :md="8" :sm="24">
<a-form-item label="代码"> <a-form-item label="代码">
@ -18,10 +20,12 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="8" :sm="24"> </a-row>
</a-col>
<a-col :md="6" :sm="24">
<span class="table-page-search-submitButtons"> <span class="table-page-search-submitButtons">
<a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button> <a-button type="primary" @click="FnGetData">查询</a-button>
<a-button style="margin-left: 8px" @click="() => (queryParam = {})">重置</a-button> <a-button style="margin-left: 8px" @click="init">重置</a-button>
</span> </span>
</a-col> </a-col>
</a-row> </a-row>
@ -29,11 +33,61 @@
</div> </div>
</a-card> </a-card>
<a-card :bordered="false"> <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" ref="table"
:columns="columns" :columns="columns"
:data="loadData" :data="loadData"
:alert="true" :alert="true"
:border="true"
:rowKey="record => record.id" :rowKey="record => record.id"
:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
> >
@ -50,7 +104,7 @@
<a>删除</a> <a>删除</a>
</a-popconfirm> </a-popconfirm>
</span> </span>
</s-table> </s-table> -->
<add-form ref="addForm" @ok="handleOk" /> <add-form ref="addForm" @ok="handleOk" />
<edit-form ref="editForm" @ok="handleOk" /> <edit-form ref="editForm" @ok="handleOk" />
</a-card> </a-card>
@ -70,6 +124,7 @@ export default {
data() { data() {
return { return {
queryParam: {}, queryParam: {},
loading: false,
columns: [ columns: [
{ {
title: '代码', title: '代码',
@ -79,8 +134,7 @@ export default {
{ {
title: '类型', title: '类型',
align: 'center', align: 'center',
dataIndex: 'type', dataIndex: 'type'
scopedSlots: { customRender: 'typescopedSlots' }
}, },
{ {
title: '创建人', title: '创建人',
@ -105,23 +159,58 @@ export default {
], ],
tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' }, tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' },
// 加载数据方法 必须为 Promise 对象 // 加载数据方法 必须为 Promise 对象
loadData: parameter => { // loadData: parameter => {
return BookingTemplatePage(Object.assign(parameter, this.queryParam)).then(res => { // this.loading = true
return res.data // return BookingTemplatePage(Object.assign(parameter, this.queryParam)).then(res => {
}) // this.loading = false
}, // return res.data
// })
// },
loadData: [],
typeData: [], typeData: [],
selectedRowKeys: [], selectedRowKeys: [],
selectedRows: [] selectedRows: []
} }
}, },
created() { created() {
this.columns.push({ this.init()
title: '操作', },
width: '150px', methods: {
dataIndex: 'action', FnRType(e) {
scopedSlots: { customRender: 'action' } 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 = [ this.typeData = [
{ {
@ -141,8 +230,23 @@ export default {
name: '第二通知人' 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()
}, },
methods: {
/** /**
* 查询参数组装 * 查询参数组装
*/ */
@ -154,14 +258,14 @@ export default {
BookingTemplateDelete(record).then(res => { BookingTemplateDelete(record).then(res => {
if (res.success) { if (res.success) {
this.$message.success('删除成功') this.$message.success('删除成功')
this.$refs.table.refresh() this.FnGetData()
} else { } else {
this.$message.error('删除失败') // + res.message this.$message.error('删除失败') // + res.message
} }
}) })
}, },
handleOk() { handleOk() {
this.$refs.table.refresh() this.init()
}, },
onSelectChange(selectedRowKeys, selectedRows) { onSelectChange(selectedRowKeys, selectedRows) {
this.selectedRowKeys = selectedRowKeys this.selectedRowKeys = selectedRowKeys

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

@ -10,6 +10,43 @@
<a-spin :spinning="confirmLoading"> <a-spin :spinning="confirmLoading">
<a-form :form="form"> <a-form :form="form">
<a-row> <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-col :span="8">
<a-form-item label="EDI类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="EDI类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select <a-select
@ -55,71 +92,74 @@
/> />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-divider orientation="left">发送方</a-divider>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方名称" v-decorator="['sendname']" /> <a-input placeholder="请输入名称" v-decorator="['sendname']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方代码" v-decorator="['sendcode']" /> <a-input placeholder="请输入代码" v-decorator="['sendcode']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方联系人" v-decorator="['sendattn']" /> <a-input placeholder="请输入联系人" v-decorator="['sendattn']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方电话" v-decorator="['sendtel']" /> <a-input placeholder="请输入电话" v-decorator="['sendtel']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方邮箱" v-decorator="['sendemail']" /> <a-input placeholder="请输入邮箱" v-decorator="['sendemail']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方公司代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="公司代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方公司代码" v-decorator="['sendcompanycode']" /> <a-input placeholder="请输入公司代码" v-decorator="['sendcompanycode']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方部门代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="部门代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方部门代码" v-decorator="['sendsubcompanycode']" /> <a-input placeholder="请输入部门代码" v-decorator="['sendsubcompanycode']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-divider orientation="left">接收方</a-divider>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方代码" v-decorator="['receivecode']" /> <a-input placeholder="请输入代码" v-decorator="['receivecode']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方邮箱" v-decorator="['receiveemail']" /> <a-input placeholder="请输入邮箱" v-decorator="['receiveemail']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方操作" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="操作" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方操作" v-decorator="['receiveop']" /> <a-input placeholder="请输入操作" v-decorator="['receiveop']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方销售" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="销售" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方销售" v-decorator="['receivesale']" /> <a-input placeholder="请输入销售" v-decorator="['receivesale']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方部门" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="部门" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方部门" v-decorator="['receivedept']" /> <a-input placeholder="请输入部门" v-decorator="['receivedept']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-divider orientation="left">收发通</a-divider>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="发件人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送人电话" v-decorator="['shippertel']" /> <a-input placeholder="请输入发件人电话" v-decorator="['shippertel']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
@ -127,48 +167,11 @@
<a-input placeholder="请输入收货人电话" v-decorator="['consigneetel']" /> <a-input placeholder="请输入收货人电话" v-decorator="['consigneetel']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="通知人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="通知人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入通知人电话" v-decorator="['notifypartytel']" /> <a-input placeholder="请输入通知人电话" v-decorator="['notifypartytel']" />
</a-form-item> </a-form-item>
</a-col> </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-row>
</a-form> </a-form>
</a-spin> </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-spin :spinning="confirmLoading">
<a-form :form="form"> <a-form :form="form">
<a-row> <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-col :span="8">
<a-form-item label="EDI类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="EDI类型" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-select <a-select
placeholder="请选择EDI类型" placeholder="请选择EDI类型"
v-decorator="['edicode', { rules: [{ required: true, message: '请输入EDI类型！' }] }]" v-decorator="['edicode', { rules: [{ required: true, message: '请输入EDI类型！' }] }]"
> >
<a-select-option v-for="item in EdiNameData" :key="item.id" :value="item.code">{{ <a-select-option v-for="item in EdiNameData" :key="item.id" :value="item.code">
item.name {{ item.name }}
}}</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -38,8 +75,7 @@
/> />
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row>
<a-row>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="用户名" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="用户名" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input <a-input
@ -56,70 +92,74 @@
/> />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-divider orientation="left">发送方</a-divider>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方名称" v-decorator="['sendname']" /> <a-input placeholder="请输入名称" v-decorator="['sendname']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方代码" v-decorator="['sendcode']" /> <a-input placeholder="请输入代码" v-decorator="['sendcode']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="联系人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方联系人" v-decorator="['sendattn']" /> <a-input placeholder="请输入联系人" v-decorator="['sendattn']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方电话" v-decorator="['sendtel']" /> <a-input placeholder="请输入电话" v-decorator="['sendtel']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方邮箱" v-decorator="['sendemail']" /> <a-input placeholder="请输入邮箱" v-decorator="['sendemail']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方公司代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="公司代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方公司代码" v-decorator="['sendcompanycode']" /> <a-input placeholder="请输入公司代码" v-decorator="['sendcompanycode']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送方部门代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="部门代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送方部门代码" v-decorator="['sendsubcompanycode']" /> <a-input placeholder="请输入部门代码" v-decorator="['sendsubcompanycode']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-divider orientation="left">接收方</a-divider>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="代码" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方代码" v-decorator="['receivecode']" /> <a-input placeholder="请输入代码" v-decorator="['receivecode']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方邮箱" v-decorator="['receiveemail']" /> <a-input placeholder="请输入邮箱" v-decorator="['receiveemail']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方操作" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="操作" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方操作" v-decorator="['receiveop']" /> <a-input placeholder="请输入操作" v-decorator="['receiveop']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方销售" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="销售" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方销售" v-decorator="['receivesale']" /> <a-input placeholder="请输入销售" v-decorator="['receivesale']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="接收方部门" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="部门" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入接收方部门" v-decorator="['receivedept']" /> <a-input placeholder="请输入部门" v-decorator="['receivedept']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-divider orientation="left">收发通</a-divider>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="发送人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="发件人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入发送人电话" v-decorator="['shippertel']" /> <a-input placeholder="请输入发件人电话" v-decorator="['shippertel']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
@ -127,48 +167,11 @@
<a-input placeholder="请输入收货人电话" v-decorator="['consigneetel']" /> <a-input placeholder="请输入收货人电话" v-decorator="['consigneetel']" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="通知人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback> <a-form-item label="通知人电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
<a-input placeholder="请输入通知人电话" v-decorator="['notifypartytel']" /> <a-input placeholder="请输入通知人电话" v-decorator="['notifypartytel']" />
</a-form-item> </a-form-item>
</a-col> </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-row>
</a-form> </a-form>
</a-spin> </a-spin>

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

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

Write Preview
Loading…
Cancel
Save