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. 8
      base-ui/src/api/portal/Upload.js
  2. 43
      base-ui/src/api/supervise/supplierbankinfo.js
  3. 208
      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. 409
      base-ui/src/views/supervise/supplierbankinfo/supplierbankinfo.vue
  7. 273
      base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue
  8. 238
      base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoInfo.vue

8
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,7 +19,7 @@ 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' }
}) })
} },
} }

208
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"
:on-error="uploadError" :on-success="uploadImgSuccess_FuJian">
<i class="el-icon-plus avatar-uploader-icon"/>
</el-upload> </el-upload>
</div> <el-dialog :visible.sync="dialogVisible" :append-to-body="true" title="查看图片">
<el-dialog :visible.sync="showpicture" :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) { // 上传方案--成功后执行
uploadImgSuccess_FuJian(response, file, fileList) {
console.log('您选择的file:', file)
if (file.response.code === '200') {
this.loadding = false this.loadding = false
if (file.response.code === 20000) {
// 返显图片 // 返显图片
var imageUrl = this.fileUrl + file.response.data this.filedUrl = this.fileUrl + file.response.data
var uid = file.response.data // var uid = file.response.data
this.files.push({ name: file.name, url: imageUrl }) this.files.push({
name: file.response.data.sourceFileName,
var fileList = [] url: file.response.data.fullUrl,
for (var i = 0; i < this.files.length; i++) { size: file.response.data.size,
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('change', this.files)
this.$emit('eett', this.files)
this.$emit('fileListChange', fileList)
} }
}, },
removeImage(file, ImageFileList) { removeImage(file, ImageFileList) {
deleteFilesOss(file.url).then((res) => {
if (res.success) {
this.files.splice(this.files.indexOf(file), 1) this.files.splice(this.files.indexOf(file), 1)
var fileList = [] const imgFiles = []
for (var i = 0; i < this.files.length; i++) {
fileList.push({ this.files.forEach((o) => {
name: this.files[i].name, imgFiles.push(o.url)
url: this.files[i].url.substr(this.fileUrl.length),
}) })
this.$emit('fileChange', this.files)
} }
})
this.$emit('fileListChange', fileList)
}, },
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>

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

@ -1,91 +1,92 @@
<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="main-content">
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">{{ isSearchShow ? '隐藏查询条件' : '显示查询条件' }}</el-button> <el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header"> <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-form-item label="更新者"><el-input v-model="queryParams.params.modifySid" placeholder="请输入更新者" clearable /></el-form-item> <el-input v-model="queryParams.params.createSid" placeholder="" clearable/>
<el-form-item label="名称"><el-input v-model="queryParams.params.name" placeholder="请输入名称" clearable /></el-form-item> </el-form-item>
<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.codeUnified" 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.name" 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.contacts" 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.legalRepresentative" 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.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;"> <div class="btn" style="text-align: center;">
<el-button type="primary" @click="dosearch">查询</el-button> <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" @click="resetQuery">重置</el-button> <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div> </div>
</el-form>
</div> </div>
</div> </div>
<!-- Start 项目列表头部 --> <!-- Start 项目列表头部 -->
<div class="listtop"> <div class="listtop">
<div class="tit">供应商信息列表</div> <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" /> <pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
</div> </div>
<!-- End 项目列表头部 --> <!-- End 项目列表头部 -->
<!-- Start 项目列表 --> <!-- Start 项目列表 -->
<div class="listcon"> <div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange"> <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 fixed width="50" type="selection" align="center"/>
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center" /> <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="SID" align="center"> <el-table-column fixed label="操作" wid align="center" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="bluezi" @click="toInfo(scope.row)">{{ scope.row.sid }}</span> <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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="createSid" label="创建者" align="center" /> <el-table-column label="供应商编号" align="center">
<el-table-column prop="modifySid" label="更新者" align="center" /> <template slot-scope="scope">
<el-table-column prop="name" label="名称" align="center" /> <span class="bluezi" @click="toInfo(scope.row)">{{ scope.row.codeUnified }}</span>
<el-table-column prop="codeUnified" label="统一编码" align="center" /> </template>
<el-table-column prop="contacts" label="联系人" align="center" /> </el-table-column>>
<el-table-column prop="telephone" label="电话" align="center" /> <el-table-column prop="name" label="供应商名称" align="center"/>
<el-table-column prop="address" label="地址" align="center" /> <el-table-column prop="contacts" label="联系人" align="center" width="100"/>
<el-table-column prop="bankAccount" label="银行帐户" align="center" /> <el-table-column prop="telephone" label="电话" align="center" width="110"/>
<el-table-column prop="bankAccountNumber" label="帐号" align="center" /> <el-table-column prop="address" label="地址" align="center"/>
<el-table-column prop="bankName" label="开户行名称" align="center" /> <el-table-column prop="bankAccount" label="银行帐户" align="center"/>
<el-table-column prop="legalRepresentative" label="法人" align="center" /> <el-table-column prop="bankAccountNumber" label="帐号" align="center"/>
<el-table-column prop="businessLicenseNo" label="营业执照号" align="center" /> <el-table-column prop="bankName" label="开户行名称" align="center"/>
<el-table-column prop="purchaseRequisition" label="监管审核状态0待审核1为通过2为拒绝" align="center" /> <el-table-column prop="legalRepresentative" label="法人" align="center" width="100"/>
<el-table-column prop="purchaseRemarks" label="监管审批意见" align="center" /> <el-table-column prop="businessLicenseNo" label="营业执照号码" align="center" width="170"/>
<el-table-column prop="bankState" label="银行0未审核，1审核通过，2审核不通过" align="center" />
<el-table-column prop="bankRemarks" label="银行审批意见" align="center" />
</el-table> </el-table>
</div> </div>
<!-- End 项目列表 --> <!-- End 项目列表 -->
<div class="pages"> <div class="pages">
<div class="tit" /> <div class="tit"/>
<!-- 翻页 --> <!-- 翻页 -->
<pagination <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
v-show="dataList.length > 0" </div>
:total="queryParams.total"
:page.sync="queryParams.current"
:limit.sync="queryParams.size"
class="pagination"
@pagination="loadList"
/>
</div> </div>
</div> </div>
<!-- End 查询和其列表部分 --> <!-- End 查询和其列表部分 -->
<!-- 新增修改部分组件 --> <!-- 新增修改部分组件 -->
<div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> <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-info v-show="viewState == 4" ref="divinfo" @doback="resetState"/>
<!-- 关联部分组件-->
<relevancysupplierbankAdd v-show="viewState == 5" ref="divBankAdd" @doback="resetState"/>
<relevancysupplierbankInfo v-show="viewState == 6" ref="divBankInfo" @doback="resetState"/>
</div> </div>
</template> </template>
@ -96,6 +97,8 @@ 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',
@ -104,227 +107,199 @@ export default {
Pagination, Pagination,
pageye, pageye,
divAdd, divAdd,
divInfo divInfo,
relevancysupplierbankAdd,
relevancysupplierbankInfo
}, },
data() { data() {
return { return {
btndisabled: false, btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: true, isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false, tableLoading: false,
dataList: [], 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: { queryParams: {
current: 1, current: 1,
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
sids: [], // 用于导出的时候保存已选择SID codeUnified: '',
createSid: '', // 创建者 name: '',
modifySid: '', // 更新者 contacts: '',
name: '', // 名称 bankAccountNumber: '',
codeUnified: '', // 统一编码 legalRepresentative: '',
contacts: '', // 联系人 businessLicenseNo: ''
telephone: '', // 电话
address: '', // 地址
bankAccount: '', // 银行帐户
bankAccountNumber: '', // 帐号
bankName: '', // 开户行名称
legalRepresentative: '', // 法人
businessLicenseNo: '', // 营业执照号
purchaseRequisition: '', // 监管审核状态0待审核1为通过2为拒绝
purchaseRemarks: '', // 监管审批意见
bankState: '', // 银行0未审核，1审核通过，2审核不通过
bankRemarks: '' // 银行审批意见
} }
}, },
multipleSelection: [] sids: []
} }
}, },
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() { created() {
this.loadList() this.loadList()
}, },
methods: { methods: {
resetState() { // 搜索条件效果
this.viewState = 1 clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
}, },
btnHandle(btnKey) { btnHandle(btnKey) {
switch (btnKey) { switch (btnKey) {
case 'toAdd': case 'toAdd':
this.toAdd() this.toAdd()
break break
case 'toEdit': case 'filing':
this.toEdit() this.filing()
break
case 'doSubmit':
this.doSubmit()
break break
case 'doDel': case 'doDel':
this.doDel() this.doDel()
break break
case 'doImport':
this.doImport()
break
case 'doExport':
this.doExport()
break
default: default:
break break
} }
}, },
toAdd(row) { loadList() {
this.viewState = 2 this.tableLoading = true
this.$refs['divadd'].showAdd() req.listPage(this.queryParams).then((resp) => {
}, this.tableLoading = false
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) { if (resp.success) {
// 加提交后的逻辑 const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else { } else {
// 根据resp.code进行异常情况处理 // 根据resp.code进行异常情况处理
this.queryParams.total = 0
this.dataList = []
} }
}).catch(() => {
this.tableLoading = false
}) })
.catch(() => { },
this.btndisabled = 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()
}, },
doDel(row) { toAdd() {
if (this.multipleSelection.length === 0) { 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: '请选择至少一条记录进行删除操作' }) this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
return return
} }
const _this = this const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
const sids = []
this.multipleSelection.forEach(row => {
sids.push(row.sid)
})
const tip = '请确认是否删除所选 ' + this.multipleSelection.length + ' 条记录?'
this.$confirm(tip, '提示', { this.$confirm(tip, '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}) }).then(() => {
.then(() => {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: 'Loading', text: 'Loading',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}) })
req req.delBySids(this.sids).then((resp) => {
.delBySids(sids)
.then(resp => {
loading.close() loading.close()
if (resp.success) { if (resp.success) {
_this.$message({ type: 'success', message: resp.msg, showClose: true }) 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() 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 { } else {
// 根据resp.code进行异常情况处理 // 根据resp.code进行异常情况处理
} }
}).catch(e => {
loading.close()
}) })
.catch(() => { }).catch(() => {
_this.tableLoading = false
}) })
}, },
handleSelectionChange(val) { resetState() {
this.multipleSelection = val this.viewState = 1
},
// 序号
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
} }
} }
} }

