[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
+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()
}
})