[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 queryCommonProjectById = (param) => incomeGetAction('/project/payCommonProject/queryCompanyById', param)
const getMemberBaseInfo = (param) => incomeGetAction('/company/payContactsManagement/baseInfo', param)
// pdf预览网址
const previewPdf = (file) => {
@@ -60,8 +60,9 @@ const getCertificateById = (params) => getAction('/vinCertificate/vinCertificate
/****证书缴费 列表页所用接口-结束 ****/
export {
queryCommonProjectById,
getMemberBaseInfo,
queryApprovalNo,
previewPdf,
getEncryptedString,
@@ -78,5 +79,6 @@ export {
getByMemberTime,
downNewestNotice,
getCertificateById
getCertificateById,
}
@@ -52,8 +52,8 @@
import Vue from 'vue'
import {ACCESS_TOKEN} from '@/store/mutation-types'
import {getFileAccessHttpUrl, downloadFile} from '@/api/manage'
import {getFileInfo} from '@/api/api'
import {getFileAccessHttpUrl, downloadFile} from '@/api/memberManage'
import {getFilesByIds} from '@/api/standardsAssociationApi'
// eslint-disable-next-line no-undef
// const Base64 = require('js-base64').Base64
@@ -260,7 +260,7 @@ export default {
if (this.returnId) {
for (let a = 0; a < uploadFiles.length; a++) {
if (uploadFiles[a].status === 'done') {
arr.push(uploadFiles[a].response.result.id)
arr.push((uploadFiles[a].response || {}).message)
} else {
return
}
@@ -332,7 +332,8 @@ export default {
fileList = fileList.map((file) => {
if (file.response) {
// 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
})
@@ -399,9 +400,9 @@ export default {
getFileInfo(id) {
return new Promise(resolve => {
let result = {}
getFileInfo({id: id}).then(res => {
getFilesByIds({ids: id}).then(res => {
if (res.success) {
result = res.result
result = res.result[0]
}
}).finally(() => {
resolve(result)
@@ -429,7 +430,8 @@ export default {
* @param 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) {
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)}`
window.open(url)
+81 -53
View File
@@ -1,59 +1,65 @@
<template>
<div class="main-box member-basic-info">
<div class="panel-cell">
<div class="title">秘书处信息</div>
<div class="content">
<div class="info-row">
<span class="label-span">地址</span>
<span class="value-span">{{ secretariatInfo.address }}</span>
</div>
<div class="info-row">
<span class="label-span">联系人</span>
<span class="value-span">{{ secretariatInfo.contactPerson }}</span>
</div>
<div class="info-row">
<span class="label-span">联系人电话</span>
<span class="value-span">{{ secretariatInfo.contactPhone }}</span>
</div>
<div class="info-row">
<span class="label-span">联系人邮箱</span>
<span class="value-span">{{ secretariatInfo.contactMail }}</span>
</div>
</div>
<div class="main-box member-basic-info">
<a-spin :spinning="isLoading">
<div class="panel-cell">
<div class="title">秘书处信息</div>
<div class="content">
<div class="info-row">
<span class="label-span">地址</span>
<span class="value-span">{{ secretariatInfo.address }}</span>
</div>
<div class="info-row">
<span class="label-span">联系人</span>
<span class="value-span">{{ secretariatInfo.contactPerson }}</span>
</div>
<div class="info-row">
<span class="label-span">联系人电话</span>
<span class="value-span">{{ secretariatInfo.contactPhone }}</span>
</div>
<div class="info-row">
<span class="label-span">联系人邮箱</span>
<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 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>
<script>
import { getMemberBaseInfo } from '../../api/standardsAssociationApi'
export default {
name: 'BasicInfo',
data() {
return {
isLoading: false,
// 秘书处信息
secretariatInfo: {
address: '东丽区', // 地址
@@ -67,15 +73,35 @@ export default {
contactPerson: '', // 企业管理员
contactPhone: '', // 管理员电话
contactMail: '', // 管理员邮箱
memberTerm: 'xxxx年xx月xx日到xxxx年xx月xx日' // 会员有效期
validDate: 'xxxx年xx月xx日到xxxx年xx月xx日' // 会员有效期
}
}
},
methods: {
// 获得会员相关数据的字段
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>
@@ -84,14 +110,16 @@ export default {
@import '~@assets/less/common.less';
.member-basic-info {
position: relative;
margin-bottom: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 14px;
color: #999;
opacity: 1;
/deep/.ant-spin-container{
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.panel-cell {
flex: 1;
@@ -146,6 +146,7 @@
:number="1"
:disabled="checkFlag||detailFlag"
bizPath="payment"
:return-id="true"
v-decorator="['paymentRecord',{ rules: validatorRules.paymentRecord1.rules, initialValue:paymentRecord}]"
:trigger-change="true">
</j-upload>
@@ -136,6 +136,7 @@ export default {
align: 'center',
dataIndex: 'certificateStatus',
customRender: function(text) {
text = Number(text)
if (text === 1) {
return '已绑定'
} else if (text === 2) {
@@ -920,7 +920,7 @@ import JMultiSelectTag from '@/components/dict/JMultiSelectTag'
// import { RangeDateMixin } from '@/mixins/RangeDateMixin'
// import ChangeCompanyModal from '@views/member/memberInfo/modules/ChangeCompanyModal'
// import PreViewImgModal from '@views/member/paymentInfo/modules/PreViewImgModal'
import { downApproveFile } from '@api/api'
import { downApproveFile } from '@/api/api'
export default {
name: 'MemberInfoModal',
@@ -3540,6 +3540,7 @@ export default {
that.$emit('ok')
that.close()
} else {
that.$message.warning(res.message)
that.loadData()
}
})