GFRS-2618【前端】2021/09/27修改前端bug,此版本合并dev，提交复测 --提交人：张齐

2025-12-18 19:06:44 +08:00 · 2021-09-27 20:37:01 +08:00
parent 6c48b4e3d6
commit cb7ccbcaa9
8 changed files with 656 additions and 297 deletions
--- a/src/components/ebiz/parentList/Parent.vue
+++ b/src/components/ebiz/parentList/Parent.vue
@@ -15,7 +15,7 @@
      </div>
      <div v-else class='text-center'>
        <img class='mt40 w200' src='../../../assets/images/pic_page-non.png' />
-        <p class='mt15'>{{ locationHashFlag !== -1 ? '暂无数据':'暂无数据，请在我的资料或申请流程中添加父母信息' }}</p>
+        <p class='mt15'>{{ locationHashFlag !== -1 ? '暂无数据' : '暂无数据，请在我的资料或申请流程中添加父母信息' }}</p>
      </div>
    </van-index-bar>

@@ -102,8 +102,22 @@ export default {
      getAllowanceBaseDetail(params).then(res => {
        // console.log(res, '详情')
        if (res.result == '0') {
-          // 获取享受人数据，然后传给父组件中的方法
-          this.$emit('on-choose', res.content.allowanceBaseDTO.allowanceBaseEnjoyDTO)
+          // 获取选中的人（父亲或母亲）的申请人数据，享受人数据，账户信息数据，影像资料数据的数据对象，
+          // 然后传给父组件中的方法
+          // 在账户信息页面出现一个问题，账户信息页面如果是'新增'数据，则账户信息数据对象中的id应该空的,
+          // 当从父母列表中选择数据，然后存入缓存，父母列表中对应的数据是存在这个id字段的数据的，
+          // 如果账户信息页面是从这个缓存中取值，那么id这个字段也会取出并赋值，这样的错误的
+          // 因为id存在值的话，后台程序判断的是'编辑'操作，但是实际上是'新增'操作，这样的结果是控制台报错，无法跳转到影像资料页面
+          // 所以在这里要先把id设置为空，防止出现这个问题
+          // 只有在津贴申请的流程时，才执行这段代码，把id设置为空，
+          // 因为在津贴申请时，这个对象是要存入缓存的，缓存中这个id对应的值应该是空；
+          // 而我的资料流程是不用存缓存的，所以在我的资料流程中无需考虑父母列表信息，选中的人（父亲或母亲）的数据缓存情况
+          if (this.locationHashFlag === -1) {
+            if (res.content.allowanceBaseDTO.allowanceBaseBankDTO !== null) {
+              res.content.allowanceBaseDTO.allowanceBaseBankDTO.id = ''
+            }
+          }
+          this.$emit('on-choose', res.content.allowanceBaseDTO)
        }
      })
    },
--- a/src/views/ebiz/allowance/application/AccountInfo.vue
+++ b/src/views/ebiz/allowance/application/AccountInfo.vue
@@ -125,7 +125,7 @@ export default {
        mobile: '', // 手机号码
        isSelf: 0 //  是否是享受人本人银行卡 1:是; 0:不是
      },
-      allowanceUserInfo: {}, // 定义存储申请人信息与享受人信息的数据的对象
+      allowanceUserInfo: {}, // 定义存储申请人信息，享受人信息，账户信息的数据对象
      areaList,
      isAreaListShow: false, // 控制显示或隐藏选择开户银行省市的弹窗的变量
      isScan: false, // 控制显示或隐藏银行卡扫描页面的变量
