fume-supervision-vue.git

2026.4.10

feiyu02

6 天以前 ccc970e575ef3f3e5c67af8da210263f4ac549f9

2026.4.10

已修改25个文件

已删除1个文件

已添加2个文件

	components.d.ts	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	index.html	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/assets/loginPageBg1.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/components/CompGenericWrapper.vue	78 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/components/SearchBar.vue	6 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/components/core/AppHeader.vue	8 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/components/info	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/components/monitor/DistrictRanking.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/components/search-option/FYOptionTopTask.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/debug/debugdata.js	6 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/sfc/TimeSelect.vue	6 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/LoginPage.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/analysis/huanxincode/HuanxinCodeManage.vue	235 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/inspection/ComplaintManage.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/inspection/MonitorControl.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/inspection/PunishmentManage.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/inspection/check/components/CompDeviceShowTest.vue	277 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/inspection/report/ReportManage.vue	6 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/inspection/task/TaskManage.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/monitor/DataAnalysisAll.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/monitor/DataAnalysisConcentration.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/monitor/DataAnalysisOnlineRate.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/monitor/DataAnalysisOpenRate.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/monitor/DataAnalysisOverStandardRate.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/monitor/DataDashboard.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/monitor/DataDashboard_old2.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/monitor/DataException.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/monitor/DataException_old.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 components.d.ts

@@ -18,6 +18,7 @@
    BaseContentLayout: typeof import('./src/components/core/BaseContentLayout.vue')['default']
    BaseMap: typeof import('./src/components/map/BaseMap.vue')['default']
    BaseOption: typeof import('./src/components/search-option/base/BaseOption.vue')['default']
    CompGenericWrapper: typeof import('./src/components/CompGenericWrapper.vue')['default']
    CompQuickSet: typeof import('./src/components/search-option/CompQuickSet.vue')['default']
    DeviceStatus: typeof import('./src/components/monitor/DeviceStatus.vue')['default']
    DistrictRanking: typeof import('./src/components/monitor/DistrictRanking.vue')['default']
@@ -145,6 +146,7 @@
  const BaseContentLayout: typeof import('./src/components/core/BaseContentLayout.vue')['default']
  const BaseMap: typeof import('./src/components/map/BaseMap.vue')['default']
  const BaseOption: typeof import('./src/components/search-option/base/BaseOption.vue')['default']
  const CompGenericWrapper: typeof import('./src/components/CompGenericWrapper.vue')['default']
  const CompQuickSet: typeof import('./src/components/search-option/CompQuickSet.vue')['default']
  const DeviceStatus: typeof import('./src/components/monitor/DeviceStatus.vue')['default']
  const DistrictRanking: typeof import('./src/components/monitor/DistrictRanking.vue')['default']

 index.html

@@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>é¤é¥®æ²¹çæºè½çæµä¸çç®¡ä¸ä½åå¹³å°</title>
    <title>é¤é¥®æ²¹çæºè½çæµçç®¡ä¸ä½åå¹³å°</title>
  </head>
  <body>
    <div id="app"></div>
@@ -15,4 +15,4 @@
    </script>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
</html>

 src/assets/loginPageBg1.png


 src/components/CompGenericWrapper.vue

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,78 @@
<template>
  <!-- dialogåè£¹ -->
  <el-dialog
    v-if="currType == 'dialog'"
    :title="title"
    :model-value="visible"
    @opened="$emit('update:visible', true)"
    @closed="$emit('update:visible', false)"
    destroy-on-close
    :draggable="draggable"
    :modal="modal"
    :append-to-body="appendToBody"
  >
    <div v-if="visible">
      <slot name="content"></slot>
    </div>
  </el-dialog>
  <!-- draweråè£¹ -->
  <el-drawer
    v-if="currType == 'drawer'"
    :title="title"
    size="45%"
    direction="ltr"
    :model-value="visible"
    @opened="$emit('update:visible', true)"
    @closed="$emit('update:visible', false)"
    destroy-on-close
  >
    <slot name="content"></slot>
  </el-drawer>
  <!-- é»è®¤æ åè£¹ -->
  <div v-if="currType == 'normal'">
    <slot></slot>
  </div>
</template>
<script setup>
import { ref, defineEmits, watch } from 'vue';
const props = defineProps({
  visible: Boolean,
  title: String,
  type: {
    type: String,
    default: 'normal'
  },
  draggable: Boolean,
  modal: {
    type: Boolean,
    default: true
  },
  appendToBody: {
    type: Boolean,
    default: true
  }
});
const typeOptions = ref([
  { id: '0', label: 'dialog' },
  { id: '1', label: 'drawer' },
  { id: '10', label: '' }
]);
const currType = ref('');
const emit = defineEmits(['update:visible']);
watch(
  () => props.type,
  (nValue) => {
    currType.value = nValue;
  },
  { immediate: true }
);
</script>
<style scoped>
:deep(.el-drawer__body) {
  padding-top: 0;
}

:deep(.el-drawer__header) {
  margin-bottom: 16px;
}
</style>

 src/components/SearchBar.vue

@@ -1,6 +1,6 @@
<template>
  <el-row class="layout">
    <el-col :span="$slots.summary ? 10 : 24">
    <el-col :span="$slots.summary ? 14 : 24">
      <el-form :inline="true" :model="formSearch">
        <el-form-item label="æ»ä»»å¡">
          <!-- <el-input v-model="formSearch.topTaskId" placeholder="æ»ä»»å¡" /> -->
@@ -19,7 +19,7 @@
        </el-form-item>
      </el-form>
    </el-col>
    <el-col :span="$slots.summary ? 14 : 0">
    <el-col :span="$slots.summary ? 10 : 0">
      <el-row justify="end">
        <slot name="summary"></slot>
      </el-row>
@@ -62,7 +62,7 @@
      taskApi.getTopTask().then((res) => {
        const list = res
          .filter((e) => {
            return e.districtname == 'å¾æ±åº' && dayjs(e.starttime).isBefore(dayjs('2023-12-31'))
            return e.districtname == 'å¾æ±åº' && dayjs(e.starttime).isBefore(dayjs('2025-12-31'))
          })
          .map((r) => {
            return {

 src/components/core/AppHeader.vue

@@ -10,7 +10,7 @@
    </el-col>
    <el-col :span="12" class="logout">
      <FYBgTaskDialog></FYBgTaskDialog>
      <el-button icon="SwitchButton">éåºç»å½</el-button>
      <el-button icon="SwitchButton" @click="logout">éåºç»å½</el-button>
    </el-col>
  </el-row>
</template>
@@ -50,6 +50,12 @@
      this.isCollapsed = !this.isCollapsed
      this.$emit('collapsedSider', this.isCollapsed)
    },
    /**
     * éåºç»å½
     */
    logout() {
      this.$router.push(`/login`);
    },
  },
}
</script>

 src/components/info


 src/components/monitor/DistrictRanking.vue

@@ -61,7 +61,7 @@
  props: {
    selectedMonth: {
      type: String,
      default: '2023-12',
      default: '2025-12',
    },
    rankingType: {
      type: String,

 src/components/search-option/FYOptionTopTask.vue

@@ -82,7 +82,7 @@
        })
        this.topTasks = list.filter((e) => {
          return (
            e.data.districtname == 'å¾æ±åº' && dayjs(e.data.starttime).isBefore(dayjs('2023-12-31'))
            e.data.districtname == 'å¾æ±åº' && dayjs(e.data.starttime).isBefore(dayjs('2025-12-31'))
          )
        })
        if (this.initValue) {

 src/debug/debugdata.js

@@ -81,7 +81,7 @@
        latitude: 31.17 + Math.random() * 0.1,
        longitude: 121.45 + Math.random() * 0.1,
        ringCodeLevel: ringCodeLevels[Math.floor(Math.random() * ringCodeLevels.length)],
        ringCodePublishTime: '2023-03-16 10:00:00',
        ringCodePublishTime: '2025-03-16 10:00:00',
        isOnline: isOnline,
        exceptionStatus: exceptionStatus,
      },
@@ -109,7 +109,7 @@
        latitude: 31.19 + Math.random() * 0.1,
        longitude: 121.41 + Math.random() * 0.1,
        ringCodeLevel: ringCodeLevels[Math.floor(Math.random() * ringCodeLevels.length)],
        ringCodePublishTime: '2023-03-16 10:00:00',
        ringCodePublishTime: '2025-03-16 10:00:00',
        isOnline: isOnline,
        exceptionStatus: exceptionStatus,
      },
@@ -123,7 +123,7 @@
  // çæè¿1å°æ¶ççæµæ°æ®ï¼æ¯10åéä¸æ¡
  const data = []
  const now = new Date()
  now.setFullYear(2023)
  now.setFullYear(2025)

  for (let i = 5; i >= 0; i--) {
    const time = new Date(now.getTime() - i * 10 * 60 * 1000)

 src/sfc/TimeSelect.vue

@@ -15,7 +15,7 @@
<script>
import dayjs from 'dayjs'
// æ¶é´èå´å¿«æ·éé¡¹
const dayStart = dayjs('2023-08-01').startOf('date')
const dayStart = dayjs('2025-08-01').startOf('date')
const dayEnd = dayStart.endOf('date')
const shortcuts = [
  {
@@ -79,7 +79,7 @@
    return {
      //ä¿åå¼å§åç»ææ¶é´
      // éä¾¿è®¾ç½®åå§å¼ ï¼mountedæ¶åè®¾æ£ç¡®çï¼ç®çæ¯æ¹åæ¶é´äºè§¦åchange
      time: ['2023-06-01 12:00:00', '2023-06-20 16:00:00'],
      time: ['2025-06-01 12:00:00', '2025-06-20 16:00:00'],
      // æ§å¶æ¶é´éæ©å¨çæ¾ç¤º/éèï¼ä»å¨æ°æ ·å¼ä¸ä½¿ç¨ï¼
      showTimePicker: false,
      // æ¶é´èå´éé¡¹
@@ -117,7 +117,7 @@
      // this.time[0] = dayjs().subtract(4, 'week').format('YYYY-MM-DD HH:mm:ss')
      // this.time[1] = dayjs().format('YYYY-MM-DD HH:mm:ss')
      // 2026.3.13 demo ä¸åºå®åå§æ¶é´
      this.time = ['2023-08-01 00:00:00', '2023-08-31 23:59:59']
      this.time = ['2025-08-01 00:00:00', '2025-08-31 23:59:59']
    },

    // å¿«æ·æ¶æ®µéæ©

 src/views/LoginPage.vue

@@ -2,7 +2,7 @@
  <div class="login-container">
    <div class="login-wrapper">
      <div class="login-header">
        <h1 class="login-title">é¤é¥®æ²¹çæºè½çæµä¸çç®¡ä¸ä½åå¹³å°</h1>
        <h1 class="login-title">é¤é¥®æ²¹çæºè½çæµçç®¡ä¸ä½åå¹³å°</h1>
        <p class="login-subtitle">æ¬¢è¿ç»å½</p>
      </div>
      <div class="login-form">
@@ -108,7 +108,7 @@
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-image: url('@/assets/loginPageBg.png');
  background-image: url('@/assets/loginPageBg1.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

 src/views/analysis/huanxincode/HuanxinCodeManage.vue

@@ -67,7 +67,7 @@

    <!-- åºéºåè¡¨ -->
    <div class="shop-list">
      <el-table :data="pagedShopList" style="width: 100%">
      <el-table :data="filteredShopList" style="width: 100%" max-height="600px">
        <el-table-column prop="shopName" label="åºéºåç§°" />
        <el-table-column prop="district" label="æå¨åºå¿" width="120" />
        <el-table-column prop="town" label="æå¨è¡é" width="150" />
@@ -107,7 +107,7 @@
          v-model:page-size="pageSize"
          :page-sizes="[10, 20, 50, 100]"
          layout="total, sizes, prev, pager, next, jumper"
          :total="filteredShopList.length"
          :total="total"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />
@@ -221,7 +221,7 @@
    label: 'é¤é¥®',
    value: '1',
  },
  time: dayjs('2023-08-01').date(1).toDate(),
  time: dayjs('2025-08-01').date(1).toDate(),
})
// ç¶æ
const drawerVisible = ref(false)
@@ -232,6 +232,7 @@
// åé¡µç¸å³
const currentPage = ref(1)
const pageSize = ref(10)
const total = ref(0)
// ç¯ä¿¡ç å¾çURL
const codeImageUrl = ref('')

@@ -244,42 +245,6 @@
  redCount: 20,
  redPercentage: 10.5,
})

