Browse Source

11

dev-新版ui
jiangyy 3 years ago
parent
commit
f572f9bcf3
  1. 117
      src/views/modules/base/epidemic/travelForm.vue

117
src/views/modules/base/epidemic/travelForm.vue

@ -67,7 +67,8 @@
placeholder="请输入姓名" placeholder="请输入姓名"
clearable clearable
:disabled="isFromResi" :disabled="isFromResi"
v-model="formData.name" style="margin-right:10px;"> v-model="formData.name"
style="margin-right:10px;">
</el-input> </el-input>
<el-checkbox v-model="formData.heSuanCheck">添加到核酸检测关注名单</el-checkbox> <el-checkbox v-model="formData.heSuanCheck">添加到核酸检测关注名单</el-checkbox>
</el-form-item> </el-form-item>
@ -94,25 +95,31 @@
v-model="formData.idCard"> v-model="formData.idCard">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="现居地"
label="现居地"
prop="presentAddress" prop="presentAddress"
style="display: block" style="display: block"
label-width="150px"> label-width="150px">
<el-input v-if="formType == 'detail'" class="item_width_2" <el-input v-if="formType == 'detail'"
class="item_width_2"
placeholder="请输入现居地" placeholder="请输入现居地"
clearable clearable
:disabled="isFromResi" :disabled="isFromResi"
:style="'width: ' + computedWd(formData.presentAddress)" :style="'width: ' + computedWd(formData.presentAddress)"
v-model="formData.presentAddress" /> v-model="formData.presentAddress" />
<template v-else> <template v-else>
<el-input v-if="isFromResi" class="item_width_2 mw180" <el-input v-if="isFromResi"
class="item_width_2 mw180"
placeholder="请输入现居地" placeholder="请输入现居地"
clearable clearable
:disabled="isFromResi" :disabled="isFromResi"
v-model="formData.presentAddress" /> v-model="formData.presentAddress" />
<el-cascader v-else ref="nowArea" class="item_width_2" :props="areaProps" <el-cascader v-else
v-model="nowAllCode" clearable @change="handleNowArea"></el-cascader> ref="nowArea"
class="item_width_2"
:props="areaProps"
v-model="nowAllCode"
clearable
@change="handleNowArea"></el-cascader>
</template> </template>
</el-form-item> </el-form-item>
<el-form-item label="详细地址" <el-form-item label="详细地址"
@ -126,16 +133,86 @@
v-model="formData.detailAddress"> v-model="formData.detailAddress">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="来自地区" prop="sourceAddress" style="display: block" label-width="150px"> <el-form-item label="返回交通方式"
<el-input v-if="formType == 'detail'" class="item_width_2" style="display: block"
label-width="150px">
<el-select class="item_width_2"
v-model.trim="formData.gridId"
placeholder="请选择"
clearable>
<el-option v-for="item in gridList"
@click.native="handleSelGrid(item.value)"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="来自地区"
prop="sourceAddress"
style="display: block"
label-width="150px">
<el-input v-if="formType == 'detail'"
class="item_width_2"
placeholder="" placeholder=""
clearable clearable
:disabled="isFromResi" :disabled="isFromResi"
v-model="formData.sourceAddress" v-model="formData.sourceAddress"
:style="'width: ' + computedWd(formData.sourceAddress)"> :style="'width: ' + computedWd(formData.sourceAddress)">
</el-input> </el-input>
<el-cascader v-else ref="sourceArea" v-model="sourceAllCode" class="item_width_2" :props="areaProps" <el-cascader v-else
@change="handleSourceArea" clearable></el-cascader> ref="sourceArea"
v-model="sourceAllCode"
class="item_width_2"
:props="areaProps"
@change="handleSourceArea"
clearable></el-cascader>
</el-form-item>
<el-form-item label="详细地址"
prop="detailAddress"
label-width="150px"
style="display: block">
<el-input class="item_width_2"
placeholder="请输入详细地址"
clearable
:disabled="isFromResi"
v-model="formData.detailAddress">
</el-input>
</el-form-item>
<el-form-item label="疫苗接种针刺"
style="display: block"
label-width="150px">
<el-select class="item_width_2"
v-model.trim="formData.gridId"
placeholder="请选择"
:disabled="!isFromResi"
clearable>
<el-option v-for="item in gridList"
@click.native="handleSelGrid(item.value)"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="48小时核酸记录"
style="display: block"
label-width="150px">
<el-select class="item_width_2"
v-model.trim="formData.gridId"
placeholder="请选择"
:disabled="!isFromResi"
clearable>
<el-option v-for="item in gridList"
@click.native="handleSelGrid(item.value)"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="来到本地时间" <el-form-item label="来到本地时间"
@ -193,7 +270,8 @@
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<el-form-item v-show="formData.channel.length > 0" label="通知内容" <el-form-item v-show="formData.channel.length > 0"
label="通知内容"
prop="content" prop="content"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
@ -263,7 +341,7 @@ export default {
gridList: [], gridList: [],
personList: [], personList: [],
pickerOptions: { pickerOptions: {
disabledDate(time) { disabledDate (time) {
return time.getTime() > Date.now(); return time.getTime() > Date.now();
} }
}, },
@ -333,11 +411,11 @@ export default {
// //
await this.loadGrid() await this.loadGrid()
}, },
destroyed() { destroyed () {
this.nowAllCode = [] this.nowAllCode = []
}, },
methods: { methods: {
computedWd(val) { computedWd (val) {
const len = val.length const len = val.length
const wd = len * 18 const wd = len * 18
let w = '' let w = ''
@ -345,7 +423,7 @@ export default {
else w = 220 else w = 220
return w + 'px' return w + 'px'
}, },
lzayLoadArea(node, resolve) { lzayLoadArea (node, resolve) {
// this.getArea(node, resolve) // this.getArea(node, resolve)
setTimeout(() => { setTimeout(() => {
this.getArea(node, resolve) this.getArea(node, resolve)
@ -389,7 +467,7 @@ export default {
}, },
handleSourceArea(val) { handleSourceArea (val) {
console.log('val-----', val) console.log('val-----', val)
console.log('label-----', this.$refs.sourceArea.getCheckedNodes()) console.log('label-----', this.$refs.sourceArea.getCheckedNodes())
if (val.length > 0) { if (val.length > 0) {
@ -405,7 +483,7 @@ export default {
} }
}, },
handleNowArea(val) { handleNowArea (val) {
console.log('val-----', val) console.log('val-----', val)
console.log('label-----', this.$refs.nowArea.getCheckedNodes()) console.log('label-----', this.$refs.nowArea.getCheckedNodes())
if (val.length > 0) { if (val.length > 0) {
@ -482,7 +560,7 @@ export default {
} }
}, },
async handleSelAddress(value) { async handleSelAddress (value) {
const url = "/gov/org/house/gethouseinfo/" + value const url = "/gov/org/house/gethouseinfo/" + value
@ -613,7 +691,6 @@ export default {
min-width: 260px; min-width: 260px;
} }
} }
</style> </style>
<style lang='scss'> <style lang='scss'>

Loading…
Cancel
Save