From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
admin/src/components/business/operaVisitsWindow.vue | 128 ++++++++++++++++++++++++++++++++----------
1 files changed, 96 insertions(+), 32 deletions(-)
diff --git a/admin/src/components/business/operaVisitsWindow.vue b/admin/src/components/business/operaVisitsWindow.vue
index 72c3919..7eff5ec 100644
--- a/admin/src/components/business/operaVisitsWindow.vue
+++ b/admin/src/components/business/operaVisitsWindow.vue
@@ -1,18 +1,26 @@
<template>
<GlobalWindow
- title="鏂板璁垮棰勭害"
- width="600px"
- :visible.sync="isShowModal"
- :confirm-working="isWorking"
- @confirm="confirm"
+ title="鏂板璁垮棰勭害"
+ width="600px"
+ :visible.sync="isShowModal"
+ :confirm-working="isWorking"
+ @confirm="confirm"
+ @close="close"
>
- <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"
+ maxlength="11"
+ placeholder="璇疯緭鍏ヨ瀹㈢殑鎵嬫満鍙�"
+ ></el-input>
</el-form-item>
<el-form-item label="璇佷欢绫诲瀷" prop="idcardType">
<el-select v-model="param.idcardType" placeholder="璇烽�夋嫨">
@@ -22,25 +30,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"
- />
+ <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-select v-model="param.receptMemberId" disabled placeholder="璇烽�夋嫨">
+ <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 +93,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>
@@ -94,7 +130,6 @@
import dayjs from 'dayjs'
import { createFk, getVisitedVisitReason, getVisitedMember } from '@/api/business/visits'
export default {
- name: 'OperaVisitsHkWindow',
extends: BaseOpera,
components: {
GlobalWindow,
@@ -109,7 +144,6 @@
starttime: '',
endtime: ''
},
-
VisitReason: [],
memberList: [],
uploadData: {
@@ -134,6 +168,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,12 +177,13 @@
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 () {
this.$set(this.param, 'receptMemberId', this.$store.state.userInfo.memberId)
+ this.$set(this.param, 'starttime', dayjs().format('YYYY-MM-DD HH:mm:ss'))
this.initData()
},
watch: {
@@ -194,12 +230,17 @@
}
},
methods: {
+ close () {
+ this.isShowModal = false
+ this.$emit('close')
+ },
initData () {
getVisitedVisitReason({}).then(res => {
this.VisitReason = res || []
})
getVisitedMember({}).then(res => {
this.memberList = res || []
+ console.log('memberList', this.memberList)
})
},
uploadAvatarSuccess (file) {
@@ -207,7 +248,7 @@
this.$set(this.param, 'faceImgUrl', file.imgurlfull)
},
changeStarttime (e) {
- this.$set(this.param, 'endtime', this.param.starttime)
+ // this.$set(this.param, 'endtime', this.param.starttime)
},
// 鍚屾淇℃伅
confirm () {
@@ -215,6 +256,8 @@
if (!valid) {
return
}
+ const { param } = this
+ if (param.starttime.slice(0, 10) !== param.endtime.slice(0, 10)) return this.$tip.error('鍏ュ洯鏃堕棿鍜岀鍥椂闂翠笉鍙法澶�')
// 璋冪敤鏂板缓鎺ュ彛
this.isWorking = true
createFk({
@@ -227,7 +270,6 @@
this.$emit('close')
})
.catch(e => {
- this.$tip.apiFailed(e)
})
.finally(() => {
this.isWorking = false
@@ -238,9 +280,31 @@
}
</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;
+ .avatar-uploader{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ ::v-deep .avatar{
+ max-width: 90px;
+ max-height: 90px;
+ }
+ .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