@@ -133,7 +133,10 @@ export default {
      inputShow: true, //模糊查询功能
      islistShow: false, //控制显示或隐藏选择银行的弹窗的变量
      isPassedCardCheck: false,
-      allowancePageFlag: '2' // 定义顶部导航记录当前展示的是第几个页面或流程的标识
+      allowancePageFlag: '2', // 定义顶部导航记录当前展示的是第几个页面或流程的标识
+      // 从缓存中获取在父母列表中所选中的人（父亲或母亲）的申请人数据，享受人数据，账户信息数据，影像资料数据的数据对象
+      // 如果没有这个缓存，'localStorageAllowanceParentInfo'这个变量的值应该为null
+      localStorageAllowanceParentInfo: JSON.parse(localStorage.getItem('allowanceParentInfo'))
    }
  },
  created() {
@@ -178,14 +181,66 @@ export default {
            // 将申请人的数据对象赋值给对象中的属性
            applicantInfo: res.content.allowanceDTO.allowanceApplyDTO,
            // 将享受人的数据对象赋值给对象中的属性
-            enjoyUserInfo: res.content.allowanceDTO.allowanceEnjoyDTO
+            enjoyUserInfo: res.content.allowanceDTO.allowanceEnjoyDTO,
+            // 将账户信息的数据对象赋值给对象中的属性
+            bankInfo: res.content.allowanceDTO.allowanceBankDTO
          }
-          // 判断是新增操作还是编辑操作的类型，根据不同操作类型执行不同的程序
-          if (this.$route.query.edit) {
-            // 把账户信息数据对象赋值给一个新的变量
-            let data = res.content.allowanceDTO.allowanceBankDTO
          // 赋值持卡人姓名（享受人），获取享受人数据中的享受人姓名，并赋值给变量
          this.accountBankInfo.accountName = this.allowanceUserInfo.enjoyUserInfo.name
+          // 判断是新增操作还是编辑操作的类型，根据不同操作类型执行不同的程序
+          if (this.$route.query.edit) {
+            // 定义一个新的数据对象
+            let data = {}
+            // 如果是编辑操作进入的页面，判断是否有点击'下一步'操作而保存过账户信息的数据；如果有，则使用这个保存的数据
+            // 如果没有，则去判断是否存在'localStorageAllowanceParentInfo'这个缓存数据；如果有，则使用这个缓存中的数据
+            // 如果这两个数据都不存在，则不执行下方if语句，无需调用给'accountBankInfo'对象中的变量进行赋值的方法，
+            // 页面输入项不用进行回显，输入项为空即可
+            if (this.allowanceUserInfo.bankInfo !== null) {
+              // 把账户信息数据对象赋值给新的变量
+              data = this.allowanceUserInfo.bankInfo
+              // 调用给'accountBankInfo'对象中的变量进行赋值的方法
+              this.assignmentValueBankInfoFunc(data)
+            } else if (this.localStorageAllowanceParentInfo !== null) {
+              // 判断缓存对象中是否有账户信息的数据
+              if (this.localStorageAllowanceParentInfo.allowanceBaseBankDTO !== null) {
+                // 把缓存对象中的账户信息数据对象赋值给一个新的变量
+                let data = this.localStorageAllowanceParentInfo.allowanceBaseBankDTO
+                // 调用给'accountBankInfo'对象中的变量进行赋值的方法
+                this.assignmentValueBankInfoFunc(data)
+              }
+            }
+            //如果从津贴申请列表点击编辑按钮进入
+            if (this.$route.query.edit && !this.$route.query.allowancePageFlag) {
+              this.allowancePageFlag = '2'
+              localStorage.setItem('allowancePageFlag', this.allowancePageFlag)
+            }
+          } else {
+            if (this.localStorageAllowanceParentInfo !== null) {
+              // 判断缓存对象中是否有账户信息的数据
+              if (this.localStorageAllowanceParentInfo.allowanceBaseBankDTO !== null) {
+                // 把缓存对象中的账户信息数据对象赋值给一个新的变量
+                let data = this.localStorageAllowanceParentInfo.allowanceBaseBankDTO
+                // 调用给'accountBankInfo'对象中的变量进行赋值的方法
+                this.assignmentValueBankInfoFunc(data)
+              }
+            }
+            localStorage.setItem('allowancePageFlag', this.allowancePageFlag)
+          }
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+      // 关闭清除toast加载提示
+      this.$toast.clear()
+    },
+
+    /**
+     * @Description: 给'accountBankInfo'对象中的变量进行赋值的方法
+     * @params: data--数据对象。这个数据可能是从接口返回数据，也可能是缓存中存储的数据，根据情况区分
+     * @author:zhangqi
+     * @Date:2021-09-15
+     */
+    assignmentValueBankInfoFunc(data) {
      // 赋值银行所在省编码
      this.accountBankInfo.bankProvinceCode = data.bankProvinceCode
      // 赋值银行所在地区编码
@@ -202,24 +257,8 @@ export default {
      this.accountBankInfo.mobile = data.mobile
      // 赋值是否是享受人本人银行卡的单选项
      this.accountBankInfo.isSelf = data.isSelf
-            // 赋值id标识
+      // 赋值id标识, 只有当时编辑操作的时候才对id进行赋值
      this.accountBankInfo.id = data.id
-            //如果从津贴申请列表点击编辑按钮进入
-            if (this.$route.query.edit && !this.$route.query.allowancePageFlag) {
-              this.allowancePageFlag = '2'
-              localStorage.setItem('allowancePageFlag', this.allowancePageFlag)
-            }
-          } else {
-            // 获取享受人数据中的享受人姓名，并赋值给变量
-            this.accountBankInfo.accountName = this.allowanceUserInfo.enjoyUserInfo.name
-            localStorage.setItem('allowancePageFlag', this.allowancePageFlag)
-          }
-        } else {
-          this.$toast(res.resultMessage)
-        }
-      })
-      // 关闭清除toast加载提示
-      this.$toast.clear()
    },

    /**
--- a/src/views/ebiz/allowance/application/AttachmentManagement.vue
+++ b/src/views/ebiz/allowance/application/AttachmentManagement.vue
@@ -290,7 +290,10 @@ export default {
      // 是否可以点击下一步
      isDisabled: true,
      // 定义顶部导航记录当前展示的是第几个页面或流程的标识
-      allowancePageFlag: 3
+      allowancePageFlag: 3,
+      // 从缓存中获取在父母列表中所选中的人（父亲或母亲）的申请人数据，享受人数据，账户信息数据，影像资料数据的数据对象
+      // 如果没有这个缓存，'localStorageAllowanceParentInfo'这个变量的值应该为null
+      localStorageAllowanceParentInfo: JSON.parse(localStorage.getItem('allowanceParentInfo'))
    }
  },
  created() {
@@ -339,14 +342,73 @@ export default {
            // 将享受人的数据对象赋值给对象中的属性
            enjoyUserInfo: res.content.allowanceDTO.allowanceEnjoyDTO,
            // 将银行账户信息的数据对象赋值给对象中的属性
-            bankInfo: res.content.allowanceDTO.allowanceBankDTO
+            bankInfo: res.content.allowanceDTO.allowanceBankDTO,
+            // 将影像资料的数据数组集合赋值给对象中的属性
+            mediaInfo: res.content.allowanceDTO.mediaUploadDTOLst
          }
          // 判断是新增操作还是编辑操作的类型，根据不同操作类型执行不同的程序
          if (this.$route.query.edit) {
-            // 把影像资料数据数组集合赋值给一个新的变量
-            let data = res.content.allowanceDTO.mediaUploadDTOLst
-            // 判断当前页面处在编辑状态下，
-            if (data !== null) {
+            // 定义一个新的数组集合
+            let data = []
+            // 如果是编辑操作进入的页面，判断是否有点击'下一步'操作而保存过影像资料的数据；如果有，则使用这个保存的数据
+            // 如果没有，则去判断是否存在'localStorageAllowanceParentInfo'这个缓存数据；如果有，则使用这个缓存中的数据
+            // 如果这两个数据都不存在，则不执行下方if语句，无需调用给每个图片变量进行赋值的方法
+            if (this.allowanceUserInfo.mediaInfo !== null) {
+              // 把影像资料数据数组集合赋值给新的数组集合
+              data = this.allowanceUserInfo.mediaInfo
+              // 调用给影像资料图片所对应的变量进行赋值的方法
+              this.assignmentValueMediaInfoFunc(data)
+            } else if (this.localStorageAllowanceParentInfo !== null) {
+              // 判断缓存对象中是否有影像资料的数据
+              if (this.localStorageAllowanceParentInfo.mediaUploadDTOLst !== null) {
+                // 把缓存对象中的影像资料数据赋值给新的数组集合
+                data = this.localStorageAllowanceParentInfo.mediaUploadDTOLst
+                // 调用给影像资料图片所对应的变量进行赋值的方法
+                this.assignmentValueMediaInfoFunc(data)
+              }
+            }
+          } else {
+            if (this.localStorageAllowanceParentInfo !== null) {
+              // 判断缓存对象中是否有影像资料的数据
+              if (this.localStorageAllowanceParentInfo.mediaUploadDTOLst !== null) {
+                // 把缓存对象中的影像资料数据赋值给新的数组集合
+                let data = this.localStorageAllowanceParentInfo.mediaUploadDTOLst
+                // 调用给影像资料图片所对应的变量进行赋值的方法
+                this.assignmentValueMediaInfoFunc(data)
+              }
+            }
+          }
+          // 调用从缓存中获取'基本信息'与'账户信息'在scan扫描后，
+          // 存储的申请人正反证件图片，享受人正反证件图片，银行卡图片等缓存数据的方法
+          // 为了防止此接口与此方法之间存在数据异步调用的问题，所以此方法在此接口执行完成后进行调用
+          this.getScanCardByLocalStorageFunc()
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+      // 根据不同情况将顶部导航记录当前展示的是第几个页面或流程的标识的值存入对应的缓存中
+      if (!this.$route.query.edit) {
+        //如果不是编辑/导航条跳转进来的
+        localStorage.setItem('allowancePageFlag', this.allowancePageFlag)
+      } else if (this.$route.query.edit && !this.$route.query.allowancePageFlag) {
+        //如果从保单列表点击编辑按钮进入
+        this.allowancePageFlag = '3'
+        localStorage.setItem('allowancePageFlag', this.allowancePageFlag)
+      } else if (this.$route.query.allowancePageFlag) {
+        //如果是从导航栏点击进入
+        this.allowancePageFlag = localStorage.allowancePageFlag
+      }
+      // 关闭清除toast加载提示
+      this.$toast.clear()
+    },
+
+    /**
+     * @Description: 给影像资料图片所对应的变量进行赋值的方法
+     * @params: data--数据对象。这个数据可能是从接口返回数据，也可能是缓存中存储的数据，根据情况区分
+     * @author:zhangqi
+     * @Date:2021-09-27
+     */
+    assignmentValueMediaInfoFunc(data) {
      // 循环数组集合，整合数据格式，并将对应的图片路径，赋值给对应的图片模块
      data.forEach(item => {
          let name = ''
@@ -522,30 +584,6 @@ export default {
          this.list.push(obj)
        }
      )
-            }
-          }
-          // 调用从缓存中获取'基本信息'与'账户信息'在scan扫描后，
-          // 存储的申请人正反证件图片，享受人正反证件图片，银行卡图片等缓存数据的方法
-          // 为了防止此接口与此方法之间存在数据异步调用的问题，所以此方法在此接口执行完成后进行调用
-          this.getScanCardByLocalStorageFunc()
-        } else {
-          this.$toast(res.resultMessage)
-        }
-      })
-      // 根据不同情况将顶部导航记录当前展示的是第几个页面或流程的标识的值存入对应的缓存中
-      if (!this.$route.query.edit) {
-        //如果不是编辑/导航条跳转进来的
-        localStorage.setItem('allowancePageFlag', this.allowancePageFlag)
-      } else if (this.$route.query.edit && !this.$route.query.allowancePageFlag) {
-        //如果从保单列表点击编辑按钮进入
-        this.allowancePageFlag = '3'
-        localStorage.setItem('allowancePageFlag', this.allowancePageFlag)
-      } else if (this.$route.query.allowancePageFlag) {
-        //如果是从导航栏点击进入
-        this.allowancePageFlag = localStorage.allowancePageFlag
-      }
-      // 关闭清除toast加载提示
-      this.$toast.clear()
    },

    /**
@@ -1227,8 +1265,13 @@ export default {
          window.localStorage.removeItem('imgBackPath') // 申请人证件反面
          window.localStorage.removeItem('imgfrontInsuredPath') // 享受人证件正面
          window.localStorage.removeItem('imgBackInsuredPath') // 享受人证件反面
+
          // 清除存储ORC扫描银行卡功能后存储的银行卡图片缓存
          window.localStorage.removeItem('bankCardUrlPath')
+
+          // 清除存储父母列表中所选中的人（父亲或母亲）的申请人数据，享受人数据，账户信息数据，影像资料数据的数据对象的缓存
+          window.localStorage.removeItem('allowanceParentInfo')
+
          // 关闭toast加载提示
          this.$toast.clear()
          // 跳转到签字确认的
--- a/src/views/ebiz/allowance/application/BaseInfo.vue
+++ b/src/views/ebiz/allowance/application/BaseInfo.vue
@@ -210,7 +210,9 @@ export default {
      isScanEnjoyUser: false, // 享受人人模块是否显示证件扫描组件
      allowancePageFlag: '1', // 定义顶部导航记录当前展示的是第几个页面或流程的标识
      colorButton: '#2E4591', // 定义享受人角色和性别选项的选项按钮的颜色
-      typeButton: 'default' // 定义享受人角色和性别选项的选项按钮的类型
+      typeButton: 'default', // 定义享受人角色和性别选项的选项按钮的类型
+      // 定义存储父母列表中选中的人（父亲或母亲）的申请人数据，享受人数据，账户信息数据，影像资料数据的数据对象
+      allowanceParentInfo: {}
    }
  },
  created() {
@@ -398,12 +400,12 @@ export default {

    /**
     * @Description: 在享受人姓名位置，点击最右侧图标，选择享受人并获取对应享受人信息的方法
-     * @params: data--享受人的用户数据信息
+     * @params: data--选中的人（父亲或母亲）的申请人数据，享受人数据，账户信息数据，影像资料数据的数据对象
     * @author:zhangqi
     * @Date:2021-09-08
     */
    chooseParent(data) {
-      console.log('data :>> ', data)
+      // console.log('data :>> ', data)
      this.parentShowPicker = false
      this.$jump({
        flag: 'navigation',
@@ -412,14 +414,17 @@ export default {
          hiddenRight: '1'
        }
      })
+      // 获取data对象中的享受人数据对象，并赋值给变量
+      let enjoyDTOInfo = data.allowanceBaseEnjoyDTO
      // 将选择的享受人的数据，赋值给对应的变量
-      this.enjoyUserInfo.name = data.name // 享受人姓名
-      this.enjoyUserInfo.relationship = data.relationship // 享受人角色（与申请人的关系）
-      this.enjoyUserInfo.idType = data.idType //  享受人证件类型
-      this.enjoyUserInfo.idNo = data.idNo // 享受人证件号码
-      this.enjoyUserInfo.sex = String(data.sex) // 享受人性别
-      this.enjoyUserInfo.birthday = data.birthday // 享受人出生日期
+      this.enjoyUserInfo.name = enjoyDTOInfo.name // 享受人姓名
+      this.enjoyUserInfo.relationship = enjoyDTOInfo.relationship // 享受人角色（与申请人的关系）
+      this.enjoyUserInfo.idType = enjoyDTOInfo.idType //  享受人证件类型
+      this.enjoyUserInfo.idNo = enjoyDTOInfo.idNo // 享受人证件号码
+      this.enjoyUserInfo.sex = String(enjoyDTOInfo.sex) // 享受人性别
+      this.enjoyUserInfo.birthday = enjoyDTOInfo.birthday // 享受人出生日期
      this.getRelatedData(this.enjoyUserInfo.idNo) // 调用校验证件号码是否合规的方法
+      this.allowanceParentInfo = data // 将存储父母列表中选中的人（父亲或母亲）的申请人数据，享受人数据，账户信息数据，影像资料数据的数据对象赋值给变量
    },

    /**
@@ -589,6 +594,11 @@ export default {
          }
          // 获取津贴申请流水号，并赋值给变量，当做一个参数，用于传入顶部导航组件
          this.applicantInfo.allowanceNo = res.content.allowanceNo
+          // 判断存储选中的人（父亲或母亲）的申请人数据，享受人数据，账户信息数据，影像资料数据的数据对象中是否有数据
+          if (Object.keys(this.allowanceParentInfo).length !== 0) {
+            // 将选中的人（父亲或母亲）的申请人数据，享受人数据，账户信息数据，影像资料数据的数据对象存到缓存中
+            localStorage.setItem('allowanceParentInfo', JSON.stringify(this.allowanceParentInfo))
+          }
          // 跳转到账户信息页面
          this.$jump({
            flag: 'h5',
--- a/src/views/ebiz/allowance/application/process.vue
+++ b/src/views/ebiz/allowance/application/process.vue
@@ -1,48 +1,51 @@
 <template>
-  <div class="entry-container pt60 pb30 bg-white">
-    <div class="ml130 w200 nowrap flex align-items-c text-center">
-      <div class="w110 inline-b text-center">
-        提交申请<br /><span class="grey">{{approveMapping[0].createdDate}}</span>
+  <div class='entry-container pt60 pb30 bg-white'>
+    <div class='ml130 w200 nowrap flex align-items-c text-center'>
+      <div class='w110 inline-b text-center'>
+        提交申请<br /><span class='grey'>{{ createdDate }}</span>
      </div>
-      <van-tag class="w45" color="green" plain style="margin-top: -14px">已完成</van-tag>
+      <van-tag class='w45' color='green' plain style='margin-top: -14px'>已完成</van-tag>
    </div>
-    <div class="ml80 w100 flex path relative" style="flex-wrap: wrap">
-      <div class="left-path flex" style="flex-direction: column"></div>
-      <div class="right-path">
+    <div class='ml80 w100 flex path relative' style='flex-wrap: wrap'>
+      <div class='left-path flex' style='flex-direction: column'></div>
+      <div class='right-path'>
        <!-- 审批人审批 -->
        <!-- approveStatus--审批状态 (0-不可审批,1-可审批(审批中),2-已审批) -->
        <!-- approveResult--审批结果 (0-审批拒绝,1-审批通过) -->
-        <div v-for="(item, index) in approveMapping" :key="index">
+        <div v-for='(item, index) in approveMapping' :key='index'>
          <div :class="['h60', 'flex', 'relative', 'border-right', item.approveStatus == '0' ? '' : 'active']">
-            <i :class="['w10', 'h10', 'radius50', 'absolute', 'bottom0', item.approveStatus == '0' ? 'right-cir' : 'right-circle']"></i>
+            <i
+              :class="['w10', 'h10', 'radius50', 'absolute', 'bottom0', item.approveStatus == '0' ? 'right-cir' : 'right-circle']"></i>
          </div>
-          <div class="flex nowrap align-items-c text-center relative pv5" style="left: -10%">
-            <div class="relative">
+          <div class='flex nowrap align-items-c text-center relative pv5' style='left: -10%'>
+            <div class='relative'>
              <div>
-                <div class="w110 inline-b text-center">
-                  {{ item.approveLevel | filterName }}<br /><span class="grey">{{ item.modifiedDate }}</span>
+                <div class='w110 inline-b text-center'>
+                  {{ item.approveLevel | filterName }}<br /><span class='grey'>{{ item.modifiedDate }}</span>
                </div>
                <van-tag
-                  class="w45 v-top"
+                  class='ph5 pt2 v-top'
                  v-if="item.approveStatus == '1' || item.approveStatus == '2'"
                  :color="item.approveStatus == '1' ? 'red' : item.approveResult == '0' ? 'red' : 'green'"
                  plain
-                  >{{ item.approveStatus | statusFormat(approveStatus, approveResult) }}</van-tag
+                >{{ item | statusFormat(item) }}
+                </van-tag
                >
                <!-- "urgeStatus": "1"   0--催办  1--已催办 -->
                <span
                  v-if="item.approveStatus == '1'"
                  :class="['ml15', 'v-top', item.urgeStatus == '0' ? 'buttonYellow' : 'buttonHasUrge']"
-                  @click="urgeFunc(item.approveLevel)"
+                  @click='urgeFunc(item.approveLevel)'
                >{{ item.urgeStatus | filterUrgeStatus }}</span
                >
                <van-button
                  v-if="item.approveStatus == '2' && item.approveResult == '0'"
-                  @click="goSeeCause(item.approveMsg)"
-                  class="approval-button ph10 v-top"
+                  @click='goSeeCause(item.approveMsg)'
+                  class='approval-button ph10 v-top'
                  plain
-                  type="danger"
-                  >点击查看原因</van-button
+                  type='danger'
+                >点击查看原因
+                </van-button
                >
              </div>
            </div>
@@ -87,7 +90,8 @@ export default {
    return {
      allowanceNo: this.$route.query.allowanceNo,
      approveMapping: [], //审批流程链
-      ebizExamineApproveDtoList: [] //历史审批信息链
+      ebizExamineApproveDtoList: [], //历史审批信息链
+      createdDate:''
    }
  },
  components: {
@@ -113,6 +117,7 @@ export default {
        that.$toast.clear()
        if (res.result == '0') {
          that.approveMapping = res.content
+          that.createdDate = that.approveMapping[0].createdDate
        } else {
          this.$toast(res.resultMessage)
        }
@@ -134,8 +139,8 @@ export default {
        className: 'dialog-check',
        title: '*驳回原因',
        message: approveMsg,
-        confirmButtonText:'去修改',
-        cancelButtonText:'关闭'
+        confirmButtonText: '去修改',
+        cancelButtonText: '关闭'
        // cancelButtonColor: '#E9332E',
        // confirmButtonColor: '#FFFFFF'
      })
@@ -147,11 +152,12 @@ export default {
            },
            routerInfo: {
              path: `/allowance/application/BaseInfo?allowanceNo=${this.allowanceNo}`,
-              edit:1
+              edit: 1
            }
          })
        })
-        .catch(() => {})
+        .catch(() => {
+        })
    },
    urgeFunc(approveLevel) {
      approveUrge({
@@ -171,8 +177,10 @@ export default {
    }
  },
  filters: {
-    statusFormat(approveStatus, approveResult) {
+    statusFormat(item) {
      let text
+      let approveStatus = item.approveStatus
+      let approveResult = item.approveResult
      if (approveStatus == '1') {
        text = '审批中'
      } else if (approveStatus == '2') {
@@ -180,7 +188,7 @@ export default {
      }
      return text
    },
-    filterName: function (value) {
+    filterName: function(value) {
      // A1--区经理 A2-- 四级机构负责人 A3--本部营销经理 A4--本部负责人
      let text
      switch (value) {
@@ -199,7 +207,7 @@ export default {
      }
      return text
    },
-    filterUrgeStatus: function (value) {
+    filterUrgeStatus: function(value) {
      // 0--催办  1--已催办
      let text
      switch (value) {
@@ -216,113 +224,143 @@ export default {
 }
 </script>

-<style lang="scss" scoped>
+<style lang='scss' scoped>
@import '@/assets/sass/common.scss';
+
 .entry-container {
  height: 100vh;
  font-size: 13px;
+
  .path {
    & > div {
      width: 50%;
    }
  }
+
  .nowrap {
    white-space: nowrap;
  }
+
  .buttonYellow {
    color: #fff;
    background-color: #ffcb6b;
    border-radius: 5px;
    padding: 0 5px;
  }
+
  .buttonHasUrge {
    color: #fff;
    background-color: #ffd89f;
    border-radius: 5px;
    padding: 2px 3px;
  }
+
  .border-raduis {
    border-radius: 5px;
  }
+
  .border-top {
    border-top: 2px dotted #ddd;
  }
+
  .border-right {
    border-right: 2px dotted #ddd;
  }
+
  .border-left {
    border-left: 2px dotted #ddd;
  }
+
  .border-bottom {
    border-bottom: 2px dotted #ddd;
  }
+
  .border-top-right-radius {
    border-top-right-radius: 5px;
  }
+
  .border-top-left-radius {
    border-top-left-radius: 5px;
  }
+
  .border-bottom-left-radius {
    border-bottom-left-radius: 5px;
  }
+
  .active.border-left {
    border-left: 2px solid #1296db;
  }
+
  .active.border-top {
    border-top: 2px solid #1296db;
  }
+
  .active.border-right {
    border-right: 2px solid #1296db;
  }
+
  .active.border-bottom {
    border-bottom: 2px solid #1296db;
  }
+
  .approval-vag {
    right: -70px;
  }
+
  .approval-vag2 {
    right: -120px;
  }
+
  .approval-button {
    bottom: -25px;
-    right: 45px;
+    right: 35px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
  }
+
  .middle-circle {
    background: #ddd;
  }
+
  .active.middle-circle {
    background: #1296db;
  }
+
  .right-circle {
    background: #1296db;
    right: -6px;
  }
+
  .right-cir {
    background: #ddd;
    right: -6px;
  }
+
  .left-circle {
    background: #1296db;
    left: -6px;
  }
+
  .van-button--plain.van-button--primary {
    color: #1296db;
    border-color: #1296db;
  }
+
  button {
    height: 30px;
    line-height: 30px;
  }
+
  .grey {
    color: #999;
  }
+
  .approval-vag {
    height: 20px;
    line-height: 20px;
  }
+
  .px-vag {
    left: 80px;
    height: 20px;
--- a/src/views/ebiz/allowance/myInfo/AccountInfo.vue
+++ b/src/views/ebiz/allowance/myInfo/AccountInfo.vue
@@ -178,14 +178,46 @@ export default {
            // 将申请人的数据对象赋值给对象中的属性
            applicantInfo: res.content.allowanceBaseDTO.allowanceBaseApplyDTO,
            // 将享受人的数据对象赋值给对象中的属性
-            enjoyUserInfo: res.content.allowanceBaseDTO.allowanceBaseEnjoyDTO
+            enjoyUserInfo: res.content.allowanceBaseDTO.allowanceBaseEnjoyDTO,
+            // 将账户信息的数据对象赋值给对象中的属性
+            bankInfo: res.content.allowanceBaseDTO.allowanceBaseBankDTO
+          }
+          // 赋值持卡人姓名（享受人），获取享受人数据中的享受人姓名，并赋值给变量
+          this.accountBankInfo.accountName = this.allowanceUserInfo.enjoyUserInfo.name
+          // 判断是否存在账户信息数据；
+          // 如果存在，则调用给'accountBankInfo'对象中的变量进行赋值的方法，
+          // 如果不存在，页面输入项不用进行回显数据，输入项为空即可
+          if (this.allowanceUserInfo.bankInfo !== null) {
+            // 将账户信息数据对象赋值给一个新的变量对象
+            let data = this.allowanceUserInfo.bankInfo
+            // 调用给'accountBankInfo'对象中的变量进行赋值的方法
+            this.assignmentValueBankInfoFunc(data)
          }
          // 判断是新增操作还是编辑操作的类型，根据不同操作类型执行不同的程序
          if (this.$route.query.edit) {
-            // 把账户信息数据对象赋值给一个新的变量
-            let data = res.content.allowanceBaseDTO.allowanceBaseBankDTO
-            // 赋值持卡人姓名（享受人），获取享受人数据中的享受人姓名，并赋值给变量
-            this.accountBankInfo.accountName = this.allowanceUserInfo.enjoyUserInfo.name
+            //如果从津贴申请列表点击编辑按钮进入
+            if (this.$route.query.edit && !this.$route.query.allowanceMyInfoPageFlag) {
+              this.allowanceMyInfoPageFlag = '2'
+              localStorage.setItem('allowanceMyInfoPageFlag', this.allowanceMyInfoPageFlag)
+            }
+          } else {
+            localStorage.setItem('allowanceMyInfoPageFlag', this.allowanceMyInfoPageFlag)
+          }
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+      // 关闭清除toast加载提示
+      this.$toast.clear()
+    },
+
+    /**
+     * @Description: 给'accountBankInfo'对象中的变量进行赋值的方法
+     * @params: data--数据对象。这个数据可能是从接口返回数据，也可能是缓存中存储的数据，根据情况区分
+     * @author:zhangqi
+     * @Date:2021-09-15
+     */
+    assignmentValueBankInfoFunc(data) {
      // 赋值银行所在省编码
      this.accountBankInfo.bankProvinceCode = data.bankProvinceCode
      // 赋值银行所在地区编码
@@ -204,22 +236,6 @@ export default {
      this.accountBankInfo.isSelf = data.isSelf
      // 赋值id标识
      this.accountBankInfo.id = data.id
-            //如果从津贴申请列表点击编辑按钮进入
-            if (this.$route.query.edit && !this.$route.query.allowanceMyInfoPageFlag) {
-              this.allowanceMyInfoPageFlag = '2'
-              localStorage.setItem('allowanceMyInfoPageFlag', this.allowanceMyInfoPageFlag)
-            }
-          } else {
-            // 获取享受人数据中的享受人姓名，并赋值给变量
-            this.accountBankInfo.accountName = this.allowanceUserInfo.enjoyUserInfo.name
-            localStorage.setItem('allowanceMyInfoPageFlag', this.allowanceMyInfoPageFlag)
-          }
-        } else {
-          this.$toast(res.resultMessage)
-        }
-      })
-      // 关闭清除toast加载提示
-      this.$toast.clear()
    },

    /**
--- a/src/views/ebiz/allowance/myInfo/AttachmentManagement.vue
+++ b/src/views/ebiz/allowance/myInfo/AttachmentManagement.vue
@@ -341,7 +341,18 @@ export default {
            // 将享受人的数据对象赋值给对象中的属性
            enjoyUserInfo: res.content.allowanceBaseDTO.allowanceBaseEnjoyDTO,
            // 将银行账户信息的数据对象赋值给对象中的属性
-            bankInfo: res.content.allowanceBaseDTO.allowanceBaseBankDTO
+            bankInfo: res.content.allowanceBaseDTO.allowanceBaseBankDTO,
+            // 将影像资料的数据数组集合赋值给对象中的属性
+            mediaInfo: res.content.allowanceBaseDTO.mediaUploadDTOLst
+          }
+          // 判断是否存在账户信息数据；
+          // 如果存在，则调用给'accountBankInfo'对象中的变量进行赋值的方法，
+          // 如果不存在，页面输入项不用进行回显数据，输入项为空即可
+          if (this.allowanceUserInfo.mediaInfo !== null) {
+            // 将影像资料数据数组集合赋值给新的数组集合
+            let data = this.allowanceUserInfo.mediaInfo
+            // 调用给影像资料图片所对应的变量进行赋值的方法
+            this.assignmentValueMediaInfoFunc(data)
          }
          // 调用从缓存中获取'基本信息'与'账户信息'在scan扫描后，
          // 存储的申请人正反证件图片，享受人正反证件图片，银行卡图片等缓存数据的方法
@@ -367,6 +378,190 @@ export default {
      this.$toast.clear()
    },

+    /**
+     * @Description: 给影像资料图片所对应的变量进行赋值的方法
+     * @params: data--数据对象。这个数据可能是从接口返回数据，也可能是缓存中存储的数据，根据情况区分
+     * @author:zhangqi
+     * @Date:2021-09-27
+     */
+    assignmentValueMediaInfoFunc(data) {
+      // 循环数组集合，整合数据格式，并将对应的图片路径，赋值给对应的图片模块
+      data.forEach(item => {
+          let name = ''
+          // 判断是属于申请人的图片还是属性享受人的图片，subBusinessType：0-申请人，1-享受人
+          // 属于申请人的图片
+          if (item.subBusinessType === '0') {
+            // 判断各种图片的证件类型
+            // 申请人-身份证正面
+            if (item.imageInfoType === '1') {
+              name = 'fileListIdFrontApplicant'
+              this.fileListIdFrontApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-身份证反面
+            } else if (item.imageInfoType === '2') {
+              name = 'fileListIdBackApplicant'
+              this.fileListIdBackApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-户口本正面
+            } else if (item.imageInfoType === '5') {
+              name = 'fileListIdFrontApplicant'
+              this.fileListIdFrontApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-户口本反面
+            } else if (item.imageInfoType === '6') {
+              name = 'fileListIdBackApplicant'
+              this.fileListIdBackApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-护照
+            } else if (item.imageInfoType === '8') {
+              name = 'fileListPassportApplicant'
+              this.fileListPassportApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-港澳居民来往内地通行证正面
+            } else if (item.imageInfoType === '9') {
+              name = 'fileListIdFrontApplicant'
+              this.fileListIdFrontApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-港澳居民来往内地通行证反面
+            } else if (item.imageInfoType === '13') {
+              name = 'fileListIdBackApplicant'
+              this.fileListIdBackApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-台湾居民来往大陆通行证正面
+            } else if (item.imageInfoType === '10') {
+              name = 'fileListIdFrontApplicant'
+              this.fileListIdFrontApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-台湾居民来往大陆通行证反面
+            } else if (item.imageInfoType === '14') {
+              name = 'fileListIdBackApplicant'
+              this.fileListIdBackApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-外国人永久居留身份证正面
+            } else if (item.imageInfoType === '15') {
+              name = 'fileListIdFrontApplicant'
+              this.fileListIdFrontApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-外国人永久居留身份证反面
+            } else if (item.imageInfoType === '16') {
+              name = 'fileListIdBackApplicant'
+              this.fileListIdBackApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-港澳台居民居住证正面
+            } else if (item.imageInfoType === '17') {
+              name = 'fileListIdFrontApplicant'
+              this.fileListIdFrontApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-港澳台居民居住证反面
+            } else if (item.imageInfoType === '18') {
+              name = 'fileListIdBackApplicant'
+              this.fileListIdBackApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 申请人-执业证
+            } else if (item.imageInfoType === '25') {
+              name = 'fileListPracticeApplicant'
+              this.fileListPracticeApplicant.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+            }
+
+            // 属于享受人的图片
+          } else if (item.subBusinessType === '1') {
+            // 判断各种图片的证件类型
+            // 享受人-身份证正面
+            if (item.imageInfoType === '1') {
+              name = 'fileListIdFrontEnjoyUser'
+              this.fileListIdFrontEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-身份证反面
+            } else if (item.imageInfoType === '2') {
+              name = 'fileListIdBackEnjoyUser'
+              this.fileListIdBackEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-户口本正面
+            } else if (item.imageInfoType === '5') {
+              name = 'fileListIdFrontEnjoyUser'
+              this.fileListIdFrontEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-户口本反面
+            } else if (item.imageInfoType === '6') {
+              name = 'fileListIdBackEnjoyUser'
+              this.fileListIdBackEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-护照
+            } else if (item.imageInfoType === '8') {
+              name = 'fileListPassportEnjoyUser'
+              this.fileListPassportEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-港澳居民来往内地通行证正面
+            } else if (item.imageInfoType === '9') {
+              name = 'fileListIdFrontEnjoyUser'
+              this.fileListIdFrontEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-港澳居民来往内地通行证反面
+            } else if (item.imageInfoType === '13') {
+              name = 'fileListIdBackEnjoyUser'
+              this.fileListIdBackEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-台湾居民来往大陆通行证正面
+            } else if (item.imageInfoType === '10') {
+              name = 'fileListIdFrontEnjoyUser'
+              this.fileListIdFrontEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-台湾居民来往大陆通行证反面
+            } else if (item.imageInfoType === '14') {
+              name = 'fileListIdBackEnjoyUser'
+              this.fileListIdBackEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-外国人永久居留身份证正面
+            } else if (item.imageInfoType === '15') {
+              name = 'fileListIdFrontEnjoyUser'
+              this.fileListIdFrontEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-外国人永久居留身份证反面
+            } else if (item.imageInfoType === '16') {
+              name = 'fileListIdBackEnjoyUser'
+              this.fileListIdBackEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-港澳台居民居住证正面
+            } else if (item.imageInfoType === '17') {
+              name = 'fileListIdFrontEnjoyUser'
+              this.fileListIdFrontEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人-港澳台居民居住证反面
+            } else if (item.imageInfoType === '18') {
+              name = 'fileListIdBackEnjoyUser'
+              this.fileListIdBackEnjoyUser.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 银行卡，保存图片的时候'银行卡'图片归属于了享受人对象
+            } else if (item.imageInfoType === '3') {
+              name = 'fileListBank'
+              this.fileListBank.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 关系证明，保存图片的时候'关系证明'图片归属于了享受人对象
+            } else if (item.imageInfoType === '27') {
+              name = 'fileListProve'
+              this.fileListProve.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+
+              // 享受人无银行卡/手机号码的证明，保存图片的时候'享受人无银行卡/手机号码的证明'图片归属于了享受人对象
+            } else if (item.imageInfoType === '26') {
+              name = 'fileListNoBankAndMobile'
+              this.fileListNoBankAndMobile.push({ url: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}` })
+            }
+          }
+          let obj = {
+            name: name,
+            businessNo: item.businessNo,
+            businessType: '',
+            imageInfoType: item.imageInfoType,
+            rgssUrl: item.rgssUrl,
+            subBusinessType: item.subBusinessType,  // 申请人-0，享受人-1
+            subBusinessNo: item.subBusinessNo, // 申请人ID（申请人数据对象中的agentCode字段对应的值）/ 享受人ID（享受人数据对象中的id字段对应的值）
+            fileName: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${item.rgssUrl}`
+          }
+          this.list.push(obj)
+        }
+      )
+    },
+
    /**
     * @Description: '基本信息'与'账户信息'中SCAN扫描会将申请人正反证件图片，享受人正反证件图片，银行卡图片等数据存在对应的缓存中，
     * @Description: 此方法是从缓存中获取'基本信息'与'账户信息'在SCAN扫描后，
@@ -392,8 +587,6 @@ export default {
          fileName: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('imgfrontPath')}`
        }
        this.list.push(obj)
-      } else {
-        this.fileListIdFrontApplicant = []
      }

      // 申请人身份证反面
@@ -413,8 +606,6 @@ export default {
          fileName: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('imgBackPath')}`
        }
        this.list.push(obj)
-      } else {
-        this.fileListIdBackApplicant = []
      }

      // 享受人身份证正面
@@ -434,8 +625,6 @@ export default {
          fileName: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('imgfrontInsuredPath')}`
        }
        this.list.push(obj)
-      } else {
-        this.fileListIdFrontEnjoyUser = []
      }

      // 享受人身份证反面
@@ -455,8 +644,6 @@ export default {
          fileName: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('imgBackInsuredPath')}`
        }
        this.list.push(obj)
-      } else {
-        this.fileListIdBackEnjoyUser = []
      }

      // 银行卡
@@ -477,8 +664,6 @@ export default {
          fileName: config.imgDomain + `/returnImageStream?a=b.jpg&imgPath=${window.localStorage.getItem('bankCardUrlPath')}`
        }
        this.list.push(obj)
-      } else {
-        this.fileListBank = []
      }
    },

--- a/src/views/ebiz/allowance/myInfo/BaseInfo.vue
+++ b/src/views/ebiz/allowance/myInfo/BaseInfo.vue
@@ -69,6 +69,7 @@
        :color='colorButton'
        :type='typeButton'
        v-validate="'required'"
+        :disabled='isDisabledSelectRelationshipAndSex'
      ></select-radio>
      <van-field
        :value="enjoyUserInfo.idType | idToText('allowanceIdType')"
@@ -107,6 +108,7 @@
        :color='colorButton'
        :type='typeButton'
        v-validate="'required'"
+        :disabled='isDisabledSelectRelationshipAndSex'
      ></select-radio>
      <FieldDatePicter
        :value.sync='enjoyUserInfo.birthday'
@@ -209,7 +211,12 @@ export default {
      isScanEnjoyUser: false, // 享受人人模块是否显示证件扫描组件
      allowanceMyInfoPageFlag: '1', // 定义顶部导航记录当前展示的是第几个页面或流程的标识
      colorButton: '#2E4591', // 定义享受人角色和性别选项的选项按钮的颜色
-      typeButton: 'default' // 定义享受人角色和性别选项的选项按钮的类型
+      typeButton: 'default', // 定义享受人角色和性别选项的选项按钮的类型
+      // 定义是否禁用选择角色与性别的选项。
+      // 当新增状态时，可以选择，值为false；
+      // 当编辑状态时，禁用，不可以选择，值为true；
+      // 默认为false
+      isDisabledSelectRelationshipAndSex: false
    }
  },
  created() {
@@ -240,6 +247,9 @@ export default {
      }
      // 判断是新增操作还是编辑操作的类型，根据不同操作类型调用不同接口查询数据
      if (this.$route.query.edit) {
+        // 编辑状态时，禁止切换选择角色和性别
+        this.isDisabledSelectRelationshipAndSex = true
+
        // 从路由参数中获取'enjoyId'我的资料唯一标识，定义参数格式
        let params = {
          enjoyId: this.$route.query.enjoyId
@@ -392,7 +402,7 @@ export default {
     * @Date:2021-09-08
     */
    chooseParent(data) {
-      console.log('data :>> ', data)
+      // console.log('data :>> ', data)
      this.parentShowPicker = false
      this.$jump({
        flag: 'navigation',
@@ -401,15 +411,19 @@ export default {
          hiddenRight: '1'
        }
      })
+      // 获取data对象中的享受人数据对象，并赋值给变量
+      let enjoyDTOInfo = data.allowanceBaseEnjoyDTO
      // 将选择的享受人的数据，赋值给对应的变量
-      this.enjoyUserInfo.id = data.id // 新增或修改我的资料的唯一标识，用于当做参数传给顶部导航组件，也用于在点击下一步时，传给后台，后台去判断是新增操作还是编辑操作
-      this.enjoyUserInfo.name = data.name // 享受人姓名
-      this.enjoyUserInfo.relationship = data.relationship // 享受人角色（与申请人的关系）
-      this.enjoyUserInfo.idType = data.idType //  享受人证件类型
-      this.enjoyUserInfo.idNo = data.idNo // 享受人证件号码
-      this.enjoyUserInfo.sex = String(data.sex) // 享受人性别
-      this.enjoyUserInfo.birthday = data.birthday // 享受人出生日期
+      this.enjoyUserInfo.id = enjoyDTOInfo.id // 新增或修改我的资料的唯一标识，用于当做参数传给顶部导航组件，也用于在点击下一步时，传给后台，后台去判断是新增操作还是编辑操作
+      this.enjoyUserInfo.name = enjoyDTOInfo.name // 享受人姓名
+      this.enjoyUserInfo.relationship = enjoyDTOInfo.relationship // 享受人角色（与申请人的关系）
+      this.enjoyUserInfo.idType = enjoyDTOInfo.idType //  享受人证件类型
+      this.enjoyUserInfo.idNo = enjoyDTOInfo.idNo // 享受人证件号码
+      this.enjoyUserInfo.sex = String(enjoyDTOInfo.sex) // 享受人性别
+      this.enjoyUserInfo.birthday = enjoyDTOInfo.birthday // 享受人出生日期
      this.getRelatedData(this.enjoyUserInfo.idNo) // 调用校验证件号码是否合规的方法
+      // 在父母列表中选择了数据，则视为当前是编辑状态，所以禁止切换选择角色和性别
+      this.isDisabledSelectRelationshipAndSex = true
    },

    /**