<template>
|
<div
|
class="box-card"
|
v-loading="loading"
|
element-loading-text="拼命加载中"
|
element-loading-spinner="el-icon-loading"
|
>
|
<div class="box-content">
|
<h3 class="mr-b-10">社区报备管理</h3>
|
<!-- 顶部统计 -->
|
<div class="fl-fw mr-b-10">
|
<div class="fl-f mr-r-30">
|
<div class="left-lable-dian"></div>
|
<div class="fl-co mr-l-10 fz-7">
|
<span>返攀报备填写人数</span>
|
<span class="mr-t-10 fc-red">{{ StatusObject.allCount || 0 }}</span>
|
</div>
|
</div>
|
<div class="fl-f mr-r-30">
|
<div class="left-lable-dian"></div>
|
<div class="fl-co mr-l-10 fz-7">
|
<span>红码人数</span>
|
<span class="mr-t-10 fc-red">{{ StatusObject.redMark || 0 }}</span>
|
</div>
|
</div>
|
<div class="fl-f mr-r-30">
|
<div class="left-lable-dian"></div>
|
<div class="fl-co mr-l-10 fz-7">
|
<span>黄码人数</span>
|
<span class="mr-t-10 fc-red">{{
|
StatusObject.yellowMark || 0
|
}}</span>
|
</div>
|
</div>
|
<div class="fl-f mr-r-30">
|
<div class="left-lable-dian"></div>
|
<div class="fl-co mr-l-10 fz-7">
|
<span>绿码人数</span>
|
<span class="mr-t-10 fc-red">{{
|
StatusObject.greenMark || 0
|
}}</span>
|
</div>
|
</div>
|
<div class="fl-f mr-r-30">
|
<div class="left-lable-dian"></div>
|
<div class="fl-co mr-l-10 fz-7">
|
<span>中高风险地区返攀人数</span>
|
<span class="mr-t-10 fc-red">{{
|
StatusObject.dangerCount || 0
|
}}</span>
|
</div>
|
</div>
|
<div class="fl-f mr-r-30">
|
<div class="left-lable-dian"></div>
|
<div class="fl-co mr-l-10 fz-7">
|
<span>行程码带星人数</span>
|
<span class="mr-t-10 fc-red">{{
|
StatusObject.travelCount || 0
|
}}</span>
|
</div>
|
</div>
|
</div>
|
<!-- 搜索操作 -->
|
<div class="search-input-box">
|
<div class="fl-fw">
|
<div class="fl-al mr-b-10">
|
<div class="fz-7 label-width-search">关键字：</div>
|
<el-input
|
clearable
|
class="iw-220"
|
v-model.trim="searchVal.keyword"
|
placeholder="请输入姓名、手机号、身份证号"
|
@keyup.enter="handleAction('search')"
|
></el-input>
|
</div>
|
<div class="fl-al mr-b-10">
|
<div class="fz-7 label-width-search">报备日期：</div>
|
<el-date-picker
|
v-model="startTimeArr"
|
type="datetimerange"
|
class="time-width"
|
range-separator="至"
|
format="yyyy-MM-dd HH:mm"
|
value-format="yyyy-MM-dd HH:mm"
|
placeholder="选择日期时间"
|
start-placeholder="开始时间"
|
end-placeholder="结束时间"
|
@change="timeHandleChange"
|
/>
|
</div>
|
<!-- <div class="fl-al mr-b-10" v-if="areaChooseList.length">
|
<div class="fz-7 label-width-search">在攀居住地：</div>
|
<el-cascader
|
v-model="localCityValue"
|
:options="areaChooseList"
|
:props="propsAreaEdit"
|
@change="areaHandleChange"
|
clearable
|
filterable
|
class="iw-220"
|
placeholder="选择在攀居住地"
|
/>
|
</div> -->
|
<div class="fl-al mr-b-10">
|
<div class="fz-7 label-width-search">出发城市：</div>
|
<el-cascader
|
v-model="departureCityValue"
|
:options="cityChooseList"
|
:props="propsCityTourst"
|
@change="cityHandleChange"
|
clearable
|
class="iw-220"
|
filterable
|
placeholder="选择出发城市"
|
/>
|
</div>
|
<div class="fl-al mr-b-10" v-if="userInfo.name === 'panzhihua'">
|
<div class="fz-7 label-width-search">有无明确住址：</div>
|
<el-select
|
class="iw-220"
|
v-model="searchVal.isAddress"
|
placeholder="选择有无明确住址"
|
clearable
|
filterable
|
>
|
<el-option
|
v-for="item in isAddressTypeList"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</div>
|
<div class="fl-al mr-b-10">
|
<div class="fz-7 label-width-search">健康码状态：</div>
|
<el-select
|
class="iw-220"
|
v-model="searchVal.colorMark"
|
placeholder="选择健康码状态"
|
clearable
|
filterable
|
>
|
<el-option
|
v-for="item in codeStatusList"
|
:key="item.label"
|
:label="item.label"
|
:value="item.label"
|
></el-option>
|
</el-select>
|
</div>
|
<div class="fl-al mr-b-10">
|
<div class="fz-7 label-width-search">行程码状态：</div>
|
<el-select
|
class="iw-220"
|
v-model="searchVal.travelCard"
|
placeholder="选择行程码状态"
|
clearable
|
filterable
|
>
|
<el-option
|
v-for="item in travelCodeList"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</div>
|
<div class="fl-al mr-b-10">
|
<div class="fz-7 label-width-search">是否核对：</div>
|
<el-select
|
class="iw-220"
|
v-model="searchVal.checkStatus"
|
placeholder="选择行程码状态"
|
clearable
|
filterable
|
>
|
<el-option
|
v-for="item in checkStatusList"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</div>
|
</div>
|
<div class="fl-al mr-b-10">
|
<div class="fz-7 label-width-search"></div>
|
<el-button type="primary" @click="handleAction('search')"
|
>搜索</el-button
|
>
|
<el-button @click="handleAction('reset')">重置</el-button>
|
</div>
|
</div>
|
<!-- 列表 -->
|
<div class="table-content">
|
<div class="mr-b-10">
|
<el-button type="primary" @click="handleAction('impot')"
|
>导出</el-button
|
>
|
</div>
|
<!-- 列表 -->
|
<TablePro
|
@selectionHandle="selectionHandle"
|
:tableLsit="tableLsit"
|
:columnList="columnList"
|
>
|
<template v-slot:type="scope">
|
<el-tag v-if="scope.row.type === 1" type="success">本人填写</el-tag>
|
<el-tag v-else type="danger">代人填写</el-tag>
|
</template>
|
<template v-slot:verify="scope">
|
<el-tag v-if="scope.row.checkStatus === 1" type="success"
|
>已核对</el-tag
|
>
|
<el-tag v-else type="danger">未核对</el-tag>
|
</template>
|
<template v-slot:colorImage="scope">
|
<el-image
|
v-if="scope.row.colorImage"
|
class="img-show-style"
|
fit="cover"
|
:src="scope.row.colorImage"
|
:preview-src-list="[scope.row.colorImage]"
|
></el-image>
|
</template>
|
<template v-slot:travelImage="scope">
|
<el-image
|
v-if="scope.row.travelImage"
|
class="img-show-style"
|
fit="cover"
|
:src="scope.row.travelImage"
|
:preview-src-list="[scope.row.travelImage]"
|
></el-image>
|
</template>
|
<template v-slot:acidImage="scope">
|
<el-image
|
v-if="scope.row.acidImage"
|
class="img-show-style"
|
fit="cover"
|
:src="scope.row.acidImage"
|
:preview-src-list="[scope.row.acidImage]"
|
></el-image>
|
</template>
|
<template v-slot:vaccinationImage="scope">
|
<el-image
|
v-if="scope.row.vaccinationImage"
|
class="img-show-style"
|
fit="cover"
|
:src="scope.row.vaccinationImage"
|
:preview-src-list="[scope.row.vaccinationImage]"
|
></el-image>
|
</template>
|
<template v-slot:touristCity="scope">
|
<div
|
class="lh-15"
|
v-for="(it, ix) in scope.row.touristCity"
|
:key="ix"
|
>
|
{{ it.name }}
|
</div>
|
</template>
|
<template v-slot:colorMark="scope">
|
<el-tag v-if="scope.row.colorMark === '绿码'" type="success">{{
|
scope.row.colorMark
|
}}</el-tag>
|
<el-tag v-if="scope.row.colorMark === '黄码'" type="warning">{{
|
scope.row.colorMark
|
}}</el-tag>
|
<el-tag v-if="scope.row.colorMark === '红码'" type="danger">{{
|
scope.row.colorMark
|
}}</el-tag>
|
</template>
|
<template v-slot:travelCard="scope">
|
<el-tag v-if="scope.row.travelCard === '否'" type="info">{{
|
scope.row.travelCard
|
}}</el-tag>
|
<el-tag v-if="scope.row.travelCard === '是'" type="danger">{{
|
scope.row.travelCard
|
}}</el-tag>
|
</template>
|
<template v-slot:isAddress="scope">
|
<el-tag
|
v-if="scope.row.localCity && scope.row.localCity != ' '"
|
type="success"
|
>有</el-tag
|
>
|
<el-tag v-else type="info">无</el-tag>
|
</template>
|
<template v-slot:dangerArea="scope">
|
<el-tag v-if="scope.row.dangerArea === '否'" type="info">{{
|
scope.row.dangerArea
|
}}</el-tag>
|
<el-tag v-if="scope.row.dangerArea === '是'" type="danger">{{
|
scope.row.dangerArea
|
}}</el-tag>
|
</template>
|
<template v-slot:outsideCity="scope">
|
<el-tag v-if="scope.row.outsideCity === '否'" type="info">{{
|
scope.row.outsideCity
|
}}</el-tag>
|
<el-tag v-if="scope.row.outsideCity === '是'" type="danger">{{
|
scope.row.outsideCity
|
}}</el-tag>
|
</template>
|
<template v-slot:isStudent="scope">
|
<el-tag v-if="scope.row.isStudent === '否'" type="info">{{
|
scope.row.isStudent
|
}}</el-tag>
|
<el-tag v-if="scope.row.isStudent === '是'" type="danger">{{
|
scope.row.isStudent
|
}}</el-tag>
|
</template>
|
<template v-slot:isSpecialJob="scope">
|
<el-tag v-if="scope.row.isSpecialJob === '否'" type="info">{{
|
scope.row.isSpecialJob
|
}}</el-tag>
|
<el-tag v-if="scope.row.isSpecialJob === '是'" type="danger">{{
|
scope.row.isSpecialJob
|
}}</el-tag>
|
</template>
|
<template v-slot:acidTest="scope">
|
<el-tag v-if="scope.row.acidTest === '阴性'" type="success">{{
|
scope.row.acidTest
|
}}</el-tag>
|
<el-tag v-if="scope.row.acidTest === '阳性'" type="danger">{{
|
scope.row.acidTest
|
}}</el-tag>
|
<el-tag v-if="scope.row.acidTest === '未做'" type="info">{{
|
scope.row.acidTest
|
}}</el-tag>
|
<el-tag v-if="scope.row.acidTest === '已做未出结果'" type="info">{{
|
scope.row.acidTest
|
}}</el-tag>
|
</template>
|
<template v-slot:vaccination="scope">
|
<span type="success">{{ scope.row.vaccination }}</span>
|
</template>
|
<template v-slot:btn="scope">
|
<el-button @click="handleAction('edit', scope.row)">修改</el-button>
|
<el-button
|
v-if="scope.row.checkStatus === 0"
|
@click="handleAction('verify', scope.row)"
|
>核对</el-button
|
>
|
<el-button
|
v-if="userInfo.permissionStatus !== 3"
|
@click="handleAction('delete', scope.row)"
|
>删除</el-button
|
>
|
<el-button @click="handleAction('details', scope.row)"
|
>查看</el-button
|
>
|
</template>
|
</TablePro>
|
<!-- 分页 -->
|
<div class="bottom-page">
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="pageNum"
|
:page-sizes="[10, 20, 30, 40]"
|
:page-size="pageSize"
|
background
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="total"
|
></el-pagination>
|
</div>
|
</div>
|
</div>
|
<!-- 修改地址 -->
|
<el-dialog
|
:visible.sync="dialogVisible"
|
:title="editTitle"
|
:before-close="handleClose"
|
append-to-body
|
>
|
<el-form
|
:model="paramData"
|
:rules="rules"
|
ref="loginForm"
|
label-width="100px"
|
>
|
<el-form-item label="备注">
|
<el-input
|
type="textarea"
|
class="textarea-width"
|
:rows="5"
|
resize="none"
|
placeholder="请输入备注"
|
maxlength="300"
|
clearable
|
show-word-limit
|
v-model="paramData.remark"
|
></el-input>
|
</el-form-item>
|
<el-form-item prop="password" label="">
|
<el-button @click="handleAction('close')">取 消</el-button>
|
<el-button
|
type="primary"
|
:loading="btnType"
|
@click="handleAction('submitVerify')"
|
>核 对</el-button
|
>
|
</el-form-item>
|
</el-form>
|
</el-dialog>
|
</div>
|
</template>
|
<script>
|
import CityList from "../../utils/city";
|
import { watermark, removewatermark } from "../../utils/watermark";
|
import { getPhoneEncty, getCardEncty } from "../../utils/common";
|
export default {
|
name: "registrationManage",
|
data() {
|
return {
|
userInfo: {},
|
dialogVisible: false, // 弹框状态
|
loading: false, // 页面loading
|
btnType: false,
|
localCityValue: "",
|
departureCityValue: "",
|
startTimeArr: [],
|
tableLsit: [], // 列表
|
StatusObject: {},
|
idsImport: "",
|
propsAreaEdit: {
|
label: "value",
|
value: "value",
|
},
|
propsCityTourst: {
|
label: "name",
|
value: "name",
|
children: "provinceCityReturnVOList",
|
checkStrictly: true,
|
},
|
searchVal: {
|
keyword: "",
|
startTime: "",
|
departureCity: "",
|
isAddress: "",
|
stopTime: "",
|
colorMark: "",
|
travelCard: "",
|
checkStatus: "",
|
}, // 搜索表单
|
columnList: [
|
{ type: "select" },
|
{ type: "index" },
|
{ type: "custom", slot: "type", label: "填写对象", width: 90 },
|
{ type: "custom", slot: "verify", label: "核对情况", width: 90 },
|
{ label: "报备时间", key: "createTime", width: 120 },
|
{ label: "姓名", key: "name", width: 80 },
|
{ label: "证件号", key: "idCard", width: 150 },
|
{ label: "联系电话", key: "phone", width: 100 },
|
{ label: "出发城市", key: "departureCity", width: 150 },
|
{ label: "详细地址", key: "departureAddress", width: 150 },
|
{ label: "出发日期", key: "departureDate", width: 100 },
|
{
|
type: "custom",
|
label: "中途旅游居城市",
|
slot: "touristCity",
|
width: 150,
|
},
|
{ label: "在攀居住地", key: "localCity", width: 180 },
|
{ label: "详细地址", key: "localAddress", width: 150 },
|
{
|
type: "custom",
|
label: "在攀有无明确地址",
|
slot: "isAddress",
|
width: 120,
|
},
|
{ label: "到达日期", key: "arriveDate", width: 100 },
|
{ label: "交通工具", key: "transport", width: 150 },
|
{ label: "车次信息", key: "transportInfo", width: 100 },
|
{ type: "custom", label: "健康码状态", slot: "colorMark", width: 90 },
|
{
|
type: "custom",
|
label: "行程卡是否带*",
|
slot: "travelCard",
|
width: 100,
|
},
|
{
|
type: "custom",
|
label: "是否为冷链、海关、边检、口岸、机场等高风险行业人员",
|
slot: "isSpecialJob",
|
width: 260,
|
},
|
{
|
type: "custom",
|
label: "14天内是否到过中高风险地区",
|
slot: "dangerArea",
|
width: 180,
|
},
|
{
|
type: "custom",
|
label: "28天内是否到过境外或边境口岸城市",
|
slot: "outsideCity",
|
width: 220,
|
},
|
{
|
type: "custom",
|
label: "是否为入（返）川学生",
|
slot: "isStudent",
|
width: 220,
|
},
|
{
|
type: "custom",
|
label: "新冠疫苗接种情况",
|
slot: "vaccination",
|
width: 120,
|
},
|
{
|
type: "custom",
|
label: "48小时内核酸检测",
|
slot: "acidTest",
|
width: 120,
|
},
|
{ label: "定位地址", key: "realAddress", width: 200 },
|
{ type: "custom", slot: "colorImage", label: "健康码截图", width: 90 },
|
{ type: "custom", slot: "travelImage", label: "行程码截图", width: 90 },
|
{
|
type: "custom",
|
slot: "acidImage",
|
label: "48小时核酸截图",
|
width: 90,
|
},
|
{
|
type: "custom",
|
slot: "btn",
|
label: "操作",
|
width: "350",
|
fixed: "right",
|
},
|
], // 列表属性
|
pageNum: 1, // 当前页
|
pageSize: 10, // 当前条数
|
total: 0, // 总数
|
isAddressTypeList: [
|
{
|
label: "有",
|
value: 1,
|
},
|
{
|
label: "无",
|
value: 0,
|
},
|
],
|
codeStatusList: [
|
{
|
label: "红码",
|
},
|
{
|
label: "黄码",
|
},
|
{
|
label: "绿码",
|
},
|
],
|
travelCodeList: [
|
{
|
label: "全部",
|
value: "",
|
},
|
{
|
label: "带星",
|
value: "是",
|
},
|
{
|
label: "不带星",
|
value: "否",
|
},
|
],
|
checkStatusList: [
|
{
|
label: "全部",
|
value: "",
|
},
|
{
|
label: "已核对",
|
value: 1,
|
},
|
{
|
label: "未核对",
|
value: 0,
|
},
|
],
|
areaChooseList: [],
|
cityChooseList: [],
|
paramData: {
|
remark: "",
|
},
|
rules: {
|
localCity: [
|
{ required: true, message: "请选择在攀居住地", trigger: "change" },
|
],
|
}, // 表单验证
|
editTitle: "",
|
};
|
},
|
watch: {
|
$route(newVal) {
|
if (newVal.path === "/registrationManage") {
|
this.getTable();
|
}
|
},
|
},
|
mounted() {
|
this.userInfo = demo.$session.get("user");
|
const USER_INFO = demo.$session.get("user");
|
watermark({
|
watermark_txt: `${USER_INFO.title}-“${USER_INFO.account} ${USER_INFO.name}”`,
|
});
|
this.getCityList();
|
this.getStatisticsList();
|
// this.getAreaRequestList();
|
this.getTable();
|
},
|
destroyed() {
|
removewatermark();
|
},
|
methods: {
|
getCityList() {
|
this.$api.get("/bcRegion/levelList", {}, (res) => {
|
this.cityChooseList = JSON.parse(res);
|
});
|
},
|
// 获取区域列表
|
getAreaRequestList() {
|
this.$api.get("/comAreaTownCommunity/areaTownCommunity", {}, (res) => {
|
this.areaChooseList = res;
|
});
|
},
|
// 获取统计信息
|
getStatisticsList() {
|
this.$api.get(
|
"comActAcidRecord/fiveCountPlus",
|
{
|
localCity: this.userInfo.title,
|
date: "",
|
},
|
(res) => {
|
this.StatusObject = res;
|
}
|
);
|
},
|
// 获取列表
|
getTable() {
|
this.loading = true;
|
const requestData = Object.assign(
|
{
|
page: this.pageNum,
|
size: this.pageSize,
|
localCity: this.userInfo.title,
|
},
|
this.searchVal
|
);
|
this.$api.post("comActAcidRecord/queryAll", requestData, (res) => {
|
this.loading = false;
|
res.records.map((item) => {
|
item.idCard = getCardEncty(item.idCard);
|
item.phone = getPhoneEncty(item.phone);
|
if (item.touristCity) {
|
if (item.touristCity.indexOf("[") == -1) {
|
item.touristCity = [
|
{
|
name: item.touristCity,
|
},
|
];
|
} else {
|
item.touristCity = JSON.parse(item.touristCity);
|
}
|
} else {
|
item.touristCity = [];
|
}
|
});
|
this.tableLsit = res.records;
|
this.total = res.total;
|
});
|
},
|
// 切换条数
|
handleSizeChange(val) {
|
this.pageSize = val;
|
this.getTable();
|
},
|
// 切换页
|
handleCurrentChange(val) {
|
this.pageNum = val;
|
this.getTable();
|
},
|
hanleClose() {
|
handleAction("close");
|
},
|
selectionHandle(arr) {
|
let ids = [];
|
arr.forEach((it) => {
|
ids.push(it.id);
|
});
|
this.idsImport = ids.join(",");
|
},
|
// 页面操作
|
async handleAction(type, row) {
|
switch (type) {
|
case "delete": {
|
this.$confirm("是否删除当前数据", {
|
type: "warning",
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
}).then(() => {
|
this.$api.get(
|
"comActAcidRecord/del",
|
{
|
id: row.id,
|
},
|
() => {
|
demo.toast("删除成功");
|
this.getTable();
|
}
|
);
|
});
|
break;
|
}
|
case "impot": {
|
this.$confirm("是否导出当前数据", {
|
confirmButtonText: "有图片导出",
|
cancelButtonText: "无图片导出",
|
distinguishCancelAndClose: true,
|
})
|
.then(() => {
|
if (this.total >= 500 && !this.idsImport) {
|
demo.toast("当前导出数据已超过500条限制，请分批次导出。");
|
return;
|
}
|
this.loading = true;
|
const requestData = Object.assign(
|
{
|
page: this.pageNum,
|
size: this.pageSize,
|
ids: this.idsImport,
|
},
|
this.searchVal
|
);
|
requestData.localCity = this.userInfo.title;
|
this.$api.post("comActAcidRecord/export", requestData, (res) => {
|
location.href = res;
|
this.loading = false;
|
});
|
})
|
.catch((res) => {
|
if (res === "close") return;
|
this.loading = true;
|
const requestData = Object.assign(
|
{
|
page: this.pageNum,
|
size: this.pageSize,
|
ids: this.idsImport,
|
},
|
this.searchVal
|
);
|
requestData.localCity = this.userInfo.title;
|
this.$api.post(
|
"comActAcidRecord/exportNoImage",
|
requestData,
|
(res) => {
|
location.href = res;
|
this.loading = false;
|
}
|
);
|
});
|
break;
|
}
|
case "edit": {
|
this.$router.push(`/editRegistrationInfo?id=${row.id}`);
|
break;
|
}
|
case "verify": {
|
this.dialogVisible = true;
|
this.editTitle = "核对";
|
this.paramData.id = row.id;
|
break;
|
}
|
case "close": {
|
this.paramData = {
|
remark: "",
|
};
|
this.$refs["loginForm"].resetFields();
|
this.dialogVisible = false;
|
break;
|
}
|
case "submitVerify": {
|
if (this.paramData.remark == "") {
|
return demo.toast("请输入备注");
|
}
|
this.paramData.checkStatus = 1;
|
this.$refs["loginForm"].validate((val) => {
|
if (val) {
|
this.btnType = true;
|
this.$api.post("comActAcidRecord/update", this.paramData, () => {
|
this.btnType = false;
|
demo.toast("核对成功");
|
this.handleAction("close");
|
this.getTable();
|
});
|
}
|
});
|
|
break;
|
}
|
case "details": {
|
this.$router.push(`/registrationDetails?id=${row.id}`);
|
break;
|
}
|
case "search": {
|
this.pageNum = 1;
|
this.pageSize = 10;
|
this.getTable();
|
break;
|
}
|
case "reset": {
|
this.searchVal = {
|
keyword: "",
|
startTime: "",
|
departureCity: "",
|
isAddress: "",
|
stopTime: "",
|
colorMark: "",
|
travelCard: "",
|
checkStatus: "",
|
// localCity: "",
|
};
|
this.localCityValue = "";
|
this.departureCityValue = "";
|
this.startTimeArr = [];
|
this.pageNum = 1;
|
this.pageSize = 10;
|
this.getTable();
|
break;
|
}
|
default: {
|
break;
|
}
|
}
|
},
|
handleClose() {
|
this.handleAction("close");
|
},
|
// 三级联动区域选择
|
areaHandleChange(val) {
|
if (val) {
|
this.searchVal.localCity = val.join(",");
|
} else {
|
this.localCityValue = "";
|
this.searchVal.localCity = "";
|
}
|
},
|
// 省市区联动区域选择
|
cityHandleChange(val) {
|
if (val) {
|
this.searchVal.departureCity = val.join(",");
|
} else {
|
this.departureCityValue = "";
|
this.searchVal.departureCity = "";
|
}
|
},
|
timeHandleChange(arr) {
|
if (arr) {
|
this.searchVal.startTime = arr[0];
|
this.searchVal.stopTime = arr[1];
|
} else {
|
this.searchVal.startTime = "";
|
this.searchVal.stopTime = "";
|
}
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.left-lable-dian {
|
width: 12px;
|
height: 12px;
|
border-radius: 50%;
|
background-color: rgb(24, 135, 240);
|
}
|
.box-content {
|
padding-top: 20px;
|
}
|
</style>
|
<style>
|
.el-dialog {
|
width: 800px !important;
|
}
|
.img-show-style {
|
cursor: pointer;
|
width: 50px;
|
height: 50px;
|
}
|
</style>
|
