From 96ad46dbccd5c7031786dca40a26389f2bd45743 Mon Sep 17 00:00:00 2001
From: fengchenchen <fengchenchen@syxysoft.com>
Date: Mon, 24 Jan 2022 23:14:12 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90update=E3=80=91=20=E6=A0=87=E5=8D=8F?=
 =?UTF-8?q?=E4=BC=9A=E5=91=98=E6=B3=A8=E5=86=8C=E9=A1=B5=E9=9D=A2=E8=BF=81?=
 =?UTF-8?q?=E7=A7=BB=E8=87=B3=E6=9D=A5=E6=AC=BE=E4=BC=81=E4=B8=9A=E7=AB=AF?=
 =?UTF-8?q?=EF=BC=9B=E4=BF=AE=E6=94=B9=E4=BC=9A=E5=91=98=E7=BC=B4=E8=B4=B9?=
 =?UTF-8?q?=E3=80=81=E8=AF=81=E4=B9=A6=E7=BC=B4=E8=B4=B9=E5=8F=8D=E9=A6=88?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/standardsAssociationApi.js            |   18 +-
 .../standardsAssociation/JMultiSelectTag.vue  |   15 +
 .../standardsAssociation/RImageUpload.vue     |  247 ++++
 .../standardsAssociation/RUpload.vue          |  487 ++++++++
 src/config/router.config.js                   |   11 +-
 src/permission.js                             |    2 +-
 src/utils/validate.js                         |    5 +-
 .../standardsAssociation/MemberManagement.vue |    2 +
 .../PaymentInfo/CertificateInfo.vue           |    7 +
 .../PaymentInfo/MemberInfo.vue                |   10 +-
 .../PaymentInfo/modules/PaymentInfoModal.vue  |   26 +-
 .../memberInfo/MemberInfo.vue                 |   37 +-
 .../register/Register.vue                     | 1041 +++++++++++++++++
 .../register/RegisterResult.vue               |   81 ++
 14 files changed, 1961 insertions(+), 28 deletions(-)
 create mode 100644 src/components/standardsAssociation/RImageUpload.vue
 create mode 100644 src/components/standardsAssociation/RUpload.vue
 create mode 100644 src/views/standardsAssociation/register/Register.vue
 create mode 100644 src/views/standardsAssociation/register/RegisterResult.vue

diff --git a/src/api/standardsAssociationApi.js b/src/api/standardsAssociationApi.js
index dc1831e..f2cfb82 100644
--- a/src/api/standardsAssociationApi.js
+++ b/src/api/standardsAssociationApi.js
@@ -7,6 +7,17 @@ import { getAction, postAction } from '@api/memberManage'
 
 import { ACCESS_TOKEN } from '@/store/mutation-types'
 
+// 验证用户是否存在
+const checkOnlyUser = (params) => getAction('/sys/user/checkOnlyUser', params)
+// 验证税号是否重复
+const checkOnlytaxNo = (params) => getAction('/sys/user/taxNoCheck', params)
+// 企业性质dict查询
+const getDictOptions = (params) => getAction('/memberInfo/memberInfo/getDictOptions', params)
+// 手机号唯一性校验
+const phoneCheck = (params) => getAction('/sys/user/phoneCheck', params)
+// 邮箱唯一性校验
+const emailCheck = (params) => getAction('/sys/user/emailCheck', params)
+
 // 标协会员-基本信息-调用来款系统的接口
 const getMemberBaseInfo = (param) => incomeGetAction('/company/payContactsManagement/baseInfo', param)
 
@@ -87,6 +98,11 @@ export {
   getCertificateById,
 
   application,
-  determineOrCancel
+  determineOrCancel,
+  checkOnlyUser,
+  checkOnlytaxNo,
+  getDictOptions,
+  phoneCheck,
+  emailCheck
 
 }
diff --git a/src/components/standardsAssociation/JMultiSelectTag.vue b/src/components/standardsAssociation/JMultiSelectTag.vue
index 244088f..b574ec1 100644
--- a/src/components/standardsAssociation/JMultiSelectTag.vue
+++ b/src/components/standardsAssociation/JMultiSelectTag.vue
@@ -130,3 +130,18 @@
     }
   }
 </script>
