jagzwxm/ja_web.git

			@@ -1,9 +1,10 @@
			<template>
			<template>
			<basic-container>
			<el-form ref="queryParamsRef" :model="searchParams" class="ztzf-page-history-search">
			<el-form ref="queryParamsRef" :model="searchParams" class="command-page-history-search">
			<el-form-item label="设备名称" prop="deviceId">
			<el-select
			class="ztzf-data-cockpit-search-input"
			class="command-data-cockpit-select"
			popper-class="command-data-cockpit-select-popper"
			v-model="searchParams.deviceId"
			placeholder="请选择"
			clearable
			@@ -13,27 +14,30 @@
			<el-option v-for="item in deviceList" :key="item.id" :label="item.deviceName" :value="item.id" />
			</el-select>
			</el-form-item>
			<el-form-item label="设备类型" prop="deviceType">

			<el-form-item label="设备状态" prop="status">
			<el-select
			class="ztzf-data-cockpit-search-input"
			v-model="searchParams.deviceType"
			class="command-data-cockpit-select"
			popper-class="command-data-cockpit-select-popper"
			v-model="searchParams.status"
			placeholder="请选择"
			clearable
			@clear="handleSearch"
			@change="handleSearch"
			>
			<el-option
			v-for="item in dictObj.deviceType"
			v-for="item in dictObj.deviceStatus"
			:key="item.dictKey"
			:label="item.dictValue"
			:value="item.dictKey"
			/>
			</el-select>
			</el-form-item>
			<el-form-item label="设备编号" prop="deviceCode">

			<el-form-item label="设备编码" prop="deviceSn">
			<el-input
			class="ztzf-data-cockpit-search-input"
			v-model="searchParams.deviceCode"
			class="command-data-cockpit-search-input"
			v-model="searchParams.deviceSn"
			placeholder="请输入"
			clearable
			@clear="handleSearch"
			@@ -46,30 +50,30 @@
			</el-form-item>
			</el-form>

			<div class="ztzf-table-toolbar">
			<div class="command-table-toolbar">
			<el-button :icon="Plus" color="#284FE3" type="primary" @click="openForm('add')">新增</el-button>
			<el-button type="danger" :disabled="!selectedIds.length" @click="handleDelete()">删除</el-button>
			<el-button :icon="Delete" color="#1A2652" :disabled="!selectedIds.length" @click="handleDelete()">删除</el-button>
			</div>

			<div class="ztzf-table-container" v-loading="loading" element-loading-background="rgba(5, 5, 15, 0.6)">
			<div class="ztzf-table-content ztzf-table-content-bg">
			<el-table class="ztzf-data-cockpit-table" :data="list" @selection-change="handleSelectionChange">
			<div class="command-table-container" v-loading="loading" element-loading-background="rgba(5, 5, 15, 0.6)">
			<div class="command-table-content command-table-content-bg">
			<el-table class="command-data-cockpit-table" :data="list" @selection-change="handleSelectionChange">
			<el-table-column type="selection" width="46" />
			<el-table-column type="index" show-overflow-tooltip width="64" label="序号" />
			<el-table-column prop="deviceName" show-overflow-tooltip width="140" label="设备名称" />
			<el-table-column prop="deviceCode" show-overflow-tooltip width="140" label="设备编码" />
			<el-table-column prop="deviceStatus" show-overflow-tooltip width="100" label="设备状态">
			<el-table-column prop="deviceSn" show-overflow-tooltip width="140" label="设备编码" />
			<el-table-column prop="status" show-overflow-tooltip width="100" label="设备状态">
			<template v-slot="{ row }">
			{{ getDictLabel(row.deviceStatus, dictObj.deviceStatus) }}
			{{ formatDeployLocation(row) }}
			</template>
			</el-table-column>
			<el-table-column prop="areaDivideName" show-overflow-tooltip width="120" label="区域" />
			<el-table-column prop="defenseSceneName" show-overflow-tooltip width="120" label="场景" />
			<el-table-column show-overflow-tooltip width="200" label="调度位置">
			<el-table-column prop="areaName" show-overflow-tooltip width="120" label="区域" />
			<el-table-column prop="defenseZoneName" show-overflow-tooltip width="120" label="场景" />
			<el-table-column show-overflow-tooltip label="调度位置">
			<template v-slot="{ row }">{{ row.longitude }}, {{ row.latitude }}</template>
			</el-table-column>
			<el-table-column prop="dispatchUser" show-overflow-tooltip width="100" label="调度人员" />
			<el-table-column show-overflow-tooltip width="180" label="调度日期">
			<el-table-column show-overflow-tooltip label="调度日期">
			<template v-slot="{ row }">
			{{ formatDispatchDate(row) }}
			</template>
			@@ -86,9 +90,9 @@
			</el-table>
			</div>

			<div class="ztzf-table-pagination">
			<div class="command-table-pagination">
			<el-pagination
			popper-class="ztzf-data-cockpit-select-popper"
			popper-class="command-data-cockpit-select-popper"
			v-model:current-page="searchParams.current"
			v-model:page-size="searchParams.size"
			layout="total, prev, pager, next, sizes"
			@@ -110,7 +114,7 @@
			</template>

			<script setup>
			import { Search, RefreshRight, Plus } from '@element-plus/icons-vue'
			import { Search, RefreshRight, Plus, Delete } from '@element-plus/icons-vue'
			import { nextTick, onMounted, ref, provide } from 'vue'
			import { ElMessage, ElMessageBox } from 'element-plus'
			import { fwTaskSchedulePageApi, fwTaskScheduleRemoveApi } from './taskScheduleApi'
			@@ -123,14 +127,14 @@
			// 初始化查询参数
			const initSearchParams = () => ({
			deviceId: '', // 设备名称
			deviceType: '', // 设备类型
			deviceCode: '', // 设备编号
			status: '', // 设备状态
			deviceSn: '', // 设备编号
			current: 1, // 当前页
			size: 10, // 每页大小
			})
			const searchParams = ref(initSearchParams()) // 查询参数
			const total = ref(0) // 总条数
			const loading = ref(false) // 列表加载中
			const loading = ref(true) // 列表加载中
			const list = ref([]) // 列表数据
			const selectedIds = ref([]) // 勾选的ID列表
			const queryParamsRef = ref(null) // 查询表单实例
			@@ -153,7 +157,10 @@
			}
			return row.dispatchStartTime \|\| row.dispatchEndTime \|\| ''
			}

			function formatDeployLocation(row) {
			if (!row.longitude \|\| !row.latitude) return ''
			return `${row.longitude}, ${row.latitude}`
			}
			// 获取列表
			async function getList() {
			loading.value = true