修改个人信息角色值修正

src/views/platform/my/user-info.vue

@@ -7,8 +7,7 @@
       <van-field label="头像" :size="size" class="photoPic">
         <template #right-icon>
           <van-uploader :deletable="false" :preview-full-image="false" :after-read="afterRead">
-            <van-image v-show="$utils.isNotEmpty(employee)" :src="getImage(employee.photo)" width="50" height="50"
-              round></van-image>
+            <van-image v-show="$utils.isNotEmpty(employee)" :src="getImage(employee.photo)" width="50" height="50" round />
           </van-uploader>
         </template>
       </van-field>
@@ -20,158 +19,138 @@
         <van-image v-show="$utils.isNotEmpty(employee)" slot="right-icon" :src="getImage(employee.photo)"
           :error-icon="defaultImage" width="50" height="50" round />
       </van-cell> -->
-      <van-cell :value="employee.orgName" title="单位名称" :size="size" :value-class="className"
-        :title-class="tClassName" />
-      <van-field label="客户姓名" :size="size" clearable v-model="employee.name" />
-      <van-field label="性别" :size="size" clearable v-model="employee.gender=='male'?'男':'女'" />
-      <van-field label="手机号" :size="size" clearable v-model="employee.mobile" />
-      <van-field label="邮箱" :size="size" clearable v-model="employee.qq" />
-      <van-field label="地址" :size="size" clearable v-model="employee.address" />
+      <van-cell :value="employee.orgName" title="单位名称" :size="size" :value-class="className" :title-class="tClassName" />
+      <van-field v-model="employee.name" label="客户姓名" :size="size" clearable />
+      <van-field :value="employee.gender=='male'?'男':'女'" label="性别" :size="size" clearable />
+      <van-field v-model="employee.mobile" label="手机号" :size="size" clearable />
+      <van-field v-model="employee.qq" label="邮箱" :size="size" clearable />
+      <van-field v-model="employee.address" label="地址" :size="size" clearable />
       <van-cell :value="employee.position" title="岗位" :size="size" :value-class="className" :title-class="tClassName" />
     </van-cell-group>
     <div style="border:0;width: 96%;margin:10px auto;">
-      <van-button block size="large" @click="updateInfu" color="#1E90FF">保存</van-button>
+      <van-button block size="large" color="#1E90FF" @click="updateInfu">保存</van-button>
     </div>
   </div>
 </template>
 
 <script>