273
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-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.codeUnified" 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.contacts" 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.telephone" placeholder="" class="addinputw" clearable /></el-form-item>
</el-col>
</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="name"><el-input v-model="formobj.name" 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="codeUnified"><el-input v-model="formobj.codeUnified" 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="contacts"><el-input v-model="formobj.contacts" 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="telephone"><el-input v-model="formobj.telephone" 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="address"><el-input v-model="formobj.address" 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="legalRepresentative"><el-input v-model="formobj.legalRepresentative" 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-col>
</el-row> </el-row>
<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="bankAccount"><el-input v-model="formobj.bankAccount" 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="bankAccountNumber"><el-input v-model="formobj.bankAccountNumber" placeholder="帐号" class="addinputw" clearable /></el-form-item> <el-form-item><el-input v-model="formobj.supplierContractInfoDto.handledBy" 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.supplierContractInfoDto.contractNo" 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-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: '',
createSid: '', // 创建者 name: '',
modifySid: '', // 更新者 codeUnified: '',
name: '', // 名称 contacts: '',
codeUnified: '', // 统一编码 telephone: '',
contacts: '', // 联系人 address: '',
telephone: '', // 电话 bankAccount: '',
address: '', // 地址 bankAccountNumber: '',
bankAccount: '', // 银行帐户 bankName: '',
bankAccountNumber: '', // 帐号 legalRepresentative: '',
bankName: '', // 开户行名称 businessLicenseNo: '',
legalRepresentative: '', // 法人 businessLicenseFiles: [],
businessLicenseNo: '', // 营业执照号 contractFiles: [],
purchaseRequisition: '', // 监管审核状态0待审核1为通过2为拒绝 supplierContractInfoDto: {
purchaseRemarks: '', // 监管审批意见 handledBy: '',
bankState: '', // 银行0未审核，1审核通过，2审核不通过 signingOrganization: '',
bankRemarks: '' // 银行审批意见 contractNo: '',
}, contractValidity: '',
rules: { signingDepartment: '',
createSid: [{ required: true, message: '创建者不能为空', trigger: 'blur' }], // 创建者 signatory: '',
modifySid: [{ required: true, message: '更新者不能为空', trigger: 'blur' }], // 更新者 contractPrice: '',
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }], // 名称 supplierSid: ''
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() {}, 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,22 +294,29 @@ 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) {
console.log(this.formobj)
this.submitdisabled = true this.submitdisabled = true
req req.saveOrUpdate(this.formobj).then(resp => {
.saveOrUpdate(this.formobj)
.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(() => {
.catch(() => {
this.submitdisabled = false this.submitdisabled = false
}) })
} else { } else {
@ -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>

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

@ -5,76 +5,130 @@
<!-- 标题 --> <!-- 标题 -->
<div>供应商信息详情</div> <div>供应商信息详情</div>
<!-- start 详情按钮 --> <!-- start 详情按钮 -->
<div><el-button itype="info" size="small" @click="handleReturn()">返回</el-button></div> <div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!-- end 详情按钮 --> <!-- end 详情按钮 -->
</div> </div>
<!-- 标题按钮部分结束 --> <!-- 标题按钮部分结束 -->
<div class="listconadd"> <div class="listconadd">
<div class="titwu"><span>供应商信息</span></div>
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd"> <el-form ref="form_obj" :model="formobj" label-position="right" class="formadd">
<div class="wlInfo"><span>供应商信息</span></div> <div class="title">
<el-row> <div>供应商基本信息</div>
<el-col :span="4" class="tleftb">创建者</el-col> </div>
<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-row>
<el-col :span="4" class="tleftb">统一编码</el-col> <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-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-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-form-item prop="useOrg"><span>{{ formobj.contacts }}</span></el-form-item></el-col> <el-col :span="8" class="trightb">
</el-row> <el-form-item><span>{{ formobj.contacts }}</span></el-form-item>
<el-row> </el-col>
<el-col :span="4" class="tleftb">电话</el-col> <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-col :span="8" class="trightb">
</el-row> <el-form-item><span>{{ formobj.telephone }}</span></el-form-item>
<el-row> </el-col>
<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-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="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-col :span="8" class="trightb">
<el-form-item><span>{{ formobj.legalRepresentative }}</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="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="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-col :span="8" class="trightb">
</el-row> <el-form-item><span>{{ formobj.businessLicenseNo }}</span></el-form-item>
<el-row> </el-col>
<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>
<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-row>
<el-col :span="4" class="tleftb">银行审批意见</el-col> <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-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-row>
</el-form> </el-form>
</div> </div>
@ -83,11 +137,36 @@
<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: '',
codeUnified: '',
contacts: '',
telephone: '',
address: '',
bankAccount: '',
bankAccountNumber: '',
bankName: '',
legalRepresentative: '',
businessLicenseNo: '',
businessLicenseFiles: [],
contractFiles: [],
supplierContractInfoDto: {
handledBy: '',
signingOrganization: '',
contractNo: '',
contractValidity: '',
signingDepartment: '',
signatory: '',
contractPrice: '',
supplierSid: ''
}
}
} }
}, },
methods: { methods: {
@ -96,37 +175,38 @@ export default {
this.$emit('doback') this.$emit('doback')
}, },
showInfo(row) { showInfo(row) {
req req.fetchBySid(row.sid).then((resp) => {
.fetchBySid(row.sid)
.then(resp => {
if (resp.success) { if (resp.success) {
const vdata = resp.data this.formobj.sid = resp.data.sid
_this.formobj.id = vdata.id this.formobj.name = resp.data.name
_this.formobj.sid = vdata.sid // SID this.formobj.codeUnified = resp.data.codeUnified
_this.formobj.createSid = vdata.createSid // 创建者 this.formobj.contacts = resp.data.contacts
_this.formobj.modifySid = vdata.modifySid // 更新者 this.formobj.telephone = resp.data.telephone
_this.formobj.name = vdata.name // 名称 this.formobj.address = resp.data.address
_this.formobj.codeUnified = vdata.codeUnified // 统一编码 this.formobj.bankAccount = resp.data.bankAccount
_this.formobj.contacts = vdata.contacts // 联系人 this.formobj.bankAccountNumber = resp.data.bankAccountNumber
_this.formobj.telephone = vdata.telephone // 电话 this.formobj.bankName = resp.data.bankName
_this.formobj.address = vdata.address // 地址 this.formobj.legalRepresentative = resp.data.legalRepresentative
_this.formobj.bankAccount = vdata.bankAccount // 银行帐户 this.formobj.businessLicenseNo = resp.data.businessLicenseNo
_this.formobj.bankAccountNumber = vdata.bankAccountNumber // 帐号 this.formobj.businessLicenseFiles = resp.data.businessLicenseFiles
_this.formobj.bankName = vdata.bankName // 开户行名称 this.formobj.contractFiles = resp.data.contractFiles
_this.formobj.legalRepresentative = vdata.legalRepresentative // 法人 if (resp.data.supplierContractInfoDto !== null) {
_this.formobj.businessLicenseNo = vdata.businessLicenseNo // 营业执照号 this.formobj.supplierContractInfoDto = resp.data.supplierContractInfoDto
_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 => { }).catch(e => {
_this.formobj = row 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