// åºéºåç§°åè¡¨
const shopNames = [
  'ä»å°å§å¨æé½',
  'åå»èç',
  'å®¶å¨å¡å¦',
  'ç¼æ¥äº',
  'ä¹å¯æææ¸¸åº',
  'é¦¨è¿ç¾é£å°éï¼åå°¼ç¾é£å¹¿åºï¼',
  'æ£çº¦ç¿°',
  'å¼å åªé',
  'æ¨è®°é½é½åå°ç¤è',
  'ä¸æµ·ç¨ä¼ é¤é¥®ç®¡çæéå¬å¸ï¼äººçä¸ä¸²ï¼',
  'ç¼å®¶',
  'æ³çé¤é¥®ï¼ä¸æµ·ï¼æéå¬å¸ï¼é£å¶å®¶ï¼',
  'ä¸°èç¤ä¸²',
  'ä¸æµ·æ³°çé¤é¥®ç®¡çæéå¬å¸ï¼æ³°çé¸¡ï¼',
  'å¾æ±åºè¾°çé¤é¦(å°éåä¸²ç§å±éå±)',
]

// å¾æ±åºè¡éåè¡¨
const xuhuiTowns = [
  'å¤©å¹³è·¯è¡é',
  'æ¹åè·¯è¡é',
  'æåè·¯è¡é',
  'æ«æè·¯è¡é',
  'é¿æ¡¥è¡é',
  'ç°æè¡é',
  'è¹æ¢è·¯è¡é',
  'åº·å¥æ°æè¡é',
  'å¾å®¶æ±è¡é',
  'åäºè·¯è¡é',
  'é¾åè¡é',
  'æ¼æ²³æ³¾è¡é',
  'åæ³¾é',
]

