[update] 标协会员的基本信息的交互;标协会员模块上传组件的修改;

This commit is contained in:
fengchenchen
2021-12-20 14:36:05 +08:00
parent 5f008b04c8
commit b969ade002
7 changed files with 100 additions and 65 deletions
+5 -3
View File
@@ -9,7 +9,7 @@ import { ACCESS_TOKEN } from '@/store/mutation-types'
const TokenKey = 'X-Access-Token' const TokenKey = 'X-Access-Token'
// 标协会员-基本信息-调用来款系统的接口 // 标协会员-基本信息-调用来款系统的接口
const queryCommonProjectById = (param) => incomeGetAction('/project/payCommonProject/queryCompanyById', param) const getMemberBaseInfo = (param) => incomeGetAction('/company/payContactsManagement/baseInfo', param)
// pdf预览网址 // pdf预览网址
const previewPdf = (file) => { const previewPdf = (file) => {
@@ -60,8 +60,9 @@ const getCertificateById = (params) => getAction('/vinCertificate/vinCertificate
/****证书缴费 列表页所用接口-结束 ****/ /****证书缴费 列表页所用接口-结束 ****/
export { export {
queryCommonProjectById, getMemberBaseInfo,
queryApprovalNo, queryApprovalNo,
previewPdf, previewPdf,
getEncryptedString, getEncryptedString,
@@ -78,5 +79,6 @@ export {
getByMemberTime, getByMemberTime,
downNewestNotice, downNewestNotice,
getCertificateById getCertificateById,
} }
@@ -52,8 +52,8 @@
import Vue from 'vue' import Vue from 'vue'
import {ACCESS_TOKEN} from '@/store/mutation-types' import {ACCESS_TOKEN} from '@/store/mutation-types'
import {getFileAccessHttpUrl, downloadFile} from '@/api/manage' import {getFileAccessHttpUrl, downloadFile} from '@/api/memberManage'
import {getFileInfo} from '@/api/api' import {getFilesByIds} from '@/api/standardsAssociationApi'
// eslint-disable-next-line no-undef // eslint-disable-next-line no-undef
// const Base64 = require('js-base64').Base64 // const Base64 = require('js-base64').Base64
@@ -260,7 +260,7 @@ export default {
if (this.returnId) { if (this.returnId) {
for (let a = 0; a < uploadFiles.length; a++) { for (let a = 0; a < uploadFiles.length; a++) {
if (uploadFiles[a].status === 'done') { if (uploadFiles[a].status === 'done') {
arr.push(uploadFiles[a].response.result.id) arr.push((uploadFiles[a].response || {}).message)
} else { } else {
return return
} }
@@ -332,7 +332,8 @@ export default {
fileList = fileList.map((file) => { fileList = fileList.map((file) => {
if (file.response) { if (file.response) {
// let reUrl = `${file.response.result.id}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.response.result.fileName}`; // let reUrl = `${file.response.result.id}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.response.result.fileName}`;
file.url = getFileAccessHttpUrl(file.response.result.id) file.url = getFileAccessHttpUrl(file.response.message)
file.fileName = file.name
} }
return file return file
}) })
@@ -399,9 +400,9 @@ export default {
getFileInfo(id) { getFileInfo(id) {
return new Promise(resolve => { return new Promise(resolve => {
let result = {} let result = {}
getFileInfo({id: id}).then(res => { getFilesByIds({ids: id}).then(res => {
if (res.success) { if (res.success) {
result = res.result result = res.result[0]
} }
}).finally(() => { }).finally(() => {
resolve(result) resolve(result)
@@ -429,7 +430,8 @@ export default {
* @param file * @param file
*/ */
myDownload(file) { myDownload(file) {
downloadFile(`sys/common/download/${file.response.result.id}`, file.name) console.log('file--------', file)
downloadFile(`sys/common/static/${file.response.result.id}`, file.name)
}, },
/** /**
* 单个文件的预览功能 * 单个文件的预览功能
@@ -437,7 +439,7 @@ export default {
*/ */
myPreview(file) { myPreview(file) {
if (file && file.url) { if (file && file.url) {
const fileFullUrl = `${window._CONFIG['domianWebSocketURL']}/sys/common/download/${file.response.result.id}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.name}` const fileFullUrl = `${window._CONFIG['domianWebSocketURL']}/sys/common/static/${file.response.result.id}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.name}`
let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}` let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}`
// let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}` // let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}`
window.open(url) window.open(url)
+81 -53
View File
@@ -1,59 +1,65 @@
<template> <template>
<div class="main-box member-basic-info">
<div class="panel-cell"> <div class="main-box member-basic-info">
<div class="title">秘书处信息</div> <a-spin :spinning="isLoading">
<div class="content"> <div class="panel-cell">
<div class="info-row"> <div class="title">秘书处信息</div>
<span class="label-span">地址:</span> <div class="content">
<span class="value-span">{{ secretariatInfo.address }}</span> <div class="info-row">
</div> <span class="label-span">地址:</span>
<div class="info-row"> <span class="value-span">{{ secretariatInfo.address }}</span>
<span class="label-span">联系人:</span> </div>
<span class="value-span">{{ secretariatInfo.contactPerson }}</span> <div class="info-row">
</div> <span class="label-span">联系人:</span>
<div class="info-row"> <span class="value-span">{{ secretariatInfo.contactPerson }}</span>
<span class="label-span">联系人电话:</span> </div>
<span class="value-span">{{ secretariatInfo.contactPhone }}</span> <div class="info-row">
</div> <span class="label-span">联系人电话:</span>
<div class="info-row"> <span class="value-span">{{ secretariatInfo.contactPhone }}</span>
<span class="label-span">联系人邮箱:</span> </div>
<span class="value-span">{{ secretariatInfo.contactMail }}</span> <div class="info-row">
</div> <span class="label-span">联系人邮箱:</span>
</div> <span class="value-span">{{ secretariatInfo.contactMail }}</span>
</div>
</div>
</div>
<div class="panel-cell">
<div class="title">本企业信息</div>
<div class="content">
<div class="info-row">
<span class="label-span">企业名称:</span>
<span class="value-span">{{ memberInfo.companyName }}</span>
</div>
<div class="info-row">
<span class="label-span">企业管理员:</span>
<span class="value-span">{{ memberInfo.contactPerson }}</span>
</div>
<div class="info-row">
<span class="label-span">管理员电话:</span>
<span class="value-span">{{ memberInfo.contactPhone }}</span>
</div>
<div class="info-row">
<span class="label-span">管理员邮箱:</span>
<span class="value-span">{{ memberInfo.contactMail }}</span>
</div>
<div class="info-row">
<span class="label-span">会员有效期:</span>
<span class="value-span">{{ memberInfo.validDate }}</span>
</div>
</div>
</div>
</a-spin>
</div> </div>
<div class="panel-cell">
<div class="title">本企业信息</div>
<div class="content">
<div class="info-row">
<span class="label-span">企业名称:</span>
<span class="value-span">{{ memberInfo.companyName }}</span>
</div>
<div class="info-row">
<span class="label-span">企业管理员:</span>
<span class="value-span">{{ memberInfo.contactPerson }}</span>
</div>
<div class="info-row">
<span class="label-span">管理员电话:</span>
<span class="value-span">{{ memberInfo.contactPhone }}</span>
</div>
<div class="info-row">
<span class="label-span">管理员邮箱:</span>
<span class="value-span">{{ memberInfo.contactMail }}</span>
</div>
<div class="info-row">
<span class="label-span">会员有效期:</span>
<span class="value-span">{{ memberInfo.memberTerm }}</span>
</div>
</div>
</div>
</div>
</template> </template>
<script> <script>
import { getMemberBaseInfo } from '../../api/standardsAssociationApi'
export default { export default {
name: 'BasicInfo', name: 'BasicInfo',
data() { data() {
return { return {
isLoading: false,
// 秘书处信息 // 秘书处信息
secretariatInfo: { secretariatInfo: {
address: '东丽区', // 地址 address: '东丽区', // 地址
@@ -67,15 +73,35 @@ export default {
contactPerson: '', // 企业管理员 contactPerson: '', // 企业管理员
contactPhone: '', // 管理员电话 contactPhone: '', // 管理员电话
contactMail: '', // 管理员邮箱 contactMail: '', // 管理员邮箱
memberTerm: 'xxxx年xx月xx日到xxxx年xx月xx日' // 会员有效期 validDate: 'xxxx年xx月xx日到xxxx年xx月xx日' // 会员有效期
} }
} }
}, },
methods: { methods: {
// 获得会员相关数据的字段 // 获得会员相关数据的字段
getBasicInfo() { getBasicInfo() {
this.isLoading = true
getMemberBaseInfo({}).then(res => {
if(res.success) {
const secretariatInfo = res.result.tbContacts || {}
this.secretariatInfo.address = secretariatInfo.address || '天津市东丽开发区先锋东路68号'
this.secretariatInfo.contactPerson = res.result.secretariat.realname || '郭琳'
this.secretariatInfo.contactPhone = secretariatInfo.telephone
this.secretariatInfo.contactMail = secretariatInfo.email
const memberInfo = res.result.memberInfo || {}
this.memberInfo.companyName = memberInfo.companyName
this.memberInfo.contactPerson = memberInfo.liaisonMan
this.memberInfo.contactPhone = memberInfo.mobile
this.memberInfo.contactMail = memberInfo.email
this.memberInfo.validDate = memberInfo.validDate
}
}).finally(() => {
this.isLoading = false
})
} }
},
created() {
this.getBasicInfo()
} }
} }
</script> </script>
@@ -84,14 +110,16 @@ export default {
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.member-basic-info { .member-basic-info {
position: relative;
margin-bottom: 20px; margin-bottom: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 14px; font-size: 14px;
color: #999; color: #999;
opacity: 1; opacity: 1;
/deep/.ant-spin-container{
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.panel-cell { .panel-cell {
flex: 1; flex: 1;
@@ -146,6 +146,7 @@
:number="1" :number="1"
:disabled="checkFlag||detailFlag" :disabled="checkFlag||detailFlag"
bizPath="payment" bizPath="payment"
:return-id="true"
v-decorator="['paymentRecord',{ rules: validatorRules.paymentRecord1.rules, initialValue:paymentRecord}]" v-decorator="['paymentRecord',{ rules: validatorRules.paymentRecord1.rules, initialValue:paymentRecord}]"
:trigger-change="true"> :trigger-change="true">
</j-upload> </j-upload>
@@ -136,6 +136,7 @@ export default {
align: 'center', align: 'center',
dataIndex: 'certificateStatus', dataIndex: 'certificateStatus',
customRender: function(text) { customRender: function(text) {
text = Number(text)
if (text === 1) { if (text === 1) {
return '已绑定' return '已绑定'
} else if (text === 2) { } else if (text === 2) {
@@ -920,7 +920,7 @@ import JMultiSelectTag from '@/components/dict/JMultiSelectTag'
// import { RangeDateMixin } from '@/mixins/RangeDateMixin' // import { RangeDateMixin } from '@/mixins/RangeDateMixin'
// import ChangeCompanyModal from '@views/member/memberInfo/modules/ChangeCompanyModal' // import ChangeCompanyModal from '@views/member/memberInfo/modules/ChangeCompanyModal'
// import PreViewImgModal from '@views/member/paymentInfo/modules/PreViewImgModal' // import PreViewImgModal from '@views/member/paymentInfo/modules/PreViewImgModal'
import { downApproveFile } from '@api/api' import { downApproveFile } from '@/api/api'
export default { export default {
name: 'MemberInfoModal', name: 'MemberInfoModal',
@@ -3540,6 +3540,7 @@ export default {
that.$emit('ok') that.$emit('ok')
that.close() that.close()
} else { } else {
that.$message.warning(res.message)
that.loadData() that.loadData()
} }
}) })