Merge branch 'd-ww' into 'main'

fix: device list not found device image will throw error && add git commit hook

See merge request huang/yun-teng-iot-front!339

+module.exports = {
+  '*.{js,jsx,ts,tsx}': ['eslint --fix', 'prettier --write'],
+  '{!(package)*.json,*.code-snippets,.!(browserslist)*rc}': ['prettier --write--parser json'],
+  'package.json': ['prettier --write'],
+  '*.vue': ['eslint --fix', 'prettier --write', 'stylelint --fix'],
+  '*.{scss,less,styl,html}': ['stylelint --fix', 'prettier --write'],
+  '*.md': ['prettier --write'],
+};

+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint:lint-staged

@@ -28,9 +28,9 @@
             :showBadge="false"
             :showBadge="false"
             :simpleShow="true"
             :simpleShow="true"
             :imgList="
             :imgList="
-              typeof record.deviceInfo.avatar !== 'undefined' &&
-              record.deviceInfo.avatar !== '' &&
-              record.deviceInfo.avatar != null
+              typeof record?.deviceInfo?.avatar !== 'undefined' &&
+              record?.deviceInfo?.avatar !== '' &&
+              record?.deviceInfo?.avatar != null
                 ? [record.deviceInfo.avatar]
                 ? [record.deviceInfo.avatar]
                 : null
                 : null
             "
             "

@@ -44,7 +44,7 @@
             </div>
             </div>
           </div>
           </div>
           <div v-else style="display: flex; justify-content: center; align-items: center">
           <div v-else style="display: flex; justify-content: center; align-items: center">
-            <div style="position: relative; left: 0rem; top: 3rem">暂无数据</div>
+            <div style="position: relative; left: 0; top: 3rem">暂无数据</div>
           </div>
           </div>
         </Spin>
         </Spin>
       </div>
       </div>
@@ -78,7 +78,7 @@
   defineEmits(['register']);
   defineEmits(['register']);
   const heightNum = ref(800);
   const heightNum = ref(800);
 
 
-  let currentRecord: ExecuteReportRecord = {};
+  let currentRecord: ExecuteReportRecord = {} as unknown as ExecuteReportRecord;
 
 
   const chartInstance = ref<
   const chartInstance = ref<
     { device: string; name: string; attributes: string[]; active?: string }[]
     { device: string; name: string; attributes: string[]; active?: string }[]
@@ -265,6 +265,7 @@
 </script>
 </script>
 <style lang="less" scoped>
 <style lang="less" scoped>
   @import url('./ReportPreviewModal.less');
   @import url('./ReportPreviewModal.less');
+
   .chart-style {
   .chart-style {
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;

@@ -3,7 +3,7 @@
   import { DropMenu } from '/@/components/Dropdown';
   import { DropMenu } from '/@/components/Dropdown';
   import Dropdown from '/@/components/Dropdown/src/Dropdown.vue';
   import Dropdown from '/@/components/Dropdown/src/Dropdown.vue';
   import { Tooltip } from 'ant-design-vue';
   import { Tooltip } from 'ant-design-vue';
-  import SvgIcon from '/@/components/Icon/src/SvgIcon.vue';
+  // import SvgIcon from '/@/components/Icon/src/SvgIcon.vue';
   import { isBataBoardSharePage, MoreActionEvent } from '../../config/config';
   import { isBataBoardSharePage, MoreActionEvent } from '../../config/config';
   import { computed } from '@vue/reactivity';
   import { computed } from '@vue/reactivity';
   import { usePermission } from '/@/hooks/web/usePermission';
   import { usePermission } from '/@/hooks/web/usePermission';
@@ -14,7 +14,7 @@
   const props = defineProps<{
   const props = defineProps<{
     id: string;
     id: string;
     record: DataSource[];
     record: DataSource[];
-    panelName: string;
+    panelName?: string;
   }>();
   }>();
   const { hasPermission } = usePermission();
   const { hasPermission } = usePermission();
   const dropMenuList = computed<DropMenu[]>(() => {
   const dropMenuList = computed<DropMenu[]>(() => {