function onSearch() {
  const f = formSearch.value
@@ -307,9 +272,7 @@

  userApi.fetchUser(currentPage.value, pageSize.value, area).then((res) => {
    if (res) {
      res.data
      res.head.totalCount

      total.value = res.head.totalCount
      shopList.value = res.data.map((item, index) => {
        const { score, code } = generateRandomScore()
        return {
@@ -336,9 +299,9 @@
  })
}

// çæ2023å¹´8æåçéæºæ¶é´
// çæ2025å¹´8æåçéæºæ¶é´
function generateRandomDate() {
  const year = 2023
  const year = 2025
  const month = 7 // 0-11ï¼8ææ¯7
  const day = Math.floor(Math.random() * 31) + 1 // 1-31
  const hour = Math.floor(Math.random() * 24) // 0-23
@@ -346,11 +309,6 @@

  const date = new Date(year, month, day, hour, minute)
  return date.toISOString().slice(0, 16).replace('T', ' ')
}

// éæºéæ©æ°ç»åç´ 
function getRandomElement(array) {
  return array[Math.floor(Math.random() * array.length)]
}

// çæéæºè¯ååå¯¹åºç¯ä¿¡ç ççº§
@@ -376,173 +334,7 @@
}

// åºéºæ°æ®
const shopList = ref([
  {
    id: 1,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'green',
    score: 90,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [
      {
        time: generateRandomDate(),
        content: 'ååå¨è¿è¡æ¶é¿ä¸è¶³',
        score: 90,
        handled: true,
      },
    ],
  },
  {
    id: 2,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'yellow',
    score: 75,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [
      {
        time: generateRandomDate(),
        content: 'æè¯æ¬¡æ°è¾å¤',
        score: 80,
        handled: false,
      },
    ],
  },
  {
    id: 3,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'red',
    score: 60,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [
      {
        time: generateRandomDate(),
        content: 'ææ¾æµåº¦è¶æ ',
        score: 65,
        handled: false,
      },
      {
        time: generateRandomDate(),
        content: 'æ¸æ´é¢æ¬¡ä¸è¶³',
        score: 62,
        handled: false,
      },
    ],
  },
  {
    id: 4,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'green',
    score: 92,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [],
  },
  {
    id: 5,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'yellow',
    score: 78,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [
      {
        time: generateRandomDate(),
        content: 'é£æºèå¨çä½',
        score: 75,
        handled: true,
      },
    ],
  },
  {
    id: 6,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'green',
    score: 90,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [],
  },
  {
    id: 7,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'red',
    score: 55,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [
      {
        time: generateRandomDate(),
        content: 'æªå®è£æ²¹çååè®¾å¤',
        score: 60,
        handled: false,
      },
    ],
  },
  {
    id: 8,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'yellow',
    score: 72,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [
      {
        time: generateRandomDate(),
        content: 'ååå¨æ¸æ´ä¸åæ¶',
        score: 75,
        handled: true,
      },
    ],
  },
  {
    id: 9,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'green',
    score: 93,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [],
  },
  {
    id: 10,
    shopName: getRandomElement(shopNames),
    district: 'å¾æ±åº',
    town: getRandomElement(xuhuiTowns),
    code: 'yellow',
    score: 76,
    trend: generateRandomTrend(),
    lastUpdate: generateRandomDate(),
    warnings: [
      {
        time: generateRandomDate(),
        content: 'ææ¾æµåº¦æ¥è¿æ åéå¼',
        score: 78,
        handled: true,
      },
    ],
  },
])
const shopList = ref([])

// è¿æ»¤åçåºéºåè¡¨
const filteredShopList = computed(() => {
@@ -550,13 +342,6 @@
    return shopList.value
  }
  return shopList.value.filter((shop) => shop.code === filterCode.value)
})

// åé¡µåçåºéºåè¡¨
const pagedShopList = computed(() => {
  const start = (currentPage.value - 1) * pageSize.value
  const end = start + pageSize.value
  return filteredShopList.value.slice(start, end)
})

// çå½å¨æ
@@ -581,10 +366,12 @@
function handleSizeChange(size) {
  pageSize.value = size
  currentPage.value = 1
  onSearch()
}

function handleCurrentChange(current) {
  currentPage.value = current
  onSearch()
}

function getCodeType(code) {
@@ -829,7 +616,7 @@

.card-content {
  text-align: center;
  padding: 20px 0;
  padding: 0px 0;
}

.card-title {

 src/views/inspection/ComplaintManage.vue

@@ -151,7 +151,7 @@
import { ElMessage } from 'element-plus'

// æ¶é´èå´å¿«æ·éé¡¹
const dayStart = dayjs('2023-08-01').startOf('date')
const dayStart = dayjs('2025-08-01').startOf('date')
const dayEnd = dayStart.endOf('date')
const shortcuts = [
  {
@@ -285,7 +285,7 @@
  ]
  const complaintReasons = ['æ²¹çæ°æ°', 'å¤é´åªå£°', 'å¼å³æ±¡æ', 'å«çé®é¢']
  const sources = ['12345ççº¿', 'å±æ°æè¯', 'ç½ç»å¹³å°', 'å¶ä»']
  const departments = ['å¾æ±åºç¯ä¿å±', 'é¿å®åºç¯ä¿å±', 'éå®åºç¯ä¿å±', 'æ®éåºç¯ä¿å±']
  const departments = ['å¾æ±åºçæç¯å¢å±', 'é¿å®åºçæç¯å¢å±', 'éå®åºçæç¯å¢å±', 'æ®éåºçæç¯å¢å±']
  // const results = ['å·²å¤ç', 'å¤çä¸', 'æªå¤ç']
  const results = ['å·²å¤ç']


 src/views/inspection/MonitorControl.vue

@@ -104,7 +104,7 @@
import { ElMessage } from 'element-plus'

// æ»è§ç°åºå·¡æ¥æ°æ®
const dayStart = dayjs('2023-08-01').startOf('date')
const dayStart = dayjs('2025-08-01').startOf('date')
const dayEnd = dayStart.endOf('date')
const shortcuts = [
  {

 src/views/inspection/PunishmentManage.vue

@@ -147,7 +147,7 @@
import { ElMessage } from 'element-plus'

// æ¶é´èå´å¿«æ·éé¡¹
const dayStart = dayjs('2023-08-01').startOf('date')
const dayStart = dayjs('2025-08-01').startOf('date')
const dayEnd = dayStart.endOf('date')
const shortcuts = [
  {
@@ -282,7 +282,7 @@
    'ç«éåº',
  ]
  const punishmentItems = ['æ²¹çè¶æ ææ¾', 'æªå®è£æ²¹çååè®¾å¤', 'è®¾å¤æªæ£å¸¸è¿è¡', 'åªå£°æ±¡æ']
  const departments = ['å¾æ±åºç¯ä¿å±', 'é¿å®åºç¯ä¿å±', 'éå®åºç¯ä¿å±', 'æ®éåºç¯ä¿å±']
  const departments = ['å¾æ±åºçæç¯å¢å±', 'é¿å®åºçæç¯å¢å±', 'éå®åºçæç¯å¢å±', 'æ®éåºçæç¯å¢å±']

  for (let i = 0; i < totalCount; i++) {
    // çæå¨æ¶é´èå´åçéæºæ¶é´

 src/views/inspection/check/components/CompDeviceShowTest.vue

@@ -5,21 +5,10 @@
      <!-- è®¾å¤ç±»å  -->
      <el-row>
        <el-col>
          <el-tabs
            class="child_select"
            placeholder="è®¾å¤ç±»å"
            v-model="currSelect.topDeviceTypeId"
          >
            <el-tab-pane
              v-for="item in deviceTopTypes"
              :key="item.id"
              :name="item.id"
            >
          <el-tabs class="child_select" placeholder="è®¾å¤ç±»å" v-model="currSelect.topDeviceTypeId">
            <el-tab-pane v-for="item in deviceTopTypes" :key="item.id" :name="item.id">
              <template #label>
                <el-badge
                  :value="item.count"
                  :type="item.count == 0 ? 'danger' : 'primary'"
                >
                <el-badge :value="item.count" :type="item.count == 0 ? 'danger' : 'primary'">
                  <span class="custom-tabs-label">
                    <span>{{ item.label }}</span>
                  </span>
@@ -37,22 +26,42 @@
          class="collapse-item-class"
        >
          <template #title>
            <div
              style="display: flex; width: 100%; justify-content: space-between"
            >
            <div style="display: flex; width: 100%; justify-content: space-between">
              <div style="">
                <el-descriptions style="" :column="3" size="small" border>
                <el-descriptions style="" :column="4" size="small" border>
                  <el-descriptions-item
                    width="64px"
                    :label="
                      currSelect.topDeviceTypeId == 0 ? 'ç«ç¹åç§°' : 'è®¾å¤åç§°'
                    "
                    :span="3"
                    :label="currSelect.topDeviceTypeId == 0 ? 'ç«ç¹åç§°' : 'è®¾å¤åç§°'"
                    >{{ item.name || 'æ ' }}</el-descriptions-item
                  >
                  <el-descriptions-item label="åçåå·">{{
                    item.brandModel || 'æ '
                  }}</el-descriptions-item>
                  <el-descriptions-item label="ä¾åºå">{{
                    item.supplier || 'æ '
                  }}</el-descriptions-item>
                  <el-descriptions-item :rowspan="3">
                    <div style="display: flex">
                      <div class="image-container">
                        <div
                          class="block-div"
                          @click="onClickPic($event)"
                          v-for="(status, index) in item._statusList"
                          :key="index"
                        >
                          <el-image
                            v-if="index == 0"
                            fit="cover"
                            class="pic-style"
                            :src="status._picUrl"
                            :preview-src-list="Array.of(status._picUrl)"
                          />
                          <span class="abstract_pic_text" v-if="index == 0">{{
                            `ææ°ç¶æ ${status.dlCreateTime.slice(0, 10)}`
                          }}</span>
                        </div>
                      </div>
                    </div>
                  </el-descriptions-item>
                  <el-descriptions-item label="è¿ç»´å">{{
                    item.maintainer || 'æ '
                  }}</el-descriptions-item>
@@ -76,9 +85,6 @@
                  <el-descriptions-item label="è¿ç»´èç³»æ¹å¼">{{
                    item.maintainTel || 'æ '
                  }}</el-descriptions-item>
                  <el-descriptions-item label="åçåå·">{{
                    item.brandModel || 'æ '
                  }}</el-descriptions-item>
                  <el-descriptions-item label="è¿è¡ç¶æ">
                    <el-select
                      v-model="item.runningStatus"
@@ -96,12 +102,11 @@
                  <el-descriptions-item label="ç±»å">
                    {{ item._typename || 'æ ' }}
                  </el-descriptions-item>
                  
                </el-descriptions>
              </div>

              <div style="display: flex">
                <!-- <div class="sub-title">{{ item.name }}</div> -->
                <!-- å¾ç -->
              <!-- <div style="display: flex">
                <div class="image-container">
                  <div
                    class="block-div"
@@ -121,7 +126,7 @@
                    }}</span>
                  </div>
                </div>
              </div>
              </div> -->
            </div>
          </template>
          <!-- è¯¦ç»åå®¹å¼å§ -->
@@ -168,19 +173,19 @@
</template>

<script>
import deviceApi from '@/api/fysp/deviceApi';
import { $fysp } from '@/api/index';
import { toLabel } from '@/enum/device/device';
import deviceApi from '@/api/fysp/deviceApi'
import { $fysp } from '@/api/index'
import { toLabel } from '@/enum/device/device'
export default {
  components: {  },
  components: {},
  watch: {
    // éæ©æ¹åçå¬
    currSelect: {
      handler(newObj, oldObj) {
        this.getList();
        this.getList()
      },
      deep: true
    }
      deep: true,
    },
  },
  data() {
    return {
@@ -192,7 +197,7 @@
      // è¡¨åè¯¦æç¹å»æé®çå¾æ 
      isDetail: false,
      currSelect: {
        topDeviceTypeId: 0
        topDeviceTypeId: 0,
      },
      // æ§å¶è¡¨åæ¯å¦å¯ä»¥ç¼è¾
      isDisabled: true,
@@ -202,29 +207,29 @@
      deviceTopTypes: [
        { id: 0, label: 'çæ§è®¾å¤' },
        { id: 1, label: 'æ²»çè®¾å¤' },
        { id: 2, label: 'çäº§è®¾å¤' }
        { id: 2, label: 'çäº§è®¾å¤' },
      ],
      // è¿è¡ç¶æ
      runStatusArray: [
        { key: 0, value: 'æªèç½' },
        { key: 1, value: 'ä¸çº¿ä¸' },
        { key: 2, value: 'ä¸çº¿' },
        { key: 3, value: 'æé¤' }
        { key: 3, value: 'æé¤' },
      ],
      // ç»´æ¤é¢çç¶æ
      maintainFrequencysArray: [
        { key: 1, value: 'æ¯æä¸æ¬¡' },
        { key: 2, value: 'æ¯å£åº¦ä¸æ¬¡' },
        { key: 3, value: 'æ¯åå¹´ä¸æ¬¡' },
        { key: 4, value: 'æ¯å¹´ä¸æ¬¡' }
        { key: 4, value: 'æ¯å¹´ä¸æ¬¡' },
      ],
      // ç§èµæ¹å¼
      ownershipArray: [
        { key: 0, value: 'è´ä¹°' },
        { key: 1, value: 'ç§èµ' }
        { key: 1, value: 'ç§èµ' },
      ],
      scene: {}
    };
      scene: {},
    }
  },
  props: {},

@@ -234,169 +239,167 @@
    getTabsCount() {
      this.deviceTopTypes.forEach((item) => {
        deviceApi.fetchDevices(this.scene.guid, item.id).then((result) => {
          item.count = result.data.length;
        });
      });
          item.count = result.data.length
        })
      })
    },
    // è·åè¿è¡ç¶æå¯¹åºçvalue
    getRunStatusValueByRunStatusKey(status) {
      var runningStatusValueArray = this.runStatusArray.filter((runStatus) => {
        return runStatus.key == status;
      });
        return runStatus.key == status
      })
      if (runningStatusValueArray.length > 0) {
        return runningStatusValueArray[0].value;
        return runningStatusValueArray[0].value
      }
    },
    // å±ç¤ºè¡¨åçè¯¦æçç¹å»äºä»¶
    showDetail(item) {
      item._isDetail = !item._isDetail;
      item._isDetail = !item._isDetail
    },
    init(scene) {
      // ç¶ç»ä»¶ä¸»å¨è°ç¨åå§ååç»ä»¶çæ¹æ³
      this.scene = scene;
      this.scene = scene

      this.getList();
      this.getTabsCount();
      this.getList()
      this.getTabsCount()
    },
    // éç½®å±ç¤ºçæ°æ®
    initList() {
      this.formInfo = [];
      this.isEmpty = false;
      this.formInfo = []
      this.isEmpty = false
    },
    // æ ååå±æ§å
    convertKeys(obj) {
      // å°ä¸ä¸ªjså¯¹è±¡ä¸æædiï¼wiï¼piå¼å¤´çå±æ§å¨é¨æ¹æå»æè¿äºåç¼å¹¶ä¸éæ°åä¸ºé©¼å³°å¼å½å
      const newObj = {};
      const newObj = {}
      for (const key in obj) {
        let newKey = key;
        let newKey = key
        if (key.startsWith('di')) {
          newKey = key.substring(2);
          newKey = key.substring(2)
        } else if (key.startsWith('wi')) {
          newKey = key.substring(2);
          newKey = key.substring(2)
        } else if (key.startsWith('pi')) {
          newKey = key.substring(2);
          newKey = key.substring(2)
        }
        newKey = newKey.charAt(0).toLowerCase() + newKey.slice(1);
        newObj[newKey] = obj[key];
        newKey = newKey.charAt(0).toLowerCase() + newKey.slice(1)
        newObj[newKey] = obj[key]
      }
      return newObj;
      return newObj
    },
    // æ°å¢åæ®µ
    initFormData(data) {
      data._isDetail = false;
      data._isDetail = false
    },
    getList() {
      deviceApi
        .fetchDevices(this.scene.guid, this.currSelect.topDeviceTypeId)
        .then((result) => {
          this.initList();
          if (result.data == null || result.data.length <= 0) {
            this.isEmpty = true;
            return;
      deviceApi.fetchDevices(this.scene.guid, this.currSelect.topDeviceTypeId).then((result) => {
        this.initList()
        if (result.data == null || result.data.length <= 0) {
          this.isEmpty = true
          return
        }
        // æ ååå±æ§å
        for (let index = 0; index < result.data.length; index++) {
          var element = this.convertKeys(result.data[index])
          this.initFormData(element)
          // è·åè®¾å¤ç¶æä¿¡æ¯
          let data = {
            deviceId: element.id,
            sceneId: element.sceneGuid,
            deviceTypeId: this.currSelect.topDeviceTypeId,
          }
          // æ ååå±æ§å
          for (let index = 0; index < result.data.length; index++) {
            var element = this.convertKeys(result.data[index]);
            this.initFormData(element);
            // è·åè®¾å¤ç¶æä¿¡æ¯
            let data = {
              deviceId: element.id,
              sceneId: element.sceneGuid,
              deviceTypeId: this.currSelect.topDeviceTypeId
            };
            deviceApi.fetchDeviceStatus(data).then((status) => {
              var statusData = status.data;
              var imgPaths = [];
              if (statusData) {
                if (statusData.length == 0) {
                  this.formInfo.push(element);
                  return;
                }
                element = this.convertKeys(result.data[index]);
                element = this.setDeviceType(element);
                element._picUrls = imgPaths;
                for (let index = 0; index < statusData.length; index++) {
                  const statusItem = statusData[index];
                  // è®¾å¤å¯¹è±¡æ·»å ä¸ä¸ªå±æ§åè¡¨å±æ§ç¨æ¥ä¿åè®¾å¤ç¶æ
                  this.saveStatus(element, statusItem);
                  element.dlLocation = statusItem.dlLocation;
                  this.formInfo.push(element);
                }
          deviceApi.fetchDeviceStatus(data).then((status) => {
            var statusData = status.data
            var imgPaths = []
            if (statusData) {
              if (statusData.length == 0) {
                this.formInfo.push(element)
                return
              }
            });
          }
        });
              element = this.convertKeys(result.data[index])
              element = this.setDeviceType(element)
              element._picUrls = imgPaths
              for (let index = 0; index < statusData.length; index++) {
                const statusItem = statusData[index]
                // è®¾å¤å¯¹è±¡æ·»å ä¸ä¸ªå±æ§åè¡¨å±æ§ç¨æ¥ä¿åè®¾å¤ç¶æ
                this.saveStatus(element, statusItem)
                element.dlLocation = statusItem.dlLocation
                this.formInfo.push(element)
              }
            }
          })
        }
      })
    },
    setDeviceType(element) {
      var type = [];
      var type = []
      type = toLabel(element.sceneTypeId, this.currSelect.topDeviceTypeId, [
        element.typeId,
        element.subtypeId
      ]);
      element._typename = type.join('-');
      return element;
        element.subtypeId,
      ])
      element._typename = type.join('-')
      return element
    },
    // ä¿åç¶æä¿¡æ¯
    saveStatus(device, status) {
      var _picUrl = $fysp.imgUrl + status.dlPicUrl;
      status._picUrl = _picUrl;
      status._paths = _picUrl.split(';');
      device._picUrls.push(_picUrl);
      var _picUrl = $fysp.imgUrl + status.dlPicUrl
      status._picUrl = _picUrl
      status._paths = _picUrl.split(';')
      device._picUrls.push(_picUrl)
      if ('_statusList' in device) {
        device._statusList.push(status);
        device._statusList.push(status)
      } else {
        device._statusList = Array.of(status);
        device._statusList = Array.of(status)
      }
      // æåº
      device._statusList.sort(function (x, y) {
        return new Date(x.dlCreateTime) - new Date(y.dlCreateTime); //    éåºï¼ååºååä¹
      });
        return new Date(x.dlCreateTime) - new Date(y.dlCreateTime) //    éåºï¼ååºååä¹
      })
    },
    submit() {},
    cancel() {},
    modifyObjectKeys(obj) {
      const newObj = {};
      const newObj = {}
      for (const key in obj) {
        // è·³è¿ä»¥ 'dl' æ '_' å¼å¤´çå±æ§
        if (key.startsWith('dl') || key.startsWith('_')) {
          newObj[key] = obj[key];
          continue;
          newObj[key] = obj[key]
          continue
        }
        // æ ¹æ® topDeviceTypeId æ·»å åç¼
        let prefix = '';
        let prefix = ''
        switch (this.currSelect.topDeviceTypeId) {
          case 0:
            prefix = 'di';
            break;
            prefix = 'di'
            break
          case 1:
            prefix = 'pi';
            break;
            prefix = 'pi'
            break
          case 2:
            prefix = 'wi';
            break;
            prefix = 'wi'
            break
          default:
            // å¦æ topDeviceTypeId ä¸æ¯ 0, 1, æ 2ï¼ä¸æ·»å åç¼
            newObj[key] = obj[key];
            continue;
            newObj[key] = obj[key]
            continue
        }

        // æ·»å åç¼å¹¶è½¬æ¢ä¸ºé©¼å³°å¼å½å
        const newKey = `${prefix}${key.charAt(0).toUpperCase() + key.slice(1)}`;
        newObj[newKey] = obj[key];
        const newKey = `${prefix}${key.charAt(0).toUpperCase() + key.slice(1)}`
        newObj[newKey] = obj[key]
      }
      return newObj;
      return newObj
    },
    // çææ¥å£åæ°
    generateQuery(obj) {
      // éè¦æ ¹æ®åºæ¯ç±»åç¡®å®æ¥å£åæ°çå±æ§å
      var query = this.modifyObjectKeys(obj);
      return query;
      var query = this.modifyObjectKeys(obj)
      return query
    },
    onClickPic(e, item) {
      e.stopPropagation();
    }
  }
};
      e.stopPropagation()
    },
  },
}
</script>

