Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5180dfaf60 | |||
|
|
6a1a7eb218 | ||
|
|
80ed66a2b0 | ||
|
|
7d86bbb6c2 | ||
|
|
2631f43623 |
@@ -90,6 +90,15 @@ export function msgHandle(data: object) {
|
|||||||
data,
|
data,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//刷新redis缓存
|
||||||
|
export function refreshRedis() {
|
||||||
|
return service({
|
||||||
|
url: "/accept/refreshIdCache",
|
||||||
|
method: "get",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
// 地图统计数量
|
// 地图统计数量
|
||||||
export function mapCount(data: object) {
|
export function mapCount(data: object) {
|
||||||
return service({
|
return service({
|
||||||
|
|||||||
@@ -58,11 +58,13 @@ const emit = defineEmits(["timeChangeInfo"]);
|
|||||||
interface Props {
|
interface Props {
|
||||||
nextFlag?: boolean;
|
nextFlag?: boolean;
|
||||||
theCurrentTime?: boolean;
|
theCurrentTime?: boolean;
|
||||||
|
setWatch?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
const props = withDefaults(defineProps<Props>(), {
|
const props = withDefaults(defineProps<Props>(), {
|
||||||
nextFlag: false,
|
nextFlag: false,
|
||||||
theCurrentTime: true,
|
theCurrentTime: true,
|
||||||
|
setWatch: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
const interval = ref(3);
|
const interval = ref(3);
|
||||||
@@ -573,8 +575,10 @@ function formatDate(date: Date): string {
|
|||||||
}
|
}
|
||||||
|
|
||||||
watch(timeValue, async (newVal) => {
|
watch(timeValue, async (newVal) => {
|
||||||
|
if (props.setWatch) {
|
||||||
await store.dispatch("setTimeType", { type: interval, value: newVal });
|
await store.dispatch("setTimeType", { type: interval, value: newVal });
|
||||||
await emit("timeChangeInfo");
|
await emit("timeChangeInfo");
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
defineExpose({
|
defineExpose({
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
<span>监测点</span>
|
<span>监测点</span>
|
||||||
</div> -->
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="bmSelect">
|
<!-- <div class="bmSelect">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="value"
|
v-model="value"
|
||||||
@change="setIcon"
|
@change="setIcon"
|
||||||
@@ -28,7 +28,7 @@
|
|||||||
:value="item.stationName"
|
:value="item.stationName"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<baidu-map
|
<baidu-map
|
||||||
@@ -344,6 +344,7 @@ onMounted(() => {
|
|||||||
|
|
||||||
defineExpose({
|
defineExpose({
|
||||||
setIcon,
|
setIcon,
|
||||||
|
init
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|||||||
@@ -494,8 +494,8 @@ const generateFn = async () => {
|
|||||||
loading1.value = true;
|
loading1.value = true;
|
||||||
await getDynamicData({
|
await getDynamicData({
|
||||||
lineId: dotList.value.id,
|
lineId: dotList.value.id,
|
||||||
searchBeginTime: tabList.value[activeName.value].time[0],
|
searchBeginTime: time.value[0],
|
||||||
searchEndTime: tabList.value[activeName.value].time[1],
|
searchEndTime: time.value[1],
|
||||||
time: tabList.value[activeName.value].key,
|
time: tabList.value[activeName.value].key,
|
||||||
type: form.type,
|
type: form.type,
|
||||||
userDataId: form.loadDataId,
|
userDataId: form.loadDataId,
|
||||||
|
|||||||
@@ -967,7 +967,7 @@ const initialResponsibilityList = () => {
|
|||||||
// 根据实际字段进行拼接,示例:
|
// 根据实际字段进行拼接,示例:
|
||||||
const content = `${item.lineName || ""}进行${
|
const content = `${item.lineName || ""}进行${
|
||||||
item.dataTimes || ""
|
item.dataTimes || ""
|
||||||
}次谐波电压溯源,溯源对象:${item.userDataName || ""}`.trim();
|
}次谐波电压溯源,溯源对象:${item.userDataName || "系统测点"}`.trim();
|
||||||
return {
|
return {
|
||||||
...item,
|
...item,
|
||||||
content: content,
|
content: content,
|
||||||
|
|||||||
@@ -20,6 +20,7 @@
|
|||||||
v-model="form.userList"
|
v-model="form.userList"
|
||||||
:data="dataTree"
|
:data="dataTree"
|
||||||
multiple
|
multiple
|
||||||
|
|
||||||
filterable
|
filterable
|
||||||
show-checkbox
|
show-checkbox
|
||||||
ref="treeRef"
|
ref="treeRef"
|
||||||
@@ -46,6 +47,7 @@
|
|||||||
v-model="form.index"
|
v-model="form.index"
|
||||||
filterable
|
filterable
|
||||||
multiple
|
multiple
|
||||||
|
|
||||||
:multiple-limit="5"
|
:multiple-limit="5"
|
||||||
collapse-tags
|
collapse-tags
|
||||||
collapse-tags-tooltip
|
collapse-tags-tooltip
|
||||||
@@ -553,11 +555,13 @@ const generateFn = async () => {
|
|||||||
return ElMessage.warning("请选择用采用户");
|
return ElMessage.warning("请选择用采用户");
|
||||||
}
|
}
|
||||||
loading1.value = true;
|
loading1.value = true;
|
||||||
|
console.log("🚀 ~ generateFn ~ dotList.value:", dotList.value.id, tabList.value);
|
||||||
|
|
||||||
await getDynamicData({
|
await getDynamicData({
|
||||||
userDataId: "123",
|
userDataId: "123",
|
||||||
lineId: dotList.value.id,
|
lineId: dotList.value.id,
|
||||||
searchBeginTime: tabList.value[activeName.value].time[0],
|
searchBeginTime: time.value[0],
|
||||||
searchEndTime: tabList.value[activeName.value].time[1],
|
searchEndTime: time.value[1],
|
||||||
time: tabList.value[activeName.value].key,
|
time: tabList.value[activeName.value].key,
|
||||||
type: form.type,
|
type: form.type,
|
||||||
userList: form.userList,
|
userList: form.userList,
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- 项目管理弹框 -->
|
<!-- 项目管理弹框 -->
|
||||||
<el-dialog v-model="dialogVisible" title="项目管理" width="1600px">
|
<el-dialog v-model="dialogVisible" title="项目管理" width="1600px" @close="handleDialogClose">
|
||||||
<!-- <el-card class="transparent-card"> -->
|
<!-- <el-card class="transparent-card"> -->
|
||||||
<div style="display: flex; justify-content: space-between">
|
<div style="display: flex; justify-content: space-between">
|
||||||
<div>
|
<div>
|
||||||
@@ -132,7 +132,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 新增弹框 -->
|
<!-- 新增弹框 -->
|
||||||
<el-dialog v-model="innerVisible" :title="dialogTitle" width="500px">
|
<el-dialog v-model="innerVisible" :title="dialogTitle" width="500px" >
|
||||||
<el-form
|
<el-form
|
||||||
ref="ruleFormRef"
|
ref="ruleFormRef"
|
||||||
:model="ruleForm"
|
:model="ruleForm"
|
||||||
@@ -155,13 +155,14 @@
|
|||||||
v-model="ruleForm.substionIds"
|
v-model="ruleForm.substionIds"
|
||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
multiple
|
multiple
|
||||||
|
:teleported="false"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in dataList"
|
v-for="item in dataList"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
:label="item.name"
|
:label="item.name"
|
||||||
:value="item.id"
|
:value="item.id"
|
||||||
:disabled="item.bindFlag==true"
|
:disabled="item.bindFlag == true && !setDisabled?.includes(item.id)"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -214,6 +215,7 @@ import { useStore } from "vuex";
|
|||||||
|
|
||||||
const emit = defineEmits<{
|
const emit = defineEmits<{
|
||||||
(e: "project-change", project: { id: string; name: string }): void;
|
(e: "project-change", project: { id: string; name: string }): void;
|
||||||
|
(e: "station-map-updated"): void;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
@@ -236,6 +238,8 @@ const firstForm = ref({
|
|||||||
|
|
||||||
const dataList = ref([]); //变电站
|
const dataList = ref([]); //变电站
|
||||||
|
|
||||||
|
const setDisabled = ref([]);
|
||||||
|
|
||||||
const params = reactive({
|
const params = reactive({
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
@@ -247,7 +251,7 @@ interface RuleForm {
|
|||||||
projectIds: [];
|
projectIds: [];
|
||||||
orderBy: string;
|
orderBy: string;
|
||||||
remark: string;
|
remark: string;
|
||||||
substionIds:[];
|
substionIds: [];
|
||||||
}
|
}
|
||||||
|
|
||||||
const formSize = ref("default");
|
const formSize = ref("default");
|
||||||
@@ -257,7 +261,7 @@ const ruleForm = reactive<RuleForm>({
|
|||||||
projectIds: [],
|
projectIds: [],
|
||||||
orderBy: "100",
|
orderBy: "100",
|
||||||
remark: "",
|
remark: "",
|
||||||
substionIds:[],
|
substionIds: [],
|
||||||
});
|
});
|
||||||
|
|
||||||
const rules = reactive<FormRules<RuleForm>>({
|
const rules = reactive<FormRules<RuleForm>>({
|
||||||
@@ -278,6 +282,10 @@ const rules = reactive<FormRules<RuleForm>>({
|
|||||||
],
|
],
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const handleDialogClose = () => {
|
||||||
|
emit('station-map-updated');
|
||||||
|
};
|
||||||
|
|
||||||
const init = () => {
|
const init = () => {
|
||||||
stationMap({
|
stationMap({
|
||||||
deptId: store.state.deptId,
|
deptId: store.state.deptId,
|
||||||
@@ -343,6 +351,8 @@ const onReset = () => {
|
|||||||
const onSubmitadd = () => {
|
const onSubmitadd = () => {
|
||||||
innerVisible.value = true;
|
innerVisible.value = true;
|
||||||
dialogTitle.value = "新增项目";
|
dialogTitle.value = "新增项目";
|
||||||
|
init();
|
||||||
|
setDisabled.value = [];
|
||||||
// Object.assign(ruleForm, {}); 不生效
|
// Object.assign(ruleForm, {}); 不生效
|
||||||
Object.assign(ruleForm, {
|
Object.assign(ruleForm, {
|
||||||
//生效,但是一个个赋值,麻烦
|
//生效,但是一个个赋值,麻烦
|
||||||
@@ -351,7 +361,7 @@ const onSubmitadd = () => {
|
|||||||
orderBy: "100",
|
orderBy: "100",
|
||||||
projectIds: ["1dd1b076e104f15459ac401fc1b902c4"],
|
projectIds: ["1dd1b076e104f15459ac401fc1b902c4"],
|
||||||
remark: "",
|
remark: "",
|
||||||
substionIds:[],
|
substionIds: [],
|
||||||
});
|
});
|
||||||
//Object.keys(ruleForm).forEach((key) => delete ruleForm[key]); //生效,但是有默认值的,一进去会直接报校验
|
//Object.keys(ruleForm).forEach((key) => delete ruleForm[key]); //生效,但是有默认值的,一进去会直接报校验
|
||||||
};
|
};
|
||||||
@@ -362,6 +372,8 @@ const querdata = (e: any) => {};
|
|||||||
const editd = (row: any) => {
|
const editd = (row: any) => {
|
||||||
innerVisible.value = true;
|
innerVisible.value = true;
|
||||||
dialogTitle.value = "修改项目";
|
dialogTitle.value = "修改项目";
|
||||||
|
init();
|
||||||
|
setDisabled.value = JSON.parse(JSON.stringify(row.substionIds));
|
||||||
// Object.assign(ruleForm, row);
|
// Object.assign(ruleForm, row);
|
||||||
Object.assign(ruleForm, {
|
Object.assign(ruleForm, {
|
||||||
id: row.id,
|
id: row.id,
|
||||||
@@ -369,7 +381,7 @@ const editd = (row: any) => {
|
|||||||
orderBy: row.orderBy,
|
orderBy: row.orderBy,
|
||||||
projectIds: row.projectIds,
|
projectIds: row.projectIds,
|
||||||
remark: row.remark,
|
remark: row.remark,
|
||||||
substionIds:row.substionIds,
|
substionIds: row.substionIds,
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -382,6 +394,8 @@ const submitForm = async (formEl: FormInstance | undefined) => {
|
|||||||
} else {
|
} else {
|
||||||
getEdit();
|
getEdit();
|
||||||
}
|
}
|
||||||
|
init();
|
||||||
|
emit('station-map-updated');
|
||||||
console.log("submit!");
|
console.log("submit!");
|
||||||
} else {
|
} else {
|
||||||
console.log("error submit!", fields);
|
console.log("error submit!", fields);
|
||||||
@@ -421,6 +435,7 @@ const getEdit = async () => {
|
|||||||
|
|
||||||
const resetForm = () => {
|
const resetForm = () => {
|
||||||
innerVisible.value = false;
|
innerVisible.value = false;
|
||||||
|
emit('station-map-updated')
|
||||||
};
|
};
|
||||||
|
|
||||||
const onTableSizeChange = (size: number) => {
|
const onTableSizeChange = (size: number) => {
|
||||||
@@ -537,7 +552,6 @@ const activeItem = (item: any) => {
|
|||||||
|
|
||||||
const open = () => {
|
const open = () => {
|
||||||
dialogVisible.value = true;
|
dialogVisible.value = true;
|
||||||
init();
|
|
||||||
};
|
};
|
||||||
defineExpose({
|
defineExpose({
|
||||||
open,
|
open,
|
||||||
|
|||||||
@@ -422,7 +422,13 @@
|
|||||||
align="center"
|
align="center"
|
||||||
label="责任对象"
|
label="责任对象"
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
/>
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<span>{{
|
||||||
|
scope.row.userDataName==null? '系统测点':scope.row.userDataName
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="updateTime"
|
prop="updateTime"
|
||||||
align="center"
|
align="center"
|
||||||
|
|||||||
@@ -5,6 +5,7 @@
|
|||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@pointClick="pointClick"
|
@pointClick="pointClick"
|
||||||
|
ref="bdMapRef"
|
||||||
></bdMap>
|
></bdMap>
|
||||||
|
|
||||||
<!-- 添加加载事件监听 -->
|
<!-- 添加加载事件监听 -->
|
||||||
@@ -19,7 +20,12 @@
|
|||||||
:key="keyof"
|
:key="keyof"
|
||||||
@load="onIframeLoad"
|
@load="onIframeLoad"
|
||||||
></iframe>
|
></iframe>
|
||||||
<el-button class="backButton" @click="backButton" size="small" :icon="Back"
|
<el-button
|
||||||
|
v-if="!store.state.showMap"
|
||||||
|
class="backButton"
|
||||||
|
@click="backButton"
|
||||||
|
size="small"
|
||||||
|
:icon="Back"
|
||||||
>返回</el-button
|
>返回</el-button
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
@@ -35,6 +41,8 @@ const props = defineProps<{
|
|||||||
project: { id: string; name: string } | null;
|
project: { id: string; name: string } | null;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
|
const bdMapRef = ref(null)
|
||||||
|
|
||||||
const iframeSrc = ref("");
|
const iframeSrc = ref("");
|
||||||
const keyof = ref(0);
|
const keyof = ref(0);
|
||||||
// 监听 props 变化
|
// 监听 props 变化
|
||||||
@@ -140,6 +148,18 @@ const backButton = () => {
|
|||||||
|
|
||||||
// window.removeEventListener("message", handleMessage);
|
// window.removeEventListener("message", handleMessage);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 监听 station-map-updated 事件并转发给 bdMap 组件
|
||||||
|
const handleStationMapUpdated = () => {
|
||||||
|
if (bdMapRef.value && typeof bdMapRef.value.init === 'function') {
|
||||||
|
bdMapRef.value.init()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 暴露方法给父组件调用
|
||||||
|
defineExpose({
|
||||||
|
handleStationMapUpdated
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.plan {
|
.plan {
|
||||||
|
|||||||
@@ -87,13 +87,14 @@
|
|||||||
<Management
|
<Management
|
||||||
ref="createRef"
|
ref="createRef"
|
||||||
@project-change="onProjectChange"
|
@project-change="onProjectChange"
|
||||||
|
@station-map-updated="handleStationMapUpdated"
|
||||||
></Management>
|
></Management>
|
||||||
</div>
|
</div>
|
||||||
<div class="body-box">
|
<div class="body-box">
|
||||||
<!-- 第三行数据 -->
|
<!-- 第三行数据 -->
|
||||||
<div class="content-box">
|
<div class="content-box">
|
||||||
<dv-border-box-10 :color="color[0]" style="position: relative">
|
<dv-border-box-10 :color="color[0]" style="position: relative">
|
||||||
<Plan :project="currentProject" />
|
<Plan :project="currentProject" ref="planRef"/>
|
||||||
<!-- 将 flag 值传递给 SecurityDetail 组件 -->
|
<!-- 将 flag 值传递给 SecurityDetail 组件 -->
|
||||||
<!-- showDetail从SecurityDetail 组件传过来 -->
|
<!-- showDetail从SecurityDetail 组件传过来 -->
|
||||||
<SecurityDetail
|
<SecurityDetail
|
||||||
@@ -235,6 +236,8 @@ const onProjectChange = (project: { id: string; name: string }) => {
|
|||||||
currentProject.value = project;
|
currentProject.value = project;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const planRef = ref() // 添加对 Plan 组件的引用
|
||||||
|
|
||||||
const smsQueriesRef = ref(); // 短信查询组件引用
|
const smsQueriesRef = ref(); // 短信查询组件引用
|
||||||
const smsConfigRef = ref(); // 短信查询组件引用
|
const smsConfigRef = ref(); // 短信查询组件引用
|
||||||
const sendRef = ref(); // 短信查询组件引用
|
const sendRef = ref(); // 短信查询组件引用
|
||||||
@@ -380,6 +383,14 @@ const createRef = ref();
|
|||||||
const openDialog = () => {
|
const openDialog = () => {
|
||||||
createRef.value.open();
|
createRef.value.open();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 处理 Management 组件发出的 station-map-updated 事件
|
||||||
|
const handleStationMapUpdated = () => {
|
||||||
|
// 通过 Plan 组件转发给 bdMap
|
||||||
|
if (planRef.value && typeof planRef.value.handleStationMapUpdated === 'function') {
|
||||||
|
planRef.value.handleStationMapUpdated()
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|||||||
@@ -63,7 +63,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<el-button :icon="Close" @click="setUp" size="small">取消</el-button>
|
<el-button :icon="Close" @click="setUp" size="small">取消</el-button>
|
||||||
<el-button type="primary" :icon="Check" @click="save" size="small"
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
:icon="Check"
|
||||||
|
@click="save"
|
||||||
|
size="small"
|
||||||
|
:loading="loading"
|
||||||
>确定</el-button
|
>确定</el-button
|
||||||
>
|
>
|
||||||
</template>
|
</template>
|
||||||
@@ -81,6 +86,7 @@ const machineVisible = ref(false);
|
|||||||
const title = ref("报表导出");
|
const title = ref("报表导出");
|
||||||
const timeValue = ref([]);
|
const timeValue = ref([]);
|
||||||
const deptLists = ref();
|
const deptLists = ref();
|
||||||
|
const loading = ref(false);
|
||||||
//form表单校验规则
|
//form表单校验规则
|
||||||
const emit = defineEmits(["flushed"]);
|
const emit = defineEmits(["flushed"]);
|
||||||
const checkAll = ref(false);
|
const checkAll = ref(false);
|
||||||
@@ -157,7 +163,8 @@ const save = () => {
|
|||||||
(form.value.searchBeginTime = timeValue.value[0]),
|
(form.value.searchBeginTime = timeValue.value[0]),
|
||||||
(form.value.searchEndTime = timeValue.value[1]);
|
(form.value.searchEndTime = timeValue.value[1]);
|
||||||
|
|
||||||
exportForms(form.value).then((res: any) => {
|
exportForms(form.value)
|
||||||
|
.then((res: any) => {
|
||||||
let blob = new Blob([res], {
|
let blob = new Blob([res], {
|
||||||
type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=UTF-8",
|
type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=UTF-8",
|
||||||
});
|
});
|
||||||
@@ -172,6 +179,10 @@ const save = () => {
|
|||||||
document.body.removeChild(link);
|
document.body.removeChild(link);
|
||||||
|
|
||||||
machineVisible.value = false;
|
machineVisible.value = false;
|
||||||
|
loading.value = false;
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
loading.value = false;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -1,10 +1,30 @@
|
|||||||
<template>
|
<template>
|
||||||
<!--短信查询-->
|
<!--短信查询-->
|
||||||
<el-dialog :close-on-click-modal="false" draggable v-model="machineVisible" :title="title" width="1200px" :before-close="handleClose">
|
<el-dialog
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
draggable
|
||||||
|
v-model="machineVisible"
|
||||||
|
:title="title"
|
||||||
|
width="1200px"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
<div class="formBox">
|
<div class="formBox">
|
||||||
<div class="formLeft">
|
<div class="formLeft">
|
||||||
<datePicker ref="datePickerRef" />
|
<datePicker
|
||||||
<span>发送结果: </span>
|
:setWatch="false"
|
||||||
|
ref="datePickerRef"
|
||||||
|
style="width: 470px"
|
||||||
|
/>
|
||||||
|
<span>关键字搜索: </span>
|
||||||
|
<el-input
|
||||||
|
size="small"
|
||||||
|
v-model="searchValue"
|
||||||
|
placeholder="请输入关键字"
|
||||||
|
clearable
|
||||||
|
style="width: 130px"
|
||||||
|
></el-input>
|
||||||
|
|
||||||
|
<span class="ml20">发送结果: </span>
|
||||||
<el-select
|
<el-select
|
||||||
size="small"
|
size="small"
|
||||||
v-model="state"
|
v-model="state"
|
||||||
@@ -32,7 +52,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="tableBox">
|
<div class="tableBox">
|
||||||
<el-table
|
<el-table
|
||||||
:scrollbar-always-on="true" :data="tableData"
|
:scrollbar-always-on="true"
|
||||||
|
:data="tableData"
|
||||||
height="500px"
|
height="500px"
|
||||||
size="small"
|
size="small"
|
||||||
stripe
|
stripe
|
||||||
@@ -104,7 +125,7 @@ import { ElMessage } from "element-plus";
|
|||||||
import datePicker from "@/components/datePicker/index.vue";
|
import datePicker from "@/components/datePicker/index.vue";
|
||||||
import { Search, Download } from "@element-plus/icons-vue";
|
import { Search, Download } from "@element-plus/icons-vue";
|
||||||
import table2excel from "js-table2excel";
|
import table2excel from "js-table2excel";
|
||||||
const emit= defineEmits(["close"]);
|
const emit = defineEmits(["close"]);
|
||||||
const machineVisible = ref(false);
|
const machineVisible = ref(false);
|
||||||
const title = ref("已发送短信查询");
|
const title = ref("已发送短信查询");
|
||||||
const datePickerRef = ref();
|
const datePickerRef = ref();
|
||||||
@@ -124,14 +145,15 @@ const inquire = () => {
|
|||||||
searchBeginTime: datePickerRef.value.timeValue[0],
|
searchBeginTime: datePickerRef.value.timeValue[0],
|
||||||
searchEndTime: datePickerRef.value.timeValue[1],
|
searchEndTime: datePickerRef.value.timeValue[1],
|
||||||
sendResult: state.value,
|
sendResult: state.value,
|
||||||
|
searchValue: searchValue.value,
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
total.value = res.data.total;
|
total.value = res.data.total;
|
||||||
tableData.value = res.data.records;
|
tableData.value = res.data.records;
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
const searchValue = ref("");
|
||||||
const open = (text: string, data?: any) => {
|
const open = (text: string, data?: any) => {
|
||||||
|
|
||||||
machineVisible.value = true;
|
machineVisible.value = true;
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
inquire();
|
inquire();
|
||||||
@@ -183,6 +205,7 @@ const exportTable = () => {
|
|||||||
searchBeginTime: datePickerRef.value.timeValue[0],
|
searchBeginTime: datePickerRef.value.timeValue[0],
|
||||||
searchEndTime: datePickerRef.value.timeValue[1],
|
searchEndTime: datePickerRef.value.timeValue[1],
|
||||||
sendResult: state.value,
|
sendResult: state.value,
|
||||||
|
searchValue: searchValue.value,
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
table2excel(
|
table2excel(
|
||||||
@@ -197,7 +220,7 @@ const exportTable = () => {
|
|||||||
};
|
};
|
||||||
const handleClose = () => {
|
const handleClose = () => {
|
||||||
emit("close", false);
|
emit("close", false);
|
||||||
}
|
};
|
||||||
|
|
||||||
defineExpose({ open });
|
defineExpose({ open });
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -23,9 +23,9 @@
|
|||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<dv-decoration-10 class="dv-dec-10" :color="color[1]" />
|
<dv-decoration-10 class="dv-dec-10" :color="color[1]"/>
|
||||||
<div class="d-flex jc-center">
|
<div class="d-flex jc-center">
|
||||||
<dv-decoration-8 class="dv-dec-8" :color="color[2]" />
|
<dv-decoration-8 class="dv-dec-8" :color="color[2]"/>
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span class="title-text">{{ title }}</span>
|
<span class="title-text">{{ title }}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -35,7 +35,7 @@
|
|||||||
:color="color[2]"
|
:color="color[2]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<dv-decoration-10 class="dv-dec-10-s" :color="color[1]" />
|
<dv-decoration-10 class="dv-dec-10-s" :color="color[1]"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="d-flex secondLine">
|
<div class="d-flex secondLine">
|
||||||
@@ -50,26 +50,30 @@
|
|||||||
|
|
||||||
<el-dropdown placement="bottom">
|
<el-dropdown placement="bottom">
|
||||||
<el-icon :size="22" :color="color[1][0]" class="mt-0.5 mt5">
|
<el-icon :size="22" :color="color[1][0]" class="mt-0.5 mt5">
|
||||||
<Menu />
|
<Menu/>
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
<!-- <el-dropdown-item @click="handleClick('1')"
|
|
||||||
>已发送短信查询</el-dropdown-item
|
|
||||||
>
|
|
||||||
|
|
||||||
<el-dropdown-item @click="handleClick('2')"
|
<!-- <el-dropdown-item @click="handleClick('2')"
|
||||||
>模拟短信发送</el-dropdown-item
|
>模拟短信发送</el-dropdown-item
|
||||||
> -->
|
> -->
|
||||||
<el-dropdown-item @click="handleClick('3')"
|
<el-dropdown-item @click="handleClick('3')">
|
||||||
>系统配置</el-dropdown-item
|
系统配置
|
||||||
>
|
</el-dropdown-item>
|
||||||
<el-dropdown-item @click="handleClick('4')"
|
<el-dropdown-item @click="handleClick('4')">
|
||||||
>报表导出</el-dropdown-item
|
报表导出
|
||||||
>
|
</el-dropdown-item>
|
||||||
<el-dropdown-item @click="handleClick('5')"
|
<el-dropdown-item @click="handleClick('5')">
|
||||||
>台账导出</el-dropdown-item
|
台账导出
|
||||||
>
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="handleClick('1')">
|
||||||
|
短信管理
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="handleClick('6')">
|
||||||
|
缓存刷新
|
||||||
|
</el-dropdown-item>
|
||||||
|
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</template>
|
</template>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
@@ -79,16 +83,16 @@
|
|||||||
<!-- 第三行数据 -->
|
<!-- 第三行数据 -->
|
||||||
<div class="content-box">
|
<div class="content-box">
|
||||||
<dv-border-box-13 :color="color[0]">
|
<dv-border-box-13 :color="color[0]">
|
||||||
<eventStatistics ref="eventStatisticsRef" />
|
<eventStatistics ref="eventStatisticsRef"/>
|
||||||
</dv-border-box-13>
|
</dv-border-box-13>
|
||||||
|
|
||||||
<dv-border-box-10 :color="color[0]">
|
<dv-border-box-10 :color="color[0]">
|
||||||
<Map ref="mapRef" />
|
<Map ref="mapRef"/>
|
||||||
<!-- <center-left /> -->
|
<!-- <center-left /> -->
|
||||||
</dv-border-box-10>
|
</dv-border-box-10>
|
||||||
|
|
||||||
<dv-border-box-13 :color="color[0]">
|
<dv-border-box-13 :color="color[0]">
|
||||||
<alarm ref="alarmRef" />
|
<alarm ref="alarmRef"/>
|
||||||
<!-- 紧急告警 -->
|
<!-- 紧急告警 -->
|
||||||
|
|
||||||
<div
|
<div
|
||||||
@@ -128,7 +132,7 @@
|
|||||||
<!-- 第四行数据 -->
|
<!-- 第四行数据 -->
|
||||||
<div class="bototm-box">
|
<div class="bototm-box">
|
||||||
<dv-border-box-13 :color="color[0]">
|
<dv-border-box-13 :color="color[0]">
|
||||||
<endpointStatistics ref="endpointStatisticsRef" />
|
<endpointStatistics ref="endpointStatisticsRef"/>
|
||||||
|
|
||||||
<!-- <bottom-left /> -->
|
<!-- <bottom-left /> -->
|
||||||
</dv-border-box-13>
|
</dv-border-box-13>
|
||||||
@@ -139,7 +143,7 @@
|
|||||||
/>
|
/>
|
||||||
</dv-border-box-13>
|
</dv-border-box-13>
|
||||||
<dv-border-box-13 :color="color[0]">
|
<dv-border-box-13 :color="color[0]">
|
||||||
<sendTrends ref="sendTrendsRef" />
|
<sendTrends ref="sendTrendsRef"/>
|
||||||
</dv-border-box-13>
|
</dv-border-box-13>
|
||||||
</div>
|
</div>
|
||||||
<!-- 底部 -->
|
<!-- 底部 -->
|
||||||
@@ -159,10 +163,10 @@
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- 系统配置 -->
|
<!-- 系统配置 -->
|
||||||
<Config ref="ConfigRef" @flushed="inquire" />
|
<Config ref="ConfigRef" @flushed="inquire"/>
|
||||||
|
|
||||||
<!-- 报表导出 -->
|
<!-- 报表导出 -->
|
||||||
<ReportForms ref="reportForms" />
|
<ReportForms ref="reportForms"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -178,11 +182,11 @@ import {
|
|||||||
watch,
|
watch,
|
||||||
} from "vue";
|
} from "vue";
|
||||||
|
|
||||||
import { formatTime, getDateRange, stopSpeak } from "@/utils/index"; //引入封装好的
|
import {formatTime, getDateRange, stopSpeak} from "@/utils/index"; //引入封装好的
|
||||||
import useDraw from "@/utils/useDraw"; // 引入封装好的屏幕适配方法
|
import useDraw from "@/utils/useDraw"; // 引入封装好的屏幕适配方法
|
||||||
import { WEEK, title, subtitle, moduleInfo, color } from "@/constant/index"; //引入封装的标题日期
|
import {WEEK, title, subtitle, moduleInfo, color} from "@/constant/index"; //引入封装的标题日期
|
||||||
import datePicker from "@/components/datePicker/index.vue";
|
import datePicker from "@/components/datePicker/index.vue";
|
||||||
import { Menu, BellFilled, WarnTriangleFilled } from "@element-plus/icons-vue";
|
import {Menu, BellFilled, WarnTriangleFilled} from "@element-plus/icons-vue";
|
||||||
//页面组件
|
//页面组件
|
||||||
import eventStatistics from "./components/eventStatistics.vue"; //统计事件
|
import eventStatistics from "./components/eventStatistics.vue"; //统计事件
|
||||||
import endpointStatistics from "./components/endpointStatistics.vue"; //终端在线统计
|
import endpointStatistics from "./components/endpointStatistics.vue"; //终端在线统计
|
||||||
@@ -193,10 +197,12 @@ import Map from "./components/bdMap.vue"; //地图
|
|||||||
import smsQueries from "./components/smsQueries.vue"; // //短信查询
|
import smsQueries from "./components/smsQueries.vue"; // //短信查询
|
||||||
import bottomText from "./components/bottomText.vue"; //边框组件
|
import bottomText from "./components/bottomText.vue"; //边框组件
|
||||||
import socketClient from "@/utils/webSocketClient";
|
import socketClient from "@/utils/webSocketClient";
|
||||||
import { useStore } from "vuex";
|
import {useStore} from "vuex";
|
||||||
import Config from "./components/config.vue";
|
import Config from "./components/config.vue";
|
||||||
import ReportForms from "./components/reportForms.vue";
|
import ReportForms from "./components/reportForms.vue";
|
||||||
import { exportLineData } from "@/api/statistics/index";
|
import {exportLineData,refreshRedis} from "@/api/statistics/index";
|
||||||
|
import {ElMessage} from "element-plus";
|
||||||
|
|
||||||
const store = useStore();
|
const store = useStore();
|
||||||
const smsQueriesRef = ref(); // 短信查询组件引用
|
const smsQueriesRef = ref(); // 短信查询组件引用
|
||||||
const endpointStatisticsRef = ref(); // 终端在线统计组件引用
|
const endpointStatisticsRef = ref(); // 终端在线统计组件引用
|
||||||
@@ -225,7 +231,7 @@ const timeInfo: any = reactive({
|
|||||||
const timeType = ref(3);
|
const timeType = ref(3);
|
||||||
const reportForms = ref();
|
const reportForms = ref();
|
||||||
// 适配处理
|
// 适配处理
|
||||||
const { appRef, calcRate, windowDraw, unWindowDraw } = useDraw();
|
const {appRef, calcRate, windowDraw, unWindowDraw} = useDraw();
|
||||||
// 连接webSocket客户端
|
// 连接webSocket客户端
|
||||||
const init = () => {
|
const init = () => {
|
||||||
if (!dataSocket.socketServe) {
|
if (!dataSocket.socketServe) {
|
||||||
@@ -292,6 +298,10 @@ const handleClick = (type: string) => {
|
|||||||
smsQueriesFlag.value = true;
|
smsQueriesFlag.value = true;
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
if (type === "1") {
|
||||||
|
smsQueriesRef.value.open("已发送短信查询");
|
||||||
|
}
|
||||||
|
|
||||||
if (type === "3") {
|
if (type === "3") {
|
||||||
ConfigRef.value.open("系统配置");
|
ConfigRef.value.open("系统配置");
|
||||||
}
|
}
|
||||||
@@ -312,6 +322,12 @@ const handleClick = (type: string) => {
|
|||||||
document.body.removeChild(link);
|
document.body.removeChild(link);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if (type === "6") {
|
||||||
|
refreshRedis().then((res: any) => {
|
||||||
|
ElMessage.success("刷新缓存成功");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
}, 100);
|
}, 100);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user