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
Unified 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 request from '@/utils/request'
import qs from 'qs' import qs from 'qs'
// 统一请求路径前缀 // 统一请求路径前缀
const base = process.env.VUE_APP_URL const base = process.env.VUE_APP_URL
// 文件上传接口 // 文件上传接口
export const uploadFile = '/api/portal/file/upload' export const uploadFile = '/api/file/upload'
// 上传图片 // 上传图片
// export function imageUpload(data) { // export function imageUpload(data) {
@ -19,9 +19,9 @@ export const uploadFile = '/api/portal/file/upload'
// 移除图片 // 移除图片
export function deleteFilesOss(data) { export function deleteFilesOss(data) {
return request({ return request({
url: '/base/v1/baseVehicleAppendixs/deleteFilesOss',data, url: '/base/v1/baseVehicleAppendixs/deleteFilesOss',
method: 'post', method: 'post',
data: qs.stringify(data), data: qs.stringify(data),
// headers: { 'Content-Type': 'multipart/form-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', url: '/v1/supplierbankinfo/listPage',
method: 'post', method: 'post',
data: params, data: params,
headers: { headers: { 'Content-Type': 'application/json' }
'Content-Type': 'application/json'
}
}) })
}, },
// 保存新增记录 // 保存新增记录
@ -19,9 +17,7 @@ export default {
url: '/v1/supplierbankinfo/save', url: '/v1/supplierbankinfo/save',
method: 'post', method: 'post',
data: params, data: params,
headers: { headers: { 'Content-Type': 'application/json' }
'Content-Type': 'application/json'
}
}) })
}, },
// 通过sid删除一条或多条记录 // 通过sid删除一条或多条记录
@ -30,9 +26,7 @@ export default {
url: '/v1/supplierbankinfo/delBySids', url: '/v1/supplierbankinfo/delBySids',
method: 'delete', method: 'delete',
data: params, data: params,
headers: { headers: { 'Content-Type': 'application/json' }
'Content-Type': 'application/json'
}
}) })
}, },
// 通过sid查询一条记录 // 通过sid查询一条记录
@ -41,31 +35,30 @@ export default {
url: '/v1/supplierbankinfo/fetchDetailsBySid/' + sid url: '/v1/supplierbankinfo/fetchDetailsBySid/' + sid
}) })
}, },
// 提交 // 关联供应商--验证
doSubmit: function(params) { verification: function(params) {
return request({ return request({
url: '/v1/supplierbankinfo/doSubmit', url: '/v1/supplierindex/verification',
method: 'post', method: 'post',
data: params, data: params,
headers: { headers: { 'Content-Type': 'application/json' }
'Content-Type': 'application/json'
}
}) })
}, },
// 导入 // 关联供应商--查看详情
importExcel: function(params) { fetchDetailsBySid: function(data) {
return request({ return request({
url: '/v1/supplierbankinfo/importExcel', url: '/v1/supplierindex/fetchDetailsBySid/' + data,
method: 'post', method: 'get'
data: params
}) })
}, },
// 导出 // 关联供应商--查看详情--保存
exportExcel: function(params) { save: function(data) {
return request({ return request({
url: '/v1/supplierbankinfo/exportExcel', url: '/v1/supplierindex/save',
method: 'post', 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> <template>
<div> <div>
<div> <el-upload ref="imgUpload" v-loading="loadding" class="avatar-uploader" :headers="accessToken"
<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"> :action="uploadFile" accept=".jpg,.jpeg,.png,.pdf,.JPG,.JPEG," list-type="picture-card"
<i class="el-icon-plus avatar-uploader-icon"></i> :file-list="files" :on-remove="removeImage" :on-preview="handlePictureCardPreview"
</el-upload> :on-error="uploadError" :on-success="uploadImgSuccess_FuJian">
</div> <i class="el-icon-plus avatar-uploader-icon"/>
<el-dialog :visible.sync="showpicture" :append-to-body="true" title="查看图片"> </el-upload>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true" title="查看图片">
<img width="100%" :src="dialogImageUrl" alt=""> <img width="100%" :src="dialogImageUrl" alt="">
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { imageUpload } from '@/api/portal/Upload.js' import { uploadFile, deleteFilesOss } from '@/api/portal/Upload'
import { mapGetters } from 'vuex' import { getStorage } from '@/utils/auth.js'
export default { export default {
model: { model: {
prop: 'imageFileList', prop: 'name',
event: 'fileListChange', event: 'change'
}, },
props: { props: {
placeholder: { placeholder: {
type: String, type: String,
default: '', default: ''
},
bucket: {
type: String,
default: 'abc'
}, },
// 长度 // 长度
width: { width: {
type: String, type: String,
default: '270px', default: '270px'
}, },
// 图片路径 limit: {
imageFileList: { type: Number,
type: Array, default: 1
required: [],
}, },
num: { accept: {
type: String, type: String,
default: '', default: ''
}, },
// 文件名称
name: {
type: Array,
required: true
},
uploadData: {
type: Object,
default: {}
}
}, },
data() { data() {
return { return {
dialogImageUrl: '', dialogImageUrl: '',
accessToken: {}, dialogVisible: false,
fileUrl: fileUrl, accessToken: null,
uploadFile: imageUpload, uploadFile: uploadFile,
fileList_FuJian: [],
enclosure: '',
file_add: '',
file_catch: '',
files: [], files: [],
showpicture: false, files_list: [],
filedUrl: '',
isview: false,
nameArr: '',
loadding: false, loadding: false,
stateName: ''
} }
}, },
computed: {
...mapGetters([
'id',
'departmentCode',
'departmentLevel',
'departmentType',
'token',
]),
},
watch: { watch: {
imageFileList: { name: {
deep: true, deep: true,
immediate: true,
handler(newVal, oldVal) { handler(newVal, oldVal) {
this.files = [] console.log('aaaa1', newVal)
for (var i = 0; i < newVal.length; i++) { console.log('aaaa2', oldVal)
this.files.push({ this.files = newVal
name: newVal[i].name, if (this.stateName === 'xunidingjinAdd') {
url: fileUrl + newVal[i].url, if (this.files.length > 1) {
}) this.files.splice(0, 1)
}
} }
}, console.log('aaaa2', this.files)
}, }
}
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
@ -79,100 +94,73 @@ export default {
}) })
}, },
created() { created() {
if (this.imageFileList !== undefined) { this.uploadFile = uploadFile // 接口
this.files = [] this.accessToken = {
for (var i = 0; i < this.imageFileList.length; i++) { token: getStorage()
this.files.push({
name: this.imageFileList[i].name,
url: fileUrl + this.imageFileList[i].url,
})
}
} }
}, },
methods: { methods: {
showImg(imgList) {
this.stateName = 'xunidingjinAdd'
this.files = imgList
console.log('回显图片', this.files)
},
view() {
// window.open(this.filedUrl)
},
// 页面第一次加载 // 页面第一次加载
Init() { Init() {
// if (this.name !== undefined) {
// 1. 文件上传用token this.files = []
this.accessToken = { for (var i = 0; i < this.name.length; i++) {
accessToken: this.token, this.files.push({
} name: this.name[i],
}, // 上传方案--成功后执行 url: this.name[i]
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,
}) })
} }
this.$emit('fileListChange', fileList)
} }
}, },
removeImage(file, ImageFileList) { // 上传方案--成功后执行
this.files.splice(this.files.indexOf(file), 1) uploadImgSuccess_FuJian(response, file, fileList) {
var fileList = [] console.log('您选择的file:', file)
for (var i = 0; i < this.files.length; i++) { if (file.response.code === '200') {
fileList.push({ this.loadding = false
name: this.files[i].name, // 返显图片
url: this.files[i].url.substr(this.fileUrl.length), 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) { handlePictureCardPreview(file) {
this.dialogVisible = true
this.dialogImageUrl = file.url this.dialogImageUrl = file.url
this.showpicture = true
}, },
// 上传失败 // 上传失败
uploadError() { uploadError() {
this.loadding = false this.loadding = false
}, }
uploadProgrees(event, file, fileList) { }
if (Number(event.percent) > 0) {
this.loadding = true
}
// console.log('event:', event)
},
},
} }
</script> </script>
<style lang="scss" scoped> <style scoped></style>
.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>

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

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

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

Write Preview
Loading…
Cancel
Save