<style scoped>

 src/views/inspection/report/ReportManage.vue

@@ -117,9 +117,9 @@

    data.push({
      index: i,
      name: `${searchForm.value.district === 'xuhui' ? 'å¾æ±åº' : 'å¶ä»åº'}${baseName}ï¼${area}ï¼-2023å¹´${month}æ`,
      name: `${searchForm.value.district === 'xuhui' ? 'å¾æ±åº' : 'å¶ä»åº'}${baseName}ï¼${area}ï¼-2025å¹´${month}æ`,
      district: searchForm.value.district === 'xuhui' ? 'å¾æ±åº' : 'å¶ä»åº',
      reportMonth: `2023å¹´${month}æ`,
      reportMonth: `2025å¹´${month}æ`,
      generateTime: new Date().toLocaleString('zh-CN'),
      auditStatus: Math.random() > 0.5 ? 'å·²å®¡æ ¸' : 'æªå®¡æ ¸',
    })
@@ -136,7 +136,7 @@
// æ¥çæ¥å
const viewReport = (row) => {
  // ä½¿ç¨æ¨¡æçæ¥åæä»¶
  reportUrl.value = '/å¾æ±åºé¤é¥®çç®¡ç®æ¥ï¼å¤©é¥æ¡¥ï¼-2023å¹´8æ(1).docx'
  reportUrl.value = '/å¾æ±åºé¤é¥®çç®¡ç®æ¥ï¼å¤©é¥æ¡¥ï¼-2025å¹´8æ(1).docx'
  drawerVisible.value = true

  prepareDocxBlob(reportUrl.value).then((blob) => {

 src/views/inspection/task/TaskManage.vue

@@ -296,7 +296,7 @@
        })
        this.tasks = list.filter((e) => {
          return (
            e.data.districtname == 'å¾æ±åº' && dayjs(e.data.starttime).isBefore(dayjs('2023-12-31'))
            e.data.districtname == 'å¾æ±åº' && dayjs(e.data.starttime).isBefore(dayjs('2025-12-31'))
          )
        })
        if (list.length == 0) {

 src/views/monitor/DataAnalysisAll.vue

@@ -67,8 +67,8 @@
      loading: false,
      chartData: [], //ä¿åæ¥è¯¢çç»æ
      //devId:'',          //è®¾å¤ç¼å·
      begin: '2023-05-01', //å¼å§æ¶é´
      end: '2023-05-15', //ç»ææ¶é´
      begin: '2025-05-01', //å¼å§æ¶é´
      end: '2025-05-15', //ç»ææ¶é´
      value: ['ä»å°å§å¨æé½', 'qinshi_31010320210010'], //ä¿åéæ©çåºéºåç§°åè®¾å¤åç§°
      options: [
        {

 src/views/monitor/DataAnalysisConcentration.vue

@@ -65,8 +65,8 @@
      loading: false,
      chartData: [], //ä¿åæ¥è¯¢çç»æ
      devId: '', //è®¾å¤ç¼å·
      begin: '2023-05-01', //å¼å§æ¶é´
      end: '2023-05-15', //ç»ææ¶é´
      begin: '2025-05-01', //å¼å§æ¶é´
      end: '2025-05-15', //ç»ææ¶é´
      value: ['ä»å°å§å¨æé½', 'qinshi_31010320210010'], //ä¿åéæ©çåºéºåç§°åè®¾å¤åç§°
      options: [
        {

 src/views/monitor/DataAnalysisOnlineRate.vue

@@ -65,8 +65,8 @@
      loading: false,
      chartData: [], //ä¿åæ¥è¯¢çç»æ
      //devId:'',          //è®¾å¤ç¼å·
      begin: '2023-05-01', //å¼å§æ¶é´
      end: '2023-05-15', //ç»ææ¶é´
      begin: '2025-05-01', //å¼å§æ¶é´
      end: '2025-05-15', //ç»ææ¶é´
      value: ['ä»å°å§å¨æé½', 'qinshi_31010320210010'], //ä¿åéæ©çåºéºåç§°åè®¾å¤åç§°
      options: [
        {

 src/views/monitor/DataAnalysisOpenRate.vue

@@ -65,8 +65,8 @@
      loading: false,
      chartData: [], //ä¿åæ¥è¯¢çç»æ
      devId: '', //è®¾å¤ç¼å·
      begin: '2023-05-01', //å¼å§æ¶é´
      end: '2023-05-15', //ç»ææ¶é´
      begin: '2025-05-01', //å¼å§æ¶é´
      end: '2025-05-15', //ç»ææ¶é´
      value: ['ä»å°å§å¨æé½', 'qinshi_31010320210010'], //ä¿åéæ©çåºéºåç§°åè®¾å¤åç§°
      options: [
        {

 src/views/monitor/DataAnalysisOverStandardRate.vue

@@ -65,8 +65,8 @@
      loading: false,
      chartData: [], //ä¿åæ¥è¯¢çç»æ
      //devId:'',          //è®¾å¤ç¼å·
      begin: '2023-05-01', //å¼å§æ¶é´
      end: '2023-05-15', //ç»ææ¶é´
      begin: '2025-05-01', //å¼å§æ¶é´
      end: '2025-05-15', //ç»ææ¶é´
      value: ['ä»å°å§å¨æé½', 'qinshi_31010320210010'], //ä¿åéæ©çåºéºåç§°åè®¾å¤åç§°
      options: [
        {

 src/views/monitor/DataDashboard.vue

@@ -613,7 +613,7 @@
    return {
      activeTime: 'day',
      activeMode: 'pollution', // é»è®¤æ±¡ææå¿æ¨¡å¼
      currentDate: new Date('2023-08-01'),
      currentDate: new Date('2025-08-01'),
      timeTabs: [
        { label: 'æ¥', value: 'day' },
        { label: 'å¨', value: 'week' },

 src/views/monitor/DataDashboard_old2.vue

@@ -65,7 +65,7 @@
      devices: [],

      // ååºæ°æ®æå
      selectedMonth: '2023-12',
      selectedMonth: '2025-12',
      rankingType: 'hourly',
      rankingData: [],
      sortedRankingData: [],

 src/views/monitor/DataException.vue

@@ -627,7 +627,7 @@
      return summary
    },
    // åè½ï¼å¯¹è¯æ¡è¡¨æ ¼åºå·éå¢
    // æ¶é´ï¼2023-8-17
    // æ¶é´ï¼2025-8-17
    indexMethod(index) {
      return index + 1
    },

 src/views/monitor/DataException_old.vue

@@ -612,7 +612,7 @@
  },
  methods: {
    // åè½ï¼å¯¹è¯æ¡è¡¨æ ¼åºå·éå¢
    // æ¶é´ï¼2023-8-17
    // æ¶é´ï¼2025-8-17
    indexMethod(index) {
      return index + 1
    },

			@@ -18,6 +18,7 @@
			BaseContentLayout: typeof import('./src/components/core/BaseContentLayout.vue')['default']
			BaseMap: typeof import('./src/components/map/BaseMap.vue')['default']
			BaseOption: typeof import('./src/components/search-option/base/BaseOption.vue')['default']
			CompGenericWrapper: typeof import('./src/components/CompGenericWrapper.vue')['default']
			CompQuickSet: typeof import('./src/components/search-option/CompQuickSet.vue')['default']
			DeviceStatus: typeof import('./src/components/monitor/DeviceStatus.vue')['default']
			DistrictRanking: typeof import('./src/components/monitor/DistrictRanking.vue')['default']
			@@ -145,6 +146,7 @@
			const BaseContentLayout: typeof import('./src/components/core/BaseContentLayout.vue')['default']
			const BaseMap: typeof import('./src/components/map/BaseMap.vue')['default']
			const BaseOption: typeof import('./src/components/search-option/base/BaseOption.vue')['default']
			const CompGenericWrapper: typeof import('./src/components/CompGenericWrapper.vue')['default']
			const CompQuickSet: typeof import('./src/components/search-option/CompQuickSet.vue')['default']
			const DeviceStatus: typeof import('./src/components/monitor/DeviceStatus.vue')['default']
			const DistrictRanking: typeof import('./src/components/monitor/DistrictRanking.vue')['default']

			@@ -4,7 +4,7 @@
			<meta charset="UTF-8" />
			<link rel="icon" href="/favicon.ico" />
			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
			<title>é¤é¥®æ²¹çæºè½çæµä¸çç®¡ä¸ä½åå¹³å°</title>
			<title>é¤é¥®æ²¹çæºè½çæµçç®¡ä¸ä½åå¹³å°</title>
			</head>
			<body>
			<div id="app"></div>
			@@ -15,4 +15,4 @@
			</script>
			<script type="module" src="/src/main.js"></script>
			</body>
			</html>
			</html>

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,78 @@
			<template>
			<!-- dialogåè£¹ -->
			<el-dialog
			v-if="currType == 'dialog'"
			:title="title"
			:model-value="visible"
			@opened="$emit('update:visible', true)"
			@closed="$emit('update:visible', false)"
			destroy-on-close
			:draggable="draggable"
			:modal="modal"
			:append-to-body="appendToBody"
			>
			<div v-if="visible">
			<slot name="content"></slot>
			</div>
			</el-dialog>
			<!-- draweråè£¹ -->
			<el-drawer
			v-if="currType == 'drawer'"
			:title="title"
			size="45%"
			direction="ltr"
			:model-value="visible"
			@opened="$emit('update:visible', true)"
			@closed="$emit('update:visible', false)"
			destroy-on-close
			>
			<slot name="content"></slot>
			</el-drawer>
			<!-- é»è®¤æ åè£¹ -->
			<div v-if="currType == 'normal'">
			<slot></slot>
			</div>
			</template>
			<script setup>
			import { ref, defineEmits, watch } from 'vue';
			const props = defineProps({
			visible: Boolean,
			title: String,
			type: {
			type: String,
			default: 'normal'
			},
			draggable: Boolean,
			modal: {
			type: Boolean,
			default: true
			},
			appendToBody: {
			type: Boolean,
			default: true
			}
			});
			const typeOptions = ref([
			{ id: '0', label: 'dialog' },
			{ id: '1', label: 'drawer' },
			{ id: '10', label: '' }
			]);
			const currType = ref('');
			const emit = defineEmits(['update:visible']);
			watch(
			() => props.type,
			(nValue) => {
			currType.value = nValue;
			},
			{ immediate: true }
			);
			</script>
			<style scoped>
			:deep(.el-drawer__body) {
			padding-top: 0;
			}

			:deep(.el-drawer__header) {
			margin-bottom: 16px;
			}
			</style>

			@@ -1,6 +1,6 @@
			<template>
			<el-row class="layout">
			<el-col :span="$slots.summary ? 10 : 24">
			<el-col :span="$slots.summary ? 14 : 24">
			<el-form :inline="true" :model="formSearch">
			<el-form-item label="æ»ä»»å¡">
			<!-- <el-input v-model="formSearch.topTaskId" placeholder="æ»ä»»å¡" /> -->
			@@ -19,7 +19,7 @@
			</el-form-item>
			</el-form>
			</el-col>
			<el-col :span="$slots.summary ? 14 : 0">
			<el-col :span="$slots.summary ? 10 : 0">
			<el-row justify="end">
			<slot name="summary"></slot>
			</el-row>
			@@ -62,7 +62,7 @@
			taskApi.getTopTask().then((res) => {
			const list = res
			.filter((e) => {
			return e.districtname == 'å¾æ±åº' && dayjs(e.starttime).isBefore(dayjs('2023-12-31'))
			return e.districtname == 'å¾æ±åº' && dayjs(e.starttime).isBefore(dayjs('2025-12-31'))
			})
			.map((r) => {
			return {

			@@ -10,7 +10,7 @@
			</el-col>
			<el-col :span="12" class="logout">
			<FYBgTaskDialog></FYBgTaskDialog>
			<el-button icon="SwitchButton">éåºç»å½</el-button>
			<el-button icon="SwitchButton" @click="logout">éåºç»å½</el-button>
			</el-col>
			</el-row>
			</template>
			@@ -50,6 +50,12 @@
			this.isCollapsed = !this.isCollapsed
			this.$emit('collapsedSider', this.isCollapsed)
			},
			/**
			* éåºç»å½
			*/
			logout() {
			this.$router.push(`/login`);
			},
			},
			}
			</script>

			@@ -61,7 +61,7 @@
			props: {
			selectedMonth: {
			type: String,
			default: '2023-12',
			default: '2025-12',
			},
			rankingType: {
			type: String,

			@@ -82,7 +82,7 @@
			})
			this.topTasks = list.filter((e) => {
			return (
			e.data.districtname == 'å¾æ±åº' && dayjs(e.data.starttime).isBefore(dayjs('2023-12-31'))
			e.data.districtname == 'å¾æ±åº' && dayjs(e.data.starttime).isBefore(dayjs('2025-12-31'))
			)
			})
			if (this.initValue) {

			@@ -81,7 +81,7 @@
			latitude: 31.17 + Math.random() * 0.1,
			longitude: 121.45 + Math.random() * 0.1,
			ringCodeLevel: ringCodeLevels[Math.floor(Math.random() * ringCodeLevels.length)],
			ringCodePublishTime: '2023-03-16 10:00:00',
			ringCodePublishTime: '2025-03-16 10:00:00',
			isOnline: isOnline,
			exceptionStatus: exceptionStatus,
			},
			@@ -109,7 +109,7 @@
			latitude: 31.19 + Math.random() * 0.1,
			longitude: 121.41 + Math.random() * 0.1,
			ringCodeLevel: ringCodeLevels[Math.floor(Math.random() * ringCodeLevels.length)],
			ringCodePublishTime: '2023-03-16 10:00:00',
			ringCodePublishTime: '2025-03-16 10:00:00',
			isOnline: isOnline,
			exceptionStatus: exceptionStatus,
			},
			@@ -123,7 +123,7 @@
			// çæè¿1å°æ¶ççæµæ°æ®ï¼æ¯10åéä¸æ¡
			const data = []
			const now = new Date()
			now.setFullYear(2023)
			now.setFullYear(2025)

			for (let i = 5; i >= 0; i--) {
			const time = new Date(now.getTime() - i * 10 * 60 * 1000)

			@@ -15,7 +15,7 @@
			<script>
			import dayjs from 'dayjs'
			// æ¶é´èå´å¿«æ·éé¡¹
			const dayStart = dayjs('2023-08-01').startOf('date')
			const dayStart = dayjs('2025-08-01').startOf('date')
			const dayEnd = dayStart.endOf('date')
			const shortcuts = [
			{
			@@ -79,7 +79,7 @@
			return {
			//ä¿åå¼å§åç»ææ¶é´
			// éä¾¿è®¾ç½®åå§å¼ ï¼mountedæ¶åè®¾æ£ç¡®çï¼ç®çæ¯æ¹åæ¶é´äºè§¦åchange
			time: ['2023-06-01 12:00:00', '2023-06-20 16:00:00'],
			time: ['2025-06-01 12:00:00', '2025-06-20 16:00:00'],
			// æ§å¶æ¶é´éæ©å¨çæ¾ç¤º/éèï¼ä»å¨æ°æ ·å¼ä¸ä½¿ç¨ï¼
			showTimePicker: false,
			// æ¶é´èå´éé¡¹
			@@ -117,7 +117,7 @@
			// this.time[0] = dayjs().subtract(4, 'week').format('YYYY-MM-DD HH:mm:ss')
			// this.time[1] = dayjs().format('YYYY-MM-DD HH:mm:ss')
			// 2026.3.13 demo ä¸åºå®åå§æ¶é´
			this.time = ['2023-08-01 00:00:00', '2023-08-31 23:59:59']
			this.time = ['2025-08-01 00:00:00', '2025-08-31 23:59:59']
			},

			// å¿«æ·æ¶æ®µéæ©

			@@ -2,7 +2,7 @@
			<div class="login-container">
			<div class="login-wrapper">
			<div class="login-header">
			<h1 class="login-title">é¤é¥®æ²¹çæºè½çæµä¸çç®¡ä¸ä½åå¹³å°</h1>
			<h1 class="login-title">é¤é¥®æ²¹çæºè½çæµçç®¡ä¸ä½åå¹³å°</h1>
			<p class="login-subtitle">æ¬¢è¿ç»å½</p>
			</div>
			<div class="login-form">
			@@ -108,7 +108,7 @@
			display: flex;
			align-items: center;
			justify-content: flex-end;
			background-image: url('@/assets/loginPageBg.png');
			background-image: url('@/assets/loginPageBg1.png');
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;

			@@ -67,7 +67,7 @@

			<!-- åºéºåè¡¨ -->
			<div class="shop-list">
			<el-table :data="pagedShopList" style="width: 100%">
			<el-table :data="filteredShopList" style="width: 100%" max-height="600px">
			<el-table-column prop="shopName" label="åºéºåç§°" />
			<el-table-column prop="district" label="æå¨åºå¿" width="120" />
			<el-table-column prop="town" label="æå¨è¡é" width="150" />
			@@ -107,7 +107,7 @@
			v-model:page-size="pageSize"
			:page-sizes="[10, 20, 50, 100]"
			layout="total, sizes, prev, pager, next, jumper"
			:total="filteredShopList.length"
			:total="total"
			@size-change="handleSizeChange"
			@current-change="handleCurrentChange"
			/>
			@@ -221,7 +221,7 @@
			label: 'é¤é¥®',
			value: '1',
			},
			time: dayjs('2023-08-01').date(1).toDate(),
			time: dayjs('2025-08-01').date(1).toDate(),
			})
			// ç¶æ
			const drawerVisible = ref(false)
			@@ -232,6 +232,7 @@
			// åé¡µç¸å³
			const currentPage = ref(1)
			const pageSize = ref(10)
			const total = ref(0)
			// ç¯ä¿¡ç å¾çURL
			const codeImageUrl = ref('')

			@@ -244,42 +245,6 @@
			redCount: 20,
			redPercentage: 10.5,
			})

			// åºéºåç§°åè¡¨
			const shopNames = [
			'ä»å°å§å¨æé½',
			'åå»èç',
			'å®¶å¨å¡å¦',
			'ç¼æ¥äº',
			'ä¹å¯æææ¸¸åº',
			'é¦¨è¿ç¾é£å°éï¼åå°¼ç¾é£å¹¿åºï¼',
			'æ£çº¦ç¿°',
			'å¼å åªé',
			'æ¨è®°é½é½åå°ç¤è',
			'ä¸æµ·ç¨ä¼ é¤é¥®ç®¡çæéå¬å¸ï¼äººçä¸ä¸²ï¼',
			'ç¼å®¶',
			'æ³çé¤é¥®ï¼ä¸æµ·ï¼æéå¬å¸ï¼é£å¶å®¶ï¼',
			'ä¸°èç¤ä¸²',
			'ä¸æµ·æ³°çé¤é¥®ç®¡çæéå¬å¸ï¼æ³°çé¸¡ï¼',
			'å¾æ±åºè¾°çé¤é¦(å°éåä¸²ç§å±éå±)',
			]

			// å¾æ±åºè¡éåè¡¨
			const xuhuiTowns = [
			'å¤©å¹³è·¯è¡é',
			'æ¹åè·¯è¡é',
			'æåè·¯è¡é',
			'æ«æè·¯è¡é',
			'é¿æ¡¥è¡é',
			'ç°æè¡é',
			'è¹æ¢è·¯è¡é',
			'åº·å¥æ°æè¡é',
			'å¾å®¶æ±è¡é',
			'åäºè·¯è¡é',
			'é¾åè¡é',
			'æ¼æ²³æ³¾è¡é',
			'åæ³¾é',
			]

			function onSearch() {
			const f = formSearch.value
			@@ -307,9 +272,7 @@

			userApi.fetchUser(currentPage.value, pageSize.value, area).then((res) => {
			if (res) {
			res.data
			res.head.totalCount

			total.value = res.head.totalCount
			shopList.value = res.data.map((item, index) => {
			const { score, code } = generateRandomScore()
			return {
			@@ -336,9 +299,9 @@
			})
			}

			// çæ2023å¹´8æåçéæºæ¶é´
			// çæ2025å¹´8æåçéæºæ¶é´
			function generateRandomDate() {
			const year = 2023
			const year = 2025
			const month = 7 // 0-11ï¼8ææ¯7
			const day = Math.floor(Math.random() * 31) + 1 // 1-31
			const hour = Math.floor(Math.random() * 24) // 0-23
			@@ -346,11 +309,6 @@

			const date = new Date(year, month, day, hour, minute)
			return date.toISOString().slice(0, 16).replace('T', ' ')
			}

			// éæºéæ©æ°ç»åç´
			function getRandomElement(array) {
			return array[Math.floor(Math.random() * array.length)]
			}

			// çæéæºè¯ååå¯¹åºç¯ä¿¡ç ççº§
			@@ -376,173 +334,7 @@
			}

			// åºéºæ°æ®
			const shopList = ref([
			{
			id: 1,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'green',
			score: 90,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [
			{
			time: generateRandomDate(),
			content: 'ååå¨è¿è¡æ¶é¿ä¸è¶³',
			score: 90,
			handled: true,
			},
			],
			},
			{
			id: 2,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'yellow',
			score: 75,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [
			{
			time: generateRandomDate(),
			content: 'æè¯æ¬¡æ°è¾å¤',
			score: 80,
			handled: false,
			},
			],
			},
			{
			id: 3,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'red',
			score: 60,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [
			{
			time: generateRandomDate(),
			content: 'ææ¾æµåº¦è¶æ ',
			score: 65,
			handled: false,
			},
			{
			time: generateRandomDate(),
			content: 'æ¸æ´é¢æ¬¡ä¸è¶³',
			score: 62,
			handled: false,
			},
			],
			},
			{
			id: 4,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'green',
			score: 92,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [],
			},
			{
			id: 5,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'yellow',
			score: 78,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [
			{
			time: generateRandomDate(),
			content: 'é£æºèå¨çä½',
			score: 75,
			handled: true,
			},
			],
			},
			{
			id: 6,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'green',
			score: 90,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [],
			},
			{
			id: 7,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'red',
			score: 55,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [
			{
			time: generateRandomDate(),
			content: 'æªå®è£æ²¹çååè®¾å¤',
			score: 60,
			handled: false,
			},
			],
			},
			{
			id: 8,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'yellow',
			score: 72,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [
			{
			time: generateRandomDate(),
			content: 'ååå¨æ¸æ´ä¸åæ¶',
			score: 75,
			handled: true,
			},
			],
			},
			{
			id: 9,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'green',
			score: 93,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [],
			},
			{
			id: 10,
			shopName: getRandomElement(shopNames),
			district: 'å¾æ±åº',
			town: getRandomElement(xuhuiTowns),
			code: 'yellow',
			score: 76,
			trend: generateRandomTrend(),
			lastUpdate: generateRandomDate(),
			warnings: [
			{
			time: generateRandomDate(),
			content: 'ææ¾æµåº¦æ¥è¿æ åéå¼',
			score: 78,
			handled: true,
			},
			],
			},
			])
			const shopList = ref([])

			// è¿æ»¤åçåºéºåè¡¨
			const filteredShopList = computed(() => {
			@@ -550,13 +342,6 @@
			return shopList.value
			}
			return shopList.value.filter((shop) => shop.code === filterCode.value)
			})

			// åé¡µåçåºéºåè¡¨
			const pagedShopList = computed(() => {
			const start = (currentPage.value - 1) * pageSize.value
			const end = start + pageSize.value
			return filteredShopList.value.slice(start, end)
			})

			// çå½å¨æ
			@@ -581,10 +366,12 @@
			function handleSizeChange(size) {
			pageSize.value = size
			currentPage.value = 1
			onSearch()
			}

			function handleCurrentChange(current) {
			currentPage.value = current
			onSearch()
			}

			function getCodeType(code) {
			@@ -829,7 +616,7 @@

			.card-content {
			text-align: center;
			padding: 20px 0;
			padding: 0px 0;
			}

			.card-title {

			@@ -151,7 +151,7 @@
			import { ElMessage } from 'element-plus'

			// æ¶é´èå´å¿«æ·éé¡¹
			const dayStart = dayjs('2023-08-01').startOf('date')
			const dayStart = dayjs('2025-08-01').startOf('date')
			const dayEnd = dayStart.endOf('date')
			const shortcuts = [
			{
			@@ -285,7 +285,7 @@
			]
			const complaintReasons = ['æ²¹çæ°æ°', 'å¤é´åªå£°', 'å¼å³æ±¡æ', 'å«çé®é¢']
			const sources = ['12345ççº¿', 'å±æ°æè¯', 'ç½ç»å¹³å°', 'å¶ä»']
			const departments = ['å¾æ±åºç¯ä¿å±', 'é¿å®åºç¯ä¿å±', 'éå®åºç¯ä¿å±', 'æ®éåºç¯ä¿å±']
			const departments = ['å¾æ±åºçæç¯å¢å±', 'é¿å®åºçæç¯å¢å±', 'éå®åºçæç¯å¢å±', 'æ®éåºçæç¯å¢å±']
			// const results = ['å·²å¤ç', 'å¤çä¸', 'æªå¤ç']
			const results = ['å·²å¤ç']

			@@ -104,7 +104,7 @@
			import { ElMessage } from 'element-plus'

			// æ»è§ç°åºå·¡æ¥æ°æ®
			const dayStart = dayjs('2023-08-01').startOf('date')
			const dayStart = dayjs('2025-08-01').startOf('date')
			const dayEnd = dayStart.endOf('date')
			const shortcuts = [
			{

			@@ -147,7 +147,7 @@
			import { ElMessage } from 'element-plus'

			// æ¶é´èå´å¿«æ·éé¡¹
			const dayStart = dayjs('2023-08-01').startOf('date')
			const dayStart = dayjs('2025-08-01').startOf('date')
			const dayEnd = dayStart.endOf('date')
			const shortcuts = [
			{
			@@ -282,7 +282,7 @@
			'ç«éåº',
			]
			const punishmentItems = ['æ²¹çè¶æ ææ¾', 'æªå®è£æ²¹çååè®¾å¤', 'è®¾å¤æªæ£å¸¸è¿è¡', 'åªå£°æ±¡æ']
			const departments = ['å¾æ±åºç¯ä¿å±', 'é¿å®åºç¯ä¿å±', 'éå®åºç¯ä¿å±', 'æ®éåºç¯ä¿å±']
			const departments = ['å¾æ±åºçæç¯å¢å±', 'é¿å®åºçæç¯å¢å±', 'éå®åºçæç¯å¢å±', 'æ®éåºçæç¯å¢å±']

			for (let i = 0; i < totalCount; i++) {
			// çæå¨æ¶é´èå´åçéæºæ¶é´

			@@ -5,21 +5,10 @@
			<!-- è®¾å¤ç±»å -->
			<el-row>
			<el-col>
			<el-tabs
			class="child_select"
			placeholder="è®¾å¤ç±»å"
			v-model="currSelect.topDeviceTypeId"
			>
			<el-tab-pane
			v-for="item in deviceTopTypes"
			:key="item.id"
			:name="item.id"
			>
			<el-tabs class="child_select" placeholder="è®¾å¤ç±»å" v-model="currSelect.topDeviceTypeId">
			<el-tab-pane v-for="item in deviceTopTypes" :key="item.id" :name="item.id">
			<template #label>
			<el-badge
			:value="item.count"
			:type="item.count == 0 ? 'danger' : 'primary'"
			>
			<el-badge :value="item.count" :type="item.count == 0 ? 'danger' : 'primary'">
			<span class="custom-tabs-label">
			<span>{{ item.label }}</span>
			</span>
			@@ -37,22 +26,42 @@
			class="collapse-item-class"
			>
			<template #title>
			<div
			style="display: flex; width: 100%; justify-content: space-between"
			>
			<div style="display: flex; width: 100%; justify-content: space-between">
			<div style="">
			<el-descriptions style="" :column="3" size="small" border>
			<el-descriptions style="" :column="4" size="small" border>
			<el-descriptions-item
			width="64px"
			:label="
			currSelect.topDeviceTypeId == 0 ? 'ç«ç¹åç§°' : 'è®¾å¤åç§°'
			"
			:span="3"
			:label="currSelect.topDeviceTypeId == 0 ? 'ç«ç¹åç§°' : 'è®¾å¤åç§°'"
			>{{ item.name \|\| 'æ ' }}</el-descriptions-item
			>
			<el-descriptions-item label="åçåå·">{{
			item.brandModel \|\| 'æ '
			}}</el-descriptions-item>
			<el-descriptions-item label="ä¾åºå">{{
			item.supplier \|\| 'æ '
			}}</el-descriptions-item>
			<el-descriptions-item :rowspan="3">
			<div style="display: flex">
			<div class="image-container">
			<div
			class="block-div"
			@click="onClickPic($event)"
			v-for="(status, index) in item._statusList"
			:key="index"
			>
			<el-image
			v-if="index == 0"
			fit="cover"
			class="pic-style"
			:src="status._picUrl"
			:preview-src-list="Array.of(status._picUrl)"
			/>
			<span class="abstract_pic_text" v-if="index == 0">{{
			`ææ°ç¶æ ${status.dlCreateTime.slice(0, 10)}`
			}}</span>
			</div>
			</div>
			</div>
			</el-descriptions-item>
			<el-descriptions-item label="è¿ç»´å">{{
			item.maintainer \|\| 'æ '
			}}</el-descriptions-item>
			@@ -76,9 +85,6 @@
			<el-descriptions-item label="è¿ç»´èç³»æ¹å¼">{{
			item.maintainTel \|\| 'æ '
			}}</el-descriptions-item>
			<el-descriptions-item label="åçåå·">{{
			item.brandModel \|\| 'æ '
			}}</el-descriptions-item>
			<el-descriptions-item label="è¿è¡ç¶æ">
			<el-select
			v-model="item.runningStatus"
			@@ -96,12 +102,11 @@
			<el-descriptions-item label="ç±»å">
			{{ item._typename \|\| 'æ ' }}
			</el-descriptions-item>

			</el-descriptions>
			</div>

			<div style="display: flex">
			<!-- <div class="sub-title">{{ item.name }}</div> -->
			<!-- å¾ç -->
			<!-- <div style="display: flex">
			<div class="image-container">
			<div
			class="block-div"
			@@ -121,7 +126,7 @@
			}}</span>
			</div>
			</div>
			</div>
			</div> -->
			</div>
			</template>
			<!-- è¯¦ç»åå®¹å¼å§ -->
			@@ -168,19 +173,19 @@
			</template>

			<script>
			import deviceApi from '@/api/fysp/deviceApi';
			import { $fysp } from '@/api/index';
			import { toLabel } from '@/enum/device/device';
			import deviceApi from '@/api/fysp/deviceApi'
			import { $fysp } from '@/api/index'
			import { toLabel } from '@/enum/device/device'
			export default {
			components: { },
			components: {},
			watch: {
			// éæ©æ¹åçå¬
			currSelect: {
			handler(newObj, oldObj) {
			this.getList();
			this.getList()
			},
			deep: true
			}
			deep: true,
			},
			},
			data() {
			return {
			@@ -192,7 +197,7 @@
			// è¡¨åè¯¦æç¹å»æé®çå¾æ
			isDetail: false,
			currSelect: {
			topDeviceTypeId: 0
			topDeviceTypeId: 0,
			},
			// æ§å¶è¡¨åæ¯å¦å¯ä»¥ç¼è¾
			isDisabled: true,
			@@ -202,29 +207,29 @@
			deviceTopTypes: [
			{ id: 0, label: 'çæ§è®¾å¤' },
			{ id: 1, label: 'æ²»çè®¾å¤' },
			{ id: 2, label: 'çäº§è®¾å¤' }
			{ id: 2, label: 'çäº§è®¾å¤' },
			],
			// è¿è¡ç¶æ
			runStatusArray: [
			{ key: 0, value: 'æªèç½' },
			{ key: 1, value: 'ä¸çº¿ä¸' },
			{ key: 2, value: 'ä¸çº¿' },
			{ key: 3, value: 'æé¤' }
			{ key: 3, value: 'æé¤' },
			],
			// ç»´æ¤é¢çç¶æ
			maintainFrequencysArray: [
			{ key: 1, value: 'æ¯æä¸æ¬¡' },
			{ key: 2, value: 'æ¯å£åº¦ä¸æ¬¡' },
			{ key: 3, value: 'æ¯åå¹´ä¸æ¬¡' },
			{ key: 4, value: 'æ¯å¹´ä¸æ¬¡' }
			{ key: 4, value: 'æ¯å¹´ä¸æ¬¡' },
			],
			// ç§èµæ¹å¼
			ownershipArray: [
			{ key: 0, value: 'è´ä¹°' },
			{ key: 1, value: 'ç§èµ' }
			{ key: 1, value: 'ç§èµ' },
			],
			scene: {}
			};
			scene: {},
			}
			},
			props: {},

			@@ -234,169 +239,167 @@
			getTabsCount() {
			this.deviceTopTypes.forEach((item) => {
			deviceApi.fetchDevices(this.scene.guid, item.id).then((result) => {
			item.count = result.data.length;
			});
			});
			item.count = result.data.length
			})
			})
			},
			// è·åè¿è¡ç¶æå¯¹åºçvalue
			getRunStatusValueByRunStatusKey(status) {
			var runningStatusValueArray = this.runStatusArray.filter((runStatus) => {
			return runStatus.key == status;
			});
			return runStatus.key == status
			})
			if (runningStatusValueArray.length > 0) {
			return runningStatusValueArray[0].value;
			return runningStatusValueArray[0].value
			}
			},
			// å±ç¤ºè¡¨åçè¯¦æçç¹å»äºä»¶
			showDetail(item) {
			item._isDetail = !item._isDetail;
			item._isDetail = !item._isDetail
			},
			init(scene) {
			// ç¶ç»ä»¶ä¸»å¨è°ç¨åå§ååç»ä»¶çæ¹æ³
			this.scene = scene;
			this.scene = scene

			this.getList();
			this.getTabsCount();
			this.getList()
			this.getTabsCount()
			},
			// éç½®å±ç¤ºçæ°æ®
			initList() {
			this.formInfo = [];
			this.isEmpty = false;
			this.formInfo = []
			this.isEmpty = false
			},
			// æ ååå±æ§å
			convertKeys(obj) {
			// å°ä¸ä¸ªjså¯¹è±¡ä¸æædiï¼wiï¼piå¼å¤´çå±æ§å¨é¨æ¹æå»æè¿äºåç¼å¹¶ä¸éæ°åä¸ºé©¼å³°å¼å½å
			const newObj = {};
			const newObj = {}
			for (const key in obj) {
			let newKey = key;
			let newKey = key
			if (key.startsWith('di')) {
			newKey = key.substring(2);
			newKey = key.substring(2)
			} else if (key.startsWith('wi')) {
			newKey = key.substring(2);
			newKey = key.substring(2)
			} else if (key.startsWith('pi')) {
			newKey = key.substring(2);
			newKey = key.substring(2)
			}
			newKey = newKey.charAt(0).toLowerCase() + newKey.slice(1);
			newObj[newKey] = obj[key];
			newKey = newKey.charAt(0).toLowerCase() + newKey.slice(1)
			newObj[newKey] = obj[key]
			}
			return newObj;
			return newObj
			},
			// æ°å¢åæ®µ
			initFormData(data) {
			data._isDetail = false;
			data._isDetail = false
			},
			getList() {
			deviceApi
			.fetchDevices(this.scene.guid, this.currSelect.topDeviceTypeId)
			.then((result) => {
			this.initList();
			if (result.data == null \|\| result.data.length <= 0) {
			this.isEmpty = true;
			return;
			deviceApi.fetchDevices(this.scene.guid, this.currSelect.topDeviceTypeId).then((result) => {
			this.initList()
			if (result.data == null \|\| result.data.length <= 0) {
			this.isEmpty = true
			return
			}
			// æ ååå±æ§å
			for (let index = 0; index < result.data.length; index++) {
			var element = this.convertKeys(result.data[index])
			this.initFormData(element)
			// è·åè®¾å¤ç¶æä¿¡æ¯
			let data = {
			deviceId: element.id,
			sceneId: element.sceneGuid,
			deviceTypeId: this.currSelect.topDeviceTypeId,
			}
			// æ ååå±æ§å
			for (let index = 0; index < result.data.length; index++) {
			var element = this.convertKeys(result.data[index]);
			this.initFormData(element);
			// è·åè®¾å¤ç¶æä¿¡æ¯
			let data = {
			deviceId: element.id,
			sceneId: element.sceneGuid,
			deviceTypeId: this.currSelect.topDeviceTypeId
			};
			deviceApi.fetchDeviceStatus(data).then((status) => {
			var statusData = status.data;
			var imgPaths = [];
			if (statusData) {
			if (statusData.length == 0) {
			this.formInfo.push(element);
			return;
			}
			element = this.convertKeys(result.data[index]);
			element = this.setDeviceType(element);
			element._picUrls = imgPaths;
			for (let index = 0; index < statusData.length; index++) {
			const statusItem = statusData[index];
			// è®¾å¤å¯¹è±¡æ·»å ä¸ä¸ªå±æ§åè¡¨å±æ§ç¨æ¥ä¿åè®¾å¤ç¶æ
			this.saveStatus(element, statusItem);
			element.dlLocation = statusItem.dlLocation;
			this.formInfo.push(element);
			}
			deviceApi.fetchDeviceStatus(data).then((status) => {
			var statusData = status.data
			var imgPaths = []
			if (statusData) {
			if (statusData.length == 0) {
			this.formInfo.push(element)
			return
			}
			});
			}
			});
			element = this.convertKeys(result.data[index])
			element = this.setDeviceType(element)
			element._picUrls = imgPaths
			for (let index = 0; index < statusData.length; index++) {
			const statusItem = statusData[index]
			// è®¾å¤å¯¹è±¡æ·»å ä¸ä¸ªå±æ§åè¡¨å±æ§ç¨æ¥ä¿åè®¾å¤ç¶æ
			this.saveStatus(element, statusItem)
			element.dlLocation = statusItem.dlLocation
			this.formInfo.push(element)
			}
			}
			})
			}
			})
			},
			setDeviceType(element) {
			var type = [];
			var type = []
			type = toLabel(element.sceneTypeId, this.currSelect.topDeviceTypeId, [
			element.typeId,
			element.subtypeId
			]);
			element._typename = type.join('-');
			return element;
			element.subtypeId,
			])
			element._typename = type.join('-')
			return element
			},
			// ä¿åç¶æä¿¡æ¯
			saveStatus(device, status) {
			var _picUrl = $fysp.imgUrl + status.dlPicUrl;
			status._picUrl = _picUrl;
			status._paths = _picUrl.split(';');
			device._picUrls.push(_picUrl);
			var _picUrl = $fysp.imgUrl + status.dlPicUrl
			status._picUrl = _picUrl
			status._paths = _picUrl.split(';')
			device._picUrls.push(_picUrl)
			if ('_statusList' in device) {
			device._statusList.push(status);
			device._statusList.push(status)
			} else {
			device._statusList = Array.of(status);
			device._statusList = Array.of(status)
			}
			// æåº
			device._statusList.sort(function (x, y) {
			return new Date(x.dlCreateTime) - new Date(y.dlCreateTime); // éåºï¼ååºååä¹
			});
			return new Date(x.dlCreateTime) - new Date(y.dlCreateTime) // éåºï¼ååºååä¹
			})
			},
			submit() {},
			cancel() {},
			modifyObjectKeys(obj) {
			const newObj = {};
			const newObj = {}
			for (const key in obj) {
			// è·³è¿ä»¥ 'dl' æ '_' å¼å¤´çå±æ§
			if (key.startsWith('dl') \|\| key.startsWith('_')) {
			newObj[key] = obj[key];
			continue;
			newObj[key] = obj[key]
			continue
			}
			// æ ¹æ® topDeviceTypeId æ·»å åç¼
			let prefix = '';
			let prefix = ''
			switch (this.currSelect.topDeviceTypeId) {
			case 0:
			prefix = 'di';
			break;
			prefix = 'di'
			break
			case 1:
			prefix = 'pi';
			break;
			prefix = 'pi'
			break
			case 2:
			prefix = 'wi';
			break;
			prefix = 'wi'
			break
			default:
			// å¦æ topDeviceTypeId ä¸æ¯ 0, 1, æ 2ï¼ä¸æ·»å åç¼
			newObj[key] = obj[key];
			continue;
			newObj[key] = obj[key]
			continue
			}

			// æ·»å åç¼å¹¶è½¬æ¢ä¸ºé©¼å³°å¼å½å
			const newKey = `${prefix}${key.charAt(0).toUpperCase() + key.slice(1)}`;
			newObj[newKey] = obj[key];
			const newKey = `${prefix}${key.charAt(0).toUpperCase() + key.slice(1)}`
			newObj[newKey] = obj[key]
			}
			return newObj;
			return newObj
			},
			// çææ¥å£åæ°
			generateQuery(obj) {
			// éè¦æ ¹æ®åºæ¯ç±»åç¡®å®æ¥å£åæ°çå±æ§å
			var query = this.modifyObjectKeys(obj);
			return query;
			var query = this.modifyObjectKeys(obj)
			return query
			},
			onClickPic(e, item) {
			e.stopPropagation();
			}
			}
			};
			e.stopPropagation()
			},
			},
			}
			</script>

			<style scoped>

			@@ -117,9 +117,9 @@

			data.push({
			index: i,
			name: `${searchForm.value.district === 'xuhui' ? 'å¾æ±åº' : 'å¶ä»åº'}${baseName}ï¼${area}ï¼-2023å¹´${month}æ`,
			name: `${searchForm.value.district === 'xuhui' ? 'å¾æ±åº' : 'å¶ä»åº'}${baseName}ï¼${area}ï¼-2025å¹´${month}æ`,
			district: searchForm.value.district === 'xuhui' ? 'å¾æ±åº' : 'å¶ä»åº',
			reportMonth: `2023å¹´${month}æ`,
			reportMonth: `2025å¹´${month}æ`,
			generateTime: new Date().toLocaleString('zh-CN'),
			auditStatus: Math.random() > 0.5 ? 'å·²å®¡æ ¸' : 'æªå®¡æ ¸',
			})
			@@ -136,7 +136,7 @@
			// æ¥çæ¥å
			const viewReport = (row) => {
			// ä½¿ç¨æ¨¡æçæ¥åæä»¶
			reportUrl.value = '/å¾æ±åºé¤é¥®çç®¡ç®æ¥ï¼å¤©é¥æ¡¥ï¼-2023å¹´8æ(1).docx'
			reportUrl.value = '/å¾æ±åºé¤é¥®çç®¡ç®æ¥ï¼å¤©é¥æ¡¥ï¼-2025å¹´8æ(1).docx'
			drawerVisible.value = true

			prepareDocxBlob(reportUrl.value).then((blob) => {

			@@ -296,7 +296,7 @@
			})
			this.tasks = list.filter((e) => {
			return (
			e.data.districtname == 'å¾æ±åº' && dayjs(e.data.starttime).isBefore(dayjs('2023-12-31'))
			e.data.districtname == 'å¾æ±åº' && dayjs(e.data.starttime).isBefore(dayjs('2025-12-31'))
			)
			})
			if (list.length == 0) {

			@@ -67,8 +67,8 @@
			loading: false,
			chartData: [], //ä¿åæ¥è¯¢çç»æ
			//devId:'', //è®¾å¤ç¼å·
			begin: '2023-05-01', //å¼å§æ¶é´
			end: '2023-05-15', //ç»ææ¶é´
			begin: '2025-05-01', //å¼å§æ¶é´
			end: '2025-05-15', //ç»ææ¶é´
			value: ['ä»å°å§å¨æé½', 'qinshi_31010320210010'], //ä¿åéæ©çåºéºåç§°åè®¾å¤åç§°
			options: [
			{

			@@ -65,8 +65,8 @@
			loading: false,
			chartData: [], //ä¿åæ¥è¯¢çç»æ
			devId: '', //è®¾å¤ç¼å·
			begin: '2023-05-01', //å¼å§æ¶é´
			end: '2023-05-15', //ç»ææ¶é´
			begin: '2025-05-01', //å¼å§æ¶é´
			end: '2025-05-15', //ç»ææ¶é´
			value: ['ä»å°å§å¨æé½', 'qinshi_31010320210010'], //ä¿åéæ©çåºéºåç§°åè®¾å¤åç§°
			options: [
			{

			@@ -613,7 +613,7 @@
			return {
			activeTime: 'day',
			activeMode: 'pollution', // é»è®¤æ±¡ææå¿æ¨¡å¼
			currentDate: new Date('2023-08-01'),
			currentDate: new Date('2025-08-01'),
			timeTabs: [
			{ label: 'æ¥', value: 'day' },
			{ label: 'å¨', value: 'week' },

			@@ -65,7 +65,7 @@
			devices: [],

			// ååºæ°æ®æå
			selectedMonth: '2023-12',
			selectedMonth: '2025-12',
			rankingType: 'hourly',
			rankingData: [],
			sortedRankingData: [],

			@@ -627,7 +627,7 @@
			return summary
			},
			// åè½ï¼å¯¹è¯æ¡è¡¨æ ¼åºå·éå¢
			// æ¶é´ï¼2023-8-17
			// æ¶é´ï¼2025-8-17
			indexMethod(index) {
			return index + 1
			},

			@@ -612,7 +612,7 @@
			},
			methods: {
			// åè½ï¼å¯¹è¯æ¡è¡¨æ ¼åºå·éå¢
			// æ¶é´ï¼2023-8-17
			// æ¶é´ï¼2025-8-17
			indexMethod(index) {
			return index + 1
			},