更新
This commit is contained in:
@ -5,11 +5,11 @@
|
||||
<span class="pointer" @click="close"><el-icon><Close /></el-icon></span>
|
||||
</div>
|
||||
<div class="seachsBox">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" @reset="reset">
|
||||
<template #defaultSlot>
|
||||
<div class="flex align-center">
|
||||
<span class="marks" @click="active = idex" :class="active == idex ? 'activeBtn' : ''" v-for="(it, idex) in time" :key="idex">{{ it.label }}</span>
|
||||
<el-date-picker v-model="listQuery.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
|
||||
<span class="marks" @click="changeTime(idex)" :class="active == idex ? 'activeBtn' : ''" v-for="(it, idex) in time" :key="idex">{{ it.label }}</span>
|
||||
<el-date-picker @change="handleDateChange" v-model="listQuery.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="YYYY-MM-DD" value-format="YYYY-MM-DD" />
|
||||
</div>
|
||||
</template>
|
||||
</Search>
|
||||
@ -19,25 +19,25 @@
|
||||
<div class="model">
|
||||
<div class="modelTitle">热点线索</div>
|
||||
<div class="cnt">
|
||||
<Hot_xs></Hot_xs>
|
||||
<Hot_xs ref="RedRdxs"></Hot_xs>
|
||||
</div>
|
||||
</div>
|
||||
<div class="model">
|
||||
<div class="modelTitle">热点组织</div>
|
||||
<div class="cnt">
|
||||
<Hot_zz></Hot_zz>
|
||||
<Hot_zz ref="RedRdzz"></Hot_zz>
|
||||
</div>
|
||||
</div>
|
||||
<div class="model">
|
||||
<div class="modelTitle">热点人员</div>
|
||||
<div class="cnt">
|
||||
<Hot_ry></Hot_ry>
|
||||
<Hot_ry ref="RedRdry"></Hot_ry>
|
||||
</div>
|
||||
</div>
|
||||
<div class="model">
|
||||
<div class="modelTitle">热点号码</div>
|
||||
<div class="cnt">
|
||||
<Hot_hm></Hot_hm>
|
||||
<Hot_hm ref="RedRdhm"></Hot_hm>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -53,19 +53,19 @@
|
||||
<div class="model">
|
||||
<div class="modelTitle">诉求分类</div>
|
||||
<div class="cnt">
|
||||
<Zqfl></Zqfl>
|
||||
<Zqfl ref="RedSqfl"></Zqfl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="model">
|
||||
<div class="modelTitle">重点线索分类</div>
|
||||
<div class="cnt">
|
||||
<Zdxsfl></Zdxsfl>
|
||||
<Zdxsfl ref="RedZdxsfl"></Zdxsfl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="model">
|
||||
<div class="modelTitle">指令次数</div>
|
||||
<div class="cnt">
|
||||
<Zlcs></Zlcs>
|
||||
<Zlcs ref="RedZlcs"></Zlcs>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -74,6 +74,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { timeSlotChange } from "@/utils/tools.js";
|
||||
import GdMap from "@/components/GdMap/index.vue";
|
||||
import Hot_xs from './hot_xs/index.vue'
|
||||
import Hot_zz from './hot_zz/index.vue'
|
||||
@ -83,51 +84,94 @@ import Zqfl from './zqfl/index.vue'
|
||||
import Zlcs from './zlcs/index.vue'
|
||||
import Zdxsfl from './zdxsfl/index.vue'
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import { reactive, ref } from "vue";
|
||||
import { reactive, ref, getCurrentInstance } from "vue";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { SGXTQTSQLX } = proxy.$dict("SGXTQTSQLX"); //获取字典数据
|
||||
const emits = defineEmits(['close'])
|
||||
const listQuery = ref({});
|
||||
const listQuery = ref({
|
||||
dateRange:timeSlotChange('天'),
|
||||
hskssj:timeSlotChange('天')[0]+' 00:00:00',
|
||||
hsjssj:timeSlotChange('天')[1]+' 23:59:59',
|
||||
});
|
||||
const active = ref(0);
|
||||
const time = reactive([
|
||||
{ label: "今天", value: "10" },
|
||||
{ label: "近一周", value: "20" },
|
||||
{ label: "近一月", value: "30" },
|
||||
{ label: "近一季度", value: "40" },
|
||||
{ label: "近一年", value: "50" }
|
||||
{ label: "本周", value: "20" },
|
||||
{ label: "本月", value: "30" },
|
||||
{ label: "本季度", value: "40" },
|
||||
{ label: "本年", value: "50" }
|
||||
]);
|
||||
const searchConfiger = reactive([
|
||||
{
|
||||
label: "所属部门",
|
||||
prop: "ssbmdm",
|
||||
placeholder: "请选择",
|
||||
showType: "department"
|
||||
},
|
||||
{
|
||||
label: "数据周期",
|
||||
prop: "sjzq",
|
||||
placeholder: "请选择",
|
||||
showType: "defaultSlot"
|
||||
},
|
||||
{
|
||||
label: "热点集访单位",
|
||||
prop: "jfdw",
|
||||
placeholder: "请选择",
|
||||
showType: "select"
|
||||
},
|
||||
{
|
||||
label: "行为特征",
|
||||
prop: "xwtz",
|
||||
placeholder: "请选择",
|
||||
showType: "select"
|
||||
},
|
||||
{ label: "所属部门", prop: "ssbmdm", placeholder: "请选择", showType: "department" },
|
||||
{ label: "数据周期", prop: "sjzq", placeholder: "请选择", showType: "defaultSlot"},
|
||||
{ label: "指向地点", prop: "zxdz", placeholder: "请输入", showType: "input" },
|
||||
{
|
||||
label: "事件诱因类型",
|
||||
prop: "yxlx",
|
||||
placeholder: "请选择",
|
||||
showType: "select"
|
||||
},
|
||||
{ label: "诉求类型", prop: "sqlx", placeholder: "请选择", showType: "select" }
|
||||
{ label: "诉求类型", prop: "qtsq", placeholder: "请选择", showType: "select",options:SGXTQTSQLX }
|
||||
]);
|
||||
const RedRdxs = ref()
|
||||
const RedRdzz = ref()
|
||||
const RedRdry = ref()
|
||||
const RedRdhm = ref()
|
||||
const RedSqfl = ref()
|
||||
const RedZlcs = ref()
|
||||
const RedZdxsfl = ref()
|
||||
const changeTime = (idex) =>{
|
||||
active.value = idex;
|
||||
switch(idex){
|
||||
case 0: //日
|
||||
listQuery.value.dateRange = timeSlotChange('天')
|
||||
break;
|
||||
case 1: //周
|
||||
listQuery.value.dateRange = timeSlotChange('本周')
|
||||
break;
|
||||
case 2: //月
|
||||
listQuery.value.dateRange = timeSlotChange('本月')
|
||||
break;
|
||||
case 3: //季度
|
||||
listQuery.value.dateRange = timeSlotChange('本季度')
|
||||
break;
|
||||
case 4: //年
|
||||
listQuery.value.dateRange = timeSlotChange('本年')
|
||||
break;
|
||||
}
|
||||
listQuery.value.hskssj = listQuery.value.dateRange[0] +' 00:00:00';
|
||||
listQuery.value.hsjssj = listQuery.value.dateRange[1] +' 23:59:59';;
|
||||
}
|
||||
|
||||
const handleDateChange = (val) => {
|
||||
active.value = -1;
|
||||
if(!val) return;
|
||||
listQuery.value.hskssj = val[0] +' 00:00:00';
|
||||
listQuery.value.hsjssj = val[1]+' 23:59:59';
|
||||
if(val[0] == timeSlotChange('天')[0] && val[1] == timeSlotChange('天')[1]) active.value = 0;
|
||||
if(val[0] == timeSlotChange('本周')[0] && val[1] == timeSlotChange('本月')[1]) active.value = 1;
|
||||
if(val[0] == timeSlotChange('本月')[0] && val[1] == timeSlotChange('本月')[1]) active.value = 2;
|
||||
if(val[0] == timeSlotChange('本季度')[0] && val[1] == timeSlotChange('本季度')[1]) active.value = 3;
|
||||
if(val[0] == timeSlotChange('本年')[0] && val[1] == timeSlotChange('本年')[1]) active.value = 4;
|
||||
};
|
||||
|
||||
const onSearch = (val) =>{
|
||||
listQuery.value = {...listQuery.value,...val}
|
||||
loadDate()
|
||||
}
|
||||
const reset = (val) =>{
|
||||
active.value = 0;
|
||||
listQuery.value = val;
|
||||
listQuery.value.dateRange = timeSlotChange('天');
|
||||
listQuery.value.hskssj = timeSlotChange('天')[0];
|
||||
listQuery.value.hsjssj = timeSlotChange('天')[1];
|
||||
loadDate()
|
||||
}
|
||||
|
||||
const loadDate = () =>{
|
||||
RedRdxs.value.init(listQuery.value)
|
||||
RedRdzz.value.init(listQuery.value)
|
||||
RedRdry.value.init(listQuery.value)
|
||||
RedRdhm.value.init(listQuery.value)
|
||||
RedSqfl.value.init(listQuery.value)
|
||||
RedZlcs.value.init(listQuery.value)
|
||||
RedZdxsfl.value.init(listQuery.value)
|
||||
}
|
||||
|
||||
|
||||
// 关闭
|
||||
function close(){
|
||||
|
||||
Reference in New Issue
Block a user