yanghongwei
/
ly-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

8.27问题更改

This commit is contained in:
zengmingjie 2025-08-27 23:19:33 +08:00
parent d4d7b467ae
commit a9efb96763
14 changed files with 385 additions and 309 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/css/index.scss
View File

@ -121,6 +121,7 @@ body {
align-items: center;
margin-right: 40px;
margin-top: 10px;
z-index: 10;
.menuItem {
width: 305px;
display: flex;

13
src/components/myForm.vue
View File

@ -1,4 +1,3 @@
my-form
<template>
<div class="my-form">
<el-form
@ -17,6 +16,15 @@ my-form
:rules="detail ? false : item.rules"
v-show="item.show === undefined ? true : item.show"
>
<template #label>
<span v-if="item.label && typeof item.label === 'string'">
<span v-if="item.label.includes('*')">
<span style="color: #f56c6c"> * </span>
{{ item.label.replace("*", "") }}
</span>
<span v-else>{{ item.label }}</span>
</span>
</template>
<!-- 输入框 -->
<template v-if="item.type === 'input'">
<el-input
@ -51,7 +59,7 @@ my-form
<el-option
v-for="(element, i) in item.options"
:label="element.label"
:value="element.key"
:value="`${element.key}`"
:key="i"
/>
</el-select>
@ -424,6 +432,7 @@ export default {
}
if (newVal.geojson === undefined) {
if (this.$refs.myMarsmap !== undefined) {
console.log(111122223333);
// this.$refs.myMarsmap[0].clearDraw();
}
}

105
src/components/myMars.vue
View File

@ -13,6 +13,7 @@
<script>
"use script";
import moment from "moment";
import { Homeview } from "@/api/home.js";
export default {
name: "myMars",
props: {
@ -25,7 +26,9 @@ export default {
return {
inputs: "",
checkInterval: null,
time: null
time: null,
matchedNames: [],
historyData: {}
};
},
components: {},
@ -33,9 +36,11 @@ export default {
historyList: {
handler(val) {
let value = JSON.parse(JSON.stringify(val));
console.log(value, "value");
if (value) {
this.startCheckTimer(value);
this.startCheckTimer(value[1]);
}
this.historyData = value;
},
deep: true,
immediate: true
@ -102,15 +107,14 @@ export default {
let newMapList = (mapList = mapList.filter(
(item) => Number(item.lon) !== 0 && Number(item.lat) !== 0
));
console.log(newMapList, "newMapList");
if (newMapList.length === 0) {
this.clearDraw();
this.$message({
message: "暂无数据",
type: "warning"
});
return;
}
// if (newMapList.length === 0) {
// this.clearDraw();
// this.$message({
// message: "暂无数据",
// type: "warning"
// });
// return;
// }
// eslint-disable-next-line no-undef
const property = new Cesium.SampledPositionProperty();
// eslint-disable-next-line no-undef
@ -252,10 +256,85 @@ export default {
});
this.graphicLayer.addGraphic(app_pathEntity);
}
Homeview().then((res) => {
console.log(res.data.positions, "res.data.positions");
this.matchedNames = res.data.positions.filter((m) =>
this.historyData[0].positionId.includes(m.id)
);
console.log(this.matchedNames, "this.matchedNames");
if (this.matchedNames.length > 0) {
let item = this.matchedNames[0];
let graphiczhendi = this.mapMars.getLayerById("zhendi");
if (!graphiczhendi) {
graphiczhendi = new mars3d.layer.GeoJsonLayer({
id: "zhendi",
name: "zhendi",
data: {
type: "FeatureCollection",
features: [
{
type: "Feature",
properties: {},
geometry: JSON.parse(item.regionJson)
}
]
},
symbol: {
styleOptions: {
fill: true,
color: "#3388cc",
opacity: 0.5,
outline: true,
outlineStyle: {
width: 2,
opacity: 0.1
}
}
}
});
this.mapMars.addLayer(graphiczhendi);
}
item.devices.forEach((deviceItem) => {
// 设备
let graphic = this.graphicLayer.getGraphicById(
deviceItem.id + "shebei"
);
if (!graphic) {
graphic = new mars3d.graphic.BillboardEntity({
id: deviceItem.id + "shebei",
name: "设备",
position: new mars3d.LngLatPoint(
deviceItem.lon,
deviceItem.lat,
0
),
style: {
image: require(`@/assets/img/device/deviceIcon/${deviceItem.icon}.png`),
scale: 1,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
clampToGround: true,
scaleByDistance: true,
scaleByDistance_near: 100,
scaleByDistance_nearValue: 0.5
}
});
console.log(graphic, "graphic");
this.graphicLayer.addGraphic(graphic);
}
});
}
});
},
clearDraw() {
if (this.graphics) {
this.mapMars.removeLayer(this.graphics);
// if (this.graphics) {
// this.mapMars.removeLayer(this.graphics);
// }
let graphiczhendi = this.mapMars.getLayerById("zhendi");
console.log(graphiczhendi, "layer");
if (graphiczhendi !== undefined) {
this.mapMars.removeLayer(graphiczhendi);
}
if (this.graphicLayer) {
this.graphicLayer.clear();

2
src/components/myMarsmap.vue
View File

@ -1,4 +1,3 @@
myMarsmap
<template>
<div class="ditu">
<div id="marsContainer-map" ref="marsMaps" class="mars3d-container"></div>
@ -329,6 +328,7 @@ export default {
}
},
clearDraw() {
console.log(111);
this.isinputDisabled = false;
if (this.graphicLayer) {
this.graphicLayer.clear();

2
src/components/myTable.vue
View File

@ -11,6 +11,8 @@
:border="border"
@selection-change="handleSelectionChange"
>
<el-table-column label="序号" type="index" align="center" width="50">
</el-table-column>
<el-table-column type="expand" v-if="isShowExpand">
<template slot-scope="scope">
<slot name="expand" :rowData="scope"></slot>

138
src/views/contentData/LeftSidebar/index.vue
View File

@ -1,5 +1,6 @@
<template>
<div class="left-sidebar" :class="{ contracted: isContracted }">
<div class="alarm-border warningAnimatBox" v-if="iswarning"></div>
<div class="stats">
<div class="stat-item" v-for="(item, index) in warningDay" :key="index">
<div class="stat-name">{{ item.name }}</div>
@ -126,70 +127,64 @@ export default {
signaData: {
handler(newVal) {
if (newVal) {
let positionID = localStorage.getItem("positionID");
const match = newVal.some((item) =>
positionID.includes(item.positionId)
);
if (match) {
newVal.forEach((newItem) => {
// 如果已经存在相同BatchId的数据，重置计时器
if (newItem.BatchId) {
const existingTimer = this.droneTimers.get(newItem.BatchId);
if (existingTimer) {
clearInterval(existingTimer); // 清除旧计时器
}
newVal.forEach((newItem) => {
// 如果已经存在相同BatchId的数据，重置计时器
if (newItem.BatchId) {
const existingTimer = this.droneTimers.get(newItem.BatchId);
if (existingTimer) {
clearInterval(existingTimer); // 清除旧计时器
}
// 设置15秒初始时间
newItem.currTime = window.mapConfig.currTime;
// 创建新计时器
const timer = this.startTimer(newItem);
this.droneTimers.set(newItem.BatchId, timer);
// 设置15秒初始时间
newItem.currTime = window.mapConfig.currTime;
// 创建新计时器
const timer = this.startTimer(newItem);
this.droneTimers.set(newItem.BatchId, timer);
// 更新无人机列表
const existingIndex = this.drones.findIndex(
(d) => d.BatchId === newItem.BatchId
);
newItem.times = moment(newItem.CreateTime).format("HH:mm:ss");
if (existingIndex !== -1) {
this.$set(this.drones, existingIndex, { ...newItem });
} else {
this.drones.push({ ...newItem });
}
// 更新无人机列表
const existingIndex = this.drones.findIndex(
(d) => d.BatchId === newItem.BatchId
);
newItem.times = moment(newItem.CreateTime).format("HH:mm:ss");
if (existingIndex !== -1) {
this.$set(this.drones, existingIndex, { ...newItem });
} else {
this.drones.push({ ...newItem });
}
}
});
if (newVal.length === 0) {
this.iswarning = false;
this.showAudioPrompt = false; // 没有数据 不显示提示框
}
if (this.drones) {
mapUavFiex(this.drones);
}
let alarm = this.drones.find((d) => d.alarmLevel === 1);
const media = this.$refs.uavAudio; // 修正 ref 名称为 "uavAudio"
if (alarm) {
this.iswarning = true;
this.$nextTick(() => {
if (media) {
media.muted = true; // 初始静音
media
.play()
.then(() => {
console.log("播放成功，取消静音");
media.muted = false; // 播放成功后取消静音
})
.catch((error) => {
console.log("播放失败:", error);
this.showAudioPrompt = true; // 播放失败时显示提示框
});
}
});
if (newVal.length === 0) {
this.iswarning = false;
this.showAudioPrompt = false; // 没有数据 不显示提示框
}
if (this.drones) {
mapUavFiex(this.drones);
}
let alarm = this.drones.find((d) => d.alarmLevel === 1);
const media = this.$refs.uavAudio; // 修正 ref 名称为 "uavAudio"
if (alarm) {
this.iswarning = true;
this.$nextTick(() => {
if (media) {
media.muted = true; // 初始静音
media
.play()
.then(() => {
console.log("播放成功，取消静音");
media.muted = false; // 播放成功后取消静音
})
.catch((error) => {
console.log("播放失败:", error);
this.showAudioPrompt = true; // 播放失败时显示提示框
});
}
});
} else {
this.iswarning = false;
if (media) {
media.pause(); // 无告警时停止播放
media.currentTime = 0; // 重置到开始
}
} else {
this.iswarning = false;
if (media) {
media.pause(); // 无告警时停止播放
media.currentTime = 0; // 重置到开始
}
}
}
@ -282,7 +277,6 @@ export default {
this.isContracted = !this.isContracted; // 切换状态
},
handleDroneClick(value) {
console.log(value, "value");
if (value.drone_lon == 0 || value.drone_lat == 0) {
} else {
window.marsMap.setCameraView({
@ -316,6 +310,28 @@ export default {
.left-sidebar.contracted {
transform: translateX(-90%);
}
.alarm-border {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid transparent;
pointer-events: none; /* Prevent interaction with the border */
z-index: 9999; /* Ensure it appears above other elements */
&.warningAnimatBox {
animation: greenanimated-shadow 2s infinite;
}
}
@keyframes greenanimated-shadow {
0% {
box-shadow: 0 0 0 0 #ff0000 inset;
}
85% {
box-shadow: 0px 0px 100px 0px #ff0000 inset;
}
}
.audio-prompt {
position: fixed;
top: 0;

20
src/views/contentData/index.js
View File

@ -318,21 +318,21 @@ function bindLayerPopup(graphicLayer, graphic) {
}" /></div>
<div class="device-type">
<div class="txt">
<p class="p1">经度</p>
<p class="p2">${attr.lon}</p>
</div>
<div class="txt">
<p class="p1">IP</p>
<p class="p2">${attr.ip}</p>
</div>
<div class="txt">
<p class="p1">纬度</p>
<p class="p2">${attr.lat}</p>
<p class="p1">序列号</p>
<p class="p2">${attr.deviceSN}</p>
</div>
<div class="txt">
<p class="p1">状态</p>
<p class="p2">${attr.isOnline ? "在线" : "离线"}</p>
</div>
<div class="txt">
<p class="p1">位置</p>
<p class="p2">${attr.lon}</p>
</div>
<div class="txt">
<p class="p1">纬度</p>
<p class="p2">${attr.lat}</p>
</div>
</div>
</div>
`,

20
src/views/index.vue
View File

@ -34,6 +34,26 @@ export default {
this.timeInterval = setInterval(() => {
this.initHomeData();
}, 2000);
// setInterval(() => {
// this.signaData = [
// {
// serial_number: "123456",
// times: "2023-01-01 00:00:00",
// DeviceName: "无人机1",
// freq: "24GHz",
// device_type: "无人机",
// drone_lat: 39.9042,
// drone_lon: 116.4074,
// height: 100,
// speed: 10,
// heading: 90,
// battery: 80,
// online: true,
// BatchId: "123456",
// alarmLevel: 1
// }
// ];
// }, 1000);
},
methods: {
initHomeData() {

1
src/views/login/index.vue
View File

@ -85,7 +85,6 @@ export default {
localStorage.setItem("expires", res.data.expires); // 登录到期时间
localStorage.setItem("userId", res.data.userid); // 登录id
localStorage.setItem("isAdmin", res.data.isAdmin); // 权限
localStorage.setItem("positionID", res.data.positionIds); // 权限
// 注意：Vue 2 中 Pinia 的用法需要调整

68
src/views/menuData/AlertDialog.vue
View File

@ -154,21 +154,21 @@ export default {
prop: "duration",
align: "center"
},
{
label: "机型",
prop: "model",
align: "center"
},
// {
// label: "机型",
// prop: "model",
// align: "center"
// },
{
label: "SN码",
prop: "sn",
align: "center"
},
{
label: "频段",
prop: "frequency",
align: "center"
},
// {
// label: "频段",
// prop: "frequency",
// align: "center"
// },
{
label: "开始时间",
prop: "startTime",
@ -270,7 +270,7 @@ export default {
}
console.log(value);
},
// 停用 编辑 删除
// 轨迹回放
handleClick(value, type) {
let params = { batchid: value.batchId };
if (type === "playback") {
@ -278,51 +278,7 @@ export default {
alarmDetail(params).then((res) => {
if (res.code === 0) {
console.log(res.data, "res.data");
this.historyList = res.data;
// this.historyList = [
// {
// lon: 109.056198,
// lat: 38.674443,
// alt: 0,
// createTime: "2025-03-30 03:44:21",
// alarmLevel: 0
// },
// {
// lon: 109.081454,
// lat: 38.664766,
// alt: 0,
// createTime: "2025-03-30 03:44:22",
// alarmLevel: 0
// },
// {
// lon: 109.101687,
// lat: 38.632524,
// alt: 0,
// createTime: "2025-03-30 03:44:25",
// alarmLevel: 0
// },
// {
// lon: 109.063063,
// lat: 38.622878,
// alt: 0,
// createTime: "2025-03-30 03:44:30",
// alarmLevel: 0
// },
// {
// lon: 109.016034,
// lat: 38.635138,
// alt: 0,
// createTime: "2025-03-30 03:44:35",
// alarmLevel: 0
// },
// {
// lon: 108.991419,
// lat: 38.659515,
// alt: 0,
// createTime: "2025-03-30 03:44:38",
// alarmLevel: 0
// }
// ];
this.historyList = [value, res.data];
}
});
this.title = "轨迹回放";

32
src/views/menuData/DeviceDialog.vue
View File

@ -144,7 +144,7 @@ export default {
]
},
{
label: "icon",
label: "设备类型",
type: "selectImg",
model: "icon",
options: [
@ -219,11 +219,11 @@ export default {
model: "ip",
rules: [{ required: true, message: "请输入设备名称" }]
},
{
label: "机型",
type: "input",
model: "model"
},
// {
// label: "机型",
// type: "input",
// model: "model"
// },
{
label: "账号",
type: "input",
@ -270,16 +270,21 @@ export default {
label: "设备SN",
prop: "deviceSN"
},
{
type: "text",
label: "ip",
prop: "ip"
},
// {
// type: "text",
// label: "ip",
// prop: "ip"
// },
{
type: "text",
label: "关联防区",
prop: "positionName"
},
{
type: "text",
label: "设备状态",
prop: "online"
},
{
type: "text",
label: "安装地址",
@ -462,7 +467,10 @@ export default {
params.pageSize = this.paginationParam.size;
deviceList(params).then((res) => {
if (res.code === 0) {
this.tableData = res.data.items;
this.tableData = res.data.items.map((item) => {
item.online = item.online === true ? "在线" : "离线";
return item;
});
this.paginationParam.total = res.data.total;
}
});

75
src/views/menuData/PermissionDialog.vue
View File

@ -80,9 +80,8 @@
</template>
<script>
"use script";
import { userList, userAdd, userUpdate, userDelete } from "@/api/user.js";
import { devPositionList } from "@/api/position.js";
export default {
name: "webDevice",
data() {
@ -127,14 +126,6 @@ export default {
key: false
}
]
},
{
label: "防区",
type: "select",
model: "positionId",
options: [],
multiple: true,
rules: [{ required: true, message: "请选择防区", trigger: "change" }]
}
],
tableData: [],
@ -146,7 +137,7 @@ export default {
},
{
label: "是否管理员",
prop: "isAdminDisplay", // 使用显示用的字段
prop: "isAdmin",
align: "center"
},
{
@ -174,33 +165,20 @@ export default {
this.headdenForm({}, "search");
},
methods: {
initPosition() {
devPositionList().then((res) => {
if (res.code === 0) {
this.PositionList = res.data.items;
this.formDrawerList.forEach((item) => {
if (item.label === "防区") {
item.options = res.data.items.map((item) => {
item.label = item.name;
item.key = item.id;
return item;
});
}
});
}
});
},
getStatusStyle(value) {
return {
color: value == 0 ? "green" : "red"
};
},
// 最大健康值 默认显示
onMountedForm() {
this.$forceUpdate();
},
// 关闭抽屉
handleClose() {
this.drawer = false;
},
// 新增 搜索
headdenForm(value, type) {
let params = {};
if (type === "add") {
@ -210,7 +188,6 @@ export default {
this.formDrawerList[0].disabled = false;
this.formDrawerList[1].disabled = false;
this.formDrawerList[1].show = true;
this.initPosition();
this.drawer = true;
} else if (type === "search") {
params = JSON.parse(JSON.stringify(this.$refs.myForm.ruleForm));
@ -218,30 +195,25 @@ export default {
params.pageSize = this.paginationParam.size;
userList(params).then((res) => {
if (res.code === 0) {
let items = JSON.parse(JSON.stringify(res.data.items));
this.tableData = items.map((item) => {
this.tableData = res.data.items.map((item) => {
const { ...rest } = item;
return {
...rest,
isAdminDisplay: item.isAdmin ? "是" : "否", // 用于显示
isAdmin: item.isAdmin // 保留原始布尔值
isAdmin: item.isAdmin ? "是" : "否"
};
});
this.paginationParam.total = res.data.total;
}
});
}
console.log(value);
},
// 停用 编辑 删除
handleClick(value, type) {
if (type === "edit") {
this.isType = "edit";
this.title = "编辑人员";
this.fromItem = JSON.parse(JSON.stringify(value));
// 确保 isAdmin 是布尔值
console.log(this.fromItem, "value");
this.fromItem.isAdmin = value.isAdmin; // 使用原始布尔值
this.fromItem.positionId = value.positionId.map((item) => String(item));
this.initPosition();
this.fromItem = value;
this.formDrawerList[0].disabled = true;
this.formDrawerList[1].disabled = true;
this.formDrawerList[1].show = false;
@ -268,18 +240,24 @@ export default {
});
}
},
// 确定按钮
determine(value) {
let params = JSON.parse(JSON.stringify(value));
let params = {};
params = value;
params.isAdmin = JSON.parse(params.isAdmin);
console.log(params, "params");
// 确保 isAdmin 是布尔值
params.isAdmin = params.isAdmin === true || params.isAdmin === "true";
if (this.isType === "add") {
userAdd(params).then((res) => {
if (res.code === 0) {
this.$message.success("新增成功");
this.headdenForm({}, "search");
}
});
// console.log("新增");
userAdd(params)
.then((res) => {
if (res.code === 0) {
this.$message.success("新增成功");
this.headdenForm({}, "search");
}
})
.catch((err) => {
console.log(err);
});
} else if (this.isType === "edit") {
userUpdate(params).then((res) => {
if (res.code === 0) {
@ -291,17 +269,18 @@ export default {
this.drawer = false;
},
handleSizeChange(value) {
console.log(value);
this.paginationParam.size = value;
this.headdenForm({}, "search");
},
handlePageChange(value) {
console.log(value);
this.paginationParam.currentPage = value;
this.headdenForm({}, "search");
}
}
};
</script>
<style scoped lang="scss">
.user {
width: 95%;

3
src/views/menuData/PositionDialog.vue
View File

@ -1,4 +1,3 @@
PositionDialog
<template>
<div class="position">
<div class="demo-formName">
@ -124,7 +123,7 @@ export default {
model: "address"
},
{
label: "防区",
label: "* 防区",
type: "marsMapmap",
model: "polygon"
},

214
src/views/menuData/WhitListDialog.vue
View File

@ -55,6 +55,9 @@
删除
</el-link>
</template>
<template #mark="{ data }">
{{ data.mark }}
</template>
</my-table>
</div>
<el-drawer
@ -106,18 +109,48 @@ export default {
coloumData: [
{
type: "text",
label: "sn",
label: "型号",
prop: "model"
},
{
type: "text",
label: "序列号",
prop: "sn"
},
{
type: "text",
label: "是否全天",
prop: "allDay"
label: "开放防区",
prop: "positionName"
},
{
slot: "whitTime",
label: "白名单生效的起止日期"
type: "text",
label: "开始时间",
prop: "startTime"
},
{
type: "text",
label: "结束时间",
prop: "endTime"
},
{
type: "text",
label: "创建时间",
prop: "createTime"
},
{
type: "text",
label: "创建人",
prop: "createBy"
},
// {
// type: "text",
// label: "是否全天",
// prop: "allDay"
// },
// {
// slot: "whitTime",
// label: "白名单生效的起止日期"
// },
{
type: "text",
label: "状态",
@ -125,9 +158,11 @@ export default {
},
{
slot: "operate",
label: "操作",
width: 250,
fixed: "right"
label: "操作"
},
{
slot: "mark",
label: "备注"
}
],
paginationParam: {
@ -149,17 +184,24 @@ export default {
model: "model",
rules: [{ required: true, message: "请输入机型" }]
},
// {
// label: "是否全天",
// type: "select",
// model: "allDay",
// options: [
// { label: "是", key: "0" },
// { label: "否", key: "1" }
// ],
// rules: [
// { required: true, message: "请选择是否全天", trigger: "change" }
// ]
// },
{
label: "是否全天",
type: "select",
model: "allDay",
options: [
{ label: "是", key: "0" },
{ label: "否", key: "1" }
],
rules: [
{ required: true, message: "请选择是否全天", trigger: "change" }
]
label: "时间日期",
type: "datetimerange",
model: "date",
format: "yyyy-MM-dd HH:mm:ss",
rules: [{ required: true, message: "请选择时间日期" }]
},
{
label: "关联防区",
@ -175,7 +217,8 @@ export default {
{
label: "所属单位",
type: "input",
model: "company"
model: "company",
rules: [{ required: true, message: "请输入所属单位" }]
},
{
label: "备注",
@ -184,12 +227,6 @@ export default {
rowsHeight: 15,
placeholder: "请输入内容",
model: "mark"
},
{
label: "时间日期",
type: "datetimerange",
model: "date",
format: "yyyy-MM-dd HH:mm:ss"
}
],
drawer: false,
@ -251,6 +288,7 @@ export default {
let params = {};
if (type === "search") {
params = JSON.parse(JSON.stringify(this.$refs.myForm.ruleForm));
this.initPosition();
if (params.dateRange) {
params.startTime = params.dateRange[0];
params.endTime = params.dateRange[1];
@ -265,18 +303,43 @@ export default {
whitListList(params).then((res) => {
if (res.code === 0) {
this.tableData = res.data.items.map((item) => {
let status = "未启用";
let status = "待生效";
if (item.allDay) {
status = "启用中";
// 全天候直接生效
status = "生效中";
} else {
const now = new Date();
const endTime = new Date(item.endTime);
status = endTime > now ? "启用中" : "未启用";
const startTime = item.startTime
? new Date(item.startTime)
: null;
const endTime = item.endTime ? new Date(item.endTime) : null;
if (startTime && endTime) {
if (now < startTime) {
status = "待生效";
} else if (now >= startTime && now <= endTime) {
status = "生效中";
} else if (now > endTime) {
status = "失效";
}
}
}
// 匹配 positionName
let matchedNames = [];
if (item.positionIds && item.positionIds.length > 0) {
matchedNames = this.PositionList.filter((m) =>
item.positionIds.includes(m.id)
).map((m) => m.name);
}
return {
...item,
allDay: item.allDay ? "是" : "否",
status
status,
positionName:
matchedNames.length > 0 ? matchedNames.join("、") : ""
};
});
@ -288,7 +351,7 @@ export default {
this.title = "新增白名单";
this.initPosition();
this.fromItem = {};
this.formDrawerList = this.getDefaultFormDrawerList();
// this.formDrawerList = this.getDefaultFormDrawerList();
this.isEditFlag = false;
this.drawer = true;
}
@ -305,20 +368,22 @@ export default {
// params.positionName = position ? position.name : "";
// 处理 allDay 和时间
if (params.allDay === "0") {
params.allDay = true;
// if (params.allDay === "0") {
// params.allDay = true;
// params.startTime = "";
// params.endTime = "";
// } else {
// params.allDay = false;
if (Array.isArray(params.date) && params.date.length === 2) {
params.startTime = params.date[0];
params.endTime = params.date[1];
} else {
params.startTime = "";
params.endTime = "";
} else {
params.allDay = false;
if (Array.isArray(params.date) && params.date.length === 2) {
params.startTime = params.date[0];
params.endTime = params.date[1];
} else {
params.startTime = "";
params.endTime = "";
}
}
// }
params.allDay = false;
params.createBy = localStorage.getItem("userName");
delete params.date; // 移除 date 字段
const apiCall = this.isType === "add" ? whitListAdd : whitListUpdate;
apiCall(params)
@ -350,9 +415,10 @@ export default {
this.isEditFlag = false;
this.fromItem = JSON.parse(JSON.stringify(value));
this.fromItem.positionId = this.fromItem.positionIds;
this.formDrawerList = this.getDefaultFormDrawerList();
this.fromItem.allDay = this.fromItem.allDay ? "0" : "1";
this.changeSelect(this.fromItem.allDay); // 根据 allDay 调整时间日期字段
// this.formDrawerList = this.getDefaultFormDrawerList();
// this.fromItem.allDay = this.fromItem.allDay ? "0" : "1";
this.fromItem.date = [this.fromItem.startTime, this.fromItem.endTime];
// this.changeSelect(this.fromItem.allDay); // 根据 allDay 调整时间日期字段
this.initPosition();
this.drawer = true;
} else if (type === "delete") {
@ -398,64 +464,6 @@ export default {
},
handleSelectionChange(value) {
console.log(value);
}, // 初始化 formDrawerList 的公共方法
getDefaultFormDrawerList() {
return [
{
label: "sn",
type: "input",
model: "sn",
rules: [{ required: true, message: "请输入sn" }]
},
{
label: "机型",
type: "input",
model: "model",
rules: [{ required: true, message: "请输入机型" }]
},
{
label: "是否全天",
type: "select",
model: "allDay",
options: [
{ label: "是", key: "0" },
{ label: "否", key: "1" }
],
rules: [
{ required: true, message: "请选择是否全天", trigger: "change" }
]
},
{
label: "关联防区",
type: "select",
model: "positionId",
options: [],
disabled: false,
multiple: true,
rules: [
{ required: true, message: "请选择关联防区", trigger: "change" }
]
},
{
label: "所属单位",
type: "input",
model: "company"
},
{
label: "备注",
type: "textarea",
maxLenght: 100,
rowsHeight: 15,
placeholder: "请输入内容",
model: "mark"
},
{
label: "时间日期",
type: "datetimerange",
model: "date",
format: "yyyy-MM-dd HH:mm:ss"
}
];
}
}
};