第三方往来单位界面样式修改

prod
郑明梁 3 years ago
parent 45e65f25ca
commit 6f44066cf1

@ -1,23 +1,32 @@
<template>
<div>
<el-card class="el-card">
<el-form :inline="true" :model="filterQuery" class="query-form" size="mini">
<el-form-item class="query-form-item">
<el-form :model="filterQuery" size="mini" label-width="100px" v-show="showSearch">
<el-row>
<el-col :span="6">
<el-form-item label="单位编码:">
<el-input
v-model="filterQuery.unitId"
placeholder="请输入往来单位编码"
style="width: 90%"
clearable
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
</el-col>
<el-col :span="6">
<el-form-item label="往来单位:">
<el-input
v-model="filterQuery.name"
placeholder="请输入往来单位"
style="width: 90%"
clearable
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-select v-model="filterQuery.thirdSys" placeholder="请选择第三方系统" @change="thirdSysChange">
</el-col>
<el-col :span="6">
<el-form-item label="外部系统:">
<el-select v-model="filterQuery.thirdSys" placeholder="请选择第三方系统" style="width: 90%"
@change="thirdSysChange">
<el-option
v-for="item in thirdSys"
:key="item.value"
@ -28,9 +37,14 @@
</el-option>
</el-select>
</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 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-upload2" @click="selectExport" v-if="selectType==0"
>选中导出
@ -38,11 +52,11 @@
<el-button type="primary" icon="el-icon-upload2" @click="allExport" v-if="selectType==0"
>结果全部导出
</el-button>
<el-button type="primary" icon="search" @click="selectUpload"
<el-button type="primary" icon="el-icon-top-upload" @click="selectUpload"
v-if="selectType==1"
>选中上传
</el-button>
<el-button type="primary" icon="search" @click="allUpload"
<el-button type="primary" icon="el-icon-top-upload" @click="allUpload"
v-if="selectType==1"
>一键上传
</el-button>
@ -53,8 +67,8 @@
>结果全部下载
</el-button>
</el-button-group>
</el-form-item>
</el-form>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table v-loading="loading" :data="list"
style="width: 100%"
@selection-change="handleSelectionChange"
@ -103,6 +117,7 @@ export default {
data() {
return {
showSearch: true,
filterQuery: {
thrCorpEntities: [],
unitId: null,
@ -121,7 +136,7 @@ export default {
uploadData: {
thirdSys: "thirdId",
},
loading:false,
loading: false,
};
},
@ -141,7 +156,9 @@ export default {
};
this.getList();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
this.loading = true;
this.filterQuery.isDownThrSys = this.isDownThrSys;

@ -1,23 +1,32 @@
<template>
<div>
<el-card class="el-card">
<el-form :inline="true" :model="filterQuery" class="query-form" size="mini">
<el-form-item class="query-form-item">
<el-form size="mini" :model="filterQuery" label-width="100px" v-show="showSearch">
<el-row>
<el-col :span="6">
<el-form-item label="单位编码:">
<el-input
v-model="filterQuery.unitId"
placeholder="请输入往来单位编码"
style="width: 90%"
clearable
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
</el-col>
<el-col :span="6">
<el-form-item label="往来单位:">
<el-input
v-model="filterQuery.name"
placeholder="请输入往来单位"
style="width: 90%"
clearable
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-select v-model="filterQuery.thirdSys" placeholder="请选择第三方系统" @change="thirdSysChange">
</el-col>
<el-col :span="6">
<el-form-item label="外部系统:">
<el-select v-model="filterQuery.thirdSys" style="width: 90%" placeholder="请选择第三方系统"
@change="thirdSysChange">
<el-option
v-for="item in thirdSys"
:key="item.value"
@ -28,16 +37,22 @@
</el-option>
</el-select>
</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 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="search" @click="clearAll"
<el-button type="primary" icon="el-icon-delete-solid" @click="clearAll"
v-if="!this.thirdSysDetail.enabled">清空全部
</el-button>
</el-button-group>
</el-form-item>
</el-form>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row>
<el-table-column label="序号" type="index" width="60"></el-table-column>
<el-table-column label="往来单位ID" prop="id" width="100" show-overflow-tooltip></el-table-column>
@ -47,9 +62,9 @@
<el-table-column label="社会信用号" prop="creditNo" width="140" show-overflow-tooltip></el-table-column>
<el-table-column label="联系人" prop="contact" width="100" show-overflow-tooltip></el-table-column>
<el-table-column label="联系电话" prop="mobile" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" v-if="thirdSysDetail.fromType!=0" width="150px">
<el-table-column label="操作" v-if="thirdSysDetail.fromType!=0" width="60">
<template slot-scope="scope">
<el-button type="text" size="small" @click.native.stop="deleteDialog(scope.row)" :disabled="!delFalg"
<el-button type="text" @click.native.stop="deleteDialog(scope.row)" :disabled="!delFalg"
>删除
</el-button>
</template>
@ -79,6 +94,7 @@ import {findConfig} from "@/api/thrsys/spsSyncStatus";
export default {
data() {
return {
showSearch: true,
filterQuery: {
unitId: null,
name: null,
@ -90,7 +106,7 @@ export default {
list: [],
thirdSys: [],
thirdSysDetail: null,
delFalg:true,
delFalg: true,
uploadFileUrl: null,
fileList: [],
uploadData: {
@ -139,6 +155,9 @@ export default {
this.total = 0;
});
},
hideSearch() {
this.showSearch = !this.showSearch;
},
deleteDialog(row) {
this.$confirm("此操作将永久删除该往来单位信息, 是否继续?", "提示", {
confirmButtonText: "确定",
@ -251,10 +270,10 @@ export default {
});
},
getConFig(){
findConfig().then((response) =>{
getConFig() {
findConfig().then((response) => {
if (response.code == 20000) {
this.delFalg=response.data.basicThirdCorp;
this.delFalg = response.data.basicThirdCorp;
} else {
this.$message.error(response.message);
}

@ -1,21 +1,25 @@
<template>
<div>
<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-form-item class="query-form-item">
<el-input v-model="filterQuery.genKey" placeholder="请输入记录ID"></el-input>
<el-col :span="6">
<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-row>
</el-form>
<div class="top-right-btn">
<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-upload2" @click="exportExcel"></el-button>
</el-button-group>
</el-form-item>
</el-row>
</el-form>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table
v-loading="loading"
:data="list"
@ -55,18 +59,16 @@
show-overflow-tooltip
>
</el-table-column>
<el-table-column label="操作" width="160">
<el-table-column label="操作" width="120">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.native.stop="downloadExcel(scope.row)"
>下载
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="deleteDialog(scope.row.id)"
>删除
</el-button
@ -78,7 +80,7 @@
<el-dialog
title="导出往来单位信息"
:visible.sync="thrCorpSelectVisible"
width="85%"
width="80%"
:close-on-click-modal="false"
:close-on-press-escape="false"
v-if="thrCorpSelectVisible"
@ -107,6 +109,7 @@ import {formatDate} from "@/utils/date";
export default {
data() {
return {
showSearch: true,
filterQuery: {
genKey: null,
status: null,
@ -156,6 +159,9 @@ export default {
};
this.getList();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
this.loading = true;
filterLog(this.filterQuery)

@ -1,20 +1,24 @@
<template>
<div>
<el-form :inline="true" :model="query" class="query-form" size="mini">
<el-form :inline="true" :model="query" size="mini" label-width="100px" v-show="showSearch">
<el-row>
<el-form-item class="query-form-item">
<el-input v-model="filterQuery.genKey" placeholder="记录ID"></el-input>
</el-form-item>
<el-form-item>
<el-button-group style="display:flex;">
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="search" @click="getList"></el-button>
<el-button type="primary" icon="search" @click="uploadSmp"></el-button>
</el-button-group>
<el-col :span="6">
<el-form-item label="记录ID:">
<el-input v-model="filterQuery.genKey" style="width: 90%" placeholder="请输入记录ID"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="top-right-btn">
<el-button-group style="display:flex;">
<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-share" @click="uploadSmp"></el-button>
</el-button-group>
</div>
<el-table
v-loading="loading"
:data="list"
@ -53,18 +57,16 @@
show-overflow-tooltip
>
</el-table-column>
<el-table-column label="操作" fixed="right" width="160">
<el-table-column label="操作" fixed="right" width="120">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.native.stop="downloadExcel(scope.row)"
>下载
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="deleteDialog(scope.row.id)"
>删除
</el-button
@ -76,7 +78,7 @@
<el-dialog
title="导出往来单位信息"
:visible.sync="thrCorpSelectVisible"
width="85%"
width="80%"
:close-on-click-modal="false"
:close-on-press-escape="false"
v-if="thrCorpSelectVisible"
@ -103,6 +105,7 @@ import axios from "axios";
export default {
data() {
return {
showSearch: true,
filterQuery: {
genKey: null,
status: null,
@ -154,6 +157,9 @@ export default {
};
this.getList();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
this.loading = true;
filterLog(this.filterQuery)

@ -1,22 +1,27 @@
<template>
<div>
<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-form-item class="query-form-item">
<el-input v-model="filterQuery.genKey" placeholder="请输入记录ID"></el-input>
<el-col :span="6">
<el-form-item label="记录ID:">
<el-input v-model="filterQuery.genKey" style="width: 90%" placeholder="请输入记录ID"></el-input>
</el-form-item>
<el-form-item class="query-form-item">
<el-select v-model="filterQuery.status" placeholder="请选择处理状态">
</el-col>
<el-col :span="6">
<el-form-item label="处理状态:">
<el-select v-model="filterQuery.status" style="width: 90%" placeholder="请选择处理状态">
<el-option label="全部" value=""></el-option>
<el-option label="正在处理" value="0"></el-option>
<el-option label="处理完成" value="3"></el-option>
<el-option label="处理异常" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item class="query-form-item">
<el-select v-model="filterQuery.thirdSysFk" placeholder="请选择第三方系统" @change="sysChange">
</el-col>
<el-col :span="6">
<el-form-item label="外部系统:">
<el-select v-model="filterQuery.thirdSysFk" style="width: 90%" placeholder="请选择第三方系统"
@change="sysChange">
<el-option
v-for="item in thirdSys"
:key="item.value"
@ -27,10 +32,14 @@
</el-option>
</el-select>
</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 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-upload
v-if="this.thirdSysDetail.enabled && this.thirdSysDetail.fromType==1"
@ -52,10 +61,8 @@
下载往来单位
</el-button>
</el-button-group>
</el-form-item>
</el-row>
</el-form>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table
v-loading="loading"
:data="list"
@ -107,18 +114,16 @@
>
</template>
</el-table-column>
<el-table-column label="操作" width="160">
<el-table-column label="操作" width="120">
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click.native.stop="handleDetailClick(scope.row)"
>详情
</el-button
>
<el-button
type="text"
size="small"
@click.native.stop="deleteDialog(scope.row.id)"
>删除
</el-button
@ -129,7 +134,7 @@
<el-dialog
title="导入往来单位详情"
:visible.sync="udiImportDetailVisible"
width="85%"
width="80%"
:close-on-click-modal="false"
:close-on-press-escape="false"
v-if="udiImportDetailVisible"
@ -141,7 +146,7 @@
<el-dialog
title="下载往来单位信息"
:visible.sync="thrCorpSelectVisible"
width="85%"
width="80%"
:close-on-click-modal="false"
:close-on-press-escape="false"
v-if="thrCorpSelectVisible"
@ -172,6 +177,7 @@ import axios from "axios";
export default {
data() {
return {
showSearch: true,
filterQuery: {
genKey: null,
status: null,
@ -225,6 +231,10 @@ export default {
};
this.getList();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
this.loading = true;
filterLog(this.filterQuery)
@ -422,7 +432,7 @@ export default {
},
};
</script>
<style>
<style scoped>
.itemTag {
float: left;
text-align: left;
@ -430,6 +440,7 @@ export default {
width: 100px;
}
.text {
font-size: 13px;
font-family: "Microsoft YaHei";

@ -1,31 +1,38 @@
<template>
<div>
<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-form-item class="query-form-item">
<el-col :span="6">
<el-form-item label="往来单位编码:">
<el-input
v-model="filterQuery.unitId"
style="width: 90%"
placeholder="请输入往来单位编码"
clearable
></el-input>
</el-form-item>
<el-form-item class="query-form-item">
</el-col>
<el-col :span="6">
<el-form-item label="往来单位:">
<el-input
v-model="filterQuery.name"
style="width: 90%"
placeholder="请输入往来单位"
clearable
></el-input>
</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 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-group>
</el-form-item>
</el-row>
</el-form>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table
v-loading="loading"
:data="list"
@ -53,11 +60,11 @@
</template>
<script>
import {
import {
filterDetail,
} from "@/api/thrsys/thrCorpsImport";
} from "@/api/thrsys/thrCorpsImport";
export default {
export default {
name: "ThrCorpsImportDetail",
props: {
currentRow: {
@ -68,6 +75,7 @@
},
data() {
return {
showSearch: true,
filterQuery: {
genKey: null,
unitId: null,
@ -102,6 +110,9 @@
};
this.getList();
},
hideSearch() {
this.showSearch = !this.showSearch;
},
getList() {
this.loading = true;
console.log(" this.genKey = " + this.currentRow)
@ -112,7 +123,7 @@
if (response.code == 20000) {
this.list = response.data.list || [];
this.total = response.data.total || 0;
}else {
} else {
this.$message.error(response.message);
}
@ -140,29 +151,29 @@
this.getList();
},
filters: {},
};
};
</script>
<style>
.itemTag {
.itemTag {
float: left;
text-align: left;
margin-top: 10px;
width: 100px;
}
}
.text {
.text {
font-size: 13px;
font-family: "Microsoft YaHei";
}
}
.el-row {
.el-row {
display: flex;
flex-wrap: wrap;
}
}
.el-col {
.el-col {
border-radius: 4px;
flex-wrap: wrap;
}
}
</style>

Loading…
Cancel
Save