kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
shijingjing
2022-11-24 16:00:18 +08:00
parent fd58336719
commit 26e9ed8011
2 changed files with 89 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
src/project/pingchang/AppGetewayRegister/getewayAdd.vue
View File

@@ -16,7 +16,7 @@
</div>
</div>
</div>
<div class="form-item">
<!-- <div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<i>*</i>
@@ -26,7 +26,7 @@
<input placeholder="请输入" type="idcard" v-model="form.idNumber" :maxlength="18" @blur="idNumberChange"/>
</div>
</div>
</div>
</div> -->
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
@@ -34,7 +34,7 @@
<h2>手机号码</h2>
</div>
<div class="form-item__right">
<input placeholder="请输入" type="number" v-model="form.phone" :maxlength="11"/>
<input placeholder="请输入" type="number" v-model="form.phone" :maxlength="11" @blur="phoneChange"/>
</div>
</div>
</div>
@@ -76,7 +76,7 @@
<!-- 行程信息 -->
<div class="title">行程信息</div>
<div class="form-item__group">
<div class="form-item">
<!-- <div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<i>*</i>
@@ -92,18 +92,18 @@
</div>
</div>
</div>
</div>
</div> -->
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<i>*</i>
<h2>出发地</h2>
<h2>从哪来</h2>
</div>
<div class="form-item__right">
<AiAreaPicker class="ai-area" v-model="startAreaId" :fullName.sync="startAreaName" all>
<div class="ai-area__wrapper">
<span class="label" v-if="startAreaName">{{ startAreaName }}</span>
<i v-else>请选择</i>
<i v-else style="color: #FF4466;">请选择</i>
<u-icon name="arrow-right" color="#ddd"/>
</div>
</AiAreaPicker>
@@ -122,7 +122,7 @@
</div>
</div>
</div>
<div class="form-item form-item__imgs">
<!-- <div class="form-item form-item__imgs">
<div class="form-item__wrapper">
<div class="form-item__title">
<i>*</i>
@@ -134,9 +134,9 @@
</div>
</div>
</div>
</div>
</div> -->
<div class="form-item">
<!-- <div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
<i style="margin-right:8px;"></i>
@@ -146,8 +146,8 @@
<input placeholder="请输入" v-model="form.trainNo" :maxlength="20"/>
</div>
</div>
</div>
<div class="form-item form-item__textarea">
</div> -->
<!-- <div class="form-item form-item__textarea">
<div class="form-item__wrapper">
<div class="form-item__title">
<i style="margin-right:8px;"></i>
@@ -158,7 +158,7 @@
placeholder-style="font-size: 16px"></textarea>
</div>
</div>
</div>
</div> -->
<div class="form-item">
<div class="form-item__wrapper">
<div class="form-item__title">
@@ -180,13 +180,13 @@
<div class="form-item__wrapper">
<div class="form-item__title">
<i>*</i>
<h2>目的地</h2>
<h2>到哪去</h2>
</div>
<div class="form-item__right">
<AiAreaPicker class="ai-area" v-model="form.arriveAreaId" :fullName.sync="form.arriveAreaName" :areaId="$areaId">
<div class="ai-area__wrapper">
<span class="label" v-if="form.arriveAreaName">{{ form.arriveAreaName }}</span>
<i v-else>请选择</i>
<i v-else style="color: #FF4466;">请选择</i>
<u-icon name="arrow-right" color="#ddd"/>
</div>
</AiAreaPicker>
@@ -208,7 +208,7 @@
</div>
<!-- 健康状况 -->
<div class="title">健康状况</div>
<!-- <div class="title">健康状况</div>
<div class="form-item__group">
<div class="form-item form-item__imgs">
<div class="form-item__wrapper">
@@ -271,10 +271,10 @@
</div>
</div>
</div>
</div>
</div> -->
<!-- 同行情况 -->
<div class="title">同行情况</div>
<!-- <div class="title">同行情况</div>
<div class="form-item__group">
<div class="form-item">
<div class="form-item__wrapper">
@@ -294,7 +294,7 @@
:phone.sync="item.phone" :index="index" @delCountHandle="delCountHandle"/>
</div>
<div class="addCount" @click="addCountHandle" v-if="form.companionCount > 0">添加同行人</div>
</div>
</div> -->
<u-picker mode="time" :params="params" v-model="isShowStartTime" @confirm="onStartChange"></u-picker>
<u-picker mode="time" :params="params" v-model="isShowEndTime" @confirm="onEndChange"></u-picker>
@@ -507,25 +507,23 @@ export default {
})
},
idNumberChange(e) {
phoneChange(e) {
if(e.detail.value.length) {
this.getOwnerInfo(e.detail.value)
}
},
// 获取个人信息
getOwnerInfo(idNumber) {
getOwnerInfo(phoneNumber) {
this.$instance.post(`/app/appepidemicpreventionregisterinfo/queryDetailByIdNumber`, null, {
params: {
idNumber: idNumber,
phone: phoneNumber,
}
}).then(res => {
if(res?.data) {
this.form.name = res.data.name || ''
this.form.phone = res.data.phone || ''
this.startAreaId = res.data.startAreaId
this.startAreaName = res.data.startAreaName
this.form.description = res.data.description || ''
this.form.arriveAreaId = res.data.arriveAreaId
this.form.arriveAreaName = res.data.arriveAreaName
this.form.startAddress = res.data.startAddress || ''
@@ -540,13 +538,13 @@ export default {
return this.$toast('请选择卡口')
}
if (!this.form.idNumber) {
return this.$toast('请输入身份证号')
}
// if (!this.form.idNumber) {
// return this.$toast('请输入身份证号')
// }
if (!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(this.form.idNumber)) {
return this.$toast('请输入正确的身份证账号')
}
// if (!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(this.form.idNumber)) {
// return this.$toast('请输入正确的身份证账号')
// }
if (!this.form.phone) {
return this.$toast('请输入手机号码')
@@ -564,13 +562,13 @@ export default {
// return this.$toast('请选择人员类别')
// }
if (!this.form.startTime) {
return this.$toast('请选择出发时间')
}
// if (!this.form.startTime) {
// return this.$toast('请选择出发时间')
// }
if (new Date(this.form.startTime.replace(/-/g, '/')).getTime() > new Date().getTime()) {
return this.$toast('出发时间不得晚于当前时间')
}
// if (new Date(this.form.startTime.replace(/-/g, '/')).getTime() > new Date().getTime()) {
// return this.$toast('出发时间不得晚于当前时间')
// }
if (!this.startAreaId) {
return this.$toast('请选择出发地')
@@ -584,9 +582,9 @@ export default {
// return this.$toast('请输入出发地详址')
// }
if (!this.travelType.length) {
return this.$toast('请选择出行方式')
}
// if (!this.travelType.length) {
// return this.$toast('请选择出行方式')
// }
if (!this.form.arriveTime) {
return this.$toast('请选择抵平时间')
@@ -608,49 +606,49 @@ export default {
// return this.$toast('请输入到达地址')
// }
if (!this.form.fromHighRiskArea) {
return this.$toast('请选择是否有风险旅居史')
}
// if (!this.form.fromHighRiskArea) {
// return this.$toast('请选择是否有风险旅居史')
// }
if (this.form.fromHighRiskArea == 1) {
if (!this.form.highRiskAreaId) {
return this.$toast('请选择风险旅居地区')
}
}
// if (this.form.fromHighRiskArea == 1) {
// if (!this.form.highRiskAreaId) {
// return this.$toast('请选择风险旅居地区')
// }
// }
if (!this.form.contactPatients) {
return this.$toast('请选择近七日内是否接触新冠确诊或疑似患者')
}
// if (!this.form.contactPatients) {
// return this.$toast('请选择近七日内是否接触新冠确诊或疑似患者')
// }
if (!this.form.abnormalHealth) {
return this.$toast('请选择是否有健康异常情况')
}
// if (!this.form.abnormalHealth) {
// return this.$toast('请选择是否有健康异常情况')
// }
if (this.form.abnormalHealth == 1) {
if (!this.form.abnormalType) {
return this.$toast('请选择异常情况')
}
}
// if (this.form.abnormalHealth == 1) {
// if (!this.form.abnormalType) {
// return this.$toast('请选择异常情况')
// }
// }
if (!this.form.companionCount || this.form.companionCount == 0) {
this.form.companionCount = 0
this.form.companionList = []
} else {
// if (!this.form.companionCount || this.form.companionCount == 0) {
// this.form.companionCount = 0
// this.form.companionList = []
// } else {
if(this.form.companionCount > 100) {
return this.$u.toast('同行人数最多可填写100人。')
}
// if(this.form.companionCount > 100) {
// return this.$u.toast('同行人数最多可填写100人。')
// }
if(this.people.length != this.form.companionCount) {
return this.$u.toast('请输入正确的同行人信息')
} else {
if(this.people.some(val=> (val.name=='') || (val.phone=='')) ) {
return this.$u.toast('请输入完整的同行人信息')
} else {
this.form.companionList = this.people
}
}
}
// if(this.people.length != this.form.companionCount) {
// return this.$u.toast('请输入正确的同行人信息')
// } else {
// if(this.people.some(val=> (val.name=='') || (val.phone=='')) ) {
// return this.$u.toast('请输入完整的同行人信息')
// } else {
// this.form.companionList = this.people
// }
// }
// }
if (this.flag) return
this.flag = true

32
src/project/pingchang/AppGetewayRegister/getewayDetail.vue
View File

@@ -31,14 +31,14 @@
<span>{{ info.name }}</span>
</div>
</div>
<div class="detail-info__item">
<!-- <div class="detail-info__item">
<div class="left">
<label>身份证号</label>
</div>
<div class="right">
<span>{{ info.idNumber }}</span>
</div>
</div>
</div> -->
<div class="detail-info__item">
<div class="left">
<label>联系方式</label>
@@ -67,7 +67,7 @@
</div>
<div class="detail-info">
<h2>行程信息</h2>
<div class="detail-info__item">
<!-- <div class="detail-info__item">
<div class="left">
<label>出行方式</label>
</div>
@@ -77,23 +77,23 @@
<span v-show="index < travelType.length - 1">，</span>
</span>
</div>
</div>
<div class="detail-info__item">
</div> -->
<!-- <div class="detail-info__item">
<div class="left">
<label>车次/航班</label>
</div>
<div class="right">
<span>{{ info.trainNo }}</span>
</div>
</div>
<div class="detail-info__item">
</div> -->
<!-- <div class="detail-info__item">
<div class="left">
<label>出发时间</label>
</div>
<div class="right">
<span>{{ info.startTime && info.startTime.substr(0, info.startTime.length - 3) }}</span>
</div>
</div>
</div> -->
<div class="detail-info__item">
<div class="left">
<label>出发地</label>
@@ -102,22 +102,22 @@
<span :style="{color: info.denger == 1 ? '#FF4466' : '#333'}">{{ info.startAreaName }}</span>
</div>
</div>
<div class="detail-info__item">
<!-- <div class="detail-info__item">
<div class="left">
<label>出发地详址</label>
</div>
<div class="right">
<span>{{ info.startAddress }}</span>
</div>
</div>
<div class="detail-info__item">
</div> -->
<!-- <div class="detail-info__item">
<div class="left">
<label>行程描述</label>
</div>
<div class="right">
<span>{{ info.description }}</span>
</div>
</div>
</div> -->
<div class="detail-info__item">
<div class="left">
<label>抵平时间</label>
@@ -143,7 +143,7 @@
</div>
</div>
</div>
<div class="detail-info">
<!-- <div class="detail-info">
<h2>健康状况</h2>
<div class="detail-info__item">
<div class="left">
@@ -169,8 +169,8 @@
<span :style="{ color: info.abnormalType? '#FF4466' :'#42D784'}">{{ $dict.getLabel('EP_abnormalType',info.abnormalType) || '没有出现症状' }}</span>
</div>
</div>
</div>
<div class="detail-info" v-if="info.companionCount > 0">
</div> -->
<!-- <div class="detail-info" v-if="info.companionCount > 0">
<h2>同行情况</h2>
<div class="detail-info__item">
<div class="left">
@@ -192,7 +192,7 @@
</u-tr>
</u-table>
</div>
</div>
</div> -->
<div class="btn-wrapper" v-if="info.handleType == 0">
<div class="btn" @click="$linkTo(`./getewayAdd?id=${info.id}`)" hover-class="text-hover">编辑</div>
</div>