From c4110a976a131f3a9c579420bb25c8f625b33a32 Mon Sep 17 00:00:00 2001
From: chendaze <1824191732@qq.com>
Date: Wed, 27 Mar 2024 11:38:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86=E5=AF=B9=E5=BA=94?=
 =?UTF-8?q?=E9=A2=84=E7=BA=A6=E9=A1=B5=E9=9D=A2=EF=BC=8C=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E4=BA=86=E5=AF=B9=E5=BA=94=E7=94=A8=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/admin/meeting/ReservationInfo.vue   |   2 +-
 .../admin/modules/IcsCustomerStaffModal.vue   | 135 +++++++++++++++++-
 2 files changed, 134 insertions(+), 3 deletions(-)

diff --git a/src/views/admin/meeting/ReservationInfo.vue b/src/views/admin/meeting/ReservationInfo.vue
index a0e2c94..55cb266 100644
--- a/src/views/admin/meeting/ReservationInfo.vue
+++ b/src/views/admin/meeting/ReservationInfo.vue
@@ -163,7 +163,7 @@ export default {
         },
         {
           title: '接收时间',
-          dataIndex: 'createTime'
+          dataIndex: 'visitTime'
         },
         {
           title: '是否到访',
diff --git a/src/views/admin/modules/IcsCustomerStaffModal.vue b/src/views/admin/modules/IcsCustomerStaffModal.vue
index d63a015..108ee5d 100644
--- a/src/views/admin/modules/IcsCustomerStaffModal.vue
+++ b/src/views/admin/modules/IcsCustomerStaffModal.vue
@@ -15,7 +15,7 @@
         <a-input placeholder="姓名" v-decorator="['username', {rules: [{required: true, message: '请输入姓名'}]}]"/>
       </a-form-item>
       <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="电话">
-        <a-input placeholder="电话" v-decorator="['mobile', {rules: [{required: true, message: '请输入手机号码'}]}]"/>
+        <a-input placeholder="电话" v-decorator="['mobile', {rules: [{required: true, message: '请输入电话'}]}]"/>
       </a-form-item>
       <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="用户性别">
         <a-radio-group @change="onChange" v-decorator="['gender',{rules: [{required: true, message: '请选择性别'}]}]" >
@@ -23,13 +23,70 @@
           <a-radio :value="'1'">女</a-radio>
         </a-radio-group>
       </a-form-item>
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='照片'>
+        <!--        <a-input placeholder="室内图片url" v-decorator="['indoorPicUrl']" />-->
+        <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-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='照片'>
+        <a-upload
+          v-decorator="['avatar']"
+          list-type='picture-card'
+          class='avatar-uploader'
+          :show-upload-list='false'
+          :action='uploadUrl'
+          :headers='headers'
+          :before-upload='beforeUpload1'
+          @change='handleChange1'
+        >
+          <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-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="用户昵称">
+        <a-input placeholder="用户昵称" v-decorator="['username']"/>
+      </a-form-item>
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="身份证号">
+        <a-input placeholder="身份证号" v-decorator="['cardNo']"/>
+      </a-form-item>
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="员工地址">
+        <a-input placeholder="员工地址" v-decorator="['address']"/>
+      </a-form-item>
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="邮箱">
+        <a-input placeholder="邮箱" v-decorator="['email']"/>
+      </a-form-item>
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="学历">
+        <a-input placeholder="学历" v-decorator="['degree']"/>
+      </a-form-item>
+      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="紧急联系人">
+        <a-input placeholder="紧急联系人" v-decorator="['urgent']"/>
+      </a-form-item>
+
     </a-form>
   </a-modal>
 </template>
 <script>
 import { saveIcsCustomerStaff } from '@/api/admin/icsCustomerStaff'
 import pick from 'lodash.pick'
-
+import storage from 'store'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
 export default {
   name: 'IcsCustomerStaffModal',
   props: {
@@ -47,6 +104,11 @@ export default {
         xs: { span: 24 },
         sm: { span: 16 }
       },
+      uploadUrl: process.env.VUE_APP_API_BASE_URL + '/api/dfs/upload',
+      imageUrl: '',
+      headers: {
+        Authorization: 'Bearer ' + storage.get(ACCESS_TOKEN)
+      },
       confirmLoading: false,
       mdl: {},
       form: this.$form.createForm(this)
@@ -57,6 +119,75 @@ export default {
   created () {
   },
   methods: {
+
+    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 < 5000
+      if (!isLt2M) {
+        this.$message.error('图片必须小于 5M!')
+      }
+      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.
+        getBase64(info.file.originFileObj, imageUrl => {
+          this.imageUrl = imageUrl
+          this.loading = false
+        })
+      }
+    },
+
+    beforeUpload1(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 < 5000
+      if (!isLt2M) {
+        this.$message.error('图片必须小于 5M!')
+      }
+      return isJpgOrPng && isLt2M
+    },
+    handleChange1(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({
+            // 设置相对路径
+            avatar: result.fileName
+          })
+        })
+        // Get this url from response in real world.
+        getBase64(info.file.originFileObj, imageUrl => {
+          this.imageUrl = imageUrl
+          this.loading = false
+        })
+      }
+    },
+
     add () {
       this.form.resetFields()
       this.edit({ id: 0 })