From 162ae7a41d9e3b72c7dc23d36a128d45ad1456b5 Mon Sep 17 00:00:00 2001
From: lvys <huxin@123.com>
Date: Fri, 16 May 2025 21:17:46 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E7=82=B9=E5=8C=BA=E5=9F=9F=E8=A7=86?=
 =?UTF-8?q?=E9=A2=91=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/system/Information/index.vue    | 920 ++++++++++++++++++
 1 file changed, 920 insertions(+)
 create mode 100644 Dkl-vue3-ui-DP/src/views/system/Information/index.vue

diff --git a/Dkl-vue3-ui-DP/src/views/system/Information/index.vue b/Dkl-vue3-ui-DP/src/views/system/Information/index.vue
new file mode 100644
index 0000000..e20f6dc
--- /dev/null
+++ b/Dkl-vue3-ui-DP/src/views/system/Information/index.vue
@@ -0,0 +1,920 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryRef"
+      :inline="true"
+      v-show="showSearch"
+    >
+      <el-row>
+        <el-form-item label="活动名称" prop="activityName">
+          <el-input
+            v-model="queryParams.activityName"
+            placeholder="请输入活动名称"
+            clearable
+            style="width: 200px"
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="节假日名称" prop="holidayName">
+          <el-input
+            v-model="queryParams.holidayName"
+            placeholder="请输入节假日名称"
+            clearable
+            style="width: 200px"
+            @keyup.enter="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="选择时间" prop="holidayName">
+          <el-date-picker
+            v-model="dateRange"
+            type="datetimerange"
+            unlink-panels
+            range-separator="至"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+            :shortcuts="filterShortcuts"
+            class="custom-date-picker"
+          />
+        </el-form-item>
+      </el-row>
+      <el-row class="dfjb">
+        <el-row :gutter="10">
+          <el-col :span="1.5">
+            <el-button
+              type="primary"
+              @click="handleAdd"
+              class="circle-plus-btn"
+            >
+              新增
+            </el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="danger"
+              icon="Delete"
+              plain
+              :disabled="multiple"
+              @click="handleDelete"
+              >删除</el-button
+            >
+          </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="success"
+              plain
+              icon="Edit"
+              :disabled="single"
+              @click="handleUpdate"
+              >修改</el-button
+            >
+          </el-col>
+            <el-col :span="1.5">
+                    <el-button
+                      type="info"
+                      plain
+                      icon="Upload"
+                      @click="handleImport"
+                      >导入</el-button
+                    >
+                  </el-col>
+          <el-col :span="1.5">
+            <el-button
+              type="warning"
+              plain
+              icon="Download"
+              @click="handleExport"
+              >导出</el-button
+            >
+          </el-col>
+        </el-row>
+        <el-form-item>
+          <el-button type="primary" icon="Search" @click="handleQuery"
+            >搜索</el-button
+          >
+          <el-button icon="RefreshLeft" class="Refresh" @click="resetQuery"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-row>
+    </el-form>
+
+    <div class="tablebox">
+      <el-table   @row-click="handleActivityRowClickJK"
+        v-loading="loading"
+        :data="postList"
+        stripe
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column
+          label="活动名称"
+          show-overflow-tooltip
+          align="center"
+          prop="activityName"
+        />
+        <el-table-column
+          label="活动内容"
+          show-overflow-tooltip
+          align="center"
+          prop="activityText"
+        />
+        <el-table-column
+          label="节假日名称"
+          show-overflow-tooltip
+          align="center"
+          prop="holidayName"
+        />
+
+        <el-table-column label="重点日标识" align="center" prop="isKeyDay">
+          <template #default="scope">
+            <dict-tag :options="sys_yes_no" :value="scope.row.isKeyDay" />
+          </template>
+        </el-table-column>
+        <el-table-column label="开始时间" align="center" prop="startTime" />
+        <el-table-column label="结束时间" align="center" prop="endTime" />
+        <el-table-column
+          label="值班人员"
+          show-overflow-tooltip
+          align="center"
+          prop="dutyPeople"
+        />
+        <el-table-column label="值班联系方式" align="center" prop="dutyPhone" />
+        <el-table-column
+          label="最大承载量"
+          align="center"
+          prop="loadBearingMax"
+        />
+        <el-table-column label="经度" align="center" prop="lng" />
+        <el-table-column label="纬度" align="center" prop="lat" />
+        <el-table-column label="区域" align="center" prop="region">
+          <template #default="scope">
+            <dict-tag :options="activity_area" :value="scope.row.region" />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="地址"
+          show-overflow-tooltip
+          align="center"
+          prop="address"
+        />
+        <el-table-column
+          label="操作"
+          width="180"
+          align="center"
+          class-name="small-padding fixed-width"
+        >
+          <template #default="scope">
+            <el-button
+              link
+              type="primary"
+              icon="Edit"
+              @click.stop="handleUpdate(scope.row)"
+              >修改</el-button
+            >
+            <el-button
+              link
+              type="primary"
+              icon="Delete"
+              @click.stop="handleDelete(scope.row)"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        v-model:page="queryParams.pageNum"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
+
+    <!-- 添加或修改岗位对话框 -->
+    <el-dialog
+      :style="{ height: '520px' }"
+      :title="title"
+      v-model="open"
+      width="900px"
+      append-to-body
+    >
+      <el-form
+        label-position="top"
+        ref="postRef"
+        :model="form"
+        :rules="rules"
+        label-width="120px"
+      >
+        <el-row :gutter="40">
+          <el-col :span="12">
+            <el-form-item label="活动名称" prop="activityName">
+              <el-input
+                v-model="form.activityName"
+                placeholder="请输入活动名称"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="节假日名称" prop="holidayName">
+              <el-input
+                v-model="form.holidayName"
+                placeholder="请输入节假日名称"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="40">
+          <el-col :span="12">
+            <el-form-item label="重点日标识" prop="isKeyDay">
+              <el-select
+                v-model="form.isKeyDay"
+                placeholder="重点日标识"
+                clearable
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in sys_yes_no"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="区域" prop="region">
+              <el-select
+                v-model="form.region"
+                placeholder="区域"
+                clearable
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="dict in activity_area"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="40">
+          <el-col :span="12">
+            <el-form-item label="值班人员" prop="dutyPeople">
+              <el-input
+                v-model="form.dutyPeople"
+                placeholder="请输入值班人员"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="值班联系方式" prop="dutyPhone">
+              <el-input
+                v-model="form.dutyPhone"
+                placeholder="请输入值班联系方式"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="40">
+          <el-col :span="12">
+            <el-form-item label="开始时间" prop="startTime">
+              <el-date-picker
+                style="width: 100%"
+                v-model="form.startTime"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择开始时间"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="结束时间" prop="endTime">
+              <el-date-picker
+                style="width: 100%"
+                v-model="form.endTime"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择结束时间"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="40">
+          <el-col :span="12">
+            <el-form-item label="经度" prop="lng">
+              <el-input v-model="form.lng" placeholder="请输入经度" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="纬度" prop="lat">
+              <el-input v-model="form.lat" placeholder="请输入纬度" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="40">
+          <el-col :span="12">
+            <el-form-item label="地图帮助">
+              <div class="map" @click="getMap">地图帮助</div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="最大承载量" prop="loadBearingMax">
+              <el-input
+                v-model="form.loadBearingMax"
+                placeholder="请输入最大承载量"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="40">
+          <el-col :span="24">
+            <el-form-item label="活动内容" prop="activityText">
+              <el-input
+                type="textarea"
+                v-model="form.activityText"
+                placeholder="请输入活动内容"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="40">
+          <el-col :span="24">
+            <el-form-item label="地址" prop="address">
+              <el-input
+                type="textarea"
+                v-model="form.address"
+                placeholder="请输入地址"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+      <!-- 导入对话框 -->
+    <el-dialog
+      :title="upload.title"
+      v-model="upload.open"
+      width="600px"
+      append-to-body
+    >
+      <el-upload
+        ref="uploadRef"
+        :limit="1"
+        accept=".xlsx, .xls"
+        :headers="upload.headers"
+        :action="upload.url + '?updateSupport=' + upload.updateSupport"
+        :disabled="upload.isUploading"
+        :on-progress="handleFileUploadProgress"
+        :on-success="handleFileSuccess"
+        :auto-upload="false"
+        drag
+      >
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <template #tip>
+          <div class="el-upload__tip text-center">
+            <span>仅允许导入xls、xlsx格式文件。</span>
+            <el-link
+              type="primary"
+              :underline="false"
+              style="font-size: 12px; vertical-align: baseline"
+              @click="importTemplate"
+              >下载模板</el-link
+            >
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitFileForm">确 定</el-button>
+          <el-button @click="upload.open = false">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="Post">
+import { getToken } from "@/utils/auth";
+import {
+  listPost,
+  addPost,
+  delPost,
+  getPost,
+  updatePost,
+} from "@/api/system/post";
+import {
+  getklList,
+  getlists,
+  getklListadd,
+  getklListedit,
+  getklListremove,
+  getklListedithx,
+  getklListMessage
+} from "@/api/InfoOverview.js";
+const { proxy } = getCurrentInstance();
+const { sys_yes_no, activity_area } = proxy.useDict(
+  "sys_yes_no",
+  "activity_area"
+);
+import moment from "moment";
+import { fa, tr } from "element-plus/es/locales.mjs";
+/*** 用户导入参数 */
+const upload = reactive({
+  // 是否显示弹出层（用户导入）
+  open: false,
+  // 弹出层标题（用户导入）
+  title: "",
+  // 是否禁用上传
+  isUploading: false,
+  // 是否更新已经存在的用户数据
+  updateSupport: 0,
+  // 设置上传的请求头部
+  headers: { Authorization: "Bearer " + getToken() },
+  // 上传的地址
+  url: import.meta.env.VITE_APP_BASE_API + "/large/activity/importData",
+});
+const dateRange = ref([]);
+const filterShortcuts = ref([
+  {
+    text: "本周",
+    value: () => {
+      const now = new Date();
+      const firstDay = new Date(
+        now.setDate(
+          now.getDate() - now.getDay() + (now.getDay() === 0 ? -6 : 1)
+        )
+      );
+      const lastDay = new Date(now.setDate(now.getDate() - now.getDay() + 7));
+      return [firstDay, lastDay];
+    },
+  },
+  {
+    text: "本月",
+    value: () => {
+      const now = new Date();
+      const firstDay = new Date(now.getFullYear(), now.getMonth(), 1);
+      const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0);
+      return [firstDay, lastDay];
+    },
+  },
+  {
+    text: "本季度",
+    value: () => {
+      const now = new Date();
+      const quarter = Math.floor(now.getMonth() / 3);
+      const firstDay = new Date(now.getFullYear(), quarter * 3, 1);
+      const lastDay = new Date(now.getFullYear(), quarter * 3 + 3, 0);
+      return [firstDay, lastDay];
+    },
+  },
+  {
+    text: "本年",
+    value: () => {
+      const now = new Date();
+      const firstDay = new Date(now.getFullYear(), 0, 1);
+      const lastDay = new Date(now.getFullYear(), 11, 31);
+      return [firstDay, lastDay];
+    },
+  },
+]);
+
+const postList = ref([]);
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+const onlyOne = ref(true);
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    delFlag: 0,
+    activityName: undefined,
+    holidayName: undefined,
+    startTime: undefined,
+    endTime: undefined,
+  },
+  rules: {
+    activityName: [
+      { required: true, message: "活动名称不能为空", trigger: "blur" },
+      { max: 30, message: "长度不能超过30个字符", trigger: "blur" },
+    ],
+    holidayName: [
+      { required: true, message: "节假日名称不能为空", trigger: "blur" },
+      { max: 30, message: "长度不能超过30个字符", trigger: "blur" },
+    ],
+    isKeyDay: [
+      { required: true, message: "请选择重点日标识", trigger: "change" },
+    ],
+    region: [{ required: true, message: "请选择区域", trigger: "change" }],
+    dutyPeople: [
+      { required: true, message: "值班人员不能为空", trigger: "blur" },
+      { max: 30, message: "长度不能超过30个字符", trigger: "blur" },
+    ],
+    loadBearingMax: [
+      { required: true, message: "最大承载量不能为空", trigger: "blur" },
+      {
+        validator: (rule, value, callback) => {
+          // 检查是否为有效数字
+          if (isNaN(value)) {
+            callback(new Error("必须为数字"));
+            return;
+          }
+
+          const numValue = Number(value);
+
+          // 检查是否为整数
+          if (!Number.isInteger(numValue)) {
+            callback(new Error("必须为整数"));
+            return;
+          }
+
+          // 检查数字长度（8位以内）
+          if (String(Math.abs(numValue)).length > 8) {
+            callback(new Error("数字长度不能超过8位"));
+            return;
+          }
+
+          // 检查是否为非负数（如果需要）
+          if (numValue < 0) {
+            callback(new Error("必须为非负数"));
+            return;
+          }
+
+          callback();
+        },
+        trigger: "blur",
+      },
+    ],
+    dutyPhone: [
+      { required: true, message: "值班联系方式不能为空", trigger: "blur" },
+      {
+        validator: (rule, value, callback) => {
+          const phoneReg = /^((0\d{2,3}-\d{7,8})|(1[3456789]\d{9}))$/;
+          if (!phoneReg.test(value)) {
+            callback(
+              new Error("请输入正确的手机号或座机号（座机格式：区号-号码）")
+            );
+          } else {
+            callback();
+          }
+        },
+        trigger: "blur",
+      },
+    ],
+    startTime: [
+      { required: true, message: "请选择开始时间", trigger: "change" },
+    ],
+    endTime: [
+      { required: true, message: "请选择结束时间", trigger: "change" },
+      {
+        validator: (rule, value, callback) => {
+          if (new Date(value) < new Date(form.startTime)) {
+            callback(new Error("结束时间不能早于开始时间"));
+          } else {
+            callback();
+          }
+        },
+        trigger: "change",
+      },
+    ],
+    lng: [
+      { required: true, message: "经度不能为空", trigger: "blur" },
+      {
+        pattern: /^-?\d{1,3}(\.\d+)?$/,
+        message: "请输入有效的经度值（-180~180）",
+        trigger: "blur",
+      },
+    ],
+    lat: [
+      { required: true, message: "纬度不能为空", trigger: "blur" },
+      {
+        pattern: /^-?\d{1,2}(\.\d+)?$/,
+        message: "请输入有效的纬度值（-90~90）",
+        trigger: "blur",
+      },
+    ],
+    address: [
+      { required: true, message: "地址不能为空", trigger: "blur" },
+      { max: 50, message: "长度不能超过50个字符", trigger: "blur" },
+    ],
+    activityText: [
+      { required: true, message: "活动内不能为空", trigger: "blur" },
+      { max: 50, message: "长度不能超过50个字符", trigger: "blur" },
+    ],
+  },
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+import { useRouter } from "vue-router";
+const router = useRouter();
+// 类型映射关系
+const typeToTabMap = {
+  重点场所: "venue",
+  景区: "scenic",
+  景点: "scenic",
+  旅游景区: "scenic",
+  安保力量: "security",
+  安保: "security",
+  交通枢纽: "transport",
+  交通: "transport",
+  活动: "activity",
+  大型活动: "activity",
+  预警: "warning",
+  监测预警: "warning",
+  监控: "jiankong",
+};
+const handleActivityRowClickJK = (row) => {
+  goToMap(6, row.lat, row.lng, 'activity');
+};
+function goToMap(screenId, lat, lng, monitoringTypeName, extraParams = {}) {
+  if (!lat || !lng || isNaN(Number(lat)) || isNaN(Number(lng))) {
+    proxy.$modal.msgWarning("该记录缺少有效的经纬度信息，无法定位");
+    return;
+  }
+
+  router.push({
+    path: "/largeScreen",
+    query: {
+      screenId: screenId,
+      latitude: Number(lat).toFixed(6),
+      longitude: Number(lng).toFixed(6),
+      monitoringTypeName: monitoringTypeName,
+      ...extraParams,
+    },
+  });
+}
+
+/** 查询岗位列表 */
+function getList() {
+  loading.value = true;
+  getklList(queryParams.value).then((response) => {
+    postList.value = response.rows;
+    postList.value = response.rows;
+    total.value = response.total;
+    getListMessage();
+    loading.value = false;
+  });
+}
+function getListMessage() {
+  getklListMessage(queryParams.value).then((response) => {
+    if(response.msg!=""){
+proxy.$modal.msgWarning(response.msg);
+    }
+
+  });
+}
+/** 取消按钮 */
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+/** 表单重置 */
+function reset() {
+  form.value = {
+    postId: undefined,
+    activityName: undefined,
+    holidayName: undefined,
+    address: undefined,
+    region: undefined,
+    isKeyDay: undefined,
+    startTime: undefined,
+    endTime: undefined,
+    dutyPeople: undefined,
+    dutyPhone: undefined,
+    lng: undefined,
+    lat: undefined,
+  };
+  proxy.resetForm("postRef");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+
+  // 这里修改为只更新时间参数，而不是覆盖整个queryParams
+  if (dateRange.value && dateRange.value.length === 2) {
+    queryParams.value.startTime = moment(dateRange.value[0]).format(
+      "YYYY-MM-DD HH:mm:ss"
+    );
+    queryParams.value.endTime = moment(dateRange.value[1]).format(
+      "YYYY-MM-DD HH:mm:ss"
+    );
+  } else {
+    // 如果dateRange为空，则清空时间参数
+    queryParams.value.startTime = undefined;
+    queryParams.value.endTime = undefined;
+  }
+
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  dateRange.value = [];
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+function handleSelectionChange(selection) {
+  ids.value = selection.map((item) => item.id);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "添加";
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  reset();
+  const postId = row.id || ids.value;
+    onlyOne.value= false;
+  getklListedithx(postId).then((response) => {
+    form.value = response.data;
+    open.value = true;
+    title.value = "修改";
+  });
+}
+function dateToTimestamp(date) {
+  return date.getTime();
+}
+/** 提交按钮 */
+function submitForm() {
+  
+  // 检查变量是否不为 null 和不为 undefined
+if (form.value.loadBearingMax !== null && form.value.loadBearingMax !== undefined && form.value.loadBearingMax.length > 0) {
+    form.value.loadBearingMax = Number(form.value.loadBearingMax);
+} 
+  
+  if (
+    new Date(form.value.startTime).getTime() >
+    new Date(form.value.endTime).getTime()
+  ) {
+    proxy.$modal.msgWarning("开始时间不得大于结束时间");
+    return;
+  }
+
+  proxy.$refs["postRef"].validate((valid) => {
+    if (valid) {
+      if (form.value.id != undefined) {
+ 
+        getklListedit(form.value).then((response) => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        });
+      } else {
+        getklListadd(form.value).then((response) => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        });
+    }
+    }
+  });
+}
+
+ function checkNameUnique(info){
+ if (info.value.id != undefined) {
+    //修改
+   let  queryss= {
+    delFlag: 0,
+    activityName: info.value.activityName,
+  };
+    getlists(queryss).then((response) => {
+      if(response.code==200){
+        if (response.rows.length==0) {
+          onlyOne.value= true;
+        }else if(response.rows.length==1&&response.rows[0].id ==info.value.id){
+              onlyOne.value=  true;
+        }else{
+            proxy.$modal.msgWarning("名称已经存在");
+               onlyOne.value=  false;
+        }
+      }
+  });
+ }else{
+    //修改
+   let  queryss= {
+    delFlag: 0,
+    activityName: info.value.activityName,
+  };
+    getlists(queryss).then((response) => {
+      if(response.code==200){
+        if (response.rows.length==0) {
+           onlyOne.value=  true;
+        }else{
+            proxy.$modal.msgWarning("名称已经存在");
+               onlyOne.value=  false;
+        }
+      }
+  });
+ }
+
+}
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const postIds = row.id || ids.value;
+  proxy.$modal
+    .confirm("是否确认删除所选数据项？")
+    .then(function () {
+      return getklListremove(postIds);
+    })
+    .then(() => {
+      getList();
+      proxy.$modal.msgSuccess("删除成功");
+    })
+    .catch(() => {});
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download(
+    "large/activity/export",
+    {
+      ...queryParams.value,
+    },
+    `活动信息_${new Date().getTime()}.xlsx`
+  );
+}
+function getMap() {
+  window.open(
+    "https://lbs.amap.com/tools/picker",
+    "_blank",
+    "width=950,height=700"
+  );
+}
+
+/** 导入按钮操作 */
+function handleImport() {
+  upload.title = "活动信息导入";
+  upload.open = true;
+}
+/** 下载模板操作 */
+function importTemplate() {
+  proxy.download(
+    "large/activity/importTemplate",
+    {},
+    `活动信息_${new Date().getTime()}.xlsx`
+  );
+}
+/**文件上传中处理 */
+const handleFileUploadProgress = (event, file, fileList) => {
+  upload.isUploading = true;
+};
+
+/** 文件上传成功处理 */
+const handleFileSuccess = (response, file, fileList) => {
+  upload.open = false;
+  upload.isUploading = false;
+  proxy.$refs["uploadRef"].handleRemove(file);
+  proxy.$alert(
+    "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
+      response.msg +
+      "</div>",
+    "导入结果",
+    { dangerouslyUseHTMLString: true }
+  );
+  getList();
+};
+
+/** 提交上传文件 */
+function submitFileForm() {
+  proxy.$refs["uploadRef"].submit();
+}
+getList();
+</script>
+<style scoped>
+.map {
+  cursor: pointer;
+  color: #203f73;
+}
+/* 修改斑马纹的浅色行背景 */
+::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {
+  background-color: #dbe4f5 !important; /* 改为淡蓝色 */
+}
+</style>