|
|
|
@ -1,36 +1,28 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<el-form |
|
|
|
ref="ref_form" |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="dataForm" |
|
|
|
:rules="dataRule" |
|
|
|
:disabled="formType === 'detail'" |
|
|
|
class="form" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="事项名称" |
|
|
|
class="form"> |
|
|
|
<el-form-item label="事项名称" |
|
|
|
prop="matterName" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
maxlength="50" |
|
|
|
show-word-limit |
|
|
|
v-model="info.matterName" |
|
|
|
disabled |
|
|
|
> |
|
|
|
disabled> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="预约日期" |
|
|
|
<el-form-item label="预约日期" |
|
|
|
prop="appointmentDate" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
style="display: block"> |
|
|
|
<!-- <el-date-picker |
|
|
|
v-model="dataForm.appointmentDate" |
|
|
|
placeholder="预约日期" |
|
|
|
@ -38,98 +30,77 @@ |
|
|
|
:picker-options="dateOptions" |
|
|
|
> |
|
|
|
</el-date-picker> --> |
|
|
|
<el-select v-model="dataForm.appointmentDate" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in dateList" |
|
|
|
<el-select v-model="dataForm.appointmentDate" |
|
|
|
placeholder="请选择"> |
|
|
|
<el-option v-for="item in dateList" |
|
|
|
:key="item" |
|
|
|
:label="item" |
|
|
|
:value="item" |
|
|
|
> |
|
|
|
</el-option |
|
|
|
></el-select> |
|
|
|
:value="item"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
v-if="timeList.length > 0" |
|
|
|
<el-form-item v-if="timeList.length > 0" |
|
|
|
label="预约时段" |
|
|
|
prop="timeId" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
style="display: block"> |
|
|
|
<div style="margin-left: auto; width: 600px"> |
|
|
|
<el-checkbox |
|
|
|
:label="item.timeId" |
|
|
|
<el-checkbox :label="item.timeId" |
|
|
|
:key="item.timeId" |
|
|
|
:disabled="!item.isAppointment" |
|
|
|
v-for="(item, index) in timeList" |
|
|
|
:checked="item.selected" |
|
|
|
:value="item.selected" |
|
|
|
@change="selectTime(index)" |
|
|
|
@onChange="selectTime(index)" |
|
|
|
>{{ item.time }}</el-checkbox |
|
|
|
> |
|
|
|
@onChange="selectTime(index)">{{ item.time }}</el-checkbox> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="预约人" |
|
|
|
<el-form-item label="预约人" |
|
|
|
prop="appointmentName" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
maxlength="50" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入预约人" |
|
|
|
v-model="dataForm.appointmentName" |
|
|
|
> |
|
|
|
v-model="dataForm.appointmentName"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="联系方式" |
|
|
|
<el-form-item label="联系方式" |
|
|
|
prop="appointmentPhone" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
maxlength="50" |
|
|
|
show-word-limit |
|
|
|
placeholder="请输入联系方式" |
|
|
|
v-model="dataForm.appointmentPhone" |
|
|
|
> |
|
|
|
v-model="dataForm.appointmentPhone"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="备注" |
|
|
|
<el-form-item label="备注" |
|
|
|
prop="remark" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
type="textarea" |
|
|
|
maxlength="1000" |
|
|
|
show-word-limit |
|
|
|
:rows="3" |
|
|
|
placeholder="请输入备注，不超过1000字" |
|
|
|
v-model="dataForm.remark" |
|
|
|
></el-input> |
|
|
|
v-model="dataForm.remark"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<div class="div_btn"> |
|
|
|
<el-button @click="handleCancle">取 消</el-button> |
|
|
|
<el-button |
|
|
|
v-if="formType != 'detail'" |
|
|
|
<el-button v-if="formType != 'detail'" |
|
|
|
type="primary" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
@click="handleComfirm">确 定</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -155,7 +126,7 @@ var infoWindowList; |
|
|
|
let loading; // 加载动画 |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
formType: "add", //表单操作类型 add新增，edit编辑，detail详情 |
|
|
|
|
|
|
|
@ -166,7 +137,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
dateOptions: { |
|
|
|
disabledDate(time) { |
|
|
|
disabledDate (time) { |
|
|
|
return ( |
|
|
|
time.getTime() < Date.now() - 3600 * 24 * 1 * 1000 || |
|
|
|
time.getTime() > Date.now() + 3600 * 24 * 6 * 1000 |
|
|
|
@ -188,7 +159,7 @@ export default { |
|
|
|
}, |
|
|
|
components: {}, |
|
|
|
computed: { |
|
|
|
dataRule() { |
|
|
|
dataRule () { |
|
|
|
return { |
|
|
|
appointmentName: [ |
|
|
|
{ required: true, message: "预约人不能为空", trigger: "blur" }, |
|
|
|
@ -212,10 +183,10 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
async mounted() {}, |
|
|
|
async mounted () { }, |
|
|
|
|
|
|
|
methods: { |
|
|
|
async initForm(type, row, index) { |
|
|
|
async initForm (type, row, index) { |
|
|
|
this.$refs.ref_form.resetFields(); |
|
|
|
|
|
|
|
let item = row.matterList[index]; |
|
|
|
@ -226,7 +197,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
selectTime(index) { |
|
|
|
selectTime (index) { |
|
|
|
// return console.log(index); |
|
|
|
let list = deepClone(this.timeList); |
|
|
|
if (!list[index].isAppointment) return false; |
|
|
|
@ -302,7 +273,7 @@ export default { |
|
|
|
return false; |
|
|
|
}, |
|
|
|
|
|
|
|
async getDateList() { |
|
|
|
async getDateList () { |
|
|
|
let url = "/gov/org/icpartyservicecenter/appointmenttime"; |
|
|
|
|
|
|
|
const { |
|
|
|
@ -322,7 +293,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async getTimeList() { |
|
|
|
async getTimeList () { |
|
|
|
let url = "/gov/org/icpartyservicecenter/appointmenttime"; |
|
|
|
|
|
|
|
const { |
|
|
|
@ -344,7 +315,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async handleComfirm() { |
|
|
|
async handleComfirm () { |
|
|
|
this.btnDisable = true; |
|
|
|
setTimeout(() => { |
|
|
|
this.btnDisable = false; |
|
|
|
@ -365,7 +336,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async submit() { |
|
|
|
async submit () { |
|
|
|
let url = ""; |
|
|
|
if (this.formType === "add") { |
|
|
|
url = "/gov/org/icpartyservicecenter/appointment"; |
|
|
|
@ -391,11 +362,11 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleCancle() { |
|
|
|
handleCancle () { |
|
|
|
this.resetData(); |
|
|
|
this.$emit("dialogCancle"); |
|
|
|
}, |
|
|
|
resetData() { |
|
|
|
resetData () { |
|
|
|
this.dataForm = { |
|
|
|
matterId: "", |
|
|
|
appointmentDate: "", |
|
|
|
@ -407,7 +378,7 @@ export default { |
|
|
|
this.timeList = []; |
|
|
|
}, |
|
|
|
// 开启加载动画 |
|
|
|
startLoading() { |
|
|
|
startLoading () { |
|
|
|
loading = Loading.service({ |
|
|
|
lock: true, // 是否锁定 |
|
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
|
@ -415,7 +386,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 结束加载动画 |
|
|
|
endLoading() { |
|
|
|
endLoading () { |
|
|
|
// clearTimeout(timer); |
|
|
|
if (loading) { |
|
|
|
loading.close(); |
|
|
|
|
jiangyy
3 years ago