-  import { changeUserInfo } from '@/api/platform/org/user'
-  import { load } from '@/api/platform/org/employee'
-  import { getFile } from '@/utils/image'
-  import defaultImage from '@/assets/images/logo/lc.png'
-  import navbar from '@/mixins/navbar'
-  import { uploadFile, getImage } from "@/api/platform/file/attachment";
-
-  export default {
-    filters: {
-      sexFilter(sex) {
-        if (sex === 'male') {
-          return '男'
-        } else if (sex === 'female') {
-          return '女'
-        } else {
-          return ''
+import { changeUserInfo } from '@/api/platform/org/user'
+import { load } from '@/api/platform/org/employee'
+import { getFile } from '@/utils/image'
+import defaultImage from '@/assets/images/logo/lc.png'
+import navbar from '@/mixins/navbar'
+import { uploadFile, getImage } from '@/api/platform/file/attachment'
+
+export default {
+  filters: {
+    sexFilter(sex) {
+      if (sex === 'male') {
+        return '男'
+      } else if (sex === 'female') {
+        return '女'
+      } else {
+        return ''
+      }
+    }
+  },
+  mixins: [navbar],
+  data() {
+    return {
+      trueFile: null,
+      imgId: '',
+      loading: false,
+      employee: {
+        name: '',
+        gender: '',
+        wcAccount: '',
+        account: '',
+        mobile: '',
+        orgName: '',
+        qq: '',
+        address: '',
+        // wcAccount: '',
+        org: '',
+        position: '',
+        photo: ''
+      },
+      defaultImage: defaultImage,
+      size: 'large',
+      className: 'my-user-info_size',
+      tClassName: 'ibps-flex-c',
+      roleList: []
+    }
+  },
+  created() {
+    this.loading = false
+    // 获取用户信息
+    load({
+      employeeId: this.$store.getters.userId
+    }).then(response => {
+      this.loading = true
+      const data = response.data
+      const variables = response.variables
+      // 设置用户信息
+      this.employee = data || {}
+      const pos = []
+      if (this.employee.photo === '') {
+        this.getPhotoImage(this.employee.photo)
+      }
+      this.roleList = variables ? variables.partyRoles.length > 0 ? variables.partyRoles : [] : []
+      const positions = variables ? variables.partyPositions : []
+      if (this.$utils.isNotEmpty(positions)) {
+        for (var i = 0; i < positions.length; i++) {
+          pos.push(positions[i].name)
         }
       }
-    },
-    mixins: [navbar],
-    data() {
-      return {
-        trueFile: null,
-        imgId: '',
-        loading: false,
-        employee: {
-          name: '',
-          gender: '',
-          wcAccount: '',
-          account: '',
-          mobile: '',
-          orgName: '',
-          qq: '',
-          address: '',
-          // wcAccount: '',
-          org: '',
-          position: '',
-          photo: ''
-        },
-        defaultImage: defaultImage,
-        size: 'large',
-        className: 'my-user-info_size',
-        tClassName: 'ibps-flex-c'
+      this.employee.position = pos.join(',')
+    }).catch(e => {
+      this.loading = true
+      console.error(e)
+    })
+  },
+  methods: {
+    getPhotoImage(photo) {
+      if (this.$utils.isNotEmpty(photo)) {
+        return getFile(photo)
+      } else {
+        return defaultImage
       }
     },
-    created() {
-      this.loading = false
-      // 获取用户信息
-      load({
-        employeeId: this.$store.getters.userId
-      }).then(response => {
-        this.loading = true
-        const data = response.data
-        const variables = response.variables
-        // 设置用户信息
-        this.employee = data || {}
-        const pos = []
-
-
-        if (this.employee.photo == '') {
-          this.getPhotoImage(this.employee.photo)
-        }
-
-        const positions = variables ? variables.partyPositions : []
-        if (this.$utils.isNotEmpty(positions)) {
-          for (var i = 0; i < positions.length; i++) {
-            pos.push(positions[i].name)
-          }
-        }
-        this.employee.position = pos.join(',')
-      }).catch(e => {
-        this.loading = true
-        console.error(e)
+    // 更换头像
+    afterRead(file) {
+      this.trueFile = file.file
+      uploadFile(file.file).then(res => {
+        console.log(res)
+        const url = getImage(res.data.id)
+        console.log(url)
+        this.employee.photo = res.data.id
+        console.log(this.employee.photo)
       })
     },
-
-    methods: {
-      getPhotoImage(photo) {
-        if (this.$utils.isNotEmpty(photo)) {
-          return getFile(photo)
-        } else {
-          return defaultImage
-        }
-      },
-      // 更换头像
-      afterRead(file) {
-        this.trueFile = file.file
-        uploadFile(file.file).then(res => {
-          console.log(res);
-          let url = getImage(res.data.id)
-          console.log(url);
-          this.employee.photo = res.data.id
-          console.log(this.employee.photo);
-
-        })
-
-      },
-      updateInfu() {
-        console.log(this.uploader);
-        console.log("个人信息进入保存阶段");
-        console.log("保存的详细信息为", this.employee);
-
-
-
-
-
-        let arr = {
-          attrValueVoList: [],
-          positionVoList: [],
-          roleVoList: [],
-          userGroupPoList: [],
-          partyEmployeePo: this.employee,
-          user: this.employee
-        }
-
-        console.log(arr);
-
-        changeUserInfo(arr).then(res2 => {
-          console.log("res", res2);
-        }).catch(err => {
-          console.log("输出错误信息", err);
-        })
-
-
-
-      },
-      getImage(id) {
-        if (id == '') {
-          return defaultImage
-        }
-        return getImage(id)
+    updateInfu() {
+      const arr = {
+        attrValueVoList: [],
+        positionVoList: [],
+        roleVoList: this.roleList,
+        userGroupPoList: [],
+        partyEmployeePo: this.employee,
+        user: this.employee
       }
+      console.log(arr)
+      changeUserInfo(arr).then(res2 => {
+        this.$toast('更新个人信息成功！')
+      }).catch(err => {
+        console.log('输出错误信息', err)
+      })
     },
-
-
+    getImage(id) {
+      if (id === '') {
+        return defaultImage
+      }
+      return getImage(id)
+    }
   }
+}
 </script>
 <style lang="scss" scoped>
   .my-user-info {
@@ -196,11 +175,10 @@
 
     }
 
-
     ::v-deep .van-field__control {
       text-align: right;
       color: #999999;
       font-size: 16px;
     }
   }
-</style>
+</style>