第三方业务单据界面样式修改

prod
郑明梁 3 years ago
parent 6f44066cf1
commit 2d2f7a8b8a

@ -1,26 +1,32 @@
<template> <template>
<div> <div>
<el-card class="el-card"> <el-card>
<el-form :inline="true" :model="filterQuery" <el-form :model="filterQuery" size="mini" label-width="100px" v-show="showSearch">
class="query-form" size="mini">
<el-row> <el-row>
<el-col :span="6">
<el-form-item class="query-form-item"> <el-form-item label="单据号:">
<el-input <el-input
v-model="filterQuery.billNo" v-model="filterQuery.billNo"
style="width: 90%"
placeholder="请输入单据号" placeholder="请输入单据号"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item class="query-form-item"> </el-col>
<el-col :span="6">
<el-form-item label="往来单位:">
<el-input <el-input
v-model="filterQuery.corpName" v-model="filterQuery.corpName"
style="width: 90%"
placeholder="请输入往来单位" placeholder="请输入往来单位"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item class="query-form-item"> </el-col>
<el-select v-model="filterQuery.billAction" placeholder="请选择第三方系统单据类型" clearable="true"> <el-col :span="6">
<el-form-item label="外部系统:">
<el-select v-model="filterQuery.billAction" style="width: 90%" placeholder="请选择第三方系统单据类型"
clearable="true">
<el-option <el-option
v-for="item in originTypes" v-for="item in originTypes"
:key="item.name" :key="item.name"
@ -33,11 +39,13 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="query-form-item"> </el-col>
<span style="color: #000; margin-left: 10px; margin-right: 6px">单据日期:</span> <el-col :span="6">
<el-form-item label="单据日期:">
<el-date-picker <el-date-picker
:picker-options="pickerOptions" :picker-options="pickerOptions"
v-model="actDateRange" v-model="actDateRange"
style="width: 90%"
type="daterange" type="daterange"
format="yyyy 年 MM 月 dd 日" format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
@ -47,15 +55,19 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> </el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="getList"></el-button> <el-button type="primary" icon="el-icon-search" @click="getList"></el-button>
</el-button-group> </el-button-group>
</el-form-item> </div>
</el-row>
</el-form>
<el-divider style="margin: 15px"></el-divider>
<el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row
@current-change="handleDetail"> @current-change="handleDetail">
<el-table-column label="序号" type="index" width="60"></el-table-column> <el-table-column label="序号" type="index" width="60"></el-table-column>
@ -66,9 +78,9 @@
show-overflow-tooltip="true"></el-table-column> show-overflow-tooltip="true"></el-table-column>
<el-table-column label="单据状态" prop="billFlag"></el-table-column> <el-table-column label="单据状态" prop="billFlag"></el-table-column>
<el-table-column label="单据日期" prop="billdate"></el-table-column> <el-table-column label="单据日期" prop="billdate"></el-table-column>
<el-table-column label="操作" width="100px"> <el-table-column label="操作" width="60">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click.native.stop="deleteDialog(scope.row)" <el-button type="text" @click.native.stop="deleteDialog(scope.row)"
>删除 >删除
</el-button> </el-button>
</template> </template>
@ -108,6 +120,7 @@ import {getCloudErp,getThirdSysOrder} from "@/api/inout/erpOrder";
export default { export default {
data() { data() {
return { return {
showSearch: true,
filterQuery: { filterQuery: {
billAction: null, billAction: null,
billNo: "", billNo: "",
@ -184,7 +197,9 @@ export default {
this.actDateRange = []; this.actDateRange = [];
this.getList(); this.getList();
}, },
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() { getList() {
if (this.filterQuery.thirdSysFk == null) { if (this.filterQuery.thirdSysFk == null) {
this.$message.warning("请先选择第三方系统!") this.$message.warning("请先选择第三方系统!")

@ -1,20 +1,25 @@
<template> <template>
<div> <div>
<el-card> <el-card>
<el-form :inline="true" :model="query" class="query-form" size="mini"> <el-form :model="query" size="mini" label-width="100px" v-show="showSearch">
<el-row> <el-row>
<el-form-item class="query-form-item"> <el-col :span="6">
<el-input v-model="filterQuery.genKey" placeholder="清输入记录ID"></el-input> <el-form-item label="记录ID:">
<el-input v-model="filterQuery.genKey" style="width: 90%" placeholder="清输入记录ID"></el-input>
</el-form-item> </el-form-item>
<el-form-item> </el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="getList"></el-button> <el-button type="primary" icon="el-icon-search" @click="getList"></el-button>
<el-button type="primary" icon="el-icon-upload2" @click="exportExcel">Excel</el-button> <el-button type="primary" icon="el-icon-upload2" @click="exportExcel">Excel</el-button>
</el-button-group> </el-button-group>
</el-form-item> </div>
</el-row> <el-divider style="margin: 15px"></el-divider>
</el-form>
<el-table <el-table
v-loading="loading" v-loading="loading"
@ -55,18 +60,16 @@
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" width="160"> <el-table-column label="操作" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
type="text" type="text"
size="small"
@click.native.stop="downloadExcel(scope.row)" @click.native.stop="downloadExcel(scope.row)"
>下载 >下载
</el-button </el-button
> >
<el-button <el-button
type="text" type="text"
size="small"
@click.native.stop="deleteDialog(scope.row.id)" @click.native.stop="deleteDialog(scope.row.id)"
>删除 >删除
</el-button </el-button
@ -78,7 +81,7 @@
<el-dialog <el-dialog
title="导出业务单据" title="导出业务单据"
:visible.sync="thrOrderSelectVisible" :visible.sync="thrOrderSelectVisible"
width="85%" width="80%"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
v-if="thrOrderSelectVisible" v-if="thrOrderSelectVisible"
@ -106,6 +109,7 @@
export default { export default {
data() { data() {
return { return {
showSearch: true,
filterQuery: { filterQuery: {
type: 1, type: 1,
genKey: null, genKey: null,
@ -157,6 +161,9 @@
}; };
this.getList(); this.getList();
}, },
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() { getList() {
this.loading = true; this.loading = true;
filterLog(this.filterQuery) filterLog(this.filterQuery)

@ -1,21 +1,25 @@
<template> <template>
<div> <div>
<el-card> <el-card>
<el-form :inline="true" :model="query" class="query-form" size="mini"> <el-form :model="query" size="mini" label-width="100px" v-show="showSearch">
<el-row> <el-row>
<el-form-item class="query-form-item"> <el-col :span="6">
<el-input v-model="filterQuery.genKey" placeholder="请输入记录ID"></el-input> <el-form-item label="记录ID:">
<el-input v-model="filterQuery.genKey" style="width: 90%" placeholder="请输入记录ID"></el-input>
</el-form-item> </el-form-item>
<el-form-item> </el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="getList"></el-button> <el-button type="primary" icon="el-icon-search" @click="getList"></el-button>
<!--<el-button type="primary" icon="search" @click="exportExcel">Excel</el-button>--> <el-button type="primary" icon="el-icon-share" @click="uploadSmp"></el-button>
<el-button type="primary" icon="search" @click="uploadSmp"></el-button>
</el-button-group> </el-button-group>
</el-form-item> </div>
</el-row> <el-divider style="margin: 15px"></el-divider>
</el-form>
<el-table <el-table
v-loading="loading" v-loading="loading"
@ -56,15 +60,8 @@
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" width="160"> <el-table-column label="操作" width="60">
<template slot-scope="scope"> <template slot-scope="scope">
<!--<el-button-->
<!--type="text"-->
<!--size="small"-->
<!--@click.native.stop="downloadExcel(scope.row)"-->
<!--&gt;下载-->
<!--</el-button-->
<!--&gt;-->
<el-button <el-button
type="text" type="text"
size="small" size="small"
@ -81,7 +78,7 @@
:visible.sync="thrOrderSelectVisible" :visible.sync="thrOrderSelectVisible"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
width="85%" width="80%"
v-if="thrOrderSelectVisible" v-if="thrOrderSelectVisible"
> >
<thrOrderSelect :selectType="selectType" v-on:cancelDialog="cancelDialog" <thrOrderSelect :selectType="selectType" v-on:cancelDialog="cancelDialog"
@ -106,6 +103,7 @@ import thrOrderSelect from "./thrOrderSelect";
export default { export default {
data() { data() {
return { return {
showSearch: true,
filterQuery: { filterQuery: {
genKey: null, genKey: null,
status: null, status: null,
@ -158,6 +156,9 @@ export default {
}; };
this.getList(); this.getList();
}, },
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() { getList() {
this.loading = true; this.loading = true;
filterLog(this.filterQuery) filterLog(this.filterQuery)

@ -1,23 +1,27 @@
<template> <template>
<div> <div>
<el-card> <el-card>
<el-form :inline="true" :model="query" class="query-form" size="mini"> <el-form :model="query" size="mini" label-width="100px" v-show="showSearch">
<el-row> <el-row>
<el-form-item class="query-form-item"> <el-col :span="6">
<el-input v-model="filterQuery.genKey" placeholder="请输入记录ID"></el-input> <el-form-item label="记录ID:">
<el-input v-model="filterQuery.genKey" style="width: 90%" placeholder="请输入记录ID"></el-input>
</el-form-item> </el-form-item>
</el-col>
<el-form-item class="query-form-item"> <el-col :span="6">
<el-select v-model="filterQuery.status" placeholder="请选择处理状态"> <el-form-item label="处理状态:">
<el-select v-model="filterQuery.status" style="width: 90%" placeholder="请选择处理状态">
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option label="处理中" value="0"></el-option> <el-option label="处理中" value="0"></el-option>
<el-option label="已处理" value="1"></el-option> <el-option label="已处理" value="1"></el-option>
<el-option label="异常" value="2"></el-option> <el-option label="异常" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
<el-form-item class="query-form-item"> <el-col :span="6">
<el-select v-model="filterQuery.thirdSysFk" placeholder="请选择第三方系统" @change="sysChange"> <el-form-item label="外部系统:">
<el-select v-model="filterQuery.thirdSysFk" style="width: 90%" placeholder="请选择第三方系统"
@change="sysChange">
<el-option <el-option
v-for="item in thirdSys" v-for="item in thirdSys"
:key="item.value" :key="item.value"
@ -28,10 +32,14 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col>
</el-row>
</el-form>
<el-form-item> <div class="top-right-btn">
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="getList"></el-button> <el-button type="primary" icon="el-icon-search" @click="getList"></el-button>
<el-upload <el-upload
:action="uploadFileUrl" :action="uploadFileUrl"
@ -43,20 +51,15 @@
v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==1" v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==1"
:file-list="fileList" :file-list="fileList"
> >
<el-button size="mini" type="primary">导入业务单据</el-button> <el-button icon="el-icon-bottom-right" type="primary">导入业务单据</el-button>
</el-upload> </el-upload>
<!-- <el-button type="primary" icon="search" @click="jumpDl"-->
<!-- v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==1">模板下载-->
<!-- </el-button>-->
<el-button type="primary" icon="el-icon-download" @click="downloadOrderss" <el-button type="primary" icon="el-icon-download" @click="downloadOrderss"
v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==3"> v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==3">
下载业务单据 下载业务单据
</el-button> </el-button>
</el-button-group> </el-button-group>
</el-form-item> </div>
</el-row> <el-divider style="margin: 15px"></el-divider>
</el-form>
<el-table <el-table
v-loading="loading" v-loading="loading"
:data="list" :data="list"
@ -107,7 +110,7 @@
prop="remark" prop="remark"
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column label="操作" fixed="right" width="160"> <el-table-column label="操作" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
type="text" type="text"
@ -129,7 +132,7 @@
<el-dialog <el-dialog
title="导入订单详情" title="导入订单详情"
:visible.sync="udiImportDetailVisible" :visible.sync="udiImportDetailVisible"
width="85%" width="80%"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
v-if="udiImportDetailVisible" v-if="udiImportDetailVisible"
@ -142,7 +145,7 @@
<el-dialog <el-dialog
title="下载业务单据" title="下载业务单据"
:visible.sync="thrOrderSelectVisible" :visible.sync="thrOrderSelectVisible"
width="85%" width="80%"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
v-if="thrOrderSelectVisible" v-if="thrOrderSelectVisible"
@ -175,6 +178,7 @@ import {selectIp} from "@/api/param/systemParamConfig";
export default { export default {
data() { data() {
return { return {
showSearch: true,
filterQuery: { filterQuery: {
genKey: null, genKey: null,
status: null, status: null,
@ -229,6 +233,9 @@ export default {
}; };
this.getList(); this.getList();
}, },
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() { getList() {
this.loading = true; this.loading = true;
filterLog(this.filterQuery) filterLog(this.filterQuery)

@ -1,21 +1,24 @@
<template> <template>
<div> <div>
<el-card> <el-card>
<el-form :inline="true" :model="query" size="mini"> <el-form :model="query" size="mini" label-width="100px" v-show="showSearch">
<el-row> <el-row>
<el-form-item class="query-form-item"> <el-col :span="6">
<el-input v-model="filterQuery.billNo" placeholder="请输入UDI编码"></el-input> <el-form-item label="UDI编码:">
<el-input v-model="filterQuery.billNo" style="width: 90%" placeholder="请输入UDI编码"></el-input>
</el-form-item> </el-form-item>
</el-col>
</el-row>
</el-form>
<el-form-item> <div class="top-right-btn">
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="getList"></el-button> <el-button type="primary" icon="el-icon-search" @click="getList"></el-button>
</el-button-group> </el-button-group>
</el-form-item> </div>
</el-row> <el-divider style="margin: 15px"></el-divider>
</el-form>
<el-table <el-table
v-loading="loading" v-loading="loading"
:data="list" :data="list"
@ -69,6 +72,7 @@
}, },
data() { data() {
return { return {
showSearch: true,
filterQuery: { filterQuery: {
genKey: null, genKey: null,
billNo: null, billNo: null,
@ -101,6 +105,9 @@
}; };
this.getList(); this.getList();
}, },
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() { getList() {
this.loading = true; this.loading = true;
console.log(" this.genKey = " + this.currentRow) console.log(" this.genKey = " + this.currentRow)

@ -1,27 +1,34 @@
<template> <template>
<div> <div>
<el-card class="el-card"> <el-card class="el-card">
<el-form :inline="true" :model="filterQuery" <el-form :model="filterQuery" size="mini" label-width="100px" v-show="showSearch">
class="query-form" size="mini">
<el-row> <el-row>
<el-form-item class="query-form-item"> <el-col :span="6">
<el-form-item label="单据号:">
<el-input <el-input
v-model="filterQuery.billNo" v-model="filterQuery.billNo"
style="width: 90%"
placeholder="请输入单据号" placeholder="请输入单据号"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item class="query-form-item"> </el-col>
<el-col :span="6">
<el-form-item label="往来单位:">
<el-input <el-input
v-model="filterQuery.corpName" v-model="filterQuery.corpName"
style="width: 90%"
placeholder="请输入往来单位" placeholder="请输入往来单位"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item class="query-form-item"> </el-col>
<el-col :span="6">
<el-form-item label="业务类型:">
<el-select v-model="filterQuery.billAction" placeholder="请选择业务类型"> <el-select v-model="filterQuery.billAction" placeholder="请选择业务类型">
<el-option <el-option
v-for="item in originTypes" v-for="item in originTypes"
style="width: 90%"
:key="item.name" :key="item.name"
:label="item.name" :label="item.name"
:value="item.action"> :value="item.action">
@ -30,11 +37,13 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="query-form-item"> </el-col>
<span style="color: #000; margin-left: 10px; margin-right: 6px">单据日期:</span> <el-col :span="6">
<el-form-item label="单据日期:">
<el-date-picker <el-date-picker
:picker-options="pickerOptions" :picker-options="pickerOptions"
v-model="actDateRange" v-model="actDateRange"
style="width: 90%"
type="daterange" type="daterange"
format="yyyy 年 MM 月 dd 日" format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
@ -44,21 +53,27 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> </el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group style="display:flex;"> <el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button> <el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button type="primary" icon="search" @click="getList"></el-button> <el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="getList"></el-button>
<el-button type="primary" icon="el-icon-upload2" @click="selectExport" v-if="selectType==0" <el-button type="primary" icon="el-icon-upload2" @click="selectExport" v-if="selectType==0"
>选中导出 >选中导出
</el-button> </el-button>
<el-button type="primary" icon="el-icon-upload2" @click="allExport" v-if="selectType==0" <el-button type="primary" icon="el-icon-upload2" @click="allExport" v-if="selectType==0"
>结果全部导出 >结果全部导出
</el-button> </el-button>
<el-button type="primary" icon="search" @click="uploadSMP" <el-button type="primary" icon="el-icon-top-upload" @click="uploadSMP"
v-if="selectType==1" v-if="selectType==1"
>选中上传 >选中上传
</el-button> </el-button>
<el-button type="primary" icon="search" @click="allUploadSMP" <el-button type="primary" icon="el-icon-top-upload" @click="allUploadSMP"
v-if="selectType==1" v-if="selectType==1"
>一键上传 >一键上传
</el-button> </el-button>
@ -69,9 +84,9 @@
>结果全部下载 >结果全部下载
</el-button> </el-button>
</el-button-group> </el-button-group>
</el-form-item> </div>
</el-row> <el-divider style="margin: 15px"></el-divider>
</el-form>
<el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row <el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
@current-change="handleDetail"> @current-change="handleDetail">
@ -93,7 +108,7 @@
<el-table-column label="单据状态" prop="billFlag" width="80"></el-table-column> <el-table-column label="单据状态" prop="billFlag" width="80"></el-table-column>
<el-table-column label="单据日期" prop="billdate"></el-table-column> <el-table-column label="单据日期" prop="billdate"></el-table-column>
<el-table-column label="操作" v-if="thirdSysDetail.fromType!=0"> <el-table-column label="操作" v-if="thirdSysDetail.fromType!=0" width="60">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click.native.stop="deleteDialog(scope.row)" <el-button type="text" size="small" @click.native.stop="deleteDialog(scope.row)"
>删除 >删除
@ -151,6 +166,7 @@ export default {
}, },
data() { data() {
return { return {
showSearch: true,
filterQuery: { filterQuery: {
erpOrderResponses: [], erpOrderResponses: [],
billNo: "", billNo: "",
@ -232,7 +248,9 @@ export default {
this.actDateRange = []; this.actDateRange = [];
this.getList(); this.getList();
}, },
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() { getList() {
if (this.filterQuery.thirdSysFk == null) { if (this.filterQuery.thirdSysFk == null) {
this.$message.warning("请先选择第三方系统!") this.$message.warning("请先选择第三方系统!")

Loading…
Cancel
Save