1

src/api/admin/meeting/visitorPerson.js

@@ -49,4 +49,21 @@ export function delVisitorPerson(parameter) {
   })
 }
 
+
+export function selectUserByCustomer(id) {
+  return axios({
+    url: api.visitorPerson + '/selectUserByCustomer/' + id,
+    method: 'get',
+    params: {}
+  })
+}
+
+export function selectCustomer () {
+  return axios({
+    url: api.visitorPerson + '/selectCustomer',
+    method: 'get',
+  })
+}
+
+
 export const visitorPersonExport = api.visitorPerson + '/export'

src/views/admin/meeting/modules/VisitorPersonModal.vue

@@ -1,63 +1,121 @@
 <template>
   <a-modal
-    title="操作"
+    title='操作'
-    style="top: 20px;"
+    style='top: 20px;'
-    :width="800"
+    :width='800'
-    v-model="visible"
+    v-model='visible'
-    :confirmLoading="confirmLoading"
+    :confirmLoading='confirmLoading'
-    @ok="handleSubmit"
+    @ok='handleSubmit'
   >
-    <a-form :form="form">
+    <a-form :form='form'>
-      <a-form-item style="display:none">
+      <a-form-item style='display:none'>
-        <a-input v-decorator="['id']"/>
+        <a-input v-decorator="['id']" />
       </a-form-item>
-      <a-form-item style="display:none">
+      <a-form-item style='display:none'>
-        <a-input v-decorator="['version']"/>
+        <a-input v-decorator="['version']" />
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="访客id">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='被访单位'>
-        <a-input placeholder="访客id" v-decorator="['userId']"/>
+        <a-select v-decorator="['customerId',{rules: [{ required: true, message: '请选择被访单位' }]}]"
+                  placeholder='请选择被访单位'
+                  @change='getPersonList'>
+          <a-select-option v-for='item in enterpriseList' :key='item.id' :value='item.id'>
+            {{ item.name }}
+          </a-select-option>
+        </a-select>
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="被访人id">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='被访人姓名'>
-        <a-input placeholder="被访人id" v-decorator="['intervieweeId']"/>
+        <a-select v-decorator="['userId',{rules: [{ required: true, message: '请选择被访人姓名' }]}]"
+                  placeholder='请选择被访人姓名'
+                  @change='getPersonData'>
+          <a-select-option v-for='item in personList' :key='item.id' :value='item.id'>
+            {{ item.mobile + '-' + item.username }}
+          </a-select-option>
+        </a-select>
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="姓名">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='被访人手机号'>
-        <a-input placeholder="姓名" v-decorator="['name']"/>
+        <a-input placeholder='被访人手机号'
+                 v-decorator="['mobile',{rules: [{ required: true, message: '被访人手机号不能为空'}]}]" disabled />
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="手机号">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='来访人姓名'>
-        <a-input placeholder="手机号" v-decorator="['phone']"/>
+        <a-input placeholder='请输入来访人姓名'
+                 v-decorator="['name',{rules: [{ required: true, message: '来访人姓名不能为空'}]}]" />
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="来访是由">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='来访人联系方式'>
-        <a-input placeholder="来访是由" v-decorator="['visitContent']"/>
+        <a-input placeholder='请输入来访人联系方式'
+                 v-decorator="['phone',{rules: [{ required: true, message: '来访人联系方式不能为空'}]}]" />
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="证件号码">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='身份证类型'>
-        <a-input placeholder="证件号码" v-decorator="['cardNo']"/>
+        <a-select v-decorator="['cardType',{rules: [{ required: true, message: '身份证类型不能为空' }]}]"
+                  placeholder='请选择身份证类型'>
+          <a-select-option v-for='item in idcardTypeList' :key='item.name' :value='item.name'>
+            {{ item.name }}
+          </a-select-option>
+        </a-select>
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="创建者">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='身份证号'>
-        <a-input placeholder="创建者" v-decorator="['createBy']"/>
+        <a-input placeholder='请输入身份证号'
+                 v-decorator="['cardNo',{rules: [{ required: true, message: '身份证号不能为空'}]}]" />
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="更新者">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='到访时间'>
-        <a-input placeholder="更新者" v-decorator="['updateBy']"/>
+        <a-date-picker
+          format='YYYY-MM-DD HH:mm'
+          valueFormat='YYYY-MM-DD HH:mm:ss'
+          :show-time="{ format: 'HH:mm' }"
+          v-decorator="['visitTime',{rules: [{ required: true, message: '到访时间不能为空'}]}]"
+          type='date'
+          placeholder='请选择到访时间'
+          style='width: 100%;'
+        />
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="版本">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='离开时间'>
-        <a-input placeholder="版本" v-decorator="['version']"/>
+        <a-date-picker
+          format='YYYY-MM-DD HH:mm'
+          valueFormat='YYYY-MM-DD HH:mm:ss'
+          :show-time="{ format: 'HH:mm' }"
+          v-decorator="['leaveTime',{rules: [{ required: true, message: '离开时间不能为空'}]}]"
+          type='date'
+          placeholder='请选择离开时间'
+          style='width: 100%;'
+        />
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="照片">
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='来访事由'>
-        <a-input placeholder="照片" v-decorator="['photo']"/>
+        <a-input placeholder='请输入来访事由'
+                 v-decorator="['visitContent',{rules: [{ required: true, message: '来访事由不能为空'}]}]" />
+      </a-form-item>
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='照片'>
+        <a-upload
+          v-decorator="['photo']"
+          list-type='picture-card'
+          class='avatar-uploader'
+          :show-upload-list='false'
+          :action='uploadUrl'
+          :headers='headers'
+          :before-upload='beforeUpload'
+          @change='handleChange'
+        >
+          <img v-if='imageUrl' :src='imageUrl' style='width: 102px; height: 102px' />
+          <div v-else>
+            <a-icon :type="loading ? 'loading' : 'plus'" />
+            <div class='ant-upload-text'> 上传</div>
+          </div>
+        </a-upload>
       </a-form-item>
     </a-form>
   </a-modal>
 </template>
 <script>
