diff --git a/public/development_address_config.js b/public/development_address_config.js
index e790313..b609370 100644
--- a/public/development_address_config.js
+++ b/public/development_address_config.js
@@ -10,8 +10,13 @@ window._CONFIG["staticDomainURL"] = window._CONFIG["domianURL"] + "/sys/common/d
 window._CONFIG["pdfDomainURL"] = window._CONFIG["domianURL"] + "/sys/common/pdf/pdfPreviewIframe";
 window._CONFIG["casPrefixUrl"] = "http://cas.example.org:8443/cas";
 // 预览文件地址
-window._CONFIG["onlinePreviewDomainURL"] = "http://localhost:8012/onlinePreview";
+window._CONFIG["onlinePreviewDomainURL"] = "http://127.0.0.1:8012/onlinePreview";
 
 // 会议管理报名二维码地址
 window._CONFIG['singUpQRCodeURL'] = 'http://localhost:3000/signupentrance'
 
+// 路由转发 -会员系统的路由转发前缀
+window._CONFIG["memberURL"] = "/memberApi";
+// 会员系统的静态文件的地址
+window._CONFIG["memberStaticDomainURL"] = window._CONFIG["memberURL"] + "/sys/common/static";
+window._CONFIG["memberDomianWebSocketURL"] = "http://127.0.0.1:9000/memberApi";
diff --git a/public/production_address_config.js b/public/production_address_config.js
index 38763a7..659c110 100644
--- a/public/production_address_config.js
+++ b/public/production_address_config.js
@@ -4,15 +4,19 @@
 window._CONFIG = {};
 window._CONFIG["domianURL"] = "/jero-boot"; // 路由转发 devServer
 // websocket连接的地址
-window._CONFIG["domianWebSocketURL"] = "http://10.10.10.46:8077/jero-boot";
+window._CONFIG["domianWebSocketURL"] = "http://139.9.235.66:1015/jero-boot";
 // 单点登录地址
 window._CONFIG["staticDomainURL"] = window._CONFIG["domianURL"] + "/sys/common/download";
 window._CONFIG["pdfDomainURL"] = window._CONFIG["domianURL"] + "/sys/common/pdf/pdfPreviewIframe";
 window._CONFIG["casPrefixUrl"] = "http://cas.example.org:8443/cas";
 // 预览文件地址
-window._CONFIG["onlinePreviewDomainURL"] = "http://10.10.10.46:8012/onlinePreview";
+window._CONFIG["onlinePreviewDomainURL"] = "http://139.9.235.66:8012/onlinePreview";
 
 // 会议管理报名二维码地址
 window._CONFIG['singUpQRCodeURL'] = 'http://10.10.10.46:8055/signupentrance'
 
 
