yxt_group
/
supervise
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

供应商管理

master
yunuo970428 2 years ago
parent
e00447285e
commit
860a8f5c0b
8 changed files with 1121 additions and 683 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      base-ui/src/api/portal/Upload.js
  2. 43
      base-ui/src/api/supervise/supplierbankinfo.js
  3. 218
      base-ui/src/components/uploadFile/FaImages.vue
  4. 150
      base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankAdd.vue
  5. 157
      base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankInfo.vue
  6. 607
      base-ui/src/views/supervise/supplierbankinfo/supplierbankinfo.vue
  7. 293
      base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue
  8. 326
      base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoInfo.vue

10
base-ui/src/api/portal/Upload.js
View File

@ -1,10 +1,10 @@
import request from '@/utils/request'
import qs from 'qs'
// 统一请求路径前缀
// 统一请求路径前缀
const base = process.env.VUE_APP_URL
// 文件上传接口
export const uploadFile = '/api/portal/file/upload'
// 文件上传接口
export const uploadFile = '/api/file/upload'
// 上传图片
// export function imageUpload(data) {
@ -19,9 +19,9 @@ export const uploadFile = '/api/portal/file/upload'
// 移除图片
export function deleteFilesOss(data) {
return request({
url: '/base/v1/baseVehicleAppendixs/deleteFilesOss',data,
url: '/base/v1/baseVehicleAppendixs/deleteFilesOss',
method: 'post',
data: qs.stringify(data),
data: qs.stringify(data),
// headers: { 'Content-Type': 'multipart/form-data' }
})
}

43
base-ui/src/api/supervise/supplierbankinfo.js
View File