-    import {saveVisitorPerson} from '@/api/admin/meeting/visitorPerson'
+import { saveVisitorPerson, selectUserByCustomer, selectCustomer } from '@/api/admin/meeting/visitorPerson'
-    import pick from 'lodash.pick'
+import pick from 'lodash.pick'
+import { getRoomListByFloorId } from '@/api/admin/meeting/roomContent'
+import storage from 'store'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
 
-    export default {
+
+export default {
   name: 'VisitorPersonModal',
-  props: {
+  props: {},
-  },
+  components: {},
-  components: {
+  data() {
-  },
-  data () {
     return {
       visible: false,
       labelCol: {
@@ -70,26 +128,91 @@
       },
       confirmLoading: false,
       mdl: {},
-      form: this.$form.createForm(this)
+      form: this.$form.createForm(this),
+      enterpriseList: [],
+      personList: [],
+      idcardTypeList: [{
+        name: '居民身份证'
+      }],
+      uploadUrl: process.env.VUE_APP_API_BASE_URL + '/api/dfs/upload',
+      imageUrl: '',
+      headers: {
+        Authorization: 'Bearer ' + storage.get(ACCESS_TOKEN)
+      }
     }
   },
-  beforeCreate () {
+  beforeCreate() {
   },
-  created () {
+  created() {
+    // 查询企业
+    selectCustomer().then(res => {
+      console.log('selectCustomer', res)
+      this.enterpriseList = res.data
+    })
   },
   methods: {
-    add () {
+    getPersonList(value) {
+      console.log('getPersonList', value)
+      selectUserByCustomer(value).then(res => {
+        console.log('selectUserByCustomer', res)
+        this.personList = res.data
+        this.form.setFieldsValue({ mobile: null, userId: null })
+      })
+    },
+    getPersonData(value) {
+      console.log('getPersonData', value)
+      this.form.setFieldsValue({ mobile: this.personList.find(item => item.id == value).mobile })
+    },
+    beforeUpload(file) {
+      const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'
+      if (!isJpgOrPng) {
+        this.$message.error('You can only upload JPG file!')
+      }
+      const isLt2M = file.size / 1024 < 500
+      if (!isLt2M) {
+        this.$message.error('图片必须小于 500kb!')
+      }
+      return isJpgOrPng && isLt2M
+    },
+    handleChange(info) {
+      if (info.file.status === 'uploading') {
+        this.loading = true
+        return
+      }
+      if (info.file.status === 'done') {
+        const { form: { setFieldsValue } } = this
+        const result = info.file.response
+        // 设置值
+        this.$nextTick(() => {
+          setFieldsValue({
+            // 设置相对路径
+            photo: result.fileName
+          })
+        })
+        // Get this url from response in real world.
+        this.getBase64(info.file.originFileObj, imageUrl => {
+          this.imageUrl = imageUrl
+          this.loading = false
+        })
+      }
+    },
+    getBase64(img, callback) {
+      const reader = new FileReader()
+      reader.addEventListener('load', () => callback(reader.result))
+      reader.readAsDataURL(img)
+    },
+    add() {
       this.form.resetFields()
       this.edit({ id: 0 })
     },
-    edit (record) {
+    edit(record) {
       this.mdl = Object.assign(record)
       this.visible = true
       this.$nextTick(() => {
         this.form.setFieldsValue(pick(this.mdl, 'id', 'userId', 'intervieweeId', 'name', 'phone', 'joinTime', 'visitTime', 'leaveTime', 'visitContent', 'cardType', 'cardNo', 'status', 'createBy', 'createTime', 'updateBy', 'updateTime', 'version', 'deleteFlag', 'photo'))
       })
     },
-    handleSubmit (e) {
+    handleSubmit(e) {
       e.preventDefault()
       this.form.validateFields((err, values) => {
         if (!err) {