+<style scoped lang="less">
+.ant-checkbox-group {
+  display: flex;
+  flex-wrap: wrap;
+}
+.ant-checkbox-wrapper + .ant-checkbox-wrapper{
+  width:25%
+}
+.ant-checkbox-wrapper:nth-child(1){
+  width: 25%;
+}
+.ant-checkbox-wrapper + .ant-checkbox-wrapper {
+  margin-left: 0px;
+}
+</style>
diff --git a/src/components/standardsAssociation/RImageUpload.vue b/src/components/standardsAssociation/RImageUpload.vue
new file mode 100644
index 0000000..597ad13
--- /dev/null
+++ b/src/components/standardsAssociation/RImageUpload.vue
@@ -0,0 +1,247 @@
+<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"
+    @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 { 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: 'RImageUpload',
+  data() {
+    return {
+      uploadAction: window._CONFIG['memberURL'] + '/memberInfo/memberInfo/upload',
+      uploadLoading: false,
+      picUrl: false,
+      headers: {},
+      fileList: [],
+      previewImage: '',
+      previewVisible: false
+    }
+  },
+  props: {
+    text: {
+      type: String,
+      required: false,
+      default: '上传'
+    },
+    number: {
+      type: Number,
+      required: false,
+      default: 0
+    },
+    /* 这个属性用于控制文件上传的业务路径*/
+    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);
+    // 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>
+
+</style>
diff --git a/src/components/standardsAssociation/RUpload.vue b/src/components/standardsAssociation/RUpload.vue
new file mode 100644
index 0000000..a8ea408
--- /dev/null
+++ b/src/components/standardsAssociation/RUpload.vue
@@ -0,0 +1,487 @@
+<template>
+  <div :id="containerId" style="position: relative">
+
+    <!--  ---------------------------- begin 图片左右换位置 ------------------------------------- -->
+    <div class="movety-container" :style="{top:top+'px',left:left+'px',display:moveDisplay}" style="padding:0 8px;position: absolute;z-index: 91;height: 32px;width: 104px;text-align: center;">
+      <div :id="containerId+'-mover'" :class="showMoverTask?'uploadty-mover-mask':'movety-opt'" style="margin-top: 12px">
+        <a @click="moveLast" style="margin: 0 5px;"><a-icon type="arrow-left" style="color: #fff;font-size: 16px"/></a>
+        <a @click="moveNext" style="margin: 0 5px;"><a-icon type="arrow-right" style="color: #fff;font-size: 16px"/></a>
+      </div>
+    </div>
+    <!--  ---------------------------- end 图片左右换位置 ------------------------------------- -->
+
+    <a-upload
+      name="file"
+      :multiple="true"
+      :action="uploadAction"
+      :headers="headers"
+      :data="{'biz':bizPath}"
+      :fileList="fileList"
+      :beforeUpload="beforeUpload"
+      @change="handleChange"
+      :disabled="disabled"
+      :returnUrl="returnUrl"
+      :listType="complistType"
+      @preview="handlePreview"
+      :class="{'uploadty-disabled':disabled}">
+      <template>
+        <div v-if="isImageComp">
+          <a-icon type="plus" />
+          <div class="ant-upload-text">{{ text }}</div>
+        </div>
+        <a-button v-else-if="buttonVisible">
+          <a-icon type="upload" />{{ text }}
+        </a-button>
+      </template>
+    </a-upload>
+    <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
+      <img alt="example" style="width: 100%" :src="previewImage" />
+    </a-modal>
+  </div>
+</template>
+
+<script>
+
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+import { getFileAccessHttpUrl } from '@/api/memberManage'
+import { getFilesByIds } from '@api/standardsAssociationApi'
+
+const FILE_TYPE_ALL = 'all'
+const FILE_TYPE_IMG = 'image'
+const FILE_TYPE_JPG = 'image/jpg'
+const FILE_TYPE_PNG = 'image/png'
+const FILE_TYPE_TXT = 'file'
+const FILE_TYPE_PDF = 'pdf'
+const FILE_TYPE_VIDEO = 'video'
+const FILE_TYPE_ZIP = 'zip'
+const FILE_TYPE_WORD = 'word'
+const FILE_TYPE_MP3 = 'audio'
+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: 'JUpload',
+  props: {
+    text: {
+      type: String,
+      required: false,
+      default: '点击上传'
+    },
+    fileType: {
+      type: [String, Array],
+      required: false,
+      default: FILE_TYPE_ALL
+    },
+    fileTypeErrorMessage: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    /* 这个属性用于控制文件上传的业务路径*/
+    bizPath: {
+      type: String,
+      required: false,
+      default: 'temp'
+    },
+    value: {
+      type: [String, Array],
+      required: false
+    },
+    // update-begin- --- author:wangshuai ------ date:20190929 ---- for:Jupload组件增加是否能够点击
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    // update-end- --- author:wangshuai ------ date:20190929 ---- for:Jupload组件增加是否能够点击
+    // 此属性被废弃了
+    triggerChange: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * update -- author:lvdandan -- date:20190219 -- for:Jupload组件增加是否返回url，
+     * true：仅返回url
+     * false：返回fileName filePath fileSize
+     */
+    returnUrl: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    number: {
+      type: Number,
+      required: false,
+      default: 0
+    },
+    buttonVisible: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
+  },
+  data() {
+    return {
+      uploadAction: window._CONFIG['memberURL'] + '/memberInfo/memberInfo/upload',
+      headers: {},
+      fileList: [],
+      newFileList: [],
+      uploadGoOn: true,
+      previewVisible: false,
+      // ---------------------------- begin 图片左右换位置 -------------------------------------
+      previewImage: '',
+      containerId: '',
+      top: '',
+      left: '',
+      moveDisplay: 'none',
+      showMoverTask: false,
+      moverHold: false,
+      currentImg: '',
+      fileTypes: this.fileType
+      // ---------------------------- end 图片左右换位置 -------------------------------------
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler() {
+        const val = this.value
+        if (val instanceof Array) {
+          if (this.returnUrl) {
+            this.initFileList(val.join(','))
+          } else {
+            this.initFileListArr(val)
+          }
+        } else {
+          this.initFileList(val)
+        }
+      }
+    }
+  },
+  computed: {
+    isImageComp() {
+      return this.fileTypes === FILE_TYPE_IMG || this.fileTypes === FILE_TYPE_PNG || this.fileTypes === FILE_TYPE_JPG
+    },
+    complistType() {
+      return (this.fileTypes === FILE_TYPE_IMG || this.fileTypes === FILE_TYPE_PNG || this.fileTypes === FILE_TYPE_JPG) ? 'picture-card' : 'text'
+    }
+  },
+  created() {
+    const token = Vue.ls.get(ACCESS_TOKEN)
+    // ---------------------------- begin 图片左右换位置 -------------------------------------
+    // this.headers = { 'X-Access-Token': token }
+    this.containerId = 'container-ty-' + new Date().getTime()
+    // ---------------------------- end 图片左右换位置 -------------------------------------
+  },
+
+  methods: {
+    initFileListArr(val) {
+      if (!val || val.length === 0) {
+        this.fileList = []
+        return
+      }
+      const fileList = []
+      for (var a = 0; a < val.length; a++) {
+        const url = getFileAccessHttpUrl(val[a].filePath)
+        fileList.push({
+          uid: uidGenerator(),
+          name: val[a].fileName,
+          status: 'done',
+          url: url,
+          response: {
+            status: 'history',
+            message: val[a].filePath
+          }
+        })
+      }
+      this.fileList = fileList
+    },
+    async getFilesByIds(params) {
+      return new Promise(resolve => {
+        let result = []
+        getFilesByIds({ ids: params }).then(res => {
+          if (res.success) {
+            result = res.result.map(tt => tt.fileName)
+          }
+        }).finally(() => {
+          resolve(result)
+        })
+      })
+    },
+    async initFileList(paths) {
+      if (!paths || paths.length === 0) {
+        // return [];
+        // update-begin- --- author:os_chengtgen ------ date:20190729 ---- for:issues:326,Jupload组件初始化bug
+        this.fileList = []
+        return
+        // update-end- --- author:os_chengtgen ------ date:20190729 ---- for:issues:326,Jupload组件初始化bug
+      }
+      const fileList = []
+      const arr = paths.split(',')
+      const nameArr = await this.getFilesByIds(paths)
+      for (var a = 0; a < arr.length; a++) {
+        const url = getFileAccessHttpUrl(arr[a])
+        fileList.push({
+          uid: uidGenerator(),
+          // name:getFileName(arr[a]),
+          name: nameArr[a],
+          status: 'done',
+          url: url,
+          response: {
+            status: 'history',
+            message: arr[a]
+          }
+        })
+      }
+      this.fileList = fileList
+    },
+    handlePathChange() {
+      const uploadFiles = this.fileList
+      let path = ''
+      if (!uploadFiles || uploadFiles.length === 0) {
+        path = ''
+      }
+      const arr = []
+
+      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)
+    },
+    beforeUpload(file) {
+      this.uploadGoOn = true
+      file.uploadGoOn = true
+      const fileSize = file.size // 上传的文件大小
+      const fileType = file.type // 上传的文件类型
+      if (fileSize > 1024 * 1024 * 50) {
+        this.$message.warning('文件大小限制为50M')
+        this.uploadGoOn = false
+        file.uploadGoOn = false
+        return false
+      }
+      // 不等于全部类型可以上传的时候，对上传的文件进行判断
+      if (this.fileType !== FILE_TYPE_ALL) {
+        // filter(tt => fileType.indexOf(tt) > -1)   判断用户传的文件类型，和要求传的文件类型是否一致
+        // 当上传的图片格式为jpg时，在此组件中，会返回类型为 image/jpeg  ElememntUI设计如此 所以需要把用户传下来的jpg强制改成jpeg
+        this.fileTypes = this.fileTypes.replace('jpg', 'jpeg')
+        const arr = this.fileTypes.split(',').filter(tt => fileType.indexOf(tt) > -1)
+        if (arr.length === 0) {
+          this.$message.warning(this.fileTypeErrorMessage || `请上传${this.fileTypes}文件`)
+          this.uploadGoOn = false
+          file.uploadGoOn = false
+          return false
+        }
+      }
+      if (this.fileTypes === FILE_TYPE_IMG) {
+        if (fileType.indexOf('image') < 0) {
+          this.$message.warning('请上传图片')
+          this.uploadGoOn = false
+          file.uploadGoOn = false
+          return false
+        }
+      }
+      // TODO 扩展功能验证文件大小
+      return true
+    },
+    handleChange(info) {
+      if (!info.file.status && info.file.uploadGoOn === false) {
+        info.fileList.pop()
+        return
+      }
+      let fileList = info.fileList
+      if (info.file.status === 'done') {
+        if (this.number > 0) {
+          fileList = fileList.slice(-this.number)
+        }
+        if (info.file.response.success) {
+          fileList = fileList.map((file) => {
+            if (file.response) {
+              const reUrl = file.response.message
+              file.url = getFileAccessHttpUrl(reUrl)
+              file.fileName = file.name
+            }
+            return file
+          })
+        } else {
+          this.$message.error(`${info.file.response.message}`)
+          info.fileList.pop()
+          return
+        }
+        // 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') {
+        // returnUrl为true时仅返回文件路径
+        if (this.returnUrl) {
+          this.handlePathChange()
+        } else {
+          // returnUrl为false时返回文件名称、文件路径及文件大小
+          this.newFileList = []
+          for (var a = 0; a < fileList.length; a++) {
+            var fileJson = {
+              fileName: fileList[a].name,
+              filePath: fileList[a].response.message,
+              fileSize: fileList[a].size
+            }
+            this.newFileList.push(fileJson)
+          }
+          this.$emit('change', this.newFileList)
+        }
+      }
+    },
+    handleDelete(file) {
+      // 如有需要新增 删除逻辑
+      console.log(file)
+    },
+    handlePreview(file) {
+      if (this.fileTypes === FILE_TYPE_IMG) {
+        this.previewImage = file.url || file.thumbUrl
+        this.previewVisible = true
+      } else {
+        location.href = file.url
+      }
+    },
+    handleCancel() {
+      this.previewVisible = false
+    },
+    // ---------------------------- begin 图片左右换位置 -------------------------------------
+    moveLast() {
+      // console.log(ev)
+      // console.log(this.fileList)
+      // console.log(this.currentImg)
+      const index = this.getIndexByUrl()
+      if (index == 0) {
+        this.$message.warn('未知的操作')
+      } else {
+        const curr = this.fileList[index].url
+        const last = this.fileList[index - 1].url
+        const arr = []
+        for (let i = 0; i < this.fileList.length; i++) {
+          if (i == index - 1) {
+            arr.push(curr)
+          } else if (i == index) {
+            arr.push(last)
+          } else {
+            arr.push(this.fileList[i].url)
+          }
+        }
+        this.currentImg = last
+        this.$emit('change', arr.join(','))
+      }
+    },
+    moveNext() {
+      const index = this.getIndexByUrl()
+      if (index == this.fileList.length - 1) {
+        this.$message.warn('已到最后~')
+      } else {
+        const curr = this.fileList[index].url
+        const next = this.fileList[index + 1].url
+        const arr = []
+        for (let i = 0; i < this.fileList.length; i++) {
+          if (i == index + 1) {
+            arr.push(curr)
+          } else if (i == index) {
+            arr.push(next)
+          } else {
+            arr.push(this.fileList[i].url)
+          }
+        }
+        this.currentImg = next
+        this.$emit('change', arr.join(','))
+      }
+    },
+    getIndexByUrl() {
+      for (let i = 0; i < this.fileList.length; i++) {
+        if (this.fileList[i].url === this.currentImg || encodeURI(this.fileList[i].url) === this.currentImg) {
+          return i
+        }
+      }
+      return -1
+    }
+  },
+  mounted() {
+    const moverObj = document.getElementById(this.containerId + '-mover')
+    moverObj.addEventListener('mouseover', () => {
+      this.moverHold = true
+      this.moveDisplay = 'block'
+    })
+    moverObj.addEventListener('mouseout', () => {
+      this.moverHold = false
+      this.moveDisplay = 'none'
+    })
+    const picList = document.getElementById(this.containerId) ? document.getElementById(this.containerId).getElementsByClassName('ant-upload-list-picture-card') : []
+    if (picList && picList.length > 0) {
+      picList[0].addEventListener('mouseover', (ev) => {
+        ev = ev || window.event
+        const target = ev.target || ev.srcElement
+        if (target.className == 'ant-upload-list-item-info') {
+          this.showMoverTask = false
+          const item = target.parentElement
+          this.left = item.offsetLeft
+          this.top = item.offsetTop + item.offsetHeight - 50
+          this.moveDisplay = 'block'
+          this.currentImg = target.getElementsByTagName('img')[0].src
+        }
+      })
+
+      picList[0].addEventListener('mouseout', (ev) => {
+        ev = ev || window.event
+        const target = ev.target || ev.srcElement
+        // console.log('移除',target)
+        if (target.className == 'ant-upload-list-item-info') {
+          this.showMoverTask = true
+          setTimeout(() => {
+            if (this.moverHold === false) { this.moveDisplay = 'none' }
+          }, 100)
+        }
+        if (target.className == 'ant-upload-list-item ant-upload-list-item-done' || target.className == 'ant-upload-list ant-upload-list-picture-card') {
+          this.moveDisplay = 'none'
+        }
+      })
+      // ---------------------------- end 图片左右换位置 -------------------------------------
+    }
+  },
+  model: {
+    prop: 'value',
+    event: 'change'
+  }
+}
+</script>
+
+<style lang="less">
+.uploadty-disabled{
+  .ant-upload-list-item {
+    .anticon-close{
+      display: none;
+    }
+    .anticon-delete{
+      display: none;
+    }
+  }
+}
+//---------------------------- begin 图片左右换位置 -------------------------------------
+.uploadty-mover-mask{
+  background-color: rgba(0, 0, 0, 0.5);
+  opacity: .8;
+  color: #fff;
+  height: 28px;
+  line-height: 28px;
+}
+//---------------------------- end 图片左右换位置 -------------------------------------
+</style>
diff --git a/src/config/router.config.js b/src/config/router.config.js
index c9b4b3c..d9cfdf7 100644
--- a/src/config/router.config.js
+++ b/src/config/router.config.js
@@ -52,7 +52,16 @@ export const constantRouterMap = [
         path: 'alteration',
         name: 'alteration',
         component: () => import(/* webpackChunkName: "user" */ '@/views/user/alteration/Alteration')
-      }
+      },{
+        path: 'member-register',
+        name: 'MemberRegister',
+        component: () => import(/* webpackChunkName: "user" */ '@/views/standardsAssociation/register/Register')
+      },
+      {
+        path: 'member-register-result',
+        name: 'MemberRegisterResult',
+        component: () => import(/* webpackChunkName: "user" */ '@/views/standardsAssociation/register/RegisterResult')
+      },
     ]
   },
   {
diff --git a/src/permission.js b/src/permission.js
index bf57950..0cb207b 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -9,7 +9,7 @@ import { generateIndexRouter } from '@/utils/util'
 
 NProgress.configure({ showSpinner: false }) // NProgress Configuration
 
-const whiteList = ['/user/login', '/user/register', '/user/register-result', '/user/alteration','/signupentrance','/signUpPage'] // no redirect whitelist
+const whiteList = ['/user/login', '/user/register', '/user/register-result', '/user/member-register', '/user/member-register-result', '/user/alteration','/signupentrance','/signUpPage'] // no redirect whitelist
 
 const ThirdLoginFunc = (token) => {
   return new Promise(resolve => {
diff --git a/src/utils/validate.js b/src/utils/validate.js
index 8170999..fd0e7e7 100644
--- a/src/utils/validate.js
+++ b/src/utils/validate.js
@@ -12,7 +12,8 @@ export function isEmail(s) {
  * @param {*} s
  */
 export function isPhone(s) {
-  return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s)
+  // return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s)
+  return /^([0-9-]{0,15})$/.test(s)
 }
 
 /**
@@ -81,4 +82,4 @@ export function dutyCode(s) {
  */
 export function number(s) {
   return /^[0-9]*$/.test(s)
-}
\ No newline at end of file
+}
diff --git a/src/views/standardsAssociation/MemberManagement.vue b/src/views/standardsAssociation/MemberManagement.vue
index 5b35fcb..e753940 100644
--- a/src/views/standardsAssociation/MemberManagement.vue
+++ b/src/views/standardsAssociation/MemberManagement.vue
@@ -251,6 +251,8 @@ export default {
             method = 'put'
           }
           const formData = Object.assign(this.model, values)
+          // 用户昵称 默认等于单位全称
+          formData.realname = formData.companyName
           let encrypt = new JSEncrypt()
           encrypt.setPublicKey(that.encryptedString)
           formData.standardPhone = encrypt.encrypt(values.standardPhone)
diff --git a/src/views/standardsAssociation/PaymentInfo/CertificateInfo.vue b/src/views/standardsAssociation/PaymentInfo/CertificateInfo.vue
index f954ac8..83462ec 100644
--- a/src/views/standardsAssociation/PaymentInfo/CertificateInfo.vue
+++ b/src/views/standardsAssociation/PaymentInfo/CertificateInfo.vue
@@ -51,6 +51,9 @@
 
       <!-- 操作按钮区域 -->
       <div class="table-operator">
+        <div class="notice-msg">
+          附加证书需求，请转至“证书管理”工作区提交申请。本页面仅提供数据查询。
+        </div>
         <!--      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>-->
       </div>
 
@@ -303,4 +306,8 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
+.notice-msg{
+  color: red;
+  padding-bottom: 5px;
+}
 </style>
diff --git a/src/views/standardsAssociation/PaymentInfo/MemberInfo.vue b/src/views/standardsAssociation/PaymentInfo/MemberInfo.vue
index cee5199..36103e0 100644
--- a/src/views/standardsAssociation/PaymentInfo/MemberInfo.vue
+++ b/src/views/standardsAssociation/PaymentInfo/MemberInfo.vue
@@ -235,11 +235,11 @@ export default {
               align: 'center',
               dataIndex: 'paymentAmount'
             },
-            {
-              title: '网员服务费',
-              align: 'center',
-              dataIndex: 'serviceCharge'
-            },
+            // {
+            //   title: '网员服务费',
+            //   align: 'center',
+            //   dataIndex: 'serviceCharge'
+            // },
             // {
             //   title:'证书个数',
             //   align:"center",
diff --git a/src/views/standardsAssociation/PaymentInfo/modules/PaymentInfoModal.vue b/src/views/standardsAssociation/PaymentInfo/modules/PaymentInfoModal.vue
index fe83716..c3a34a2 100644
--- a/src/views/standardsAssociation/PaymentInfo/modules/PaymentInfoModal.vue
+++ b/src/views/standardsAssociation/PaymentInfo/modules/PaymentInfoModal.vue
@@ -11,7 +11,7 @@
     <a-spin :spinning="confirmLoading">
       <a-form :form="form" style="margin-left: 10px">
         <a-divider orientation="left">
-          缴费信息<font color="red">（缴费时长满5年才可申请证书）</font>
+          缴费信息<font color="red">（缴费时长5年可绑定两张证书）</font>
           <span
             v-if="isMember === 'member'"
             class="charge-notice"
@@ -60,7 +60,7 @@
             </a-form-item>
           </a-col>
         </a-row>
-        <a-row>
+        <a-row class="payment-table">
           <a-col :span="1"></a-col>
           <a-col :span="22">
             <table class="table" border="1">
@@ -82,6 +82,7 @@
                       :trigger-change="true"
                       dictCode="payment_time"
                       placeholder="请选择缴费时长"
+                      :get-popup-container="(node) => node.parentNode || document.body"
                       style="width: 140px" />
                   </a-form-item>
                 </td>
@@ -100,7 +101,7 @@
                   </a-form-item>
                 </td>
               </tr>
-              <tr>
+<!--              <tr>
                 <td>网员服务费</td>
                 <td>
                   <span>1年</span>
@@ -118,7 +119,7 @@
                       style="width: 180px" />
                   </a-form-item>
                 </td>
-              </tr>
+              </tr>-->
             </table>
           </a-col>
           <a-col :span="1"></a-col>
@@ -329,8 +330,8 @@
 
         <!--   证书信息     -->
         <div v-if="typeFlag || memberType === 1 ">
-          <a-divider orientation="left">证书需求</a-divider>
-          <span>申请证书</span>
+          <a-divider orientation="left">绑定证书</a-divider>
+<!--          <span>申请证书</span>-->
           <div v-if="checkFlag||detailFlag">
 
           </div>
@@ -381,6 +382,7 @@
                 <a-select-option value="1">是</a-select-option>
                 <a-select-option value="0">否</a-select-option>
               </a-select>
+              <span v-else> — </span>
             </template>
           </a-table>
           <div style="position: relative;top: 20px;" v-if="certificatesNum>0">
@@ -694,13 +696,13 @@ export default {
           payTime: '1/5',
           paymentType: '',
           payNumber: ''
-        },
+        }/*,
         {
           payCategory: '网员服务费',
           payTime: '1',
           paymentType: '',
           payNumber: ''
-        }
+        }*/
       ],
       // 是否是添加功能
       addFlag: false,
@@ -1039,6 +1041,8 @@ export default {
           } else {
             formData.paymentType = 0
           }
+          // 客户要去掉网员服务费字段，但是后端没有去掉校验，所以前端写死
+          formData.serviceCharge = 0
           httpAction(httpurl, formData, method).then((res) => {
             if (res.success) {
               that.$message.success(res.message)
@@ -1090,6 +1094,8 @@ export default {
           }
           this.model.certificatesNum = this.selectedRowKeys.length
           const formData = Object.assign(this.model, values)
+          // 客户要去掉网员服务费字段，但是后端没有去掉校验，所以前端写死
+          formData.serviceCharge = 0
           if (this.typeFlag) {
             formData.paymentType = 1
           } else {
@@ -1466,4 +1472,8 @@ export default {
 /deep/ .ant-form-item-label {
   width: 145px !important;
 }
+// 会员缴费表格的样式修改，防止缴费年限下拉框被遮挡
+.payment-table{
+  z-index: 10;
+}
 </style>
diff --git a/src/views/standardsAssociation/memberInfo/MemberInfo.vue b/src/views/standardsAssociation/memberInfo/MemberInfo.vue
index 9fe7292..1f14871 100644
--- a/src/views/standardsAssociation/memberInfo/MemberInfo.vue
+++ b/src/views/standardsAssociation/memberInfo/MemberInfo.vue
@@ -27,15 +27,15 @@
           </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 @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">
@@ -303,6 +303,8 @@ import { getFileAccessHttpUrl } from '../../../api/memberManage'
 import { DisabledAuthFilterMixin } from '@/mixins/DisabledAuthFilterMixin'
 import ChangeCompanyModal from './modules/ChangeCompanyModal'
 import pick from 'lodash.pick'
+import {phoneReg, isPhone} from '@/utils/validate'
+
 // eslint-disable-next-line no-unused-vars
 import Vue from 'vue'
 
@@ -618,7 +620,22 @@ export default {
     // 更新变更
     getChangeHistoryData() {
 
-    }
+    },
+    /*
+   * 验证发票信息-电话号码 的正确性
+   * */
+    handleInvoicePhoneCheck(rule, value, callback) {
+      if (!value) {
+        callback(new Error('请输入电话号码'))
+        return
+      } else {
+        if (phoneReg(value) || isPhone(value)) {
+          callback()
+        } else {
+          callback(new Error('请输入正确格式的电话号码'))
+        }
+      }
+    },
   },
   created() {
     console.log('&&*****会员信息****')
diff --git a/src/views/standardsAssociation/register/Register.vue b/src/views/standardsAssociation/register/Register.vue
new file mode 100644
index 0000000..ba62de9
--- /dev/null
+++ b/src/views/standardsAssociation/register/Register.vue
@@ -0,0 +1,1041 @@
+<template>
+  <a-card style="width: 100%;height: 100%;text-align: left;">
+    <div class="back-head"><span @click="goBack"><img src="~@/assets/logo.png" alt="logo"></span>汽车标准化工作平台-注册会员</div>
+    <div class="register-box">
+      <div class="register-content">
+        <div class="register">
+          <div>
+            <a-form :form="form" ref="formRegister" id="formRegister">
+              <div class="notice-info">
+                * 请先滑至页面底端，下载入会申请表模板盖章后，再返回本页面填写申请信息。
+              </div>
+              <!--注册信息start-->
+              <div class="info">
+                <span></span>注册信息
+              </div>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="单位全称" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input @change="event => event.target.value = event.target.value.trim()"
+                             v-decorator="[ 'companyName', validatorRules.companyName]" placeholder="请输入单位全称"
+                             :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+<!--                <a-col :span="12">-->
+<!--                  <a-form-item label="用户昵称" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">-->
+<!--                    <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>-->
+              <!--                <a-col :span="12">-->
+              <!--                  <a-form-item label="密码" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">-->
+              <!--                    <a-input @change="event => event.target.value = event.target.value.trim()"-->
+              <!--                             v-decorator="[ 'password', validatorRules.password]" placeholder="请输入密码" type="password"-->
+              <!--                             :maxLength="30"></a-input>-->
+              <!--                  </a-form-item>-->
+              <!--                </a-col>-->
+              <!--                <a-col :span="12">-->
+              <!--                  <a-form-item label="再次输入密码" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">-->
+              <!--                    <a-input @change="event => event.target.value = event.target.value.trim()"-->
+              <!--                             v-decorator="[ 'verifyPassword', validatorRules.verifyPassword]" placeholder="请再次输入密码"-->
+              <!--                             type="password" :maxLength="30"></a-input>-->
+              <!--                  </a-form-item>-->
+              <!--                </a-col>-->
+              <!--              </a-row>-->
+              <!--单位信息start-->
+              <div class="info">
+                <span></span>单位信息
+              </div>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="法人代表" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input @change="event => event.target.value = event.target.value.trim()"
+                             v-decorator="[ 'legalRepresent', validatorRules.legalRepresent]" placeholder="请输入法人代表"
+                             :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="隶属部门/集团" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input
+                      @change="event => event.target.value = event.target.value.trim()"
+                      v-decorator="[ 'companyDepartment']"
+                      placeholder="请输入隶属部门/集团"
+                      :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-form-item label="单位性质" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                    <!--            <a-checkbox-group :options="plainOptions"-->
+                    <!--                              v-decorator="[ 'companyNature', validatorRules.companyNature]"-->
+                    <!--                              @change="onChange"/>-->
+                    <j-multi-select-tag
+                      v-model="checkboxValue"
+                      :options="dictOptions"
+                      type="checkbox"
+                      v-decorator="[ 'companyNature', validatorRules.companyNature]"
+                      @onchange="plainOptionsOnchange">
+                    </j-multi-select-tag>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-form-item label="主要业务或主要产品简介:" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                    <a-textarea rows="5" @change="event => event.target.value = event.target.value.trim()"
+                                v-decorator="['companyBusinessDesc',validatorRules.companyBusinessDesc]"
+                                :maxLength="500" />
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-form-item label="营业执照复印件" :labelCol="labelCol1" :wrapperCol="wrapperCol1">
+                    <r-image-upload isLessThan5M isMultiple
+                                    v-decorator="['businessLicenseFileId', validatorRules.businessLicenseFileId]"
+                                    :number="10"></r-image-upload>
+                    <p style="color: red">请上传大小在5M内的图片。</p>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <!--标准化部门信息start-->
+              <div class="info">
+                <span></span>标准化部门信息
+              </div>
+              <a-row>
+                <a-col :span="12" class="depart">
+                  <a-form-item label="标准化部门(主管/监管)" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input
+                      @change="event => event.target.value = event.target.value.trim()"
+                      v-decorator="[ 'standardDepartment', validatorRules.standardDepartment]"
+                      placeholder="请输入标准化部门"
+                      :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                  <a-form-item label="标准化工作负责人" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input
+                      @change="event => event.target.value = event.target.value.trim()"
+                      v-decorator="[ 'standardLeadingMan', validatorRules.standardLeadingMan]"
+                      placeholder="请输入标准化工作负责人"
+                      :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="固定电话" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input v-decorator="[ 'standardPhone', validatorRules.standardPhone]" 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="12">
+                  <a-form-item label="手机" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input v-decorator="[ 'standardMobile', validatorRules.standardMobile]" placeholder="请输入手机"
+                             :maxLength="50"
+                             @change="(e) => {e.target.value = e.target.value.replace(/[^0-9.]/g,'')}"></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="E-mail" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input @change="event => event.target.value = event.target.value.trim()"
+                             v-decorator="[ 'standardEmail', validatorRules.standardEmail]" placeholder="请输入E-mail"
+                             :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                  <a-form-item label="职务" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input @change="event => event.target.value = event.target.value.trim()"
+                             v-decorator="[ 'standardPost', validatorRules.standardPost]" placeholder="请输入职务"
+                             :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="12" class="joined-col">
+                  <a-form-item label="已加入的行业组织/协会/团体/联盟/委员会等" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input
+                      @change="event => event.target.value = event.target.value.trim()"
+                      v-decorator="[ 'industrialOrganization']"
+                      placeholder="请输入已加入的行业组织/协会/团体/联盟/委员会等"
+                      :maxLength="50"
+                    ></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <!--联系人信息start-->
+              <div class="info"><span></span>联系人信息</div>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="联系人" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input @change="event => event.target.value = event.target.value.trim()"
+                             v-decorator="[ 'liaisonMan', validatorRules.liaisonMan]" placeholder="请输入联系人"
+                             :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                  <a-form-item label="手机" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input v-decorator="[ 'mobile', validatorRules.mobile]" placeholder="请输入手机" :maxLength="50"
+                             @change="(e) => {e.target.value = e.target.value.replace(/[^0-9.]/g,'')}"></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="固定电话" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input v-decorator="[ 'phone', validatorRules.phone]" 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="12">
+                  <a-form-item label="E-mail" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input @change="event => event.target.value = event.target.value.trim()"
+                             v-decorator="[ 'email', validatorRules.email]" placeholder="请输入E-mail"
+                             :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="通讯地址" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input @change="event => event.target.value = event.target.value.trim()"
+                             v-decorator="[ 'address', validatorRules.address]" placeholder="请输入通讯地址"
+                             :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                  <a-form-item label="邮编" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input v-decorator="[ 'postcode', validatorRules.postcode]" placeholder="请输入邮编" :maxLength="50"
+                             @change="(e) => {e.target.value = e.target.value.replace(/[^0-9]/g,'')}"></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <!--联系人信息start-->
+              <div class="info"><span></span>发票信息</div>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="关联付款发票名称" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input @change="event => event.target.value = event.target.value.trim()"
+                             v-decorator="[ 'invoiceInfo', validatorRules.invoiceInfo]" placeholder="请输入关联付款发票名称"
+                             :maxLength="50"></a-input>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="12">
+                  <a-form-item label="社会统一代码/税号" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <a-input v-decorator="[ 'taxNo', validatorRules.taxNo]" placeholder="请输入社会统一代码/税号" :maxLength="50"
+                             @change="(e) => {e.target.value = e.target.value.replace(/[^0-9A-Z]/g,'')}"></a-input>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <!--2021-09-23 增加 单位地址、电话号码、开户银行、银行账户字段-->
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="单位地址" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <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-col :span="12">
+                  <a-form-item label="电话号码" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <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-row>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item label="开户银行" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <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="12">
+                  <a-form-item label="银行账户" :labelCol="labelColTemp" :wrapperCol="wrapperColTemp">
+                    <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>
+              <!--联系人信息start-->
+              <div class="info"><span></span>入会申请表</div>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item :labelCol="labelColTemp" :wrapperCol="wrapperColTemp" label="生成入会申请表">
+                    <span class="down-word" @click="downloadApplyWord">点击下载</span>
+                    <span style="color: red">(盖公章后上传注册)</span>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="12">
+                  <a-form-item :labelCol="labelColTemp" :wrapperCol="wrapperColTemp" label="入会申请表">
+                    <r-upload
+                      file-type="pdf"
+                      file-type-error-message="请上传pdf文件"
+                      v-decorator="['applicationWordId', validatorRules.applicationWordId]"
+                      :multiple="false"
+                      :number="1"
+                      :trigger-change="true">
+                    </r-upload>
+                    <span style="color: #bfbfbf">请上传pdf文件</span>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="10"></a-col>
+                <a-col :span="2">
+                  <a-form-item>
+                    <a-button
+                      type="primary"
+                      htmlType="submit"
+                      class="register-button"
+                      :loading="registerBtn"
+                      @click.stop.prevent="handleSubmit"
+                      :disabled="registerBtn">注册
+                    </a-button>
+                  </a-form-item>
+                </a-col>
+                <a-col :span="2">
+                  <a-form-item>
+                    <a-button @click="toLogin" style="margin-left: 30px;">取消</a-button>
+                  </a-form-item>
+                </a-col>
+              </a-row>
+            </a-form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a-card>
+
+</template>
+
+<script>
+import { mixinDevice } from '@/utils/mixin.js'
+
+import { postAction, downloadPostFile } from '@/api/memberManage'
+import RImageUpload from '../../../components/standardsAssociation/RImageUpload'
+import RUpload from '../../../components/standardsAssociation/RUpload'
+
+import { checkOnlyUser, getDictOptions, checkOnlyCompany, emailCheck, phoneCheck, checkOnlytaxNo, getEncryptedString } from '@/api/standardsAssociationApi'
+import JMultiSelectTag from '@/components/standardsAssociation/JMultiSelectTag.vue'
+// import { encrypt, getEncryptedString } from '@/utils/encryption/rsaEncrypt'
+import { JSEncrypt } from 'jsencrypt'
+import {phoneReg, isPhone} from '@/utils/validate'
+const levelNames = {
+  0: '低',
+  1: '低',
+  2: '中',
+  3: '强'
+}
+const levelClass = {
+  0: 'error',
+  1: 'error',
+  2: 'warning',
+  3: 'success'
+}
+const levelColor = {
+  0: '#ff0000',
+  1: '#ff0000',
+  2: '#ff7e05',
+  3: '#52c41a'
+}
+export default {
+  name: 'MemberRegister',
+  components: {
+    JMultiSelectTag,
+    RImageUpload,
+    RUpload
+  },
+  mixins: [mixinDevice],
+  data() {
+    return {
+      form: this.$form.createForm(this),
+      validatorRules: {
+        legalRepresent: { rules: [{ required: true, message: '请输入法人代表' }], validateTrigger: 'blur' },
+        password: {
+          rules: [{ required: true, validator: this.handlePasswordLevel, validateTrigger: ['onblur'] }],
+          validateTrigger: 'blur'
+        },
+        verifyPassword: { rules: [{ required: true, validator: this.handlePasswordCheck }], validateTrigger: 'blur' },
+        companyName: { rules: [{ required: true, validator: this.checkCompany }], validateTrigger: 'blur' },
+        realname: { rules: [{ required: true, message: '请输入用户昵称' }], validateTrigger: 'blur' },
+        companyDepartment: { rules: [{ required: true, message: '请输入隶属部门/集团' }], validateTrigger: 'blur' },
+        companyNature: { rules: [{ required: true, message: '请选择单位性质' }], validateTrigger: ['blur', 'change'] },
+        businessLicenseFileId: {
+          rules: [{ required: true, message: '请上传营业执照复印件' }],
+          validateTrigger: ['blur', 'change']
+        },
+        companyBusinessDesc: { rules: [{ required: true, message: '请输入主要业务或主要产品简介' }], validateTrigger: 'blur' },
+        standardDepartment: { rules: [{ required: true, message: '请输入标准化部门' }], validateTrigger: 'blur' },
+        standardLeadingMan: { rules: [{ required: true, message: '请输入标准化工作负责人' }], validateTrigger: 'blur' },
+        standardPhone: { rules: [{ required: false, validator: this.standardPhoneCheck }], validateTrigger: 'blur' },
+        standardMobile: { rules: [{ required: true, validator: this.handlePhoneCheck }], validateTrigger: 'blur' },
+        standardEmail: { rules: [{ required: true, validator: this.handleEmailCheck }], validateTrigger: 'blur' },
+        standardPost: { rules: [{ required: true, message: '请输入职务' }], validateTrigger: 'blur' },
+        liaisonMan: { rules: [{ required: true, message: '请输入联系人' }], validateTrigger: 'blur' },
+        mobile: { rules: [{ required: true, validator: this.handleLinkmanPhoneCheck }], validateTrigger: 'blur' },
+        phone: {
+          rules: [{ required: false, validator: this.standardPhoneCheck, validateTrigger: ['change', 'blur'] }],
+          validateTrigger: 'blur'
+        },
+        email: { rules: [{ required: true, validator: this.handleLinkmanEmailCheck }], validateTrigger: 'blur' },
+        address: { rules: [{ required: true, message: '请输入通讯地址' }], validateTrigger: 'blur' },
+        postcode: { rules: [{ required: true, validator: this.handlePostcodeCheck }], validateTrigger: 'blur' },
+        invoiceInfo: { rules: [{ required: true, message: '请输入关联付款发票名称' }], validateTrigger: 'blur' },
+        taxNo: { rules: [{ required: true, validator: this.handleTaxNoCheck }], 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' },
+        industrialOrganization: {
+          rules: [{ required: true, message: '请输入已加入的行业组织、协会、团体、联盟、委员会等' }],
+          validateTrigger: 'blur'
+        },
+        applicationWordId: { rules: [{ required: true, message: '请上传入会申请表' }], validateTrigger: ['blur', 'change'] }
+      },
+      plainOptions: ['集团公司', '事业单位', '高校', '科研/检测机构', '乘用车企业', '客车企业', '商用车企业', '专用车企业', '零部件企业', '摩托车企业', '其他'],
+
+      labelColTemp: {// 控制缩进(sm)
+        xl: { span: 8 },
+        xs: { span: 10 },
+        sm: { span: 8 }
+      },
+      wrapperColTemp: {// 控制输入框长度(sm)
+        xl: { span: 11 },
+        xs: { span: 10 },
+        sm: { span: 14 }
+      },
+      labelCol: {
+        xl: { span: 4 },
+        xs: { span: 6 },
+        sm: { span: 2 }
+      },
+      wrapperCol: {
+        xl: { span: 14 },
+        xs: { span: 12 },
+        sm: { span: 14 }
+      },
+      labelCol1: {
+        xs: { span: 6 },
+        sm: { span: 4 }
+      },
+      wrapperCol1: {
+        xs: { span: 10 },
+        sm: { span: 14 }
+      },
+      state: {
+        time: 60,
+        smsSendBtn: false,
+        passwordLevel: 0,
+        passwordLevelChecked: false,
+        percent: 10,
+        progressColor: '#FF0000'
+      },
+      registerBtn: false,
+      checkboxValue: '', // 选中的值
+      dictOptions: [], // 数据字典返回的封装好的格式
+      encryptedString: ''
+
+    }
+  },
+  created() {
+    this.getEncrypte()
+  },
+  mounted() {
+    this.getDictOptions()
+  },
+  computed: {
+    passwordLevelClass() {
+      return levelClass[this.state.passwordLevel]
+    },
+    passwordLevelName() {
+      return levelNames[this.state.passwordLevel]
+    },
+    passwordLevelColor() {
+      return levelColor[this.state.passwordLevel]
+    }
+  },
+  methods: {
+    plainOptionsOnchange(checkedValues) {
+      for (var i in checkedValues) {
+        this.checkboxValue = this.checkboxValue + i + ','
+      }
+      this.checkboxValue.substring(0, this.checkboxValue.length - 1)
+      console.log(this.checkboxValue, ' this.checkboxValue')
+    },
+    getDictOptions() {
+      getDictOptions({ code: 'company_nature' }).then((res) => {
+        if (res.success) {
+          this.dictOptions = res.result
+        }
+      })
+    },
+    onChange(value) {
+      this.companyNature = value
+    },
+
+    // checkUsername(rule, value, callback) {
+    //   if (value === undefined || value==="") {
+    //     callback(new Error('请输入用户名'))
+    //   }
+    //   var params = {
+    //     username: value,
+    //   };
+    //   checkOnlyUser(params).then((res) => {
+    //     if (res.success) {
+    //       callback()
+    //     } else {
+    //       callback("用户名已存在!");
+    //     }
+    //   })
+    // },
+    checkCompany(rule, value, callback) {
+      const reg = /\S{1,50}/
+      if (!reg.test(value)) {
+        callback(new Error('请输入单位全称'))
+      }
+      if (value === undefined || value === '') {
+        callback(new Error('请输入单位全称'))
+        return
+      }
+      var params = {
+        companyName: value
+      }
+      checkOnlyCompany(params).then((res) => {
+        if (!res.success) {
+          callback()
+        } else {
+          callback('此单位名不可用')
+        }
+      }, () => {
+        callback(new Error('校验错误'))
+      })
+    },
+    handlePasswordLevel(rule, value, callback) {
+      // /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,30}$/
+      let level = 0
+      const reg = /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,30}$/
+      if (!reg.test(value)) {
+        callback(new Error('密码长度至少8位，并包括数字、小写字母、大写字母和特殊符号4类中的3类'))
+      } else {
+        callback()
+      }
+      // 判断这个字符串中有没有数字
+      if (/[0-9]/.test(value)) {
+        level++
+      }
+      // 判断字符串中有没有字母
+      if (/[a-zA-Z]/.test(value)) {
+        level++
+      }
+      this.state.passwordLevel = level
+      this.state.percent = level * 30
+      if (level >= 2) {
+        if (level >= 3) {
+          this.state.percent = 100
+        }
+        callback()
+      } else {
+        if (level === 0) {
+          this.state.percent = 10
+        }
+        callback(new Error('密码强度不够'))
+      }
+    },
+    handleEmailCheck(rule, value, callback) {
+      const reg = /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/
+      if (!reg.test(value)) {
+        callback(new Error('请输入正确格式的邮箱'))
+        return
+      } else {
+        callback()
+      }
+      var params = {
+        email: value
+      }
+      checkOnlyUser(params).then((res) => {
+        if (!res.success) {
+          callback()
+        } else {
+          callback(new Error('邮箱已存在!'))
+        }
+      }, () => {
+        callback(new Error('校验错误'))
+      })
+    },
+    handleLinkmanEmailCheck(rule, value, callback) {
+      const reg = /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/
+      if (!reg.test(value)) {
+        callback(new Error('请输入正确格式的邮箱'))
+        return
+      } else {
+        // callback()
+      }
+      var params = {
+        email: value
+      }
+      emailCheck(params).then((res) => {
+        if (!res.success) {
+          callback()
+        } else {
+          callback(new Error('邮箱已存在!'))
+        }
+      }, () => {
+        callback(new Error('校验错误'))
+      })
+    },
+    /*
+    * 验证发票信息-电话号码 的正确性
+    * */
+    handleInvoicePhoneCheck(rule, value, callback) {
+      if (!value) {
+        callback(new Error('请输入电话号码'))
+        return
+      } else {
+        if (phoneReg(value) || isPhone(value)) {
+          callback()
+        } else {
+          callback(new Error('请输入正确格式的电话号码'))
+        }
+      }
+    },
+    standardSoleDutyCount(rule, value, callback) {
+      const reg = /^[0-9]\d*$/
+      if (!reg.test(value)) {
+        callback(new Error('请输入0或者正整数'))
+      } else {
+        callback()
+      }
+    },
+    handlePostcodeCheck(rule, value, callback) {
+      const reg = /^[0-9]\d{5}$/
+      if (!reg.test(value)) {
+        callback(new Error('请输入正确格式的邮编'))
+      } else {
+        callback()
+      }
+    },
+    handleTaxNoCheck(rule, value, callback) {
+      if (!value) {
+        callback(new Error('请输入社会统一代码/税号'))
+        return
+      }
+      // const reg = /^[A-Z0-9]{15}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value && !reg.test(value)) {
+        // callback(new Error('15位、17位、18位、20位数字和大写英文字母'))
+        callback(new Error('请输入15位、18位的社会统一代码/税号'))
+      } else {
+        // callback()
+      }
+
+      var params = {
+        taxNo: value
+      }
+      checkOnlytaxNo(params).then((res) => {
+        if (!res.success) {
+          callback()
+        } else {
+          callback(new Error('社会统一代码/税号已存在'))
+        }
+      }, () => {
+        callback(new Error('校验错误'))
+      })
+    },
+
+    handlePasswordCheck(rule, value, callback) {
+      const reg = /\S{1,50}/
+      if (!reg.test(value)) {
+        callback(new Error('请再次输入密码'))
+      }
+      const password = this.form.getFieldValue('password')
+      if (value === undefined) {
+        callback(new Error('请再次输入密码'))
+      }
+      if (value && password && value.trim() !== password.trim()) {
+        callback(new Error('两次密码不一致'))
+      }
+      callback()
+    },
+
+    handlePhoneCheck(rule, value, callback) {
+      const reg = /^((13[0-9])|(14[579])|(15([0-3]|[5-9]))|(17[0135678])|(18[0-9])|(19[8|9])|(16[6]))\d{8}$/
+      if (!reg.test(value)) {
+        callback(new Error('请输入正确格式的手机号'))
+      } else {
+        callback()
+      }
+    },
+    handleLinkmanPhoneCheck(rule, value, callback) {
+      const reg = /^((13[0-9])|(14[5,7,9])|(15([0-3]|[5-9]))|(17[0135678])|(18[0-9])|(19[8|9])|(16[6]))\d{8}$/
+      if (!reg.test(value)) {
+        callback(new Error('请输入正确格式的手机号'))
+        return
+      } else {
+        // callback()
+      }
+      var params = {
+        mobile: value
+      }
+
+      phoneCheck(params).then((res) => {
+        if (!res.success) {
+          callback()
+        } else {
+          callback(new Error('手机号已存在'))
+        }
+      }, () => {
+        callback(new Error('校验错误'))
+      })
+    },
+    toLogin() {
+      this.$router.push({ name: 'userResult' })
+    },
+    standardPhoneCheck(rule, value, callback) {
+      const reg = /^((0\d{2,3}-\d{7,8}))$/
+      const regNull = /\S{1,50}/
+      if (!value || (!regNull.test(value))) {
+        // callback(new Error('请输入固定电话'))
+        callback()
+        return
+      }
+      if (!reg.test(value)) {
+        callback(new Error('请输入正确的固定电话号码,例如: 022-87491024'))
+        return
+      } else {
+        callback()
+      }
+      var params = {
+        phone: value
+      }
+      checkOnlyUser(params).then((res) => {
+        if (res.success) {
+          callback()
+        } else {
+          callback(new Error('座机号已存在!'))
+        }
+      }, () => {
+        callback(new Error('校验错误'))
+      })
+    },
+
+    handlePasswordInputClick() {
+      if (!this.isMobile()) {
+        this.state.passwordLevelChecked = true
+        return
+      }
+      this.state.passwordLevelChecked = false
+    },
+
+    handleSubmit() {
+      console.log('this.form=======', this.form)
+      this.form.validateFields((err, values) => {
+        console.log('values', values)
+        if (!err) {
+          let encrypt = new JSEncrypt()
+          encrypt.setPublicKey(this.encryptedString)
+          var register = {
+            legalRepresent: values.legalRepresent,
+            // password: values.password,
+            password: encrypt.encrypt(values.password),
+            businessLicenseFileId: values.businessLicenseFileId,
+            rsapublickey: this.encryptedString,
+            // verifyPassword: values.verifyPassword,
+            // verifyPassword: encrypt.encrypt(values.verifyPassword),
+            companyName: values.companyName,
+            realname: values.companyName, // 将昵称隐藏，修改成和企业名称一致的名字
+            companyDepartment: values.companyDepartment,
+            companyNature: this.checkboxValue,
+            companyBusinessDesc: values.companyBusinessDesc,
+            standardDepartment: values.standardDepartment,
+            standardLeadingMan: values.standardLeadingMan,
+            standardPhone: '',
+            standardMobile: encrypt.encrypt(values.standardMobile),
+            standardEmail: encrypt.encrypt(values.standardEmail),
+            standardPost: values.standardPost,
+            standardSoleDutyCount: values.standardSoleDutyCount,
+            standardConcurrentCount: values.standardConcurrentCount,
+            liaisonMan: values.liaisonMan,
+            mobile: encrypt.encrypt(values.mobile),
+            phone: '',
+            email: encrypt.encrypt(values.email),
+            address: values.address,
+            postcode: values.postcode,
+            invoiceInfo: values.invoiceInfo,
+            taxNo: values.taxNo,
+            applicationWordId: values.applicationWordId,
+            industrialOrganization: values.industrialOrganization,
+            invoiceAddress: values.invoiceAddress,
+            invoicePhone: values.invoicePhone,
+            depositBank: values.depositBank,
+            bankAccount: values.bankAccount
+          }
+          if(values.standardPhone) {
+            // 标准化负责人固定电话 做特殊处理
+            register.standardPhone = encrypt.encrypt(values.standardPhone)
+          }
+          if(values.phone) {
+            // 联系人-固定电话 做特殊处理
+            register.phone = encrypt.encrypt(values.phone)
+          }
+          console.log('register', register)
+          // postAction("/sys/user/register", register).then((res) => {
+          postAction('/memberInfo/memberInfo/add', register).then((res) => {
+            if (!res.success) {
+              this.registerFailed(res.message)
+            } else {
+              this.$router.push({ name: 'MemberRegisterResult', params: { ...values } })
+            }
+          })
+        }
+      })
+    },
+
+    getCaptcha(e) {
+      e.preventDefault()
+      const that = this
+      this.form.validateFields(['mobile'], { force: true }, (err, values) => {
+          if (!err) {
+            this.state.smsSendBtn = true
+            const interval = window.setInterval(() => {
+              if (that.state.time-- <= 0) {
+                that.state.time = 60
+                that.state.smsSendBtn = false
+                window.clearInterval(interval)
+              }
+            }, 1000)
+            const hide = this.$message.loading('验证码发送中..', 0)
+            const params = {
+              mobile: values.mobile,
+              smsmode: '1'
+            }
+            postAction('/sys/sms', params).then((res) => {
+              if (!res.success) {
+                this.registerFailed(res.message)
+                setTimeout(hide, 0)
+              }
+              setTimeout(hide, 500)
+            }).catch(err => {
+              setTimeout(hide, 1)
+              clearInterval(interval)
+              that.state.time = 60
+              that.state.smsSendBtn = false
+              this.requestFailed(err)
+            })
+          }
+        }
+      )
+    },
+    registerFailed(message) {
+      this.$notification['error']({
+        message: '注册失败',
+        description: message,
+        duration: 2
+      })
+    },
+    requestFailed(err) {
+      this.$notification['error']({
+        message: '错误',
+        description: ((err.response || {}).data || {}).message || '请求出现错误，请稍后再试',
+        duration: 4
+      })
+      this.registerBtn = false
+    },
+    // 获取密码加密规则
+    getEncrypte() {
+      getEncryptedString().then((data) => {
+        this.encryptedString = data.result
+      })
+    },
+    goBack() {
+      // this.$router.go(-1)
+      this.$router.push({
+        path: '/user/login'
+      })
+    },
+    /*
+    * 下载入会申请表
+    * */
+    downloadApplyWord() {
+      const validateString = Object.keys(this.validatorRules)
+      validateString.forEach((item, index) => {
+        if (item === 'applicationWordId') {
+          validateString.splice(index, 1)
+        }
+      })
+      // 取消下载入会申请表的限制
+      const domObj = this.form.getFieldsValue(validateString)
+      downloadPostFile('/memberInfo/memberInfo/downloadApplicationWord', '入会申请表.docx', domObj)
+      // this.form.validateFields(validateString, (err, values) => {
+      //   // if (!err) {
+      //   //   const params = Object.assign({}, values)
+      //   //   downloadPostFile('/memberInfo/memberInfo/downloadApplicationWord', '入会申请表.docx', params)
+      //   // }
+      // })
+    }
+  },
+  watch: {
+    'state.passwordLevel'(val) {
+      console.log(val)
+    }
+  }
+}
+</script>
+<style lang="less">
+.user-register {
+
+  &.error {
+    color: #ff0000;
+  }
+
+  &.warning {
+    color: #ff7e05;
+  }
+
+  &.success {
+    color: #52c41a;
+  }
+
+}
+
+.user-layout-register {
+  .ant-input-group-addon:first-child {
+    background-color: #fff;
+  }
+}
+</style>
+<style lang="less" scoped>
+/deep/ .ant-card {
+  width: 100%;
+  overflow: hidden;
+}
+/deep/ .ant-card-body {
+  padding: 0 !important;
+  height: 100%;
+  background: #F0F2F5;
+}
+
+
+.register {
+  width: 1200px;
+  margin: auto;
+  padding: 30px 0 0 0;
+
+  #formRegister {
+    width: 100%;
+  }
+}
+
+.back-head {
+  width: 100%;
+  height: 60px;
+  background: #069F99;
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+  color: #fff;
+
+  span {
+    cursor: pointer;
+    margin: 0 20px;
+
+    img {
+      width: 80px;
+    }
+  }
+}
+
+.register-box {
+  padding: 20px;
+  background: #F5F5F5;
+  height: calc(100% - 60px);
+  overflow: auto;
+
+  .register-content {
+    background: #fff;
+    border-right: 10px;
+  }
+}
+
+/deep/ #userLayout.user-layout-wrapper .container .main {
+  width: 1920px !important;
+}
+
+.user-layout-register {
+
+  & > h3 {
+    font-size: 16px;
+    margin-bottom: 20px;
+  }
+
+  .getCaptcha {
+    display: block;
+    width: 100%;
+    height: 40px;
+  }
+
+  .login {
+    float: right;
+    line-height: 40px;
+  }
+}
+
+/*注册样式重写*/
+.info {
+  margin-bottom: 25px;
+  height: 48px;
+  background: rgba(6, 159, 153, 0.1);
+  font-size: 16px;
+  width: 100%;
+  color: #2F3133;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+
+  span {
+    display: inline-block;
+    width: 3px;
+    height: 16px;
+    background: #069F99;
+    border-radius: 2px;
+    margin-right: 5px;
+  }
+}
+
+.right {
+  margin-left: 20px !important;
+}
+
+.down-word {
+  color: #02a7f0;
+  cursor: pointer;
+  margin-right: 8px;
+}
+
+.joined-col {
+  /deep/ label {
+    white-space: pre-wrap;
+    line-height: 150% !important;
+    margin-right: 8px;
+  }
+}
+
+.notice-info {
+  color: red;
+  margin-bottom: 20px;
+}
+</style>
diff --git a/src/views/standardsAssociation/register/RegisterResult.vue b/src/views/standardsAssociation/register/RegisterResult.vue
new file mode 100644
index 0000000..0cf08a9
--- /dev/null
+++ b/src/views/standardsAssociation/register/RegisterResult.vue
@@ -0,0 +1,81 @@
+<template>
+  <a-card style="width: 100%;height: 100%;text-align: left;">
+    <div class="register-result-content">
+      <result
+        :isSuccess="true"
+        :content="false"
+        :title="email">
+
+        <template slot="action">
+          <a-button size="large" style="margin-left: 8px" @click="goHomeHandle">返回登录页</a-button>
+        </template>
+
+      </result>
+    </div>
+  </a-card>
+</template>
+
+<script>
+import Result from '@/views/result/Result'
+
+export default {
+  name: 'MemberRegisterResult',
+  components: {
+    Result
+  },
+  data() {
+    return {
+      form: {}
+    }
+  },
+  computed: {
+    email() {
+      const v = this.form ? this.form.username || this.form.mobile : ' XXX '
+      // const title = `申请表提交成功，等待标协管理员审核，审核结果将24小时内发送至邮箱。`
+      const title = `感谢您的关注！您的申请已收到，请耐心等待系统审核，24小时内您将收到我们发至预留联系人电子邮箱的邮件，请注意查收！`
+      // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+      this.username = v
+      return title
+    }
+  },
+  created() {
+    this.form = this.$route.params
+  },
+  methods: {
+    goHomeHandle() {
+      const params = {}
+      params.username = this.form.username
+      params.password = this.form.password
+      this.$router.push({path: '/user/login'})
+      // console.log(params)
+      // this.$router.push({ name: 'login', params })
+      // window.open(`${window._CONFIG['IncomePaymentsLoginUrl']}/user/login`, '_self')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+/deep/ .ant-card {
+  width: 100%;
+  overflow: hidden;
+}
+/deep/ .ant-card-body {
+  padding: 0 !important;
+  height: 100%;
+  background: #F0F2F5;
+}
+.register-result-content{
+  background: #fff;
+  width: calc(100% - 40px);
+  height: calc(100% - 40px);
+  margin: 20px;
+  display: flex;
+  align-items: center;
+  /deep/.result{
+    margin-bottom: 20px;
+    width: 60%;
+  }
+}
+
+</style>