From 21505bfef663ce50689d2e411ca15ce2f20728ba Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 25 六月 2024 14:00:16 +0800
Subject: [PATCH] ''
---
admin/src/components/business/operaVisitsWindow.vue | 124 ++++++++++++++++++++++++++++------------
1 files changed, 86 insertions(+), 38 deletions(-)
diff --git a/admin/src/components/business/operaVisitsWindow.vue b/admin/src/components/business/operaVisitsWindow.vue
index 72c3919..046b710 100644
--- a/admin/src/components/business/operaVisitsWindow.vue
+++ b/admin/src/components/business/operaVisitsWindow.vue
@@ -1,18 +1,24 @@
<template>
<GlobalWindow
- title="鏂板璁垮棰勭害"
- width="600px"
- :visible.sync="isShowModal"
- :confirm-working="isWorking"
- @confirm="confirm"
+ title="鏂板璁垮棰勭害"
+ width="600px"
+ :visible.sync="isShowModal"
+ :confirm-working="isWorking"
+ @confirm="confirm"
>
- <el-form :model="param" ref="paramRef" :rules="rules" >
+ <el-form :model="param" ref="paramRef" :rules="rules">
<div class="title_tip">璁垮淇℃伅</div>
<el-form-item label="璁垮濮撳悕" prop="name">
- <el-input v-model="param.name" placeholder="璇疯緭鍏ヨ瀹㈢殑濮撳悕"></el-input>
+ <el-input
+ v-model="param.name"
+ placeholder="璇疯緭鍏ヨ瀹㈢殑濮撳悕"
+ ></el-input>
</el-form-item>
<el-form-item label="璁垮鎵嬫満鍙�" prop="phone">
- <el-input v-model="param.phone" placeholder="璇疯緭鍏ヨ瀹㈢殑鎵嬫満鍙�"></el-input>
+ <el-input
+ v-model="param.phone"
+ placeholder="璇疯緭鍏ヨ瀹㈢殑鎵嬫満鍙�"
+ ></el-input>
</el-form-item>
<el-form-item label="璇佷欢绫诲瀷" prop="idcardType">
<el-select v-model="param.idcardType" placeholder="璇烽�夋嫨">
@@ -22,25 +28,44 @@
</el-select>
</el-form-item>
<el-form-item label="璇佷欢鍙风爜" prop="idcardNo">
- <el-input maxlength="18" v-model="param.idcardNo" placeholder="璇疯緭鍏ヨ瀹㈢殑璇佷欢鍙风爜"></el-input>
+ <el-input
+ maxlength="18"
+ v-model="param.idcardNo"
+ placeholder="璇疯緭鍏ヨ瀹㈢殑璇佷欢鍙风爜"
+ ></el-input>
</el-form-item>
<el-form-item label="鏉ヨ鍗曚綅" prop="companyName">
- <el-input v-model="param.companyName" placeholder="璇疯緭鍏ユ潵璁跨殑鍗曚綅鍏ㄧО"></el-input>
+ <el-input
+ v-model="param.companyName"
+ placeholder="璇疯緭鍏ユ潵璁跨殑鍗曚綅鍏ㄧО"
+ ></el-input>
</el-form-item>
- <el-form-item label="浜鸿劯鐓х墖" prop="faceImgUrl">
- <UploadFaceImg
- :file="{ 'imgurlfull': param.faceImgUrl, 'imgurl': param.faceImg }"
- :uploadData="uploadData"
- @uploadSuccess="uploadAvatarSuccess"
- @uploadEnd="isUploading = false"
- @uploadBegin="isUploading = true"
- />
+ <el-form-item label="浜鸿劯鐓х墖">
+ <div class="upload_wrap">
+ <UploadFaceImg
+ :file="{ imgurlfull: param.faceImgUrl, imgurl: param.faceImg }"
+ :uploadData="uploadData"
+ @uploadSuccess="uploadAvatarSuccess"
+ @uploadEnd="isUploading = false"
+ @uploadBegin="isUploading = true"
+ />
+ <div class="content">
+ <div>1銆佽閫夋嫨娴呰壊鎴栦腑鎬ц儗鏅紝浣跨敤鍧囧寑鍏夌嚎鎷嶇収銆�</div>
+ <div>2銆佽淇濇寔闈㈤儴姝ｅ闀滃ご锛屽嬁閬尅闈㈤儴锛屼繚鎸佷腑绔嬭〃鎯呫��</div>
+ <div>3銆佽閬垮厤鍚庢湡淇浘锛岀‘淇濅汉鑴歌疆寤撴竻鏅般�佸畬鏁达紝灏藉彲鑳藉噺灏戦潪鑴搁儴鍐呭鍗犳瘮銆�</div>
+ </div>
+ </div>
</el-form-item>
- <div class="title_tip" style="marginTop: 60px;">璁垮棰勭害</div>
+ <div class="title_tip" style="margintop: 60px">璁垮棰勭害</div>
<el-form-item label="琚浜�" prop="receptMemberId">
<el-select v-model="param.receptMemberId" placeholder="璇烽�夋嫨">
- <el-option v-for="item in memberList" :key="item.id" :label="item.name + ' ' + item.companyName" :value="item.id" />
+ <el-option
+ v-for="item in memberList"
+ :key="item.id"
+ :label="item.name + ' ' + item.companyName"
+ :value="item.id"
+ />
</el-select>
</el-form-item>
<el-form-item label="鍏ュ洯鏃堕棿" prop="starttime">
@@ -66,21 +91,30 @@
</el-form-item>
<el-form-item label="鏉ヨ浜嬬敱" prop="reason">
<el-select v-model="param.reason" placeholder="璇烽�夋嫨">
- <el-option v-for="item in VisitReason" :key="item.id" :label="item.title" :value="item.title" />
+ <el-option
+ v-for="item in VisitReason"
+ :key="item.id"
+ :label="item.title"
+ :value="item.title"
+ />
</el-select>
</el-form-item>
- <el-form-item label="鏄惁鏂藉伐浣滀笟" prop="type">
+ <el-form-item label="鏄惁鏂藉伐浣滀笟">
<el-switch
style="width: 200px"
v-model="param.type"
:active-value="1"
- :inactive-value="0">
+ :inactive-value="0"
+ >
</el-switch>
</el-form-item>
- <el-form-item v-if="param.type == 1" label="鏂藉伐鍐呭" prop="constructionReason">
- <el-input v-model="param.constructionReason" placeholder="璇疯緭鍏ユ柦宸ュ唴瀹�"></el-input>
+ <el-form-item v-if="param.type == 1" label="鏂藉伐鍐呭">
+ <el-input
+ v-model="param.constructionReason"
+ placeholder="璇疯緭鍏ユ柦宸ュ唴瀹�"
+ ></el-input>
</el-form-item>
- <el-form-item label="闅忚杞﹁締" prop="carNos">
+ <el-form-item label="闅忚杞﹁締">
<el-input v-model="param.carNos" placeholder="璇疯緭鍏ヨ溅鐗屽彿"></el-input>
</el-form-item>
</el-form>
@@ -100,7 +134,7 @@
GlobalWindow,
UploadFaceImg
},
- data () {
+ data() {
return {
isShowModal: false,
param: {
@@ -109,14 +143,13 @@
starttime: '',
endtime: ''
},
-
VisitReason: [],
memberList: [],
uploadData: {
folder: 'member'
},
startPickerOptions: {
- disabledDate (time) {
+ disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7 // 绂佺敤瓒呰繃褰撳墠鏃堕棿鐨勬棩鏈�
},
selectableRange: '00:00:00 - 23:59:59' // 杩欎釜鍔犱笂涔嬪悗锛屾椂鍒嗙涓婇潰鎵嶆湁绂佹閫夋嫨鍙樼伆锛屽鏋滀笉鍔狅紝涔熷彲浠ョ姝㈤�夋嫨锛屼絾鏄笉浼氬彉鐏�
@@ -134,6 +167,7 @@
endtime: [{ required: true, message: '璇烽�夋嫨鏃ユ湡', trigger: 'change' }],
reason: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }],
type: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }],
+ receptMemberId: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }],
idcardType: [{ required: true, message: '璇烽�夋嫨', trigger: 'change' }],
faceImgUrl: [{ required: true, message: '璇蜂笂浼�', trigger: 'change' }],
@@ -142,17 +176,17 @@
companyName: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
phone: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
carNos: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
- constructionReason: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
+ constructionReason: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }]
}
}
},
- created () {
+ created() {
this.$set(this.param, 'receptMemberId', this.$store.state.userInfo.memberId)
this.initData()
},
watch: {
'param.starttime': {
- handler (newValue, oldValue) {
+ handler(newValue, oldValue) {
if (newValue) {
const date = new Date()
// const min = date.getMinutes()
@@ -176,7 +210,7 @@
immediate: true
},
'param.endtime': {
- handler (newValue, oldValue) {
+ handler(newValue, oldValue) {
if (newValue) {
const nowDate = dayjs(this.param.starttime).format('HH:mm:ss')
let st = ''
@@ -194,23 +228,24 @@
}
},
methods: {
- initData () {
+ initData() {
getVisitedVisitReason({}).then(res => {
this.VisitReason = res || []
})
getVisitedMember({}).then(res => {
this.memberList = res || []
+ console.log('memberList', this.memberList)
})
},
- uploadAvatarSuccess (file) {
+ uploadAvatarSuccess(file) {
this.$set(this.param, 'faceImg', file.imgurl)
this.$set(this.param, 'faceImgUrl', file.imgurlfull)
},
- changeStarttime (e) {
+ changeStarttime(e) {
this.$set(this.param, 'endtime', this.param.starttime)
},
// 鍚屾淇℃伅
- confirm () {
+ confirm() {
this.$refs.paramRef.validate((valid) => {
if (!valid) {
return
@@ -238,9 +273,22 @@
}
</script>
<style lang="scss" scoped>
-.title_tip{
+.title_tip {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
+.upload_wrap{
+ display: flex;
+ align-items: center;
+ .content{
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ font-size: 12px;
+ color: #999999;
+ margin-left: 12px;
+ line-height: 24px;
+ }
+}
</style>
--
Gitblit v1.9.3