@ -8,9 +8,7 @@ export default {
url: '/v1/supplierbankinfo/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
headers: { 'Content-Type': 'application/json' }
})
},
// 保存新增记录
@ -19,9 +17,7 @@ export default {
url: '/v1/supplierbankinfo/save',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid删除一条或多条记录
@ -30,9 +26,7 @@ export default {
url: '/v1/supplierbankinfo/delBySids',
method: 'delete',
data: params,
headers: {
'Content-Type': 'application/json'
}
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid查询一条记录
@ -41,31 +35,30 @@ export default {
url: '/v1/supplierbankinfo/fetchDetailsBySid/' + sid
})
},
// 提交
doSubmit: function(params) {
// 关联供应商--验证
verification: function(params) {
return request({
url: '/v1/supplierbankinfo/doSubmit',
url: '/v1/supplierindex/verification',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
headers: { 'Content-Type': 'application/json' }
})
},
// 导入
importExcel: function(params) {
// 关联供应商--查看详情
fetchDetailsBySid: function(data) {
return request({
url: '/v1/supplierbankinfo/importExcel',
method: 'post',
data: params
url: '/v1/supplierindex/fetchDetailsBySid/' + data,
method: 'get'
})
},
// 导出
exportExcel: function(params) {
// 关联供应商--查看详情--保存
save: function(data) {
return request({
url: '/v1/supplierbankinfo/exportExcel',
url: '/v1/supplierindex/save',
method: 'post',
data: params
data: data,
headers: { 'Content-Type': 'application/json' }
})
}
},
}

218
base-ui/src/components/uploadFile/FaImages.vue
View File

@ -1,77 +1,92 @@
<template>
<div>
<div>
<el-upload v-loading="loadding" ref="imgUpload" class="avatar-uploader" :headers="accessToken" :action="uploadFile" accept=".jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP" list-type="picture-card" :file-list="files" :on-remove="removeImage" :on-preview="handlePictureCardPreview" :on-progress="uploadProgrees" :on-error="uploadError" :on-success="uploadImgSuccess_FuJian">
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</div>
<el-dialog :visible.sync="showpicture" :append-to-body="true" title="查看图片">
<el-upload ref="imgUpload" v-loading="loadding" class="avatar-uploader" :headers="accessToken"
:action="uploadFile" accept=".jpg,.jpeg,.png,.pdf,.JPG,.JPEG," list-type="picture-card"
:file-list="files" :on-remove="removeImage" :on-preview="handlePictureCardPreview"
:on-error="uploadError" :on-success="uploadImgSuccess_FuJian">
<i class="el-icon-plus avatar-uploader-icon"/>
</el-upload>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true" title="查看图片">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
</div>
</template>
<script>
import { imageUpload } from '@/api/portal/Upload.js'
import { mapGetters } from 'vuex'
import { uploadFile, deleteFilesOss } from '@/api/portal/Upload'
import { getStorage } from '@/utils/auth.js'
export default {
model: {
prop: 'imageFileList',
event: 'fileListChange',
prop: 'name',
event: 'change'
},
props: {
placeholder: {
type: String,
default: '',
default: ''
},
bucket: {
type: String,
default: 'abc'
},
// 长度
width: {
type: String,
default: '270px',
default: '270px'
},
// 图片路径
imageFileList: {
type: Array,
required: [],
limit: {
type: Number,
default: 1
},
num: {
accept: {
type: String,
default: '',
default: ''
},
// 文件名称
name: {
type: Array,
required: true
},
uploadData: {
type: Object,
default: {}
}
},
data() {
return {
dialogImageUrl: '',
accessToken: {},
fileUrl: fileUrl,
uploadFile: imageUpload,
dialogVisible: false,
accessToken: null,
uploadFile: uploadFile,
fileList_FuJian: [],
enclosure: '',
file_add: '',
file_catch: '',
files: [],
showpicture: false,
files_list: [],
filedUrl: '',
isview: false,
nameArr: '',
loadding: false,
stateName: ''
}
},
computed: {
...mapGetters([
'id',
'departmentCode',
'departmentLevel',
'departmentType',
'token',
]),
},
watch: {
imageFileList: {
name: {
deep: true,
immediate: true,
handler(newVal, oldVal) {
this.files = []
for (var i = 0; i < newVal.length; i++) {
this.files.push({
name: newVal[i].name,
url: fileUrl + newVal[i].url,
})
console.log('aaaa1', newVal)
console.log('aaaa2', oldVal)
this.files = newVal
if (this.stateName === 'xunidingjinAdd') {
if (this.files.length > 1) {
this.files.splice(0, 1)
}
}
},
},
console.log('aaaa2', this.files)
}
}
},
mounted() {
this.$nextTick(() => {
@ -79,100 +94,73 @@ export default {
})
},
created() {
if (this.imageFileList !== undefined) {
this.files = []
for (var i = 0; i < this.imageFileList.length; i++) {
this.files.push({
name: this.imageFileList[i].name,
url: fileUrl + this.imageFileList[i].url,
})
}
this.uploadFile = uploadFile // 接口
this.accessToken = {
token: getStorage()
}
},
methods: {
showImg(imgList) {
this.stateName = 'xunidingjinAdd'
this.files = imgList
console.log('回显图片', this.files)
},
view() {
// window.open(this.filedUrl)
},
// 页面第一次加载
Init() {
//
// 1. 文件上传用token
this.accessToken = {
accessToken: this.token,
}
}, // 上传方案--成功后执行
uploadImgSuccess_FuJian(response, file, ImageFileList) {
this.loadding = false
if (file.response.code === 20000) {
// 返显图片
var imageUrl = this.fileUrl + file.response.data
var uid = file.response.data
this.files.push({ name: file.name, url: imageUrl })
var fileList = []
for (var i = 0; i < this.files.length; i++) {
console.log(this.files[i].url, 'this.files[i].url')
fileList.push({
name: this.files[i].name,
url: this.files[i].url.substr(this.fileUrl.length),
num: this.num,
if (this.name !== undefined) {
this.files = []
for (var i = 0; i < this.name.length; i++) {
this.files.push({
name: this.name[i],
url: this.name[i]
})
}
this.$emit('fileListChange', fileList)
}
},
removeImage(file, ImageFileList) {
this.files.splice(this.files.indexOf(file), 1)
var fileList = []
for (var i = 0; i < this.files.length; i++) {
fileList.push({
name: this.files[i].name,
url: this.files[i].url.substr(this.fileUrl.length),
// 上传方案--成功后执行
uploadImgSuccess_FuJian(response, file, fileList) {
console.log('您选择的file:', file)
if (file.response.code === '200') {
this.loadding = false
// 返显图片
this.filedUrl = this.fileUrl + file.response.data
// var uid = file.response.data
this.files.push({
name: file.response.data.sourceFileName,
url: file.response.data.fullUrl,
size: file.response.data.size,
})
this.$emit('change', this.files)
this.$emit('eett', this.files)
}
},
this.$emit('fileListChange', fileList)
removeImage(file, ImageFileList) {
deleteFilesOss(file.url).then((res) => {
if (res.success) {
this.files.splice(this.files.indexOf(file), 1)
const imgFiles = []
this.files.forEach((o) => {
imgFiles.push(o.url)
})
this.$emit('fileChange', this.files)
}
})
},
handlePictureCardPreview(file) {
this.dialogVisible = true
this.dialogImageUrl = file.url
this.showpicture = true
},
// 上传失败
uploadError() {
this.loadding = false
},
uploadProgrees(event, file, fileList) {
if (Number(event.percent) > 0) {
this.loadding = true
}
// console.log('event:', event)
},
},
}
}
}
</script>
<style lang="scss" scoped>
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 100px;
height: 250px;
line-height: 100px;
text-align: center;
}
.avatar {
width: 200px;
height: 200px;
display: block;
// float: left;
}
</style>
<style scoped></style>

150
base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankAdd.vue
View File

@ -0,0 +1,150 @@
<template>
<div class="app-container">
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
<!-- 标题 -->
<div>{{ viewTitle }}</div>
<!-- start 添加修改按钮 -->
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
</div>
<!-- 标题按钮部分结束 -->
<!-- Start 新增修改部分 -->
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="right" class="formadd">
<div class="title">
<div>银行已认定的供应商</div>
</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>供应商名称</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ supplierName }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>供应商编码</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.codeUnified }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>法人</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.legalRepresentative }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>营业执照号码</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.businessLicenseNo }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">
<div>关联供应商</div>
</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>供应商名称</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-input v-model="formobj.name" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>供应商编码</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-input v-model="formobj.code" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- End 添加修改部分 -->
</div>
</template>
<script>
import req from '@/api/supervise/supplierbankinfo'
export default {
name: 'RelevancySupplierBankAdd',
data() {
return {
submitdisabled: false,
viewTitle: '',
tableKey: 0,
index: 0,
supplierName: '',
formobj: {
sid: '',
name: '',
codeUnified: '',
legalRepresentative: '',
businessLicenseNo: ''
},
rules: {}
}
},
created() {},
methods: {
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
sid: '',
name: '',
codeUnified: '',
legalRepresentative: '',
businessLicenseNo: ''
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
},
showEdit(row) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '关联供应商'
this.formobj.sid = row.sid
this.supplierName = row.name
this.formobj.codeUnified = row.codeUnified
this.formobj.legalRepresentative = row.legalRepresentative
this.formobj.businessLicenseNo = row.businessLicenseNo
},
saveOrUpdate() {
this.$refs['form_obj'].validate(valid => {
if (valid) {
this.submitdisabled = true
req.verification(this.formobj).then(resp => {
this.submitdisabled = false
if (resp.success) {
this.$message({ showClose: true, type: 'success', message: resp.msg })
this.handleReturn('true')
} else {
// 根据resp.code进行异常情况处理
}
}).catch(() => {
this.submitdisabled = false
})
} else {
return false
}
})
}
}
}
</script>
<style scoped>
.title {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

157
base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankInfo.vue
View File

@ -0,0 +1,157 @@
<template>
<div class="app-container">
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
<!-- 标题 -->
<div>{{ viewTitle }}</div>
<!-- start 添加修改按钮 -->
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
</div>
<!-- 标题按钮部分结束 -->
<!-- Start 新增修改部分 -->
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="right" class="formadd">
<div class="title">
<div>银行已认定的供应商</div>
</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>供应商名称</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.name }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>供应商编码</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.codeUnified }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>法人</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.legalRepresentative }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>营业执照号码</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.businessLicenseNo }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">
<div>关联供应商列表</div>
</div>
<el-table :key="tableKey" :data="formobj.list" :index="index" border style="width: 100%">
<el-table-column fixed label="序号" width="80p" type="index" :index="index + 1" align="center"/>
<el-table-column fixed label="操作" width="100" align="center" header-align="center">
<template slot-scope="scope">
<el-button size="mini" type="danger" @click="dataDelete(scope.$index)">删除
</el-button>
</template>
</el-table-column>
<el-table-column label="供应商编号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.code }}</span>
</template>
</el-table-column>
<el-table-column label="供应商名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.name }}</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
<!-- End 添加修改部分 -->
</div>
</template>
<script>
import req from '@/api/supervise/supplierbankinfo'
export default {
name: 'RelevancySupplierBankInfo',
data() {
return {
submitdisabled: false,
viewTitle: '',
tableKey: 0,
index: 0,
formobj: {
sid: '',
name: '',
codeUnified: '',
legalRepresentative: '',
businessLicenseNo: '',
list: []
},
rules: {}
}
},
created() {},
methods: {
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
sid: '',
name: '',
codeUnified: '',
legalRepresentative: '',
businessLicenseNo: '',
list: []
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
},
showInfo(row) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '关联供应商详情'
req.fetchDetailsBySid(row.sid).then(resp => {
if (resp.success) {
this.formobj = resp.data
} else {
// 根据resp.code进行异常情况处理
}
}).catch(e => {
this.formobj = row
})
},
dataDelete(index) {
this.formobj.list.splice(index, 1)
},
saveOrUpdate() {
this.$refs['form_obj'].validate(valid => {
if (valid) {
this.submitdisabled = true
req.save(this.formobj).then((resp) => {
this.submitdisabled = false
if (resp.success) {
this.$message({ showClose: true, type: 'success', message: resp.msg })
this.handleReturn('true')
} else {
// 根据resp.code进行异常情况处理
}
}).catch(() => {
this.submitdisabled = false
})
} else {
return false
}
})
}
}
}
</script>
<style scoped>
</style>