+// 路由转发 -会员系统的路由转发前缀
+window._CONFIG["memberURL"] = "/memberApi";
+// 会员系统的静态文件的地址
+window._CONFIG["memberStaticDomainURL"] = window._CONFIG["memberURL"] + "/sys/common/static";
diff --git a/src/api/memberManage.js b/src/api/memberManage.js
new file mode 100644
index 0000000..ecd09da
--- /dev/null
+++ b/src/api/memberManage.js
@@ -0,0 +1,179 @@
+import Vue from 'vue'
+import { axios } from '@/utils/memberRequest'
+
+//post
+export function postAction(url,parameter) {
+  return axios({
+    url: url,
+    method:'post' ,
+    data: parameter
+  })
+}
+
+//post method= {post | put}
+export function httpAction(url,parameter,method) {
+  return axios({
+    url: url,
+    method:method ,
+    data: parameter
+  })
+}
+
+//put
+export function putAction(url,parameter) {
+  return axios({
+    url: url,
+    method:'post',
+    data: parameter
+  })
+}
+
+//get
+export function getAction(url,parameter) {
+  return axios({
+    url: url,
+    method: 'get',
+    params: parameter
+  })
+}
+
+//deleteAction
+export function deleteAction(url,parameter) {
+  return axios({
+    url: url,
+    method: 'delete',
+    params: parameter
+  })
+}
+
+
+/**
+ * 下载文件 用于excel导出
+ * @param url
+ * @param parameter
+ * @returns {*}
+ */
+export function downFile(url,parameter){
+  return axios({
+    url: url,
+    params: parameter,
+    method:'get' ,
+    responseType: 'blob'
+  })
+}
+
+/**
+ * 通过A标签下载文件的通用方法
+ * @param data--接口返回的数据
+ * @param fileName --下载文件的名称
+ */
+export function downloadFileByA(data, fileName) {
+  if (!data || data.size === 0) {
+    Vue.prototype['$message'].warning('文件下载失败')
+    return
+  }
+  // 当没有返回数据或者返回错误信息的时候，对数据进行解析后提示
+  if (!data || data.type === 'application/json') {
+    const reader = new FileReader()
+    reader.readAsText(data)
+    // 处理load事件。该事件在读取操作完成时触发
+    reader.onload = e => {
+      // 解析返回的值
+      const res = JSON.parse(e.target.result)
+      // 异常信息抛出
+      if (!res.success) {
+        Vue.prototype['$message'].warning(res.message || '文件下载失败')
+      }
+    }
+    return
+  }
+  // if (!data || data.size === 0) {
+  //   Vue.prototype['$message'].warning('文件下载失败')
+  //   return
+  // }
+  if (typeof window.navigator.msSaveBlob !== 'undefined') {
+    window.navigator.msSaveBlob(new Blob([data]), fileName)
+  } else {
+    let url = window.URL.createObjectURL(new Blob([data]))
+    let link = document.createElement('a')
+    link.style.display = 'none'
+    link.href = url
+    link.setAttribute('download', fileName)
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link) //下载完成移除元素
+    window.URL.revokeObjectURL(url) //释放掉blob对象
+  }
+}
+
+/**
+ * get请求下载文件
+ * @param url 文件路径
+ * @param fileName 文件名
+ * @param parameter
+ * @returns {*}
+ */
+export function downloadFile(url, fileName, parameter) {
+  return downFile(url, parameter).then((data) => {
+    // 调用a标签下载文件的方法
+    downloadFileByA(data, fileName)
+  })
+}
+
+/**
+ * post下载文件
+ * @param url 文件路径
+ * @param fileName 文件名
+ * @param parameter
+ * @returns {*}
+ */
+export function downloadPostFile(url, fileName, parameter) {
+  return axios({
+    url: url,
+    data: parameter,
+    method: 'post',
+    responseType: 'blob'
+  }).then((data) => {
+    // 调用a标签下载文件的方法
+    downloadFileByA(data, fileName)
+  })
+}
+
+/**
+ * 文件上传 用于富文本上传图片
+ * @param url
+ * @param parameter
+ * @returns {*}
+ */
+export function uploadAction(url,parameter){
+  return axios({
+    url: url,
+    data: parameter,
+    method:'post' ,
+    headers: {
+      'Content-Type': 'multipart/form-data',  // 文件上传
+    },
+  })
+}
+
+/**
+ * 获取文件服务访问路径
+ * @param avatar
+ * @param subStr
+ * @returns {*}
+ */
+export function getFileAccessHttpUrl(avatar,subStr) {
+  if(!subStr) subStr = 'http'
+  try {
+    if(avatar && avatar.startsWith(subStr)){
+      return avatar
+    }else{
+      if(avatar && avatar.length>0 && avatar.indexOf('[') === -1){
+        console.log('window._CONFIG[\'memberStaticDomainURL\']=======', window._CONFIG['memberStaticDomainURL'])
+        return window._CONFIG['memberStaticDomainURL'] + '/' + avatar
+      }
+    }
+  }catch(err){
+    return
+  }
+}
diff --git a/src/api/standardsAssociationApi.js b/src/api/standardsAssociationApi.js
new file mode 100644
index 0000000..cd6ad1e
--- /dev/null
+++ b/src/api/standardsAssociationApi.js
@@ -0,0 +1,45 @@
+
+import Vue from 'vue'
+// eslint-disable-next-line no-unused-vars
+import { getAction as incomeGetAction, postAction as incomePostAction } from '@api/manage'
+// eslint-disable-next-line no-unused-vars
+import { getAction, postAction } from '@api/memberManage'
+
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+
+const TokenKey = 'X-Access-Token'
+// 标协会员-基本信息-调用来款系统的接口
+const queryCommonProjectById = (param) => incomeGetAction('/project/payCommonProject/queryCompanyById', param)
+
+// pdf预览网址
+const previewPdf = (file) => {
+  // const url = `${window._CONFIG['memberURL']}/sys/common/static/${id}?type=view&${TokenKey}=${Vue.ls.get(ACCESS_TOKEN)}`
+  // return `${process.env.BASE_URL}pdfjs/web/viewer.html?file=` + encodeURIComponent(url) + '&.pdf'
+  // const token = Vue.ls.get(ACCESS_TOKEN)
+  // todo 先写死token
+  const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE2MzkzNzY3MzcsInVzZXJuYW1lIjoiMGI4ZDQ2YTBiZTI0NGJlZGI5ZDI1Y2Y5ZmQ5OTc3MTcifQ.FvA0UgdKJm1m0rbkaS4CX72-GozZVPDmcZ296FvaBfQ'
+  const fileFullUrl = `${window._CONFIG['memberDomianWebSocketURL']}/sys/common/download/${file.id}?token=${token}&fullfilename=${file.fileName}`
+  console.log(fileFullUrl, '$$$$$$$$')
+  let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}`
+  return url
+}
+
+// 查询会员是否有批复文号
+const queryApprovalNo = (params) => getAction('/memberInfo/memberInfo/getApprovalMember', params)
+
+/**
+ * 获取加密字符串，并对结果进行缓存
+ */
+const getEncryptedString = () => getAction('/sys/getRSAPublicKey', {})
+
+// 通过文件的id获取文件的名称
+const getFilesByIds = (params) => getAction('/sys/common/static/getFilesByIds', params)
+
+
+export {
+  queryCommonProjectById,
+  queryApprovalNo,
+  previewPdf,
+  getEncryptedString,
+  getFilesByIds
+}
diff --git a/src/components/jero/JImageUpload.vue b/src/components/jero/JImageUpload.vue
index 646d08e..830254c 100644
--- a/src/components/jero/JImageUpload.vue
+++ b/src/components/jero/JImageUpload.vue
@@ -123,6 +123,13 @@
       this.headers = {'X-Access-Token':token}
     },
     methods:{
+      blobToBase64(blob, callback) {
+        let a = new FileReader()
+        a.onload = function(e) {
+          callback(e.target.result)
+        }
+        a.readAsDataURL(blob)
+      },
       async initFileList(paths){
         if(!paths || paths.length === 0){
           this.fileList = []
@@ -229,6 +236,11 @@
         if(this.fileList.length>0){
           let url = this.fileList[this.fileList.length-1].url
           // console.log( getFileAccessHttpUrl(url),'url')
+          let img = document.createElement('img')
+          img.src = getFileAccessHttpUrl(url)
+          img.onload = function(e) {
+            (e.target.result)
+          }
           return getFileAccessHttpUrl(url)
         }
       },
diff --git a/src/components/standardsAssociation/JImageUpload.vue b/src/components/standardsAssociation/JImageUpload.vue
new file mode 100644
index 0000000..3c4bf07
--- /dev/null
+++ b/src/components/standardsAssociation/JImageUpload.vue
@@ -0,0 +1,257 @@
+<template>
+  <a-upload
+    name="file"
+    listType="picture-card"
+    :multiple="isMultiple"
+    :action="uploadAction"
+    :headers="headers"
+    :data="{biz:bizPath}"
+    :fileList="fileList"
+    :beforeUpload="beforeUpload"
+    :disabled="disabled"
+    :isMultiple="isMultiple"
+    :showUploadList="isMultiple"
+    :class="{'mul-picture-card': isMultiple}"
+    @change="handleChange"
+    @preview="handlePreview">
+    <img v-if="!isMultiple && picUrl" :src="getAvatarView()" @click="clickFunc" style="height:104px;max-width:300px"/>
+    <div v-else >
+      <a-icon :type="uploadLoading ? 'loading' : 'plus'" />
+      <div class="ant-upload-text">{{ text }}</div>
+    </div>
+    <j-modal
+      title="预览"
+      width="800px"
+      :visible="previewVisible"
+      :maskClosable="false"
+      :footer="null"
+      switchFullscreen
+      @cancel="handleCancel()"
+      cancelText="关闭">
+      <img alt="example" style="width: 100%" :src="previewImage"/>
+    </j-modal>
+    <!--<j-modal :visible="previewVisible" :footer="null" @cancel="handleCancel()">-->
+      <!--<img alt="example" style="width: 100%" :src="previewImage"/>-->
+    <!--</j-modal>-->
+  </a-upload>
+</template>
+
+<script>
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+import { getFileAccessHttpUrl } from '@/api/memberManage'
+
+const uidGenerator = () => {
+  return '-' + parseInt(Math.random() * 10000 + 1, 10)
+}
+const getFileName = (path) => {
+  if (path.lastIndexOf('\\') >= 0) {
+    const reg = new RegExp('\\\\', 'g')
+    path = path.replace(reg, '/')
+  }
+  return path.substring(path.lastIndexOf('/') + 1)
+}
+export default {
+  name: 'JImageUpload',
+  data() {
+    return {
+      uploadAction: window._CONFIG['memberURL'] + '/sys/common/upload',
+      uploadLoading: false,
+      picUrl: false,
+      headers: {},
+      fileList: [],
+      previewImage: '',
+      previewVisible: false
+    }
+  },
+  props: {
+    text: {
+      type: String,
+      required: false,
+      default: '上传'
+    },
+    // 此属性用于控制图片上传的个数
+    number: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    /* 这个属性用于控制文件上传的业务路径*/
+    bizPath: {
+      type: String,
+      required: false,
+      default: 'temp'
+    },
+    value: {
+      type: [String, Array],
+      required: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isMultiple: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    // 是否需要校验图片大小不超过5M
+    isLessThan5M: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  watch: {
+    value(val) {
+      if (val instanceof Array) {
+        this.initFileList(val.join(','))
+      } else {
+        this.initFileList(val)
+      }
+    }
+  },
+  created() {
+    // const token = Vue.ls.get(ACCESS_TOKEN)
+    //TODO 暂时将token写成固定值，后续再做动态
+    const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE2MzkzNzY3MzcsInVzZXJuYW1lIjoiMGI4ZDQ2YTBiZTI0NGJlZGI5ZDI1Y2Y5ZmQ5OTc3MTcifQ.FvA0UgdKJm1m0rbkaS4CX72-GozZVPDmcZ296FvaBfQ'
+    this.headers = { 'X-Access-Token': token }
+  },
+  methods: {
+    initFileList(paths) {
+      if (!paths || paths.length === 0) {
+        this.fileList = []
+        this.picUrl = false
+        return
+      }
+      this.picUrl = true
+      const fileList = []
+      const arr = paths.split(',')
+      for (var a = 0; a < arr.length; a++) {
+        const url = getFileAccessHttpUrl(arr[a])
+        fileList.push({
+          uid: uidGenerator(),
+          name: getFileName(arr[a]),
+          status: 'done',
+          url: url,
+          response: {
+            status: 'history',
+            message: arr[a]
+          }
+        })
+      }
+      this.fileList = fileList
+    },
+    beforeUpload: function(file) {
+      var fileType = file.type
+      const imgTypes = ['jpg', 'jpeg', 'png']
+      const imgFlag = imgTypes.some(item => {
+        return fileType.indexOf(item) > 0
+      })
+      file.uploadGoOn = true
+      if (!imgFlag) {
+        this.$message.warning('请上传jpg,jpeg,png格式的图片')
+        file.uploadGoOn = false
+        return false
+      }
+      if (this.isLessThan5M) {
+        if (file.size > 1024 * 1024 * 5) {
+          this.$message.warning('图片大小限制为5M')
+          file.uploadGoOn = false
+          return false
+        }
+      }
+    },
+    clickFunc() {
+      if (!this.disabled) return
+      if (this.fileList.length > 0) {
+        this.handlePreview(this.fileList[0])
+      }
+    },
+    handleChange(info) {
+      if (!info.file.status && info.file.uploadGoOn === false) {
+        info.fileList.pop()
+        return
+      }
+      this.picUrl = false
+      let fileList = info.fileList
+      if (info.file.status === 'done') {
+        if (this.number > 0) {
+          fileList = fileList.slice(-this.number)
+        }
+        if (info.file.response.success) {
+          this.picUrl = true
+          fileList = fileList.map((file) => {
+            if (file.response) {
+              file.url = file.response.message
+            }
+            return file
+          })
+        }
+        // this.$message.success(`${info.file.name} 上传成功!`);
+      } else if (info.file.status === 'error') {
+        this.$message.error(`${info.file.name} 上传失败.`)
+      } else if (info.file.status === 'removed') {
+        this.handleDelete(info.file)
+      }
+      this.fileList = fileList
+      if (info.file.status === 'done' || info.file.status === 'removed') {
+        this.handlePathChange()
+      }
+    },
+    // 预览
+    handlePreview(file) {
+      this.previewImage = file.url || file.thumbUrl
+      this.previewVisible = true
+    },
+    getAvatarView() {
+      if (this.fileList.length > 0) {
+        return this.fileList[0].url
+      }
+    },
+    handlePathChange() {
+      const uploadFiles = this.fileList
+      let path = ''
+      if (!uploadFiles || uploadFiles.length === 0) {
+        path = ''
+      }
+      const arr = []
+      if (!this.isMultiple) {
+        arr.push(uploadFiles[uploadFiles.length - 1].response.message)
+      } else {
+        for (var a = 0; a < uploadFiles.length; a++) {
+          arr.push(uploadFiles[a].response.message)
+        }
+      }
+      if (arr.length > 0) {
+        path = arr.join(',')
+      }
+      this.$emit('change', path)
+    },
+    handleDelete(file) {
+      // 如有需要新增 删除逻辑
+      console.log(file)
+    },
+    handleCancel() {
+      this.close()
+      this.previewVisible = false
+    },
+    close() {
+
+    }
+  },
+  model: {
+    prop: 'value',
+    event: 'change'
+  }
+}
+</script>
+
+<style scoped lang='less'>
+/* 可多图片上传组件-禁用状态不显示上传的按钮*/
+.mul-picture-card /deep/.ant-upload.ant-upload-disabled {
+  display: none!important;
+}
+
+</style>
diff --git a/src/components/standardsAssociation/standardsAssociation.md b/src/components/standardsAssociation/standardsAssociation.md
new file mode 100644
index 0000000..9951e83
--- /dev/null
+++ b/src/components/standardsAssociation/standardsAssociation.md
@@ -0,0 +1 @@
+###### 该文件夹 存储会员系统 使用的组件，主要是对应url的不同
diff --git a/src/mixins/DisabledAuthFilterMixin.js b/src/mixins/DisabledAuthFilterMixin.js
new file mode 100644
index 0000000..4e64e2e
--- /dev/null
+++ b/src/mixins/DisabledAuthFilterMixin.js
@@ -0,0 +1,19 @@
+/**
+ *
+ */
+import { disabledAuthFilter } from '@/utils/authFilter'
+
+export const DisabledAuthFilterMixin = {
+  props: ['formData'],
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+    isDisabledAuth(code) {
+      return disabledAuthFilter(code, this.formData)
+    }
+  }
+
+}
diff --git a/src/mixins/JeroListMixin.js b/src/mixins/JeroListMixin.js
index fde2066..749ddc4 100644
--- a/src/mixins/JeroListMixin.js
+++ b/src/mixins/JeroListMixin.js
@@ -20,6 +20,8 @@ export const JeroListMixin = {
       lastQueryParam: {},
       /* 数据源 */
       dataSource:[],
+      // 做一步转换，方便会员系统的使用
+      getAction,
       /* 分页参数 */
       ipagination:{
         current: 1,
@@ -85,7 +87,7 @@ export const JeroListMixin = {
       }
       var params = this.getQueryParams()//查询条件
       this.loading = true
-      getAction(this.url.list, params).then((res) => {
+      this.getAction(this.url.list, params).then((res) => {
         if (res.success) {
           //update-begin---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
           this.dataSource = res.result.records||res.result
diff --git a/src/router/index.js b/src/router/index.js
index 32f6f6e..9f0028f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@ Router.prototype.push = function push(location, onResolve, onReject) {
 export default new Router({
   mode: 'history',
   // eslint-disable-next-line no-undef
+  // base: process.env.BASE_URL + (process.env.NODE_ENV === 'production' ? '/enterprise' : '/enterprise'),
   base: process.env.BASE_URL,
   scrollBehavior: () => ({ y: 0 }),
   routes: constantRouterMap
diff --git a/src/utils/memberRequest.js b/src/utils/memberRequest.js
new file mode 100644
index 0000000..3c46e0c
--- /dev/null
+++ b/src/utils/memberRequest.js
@@ -0,0 +1,172 @@
+/**
+ * @Description: 会员系统请求接口的 封装  和request.js 只差在了 baseURL
+ * @author:fengchenchen @Date:2021-12-13
+ */
+
+import Vue from 'vue'
+import axios from 'axios'
+import store from '@/store'
+import {Modal, notification} from 'ant-design-vue'
+import { ACCESS_TOKEN, TENANT_ID } from '@/store/mutation-types'
+
+/**
+ * 【指定 axios的 baseURL】
+ * 如果手工指定 baseURL: '/jero-boot'
+ * 则映射后端域名，通过 vue.config.js
+ * @type {*|string}
+ */
+let apiBaseUrl = window._CONFIG['memberURL'] || '/memberApi'
+//console.log("apiBaseUrl= ",apiBaseUrl)
+// 创建 axios 实例
+const service = axios.create({
+  //baseURL: '/jero-boot',
+  baseURL: apiBaseUrl, // api base_url
+  timeout: 9000 // 请求超时时间
+})
+
+const err = (error) => {
+  if (error.response) {
+    let data = error.response.data
+    const token = Vue.ls.get(ACCESS_TOKEN)
+    console.log('------异常响应------',token)
+    console.log('------异常响应------',error.response.status)
+    switch (error.response.status) {
+      case 403:
+        notification.error({ message: '系统提示', description: '拒绝访问',duration: 4})
+        break
+      case 500:
+        console.log('------error.response------',error.response)
+        // update-begin- --- author:liusq ------ date:20200910 ---- for:处理Blob情况----
+        // eslint-disable-next-line no-case-declarations
+        let type=error.response.request.responseType
+        if(type === 'blob'){
+          blobToJson(data)
+          break
+        }
+        // update-end- --- author:liusq ------ date:20200910 ---- for:处理Blob情况----
+        //notification.error({ message: '系统提示', description:'Token失效，请重新登录!',duration: 4})
+        if(token && data.message.includes('Token失效')){
+          // update-begin- --- author:scott ------ date:20190225 ---- for:Token失效采用弹框模式，不直接跳转----
+          Modal.error({
+            title: '登录已过期',
+            content: '很抱歉，登录已过期，请重新登录',
+            okText: '重新登录',
+            mask: false,
+            onOk: () => {
+              store.dispatch('Logout').then(() => {
+                Vue.ls.remove(ACCESS_TOKEN)
+                try {
+                  let path = window.document.location.pathname
+                  console.log('location pathname -> '+path)
+                  if(path!='/' && path.indexOf('/user/login')==-1){
+                    window.location.reload()
+                  }
+                }catch (e) {
+                  window.location.reload()
+                }
+              })
+            }
+          })
+          // update-end- --- author:scott ------ date:20190225 ---- for:Token失效采用弹框模式，不直接跳转----
+        }
+        break
+      case 404:
+        notification.error({ message: '系统提示', description:'很抱歉，资源未找到!',duration: 4})
+        break
+      case 504:
+        notification.error({ message: '系统提示', description: '网络超时'})
+        break
+      case 401:
+        notification.error({ message: '系统提示', description:'未授权，请重新登录',duration: 4})
+        if (token) {
+          store.dispatch('Logout').then(() => {
+            setTimeout(() => {
+              window.location.reload()
+            }, 1500)
+          })
+        }
+        break
+      default:
+        notification.error({
+          message: '系统提示',
+          description: data.message,
+          duration: 4
+        })
+        break
+    }
+  }
+  return Promise.reject(error)
+}
+
+// request interceptor
+service.interceptors.request.use(config => {
+  // const token = Vue.ls.get(ACCESS_TOKEN)
+  //TODO 暂时将token写成固定值，后续再做动态
+  const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJleHAiOjE2MzkzNzY3MzcsInVzZXJuYW1lIjoiMGI4ZDQ2YTBiZTI0NGJlZGI5ZDI1Y2Y5ZmQ5OTc3MTcifQ.FvA0UgdKJm1m0rbkaS4CX72-GozZVPDmcZ296FvaBfQ'
+  if (token) {
+    config.headers[ 'X-Access-Token' ] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
+  }
+  //update-begin-author:taoyan date:2020707 for:多租户
+  let tenantid = Vue.ls.get(TENANT_ID)
+  if (!tenantid) {
+    tenantid = 0
+  }
+  config.headers[ 'tenant_id' ] = tenantid
+  //update-end-author:taoyan date:2020707 for:多租户
+  if(config.method=='get'){
+    if(config.url.indexOf('sys/dict/getDictItems')<0){
+      config.params = {
+        _t: Date.parse(new Date())/1000,
+        ...config.params
+      }
+    }
+  }
+  return config
+},(error) => {
+  return Promise.reject(error)
+})
+
+// response interceptor
+service.interceptors.response.use((response) => {
+  return response.data
+}, err)
+
+/**
+ * Blob解析
+ * @param data
+ */
+function blobToJson(data) {
+  let fileReader = new FileReader()
+  let token = Vue.ls.get(ACCESS_TOKEN)
+  fileReader.onload = function() {
+    try {
+      let jsonData = JSON.parse(this.result)  // 说明是普通对象数据，后台转换失败
+      console.log('jsonData',jsonData)
+      if (jsonData.status === 500) {
+        console.log('token----------》',token)
+        if(token && jsonData.message.includes('Token失效')){
+          Modal.error({
+            title: '登录已过期',
+            content: '很抱歉，登录已过期，请重新登录',
+            okText: '重新登录',
+            mask: false,
+            onOk: () => {
+              store.dispatch('Logout').then(() => {
+                Vue.ls.remove(ACCESS_TOKEN)
+                window.location.reload()
+              })
+            }
+          })
+        }
+      }
+    } catch (err) {
+      // 解析成对象失败，说明是正常的文件流
+      console.log('blob解析fileReader返回err',err)
+    }
+  }
+  fileReader.readAsText(data)
+}
+
+export {
+  service as axios
+}
diff --git a/src/views/standardsAssociation/BasicInfo.vue b/src/views/standardsAssociation/BasicInfo.vue
index a90f8a3..314a1a2 100644
--- a/src/views/standardsAssociation/BasicInfo.vue
+++ b/src/views/standardsAssociation/BasicInfo.vue
@@ -1,13 +1,142 @@
 <template>
-  <div>基本信息</div>
+  <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>
+    <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>
 export default {
-  name: 'BasicInfo'
+  name: 'BasicInfo',
+  data() {
+    return {
+      // 秘书处信息
+      secretariatInfo: {
+        address: '东丽区' , // 地址
+        contactPerson: '郭某某' , // 联系人
+        contactPhone: '022-5907252' , // 联系人电话
+        contactMail: '113222222222222@qq.c113222222222222113222222222222113222222222222113222222222222113222222222222113222222222222113222222222222om' , // 联系人邮箱
+      },
+      // 本企业信息
+      memberInfo: {
+        companyName: '', //  企业名称
+        contactPerson: '', //  企业管理员
+        contactPhone: '', //  管理员电话
+        contactMail: '', //  管理员邮箱
+        memberTerm: 'xxxx年xx月xx日到xxxx年xx月xx日', //  会员有效期
+      }
+    }
+  },
+  methods: {
+    // 获得会员相关数据的字段
+    getBasicInfo() {
+
+    }
+  }
 }
 </script>
 
-<style scoped>
+<style scoped lang='less'>
+@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;
 
-</style>
\ No newline at end of file
+  .panel-cell{
+    flex: 1;
+    width: 0;
+    height: 419px;
+    //padding: 10px;
+    background: #ffffff;
+    border-radius: 4px;
+    box-shadow: -2px 0px 10px 10px rgba(51, 51, 51, 0.10);
+    background: #ffffff;
+    .title {
+      height: 56px;
+      line-height: 56px;
+      background: #fff;
+      border-bottom: 2px solid #f2f2f2;
+      padding: 0 20px;
+      font-size: 16px;
+    }
+    .content{
+      padding: 10px;
+      // 每行数据
+      .info-row{
+        padding: 10px;
+        display: flex;
+        flex-direction: row;
+        align-items: baseline;
+        & > span {
+          display: inline-block;
+          white-space: pre-wrap;
+        }
+        .label-span{
+          width: 100px;
+        }
+        .value-span{
+          width: 0;
+          flex: 1;
+          overflow: hidden;
+          white-space: pre-wrap;
+          word-break: break-all;
+        }
+      }
+    }
+  }
+  .panel-cell + .panel-cell{
+    margin-left: 10px;
+  }
+}
+
+</style>
diff --git a/src/views/standardsAssociation/MemberManagement.vue b/src/views/standardsAssociation/MemberManagement.vue
index 97e3d9d..eb0a051 100644
--- a/src/views/standardsAssociation/MemberManagement.vue
+++ b/src/views/standardsAssociation/MemberManagement.vue
@@ -1,13 +1,386 @@
+<!--企业端的会员管理的相关信息 -->
 <template>
-  <div>会员管理</div>
+  <div class='main-box'>
+    <a-card :bordered="false">
+      <!--企业端-编辑框-->
+      <div>
+        <a-spin :spinning="confirmLoading">
+          <a-form :form="form">
+            <!--会员表头信息-->
+            <a-row :span="24">
+              <a-col :span="6">
+                <a-form-item label="会员编号" :labelCol="labelColTopInfo" :wrapperCol="wrapperColTopInfo">
+                  <label v-text="memberInfo.memberNo"></label>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item label="注册时间" :labelCol="labelColTopInfo" :wrapperCol="wrapperColTopInfo">
+                  <label v-text="memberInfo.registerTime"></label>
+                </a-form-item>
+              </a-col>
+              <!-- 会员性质 会员回显 管理员为下拉框-->
+              <a-col :span="6">
+                <a-form-item label="会员性质" :labelCol="labelColTopInfo" :wrapperCol="wrapperColTopInfo">
+                  <label v-text="memberNature"></label>
+                </a-form-item>
+              </a-col>
+              <!--  会员单位 --显示批复文号 的相关信息-->
+              <a-col :span="6" v-if="memberInfo.memberStatus === 3 ">
+                <a-form-item label="会员批复文件" :labelCol="labelColTopInfo" :wrapperCol="wrapperColTopInfo">
+                  <!--                      如果当前没有批复文号 不显示 会员批复文件-->
+                  <span  v-if="currentApproval" class="approveFile" @click="uploadApproveFile(memberInfo)">会员批复文件.pdf</span>
+                </a-form-item>
+              </a-col>
+
+            </a-row>
+            <a-row :span="24">
+              <a-col :span='6'>
+                <a-form-item label='会员状态' :labelCol='labelColTopInfo' :wrapperCol='wrapperColTopInfo'>
+                <span
+                  data-v-fd11489c=''
+                  class='ant-tag ant-tag-yellow'
+                  v-if='memberInfo.memberStatus === 1'>待审核</span>
+                  <span data-v-fd11489c='' class='ant-tag ant-tag-blue' v-if='memberInfo.memberStatus === 2'>未缴费</span>
+                  <span
+                    data-v-fd11489c=''
+                    class='ant-tag ant-tag-green'
+                    v-if='memberInfo.memberStatus === 3'>已缴费</span>
+                  <span
+                    data-v-fd11489c=''
+                    class='ant-tag ant-tag-gray'
+                    v-if='memberInfo.memberStatus === 4'>会员已过期</span>
+                  <span class='red'>会员还剩<b>{{ remainingTime }}</b>天</span>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item label="会员生效日期" :labelCol="labelColTopInfo" :wrapperCol="wrapperColTopInfo">
+                  <label>{{ memberInfo.validDate ? memberInfo.validDate.split('~')[0] : '' }}</label>
+                </a-form-item>
+              </a-col>
+              <a-col :span="6">
+                <a-form-item label="会员失效日期" :labelCol="labelColTopInfo" :wrapperCol="wrapperColTopInfo">
+                  <label>{{ memberInfo.validDate ? memberInfo.validDate.split('~')[1] : '' }}</label>
+                </a-form-item>
+              </a-col>
+              <!--                副理事会长才显示推荐表-->
+              <a-col :span="6" v-if="memberInfo.memberNature === 1 ">
+                <a-form-item label="推荐表"  :labelCol="labelColTopInfo" :wrapperCol="wrapperColTopInfo">
+                  <span class="approveFile" @click="downRecommendWord(memberInfo.recommendWordId)">{{ memberInfo.recommendWordName }}</span>
+                </a-form-item>
+              </a-col>
+            </a-row>
+            <div>
+              <div class="row clearfix">
+                <div class="col-md-12 column">
+                  <a-tabs @change="switchNav" :animated='false'>
+                    <a-tab-pane key="1" tab="会员信息">
+                      <member-info v-if='navIndex === 1' ref='memberInfoDom' :member-info='memberInfo'></member-info>
+                    </a-tab-pane>
+                    <a-tab-pane key="2" tab="缴费记录">
+                      <payment-info v-if='navIndex === 2' ref='paymentInfo' :member-info='memberInfo'></payment-info>
+                    </a-tab-pane>
+                    <a-tab-pane key="3" tab="证书记录">
+                      <certificate-info v-if='navIndex === 3' ref='certificateInfo' :member-info='memberInfo'></certificate-info>
+                    </a-tab-pane>
+                    <a-tab-pane key="4" tab="单位名称变更记录">
+                      <company-name-apply-record v-if='navIndex === 4' ref='companyNameApplyRecord' :member-info='memberInfo'></company-name-apply-record>
+                    </a-tab-pane>
+                    <a-tab-pane key="5" tab="资源下载记录">
+                      <download-record v-if='navIndex === 5' ref='downloadRecord' :member-info='memberInfo'></download-record>
+                    </a-tab-pane>
+                  </a-tabs>
+                </div>
+              </div>
+            </div>
+          </a-form>
+          <div class="center">
+            <template v-if="navIndex === 1">
+              <a-button type="primary" @click="handleOk">确定</a-button>
+              <a-button style="margin-left: 10px;" class="mt-10" @click="handleCancel">取消</a-button>
+            </template>
+          </div>
+        </a-spin>
+      </div>
+    </a-card>
+  </div>
 </template>
 
 <script>
+// eslint-disable-next-line no-unused-vars
+import { getAction, getFileAccessHttpUrl, httpAction, downloadFile } from '@api/memberManage'
+import { queryApprovalNo, getEncryptedString } from '../../api/standardsAssociationApi'
+import Vue from 'vue'
+import { USER_INFO } from '@/store/mutation-types'
+import { JSEncrypt } from 'jsencrypt'
+// 会员的基础信息
+import MemberInfo from './memberInfo/MemberInfo'
+// 缴费信息
+import PaymentInfo from './memberInfo/PaymentInfo'
+// 证书记录的相关信息
+import CertificateInfo from './memberInfo/CertificateInfo'
+// 单位名称变更记录
+import CompanyNameApplyRecord from './memberInfo/CompanyNameApplyRecord'
+// 资源下载记录
+import DownloadRecord from './memberInfo/DownloadRecord'
+
 export default {
-  name: 'MemberManagement'
+  name: 'MemberManagement',
+  components: {
+    MemberInfo,
+    PaymentInfo,
+    CertificateInfo,
+    CompanyNameApplyRecord,
+    DownloadRecord
+  },
+  data() {
+    return {
+      form: this.$form.createForm(this),
+      userId: Vue.ls.get(USER_INFO).id,
+      // 入会申请表
+      applicationWordName: '',
+      // 推荐表副理事显示
+      wordFlag: '',
+      // 会员剩余时间
+      remainingTime: 0,
+      // 当前是否有批复文号
+      currentApproval: false,
+      // 整个页面加载的标志
+      confirmLoading: false,
+      // 会员上面信息的label布局
+      labelColTopInfo: {
+        xl: { span: 8 },
+        sm: { span: 11 },
+        xs: { span: 24 }
+      },
+      // 会员上面信息的wrapper布局
+      wrapperColTopInfo: {
+        xl: { span: 16 },
+        xs: { span: 24 },
+        sm: { span: 13 }
+      },
+      // 会员对象
+      memberInfo: {},
+      // 导航索引:
+      navIndex: 1,
+      url: {
+        add: '/memberInfo/memberInfo/add',
+        edit: '/memberInfo/memberInfo/edit',
+        detail: '/memberInfo/memberInfo/queryById'
+      }
+    }
+  },
+  computed: {
+    memberNature() {
+      switch (this.memberInfo.memberNature) {
+        case 1:
+          return '副理事单位'
+        case 2:
+          return '理事单位'
+        case 3:
+          return '会员单位'
+        default: return ''
+      }
+    }
+  },
+  methods: {
+    // 会员批复文件下载
+    uploadApproveFile(val) {
+      const url = `/memberInfo/memberInfo/downloadApprovalPdf?companyName=${encodeURIComponent(val.companyName)}&memberId=${val.id}`
+      downloadFile(url, '会员批复文件.pdf')
+    },
+    // tab按钮的切换
+    switchNav(index) {
+      this.navIndex = Number(index)
+    },
+    /*
+    * 会员推荐表下载
+    * */
+    downRecommendWord(text) {
+      if (!text) {
+        this.$message.warning('未知的文件')
+        return
+      }
+      if (text.indexOf(',') > 0) {
+        text = text.substring(0, text.indexOf(','))
+      }
+      const url = getFileAccessHttpUrl(text)
+      window.open(url, '_self')
+    },
+    /*
+    * 查询当前是否有批复文号
+    * */
+    queryExistApproval(record) {
+      const param = {
+        memberId: record.id
+      }
+      queryApprovalNo(param).then(res => {
+        // null 说明该会员没有批复文号
+        if (res.result === null) {
+          this.currentApproval = false
+        } else {
+          this.currentApproval = true
+        }
+      })
+    },
+    // 取消 回到初始列表页
+    handleCancel() {
+      // this.$router.push('/member/memberInfo/MemberInfoList')
+      // this.$router.history.go(-1)
+      this.$refs.memberInfoDom && this.$refs.memberInfoDom.initData(this.memberInfo)
+    },
+    handleOk() {
+      // 首页校验 会员单位信息的form 表单的数据是否正确
+      const that = this
+      // this.$refs.memberInfoDom.form.validateFields()
+      this.$refs.memberInfoDom.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true
+          let httpurl = ''
+          let method = ''
+          if (!this.model.id) {
+            httpurl += this.url.add
+            method = 'post'
+          } else {
+            httpurl += this.url.edit
+            method = 'put'
+          }
+          const formData = Object.assign(this.model, values)
+          let encrypt = new JSEncrypt()
+          encrypt.setPublicKey(that.encryptedString)
+          formData.standardPhone = encrypt.encrypt(values.standardPhone)
+          formData.standardMobile = encrypt.encrypt(values.standardMobile)
+          formData.standardEmail = encrypt.encrypt(values.standardEmail)
+          formData.mobile = encrypt.encrypt(values.mobile)
+          formData.phone = encrypt.encrypt(values.phone)
+          formData.email = encrypt.encrypt(values.email)
+          formData.rsapublickey = that.encryptedString
+          console.log('表单提交数据', JSON.stringify(formData))
+          httpAction(httpurl, formData, method).then((res) => {
+            if (res.success) {
+              that.$message.success(res.message)
+              // 重新更新页面的选择
+              that.getMemberInfo()
+            } else {
+              that.$message.warning(res.message)
+            }
+          }).finally(() => {
+            that.confirmLoading = false
+          })
+        }
+      })
+    },
+    /*
+     * 获取会员的详细信息
+     * */
+    getMemberInfo() {
+      //   const url = this.url.detail + '?id=' + this.$route.query.id
+      // todo 暂时写死用户，后续在user等信息中调取
+      const url = this.url.detail + '?id=' + '1413419593870872578'
+      // 会员剩余天数
+      this.pageType = this.$route.query.pageType
+      getAction(url).then(res => {
+        if (res.success) {
+          this.edit(res.result)
+          this.remainingTime = this.remainingTimeCount(res.result.validDate)
+          this.$nextTick(() => {
+            this.$refs.memberInfoDom && this.$refs.memberInfoDom.initData(res.result)
+          })
+        }
+        if (res.code === 510) {
+          this.$message.warning(res.message)
+        }
+      })
+    },
+    // 获得加密公钥的方法
+    getEncryptedStringFunc() {
+      getEncryptedString().then((res) => {
+        this.encryptedString = res.result
+      })
+    },
+    add() {
+      this.edit({})
+    },
+    edit(record) {
+      // 记录之前的单位全称
+      this.originCompanyName = record.companyName
+      this.form.resetFields()
+      this.model = Object.assign({}, record)
+      this.wordFlag = this.model.memberNature
+      this.memberInfo = record
+      this.memberId = record.id
+      // 查询会员是否有批复文号
+      this.queryExistApproval(record)
+      // getFilesByIds({ ids: record.applicationWordId }).then(res => {
+      //   if (res.success) {
+      //     this.applicationWordName = res.result[0].fileName || ''
+      //   }
+      // })
+    },
+    // 计算会员剩余天数
+    remainingTimeCount: function(date) {
+      if (date === null || date === undefined || date.length === 0) {
+        return 0
+      }
+      date = date.substring(11)
+      console.log(date)
+      var strArr = (date + ' 23:59:59').split(' ')
+      console.log(strArr[0])
+      var strDay = strArr[0].split('-')
+      var strTime = strArr[1].split(':')
+      var yy = strDay[0]
+      var mm = strDay[1]
+      var dd = strDay[2]
+      var hh = strTime[0]
+      var mi = strTime[1]
+      var se = strTime[2]
+      var date1 = new Date(Date.UTC(yy, mm - 1, dd, hh - 8, mi, se))
+      var date2 = new Date()
+      if (date1 <= date2) {
+        return 0
+      }
+      // var miao = (date1.getTime() - date2.getTime()) / 1000
+      var fen = ((date1.getTime() - date2.getTime()) / 1000) / 60
+      return parseInt(fen / (24 * 60)) // 得出剩bai余
+    }
+  },
+  created() {
+    this.pageType = this.$route.query.pageType
+    // 当前默认选中的tab页
+    this.navIndex = Number(this.$route.query.navIndex) || 1
+    // 不是跳转第一页的时候，触发相应的点击事件
+    if (this.navIndex !== 1) {
+      this.switchNav(this.navIndex)
+    }
+    // 获得会员的相关信息
+    this.getMemberInfo()
+    // 获得公钥的相关信息
+    this.getEncryptedStringFunc()
+  }
+
 }
 </script>
 
-<style scoped>
+<style scoped lang='less'>
+@import '~@assets/less/common.less';
+// 会员批复文件的样式
+.approveFile {
+  color: #219AFF;
+  cursor: pointer;
+  margin-left: 10px;
+}
+.red {
+  color: red;
+}
+// 2021-09-23 标题部分的修改
+/deep/.member-panel-title{
+  height: 48px;
+  line-height: 48px;
+  background: rgba(6,159,153,0.1);
+  font-size: 16px;
+  width: calc(100% - 0px);
+  color: #2F3133;
+  padding-left: 20px;
+  margin: 10px 0px;
+}
 
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/CertificateInfo.vue b/src/views/standardsAssociation/memberInfo/CertificateInfo.vue
new file mode 100644
index 0000000..e9efbd3
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/CertificateInfo.vue
@@ -0,0 +1,241 @@
+<!--会员管理-证书的相关信息-->
+<template>
+<div class='table-page-search-wrapper certificate-info-container'>
+  <a-form layout="inline">
+    <a-row :span="24" class="create-date-row" :gutter="24">
+      <a-col :span="8">
+        <a-form-item label="证书代码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input :maxLength="50" v-model="queryParam.code" placeholder="请输入证书代码"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8" class="ope-col">
+        <a-button class="btn btn-primary" type="primary" @click="vinQuery" icon="search">
+          查询
+        </a-button>
+        <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 5px">
+          重置
+        </a-button>
+      </a-col>
+    </a-row>
+  </a-form>
+  <div class="row clearfix">
+    <div class="col-md-12 column">
+
+      <a-table
+        ref="table"
+        size="middle"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        @change="handleTableChange"
+        class="j-table-force-nowrap">
+      </a-table>
+    </div>
+  </div>
+</div>
+
+</template>
+
+<script>
+import { getAction } from '../../../api/memberManage'
+import { JeroListMixin } from '../../../mixins/JeroListMixin'
+import { RangeDateMixin} from '../../../mixins/RangeDateMixin'
+
+export default {
+  name: 'CertificateInfo',
+  mixins: [
+    JeroListMixin,
+    RangeDateMixin
+  ],
+  components: {
+
+  },
+  props: {
+    memberInfo: {
+      type: Object,
+      required: false,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  watch: {
+    memberInfo() {
+      this.filters.memberId = this.memberInfo.id
+    }
+  },
+  data() {
+    return {
+      // VIN证书信息头
+      columns: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function(t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '证书代码',
+          align: 'center',
+          dataIndex: 'code'
+        },
+        {
+          title: '证书类型',
+          align: 'center',
+          dataIndex: 'certificateType',
+          customRender: function(text) {
+            if (text === 1) {
+              return '世界制造厂识别代号（WMI）证书'
+            } else if (text === 2) {
+              return '企业名称代号证书'
+            }
+          }
+        },
+        {
+          title: '生效日期',
+          align: 'center',
+          dataIndex: 'effectDate'
+        },
+        {
+          title: '到期日期',
+          align: 'center',
+          dataIndex: 'invalidDate'
+        },
+        {
+          title: '会员绑定证书',
+          align: 'center',
+          dataIndex: 'certificateStatusTemp',
+          customRender: function(text, record) {
+            if (record.isBind === 2) {
+              return '是'
+            } else {
+              return '否'
+            }
+          }
+        },
+        {
+          title: '换证',
+          align: 'center',
+          dataIndex: 'certificateModality',
+          customRender: function(text) {
+            if (text === 1) {
+              return '是'
+            } else {
+              return '否'
+            }
+          }
+        },
+        // 证书状态(1:已绑定,2:已提交,3:已处理,4:正常使用,5:已失效）
+        {
+          title: '状态',
+          align: 'center',
+          dataIndex: 'certificateStatus',
+          customRender: function(text) {
+            if (text === 1) {
+              return '已绑定'
+            } else if (text === 2) {
+              return '已支付'
+            } else if (text === 3) {
+              return '已缴费'
+            } else if (text === 4) {
+              return '正常使用'
+            } else if (text === 5) {
+              return '已失效'
+            } else if (text === 6) {
+              return '已驳回'
+            } else if (text === 0) {
+              return '待支付'
+            } else if (text === 7) {
+              return '绑定已失效'
+            }
+          }
+        }],
+      dataSource: [],
+      // 会员单位下面的信息
+      labelCol: {
+        xxl: { span: 8 }, // ≥1600px
+        xl: { span: 11 }, // ≥1200px
+        md: { span: 12 }, // ≥768px
+        sm: { span: 24 }, // ≥576px
+        xs: { span: 24 } // <576px
+      },
+      wrapperCol: {
+        xxl: { span: 16 }, // ≥1600px
+        xl: { span: 13 }, // ≥1200px
+        md: { span: 12 }, // ≥768px
+        sm: { span: 24 }, // ≥576px
+        xs: { span: 24 } // <576px
+      },
+      // 日期组件查询的key值
+      dateKeyObj: {
+        beginKey: 'submissionTime_begin',
+        endKey: 'submissionTime_end'
+      },
+      url: {
+        list: '/vinCertificate/vinCertificate/getVinCertificateModelByMemberId'
+      }
+    }
+  },
+  methods: {
+    loadData(arg) {
+      if(!this.url.list){
+        this.$message.error('请设置url.list属性!')
+        return
+      }
+      //加载数据 若传入参数1则加载第一页的内容
+      if (arg === 1) {
+        this.ipagination.current = 1
+      }
+      var params = this.getQueryParams()//查询条件
+      this.loading = true
+      getAction(this.url.list, params).then((res) => {
+        if (res.success) {
+          //update-begin---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
+          this.dataSource = res.result.records||res.result
+          if(res.result.total)
+          {
+            this.ipagination.total = res.result.total
+            //清空列表选中
+            // this.onClearSelected()
+          }else{
+            this.ipagination.total = 0
+          }
+          //update-end---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
+        }
+        if(res.code===510){
+          this.$message.warning(res.message)
+        }
+        this.loading = false
+      })
+    },
+    // 证书查询
+    vinQuery() {
+      if (this.queryParam.code) {
+        this.searchQuery()
+      } else {
+        this.$message.warning('请输入证书代码')
+      }
+    },
+    // 初始化数据
+    initData() {
+      this.searchReset()
+    }
+  },
+  created() {
+    console.log('&&*****证书记录****')
+    this.filters.memberId = this.memberInfo.id
+    this.searchReset()
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/CompanyNameApplyRecord.vue b/src/views/standardsAssociation/memberInfo/CompanyNameApplyRecord.vue
new file mode 100644
index 0000000..f5d93ab
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/CompanyNameApplyRecord.vue
@@ -0,0 +1,239 @@
+<!--单位 名称 变更申请-->
+<template>
+<div class='company-name-apply-record'>
+  <table-component
+    :columns="columnsChangeApprove"
+    :data-source="changeApproveData"
+    :page-type="4"
+    :expand-row-by-click="true"
+    :pagination="ipagination"
+    :is-loading="loading"
+    @ok="getChangeHistoryData"
+    @edit="handleApproveEdit">
+  </table-component>
+  <!--    变更申请模态框-->
+<!--  <change-company-modal ref="changeCompany" @ok="getChangeHistoryData"></change-company-modal>-->
+</div>
+</template>
+
+<script>
+import { getAction } from '../../../api/memberManage'
+import TableComponent from './modules/TableComponent'
+
+export default {
+  name: 'CompanyNameApplyRecord',
+  components: {
+    TableComponent
+  },
+  props: {
+    memberInfo: {
+      type: Object,
+      required: false,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  watch: {
+    memberInfo() {
+      this.filters.memberId = this.memberInfo.id
+    }
+  },
+  data() {
+    return {
+      // 单位变更表格表头
+      columnsChangeApprove: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function(t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '变更前',
+          align: 'center',
+          dataIndex: 'originCompanyName',
+          key: 'originCompanyName'
+        },
+        {
+          title: '变更后',
+          align: 'center',
+          dataIndex: 'changeCompanyName',
+          key: 'changeCompanyName'
+        },
+        {
+          title: '工商注册变更证明',
+          align: 'center',
+          dataIndex: 'registerChangeProve',
+          key: 'registerChangeProve',
+          scopedSlots: { customRender: 'imgSlot' }
+        },
+        {
+          title: '操作人',
+          align: 'center',
+          dataIndex: 'operatorName',
+          key: 'operatorName'
+        },
+        {
+          title: '操作时间',
+          align: 'center',
+          dataIndex: 'createTime',
+          key: 'createTime'
+        },
+        {
+          title: '状态',
+          align: 'center',
+          key: 'status1',
+          scopedSlots: { customRender: 'status' }
+        },
+        {
+          title: '审批人',
+          align: 'center',
+          dataIndex: 'checkerName',
+          key: 'checkerName'
+        },
+        {
+          title: '审批时间',
+          align: 'center',
+          dataIndex: 'checkTime',
+          key: 'checkTime'
+        },
+        {
+          title: '审批结果',
+          align: 'center',
+          dataIndex: 'status',
+          key: 'status',
+          customRender: function(text) {
+            switch (text) {
+              case 1:
+                return '待审核'
+              case 2:
+                return '已驳回'
+              case 3:
+                return '已完成'
+            }
+          }
+        },
+        {
+          title: '审批意见',
+          align: 'center',
+          dataIndex: 'checkMark',
+          key: 'checkMark',
+          scopedSlots: { customRender: 'textSlot' }
+        },
+        {
+          title: '操作',
+          dataIndex: 'action',
+          align: 'center',
+          scopedSlots: { customRender: 'action' }
+        }
+      ],
+      // 单位申请变更数据源
+      changeApproveData: [],
+      /* 分页参数 */
+      ipagination:{
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30', '50', '100'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' 共' + total + '条'
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      loading: false,
+      // 其他查询的参数
+      filters: {}
+    }
+  },
+  methods: {
+    /*
+  * 获取单位变更表数据
+  * */
+    getChangeHistoryData(val) {
+      if (val) {
+        this.ipagination = Object.assign({}, val)
+      }
+      const params = {
+        memberId: this.filters.memberId,
+        pageNo: this.ipagination.current,
+        pageSize: this.ipagination.pageSize
+      }
+      this.changeApproveData = []
+      this.loading = true
+      getAction('/memberInfo/companyNameRecord/cascadingList', params).then(res => {
+        if (res.success) {
+          this.changeApproveData = res.result.records
+          // 处理变更申请记录 中子集为空的情况，防止左侧出现展开的图标
+          this.changeApproveData.map(item => {
+            item.isParent = true
+            if (item.children && item.children.length === 0) {
+              item.children = null
+            }
+            // 待审核不显示备注信息
+            if (item.status === 1) {
+              item.checkMark = null
+            }
+            // 返回多个工商注册证明
+            if (item.registerChangeProve.includes(',')) {
+              item.registerChangeProve = item.registerChangeProve.split(',')
+            } else {
+              item.registerChangeProve = [item.registerChangeProve]
+            }
+            // 处理子数组 图片
+            if (item.children && item.children.length > 0) {
+              item.children.forEach(itemChild => {
+                if (itemChild.registerChangeProve.includes(',')) {
+                  itemChild.registerChangeProve = itemChild.registerChangeProve.split(',')
+                } else {
+                  itemChild.registerChangeProve = [itemChild.registerChangeProve]
+                }
+              })
+            }
+          })
+          this.ipagination.total = res.result.total
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    /*
+     * 单位变更表编辑
+     * */
+    handleApproveEdit(record) {
+      this.$refs.changeCompany.originCompanyName = record.originCompanyName
+      this.$refs.changeCompany.memberId = this.$route.query.id
+      this.$refs.changeCompany.recordId = record.id
+      this.$refs.changeCompany.listEdit = true
+      this.$refs.changeCompany.edit(record)
+      // 是否已经发起变更
+      // this.$refs.changeCompany.companyNameApply = this.memberInfo.companyNameApply
+      this.$refs.changeCompany.title = '变更申请'
+      this.$refs.changeCompany.visible = true
+    },
+    searchReset() {
+      this.ipagination.current = 1
+      this.ipagination.pageSize = 10
+      this.getChangeHistoryData()
+    },
+    // 初始化数据的方法
+    initData() {
+      this.searchReset()
+    }
+  },
+  created() {
+    console.log('&&*****单位名称变更申请记录****')
+    this.filters.memberId = this.memberInfo.id
+    this.searchReset()
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/DownloadRecord.vue b/src/views/standardsAssociation/memberInfo/DownloadRecord.vue
new file mode 100644
index 0000000..bd46569
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/DownloadRecord.vue
@@ -0,0 +1,130 @@
+<!--下载的记录 -->
+<template>
+<div class='download-record'>
+  <table-component
+    :columns="columnsDownFile"
+    :data-source="downFileData"
+    :page-type="5"
+    :pagination="ipagination"
+    :is-loading="loading"
+    @ok="getDownFileList">
+  </table-component>
+</div>
+</template>
+
+<script>
+import { postAction} from '../../../api/memberManage'
+import TableComponent from './modules/TableComponent'
+
+export default {
+  name: 'DownloadRecord',
+  components: {
+    TableComponent
+  },
+  props: {
+    memberInfo: {
+      type: Object,
+      required: false,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  data() {
+    return{
+      // 资源下载表头
+      columnsDownFile: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function(t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '文件类别',
+          align: 'center',
+          dataIndex: 'moduleName'
+        },
+        {
+          title: '文件名称',
+          align: 'center',
+          dataIndex: 'fileName',
+          scopedSlots: { customRender: 'fileSlot' }
+        },
+        {
+          title: '下载时间',
+          align: 'center',
+          dataIndex: 'createTime'
+        }
+      ],
+      // 资源下载数据源
+      downFileData: [],
+      /* 分页参数 */
+      ipagination:{
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30', '50', '100'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' 共' + total + '条'
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      loading: false,
+      url: {
+        list: '/attendmeetings/attendMeetings/dataDownloadRecord'
+      }
+    }
+  },
+  methods: {
+    /*
+     * 获取资料下载表数据
+     * */
+    getDownFileList(val) {
+      if (val) {
+        this.ipagination = val
+      }
+      if (this.memberInfo.id) {
+        const params = {
+          userId: this.memberInfo.id,
+          pageNo: this.ipagination.current,
+          pageSize: this.ipagination.pageSize
+        }
+        this.downFileData = []
+        this.loading = true
+        postAction(this.url.list, params).then(res => {
+          if (res.success) {
+            this.downFileData = res.result.records
+            this.ipagination.total = res.result.total
+          }
+        }).finally(() => {
+          this.loading = false
+        })
+      }
+    },
+    searchReset() {
+      this.ipagination.current = 1
+      this.ipagination.pageSize = 10
+      this.getDownFileList()
+    },
+    // 初始化数据的方法
+    initData() {
+      this.searchReset()
+    }
+  },
+  created() {
+    console.log('&&*****资源下载记录****')
+    // this.filters.memberId = this.memberInfo.id
+    this.searchReset()
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/MemberInfo.vue b/src/views/standardsAssociation/memberInfo/MemberInfo.vue
new file mode 100644
index 0000000..122f9ea
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/MemberInfo.vue
@@ -0,0 +1,636 @@
+<!--会员信息-->
+<template>
+<div class='member-info'>
+  <a-form :form="form">
+    <div class="row clearfix">
+      <div class="column">
+        <p class='member-panel-title'>单位信息</p>
+      </div>
+    </div>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="16">
+        <a-form-item label="单位全称" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+          <a-input
+            disabled
+            :maxLength="50"
+            v-decorator="['companyName',validatorRules.companyName]"
+            placeholder="请输入单位全称"></a-input>
+          <!--会员审核通过后 会员才能查看-->
+          <a-button
+            v-has="'memberInfo:companyNameRecord:add'"
+            v-if="memberInfo.memberStatus === 3"
+            class="btn btn-primary changeCompany"
+            type="primary"
+            @click="changeCompanyName"
+            style="z-index: 1000">变更申请
+          </a-button>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="16">
+        <a-form-item label="用户昵称" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+          <a-input @change="event => event.target.value = event.target.value.trim()" v-decorator="[ 'realname', validatorRules.realname]" placeholder="请输入用户昵称" :maxLength="50"></a-input>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="16">
+        <a-form-item label="隶属部门/集团" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+          <a-input
+            :maxLength="50"
+            v-decorator="['companyDepartment']"
+            placeholder="请输入隶属部门/集团"></a-input>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="16">
+        <a-form-item label="单位性质" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+          <j-multi-select-tag
+            v-decorator="['companyNature',validatorRules.companyNature]"
+            :options="dictOptions"
+            type="checkbox">
+          </j-multi-select-tag>
+        </a-form-item>
+      </a-col>
+    </a-row>
+
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="16">
+        <a-form-item label="主要业务或主要产品简介" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+          <a-textarea
+            :maxLength="500"
+            rows="5"
+            v-decorator="['companyBusinessDesc',validatorRules.companyBusinessDesc]"/>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="16">
+        <a-form-item label="营业执照复印件" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+          <j-image-upload
+            :number="10"
+            bizPath="payment"
+            isMultiple
+            v-decorator="['businessLicenseFileId', validatorRules.businessLicenseFileId]"></j-image-upload>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <!-- 标准化部门信息-->
+    <div class="row clearfix">
+      <div class="column">
+        <p class='member-panel-title'>标准化部门信息</p>
+      </div>
+    </div>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="8">
+        <a-form-item label="标准化部门(主管/监管)" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['standardDepartment',validatorRules.standardDepartment]"
+            placeholder="请输入标准化部门"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="标准化工作负责人" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['standardLeadingMan',validatorRules.standardLeadingMan]"
+            placeholder="请输入标准化工作负责人"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="固定电话" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['standardPhone',validatorRules.standardPhone]"
+            placeholder="请输入固定电话"></a-input>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="8">
+        <a-form-item label="手机" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['standardMobile',validatorRules.standardMobile]"
+            placeholder="请输入手机"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="E-mail" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['standardEmail',validatorRules.standardEmail]"
+            placeholder="请输入E-mail"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="职务" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['standardPost',validatorRules.standardPost]"
+            placeholder="请输入职务"></a-input>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <a-row :span="24" class='label-width-row joined-col'>
+      <a-col :span="8" >
+        <a-form-item label="已加入的行业组织/协会/团体/联盟/委员会等" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['industrialOrganization']"
+            placeholder="请输入已加入的行业组织/协会/团体/联盟/委员会等"></a-input>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <!--联系人信息-->
+    <div class="row clearfix">
+      <div class="column">
+        <p class='member-panel-title'>联系人信息</p>
+      </div>
+    </div>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="8">
+        <a-form-item label="联系人" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['liaisonMan',validatorRules.liaisonMan]"
+            placeholder="请输入联系人"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="手机" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            :disabled="isDisabledAuth('member.phone')"
+            v-decorator="['mobile',validatorRules.mobile]"
+            placeholder="请输入手机"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="固定电话" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['phone',validatorRules.phone]"
+            placeholder="请输入固定电话"></a-input>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="8">
+        <a-form-item label="E-mail" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['email',validatorRules.email]"
+            placeholder="请输入E-mail"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="通讯地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['address',validatorRules.address]"
+            placeholder="请输入通讯地址"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="邮编" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['postcode',validatorRules.postcode]"
+            placeholder="请输入邮编"></a-input>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <!--发票信息-->
+    <div class="row clearfix">
+      <div class="column">
+        <p class='member-panel-title'>发票信息</p>
+      </div>
+    </div>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="8">
+        <a-form-item label="关联付款发票名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['invoiceInfo', validatorRules.invoiceInfo]"
+            placeholder="请输入关联付款发票名称"></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="社会统一代码/税号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            :maxLength="50"
+            v-decorator="['taxNo', validatorRules.taxNo]"
+            placeholder="请输入社会统一代码/税号"></a-input>
+        </a-form-item>
+      </a-col>
+      <!-- 2021-09-23 增加 单位地址 -->
+      <a-col :span="8">
+        <a-form-item label="单位地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            @change="event => event.target.value = event.target.value.trim()"
+            v-decorator="[ 'invoiceAddress', validatorRules.invoiceAddress]"
+            placeholder="请输入单位地址"
+            :maxLength="50"
+          ></a-input>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <!-- 2021-09-23 增加 电话号码  开户银行 银行账户-->
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="8">
+        <a-form-item label="电话号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            v-decorator="[ 'invoicePhone', validatorRules.invoicePhone]"
+            placeholder="请输入电话号码"
+            :maxLength="50"
+            @change="(e) => {e.target.value = e.target.value.replace(/[^0-9|-]/g,'')}"
+          ></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="开户银行" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            @change="event => event.target.value = event.target.value.trim()"
+            v-decorator="[ 'depositBank', validatorRules.depositBank]"
+            placeholder="请输入开户银行"
+            :maxLength="50"
+          ></a-input>
+        </a-form-item>
+      </a-col>
+      <a-col :span="8">
+        <a-form-item label="银行账户" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            v-decorator="[ 'bankAccount', validatorRules.bankAccount]"
+            placeholder="请输入银行账户"
+            :maxLength="50"
+            @change="(e) => {e.target.value = e.target.value.replace(/[^0-9]/g,'')}"
+          ></a-input>
+        </a-form-item>
+      </a-col>
+    </a-row>
+    <div class="row clearfix">
+      <div class="column">
+        <p class='member-panel-title'>入会申请表</p>
+      </div>
+    </div>
+    <a-row :span="24" class='label-width-row'>
+      <a-col :span="12">
+        <a-form-item label="入会申请表" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          {{applicationWordName}}
+          <span class="preview" @click="previewApplyPdf(memberInfo.applicationWordId)">预览</span>
+          <span class="download" @click="downApplyPdf(memberInfo.applicationWordId)">下载</span>
+        </a-form-item>
+      </a-col>
+      <a-col :span="12"></a-col>
+    </a-row>
+  </a-form>
+</div>
+</template>
+
+<script>
+import JImageUpload from '../../../components/standardsAssociation/JImageUpload'
+import JMultiSelectTag from '../../../components/dict/JMultiSelectTag'
+import { previewPdf, getFilesByIds } from '../../../api/standardsAssociationApi'
+import { getFileAccessHttpUrl } from '../../../api/memberManage'
+import { DisabledAuthFilterMixin } from '@/mixins/DisabledAuthFilterMixin'
+import pick from 'lodash.pick'
+import Vue from 'vue'
+
+export default {
+  name: 'MemberInfo',
+  components: {
+    JImageUpload,
+    JMultiSelectTag
+  },
+  props: {
+    // 会员对象
+    memberInfo: {
+      type: Object,
+      required: false,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  mixins: [
+    DisabledAuthFilterMixin
+  ],
+  data() {
+    return {
+      form: this.$form.createForm(this),
+      // 会员单位下面的信息
+      labelCol: {
+        xxl: { span: 8 }, // ≥1600px
+        xl: { span: 11 }, // ≥1200px
+        md: { span: 12 }, // ≥768px
+        sm: { span: 24 }, // ≥576px
+        xs: { span: 24 } // <576px
+      },
+      wrapperCol: {
+        xxl: { span: 16 }, // ≥1600px
+        xl: { span: 13 }, // ≥1200px
+        md: { span: 12 }, // ≥768px
+        sm: { span: 24 }, // ≥576px
+        xs: { span: 24 } // <576px
+      },
+      // 单位信息面板的样式
+      labelCol1: {
+        lg: { span: 6 },
+        md: { span: 5 },
+        sm: { span: 7 },
+        xs: { span: 24 }
+      },
+      wrapperCol1: {
+        lg: { span: 18 },
+        md: { span: 18 },
+        xs: { span: 24 },
+        sm: { span: 14 }
+      },
+      validatorRules: {
+        memberStatus: {
+          rules: [{ required: true, message: '请选择会员状态' }]
+        },
+        realname: { rules: [{ required: true, message: '请输入用户昵称' }], validateTrigger: 'blur' },
+        recommendWord: {
+          rules: [{ required: true, message: '请上传推荐表' }]
+        },
+        approvalStatus: {
+          rules: [{ required: true, message: '请选择审批结果' }]
+        },
+        taxNo: {
+          rules: [
+            { required: true, message: '请输入单位社会统一代码/税号', validateTrigger: 'blur' },
+            // { pattern: /^[A-Z0-9]{15}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/, message: '15位、17位、18位、20位数字和大写英文字母' }
+            { pattern: /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/, message: '请输入15位、18位的社会统一代码/税号' }
+          ],
+          validateTrigger: 'blur'
+        },
+        headerName: {
+          rules: [
+            { required: true, message: '请输入关联付款发票名称' },
+            { min: 1, max: 50, message: '长度不超过50个字符' }
+          ]
+        },
+        type: { rules: [{ required: true, message: '请选择类型!' }] },
+        state: { rules: [{ required: true, message: '请选择是否仅教师可见!' }] },
+        title: {
+          rules: [
+            { required: true, message: '请输入标题!' },
+            { min: 1, max: 50, message: '标题长度不超过50个字符' }
+          ]
+        },
+        companyName: {
+          rules: [
+            { required: true, message: '请输入单位全称!' },
+            { min: 1, max: 50, message: '单位全称长度不超过50个字符' }
+          ]
+        },
+        companyDepartment: {
+          rules: [
+            { required: true, message: '请输入隶属部门/集团!' },
+            { min: 1, max: 50, message: '隶属部门/集团长度不超过50个字符' }
+          ]
+        },
+        businessLicenseFileId: {
+          rules: [
+            { required: true, message: '请上传营业执照复印件' }
+          ],
+          validateTrigger: ['blur', 'change']
+        },
+        companyBusinessDesc: {
+          rules: [
+            { required: true, message: '请输入主要业务或主要产品简介!' },
+            { min: 1, max: 500, message: '主要业务或主要产品简介的长度不超过500个字符' }
+          ]
+        },
+        companyNature: { rules: [{ required: true, message: '请至少选择一个单位性质!' }] },
+        standardDepartment: {
+          rules: [
+            { required: true, message: '请输入标准化部门!' },
+            { min: 1, max: 50, message: '标准化部门长度不超过50个字符' }
+          ]
+        },
+        standardLeadingMan: {
+          rules: [
+            { required: true, message: '请输入标准化工作负责人!' },
+            { min: 1, max: 50, message: '标准化工作负责人长度不超过50个字符' }
+          ]
+        },
+        standardPhone: {
+          rules: [
+            { required: false, message: '请输入固定电话!' },
+            { pattern: /^((0\d{2,3}-\d{7,8}))$/, message: '请输入正确的固定电话号码,例如: 022-87491024' }
+          ]
+        },
+        standardMobile: {
+          rules: [
+            { required: true, message: '请输入手机!' },
+            { min: 1, max: 50, message: '手机长度不超过50个字符' },
+            { pattern: /^1[34578]\d{9}$/, message: '请输入正确的手机号' }
+          ]
+        },
+        standardEmail: {
+          rules: [
+            { required: true, message: '请输入E-mail!' },
+            { min: 1, max: 50, message: 'E-mail长度不超过50个字符' },
+            { pattern: /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/, message: '请输入正确的邮箱地址' }
+          ]
+        },
+        standardPost: {
+          rules: [
+            { required: true, message: '请输入职务!' },
+            { min: 1, max: 50, message: '职务长度不超过50个字符' }
+          ]
+        },
+        standardSoleDutyCount: {
+          rules: [
+            { required: true, message: '请输入标准化专职人数!' },
+            { pattern: /^\d{0,9}$/, message: '人数只能为9位以内数字' }
+          ]
+        },
+        standardConcurrentCount: {
+          rules: [
+            { required: true, message: '请输入标准化兼职人数!' },
+            { pattern: /^\d{0,9}$/, message: '人数只能为9位以内数字' }
+          ]
+        },
+        liaisonMan: {
+          rules: [
+            { required: true, message: '请输入联系人!' },
+            { min: 1, max: 50, message: '联系人不超过50个字符' }
+          ]
+        },
+        mobile: {
+          rules: [
+            { required: true, message: '请输入手机!' },
+            { min: 1, max: 50, message: '手机号码不超过50个字符' },
+            { pattern: /^1[34578]\d{9}$/, message: '请输入正确的手机号' }
+          ]
+        },
+        phone: {
+          rules: [
+            { required: false, message: '请输入固定电话!' },
+            { pattern: /^((0\d{2,3}-\d{7,8}))$/, message: '请输入正确的固定电话号码,例如: 022-87491024' }
+          ]
+        },
+        email: {
+          rules: [
+            { required: true, message: '请输入E-mail!' },
+            { pattern: /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/, message: '请输入正确的邮箱地址' }
+          ]
+        },
+        address: {
+          rules: [
+            { required: true, message: '请输入通讯地址!' },
+            { min: 1, max: 50, message: '通讯地址不超过50个字符' }
+          ]
+        },
+        postcode: {
+          rules: [
+            { required: true, message: '请输入邮编!' },
+            { pattern: /^[0-9]\d{5}$/, message: '请输入正确的邮编', validateTrigger: 'onBlur' },
+            { min: 1, max: 50, message: '邮编不超过50个字符' }
+          ]
+        },
+        invoiceInfo: { rules: [{ required: true, message: '请输入关联付款发票名称' }], validateTrigger: 'blur' },
+        invoiceAddress: { rules: [{ required: true, message: '请输入单位地址' }], validateTrigger: 'blur' },
+        invoicePhone: { rules: [{ required: true, validator: this.handleInvoicePhoneCheck }], validateTrigger: 'blur' },
+        depositBank: { rules: [{ required: true, message: '请输入开户银行' }], validateTrigger: 'blur' },
+        bankAccount: { rules: [{ required: true, message: '请输入银行账户' }], validateTrigger: 'blur' }
+      },
+      // 单位性质
+      dictOptions: [
+        {
+          label: '集团公司',
+          value: '1'
+        }, {
+          label: '事业单位',
+          value: '2'
+        }, {
+          label: '高校',
+          value: '3'
+        }, {
+          label: '科研/检测机构',
+          value: '4'
+        }, {
+          label: '乘用车企业',
+          value: '5'
+        }, {
+          label: '客车企业',
+          value: '6'
+        }, {
+          label: '商用车企业',
+          value: '7'
+        }, {
+          label: '专用车企业',
+          value: '8'
+        }, {
+          label: '零部件企业',
+          value: '9'
+        }, {
+          label: '摩托车企业',
+          value: '10'
+        }, {
+          label: '其他',
+          value: '11'
+        }],
+      // 入会申请表
+      applicationWordName: ''
+
+    }
+  },
+  methods: {
+    // 获得入会申请表的相关信息
+    getApplyPdfFilesByIds() {
+      getFilesByIds({ ids: this.memberInfo.applicationWordId }).then(res => {
+        if (res.success) {
+          this.applicationWordName = res.result[0].fileName || ''
+          // 存储入会申请表的相关信息
+          this.applicationWordInfo = res.result[0]
+        }
+      })
+    },
+    /*
+    * 预览入会申请表
+    * */
+    previewApplyPdf(id) {
+      // const url = `${window._CONFIG['memberURL']}/sys/common/static/${id}?type=view&${TokenKey}=${Vue.ls.get(ACCESS_TOKEN)}`
+      window.open(previewPdf(this.applicationWordInfo))
+      /**
+       * 单个文件的预览功能
+       * @param file
+       */
+      // 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}`
+      //     let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}`
+      //     // let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}`
+      //     window.open(url)
+      //   }
+      // }
+    },
+    /*
+     * 会员下载入会申请表
+     * */
+    downApplyPdf(text) {
+      if (!text) {
+        this.$message.warning('未知的文件')
+        return
+      }
+      if (text.indexOf(',') > 0) {
+        text = text.substring(0, text.indexOf(','))
+      }
+      const url = getFileAccessHttpUrl(text)
+      window.open(url, '_self')
+    },
+    // 初始化数据的方法
+    initData(memberInfo) {
+      this.model = { ...memberInfo}
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'invoiceInfo', 'taxNo', 'userName', 'registerTime', 'companyName', 'companyNature', 'companyDepartment', 'companyBusinessDesc', 'standardDepartment', 'standardLeadingMan', 'standardPhone', 'standardMobile', 'standardEmail', 'standardPost', 'standardSoleDutyCount', 'standardConcurrentCount', 'liaisonMan', 'email', 'phone', 'mobile', 'address', 'postcode', 'memberStatus', 'userId', 'validDate', 'memberType', 'createTime', 'businessLicenseFileId', 'recommendWordId', 'memberNature', 'industrialOrganization', 'applicationWordId', 'realname', 'invoiceAddress', 'invoicePhone', 'depositBank', 'bankAccount'))
+      })
+      this.getApplyPdfFilesByIds()
+    }
+  },
+  created() {
+    console.log('&&*****会员信息****')
+    this.initData(this.memberInfo)
+  }
+}
+</script>
+
+<style scoped lang='less'>
+@import '~@assets/less/common.less';
+.preview,.download{
+  display: inline-block;
+  margin-left: 8px;
+  color: #00A0E9;
+  cursor: pointer;
+}
+.joined-col{
+  /deep/label {
+    white-space: pre-wrap;
+    line-height: 20px!important;
+  }
+}
+/* 多选组件的样式 ---开始 */
+/deep/.ant-checkbox-group {
+  display: flex;
+  flex-wrap: wrap;
+}
+/deep/.ant-checkbox-wrapper + .ant-checkbox-wrapper{
+  width:25%
+}
+/deep/.ant-checkbox-wrapper:nth-child(1){
+  width: 25%;
+}
+/deep/.ant-checkbox-wrapper + .ant-checkbox-wrapper {
+  margin-left: 0px;
+}
+/* 多选组件的样式 ---结束 */
+
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/PaymentInfo.vue b/src/views/standardsAssociation/memberInfo/PaymentInfo.vue
new file mode 100644
index 0000000..c9bdabc
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/PaymentInfo.vue
@@ -0,0 +1,241 @@
+<!--缴费记录 页面-->
+<template>
+<div class='payment-info'>
+  <div class="table-page-search-wrapper">
+    <a-form layout="inline">
+      <a-row :span="24" :gutter="24" class="create-date-row">
+        <a-col :span="14">
+          <a-form-item label="订单创建日期" :labelCol="labelColDate" :wrapperCol="wrapperColDate">
+            <j-date
+              date-format="YYYY-MM-DD 00:00:00"
+              placeholder="请选择开始日期"
+              v-model="queryParam[dateKeyObj.beginKey]"
+              :disabled-date="disabledStartDate"></j-date>
+            <span class="query-group-split-cust"></span>
+            <j-date
+              date-format="YYYY-MM-DD 23:59:59"
+              placeholder="请选择结束日期"
+              v-model="queryParam[dateKeyObj.endKey]"
+              :disabled-date="disabledEndDate"></j-date>
+          </a-form-item>
+        </a-col>
+
+        <a-col :span="8" class="ope-col">
+          <a-button class="btn btn-primary" type="primary" @click="payQuery" icon="searchQuery">查询
+          </a-button>
+          <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 5px">刷新
+          </a-button>
+        </a-col>
+      </a-row>
+    </a-form>
+<!--    <table-component-->
+<!--      :columns="columns"-->
+<!--      :data-source="dataSource"-->
+<!--      :page-type="pageType"-->
+<!--      :pagination="ipagination"-->
+<!--      @ok="paymentSearchQuery"-->
+<!--    ></table-component>-->
+
+    <div class="row clearfix">
+      <div class="col-md-12 column">
+        <a-table
+          ref="table"
+          size="middle"
+          bordered
+          rowKey="id"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="ipagination"
+          :loading="loading"
+          @change="handleTableChange"
+          class="j-table-force-nowrap">
+        </a-table>
+      </div>
+    </div>
+  </div>
+</div>
+</template>
+
+<script>
+import moment from 'moment'
+import { getAction } from '../../../api/memberManage'
+import { JeroListMixin } from '../../../mixins/JeroListMixin'
+import { RangeDateMixin} from '../../../mixins/RangeDateMixin'
+import JDate from '@comp/tools/JDate'
+
+export default {
+  name: 'PaymentInfo',
+  mixins: [
+    JeroListMixin,
+    RangeDateMixin
+  ],
+  components: {
+    JDate
+  },
+  props: {
+    memberInfo: {
+      type: Object,
+      required: false,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  watch: {
+    memberInfo() {
+      this.filters.memberId = this.memberInfo.id
+    }
+  },
+  data() {
+    return {
+      // 日期组件查询的key值
+      dateKeyObj: {
+        beginKey: 'submissionTime_begin',
+        endKey: 'submissionTime_end'
+      },
+      labelColDate: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
+      wrapperColDate: {
+        xs: { span: 24 },
+        sm: { span: 20 }
+      },
+      // 缴费信息表头
+      columns: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function(t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '订单创建时间',
+          align: 'center',
+          dataIndex: 'createTime'
+        },
+        {
+          title: '缴费类型',
+          align: 'center',
+          dataIndex: 'paymentType_dictText'
+        },
+        {
+          title: '生效时间',
+          align: 'center',
+          dataIndex: 'effectiveDate'
+        },
+        {
+          title: '失效时间',
+          align: 'center',
+          dataIndex: 'invalidationDate'
+        },
+        {
+          title: '缴费时长',
+          align: 'center',
+          dataIndex: 'paymentTime_dictText'
+        },
+        {
+          title: '缴费金额',
+          align: 'center',
+          dataIndex: 'paymentAmount'
+        },
+        {
+          title: '状态',
+          align: 'center',
+          dataIndex: 'paymentStatus_dictText'
+        }
+      ],
+      // 缴费数据源
+      paymentDataSource: [],
+      url: {
+        list: '/paymentInfo/list'
+      },
+      loading: false,
+      disableMixinCreated: false
+    }
+  },
+  methods: {
+    moment,
+    loadData(arg) {
+      if(!this.url.list){
+        this.$message.error('请设置url.list属性!')
+        return
+      }
+      //加载数据 若传入参数1则加载第一页的内容
+      if (arg === 1) {
+        this.ipagination.current = 1
+      }
+      const params = this.getQueryParams()//查询条件
+      this.loading = true
+      getAction(this.url.list, params).then((res) => {
+        if (res.success) {
+          //update-begin---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
+          this.dataSource = res.result.records||res.result
+          if(res.result.total)
+          {
+            this.ipagination.total = res.result.total
+            //清空列表选中
+            // this.onClearSelected()
+          }else{
+            this.ipagination.total = 0
+          }
+          //update-end---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
+        }
+        if(res.code===510){
+          this.$message.warning(res.message)
+        }
+        this.loading = false
+      })
+    },
+    // 缴费信息查询
+    payQuery() {
+      if (this.queryParam[this.dateKeyObj.beginKey] && this.queryParam[this.dateKeyObj.endKey]) {
+        this.searchQuery()
+      } else {
+        this.$message.warning('请输入完整时间段')
+      }
+    },
+    /*
+    * 缴费信息表数据
+    * */
+    paymentSearchQuery() {
+      let params = 'memberId=' + this.memberInfo.id
+      if (this.orderCreateDate != null && this.orderCreateDate !== undefined && this.orderCreateDate.length > 0) {
+        params = params + '&submissionTime_begin=' + this.orderCreateDate
+      }
+      if (this.orderCreateDateEnd != null && this.orderCreateDateEnd !== undefined && this.orderCreateDateEnd.length > 0) {
+        params = params + '&submissionTime_end=' + this.orderCreateDateEnd
+      }
+      params = params + '&pageNo=' + this.ipagination.current + '&pageSize=' + this.ipagination.pageSize
+      console.log(params)
+      this.loading = true
+      getAction('/paymentInfo/list?' + params).then((res) => {
+        if (res.success) {
+          this.paymentDataSource = res.result.records
+          this.ipagination.total = res.result.total
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    // 初始化数据的方法
+    initData() {
+      this.searchReset()
+    }
+  },
+  created() {
+    console.log('&&*****缴费记录****')
+    this.filters.memberId = this.memberInfo.id
+    this.searchReset()
+  }
+}
+</script>
+
+<style scoped lang='less'>
+@import '~@assets/less/common.less';
+
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/modules/ChangeApproveModal.vue b/src/views/standardsAssociation/memberInfo/modules/ChangeApproveModal.vue
new file mode 100644
index 0000000..9d5e66b
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/modules/ChangeApproveModal.vue
@@ -0,0 +1,295 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <div class="row clearfix">
+        <div class="col-md-5 column">
+          <p></p>
+          <b><p>变更信息</p></b>
+          <p>--------------------------------------------------</p>
+        </div>
+      </div>
+      <a-form :form="form">
+        <a-form-item label="单位全称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input v-decorator="['originCompanyName']" readOnly></a-input>
+        </a-form-item>
+        <a-form-item label="变更后单位全称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            v-decorator="['changeCompanyName']"
+            placeholder="请输入变更后单位全称"
+            readOnly></a-input>
+        </a-form-item>
+        <a-form-item label="工商注册变更证明" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <j-image-upload v-decorator="['registerChangeProve']" disabled is-less-than5-m is-multiple
+                          :number="2"></j-image-upload>
+        </a-form-item>
+
+        <!--审批历史-->
+        <div class="row clearfix">
+          <div class="col-md-5 column">
+            <p></p>
+            <b><p>审批历史</p></b>
+            <p>--------------------------------------------------</p>
+          </div>
+        </div>
+        <a-table
+          ref="table"
+          size="middle"
+          bordered
+          rowKey="id"
+          :columns="columns"
+          :dataSource="approveHistoryData"
+          class="j-table-force-nowrap">
+          <template slot="imgSlot" slot-scope="text">
+            <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
+            <img
+
+              v-else
+              v-for="(textItem,index) in text "
+              :key="index"
+              :src="getImgView(textItem)"
+              height="60px"
+              alt=""
+              class="img"
+              @click="openView(textItem)" />
+          </template>
+        </a-table>
+        <!--审批信息-->
+        <div class="row clearfix">
+          <div class="col-md-5 column">
+            <p></p>
+            <b><p>审批信息</p></b>
+            <p>--------------------------------------------------</p>
+          </div>
+        </div>
+        <a-row>
+          <a-col :span="12">
+            <a-form-item label="结果" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-radio-group v-decorator="['status',validatorRules.checkResult]">
+                <a-radio :value="3">通过</a-radio>
+                <a-radio :value="2">不通过</a-radio>
+              </a-radio-group>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :span="24" style="margin-left: -100px">
+            <a-form-item label="审批意见" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-textarea rows="5" v-decorator="['checkMark' ]" placeholder="请输入审批意见" :maxLength="500"></a-textarea>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+    </a-spin>
+    <!--    图片预览模态框 -->
+    <pre-view-img-modal ref="previewModal"></pre-view-img-modal>
+  </j-modal>
+</template>
+
+<script>
+import { getFileAccessHttpUrl } from '@api/manage'
+import JImageUpload from '@comp/jero/JImageUpload'
+// import PreViewImgModal from '@views/member/paymentInfo/modules/PreViewImgModal'
+import pick from 'lodash.pick'
+import { approveDetail, approveCheck } from '@api/api'
+
+export default {
+  name: 'ChangeApproveModal',
+  components: {
+    JImageUpload,
+    PreViewImgModal
+  },
+  data() {
+    return {
+      form: this.$form.createForm(this),
+      title: '变更申请审批',
+      width: 1000,
+      visible: false,
+      model: {},
+      originCompanyName: '',
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 5 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      confirmLoading: false,
+      // 审批历史表格数据
+      approveHistoryData: [],
+      // 审批历史表头
+      memberInfo: {},
+      columns: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function(t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '变更前',
+          align: 'center',
+          dataIndex: 'originCompanyName'
+        },
+        {
+          title: '变更后',
+          align: 'center',
+          dataIndex: 'changeCompanyName'
+        },
+        {
+          title: '工商注册变更证明',
+          align: 'center',
+          dataIndex: 'registerChangeProve',
+          scopedSlots: { customRender: 'imgSlot' }
+        }, {
+          title: '操作人',
+          align: 'center',
+          dataIndex: 'operatorName'
+        },
+        {
+          title: '操作时间',
+          align: 'center',
+          dataIndex: 'createTime'
+        },
+        {
+          title: '审批人',
+          align: 'center',
+          dataIndex: 'checkerName'
+        },
+        {
+          title: '审批结果',
+          align: 'center',
+          dataIndex: 'status',
+          customRender: function(text) {
+            switch (text) {
+              case 1:
+                return '待审核'
+              case 2:
+                return '已驳回'
+              case 3:
+                return '已完成'
+            }
+          }
+        },
+        {
+          title: '审批时间',
+          align: 'center',
+          dataIndex: 'checkTime'
+        },
+        {
+          title: '审批意见',
+          align: 'center',
+          dataIndex: 'checkMark'
+        }
+
+      ],
+      validatorRules: {
+        checkResult: {
+          rules: [{ required: true, message: '请选择结果' }],
+          validateTrigger: 'blur'
+        }
+
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    open(record) {
+      this.memberInfo = Object.assign({}, record)
+      const params = {
+        memberId: record.id
+      }
+      this.approveHistoryData = []
+      approveDetail(params).then(res => {
+        if (res.success) {
+          this.model = Object.assign({}, res.result[0])
+          this.approveHistoryData = res.result
+          this.approveHistoryData.forEach(item => {
+            // 判断是否是多图片
+            if (item.registerChangeProve.includes(',')) {
+              item.registerChangeProve = item.registerChangeProve.split(',')
+            } else {
+              item.registerChangeProve = [item.registerChangeProve]
+            }
+          })
+          this.visible = true
+          this.$nextTick(() => {
+            this.form.setFieldsValue(pick(this.model, 'originCompanyName', 'changeCompanyName', 'registerChangeProve'))
+          })
+        } else {
+          this.$message.warning(res.message || '没有查询到待审核的记录')
+        }
+      })
+    },
+    close() {
+      this.form.resetFields()
+      this.$emit('close')
+      this.visible = false
+      this.confirmLoading = false
+      this.model = {}
+    },
+    handleOk() {
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true
+          const formData = {
+            id: this.model.recordId, // 记录ID
+            memberId: this.memberInfo.id, // 会员ID
+            status: values.status,
+            checkMark: values.checkMark
+          }
+          approveCheck(formData).then(res => {
+            if (res.success) {
+              this.$message.success('审核成功')
+              this.$emit('ok')
+              that.close()
+            } else {
+              that.$message.warning(res.message)
+            }
+          })
+        }
+      })
+    },
+    handleCancel() {
+      this.close()
+    },
+    /* 图片预览 */
+    getImgView(text) {
+      if (text && text.indexOf(',') > 0) {
+        text = text.substring(0, text.indexOf(','))
+      }
+      return getFileAccessHttpUrl(text)
+    },
+    // 模态框预览
+    openView(val) {
+      this.$refs.previewModal.open(val)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.img {
+  width: 120px;
+  font-size: 12px;
+  font-style: italic;
+  margin-right: 4px;
+  cursor: pointer;
+}
+
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/modules/ChangeCompanyModal.vue b/src/views/standardsAssociation/memberInfo/modules/ChangeCompanyModal.vue
new file mode 100644
index 0000000..728ef2c
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/modules/ChangeCompanyModal.vue
@@ -0,0 +1,177 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+
+        <a-form-item label="单位全称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input v-model="originCompanyName" disabled></a-input>
+        </a-form-item>
+        <a-form-item label="变更后单位全称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+v-decorator="['changeCompanyName',validatorRules.changeCompanyName]"
+:maxLength="50"
+                   placeholder="请输入变更后单位全称"
+@change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+        </a-form-item>
+        <a-form-item label="工商注册变更证明" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <j-image-upload v-decorator="['registerChangeProve',validatorRules.registerChangeProve]" is-multiple is-less-than5-m :number="2"></j-image-upload>
+        </a-form-item>
+      </a-form>
+    </a-spin>
+  </j-modal>
+</template>
+
+<script>
+import JImageUpload from '@comp/jero/JImageUpload'
+import pick from 'lodash.pick'
+import { checkOnlyCompany, changeCompany, changeCompanyEdit } from '@api/api'
+
+export default {
+  name: 'ChangeCompanyModal',
+  components: {
+    JImageUpload
+  },
+  data() {
+    return {
+      form: this.$form.createForm(this),
+      title: '操作',
+      width: 800,
+      visible: false,
+      model: {},
+      // 原始单位全称
+      originCompanyName: '',
+      // 是否已经发起变更
+      companyNameApply: null,
+      // 是否是列表编辑
+      listEdit: false,
+      // recordId
+      recordId: '',
+      // 会员Id
+      memberId: '',
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 5 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      confirmLoading: false,
+      validatorRules: {
+        changeCompanyName: {
+          rules: [{ required: true, validator: this.changeCompanyName }],
+          validateTrigger: 'blur'
+        },
+        registerChangeProve: {
+          rules: [{ required: true, message: '请上传工商注册证明' }],
+          validateTrigger: 'blur'
+        }
+      }
+    }
+  },
+  methods: {
+    add() {
+      this.edit({})
+    },
+    edit(record) {
+      this.form.resetFields()
+      this.model = Object.assign({}, record)
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'changeCompanyName', 'registerChangeProve'))
+      })
+    },
+    close() {
+      this.form.resetFields()
+      this.$emit('close')
+      this.visible = false
+      this.listEdit = false
+      this.confirmLoading = false
+    },
+    handleOk() {
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true
+          const formData = Object.assign(this.model, values)
+          formData.originCompanyName = this.originCompanyName
+          formData.memberId = this.memberId
+          // if(this.companyNameApply === 'TRUE'){
+          //   this.$message.warning('您已经发起一次变更,请等待审核结果')
+          //   that.confirmLoading = false
+          //   return
+          // }
+          // 为true是编辑
+          if (this.listEdit) {
+            formData.id = this.recordId
+            formData.registerChangeProve = formData.registerChangeProve.join(',')
+            changeCompanyEdit(formData).then((res) => {
+              if (res.success) {
+                that.$message.success('申请变更成功,请等待审批结果')
+                this.$emit('ok')
+                that.close()
+              } else {
+                that.$message.warning(res.message)
+              }
+            }).finally(() => {
+              that.confirmLoading = false
+            })
+          } else {
+            changeCompany(formData).then((res) => {
+              if (res.success) {
+                that.$message.success('申请变更成功,请等待审批结果')
+                that.close()
+              } else {
+                that.$message.warning(res.message)
+              }
+            }).finally(() => {
+              that.confirmLoading = false
+            })
+          }
+        }
+      })
+    },
+    handleCancel() {
+      this.close()
+    },
+    /*
+    * 变更前后单位名称校验
+    * */
+    changeCompanyName(rule, value, callback) {
+      const reg = /\S{1,50}/
+      if (!reg.test(value)) {
+        callback(new Error('请输入变更后单位全称'))
+      }
+      if (value === undefined) {
+        callback(new Error('请输入变更后单位全称'))
+      }
+      if (value && this.originCompanyName && value.trim() === this.originCompanyName.trim()) {
+        callback(new Error('变更前后单位全称不能一样'))
+      }
+      const params = {
+        companyName: value
+      }
+      checkOnlyCompany(params).then((res) => {
+        if (!res.success) {
+          callback()
+        } else {
+          callback('此单位名称已注册,请重新填写')
+        }
+      })
+      // callback()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/modules/MemberInfoModal.vue b/src/views/standardsAssociation/memberInfo/modules/MemberInfoModal.vue
new file mode 100644
index 0000000..00310a4
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/modules/MemberInfoModal.vue
@@ -0,0 +1,1627 @@
+<template>
+  <j-modal
+    :title='title'
+    :width='width'
+    :visible='visible'
+    :confirmLoading='confirmLoading'
+    :maskClosable='false'
+    switchFullscreen
+    @ok='handleOk'
+    @cancel='handleCancel'
+    cancelText='关闭'>
+
+    <!--编辑框-->
+    <template v-if='pageType == 1'>
+      <a-spin :spinning='confirmLoading'>
+        <a-form :form='form'>
+          <a-spin :spinning='confirmLoading'>
+            <a-form :form='form'>
+              <div class='container'>
+
+                <!--会员表头信息-->
+                <div class='row clearfix'>
+                  <div class='col-md-5 column'>
+                    <a-form-item label='用户名' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <label v-text='memberInfo.userName'></label>
+                    </a-form-item>
+                  </div>
+                  <div class='col-md-5 column'>
+                    <a-form-item label='注册时间' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <label v-text='memberInfo.registerTime'></label>
+                    </a-form-item>
+                  </div>
+                </div>
+
+                <div class='row clearfix'>
+                  <div class='col-md-5 column'>
+                    <a-form-item label='会员状态' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <span
+                        data-v-fd11489c=''
+                        class='ant-tag ant-tag-yellow'
+                        v-if='memberInfo.memberStatus==1'>待审核</span>
+                      <span data-v-fd11489c='' class='ant-tag ant-tag-red' v-if='memberInfo.memberStatus==2'>未缴费</span>
+                      <span
+                        data-v-fd11489c=''
+                        class='ant-tag ant-tag-green'
+                        v-if='memberInfo.memberStatus==3'>已缴费</span>
+                      <span
+                        data-v-fd11489c=''
+                        class='ant-tag ant-tag-red'
+                        v-if='memberInfo.memberStatus==4'>会员已过期</span>
+                      <span class='red'>会员还剩{{ remainingTime }}天</span>
+                    </a-form-item>
+                  </div>
+                </div>
+
+                <div class='row clearfix'>
+                  <div class='col-md-5 column'>
+                    <a-form-item label='会员有效期' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <label v-text='memberInfo.validDate'></label>
+                    </a-form-item>
+                  </div>
+                  <div class='col-md-5 column'>
+                    <a-form-item label='会员还剩' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <label v-text='remainingTime' style='color:red;'></label>
+                      天
+                    </a-form-item>
+                  </div>
+                </div>
+
+                <div class='row clearfix'>
+                  <div class='col-md-8 column'>
+                    <ul class='nav nav-tabs'>
+                      <li role='presentation' :class='{active:navIndex == 1}'><a href='#' @click='switchNav(1)'>会员信息</a>
+                      </li>
+                      <li role='presentation' :class='{active:navIndex == 2}'><a href='#' @click='switchNav(2)'>缴费记录</a>
+                      </li>
+                      <li role='presentation' :class='{active:navIndex == 3}'><a href='#' @click='switchNav(3)'>证书记录</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class='container' v-show='navIndex == 1'>
+                  <div class='row clearfix'>
+                    <div class='col-md-5 column'>
+                      <p></p>
+                      <b><p>单位信息</p></b>
+                      <p>--------------------------------------------------</p>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='单位全称' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          disabled
+                          :maxLength='50'
+                          v-decorator="['companyName',validatorRules.companyName]"
+                          placeholder='请输入单位全称'></a-input>
+                        <!--会员审核通过后 会员才能查看-->
+                        <a-button
+                          v-has="'user:member:change'"
+                          v-if='memberInfo.memberStatus==3'
+                          class='btn btn-primary changeCompany'
+                          type='primary'
+                          @click='changeCompanyName'>变更申请
+                        </a-button>
+                      </a-form-item>
+                    </div>
+
+                    <div class='col-md-6 column'>
+                      <a-form-item label='隶属部门/集团' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['companyDepartment',validatorRules.companyDepartment]"
+                          placeholder='请输入隶属部门/集团'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+
+                  <div style='margin-left: -6px;'>
+                    <a-row>
+                      <a-col :span='24'>
+                        <a-form-item label='单位性质' :labelCol='labelColTemp' :wrapperCol='wrapperColTemp'>
+                          <j-multi-select-tag
+                            v-decorator="['companyNature',validatorRules.companyNature]"
+                            :options='dictOptions'
+                            type='checkbox'>
+                          </j-multi-select-tag>
+                        </a-form-item>
+                      </a-col>
+                    </a-row>
+                  </div>
+
+                  <div class='row clearfix' style='margin-left: -25px;'>
+                    <div class='col-md-10 column'>
+                      <a-form-item label='主要业务或主要产品简介' :labelCol='labelColTemp1' :wrapperCol='wrapperColTemp1'>
+                        <a-textarea
+                          :maxLength='500'
+                          rows='5'
+                          v-decorator="['companyBusinessDesc',validatorRules.companyBusinessDesc]" />
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-5 column'>
+                      <p></p>
+                      <b><p>标准化部门信息</p></b>
+                      <p>--------------------------------------------------</p>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='部门' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['standardDepartment',validatorRules.standardDepartment]"
+                          placeholder='请输入标准化部门'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='工作负责人' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['standardLeadingMan',validatorRules.standardLeadingMan]"
+                          placeholder='请输入标准化工作负责人'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='固定电话' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['standardPhone',validatorRules.standardPhone]"
+                          placeholder='请输入固定电话'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='手机' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['standardMobile',validatorRules.standardMobile]"
+                          placeholder='请输入手机'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='E-mail' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['standardEmail',validatorRules.standardEmail]"
+                          placeholder='请输入E-mail'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='职务、职称' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['standardPost',validatorRules.standardPost]"
+                          placeholder='请输入职务、职称'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='专职人数' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['standardSoleDutyCount',validatorRules.standardSoleDutyCount]"
+                          placeholder='请输入标准化专职人数'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='标准化兼职人数' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['standardConcurrentCount',validatorRules.standardConcurrentCount]"
+                          placeholder='请输入标准化兼职人数'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-5 column'>
+                      <p></p>
+                      <b><p>联系人信息</p></b>
+                      <p>--------------------------------------------------</p>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='联系人' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['liaisonMan',validatorRules.liaisonMan]"
+                          placeholder='请输入联系人'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='手机' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          :disabled="isDisabledAuth('member.phone')"
+                          v-decorator="['mobile',validatorRules.mobile]"
+                          placeholder='请输入手机'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='固定电话' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['phone',validatorRules.phone]"
+                          placeholder='请输入固定电话'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='E-mail' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['email',validatorRules.email]"
+                          placeholder='请输入E-mail'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='通讯地址' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['address',validatorRules.address]"
+                          placeholder='请输入通讯地址'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='邮编' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['postcode',validatorRules.postcode]"
+                          placeholder='请输入邮编'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+
+                  <div class='row clearfix'>
+                    <div class='col-md-5 column'>
+                      <p></p>
+                      <b><p>发票信息</p></b>
+                      <p>--------------------------------------------------</p>
+                    </div>
+                  </div>
+
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='发票抬头' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['invoiceInfo']"
+                          placeholder='请输入发票抬头'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='税号' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          v-decorator="['taxNo']"
+                          placeholder='请输入税号'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                </div>
+
+                <!--会员缴费信息开始-->
+                <div class='container' v-show='navIndex == 2'>
+                  <div class='table-page-search-wrapper'>
+                    <a-row :gutter='24' class='create-date-row'>
+                      <a-col :span='13'>
+                        <a-form-item label='订单创建日期' :labelCol='labelColDate' :wrapperCol='wrapperColDate'>
+                          <j-date
+                            :show-time='true'
+                            date-format='YYYY-MM-DD'
+                            placeholder='请选择开始日期'
+                            v-model='orderCreateDate'
+                            :disabled-date='disabledStartDate'></j-date>
+                          <span class='query-group-split-cust'></span>
+                          <j-date
+                            :show-time='true'
+                            date-format='YYYY-MM-DD'
+                            placeholder='请选择结束日期'
+                            v-model='orderCreateDateEnd'
+                            :disabled-date='disabledEndDate'></j-date>
+                        </a-form-item>
+                      </a-col>
+
+                      <a-col :span='8' class='ope-col'>
+                        <a-button class='btn btn-primary' type='primary' @click='paymentSearchQuery' icon='search'>查询
+                        </a-button>
+                        <a-button type='primary' @click='paymentSearchReset' icon='reload' style='margin-left: 5px'>刷新
+                        </a-button>
+                      </a-col>
+                    </a-row>
+                    <div class='row clearfix'>
+                      <div class='col-md-9 column'>
+
+                        <a-table
+                          ref='table'
+                          size='middle'
+                          bordered
+                          rowKey='id'
+                          :columns='columns1'
+                          :dataSource='paymentDataSource'
+                          :pagination='ipagination'
+                          @change='handleTableChange'
+                          class='j-table-force-nowrap'>
+                        </a-table>
+                      </div>
+                    </div>
+                  </div>
+
+                </div>
+
+                <!--会员缴费信息结束-->
+
+                <!--VIN 证书信息开始-->
+                <div class='container' v-show='navIndex == 3'>
+                  <div class='table-page-search-wrapper'>
+                    <a-row :gutter='24' class='create-date-row'>
+                      <a-col :span='8'>
+                        <a-form-item label='证书代码' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                          <a-input :maxLength='50' v-model='vinCertificateCode'></a-input>
+                        </a-form-item>
+                      </a-col>
+                      <a-col :span='8' class='ope-col'>
+                        <a-button class='btn btn-primary' type='primary' @click='certificateSearchQuery' icon='search'>
+                          查询
+                        </a-button>
+                        <a-button type='primary' @click='certificateSearchReset' icon='reload' style='margin-left: 5px'>
+                          刷新
+                        </a-button>
+                      </a-col>
+                    </a-row>
+                    <div class='row clearfix'>
+                      <div class='col-md-9 column'>
+
+                        <a-table
+                          ref='table'
+                          size='middle'
+                          bordered
+                          rowKey='id'
+                          :columns='columns2'
+                          :dataSource='certificateDataSource'
+                          :pagination='certificateIpagination'
+                          @change='handleVinTableChange'
+                          class='j-table-force-nowrap'>
+                        </a-table>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!--VIN 证书信息结束-->
+
+              </div>
+            </a-form>
+          </a-spin>
+        </a-form>
+      </a-spin>
+    </template>
+
+    <!--查看详情显示-->
+    <template v-if='pageType == 2'>
+      <a-spin :spinning='confirmLoading'>
+        <a-form :form='form'>
+          <a-spin :spinning='confirmLoading'>
+            <a-form :form='form'>
+              <div class='container'>
+
+                <!--会员表头信息-->
+                <div class='row clearfix'>
+                  <!--                  <div class="col-md-5 column">-->
+                  <!--                    <a-form-item label="用户名" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
+                  <!--                      <label v-text="memberInfo.userName"></label>-->
+                  <!--                    </a-form-item>-->
+                  <!--                  </div>-->
+                  <div class='col-md-5 column'>
+                    <a-form-item label='会员编号' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <label v-text='memberInfo.memberNo'></label>
+                    </a-form-item>
+                  </div>
+                  <div class='col-md-5 column'>
+                    <a-form-item label='注册时间' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <label v-text='memberInfo.registerTime'></label>
+                      <span class='approveFile' @click='uploadApproveFile(memberInfo)'>会员批复文件.pdf</span>
+                    </a-form-item>
+
+                  </div>
+                </div>
+
+                <div class='row clearfix'>
+                  <div class='col-md-5 column'>
+                    <a-form-item label='会员状态' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <span
+                        data-v-fd11489c=''
+                        class='ant-tag ant-tag-yellow'
+                        v-if='memberInfo.memberStatus==1'>待审核</span>
+                      <span data-v-fd11489c='' class='ant-tag ant-tag-blue' v-if='memberInfo.memberStatus==2'>未缴费</span>
+                      <span
+                        data-v-fd11489c=''
+                        class='ant-tag ant-tag-green'
+                        v-if='memberInfo.memberStatus==3'>已缴费</span>
+                      <span
+                        data-v-fd11489c=''
+                        class='ant-tag ant-tag-gray'
+                        v-if='memberInfo.memberStatus==4'>会员已过期</span>
+                      <span class='red'>会员还剩{{ remainingTime }}天</span>
+                    </a-form-item>
+                  </div>
+                </div>
+
+                <div class='row clearfix'>
+                  <div class='col-md-5 column'>
+                    <a-form-item label='会员生效日期' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <label>{{ memberInfo.validDate ? memberInfo.validDate.split('~')[0] : '' }}</label>
+                    </a-form-item>
+                  </div>
+                  <div class='col-md-5 column'>
+                    <a-form-item label='会员失效日期' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                      <label>{{ memberInfo.validDate ? memberInfo.validDate.split('~')[1] : '' }}</label>
+                    </a-form-item>
+                  </div>
+                </div>
+
+                <div class='row clearfix'>
+                  <div class='col-md-8 column'>
+                    <ul class='nav nav-tabs'>
+                      <li role='presentation' :class='{active:navIndex === 1}'><a href='#' @click='switchNav(1)'>会员信息</a>
+                      </li>
+                      <li role='presentation' :class='{active:navIndex === 2}'><a href='#' @click='switchNav(2)'>缴费记录</a>
+                      </li>
+                      <li role='presentation' :class='{active:navIndex === 3}'><a href='#' @click='switchNav(3)'>证书记录</a>
+                      </li>
+                      <li role='presentation' :class='{active:navIndex === 4}'><a href='#' @click='switchNav(4)'>单位名称变更申请记录</a>
+                      </li>
+                      <li role='presentation' :class='{active:navIndex === 5}'><a
+                        href='#'
+                        @click='switchNav(5)'>资源下载记录</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class='container' v-show='navIndex == 1'>
+                  <div class='row clearfix'>
+                    <div class='col-md-5 column'>
+                      <p></p>
+                      <b><p>单位信息</p></b>
+                      <p>--------------------------------------------------</p>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='单位全称' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['companyName',validatorRules.companyName]"
+                          placeholder='请输入单位全称'></a-input>
+                      </a-form-item>
+
+                    </div>
+
+                    <div class='col-md-6 column'>
+                      <a-form-item label='隶属部门/集团' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['companyDepartment',validatorRules.companyDepartment]"
+                          placeholder='请输入隶属部门/集团'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+
+                  <div style='margin-left: -6px;'>
+                    <a-row>
+                      <a-col :span='24'>
+                        <a-form-item label='单位性质' :labelCol='labelColTemp' :wrapperCol='wrapperColTemp'>
+                          <j-multi-select-tag
+                            disabled
+                            v-decorator="['companyNature',validatorRules.companyNature]"
+                            :options='dictOptions'
+                            type='checkbox'>
+                          </j-multi-select-tag>
+                        </a-form-item>
+                      </a-col>
+                    </a-row>
+                  </div>
+
+                  <div class='row clearfix' style='margin-left: -25px;'>
+                    <div class='col-md-10 column'>
+                      <a-form-item label='主要业务或主要产品简介' :labelCol='labelColTemp1' :wrapperCol='wrapperColTemp1'>
+                        <a-textarea
+                          :maxLength='500'
+                          rows='5'
+                          disabled
+                          v-decorator="['companyBusinessDesc',validatorRules.companyBusinessDesc]" />
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix' style='margin-left: -25px;'>
+                    <div class='col-md-10 column'>
+                      <a-form-item label='营业执照复印件' :labelCol='labelColTemp1' :wrapperCol='wrapperColTemp1'>
+                        <j-image-upload
+                          disabled
+                          bizPath='payment'
+                          isMultiple
+                          v-decorator="['businessLicenseFileId']"></j-image-upload>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-5 column'>
+                      <p></p>
+                      <b><p>标准化部门信息</p></b>
+                      <p>--------------------------------------------------</p>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='部门' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['standardDepartment',validatorRules.standardDepartment]"
+                          placeholder='请输入标准化部门'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='工作负责人' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['standardLeadingMan',validatorRules.standardLeadingMan]"
+                          placeholder='请输入标准化工作负责人'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='固定电话' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['standardPhone',validatorRules.standardPhone]"
+                          placeholder='请输入固定电话'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='手机' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['standardMobile',validatorRules.standardMobile]"
+                          placeholder='请输入手机'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='E-mail' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['standardEmail',validatorRules.standardEmail]"
+                          placeholder='请输入E-mail'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='职务、职称' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['standardPost',validatorRules.standardPost]"
+                          placeholder='请输入职务、职称'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='专职人数' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['standardSoleDutyCount',validatorRules.standardSoleDutyCount]"
+                          placeholder='请输入标准化专职人数'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='标准化兼职人数' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['standardConcurrentCount',validatorRules.standardConcurrentCount]"
+                          placeholder='请输入标准化兼职人数'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-5 column'>
+                      <p></p>
+                      <b><p>联系人信息</p></b>
+                      <p>--------------------------------------------------</p>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='联系人' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['liaisonMan',validatorRules.liaisonMan]"
+                          placeholder='请输入联系人'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='手机' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['mobile',validatorRules.mobile]"
+                          placeholder='请输入手机'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='固定电话' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['phone',validatorRules.phone]"
+                          placeholder='请输入固定电话'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='E-mail' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['email',validatorRules.email]"
+                          placeholder='请输入E-mail'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='通讯地址' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['address',validatorRules.address]"
+                          placeholder='请输入通讯地址'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='邮编' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['postcode',validatorRules.postcode]"
+                          placeholder='请输入邮编'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+
+                  <div class='row clearfix'>
+                    <div class='col-md-5 column'>
+                      <p></p>
+                      <b><p>发票信息</p></b>
+                      <p>--------------------------------------------------</p>
+                    </div>
+                  </div>
+
+                  <div class='row clearfix'>
+                    <div class='col-md-4 column'>
+                      <a-form-item label='发票抬头' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['invoiceInfo']"
+                          placeholder='请输入发票抬头'></a-input>
+                      </a-form-item>
+                    </div>
+                    <div class='col-md-6 column'>
+                      <a-form-item label='税号' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                        <a-input
+                          :maxLength='50'
+                          disabled
+                          v-decorator="['taxNo']"
+                          placeholder='请输入税号'></a-input>
+                      </a-form-item>
+                    </div>
+                  </div>
+                </div>
+
+                <!--会员缴费信息开始-->
+                <div class='container' v-show='navIndex == 2'>
+                  <div class='table-page-search-wrapper'>
+                    <a-row :gutter='24' class='create-date-row'>
+                      <a-col :span='13'>
+                        <a-form-item label='订单创建日期' :labelCol='labelColDate' :wrapperCol='wrapperColDate'>
+                          <j-date
+                            :show-time='true'
+                            date-format='YYYY-MM-DD'
+                            placeholder='请选择开始日期'
+                            v-model='orderCreateDate'
+                            :disabled-date='disabledStartDate'></j-date>
+                          <span class='query-group-split-cust'></span>
+                          <j-date
+                            :show-time='true'
+                            date-format='YYYY-MM-DD'
+                            placeholder='请选择结束日期'
+                            v-model='orderCreateDateEnd'
+                            :disabled-date='disabledEndDate'></j-date>
+                        </a-form-item>
+                      </a-col>
+
+                      <a-col :span='8' class='ope-col'>
+                        <a-button class='btn btn-primary' type='primary' @click='paymentSearchQuery' icon='search'>查询
+                        </a-button>
+                        <a-button type='primary' @click='paymentSearchReset' icon='reload' style='margin-left: 5px'>刷新
+                        </a-button>
+                      </a-col>
+                    </a-row>
+                    <div class='row clearfix'>
+                      <div class='col-md-9 column'>
+
+                        <a-table
+                          ref='table'
+                          size='middle'
+                          bordered
+                          rowKey='id'
+                          :columns='columns1'
+                          :dataSource='paymentDataSource'
+                          :pagination='ipagination'
+                          @change='handleTableChange'
+                          class='j-table-force-nowrap'>
+                        </a-table>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!--会员缴费信息结束-->
+
+                <!--VIN 证书信息开始-->
+                <div class='container' v-show='navIndex == 3'>
+                  <div class='table-page-search-wrapper'>
+                    <a-row :gutter='24' class='create-date-row'>
+                      <a-col :span='8'>
+                        <a-form-item label='证书代码' :labelCol='labelCol' :wrapperCol='wrapperCol'>
+                          <a-input :maxLength='50' v-model='vinCertificateCode'></a-input>
+                        </a-form-item>
+                      </a-col>
+                      <a-col :span='8' class='ope-col'>
+                        <a-button class='btn btn-primary' type='primary' @click='certificateSearchQuery' icon='search'>
+                          查询
+                        </a-button>
+                        <a-button type='primary' @click='certificateSearchReset' icon='reload' style='margin-left: 5px'>
+                          刷新
+                        </a-button>
+                      </a-col>
+                    </a-row>
+                    <div class='row clearfix'>
+                      <div class='col-md-9 column'>
+
+                        <a-table
+                          ref='table'
+                          size='middle'
+                          bordered
+                          rowKey='id'
+                          :columns='columns2'
+                          :dataSource='certificateDataSource'
+                          :pagination='certificateIpagination'
+                          @change='handleVinTableChange'
+                          class='j-table-force-nowrap'>
+                        </a-table>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!--VIN 证书信息结束-->
+                <!-- 单位名称变更申请记录开始-->
+                <div class='container' v-show='navIndex == 4'>
+                  <div class='table-page-search-wrapper  mt-2'>
+                    <div class='row clearfix'>
+                      <div class='col-md-9 column'>
+
+                        <a-table
+                          ref='table'
+                          size='middle'
+                          bordered
+                          rowKey='id'
+                          :columns='columnsChangeApprove'
+                          :dataSource='changeApproveData'
+                          :pagination='certificateIpagination'
+                          @change='handleVinTableChange'
+                          class='j-table-force-nowrap'>
+                          <template slot='imgSlot' slot-scope='text, record'>
+                            <span v-if='!text' style='font-size: 12px;font-style: italic;'>无图片</span>
+                            <img
+                              v-else
+                              :src='getImgView(text,record)'
+                              height='60px'
+                              alt=''
+                              style='width:120px;font-size: 12px;font-style: italic;'
+                              @click='openView(text)' />
+                          </template>
+                        </a-table>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- 单位名称变更申请记录结束-->
+                <!--资源下载记录开始-->
+                <div class='container' v-show='navIndex == 5'>
+                  <div class='table-page-search-wrapper mt-2'>
+                    <div class='row clearfix'>
+                      <div class='col-md-9 column'>
+                        <a-table
+                          ref='table'
+                          size='middle'
+                          bordered
+                          rowKey='id'
+                          :columns='columnsDownFile'
+                          :dataSource='downFileData'
+                          :pagination='downFilePagination'
+                          @change='handleVinTableChange'
+                          class='j-table-force-nowrap'>
+                        </a-table>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!--资源下载记录结束-->
+              </div>
+            </a-form>
+          </a-spin>
+        </a-form>
+      </a-spin>
+    </template>
+
+    <template slot='footer' v-if='pageType == 2'>
+      <a-button @click='handleCancel'>关闭</a-button>
+    </template>
+    <template slot='footer' v-if='pageType == 1'>
+      <a-button @click='handleCancel'>关闭</a-button>
+      <a-button @click='handleOk' type='primary'>确定</a-button>
+    </template>
+    <!--    变更申请模态框-->
+    <change-company-modal ref='changeCompany'></change-company-modal>
+    <!--    图片预览模态框 -->
+    <pre-view-img-modal ref='previewModal'></pre-view-img-modal>
+  </j-modal>
+
+</template>
+<script>
+
+// eslint-disable-next-line no-unused-vars
+import { httpAction, getAction, putAction, postAction, getFileAccessHttpUrl } from '@/api/manage'
+import moment from 'moment'
+import pick from 'lodash.pick'
+// import { validateDuplicateValue } from '@/utils/util'
+import JDate from '@/components/jero/JDate'
+import JImageUpload from '@comp/jero/JImageUpload'
+// import JEditor from '@/components/jeecg/JEditor'
+// import JSearchSelectTag from '@/components/dict/JSearchSelectTag'
+import { DisabledAuthFilterMixin } from '@/mixins/DisabledAuthFilterMixin'
+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'
+
+export default {
+  name: 'MemberInfoModal',
+  components: {
+    JDate,
+    // JEditor,
+    // JSearchSelectTag,
+    JMultiSelectTag,
+    JImageUpload,
+    ChangeCompanyModal,
+    PreViewImgModal
+  },
+  mixins: [DisabledAuthFilterMixin],
+  data() {
+    return {
+      form: this.$form.createForm(this),
+      title: '操作',
+      // 弹出窗口宽度
+      width: 1000,
+      visible: false,
+      orderCreateDate: '',
+      // 订单创建结束日期
+      orderCreateDateEnd: '',
+      model: {},
+      // VIN 证书代码
+      vinCertificateCode: '',
+      // 页面类型
+      pageType: 1,
+      // 导航索引:
+      navIndex: 1,
+      // 会员对象
+      memberInfo: {},
+      // 会员剩余时间
+      remainingTime: 0,
+      // 缴费数据源
+      paymentDataSource: [],
+      // 证书数据源
+      certificateDataSource: [],
+      // 资源下载数据源
+      downFileData: [],
+      // 单位申请变更数据源
+      changeApproveData: [
+        {
+          registerChangeProve: '1341354363121'
+        }
+      ],
+      // 单位性质
+      dictOptions: [
+        {
+          label: '集团公司',
+          value: '1'
+        }, {
+          label: '事业单位',
+          value: '2'
+        }, {
+          label: '高校',
+          value: '3'
+        }, {
+          label: '科研/检测机构',
+          value: '4'
+        }, {
+          label: '乘用车企业',
+          value: '5'
+        }, {
+          label: '客车企业',
+          value: '6'
+        }, {
+          label: '商用车企业',
+          value: '7'
+        }, {
+          label: '专用车企业',
+          value: '8'
+        }, {
+          label: '零部件企业',
+          value: '9'
+        }, {
+          label: '摩托车企业',
+          value: '10'
+        }, {
+          label: '其他',
+          value: '11'
+        }],
+      // 原始单位名称信息
+      originCompanyName: '',
+      // 页面分页信息
+      ipagination: {
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' 共' + total + '条'
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      // 页面分页信息
+      certificateIpagination: {
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' 共' + total + '条'
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      // 资料下载分页
+      downFilePagination: {},
+      // 缴费信息表头
+      columns1: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function(t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '订单创建时间',
+          align: 'center',
+          dataIndex: 'createTime'
+        },
+        {
+          title: '缴费类型',
+          align: 'center',
+          dataIndex: 'paymentType_dictText'
+        },
+        {
+          title: '会员有效期',
+          align: 'center',
+          dataIndex: 'validPeriod'
+        },
+        {
+          title: '缴费时长',
+          align: 'center',
+          dataIndex: 'paymentTime'
+        },
+        {
+          title: '缴费金额',
+          align: 'center',
+          dataIndex: 'paymentAmount'
+        },
+        {
+          title: '状态',
+          align: 'center',
+          dataIndex: 'paymentStatus_dictText'
+        }],
+      // VIN证书信息头
+      columns2: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function(t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '证书代码',
+          align: 'center',
+          dataIndex: 'code'
+        },
+        {
+          title: '证书类型',
+          align: 'center',
+          dataIndex: 'certificateType',
+          customRender: function(text) {
+            if (Number(text) === 1) {
+              return '世界制造厂识别代号（WMI）证书'
+            } else if (Number(text) === 2) {
+              return '企业名称代号证书'
+            }
+          }
+        },
+        {
+          title: '发证日期',
+          align: 'center',
+          dataIndex: 'effectDate'
+        },
+        {
+          title: '到期日期',
+          align: 'center',
+          dataIndex: 'invalidDate'
+        },
+        {
+          title: '会员绑定证书',
+          align: 'center',
+          dataIndex: 'certificateStatus',
+          customRender: function(text) {
+            if (Number(text) === 1) {
+              return '是'
+            } else {
+              return '否'
+            }
+          }
+        },
+        {
+          title: '换证',
+          align: 'center',
+          dataIndex: 'certificateModality',
+          customRender: function(text) {
+            if (Number(text) === 1) {
+              return '是'
+            } else {
+              return '否'
+            }
+          }
+        },
+        // 证书状态(1:已绑定,2:已提交,3:已处理,4:正常使用,5:已失效）
+        {
+          title: '状态',
+          align: 'center',
+          dataIndex: 'certificateStatus',
+          customRender: function(text) {
+            text = Number(text)
+            if (text === 1) {
+              return '已绑定'
+            } else if (text === 2) {
+              return '已支付'
+            } else if (text === 3) {
+              return '已缴费'
+            } else if (text === 4) {
+              return '正常使用'
+            } else if (text === 5) {
+              return '已失效'
+            } else if (text === 6) {
+              return '已驳回'
+            } else if (text === 0) {
+              return '待支付'
+            } else if (text === 7) {
+              return '绑定已失效'
+            }
+          }
+        }],
+      // 资源下载表头
+      columnsDownFile: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function(t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '文件类别',
+          align: 'center',
+          dataIndex: 'downFileCategory'
+        },
+        {
+          title: '文件名称',
+          align: 'center',
+          dataIndex: 'downFileName'
+        },
+        {
+          title: '下载时间',
+          align: 'center',
+          dataIndex: 'downFileTime'
+        }
+      ],
+      // 单位变更表格表头
+      columnsChangeApprove: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function(t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '变更前',
+          align: 'center',
+          dataIndex: 'beforeChangeApprove'
+        },
+        {
+          title: '变更后',
+          align: 'center',
+          dataIndex: 'afterChangeApprove'
+        },
+        {
+          title: '工商注册变更证明',
+          align: 'center',
+          dataIndex: 'registerChangeProve',
+          scopedSlots: { customRender: 'imgSlot' }
+        },
+        {
+          title: '操作人',
+          align: 'center',
+          dataIndex: 'operator'
+        },
+        {
+          title: '操作时间',
+          align: 'center',
+          dataIndex: 'operateTime'
+        },
+        {
+          title: '状态',
+          align: 'center',
+          dataIndex: 'status'
+        },
+        {
+          title: '审批人',
+          align: 'center',
+          dataIndex: 'approver'
+        },
+        {
+          title: '审批时间',
+          align: 'center',
+          dataIndex: 'approveTime'
+        },
+        {
+          title: '审批结果',
+          align: 'center',
+          dataIndex: 'approveResult'
+        },
+        {
+          title: '审批意见',
+          align: 'center',
+          dataIndex: 'approveComment'
+        }
+      ],
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      labelColDate: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 14 }
+      },
+      wrapperColDate: {
+        xs: { span: 24 },
+        sm: { span: 20 }
+      },
+      labelColTemp: {
+        xs: { span: 24 },
+        sm: { span: 2 }
+      },
+      wrapperColTemp: {
+        xs: { span: 16 },
+        sm: { span: 16 }
+      },
+      labelColTemp1: {
+        xs: { span: 6 },
+        sm: { span: 5 }
+      },
+      wrapperColTemp1: {
+        xs: { span: 10 },
+        sm: { span: 14 }
+      },
+      confirmLoading: false,
+      validatorRules: {
+        memberStatus: {
+          rules: [{ required: true, message: '请选择会员状态' }]
+        },
+        approvalStatus: {
+          rules: [{ required: true, message: '请选择审批结果' }]
+        },
+        headerName: {
+          rules: [
+            { required: true, message: '请输入关联付款发票名称' },
+            { min: 1, max: 50, message: '长度不超过50个字符' }
+          ]
+        },
+        type: { rules: [{ required: true, message: '请选择类型!' }] },
+        state: { rules: [{ required: true, message: '请选择是否仅教师可见!' }] },
+        title: {
+          rules: [
+            { required: true, message: '请输入标题!' },
+            { min: 1, max: 50, message: '标题长度不超过50个字符' }
+          ]
+        },
+        companyName: {
+          rules: [
+            { required: true, message: '请输入单位全称!' },
+            { min: 1, max: 50, message: '单位全称长度不超过50个字符' }
+          ]
+        },
+        companyDepartment: {
+          rules: [
+            { required: true, message: '请输入隶属部门/集团!' },
+            { min: 1, max: 50, message: '隶属部门/集团长度不超过50个字符' }
+          ]
+        },
+        companyBusinessDesc: {
+          rules: [
+            { required: true, message: '请输入主要业务或主要产品简介!' },
+            { min: 1, max: 500, message: '主要业务或主要产品简介的长度不超过500个字符' }
+          ]
+        },
+        companyNature: { rules: [{ required: true, message: '请至少选择一个单位性质!' }] },
+        standardDepartment: {
+          rules: [
+            { required: true, message: '请输入标准化部门!' },
+            { min: 1, max: 50, message: '标准化部门长度不超过50个字符' }
+          ]
+        },
+        standardLeadingMan: {
+          rules: [
+            { required: true, message: '请输入标准化工作负责人!' },
+            { min: 1, max: 50, message: '标准化工作负责人长度不超过50个字符' }
+          ]
+        },
+        standardPhone: {
+          rules: [
+            { required: true, message: '请输入固定电话!' },
+            { pattern: /^((0\d{2,3}-\d{7,8}))$/, message: '请输入正确的固定电话号码,例如: 022-87491024' }
+          ]
+        },
+        standardMobile: {
+          rules: [
+            { required: true, message: '请输入手机!' },
+            { min: 1, max: 50, message: '手机长度不超过50个字符' },
+            { pattern: /^1[34578]\d{9}$/, message: '请输入正确的手机号' }
+          ]
+        },
+        standardEmail: {
+          rules: [
+            { required: true, message: '请输入E-mail!' },
+            { min: 1, max: 50, message: 'E-mail长度不超过50个字符' },
+            { pattern: /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/, message: '请输入正确的邮箱地址' }
+          ]
+        },
+        standardPost: {
+          rules: [
+            { required: true, message: '请输入职务、职称!' },
+            { min: 1, max: 50, message: '职务、职称长度不超过50个字符' }
+          ]
+        },
+        standardSoleDutyCount: {
+          rules: [
+            { required: true, message: '请输入标准化专职人数!' },
+            { pattern: /^\d{0,9}$/, message: '人数只能为9位以内数字' }
+          ]
+        },
+        standardConcurrentCount: {
+          rules: [
+            { required: true, message: '请输入标准化兼职人数!' },
+            { pattern: /^\d{0,9}$/, message: '人数只能为9位以内数字' }
+          ]
+        },
+        liaisonMan: {
+          rules: [
+            { required: true, message: '请输入联系人!' },
+            { min: 1, max: 50, message: '联系人不超过50个字符' }
+          ]
+        },
+        mobile: {
+          rules: [
+            { required: true, message: '请输入手机!' },
+            { min: 1, max: 50, message: '手机号码不超过50个字符' },
+            { pattern: /^1[34578]\d{9}$/, message: '请输入正确的手机号' }
+          ]
+        },
+        phone: {
+          rules: [
+            { required: true, message: '请输入固定电话!' },
+            { pattern: /^((0\d{2,3}-\d{7,8}))$/, message: '请输入正确的固定电话号码,例如: 022-87491024' }
+          ]
+        },
+        email: {
+          rules: [
+            { required: true, message: '请输入E-mail!' },
+            { pattern: /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/, message: '请输入正确的邮箱地址' }
+          ]
+        },
+        address: {
+          rules: [
+            { required: true, message: '请输入通讯地址!' },
+            { min: 1, max: 50, message: '通讯地址不超过50个字符' }
+          ]
+        },
+        postcode: {
+          rules: [
+            { required: true, message: '请输入邮编!' },
+            { pattern: /^[0-9]\d{5}$/, message: '请输入正确的邮编', validateTrigger: 'onBlur' },
+            { min: 1, max: 50, message: '邮编不超过50个字符' }
+          ]
+        }
+      },
+      url: {
+        add: '/memberInfo/memberInfo/add',
+        edit: '/memberInfo/memberInfo/edit'
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    moment,
+    add() {
+      this.edit({})
+    },
+    loading() {
+
+    },
+    edit(record) {
+      // 记录之前的单位全称
+      this.originCompanyName = record.companyName
+      this.form.resetFields()
+      this.model = Object.assign({}, record)
+      this.visible = true
+      this.memberInfo = record
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'invoiceInfo', 'taxNo', 'userName', 'registerTime', 'companyName', 'companyNature', 'companyDepartment', 'companyBusinessDesc', 'standardDepartment', 'standardLeadingMan', 'standardPhone', 'standardMobile', 'standardEmail', 'standardPost', 'standardSoleDutyCount', 'standardConcurrentCount', 'liaisonMan', 'email', 'phone', 'mobile', 'address', 'postcode', 'memberStatus', 'userId', 'validDate', 'memberType', 'createTime', 'businessLicenseFileId'))
+      })
+    },
+    close() {
+      this.$emit('close')
+      this.visible = false
+    },
+    handleOk() {
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true
+          let httpurl = ''
+          let method = ''
+          if (!this.model.id) {
+            httpurl += this.url.add
+            method = 'post'
+          } else {
+            httpurl += this.url.edit
+            method = 'put'
+          }
+          // 判断单位全称是否改变  true为变化
+          const isChangeCompanyName = this.originCompanyName !== values.companyName
+          const formData = Object.assign(this.model, values)
+          // 后端增加字段
+          if (isChangeCompanyName) {
+            formData.isChange = true
+          }
+          console.log('表单提交数据', formData)
+          httpAction(httpurl, formData, method).then((res) => {
+            if (res.success) {
+              that.$message.success(res.message)
+              that.$emit('ok')
+              that.close()
+            } else {
+              that.$message.warning(res.message)
+            }
+          }).finally(() => {
+            that.confirmLoading = false
+          })
+        }
+      })
+    },
+    /* 图片预览 */
+    getImgView(text) {
+      if (text && text.indexOf(',') > 0) {
+        text = text.substring(0, text.indexOf(','))
+      }
+      return getFileAccessHttpUrl(text)
+    },
+    // 模态框预览
+    openView(val) {
+      this.$refs.previewModal.open(val)
+    },
+    handleCancel() {
+      this.close()
+    },
+    popupCallback(row) {
+      this.form.setFieldsValue(pick(row, 'userName', 'registerTime', 'companyName', 'companyNature', 'companyDepartment', 'companyBusinessDesc', 'standardDepartment', 'standardLeadingMan', 'standardPhone', 'standardMobile', 'standardEmail', 'standardPost', 'standardSoleDutyCount', 'standardConcurrentCount', 'liaisonMan', 'email', 'phone', 'mobile', 'address', 'postcode', 'status', 'userId', 'validDate', 'type', 'createTime', 'businessLicenseFileId'))
+    },
+    switchNav(index) {
+      this.navIndex = index
+      if (Number(index) === 2) {
+        this.paymentSearchReset()
+      }
+      if (Number(index) === 3) {
+        this.certificateSearchReset()
+      }
+    },
+    paymentSearchQuery() {
+      let params = 'memberId=' + this.memberInfo.id
+      if (this.orderCreateDate != null && this.orderCreateDate !== undefined && this.orderCreateDate.length > 0) {
+        params = params + '&submissionTime_begin=' + this.orderCreateDate + ' 00:00:00'
+      }
+      if (this.orderCreateDateEnd != null && this.orderCreateDateEnd !== undefined && this.orderCreateDateEnd.length > 0) {
+        params = params + '&submissionTime_end=' + this.orderCreateDateEnd + ' 23:59:59'
+      }
+      params = params + '&pageNo=' + this.ipagination.current + '&pageSize=' + this.ipagination.pageSize
+      console.log(params)
+      getAction('/paymentInfo/list?' + params).then((res) => {
+        if (res.success) {
+          this.paymentDataSource = res.result.records
+          this.ipagination.total = res.result.total
+        }
+      })
+    },
+    handleTableChange(pagination, filters, sorter) {
+      this.ipagination = pagination
+      this.paymentSearchQuery()
+    },
+    paymentSearchReset() {
+      // 将订单创建日期重新设置为空
+      this.orderCreateDate = ''
+      this.orderCreateDateEnd = ''
+      this.paymentSearchQuery()
+    },
+    // VIN 证书查询
+    certificateSearchQuery() {
+      let params = 'memberId=' + this.memberInfo.id
+      if (this.vinCertificateCode != null && this.vinCertificateCode !== undefined && this.vinCertificateCode.length > 0) {
+        params = params + '&code=' + this.vinCertificateCode
+      }
+      params = params + '&pageNo=' + this.ipagination.current + '&pageSize=' + this.ipagination.pageSize
+      getAction('/vinCertificate/vinCertificate/getVinCertificateModelByMemberId?' + params).then((res) => {
+        if (res.success) {
+          this.certificateDataSource = res.result.records
+          this.certificateIpagination.total = res.result.total
+        }
+      })
+    },
+
+    handleVinTableChange(pagination, filters, sorter) {
+      this.certificateIpagination = pagination
+      this.certificateSearchQuery()
+    },
+    // 打开变更公司全称模态框
+    changeCompanyName() {
+      this.$refs.changeCompany.originCompanyName = this.originCompanyName
+      this.$refs.changeCompany.title = '变更申请'
+      this.$refs.changeCompany.visible = true
+    },
+    disabledStartDate(startValue) {
+      const endValue = moment(this.orderCreateDateEnd)
+      console.log('1', endValue)
+      if (!startValue || !endValue) {
+        return false
+      }
+      return startValue.valueOf() > endValue.valueOf()
+    },
+
+    disabledEndDate(endValue) {
+      const startValue = moment(this.orderCreateDate)
+      console.log('2', startValue)
+      if (!endValue || !startValue) {
+        return false
+      }
+      return startValue.valueOf() > endValue.valueOf()
+    },
+    // VIN 证书条件刷新
+    certificateSearchReset() {
+      // 将证书编码设置为空
+      this.vinCertificateCode = ''
+      this.certificateSearchQuery()
+    },
+    // 会员批复文件下载
+    uploadApproveFile(val) {
+      const params = val.companyName
+      downApproveFile(params).then(res => {
+        if (res.success) {
+          this.$message.success('下载成功')
+        }
+      })
+    }
+  }
+}
+</script>
+<style scoped>
+.create-date-row {
+  margin-top: 14px;
+}
+
+.ope-col {
+  display: flex;
+  align-items: center;
+}
+
+.changeCompany {
+  position: absolute;
+  top: -5px;
+  right: -100px;
+  z-index: 1000;
+}
+
+.red {
+  color: red;
+}
+
+.approveFile {
+  color: #219AFF;
+  cursor: pointer;
+  margin-left: 10px;
+}
+
+.mt-2 {
+  margin-top: 10px;
+}
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/modules/PreViewImgModal.vue b/src/views/standardsAssociation/memberInfo/modules/PreViewImgModal.vue
new file mode 100644
index 0000000..c8309ba
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/modules/PreViewImgModal.vue
@@ -0,0 +1,68 @@
+<template>
+  <j-modal
+    title="预览"
+    width="800px"
+    :visible="previewVisible"
+    :maskClosable="false"
+    :footer="null"
+    @cancel="handleCancel()"
+    cancelText="关闭">
+<!--    <img src="../../../../assets/images/wmi.png">-->
+    <img :src="imgSrc" class="img" v-if="imgSrc" />
+    <img :src="getImgView()"  class="img" v-else/>
+  </j-modal>
+</template>
+
+<script>
+import { getFileAccessHttpUrl } from '@/api/memberManage'
+export default {
+  name: 'PreViewImgModal',
+  data() {
+    return {
+      previewVisible: false,
+      imgId: '',
+      imgSrc: ''
+    }
+  },
+  methods: {
+    open(val) {
+      this.previewVisible = true
+      this.imgId = val
+    },
+    openPre(val) {
+      // this.$nextTick(() => {
+      //   if (val === 1) {
+      //     this.imgSrc = require('../../../../assets/images/wmi.png')
+      //   } else if (val === 2) {
+      //     this.imgSrc = require('../../../../assets/images/cam.png')
+      //   }
+      // })
+      // this.previewVisible = true
+    },
+    handleCancel() {
+      this.$nextTick(() => {
+        this.imgId = ''
+        this.previewVisible = false
+      })
+    },
+    /* 图片预览 */
+    getImgView() {
+      let text = this.imgId
+      if (text && text.indexOf(',') > 0) {
+        text = text.substring(0, text.indexOf(','))
+      }
+      return getFileAccessHttpUrl(text)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.img {
+  max-width: 100%;
+  max-height: 100%;
+  display: block;
+  margin: auto;
+}
+
+</style>
diff --git a/src/views/standardsAssociation/memberInfo/modules/TableComponent.vue b/src/views/standardsAssociation/memberInfo/modules/TableComponent.vue
new file mode 100644
index 0000000..32e4215
--- /dev/null
+++ b/src/views/standardsAssociation/memberInfo/modules/TableComponent.vue
@@ -0,0 +1,142 @@
+<template>
+  <div class="table-page-search-wrapper mt-2">
+    <div class="row clearfix">
+      <div class="col-md-12 column">
+        <a-table
+          ref="table"
+          size="middle"
+          bordered
+          rowKey="id"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="pagination"
+          :loading="isLoading"
+          :expandRowByClick="expandRowByClick"
+          @change="handleChange"
+          class="j-table-force-nowrap">
+          <template slot="fileSlot" slot-scope="text">
+            <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span><!--
+            --><j-ellipsis :value="text" :length="30"/>
+          </template>
+          <template slot="textSlot" slot-scope="text">
+            <span v-if="!text" style="font-size: 12px;font-style: italic;"></span><!--
+            --><j-ellipsis :value="text" :length="30"/>
+          </template>
+          <template slot="status" slot-scope="text, record">
+            <span v-if="record.status === 1 " style="color:red">待审核</span>
+            <span v-if="record.status === 2 ">已驳回</span>
+            <span v-if="record.status === 3 ">已完成</span>
+          </template>
+          <template slot="imgSlot" slot-scope="text, record">
+            <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
+            <img
+              v-else
+              v-for="(textItem,index) in text"
+              :key="index"
+              :src="getImgView(textItem,record)"
+              height="60px"
+              alt=""
+              class="img"
+              @click.stop="openView(textItem)"/>
+          </template>
+          <span slot="action" class="action-span-cell action-span-cell-other" slot-scope="text, record">
+            <template v-if="record.isParent">
+              <a @click.stop="record.status === 2 && handleApproveEdit(record)" v-show="record.status === 2 && pageType === 1"  v-has="'memberInfo:companyNameRecord:edit' ">编辑</a>
+              <a @click="handleDetail(record)" v-if='record.children && record.children.length > 0'>查看</a>
+              <a v-if="!record.children && record.status !== 2">-</a>
+            </template>
+            <template v-if="!record.isParent">-</template>
+          </span>
+        </a-table>
+      </div>
+    </div>
+    <!--    图片预览模态框 -->
+    <pre-view-img-modal ref="previewModal"></pre-view-img-modal>
+  </div>
+</template>
+
+<script>
+import JEllipsis from '@comp/jero/JEllipsis'
+import { getFileAccessHttpUrl } from '@api/memberManage'
+import PreViewImgModal from './PreViewImgModal'
+
+export default {
+  name: 'TableComponent',
+  components: {
+    JEllipsis,
+    PreViewImgModal
+  },
+  props: {
+    columns: {
+      type: Array,
+      required: false
+    },
+    dataSource: {
+      type: Array,
+      required: false
+    },
+    pagination: {
+      type: Object,
+      required: false
+    },
+    isLoading: {
+      type: Boolean,
+      default: false
+    },
+    expandRowByClick: {
+      type: Boolean
+    },
+    pageType: {
+      type: Number,
+      default: 2
+    }
+
+  },
+  data() {
+    return {
+    }
+  },
+  methods: {
+    handleChange(pagination) {
+      this.$emit('ok', pagination)
+    },
+    /* 图片预览 */
+    getImgView(text) {
+      if (text && text.indexOf(',') > 0) {
+        text = text.substring(0, text.indexOf(','))
+      }
+      return getFileAccessHttpUrl(text)
+    },
+    // 模态框预览
+    openView(val) {
+      this.$refs.previewModal.open(val)
+    },
+    /*
+         * 编辑
+         * */
+    handleApproveEdit(record) {
+      this.$emit('edit', record)
+    },
+    /*
+         * 查看
+         * */
+    handleDetail(record) {
+      console.log(record)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+//@import '~@/assets/less/TableExpand.less';
+.img {
+  width:120px;
+  font-size: 12px;
+  font-style: italic;
+  margin-right: 4px;
+  cursor: pointer;
+}
+.action-span-cell-other a{
+  padding: 0 10px;
+}
+</style>