a

he wei

2022-07-14 f44b5099b8951cca9e6f5e2e4170756b7838dd44

a

 src/pages/user/components/userInfo.vue

New file
@@ -0,0 +1,100 @@
<template>
  <div class="">
    <a-form
      ref="formRef"
      name="advanced_search"
      class="ant-advanced-search-form"
      :model="info"
    >
      <!-- @finish="onFinish" -->
      <a-row :gutter="24">
        <a-form-item
          :name="['info', 'faceUrl']"
          label="人脸图片"
          :rules="[{ required: true }]"
        >
          <img :src="imageUrl" alt="avatar" />
        </a-form-item>
        <a-form-item
          :name="['info', 'name']"
          label="姓名"
          :rules="[{ required: true }]"
        >
          <a-input disabled v-model="info.name" />
        </a-form-item>
        <a-form-item
          :name="['info', 'tel']"
          label="座机"
          :rules="[{ required: true }]"
        >
          <a-input disabled v-model="info.tel" />
        </a-form-item>
        <a-form-item
          :name="['info', 'phone']"
          label="手机"
          :rules="[{ required: true }]"
        >
          <a-input disabled v-model="info.phone" />
        </a-form-item>
        <a-form-item
          :name="['info', 'depart', 'departName']"
          label="组别"
          :rules="[{ required: true }]"
        >
          <a-input disabled v-model="info.depart.departName" />
        </a-form-item>
        <a-form-item
          :name="['info', 'drole', 'roleName']"
          label="角色"
          :rules="[{ required: true }]"
        >
          <a-input disabled v-model="info.drole.roleName" />
        </a-form-item>
      </a-row>
    </a-form>
  </div>
</template>

<script>
const userInf = {
  faceUrl: '',
  name: '',
  id: '',
  tel: '',
  phone: '',
  // depart_id: '',
  face_id: '',
  // role_id: '',
  depart: {
    departName: ''
  },
  drole: {
    roleName: ''
  }
};
export default {
  name: "",
  data() {
    return {};
  },
  components: {},
  props: {
    info: {
      type: Object,
      default() {
        return {
          ...userInf
        }
      }
    }
  },
  methods: {},

  mounted() {
    console.log(this.info, 'this.info')
  },
};
</script>

<style scoped>
</style>