607
base-ui/src/views/supervise/supplierbankinfo/supplierbankinfo.vue
View File

@ -1,92 +1,93 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<button-bar view-title="供应商信息" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">{{ isSearchShow ? '隐藏查询条件' : '显示查询条件' }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header">
<el-form-item label="创建者"><el-input v-model="queryParams.params.createSid" placeholder="请输入创建者" clearable /></el-form-item>
<el-form-item label="更新者"><el-input v-model="queryParams.params.modifySid" placeholder="请输入更新者" clearable /></el-form-item>
<el-form-item label="名称"><el-input v-model="queryParams.params.name" placeholder="请输入名称" clearable /></el-form-item>
<el-form-item label="统一编码"><el-input v-model="queryParams.params.codeUnified" placeholder="请输入统一编码" clearable /></el-form-item>
<el-form-item label="联系人"><el-input v-model="queryParams.params.contacts" placeholder="请输入联系人" clearable /></el-form-item>
<el-form-item label="电话"><el-input v-model="queryParams.params.telephone" placeholder="请输入电话" clearable /></el-form-item>
<el-form-item label="地址"><el-input v-model="queryParams.params.address" placeholder="请输入地址" clearable /></el-form-item>
<el-form-item label="银行帐户"><el-input v-model="queryParams.params.bankAccount" placeholder="请输入银行帐户" clearable /></el-form-item>
<el-form-item label="帐号"><el-input v-model="queryParams.params.bankAccountNumber" placeholder="请输入帐号" clearable /></el-form-item>
<el-form-item label="开户行名称"><el-input v-model="queryParams.params.bankName" placeholder="请输入开户行名称" clearable /></el-form-item>
<el-form-item label="法人"><el-input v-model="queryParams.params.legalRepresentative" placeholder="请输入法人" clearable /></el-form-item>
<el-form-item label="营业执照号"><el-input v-model="queryParams.params.businessLicenseNo" placeholder="请输入营业执照号" clearable /></el-form-item>
<el-form-item label="监管审核状态0待审核1为通过2为拒绝"><el-input v-model="queryParams.params.purchaseRequisition" placeholder="请输入监管审核状态0待审核1为通过2为拒绝" clearable /></el-form-item>
<el-form-item label="监管审批意见"><el-input v-model="queryParams.params.purchaseRemarks" placeholder="请输入监管审批意见" clearable /></el-form-item>
<el-form-item label="银行0未审核，1审核通过，2审核不通过"><el-input v-model="queryParams.params.bankState" placeholder="请输入银行0未审核，1审核通过，2审核不通过" clearable /></el-form-item>
<el-form-item label="银行审批意见"><el-input v-model="queryParams.params.bankRemarks" placeholder="请输入银行审批意见" clearable /></el-form-item>
<el-divider />
<div class="btn" style="text-align: center;">
<el-button type="primary" @click="dosearch">查询</el-button>
<el-button type="primary" @click="resetQuery">重置</el-button>
</div>
</el-form>
</div>
</div>
<!-- Start 项目列表头部 -->
<div class="listtop">
<div class="tit">供应商信息列表</div>
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
</div>
<!-- End 项目列表头部 -->
<div class="app-container">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="供应商管理" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header">
<el-form-item label="备案状态">
<el-input v-model="queryParams.params.createSid" placeholder="" clearable/>
</el-form-item>
<el-form-item label="供应商编号">
<el-input v-model="queryParams.params.codeUnified" placeholder="" clearable/>
</el-form-item>
<el-form-item label="供应商名称">
<el-input v-model="queryParams.params.name" placeholder="" clearable/>
</el-form-item>
<el-form-item label="联系人">
<el-input v-model="queryParams.params.contacts" placeholder="" clearable/>
</el-form-item>
<el-form-item label="法人">
<el-input v-model="queryParams.params.legalRepresentative" placeholder="" clearable/>
</el-form-item>
<el-form-item label="营业执照号码">
<el-input v-model="queryParams.params.businessLicenseNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="银行账号">
<el-input v-model="queryParams.params.bankAccountNumber" placeholder="" clearable/>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<!-- Start 项目列表头部 -->
<div class="listtop">
<div class="tit">供应商列表</div>
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
</div>
<!-- End 项目列表头部 -->
<!-- Start 项目列表 -->
<div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column fixed width="50" type="selection" align="center"/>
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column fixed label="操作" wid align="center" width="180">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">关联</el-button>
<el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="供应商编号" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="toInfo(scope.row)">{{ scope.row.codeUnified }}</span>
</template>
</el-table-column>>
<el-table-column prop="name" label="供应商名称" align="center"/>
<el-table-column prop="contacts" label="联系人" align="center" width="100"/>
<el-table-column prop="telephone" label="电话" align="center" width="110"/>
<el-table-column prop="address" label="地址" align="center"/>
<el-table-column prop="bankAccount" label="银行帐户" align="center"/>
<el-table-column prop="bankAccountNumber" label="帐号" align="center"/>
<el-table-column prop="bankName" label="开户行名称" align="center"/>
<el-table-column prop="legalRepresentative" label="法人" align="center" width="100"/>
<el-table-column prop="businessLicenseNo" label="营业执照号码" align="center" width="170"/>
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
</div>
</div>
</div>
<!-- End 查询和其列表部分 -->
<!-- 新增修改部分组件 -->
<div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList"/>
<!-- 详情部分组件 -->
<div-info v-show="viewState == 4" ref="divinfo" @doback="resetState"/>
<!-- 关联部分组件-->
<relevancysupplierbankAdd v-show="viewState == 5" ref="divBankAdd" @doback="resetState"/>
<!-- Start 项目列表 -->
<div class="listcon">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column width="50px" type="selection" align="center" />
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column label="SID" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="toInfo(scope.row)">{{ scope.row.sid }}</span>
</template>
</el-table-column>
<el-table-column prop="createSid" label="创建者" align="center" />
<el-table-column prop="modifySid" label="更新者" align="center" />
<el-table-column prop="name" label="名称" align="center" />
<el-table-column prop="codeUnified" label="统一编码" align="center" />
<el-table-column prop="contacts" label="联系人" align="center" />
<el-table-column prop="telephone" label="电话" align="center" />
<el-table-column prop="address" label="地址" align="center" />
<el-table-column prop="bankAccount" label="银行帐户" align="center" />
<el-table-column prop="bankAccountNumber" label="帐号" align="center" />
<el-table-column prop="bankName" label="开户行名称" align="center" />
<el-table-column prop="legalRepresentative" label="法人" align="center" />
<el-table-column prop="businessLicenseNo" label="营业执照号" align="center" />
<el-table-column prop="purchaseRequisition" label="监管审核状态0待审核1为通过2为拒绝" align="center" />
<el-table-column prop="purchaseRemarks" label="监管审批意见" align="center" />
<el-table-column prop="bankState" label="银行0未审核，1审核通过，2审核不通过" align="center" />
<el-table-column prop="bankRemarks" label="银行审批意见" align="center" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination
v-show="dataList.length > 0"
:total="queryParams.total"
:page.sync="queryParams.current"
:limit.sync="queryParams.size"
class="pagination"
@pagination="loadList"
/>
</div>
</div>
<!-- End 查询和其列表部分 -->
<!-- 新增修改部分组件 -->
<div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
<!-- 详情部分组件 -->
<div-info v-show="viewState == 4" ref="divinfo" @doback="resetState" />
</div>
<relevancysupplierbankInfo v-show="viewState == 6" ref="divBankInfo" @doback="resetState"/>
</div>
</template>
<script>
@ -96,237 +97,211 @@ import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import divAdd from './supplierbankinfoAdd'
import divInfo from './supplierbankinfoInfo'
import relevancysupplierbankAdd from './relation/relevancysupplierbankAdd'
import relevancysupplierbankInfo from './relation/relevancysupplierbankInfo'
export default {
name: 'SupplierBankInfoIndex',
components: {
ButtonBar,
Pagination,
pageye,
divAdd,
divInfo
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: true,
tableLoading: false,
dataList: [],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
sids: [], // 用于导出的时候保存已选择SID
createSid: '', // 创建者
modifySid: '', // 更新者
name: '', // 名称
codeUnified: '', // 统一编码
contacts: '', // 联系人
telephone: '', // 电话
address: '', // 地址
bankAccount: '', // 银行帐户
bankAccountNumber: '', // 帐号
bankName: '', // 开户行名称
legalRepresentative: '', // 法人
businessLicenseNo: '', // 营业执照号
purchaseRequisition: '', // 监管审核状态0待审核1为通过2为拒绝
purchaseRemarks: '', // 监管审批意见
bankState: '', // 银行0未审核，1审核通过，2审核不通过
bankRemarks: '' // 银行审批意见
}
},
multipleSelection: []
}
},
created() {
this.loadList()
},
methods: {
resetState() {
this.viewState = 1
},
btnHandle(btnKey) {
switch (btnKey) {
case 'toAdd':
this.toAdd()
break
case 'toEdit':
this.toEdit()
break
case 'doSubmit':
this.doSubmit()
break
case 'doDel':
this.doDel()
break
case 'doImport':
this.doImport()
break
case 'doExport':
this.doExport()
break
default:
break
}
},
toAdd(row) {
this.viewState = 2
this.$refs['divadd'].showAdd()
},
toEdit() {
if (this.multipleSelection.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行编辑' })
return
}
if (this.multipleSelection.length > 1) {
this.$message({ showClose: true, type: 'error', message: '只能选择一条记录进行编辑' })
return
}
this.viewState = 3
const row = this.multipleSelection[0]
this.$refs['divadd'].showEdit(row)
},
doSubmit(row) {
// 提交的代码
this.btndisabled = true
req
.doSubmit(this.queryParams.params)
.then(resp => {
console.log(resp)
this.btndisabled = false
if (resp.success) {
// 加提交后的逻辑
} else {
// 根据resp.code进行异常情况处理
}
})
.catch(() => {
this.btndisabled = false
})
},
doDel(row) {
if (this.multipleSelection.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
return
}
const _this = this
const sids = []
this.multipleSelection.forEach(row => {
sids.push(row.sid)
})
const tip = '请确认是否删除所选 ' + this.multipleSelection.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req
.delBySids(sids)
.then(resp => {
loading.close()
if (resp.success) {
_this.$message({ type: 'success', message: resp.msg, showClose: true })
_this.loadList()
} else {
// 根据resp.code进行异常情况处理
}
})
.catch(e => {
loading.close()
})
})
.catch(() => {})
},
doImport(row) {
// 导入的代码
req
.importExcel(this.queryParams.params)
.then(resp => {
if (resp.success) {
console.log(resp)
}
})
.catch(() => {})
},
doExport(row) {
// 导出的代码
const sids = []
this.multipleSelection.forEach(row => {
sids.push(row.sid)
})
this.queryParams.params.sids = sids
req
.exportExcel(this.queryParams.params)
.then(resp => {
if (resp.success) {
var map = resp.data
const fileName = map.filename // 导出文件名
// // 对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性
// // IE10以上支持blob但是依然不支持download
const link = document.createElement('a') // 创建a标签
link.download = fileName // a标签添加属性
link.style.display = 'none'
link.href = map.downurl
document.body.appendChild(link)
link.click() // 执行下载
URL.revokeObjectURL(link.href) // 释放url
document.body.removeChild(link) // 释放标签
}
})
.catch(() => {})
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams.params = {}
this.queryParams.params.sid = '' // sid
this.queryParams.params.name = '' // 登录名
this.dosearch()
},
loadList() {
const _this = this
this.tableLoading = true
req
.listPage(this.queryParams)
.then(resp => {
_this.tableLoading = false
if (resp.success) {
const data = resp.data
_this.queryParams.total = data.total
_this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
}
})
.catch(() => {
_this.tableLoading = false
})
},
handleSelectionChange(val) {
this.multipleSelection = val
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
toInfo(row) {
this.$refs['divinfo'].showInfo(row)
this.viewState = 4
}
}
name: 'SupplierBankInfoIndex',
components: {
ButtonBar,
Pagination,
pageye,
divAdd,
divInfo,
relevancysupplierbankAdd,
relevancysupplierbankInfo
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
dataList: [],
btnList: [
{
type: 'primary',
size: 'small',
icon: 'plus',
btnKey: 'toAdd',
btnLabel: '新增'
},
{
type: 'primary',
size: 'small',
icon: '',
btnKey: 'filing',
btnLabel: '备案'
},
{
type: 'danger',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
codeUnified: '',
name: '',
contacts: '',
bankAccountNumber: '',
legalRepresentative: '',
businessLicenseNo: ''
}
},
sids: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'toAdd':
this.toAdd()
break
case 'filing':
this.filing()
break
case 'doDel':
this.doDel()
break
default:
break
}
},
loadList() {
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.queryParams.total = 0
this.dataList = []
}
}).catch(() => {
this.tableLoading = false
})
},
handleSelectionChange(row) {
const aa = []
row.forEach((element) => {
aa.push(element.sid)
})
this.sids = aa
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
codeUnified: '',
name: '',
contacts: '',
bankAccountNumber: '',
legalRepresentative: '',
businessLicenseNo: ''
}
}
this.loadList()
},
toAdd() {
this.viewState = 2
this.$refs['divadd'].showAdd()
},
toRelevancy(row) {
this.viewState = 5
this.$refs['divBankAdd'].showEdit(row)
},
toRelevancyInfo(row) {
this.viewState = 6
this.$refs['divBankInfo'].showInfo(row)
},
toEdit(row) {
this.viewState = 3
this.$refs['divadd'].showEdit(row)
},
toInfo(row) {
this.viewState = 4
this.$refs['divinfo'].showInfo(row)
},
filing() {},
doDel() {
if (this.sids.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
return
}
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.delBySids(this.sids).then((resp) => {
loading.close()
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
this.loadList()
} else {
// 根据resp.code进行异常情况处理
}
}).catch(e => {
loading.close()
})
}).catch(() => {
})
},
resetState() {
this.viewState = 1
}
}
}
</script>
<style scoped>

