elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

“fix:修改时间样式”

master
123456 3 years ago
parent
277b33945e
commit
18c5d1a732
1 changed files with 131 additions and 99 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 230
      src/views/modules/plugins/point/icpointvaccinesinoculation-add-or-update.vue

230
src/views/modules/plugins/point/icpointvaccinesinoculation-add-or-update.vue
View File

@ -1,5 +1,5 @@
<template>
<div style="height:600px;overflow:auto;padding: 20px;" class="form-class">
<div style="height: 600px; overflow: auto; padding: 20px" class="form-class">
<el-form
:model="dataForm"
:rules="dataRule"
@ -22,82 +22,90 @@
<el-input
v-model="dataForm.name"
placeholder="疫苗接种点名称"
:disabled='dialogTitle == "查看"'
:disabled="dialogTitle == '查看'"
></el-input>
</el-form-item>
<el-form-item label="接种日期" prop="inoculationDate">
<!-- <el-input
v-model="dataForm.inoculationDate"
placeholder="接种日期"
></el-input> -->
<el-date-picker
v-model="dataForm.inoculationDate"
value-format="yyyy-MM-dd"
type="date"
placeholder="选择日期"
:disabled='dialogTitle == "查看"'
>
</el-date-picker>
</el-form-item>
<el-form-item label="上午接种时间" prop="morningTime" class="time-class">
<el-time-picker
is-range
v-model="morningTime"
format="HH:mm"
value-format="HH:mm"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="选择时间范围"
@change="startTimeChange"
:disabled='dialogTitle == "查看"'
:clearable="false"
:editable="false"
>
</el-time-picker>
</el-form-item>
<el-form-item label="下午接种时间" prop="afterTime" class="time-class">
<el-time-picker
is-range
v-model="afterTime"
format="HH:mm"
value-format="HH:mm"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="选择时间范围"
@change="endTimeChange"
:disabled='dialogTitle == "查看"'
:clearable="false"
:editable="false"
>
</el-time-picker>
<el-form-item label="接种时间" :class="dataForm.noAvailableVaccines != '2'?'':'time-class'">
<div class="data-block">
<div style="width: 30%">
<el-date-picker
v-model="dataForm.inoculationDate"
value-format="yyyy-MM-dd"
type="date"
placeholder="选择日期"
:disabled="dialogTitle == '查看'"
>
</el-date-picker>
</div>
<div class="time-block">
<div>
<span>上午</span>
<el-time-picker
is-range
v-model="morningTime"
format="HH:mm"
value-format="HH:mm"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="选择时间范围"
@change="startTimeChange"
:disabled="dialogTitle == '查看'"
:clearable="false"
:editable="false"
>
</el-time-picker>
</div>
<div>
<span>下午</span>
<el-time-picker
is-range
v-model="afterTime"
format="HH:mm"
value-format="HH:mm"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="选择时间范围"
@change="endTimeChange"
:disabled="dialogTitle == '查看'"
:clearable="false"
:editable="false"
>
</el-time-picker>
</div>
</div>
</div>
</el-form-item>
<el-form-item label="" prop="noAvailableVaccines">
<el-checkbox
v-model="dataForm.noAvailableVaccines"
true-label="1"
false-label="2"
:disabled='dialogTitle == "查看"'
:disabled="dialogTitle == '查看'"
>暂无疫苗</el-checkbox
>
</el-form-item>
<el-form-item label="咨询电话" prop="mobile">
<el-input v-model="dataForm.mobile" :disabled='dialogTitle == "查看"' placeholder="咨询电话"></el-input>
<el-input
v-model="dataForm.mobile"
:disabled="dialogTitle == '查看'"
placeholder="咨询电话"
></el-input>
</el-form-item>
<el-form-item label="接种点地址" prop="address">
<el-input
v-model="dataForm.address"
placeholder="例:青岛市时代国际广场"
style="width:65%;"
style="width: 65%"
></el-input>
<el-button
style="margin-left: 10px"
type="primary"
size="small"
@click="handleSearchMap"
>查询</el-button
>
style="margin-left: 10px"
type="primary"
size="small"
@click="handleSearchMap"
>查询</el-button
>
</el-form-item>
<el-form-item
label="位置坐标"
@ -154,9 +162,12 @@
</el-form>
<div class="submit">
<el-button @click="closeSubmit">{{ $t("cancel") }}</el-button>
<el-button v-if='dialogTitle != "查看"' type="primary" @click="dataFormSubmitHandle()">{{
$t("confirm")
}}</el-button>
<el-button
v-if="dialogTitle != '查看'"
type="primary"
@click="dataFormSubmitHandle()"
>{{ $t("confirm") }}</el-button
>
</div>
</div>
</template>
@ -185,7 +196,7 @@ export default {
moEndTime: "",
afStartTime: "",
afEndTime: "",
noAvailableVaccines: '1',
noAvailableVaccines: "1",
mobile: "",
address: "",
longitude: "",
@ -216,7 +227,7 @@ export default {
],
inoculationDate: [
{
required: this.dataForm.noAvailableVaccines === '2',
required: this.dataForm.noAvailableVaccines === "2",
message: this.$t("validate.required"),
trigger: "blur",
},
@ -259,11 +270,11 @@ export default {
};
},
},
props:{
dialogTitle:{
type:String,
default:''
}
props: {
dialogTitle: {
type: String,
default: "",
},
},
methods: {
startTimeChange() {
@ -280,14 +291,14 @@ export default {
return false;
}
if (hour_0 == 12) {
if(minute_0 > 0 || second_0 > 0){
if (minute_0 > 0 || second_0 > 0) {
this.$message.error("请选择00:00-12:00时间段的时间");
this.morningTime = null;
return false;
}
}
if (hour_1 == 12) {
if(minute_1 > 0 || second_1 > 0){
if (minute_1 > 0 || second_1 > 0) {
this.$message.error("请选择00:00-12:00时间段的时间");
this.morningTime = null;
return false;
@ -311,14 +322,14 @@ export default {
return false;
}
if (hour_0 == 12) {
if(minute_0 == 0 && second_0 == 0){
if (minute_0 == 0 && second_0 == 0) {
this.$message.error("请选择12:01-23:59时间段的时间");
this.afterTime = null;
return false;
}
}
if (hour_1 == 12) {
if(minute_1 == 0 && second_1 == 0){
if (minute_1 == 0 && second_1 == 0) {
this.$message.error("请选择12:01-23:59时间段的时间");
this.afterTime = null;
return false;
@ -339,7 +350,7 @@ export default {
latitude = 39.9088810666821;
longitude = 116.39743841556731;
}
console.log(latitude,longitude);
console.log(latitude, longitude);
var center = new window.TMap.LatLng(latitude, longitude);
// 定义map变量，调用 TMap.Map() 构造函数创建地图
map = new window.TMap.Map(document.getElementById("map_add"), {
@ -487,15 +498,15 @@ export default {
...this.dataForm,
...res.data,
};
this.morningTime = [res.data.moStartTime,res.data.moEndTime]
this.afterTime = [res.data.afStartTime,res.data.afEndTime]
if(res.data.moStartTime !== ''){
this.morningTime = [res.data.moStartTime,res.data.moEndTime]
this.afterTime = [res.data.afStartTime,res.data.afEndTime]
this.morningTime = [res.data.moStartTime, res.data.moEndTime];
this.afterTime = [res.data.afStartTime, res.data.afEndTime];
if (res.data.moStartTime !== "") {
this.morningTime = [res.data.moStartTime, res.data.moEndTime];
this.afterTime = [res.data.afStartTime, res.data.afEndTime];
}
if(!this.dataForm.longitude && !this.dataForm.latitude){
this.dataForm.longitude = "120.38945519"
this.dataForm.latitude = "36.0722275"
if (!this.dataForm.longitude && !this.dataForm.latitude) {
this.dataForm.longitude = "120.38945519";
this.dataForm.latitude = "36.0722275";
}
this.initMap();
})
@ -508,13 +519,24 @@ export default {
if (!valid) {
return false;
}
if(this.morningTime === null && this.dataForm.noAvailableVaccines === '2'){
this.$message.error('请填写上午接种时间');
return false
if(!this.dataForm.inoculationDate &&
this.dataForm.noAvailableVaccines === "2"){
this.$message.error("请选择接种日期");
return false;
}
if(this.afterTime === null && this.dataForm.noAvailableVaccines === '2'){
this.$message.error('请填写下午接种时间');
return false
if (
this.morningTime === null &&
this.dataForm.noAvailableVaccines === "2"
) {
this.$message.error("请填写上午接种时间");
return false;
}
if (
this.afterTime === null &&
this.dataForm.noAvailableVaccines === "2"
) {
this.$message.error("请填写下午接种时间");
return false;
}
this.$http[!this.dataForm.id ? "post" : "put"](
"/epmetuser/icPointVaccinesInoculation/",
@ -522,7 +544,9 @@ export default {
)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.internalMsg ? res.internalMsg : res.msg);
return this.$message.error(
res.internalMsg ? res.internalMsg : res.msg
);
}
this.$message({
message: this.$t("prompt.success"),
@ -545,6 +569,15 @@ export default {
};
</script>
<style scoped>
.data-block {
display: flex;
}
.time-block>div{
margin-bottom: 10px;
}
.time-block span {
padding: 10px;
}
.position_label >>> .el-form-item__label::before {
color: #fff !important;
}
@ -552,21 +585,20 @@ export default {
text-align: center;
margin: auto;
}
.form-class .el-input{
.form-class .el-input {
width: 75%;
}
.form-class .el-textarea{
width: 75%!important;
.form-class .el-textarea {
width: 75% !important;
}
.time-class{
.time-class {
position: relative;
}
.time-class::before{
content: '*';
color: #F56C6C;
position: absolute;
left:16px;
top: 10px;
.time-class::before {
content: "*";
color: #f56c6c;
position: absolute;
left: 42px;
top: 10px;
}
</style>

Write Preview
Loading…
Cancel
Save