293
base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue
View File

@ -7,7 +7,7 @@
<!-- start 添加修改按钮 -->
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">返回</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
@ -15,76 +15,158 @@
<!-- 标题按钮部分结束 -->
<!-- Start 新增修改部分 -->
<div class="listconadd">
<div class="titwu"><span>供应商信息</span></div>
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="right" class="formadd">
<div class="wlInfo"><span>供应商信息</span></div>
<div class="title">
<div>供应商基本信息</div>
</div>
<el-row>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>供应商名称</span>
<span>供应商名称</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="name"><el-input v-model="formobj.name" placeholder="名称" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.name" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>统一编码</span>
<span>供应商编码</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="codeUnified"><el-input v-model="formobj.codeUnified" placeholder="统一编码" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.codeUnified" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>联系人</span>
<span>联系人</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="contacts"><el-input v-model="formobj.contacts" placeholder="联系人" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.contacts" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>电话</span>
<span>电话</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="telephone"><el-input v-model="formobj.telephone" placeholder="电话" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.telephone" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>单位地址</span>
<span>单位地址</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="address"><el-input v-model="formobj.address" placeholder="地址" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.address" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>法人</span>
<span>法人</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="legalRepresentative"><el-input v-model="formobj.legalRepresentative" placeholder="法人" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.legalRepresentative" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>银行帐户</span>
<span>银行帐户</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="bankAccount"><el-input v-model="formobj.bankAccount" placeholder="银行帐户" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.bankAccount" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>帐号</span>
<span>银行帐号</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="bankAccountNumber"><el-input v-model="formobj.bankAccountNumber" placeholder="帐号" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.bankAccountNumber" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>开户行名称</span>
<span>开户行</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="bankName"><el-input v-model="formobj.bankName" placeholder="开户行名称" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.bankName" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span><span class="icon">*</span>营业执照号</span>
<span>营业执照号</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item prop="businessLicenseNo"><el-input v-model="formobj.businessLicenseNo" placeholder="营业执照号" class="addinputw" clearable /></el-form-item>
<el-form-item><el-input v-model="formobj.businessLicenseNo" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>
<div class="yyzz">
<div>营业执照</div>
</div>
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="24">
<el-form-item>
<FaImages ref="FaImages" v-model="img_list1" bucket="map" :upload-data="{type:'0001'}"/>
</el-form-item>
</el-col>
</el-row>
<div class="title">
<div>合同信息</div>
</div>
<el-row>
<el-col :span="4" class="tleftb">
<span>供应商</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-input v-model="formobj.name" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>经办人</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-input v-model="formobj.supplierContractInfoDto.handledBy" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>合同编号</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-input v-model="formobj.supplierContractInfoDto.contractNo" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>合同有效期</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-date-picker v-model="formobj.supplierContractInfoDto.contractValidity" type="date" clearable value-format="yyyy-MM-dd" class="addinputw" placeholder="选择日期"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>签署组织</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-input v-model="formobj.supplierContractInfoDto.signingOrganization" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>签署部门</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-input v-model="formobj.supplierContractInfoDto.signingDepartment" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>签署人</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-input v-model="formobj.supplierContractInfoDto.signatory" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">
<span>合同金额</span>
</el-col>
<el-col :span="8" class="trightb">
<el-form-item><el-input v-model="formobj.supplierContractInfoDto.contractPrice" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>
<div class="yyzz">
<div>《合同照片》</div>
</div>
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="24">
<el-form-item>
<FaImages ref="FaImages" v-model="img_list2" bucket="map" :upload-data="{type:'0001'}"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
@ -95,76 +177,77 @@
<script>
import req from '@/api/supervise/supplierbankinfo'
import FaImages from '@/components/uploadFile/FaImages'
export default {
name: 'SupplierBankInfoAdd',
components: {
FaImages
},
data() {
return {
submitdisabled: false,
viewTitle: '',
img_list1: [],
img_list2: [],
formobj: {
id: '',
sid: '',
createSid: '', // 创建者
modifySid: '', // 更新者
name: '', // 名称
codeUnified: '', // 统一编码
contacts: '', // 联系人
telephone: '', // 电话
address: '', // 地址
bankAccount: '', // 银行帐户
bankAccountNumber: '', // 帐号
bankName: '', // 开户行名称
legalRepresentative: '', // 法人
businessLicenseNo: '', // 营业执照号
purchaseRequisition: '', // 监管审核状态0待审核1为通过2为拒绝
purchaseRemarks: '', // 监管审批意见
bankState: '', // 银行0未审核，1审核通过，2审核不通过
bankRemarks: '' // 银行审批意见
sid: '',
name: '',
codeUnified: '',
contacts: '',
telephone: '',
address: '',
bankAccount: '',
bankAccountNumber: '',
bankName: '',
legalRepresentative: '',
businessLicenseNo: '',
businessLicenseFiles: [],
contractFiles: [],
supplierContractInfoDto: {
handledBy: '',
signingOrganization: '',
contractNo: '',
contractValidity: '',
signingDepartment: '',
signatory: '',
contractPrice: '',
supplierSid: ''
}
},
rules: {
createSid: [{ required: true, message: '创建者不能为空', trigger: 'blur' }], // 创建者
modifySid: [{ required: true, message: '更新者不能为空', trigger: 'blur' }], // 更新者
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }], // 名称
codeUnified: [{ required: true, message: '统一编码不能为空', trigger: 'blur' }], // 统一编码
contacts: [{ required: true, message: '联系人不能为空', trigger: 'blur' }], // 联系人
telephone: [{ required: true, message: '电话不能为空', trigger: 'blur' }], // 电话
address: [{ required: true, message: '地址不能为空', trigger: 'blur' }], // 地址
bankAccount: [{ required: true, message: '银行帐户不能为空', trigger: 'blur' }], // 银行帐户
bankAccountNumber: [{ required: true, message: '帐号不能为空', trigger: 'blur' }], // 帐号
bankName: [{ required: true, message: '开户行名称不能为空', trigger: 'blur' }], // 开户行名称
legalRepresentative: [{ required: true, message: '法人不能为空', trigger: 'blur' }], // 法人
businessLicenseNo: [{ required: true, message: '营业执照号不能为空', trigger: 'blur' }], // 营业执照号
purchaseRequisition: [{ required: true, message: '监管审核状态0待审核1为通过2为拒绝不能为空', trigger: 'blur' }], // 监管审核状态0待审核1为通过2为拒绝
purchaseRemarks: [{ required: true, message: '监管审批意见不能为空', trigger: 'blur' }], // 监管审批意见
bankState: [{ required: true, message: '银行0未审核，1审核通过，2审核不通过不能为空', trigger: 'blur' }], // 银行0未审核，1审核通过，2审核不通过
bankRemarks: [{ required: true, message: '银行审批意见不能为空', trigger: 'blur' }] // 银行审批意见
}
rules: {}
}
},
created() {},
methods: {
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj.id = ''
this.formobj.sid = '' // SID
this.createSid = '' // 创建者
this.modifySid = '' // 更新者
this.name = '' // 名称
this.codeUnified = '' // 统一编码
this.contacts = '' // 联系人
this.telephone = '' // 电话
this.address = '' // 地址
this.bankAccount = '' // 银行帐户
this.bankAccountNumber = '' // 帐号
this.bankName = '' // 开户行名称
this.legalRepresentative = '' // 法人
this.businessLicenseNo = '' // 营业执照号
this.purchaseRequisition = '' // 监管审核状态0待审核1为通过2为拒绝
this.purchaseRemarks = '' // 监管审批意见
this.bankState = '' // 银行0未审核，1审核通过，2审核不通过
this.bankRemarks = '' // 银行审批意见
this.img_list1 = []
this.img_list2 = []
this.formobj = {
sid: '',
name: '',
codeUnified: '',
contacts: '',
telephone: '',
address: '',
bankAccount: '',
bankAccountNumber: '',
bankName: '',
legalRepresentative: '',
businessLicenseNo: '',
businessLicenseFiles: [],
contractFiles: [],
supplierContractInfoDto: {
handledBy: '',
signingOrganization: '',
contractNo: '',
contractValidity: '',
signingDepartment: '',
signatory: '',
contractPrice: '',
supplierSid: ''
}
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
},
@ -180,9 +263,7 @@ export default {
})
this.viewTitle = '【修改】供应商信息'
const _this = this
req
.fetchBySid(row.sid)
.then(resp => {
req.fetchBySid(row.sid).then((resp) => {
if (resp.sucess) {
const vdata = resp.data
_this.formobj.id = vdata.id
@ -213,24 +294,31 @@ export default {
})
},
saveOrUpdate() {
const _this = this
if (this.img_list1.length > 0) {
for (var i = 0; i < this.img_list1.length; i++) {
this.formobj.businessLicenseFiles.push(this.img_list1[i].url)
}
}
if (this.img_list2.length > 0) {
for (var k = 0; k < this.img_list1.length; k++) {
this.formobj.contractFiles.push(this.img_list2[k].url)
}
}
this.$refs['form_obj'].validate(valid => {
if (valid) {
this.submitdisabled = true
req
.saveOrUpdate(this.formobj)
.then(resp => {
this.submitdisabled = false
if (resp.success) {
_this.$message({ showClose: true, type: 'success', message: resp.msg })
_this.handleReturn('true')
} else {
// 根据resp.code进行异常情况处理
}
})
.catch(() => {
this.submitdisabled = false
})
if (valid) {
console.log(this.formobj)
this.submitdisabled = true
req.saveOrUpdate(this.formobj).then(resp => {
this.submitdisabled = false
if (resp.success) {
this.$message({ showClose: true, type: 'success', message: resp.msg })
this.handleReturn('true')
} else {
// 根据resp.code进行异常情况处理
}
}).catch(() => {
this.submitdisabled = false
})
} else {
return false
}
@ -240,4 +328,11 @@ export default {
}
</script>
<style scoped></style>
<style scoped>
.yyzz {
padding: 12px;
font-weight: bold;
font-size: 16px;
text-align: left;
}
</style>

326
base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoInfo.vue
View File

@ -1,132 +1,212 @@
<template>
<div>
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
<!-- 标题 -->
<div>供应商信息详情</div>
<!-- start 详情按钮 -->
<div><el-button itype="info" size="small" @click="handleReturn()">返回</el-button></div>
<!-- end 详情按钮 -->
</div>
<!-- 标题按钮部分结束 -->
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd">
<div class="wlInfo"><span>供应商信息</span></div>
<el-row>
<el-col :span="4" class="tleftb">创建者</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.createSid }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">更新者</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.modifySid }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">名称</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.name }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">统一编码</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.codeUnified }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">联系人</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.contacts }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">电话</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.telephone }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">地址</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.address }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">银行帐户</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankAccount }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">帐号</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankAccountNumber }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">开户行名称</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankName }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">法人</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.legalRepresentative }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">营业执照号</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.businessLicenseNo }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">监管审核状态0待审核1为通过2为拒绝</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchaseRequisition }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">监管审批意见</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchaseRemarks }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">银行0未审核，1审核通过，2审核不通过</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankState }}</span></el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">银行审批意见</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankRemarks }}</span></el-form-item></el-col>
</el-row>
</el-form>
</div>
</div>
<div>
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
<!-- 标题 -->
<div>供应商信息详情</div>
<!-- start 详情按钮 -->
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!-- end 详情按钮 -->
</div>
<!-- 标题按钮部分结束 -->
<div class="listconadd">
<div class="titwu"><span>供应商信息</span></div>
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd">
<div class="title">
<div>供应商基本信息</div>
</div>
<el-row>
<el-col :span="4" class="tleftb">供应商名称</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.name }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">供应商编码</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.codeUnified }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">联系人</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.contacts }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">电话</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.telephone }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">单位地址</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.address }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">法人</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.legalRepresentative }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">银行帐户</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.bankAccount }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">银行帐号</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.bankAccountNumber }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">开户行</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.bankName }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">营业执照号</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.businessLicenseNo }}</span></el-form-item>
</el-col>
</el-row>
<div class="yyzz">
<div>营业执照</div>
</div>
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="24">
<el-form-item>
<el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.businessLicenseFiles" :key="index" :src="item" :preview-src-list="formobj.businessLicenseFiles"></el-image>
</el-form-item>
</el-col>
</el-row>
<div class="title">
<div>合同信息</div>
</div>
<el-row>
<el-col :span="4" class="tleftb">供应商</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.name }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">经办人</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.supplierContractInfoDto.handledBy }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">合同编号</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.supplierContractInfoDto.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">合同有效期</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.supplierContractInfoDto.contractValidity }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">签署组织</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.supplierContractInfoDto.signingOrganization }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">签署部门</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.supplierContractInfoDto.signingDepartment }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">签署人</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.supplierContractInfoDto.signatory }}</span></el-form-item>
</el-col>
<el-col :span="4" class="tleftb">合同金额</el-col>
<el-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.supplierContractInfoDto.contractPrice }}</span></el-form-item>
</el-col>
</el-row>
<div class="yyzz">
<div>《合同照片》</div>
</div>
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="24">
<el-form-item>
<el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.contractFiles" :key="index" :src="item" :preview-src-list="formobj.contractFiles"></el-image>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</template>
<script>
import req from '@/api/supervise/supplierbankinfo'
export default {
name: 'SupplierBankInfoInfo',
data() {
return {
formobj: {}
}
},
methods: {
handleReturn() {
this.formobj = {}
this.$emit('doback')
},
showInfo(row) {
req
.fetchBySid(row.sid)
.then(resp => {
if (resp.success) {
const vdata = resp.data
_this.formobj.id = vdata.id
_this.formobj.sid = vdata.sid // SID
_this.formobj.createSid = vdata.createSid // 创建者
_this.formobj.modifySid = vdata.modifySid // 更新者
_this.formobj.name = vdata.name // 名称
_this.formobj.codeUnified = vdata.codeUnified // 统一编码
_this.formobj.contacts = vdata.contacts // 联系人
_this.formobj.telephone = vdata.telephone // 电话
_this.formobj.address = vdata.address // 地址
_this.formobj.bankAccount = vdata.bankAccount // 银行帐户
_this.formobj.bankAccountNumber = vdata.bankAccountNumber // 帐号
_this.formobj.bankName = vdata.bankName // 开户行名称
_this.formobj.legalRepresentative = vdata.legalRepresentative // 法人
_this.formobj.businessLicenseNo = vdata.businessLicenseNo // 营业执照号
_this.formobj.purchaseRequisition = vdata.purchaseRequisition // 监管审核状态0待审核1为通过2为拒绝
_this.formobj.purchaseRemarks = vdata.purchaseRemarks // 监管审批意见
_this.formobj.bankState = vdata.bankState // 银行0未审核，1审核通过，2审核不通过
_this.formobj.bankRemarks = vdata.bankRemarks // 银行审批意见
}
})
.catch(e => {
_this.formobj = row
})
}
}
name: 'SupplierBankInfoInfo',
data() {
return {
formobj: {
sid: '',
name: '',
codeUnified: '',
contacts: '',
telephone: '',
address: '',
bankAccount: '',
bankAccountNumber: '',
bankName: '',
legalRepresentative: '',
businessLicenseNo: '',
businessLicenseFiles: [],
contractFiles: [],
supplierContractInfoDto: {
handledBy: '',
signingOrganization: '',
contractNo: '',
contractValidity: '',
signingDepartment: '',
signatory: '',
contractPrice: '',
supplierSid: ''
}
}
}
},
methods: {
handleReturn() {
this.formobj = {}
this.$emit('doback')
},
showInfo(row) {
req.fetchBySid(row.sid).then((resp) => {
if (resp.success) {
this.formobj.sid = resp.data.sid
this.formobj.name = resp.data.name
this.formobj.codeUnified = resp.data.codeUnified
this.formobj.contacts = resp.data.contacts
this.formobj.telephone = resp.data.telephone
this.formobj.address = resp.data.address
this.formobj.bankAccount = resp.data.bankAccount
this.formobj.bankAccountNumber = resp.data.bankAccountNumber
this.formobj.bankName = resp.data.bankName
this.formobj.legalRepresentative = resp.data.legalRepresentative
this.formobj.businessLicenseNo = resp.data.businessLicenseNo
this.formobj.businessLicenseFiles = resp.data.businessLicenseFiles
this.formobj.contractFiles = resp.data.contractFiles
if (resp.data.supplierContractInfoDto !== null) {
this.formobj.supplierContractInfoDto = resp.data.supplierContractInfoDto
}
}
}).catch(e => {
this.formobj = row
})
}
}
}
</script>
<style scoped></style>
<style scoped>
.yyzz {
padding: 12px;
font-weight: bold;
font-size: 16px;
text-align: left;
}
</style>

Write Preview
Loading…
Cancel
Save