diff --git a/src/views/energy/electricity/dosage/index.vue b/src/views/energy/electricity/dosage/index.vue
index ec58220..8990b28 100644
--- a/src/views/energy/electricity/dosage/index.vue
+++ b/src/views/energy/electricity/dosage/index.vue
@@ -10,7 +10,7 @@
             class="w-180px mr-10px"
             @update:value="changeDate"
           ></n-date-picker>
-          <n-select v-model:value="type" :options="typeList" class="w-180px" placeholder="请选择类型"></n-select>
+<!--          <n-select v-model:value="type" :options="typeList" class="w-180px" placeholder="请选择类型"></n-select>-->
           <n-button type="primary" size="small" class="ml-15px" @click="contentReduce(-50)">内容缩小</n-button>
           <n-button type="primary" size="small" class="ml-15px" @click="contentReduce(50)">内容放大</n-button>
         </div>
diff --git a/src/views/energy/energyDevice/index.vue b/src/views/energy/energyDevice/index.vue
index 88ec5f1..ac8b772 100644
--- a/src/views/energy/energyDevice/index.vue
+++ b/src/views/energy/energyDevice/index.vue
@@ -1,31 +1,31 @@
 <template>
-  <div>
-    <my-card title="搜索条件" search>
-      <n-form inline>
-        <n-form-item label="设备编码">
-          <n-input v-model:value="searchForm.electricDeviceCode"></n-input>
-        </n-form-item>
-        <n-form-item label="安装位置">
-          <n-select
-            v-model:value="searchForm.locationId"
-            :options="locationList"
-            class="w-180px"
-            placeholder="请选择安装位置"
-            @update-value="(val,item : any) => {
+	<div>
+		<my-card title="搜索条件" search>
+			<n-form inline>
+				<n-form-item label="设备编码">
+					<n-input v-model:value="searchForm.electricDeviceCode"></n-input>
+				</n-form-item>
+				<n-form-item label="安装位置">
+					<n-select
+						v-model:value="searchForm.locationId"
+						:options="locationList"
+						class="w-180px"
+						placeholder="请选择安装位置"
+						@update-value="(val,item : any) => {
 										searchForm.location = item.label;
 								}"
-          ></n-select>
-        </n-form-item>
-        <n-form-item>
-          <component :is="useSearchBtn(search, reset)"></component>
-        </n-form-item>
-      </n-form>
-    </my-card>
-    <my-card title="耗能设备列表">
-      <template #right>
-        <div>
-          <component
-            :is="
+					></n-select>
+				</n-form-item>
+				<n-form-item>
+					<component :is="useSearchBtn(search, reset)"></component>
+				</n-form-item>
+			</n-form>
+		</my-card>
+		<my-card title="耗能设备列表">
+			<template #right>
+				<div>
+					<component
+						:is="
               customBtn({
                 fun: () => {
                   addForm = JSON.parse(JSON.stringify(addFormEmpty));
@@ -37,117 +37,117 @@
                 icon: 'AddOutline'
               })
             "
-          ></component>
-        </div>
-      </template>
-      <n-data-table
-        :loading="loading"
-        :data="data"
-        :columns="columns"
-        :max-height="dataTableConfig.maxHeight"
-        :scroll-x="dataTableConfig.scrollWidth(columns)"
-      ></n-data-table>
-      <my-pagination v-model:search-form="searchForm" @init="init"></my-pagination>
-    </my-card>
-    <my-dialog
-      v-model:show="showDialogMachine"
-      :title="'新增设备'"
-      width="800px"
-      @cancel="showDialogMachine = false"
-      @submit="submit"
-    >
-      <template #content>
-        <div class="w-full">
-          <n-form ref="formRef" :model="addForm" label-width="80" label-placement="left" :rules="rules">
-            <n-grid :cols="2" :x-gap="20">
-              <n-form-item-grid-item label="设备名称" path="electricDeviceName">
-                <n-input v-model:value="addForm.electricDeviceName" placeholder="请输入设备名称"></n-input>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="设备编码">
-                <n-input v-model:value="addForm.electricDeviceCode" placeholder="请输入设备名称"></n-input>
-              </n-form-item-grid-item>
+					></component>
+				</div>
+			</template>
+			<n-data-table
+				:loading="loading"
+				:data="data"
+				:columns="columns"
+				:max-height="dataTableConfig.maxHeight"
+				:scroll-x="dataTableConfig.scrollWidth(columns)"
+			></n-data-table>
+			<my-pagination v-model:search-form="searchForm" @init="init"></my-pagination>
+		</my-card>
+		<my-dialog
+			v-model:show="showDialogMachine"
+			:title="'新增设备'"
+			width="800px"
+			@cancel="showDialogMachine = false"
+			@submit="submit"
+		>
+			<template #content>
+				<div class="w-full">
+					<n-form ref="formRef" :model="addForm" label-width="80" label-placement="left" :rules="rules">
+						<n-grid :cols="2" :x-gap="20">
+							<n-form-item-grid-item label="设备名称" path="electricDeviceName">
+								<n-input v-model:value="addForm.electricDeviceName" placeholder="请输入设备名称"></n-input>
+							</n-form-item-grid-item>
+							<n-form-item-grid-item label="设备编码">
+								<n-input v-model:value="addForm.electricDeviceCode" placeholder="请输入设备名称"></n-input>
+							</n-form-item-grid-item>
 
-              <n-form-item-grid-item label="设备状态">
-                <n-input v-model:value="addForm.status" placeholder="请输入设备名称"></n-input>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="安装日期">
-                <n-date-picker v-model:value="addForm.installationDate" type="datetime" class="w-full"></n-date-picker>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="安装位置" path="locationId">
-                <n-select
-                  v-model:value="addForm.locationId"
-                  :options="locationList"
-                  class="w-full"
-                  placeholder="请选择安装位置"
-                  @update-value="(val,item : any) => {
-										addForm.location = item.label;
-								}"
-                ></n-select>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="是否总表" path="isMain">
-                <n-select
-                  v-model:value="addForm.isMain"
-                  :options="isGeneralTableList"
-                  class="w-full"
-                  placeholder="请选择是或否"
-                ></n-select>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item v-if="addForm.isMain === 0" label="所属总表" path="parentId">
-                <n-select
-                  v-model:value="addForm.parentId"
-                  :options="parentGeneralTableList"
-                  class="w-full"
-                  placeholder="请选择所属总表"
-                  :loading="parentLoading"
-                  @update-show="getParentGeneralTableList"
-                ></n-select>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="制造商">
-                <n-input v-model:value="addForm.manufacturer" placeholder="请输入设备名称"></n-input>
-              </n-form-item-grid-item>
-              <n-form-item-grid-item label="备注">
-                <n-input v-model:value="addForm.remark" type="textarea" placeholder="请输入设备名称"></n-input>
-              </n-form-item-grid-item>
-            </n-grid>
-          </n-form>
-        </div>
-      </template>
-    </my-dialog>
-    <my-dialog
-      v-model:show="showDialog"
-      width="1200px"
-      title="用电详情"
-      :show-cancel="false"
-      @cancel="showDialog = false"
-      @submit="showDialog = false"
-    >
-      <template #content>
-        <div class="w-full">
-          <n-form inline label-placement="left">
-            <n-form-item label="查询条件">
-              <n-select
-                v-model:value="temp"
-                :options="pickerOptions"
-                placeholder="请选择"
-                class="w-180px"
-                @update:value="changeType"
-              ></n-select>
-            </n-form-item>
-            <n-form-item label="日期">
-              <n-date-picker
-                v-model:value="tempDate"
-                :type="dateType"
-                class="w-180px"
-                @update:value="changeDate"
-              ></n-date-picker>
-            </n-form-item>
-          </n-form>
-          <div ref="ElectricRef" class="w-1100px h-500px"></div>
-        </div>
-      </template>
-    </my-dialog>
-    <full-loading v-model:show="showLoading"></full-loading>
-  </div>
+							<n-form-item-grid-item label="设备状态">
+								<n-input v-model:value="addForm.status" placeholder="请输入设备名称"></n-input>
+							</n-form-item-grid-item>
+							<n-form-item-grid-item label="安装日期">
+								<n-date-picker v-model:value="addForm.installationDate" type="datetime" class="w-full"></n-date-picker>
+							</n-form-item-grid-item>
+							<!--              <n-form-item-grid-item label="安装位置" path="locationId">-->
+							<!--                <n-select-->
+							<!--                  v-model:value="addForm.locationId"-->
+							<!--                  :options="locationList"-->
+							<!--                  class="w-full"-->
+							<!--                  placeholder="请选择安装位置"-->
+							<!--                  @update-value="(val,item : any) => {-->
+							<!--										addForm.location = item.label;-->
+							<!--								}"-->
+							<!--                ></n-select>-->
+							<!--              </n-form-item-grid-item>-->
+							<!--              <n-form-item-grid-item label="是否总表" path="isMain">-->
+							<!--                <n-select-->
+							<!--                  v-model:value="addForm.isMain"-->
+							<!--                  :options="isGeneralTableList"-->
+							<!--                  class="w-full"-->
+							<!--                  placeholder="请选择是或否"-->
+							<!--                ></n-select>-->
+							<!--              </n-form-item-grid-item>-->
+							<!--              <n-form-item-grid-item v-if="addForm.isMain === 0" label="所属总表" path="parentId">-->
+							<!--                <n-select-->
+							<!--                  v-model:value="addForm.parentId"-->
+							<!--                  :options="parentGeneralTableList"-->
+							<!--                  class="w-full"-->
+							<!--                  placeholder="请选择所属总表"-->
+							<!--                  :loading="parentLoading"-->
+							<!--                  @update-show="getParentGeneralTableList"-->
+							<!--                ></n-select>-->
+							<!--              </n-form-item-grid-item>-->
+							<n-form-item-grid-item label="制造商">
+								<n-input v-model:value="addForm.manufacturer" placeholder="请输入设备名称"></n-input>
+							</n-form-item-grid-item>
+							<n-form-item-grid-item label="备注">
+								<n-input v-model:value="addForm.remark" type="textarea" placeholder="请输入设备名称"></n-input>
+							</n-form-item-grid-item>
+						</n-grid>
+					</n-form>
+				</div>
+			</template>
+		</my-dialog>
+		<my-dialog
+			v-model:show="showDialog"
+			width="1200px"
+			title="用电详情"
+			:show-cancel="false"
+			@cancel="showDialog = false"
+			@submit="showDialog = false"
+		>
+			<template #content>
+				<div class="w-full">
+					<n-form inline label-placement="left">
+						<n-form-item label="查询条件">
+							<n-select
+								v-model:value="temp"
+								:options="pickerOptions"
+								placeholder="请选择"
+								class="w-180px"
+								@update:value="changeType"
+							></n-select>
+						</n-form-item>
+						<n-form-item label="日期">
+							<n-date-picker
+								v-model:value="tempDate"
+								:type="dateType"
+								class="w-180px"
+								@update:value="changeDate"
+							></n-date-picker>
+						</n-form-item>
+					</n-form>
+					<div ref="ElectricRef" class="w-1100px h-500px"></div>
+				</div>
+			</template>
+		</my-dialog>
+		<full-loading v-model:show="showLoading"></full-loading>
+	</div>
 </template>
 
 <script setup lang="tsx">
@@ -163,10 +163,10 @@ import 'echarts/lib/component/dataZoom';
 import { getMachineEnergyDetail } from '@/service/api/ecm/machineEnergy';
 import { useSearchBtn, customBtn } from '@/hooks/common/useBtn';
 import {
-  getEnergyDeviceList,
-  addEnergyDevice,
-  delEnergyDevice,
-  updateEnergyDevice
+	getEnergyDeviceList,
+	addEnergyDevice,
+	delEnergyDevice,
+	updateEnergyDevice
 } from '@/service/api/ecm/energyDevice';
 import { getDictDataList } from '@/service/api/system/dictData';
 import { useLoading } from '~/src/hooks';
@@ -180,242 +180,242 @@ const showDialog = ref(false);
 const dateType = ref<any>('date');
 
 const isGeneralTableList = ref<Array<{ label: string; value: number }>>([
-  { label: '否', value: 0 },
-  { label: '是', value: 1 }
+	{ label: '否', value: 0 },
+	{ label: '是', value: 1 }
 ]);
 
 const parentGeneralTableList = ref<Array<{ label: string; value: number }>>([]);
 
 const pickerOptions = [
-  {
-    label: '按天查询',
-    value: 'date'
-  },
-  {
-    label: '按月查询',
-    value: 'month'
-  },
-  {
-    label: '按年查询',
-    value: 'year'
-  }
+	{
+		label: '按天查询',
+		value: 'date'
+	},
+	{
+		label: '按月查询',
+		value: 'month'
+	},
+	{
+		label: '按年查询',
+		value: 'year'
+	}
 ];
 function changeType(val: any) {
-  // console.log(val);
-  dateType.value = val;
-  if (dateType.value && tempDate.value) {
-    changeDate(tempDate.value);
-  }
+	// console.log(val);
+	dateType.value = val;
+	if (dateType.value && tempDate.value) {
+		changeDate(tempDate.value);
+	}
 }
 function getType(str: string) {
-  switch (str) {
-    case 'date':
-      return 'YYYY-MM-DD';
-    case 'month':
-      return 'YYYY-MM';
-    case 'year':
-      return 'YYYY';
-    default:
-      return 'YYYY-MM-DD';
-  }
+	switch (str) {
+		case 'date':
+			return 'YYYY-MM-DD';
+		case 'month':
+			return 'YYYY-MM';
+		case 'year':
+			return 'YYYY';
+		default:
+			return 'YYYY-MM-DD';
+	}
 }
 // 获取24小时的数组以半个小时为分割
 const getHours = (): string[] => {
-  const hours: string[] = [];
-  for (let i = 0; i <= 24; i += 0.5) {
-    hours.push(`${i}时`);
-  }
-  return hours;
+	const hours: string[] = [];
+	for (let i = 0; i <= 24; i += 0.5) {
+		hours.push(`${i}时`);
+	}
+	return hours;
 };
 const getMonth = (): string[] => {
-  const months: string[] = [];
-  for (let i = 1; i <= 12; i += 1) {
-    months.push(`${i}月`);
-  }
-  return months;
+	const months: string[] = [];
+	for (let i = 1; i <= 12; i += 1) {
+		months.push(`${i}月`);
+	}
+	return months;
 };
 const getDay = (): string[] => {
-  const days: string[] = [];
-  for (let i = 1; i <= 31; i += 1) {
-    days.push(`${i}日`);
-  }
-  return days;
+	const days: string[] = [];
+	for (let i = 1; i <= 31; i += 1) {
+		days.push(`${i}日`);
+	}
+	return days;
 };
 function getYaxis(str: string) {
-  switch (str) {
-    case 'date':
-      return getHours();
-    case 'month':
-      return getDay();
-    case 'year':
-      return getMonth();
-    default:
-      return getHours();
-  }
+	switch (str) {
+		case 'date':
+			return getHours();
+		case 'month':
+			return getDay();
+		case 'year':
+			return getMonth();
+		default:
+			return getHours();
+	}
 }
 const electricOption = ref({
-  title: {
-    text: `电表日能耗`,
-    top: 'top',
-    left: 'center'
-  },
-  toolbox: {
-    show: true,
-    feature: {
-      saveAsImage: {}
-      // magicType: { type: ['line', 'bar'] }
-    }
-  },
-  tooltip: {
-    trigger: 'axis'
-  },
-  legend: {
-    data: ['电价', '能耗'],
-    show: true,
-    left: 'left',
-    top: 'top'
-  },
-  xAxis: {
-    type: 'category',
-    data: getYaxis(dateType.value)
-  },
-  yAxis: [
-    {
-      name: '电价',
-      type: 'value',
-      axisLabel: {
-        formatter: '{value} 元'
-      },
-      boundaryGap: false
-    },
-    {
-      name: '能耗',
-      type: 'value',
-      axisLabel: {
-        formatter: '{value} kwh'
-      },
-      boundaryGap: false
-    }
-  ],
-  dataZoom: [
-    { start: 0, end: 100 },
-    {
-      type: 'inside',
-      start: 0,
-      end: 100
-    }
-  ],
-  series: [
-    {
-      name: '能耗',
-      data: [],
-      type: 'bar',
-      label: {
-        show: true,
-        position: 'top'
-      },
-      yAxisIndex: 1,
-      tooltip: {
-        trigger: 'axis'
-      }
-    },
-    {
-      yAxisIndex: 0,
-      name: '电价',
-      data: [],
-      type: 'line',
-      // areaStyle: {},
-      smooth: true,
-      tooltip: {
-        trigger: 'axis',
-        axisPointer: {
-          type: 'line'
-        }
-      }
-    }
-  ]
+	title: {
+		text: `电表日能耗`,
+		top: 'top',
+		left: 'center'
+	},
+	toolbox: {
+		show: true,
+		feature: {
+			saveAsImage: {}
+			// magicType: { type: ['line', 'bar'] }
+		}
+	},
+	tooltip: {
+		trigger: 'axis'
+	},
+	legend: {
+		data: ['电价', '能耗'],
+		show: true,
+		left: 'left',
+		top: 'top'
+	},
+	xAxis: {
+		type: 'category',
+		data: getYaxis(dateType.value)
+	},
+	yAxis: [
+		{
+			name: '电价',
+			type: 'value',
+			axisLabel: {
+				formatter: '{value} 元'
+			},
+			boundaryGap: false
+		},
+		{
+			name: '能耗',
+			type: 'value',
+			axisLabel: {
+				formatter: '{value} kwh'
+			},
+			boundaryGap: false
+		}
+	],
+	dataZoom: [
+		{ start: 0, end: 100 },
+		{
+			type: 'inside',
+			start: 0,
+			end: 100
+		}
+	],
+	series: [
+		{
+			name: '能耗',
+			data: [],
+			type: 'bar',
+			label: {
+				show: true,
+				position: 'top'
+			},
+			yAxisIndex: 1,
+			tooltip: {
+				trigger: 'axis'
+			}
+		},
+		{
+			yAxisIndex: 0,
+			name: '电价',
+			data: [],
+			type: 'line',
+			// areaStyle: {},
+			smooth: true,
+			tooltip: {
+				trigger: 'axis',
+				axisPointer: {
+					type: 'line'
+				}
+			}
+		}
+	]
 }) as any;
 function changeDate(val: any) {
-  showLoading.value = true;
-  const formatString = getType(dateType.value);
-  getMachineEnergyDetail(electId.value as string, dayjs(new Date(val)).format(formatString), dateType.value).then(
-    res => {
-      showLoading.value = false;
-      // showDialog.value = true;
-      console.log('res ==> ', res);
-      // electData.value = res.data;
-      if (!electricOption.value) return;
-      // eslint-disable-next-line no-plusplus
-      if (!electricOption.value.title) return;
-      if (!electricOption.value.xAxis) return;
-      electricOption.value.xAxis = {
-        type: 'category',
-        data: getYaxis(dateType.value)
-      };
-      electricOption.value.title = {
-        text: `电表消耗`,
-        top: 'top',
-        left: 'center',
-        subtext: `已经使用${res.data.consumptionValues[0]}(wh)`
-      };
-      electricOption.value.series = [
-        {
-          name: '能耗',
-          showBackground: true,
-          backgroundStyle: {
-            color: 'rgba(216, 229, 247, 0.55)',
-            borderRadius: [6, 6, 0, 0]
-          },
-          data: res.data.consumptionValues.slice(1).map(item => Number(item) / 1000),
-          type: 'bar',
-          showBackGround: true,
-          yAxisIndex: 1,
-          tooltip: {
-            trigger: 'axis'
-          }
-        },
-        {
-          name: '电价',
-          data: res.data.electricCharges.slice(1),
-          type: 'line',
-          yAxisIndex: 0,
-          tooltip: {
-            trigger: 'axis'
-          },
-          // areaStyle: {},
-          smooth: true
-        }
-      ];
-    }
-  );
+	showLoading.value = true;
+	const formatString = getType(dateType.value);
+	getMachineEnergyDetail(electId.value as string, dayjs(new Date(val)).format(formatString), dateType.value).then(
+		res => {
+			showLoading.value = false;
+			// showDialog.value = true;
+			console.log('res ==> ', res);
+			// electData.value = res.data;
+			if (!electricOption.value) return;
+			// eslint-disable-next-line no-plusplus
+			if (!electricOption.value.title) return;
+			if (!electricOption.value.xAxis) return;
+			electricOption.value.xAxis = {
+				type: 'category',
+				data: getYaxis(dateType.value)
+			};
+			electricOption.value.title = {
+				text: `电表消耗`,
+				top: 'top',
+				left: 'center',
+				subtext: `已经使用${res.data.consumptionValues[0]}(wh)`
+			};
+			electricOption.value.series = [
+				{
+					name: '能耗',
+					showBackground: true,
+					backgroundStyle: {
+						color: 'rgba(216, 229, 247, 0.55)',
+						borderRadius: [6, 6, 0, 0]
+					},
+					data: res.data.consumptionValues.slice(1).map(item => Number(item) / 1000),
+					type: 'bar',
+					showBackGround: true,
+					yAxisIndex: 1,
+					tooltip: {
+						trigger: 'axis'
+					}
+				},
+				{
+					name: '电价',
+					data: res.data.electricCharges.slice(1),
+					type: 'line',
+					yAxisIndex: 0,
+					tooltip: {
+						trigger: 'axis'
+					},
+					// areaStyle: {},
+					smooth: true
+				}
+			];
+		}
+	);
 }
 const formRef = ref<FormInst | null>(null);
 
 const rules = {
-  electricDeviceName: [
-    {
-      required: true,
-      message: '请输入设备名称'
-    }
-  ],
-  locationId: [
-    {
-      required: true,
-      message: '请选择安装位置位置'
-    }
-  ],
-  isMain: [
-    {
-      required: true,
-      message: '请选择是或否'
-    }
-  ],
-  parentId: [
-    {
-      required: true,
-      message: '请选择所属总表'
-    }
-  ]
+	electricDeviceName: [
+		{
+			required: true,
+			message: '请输入设备名称'
+		}
+	],
+	locationId: [
+		{
+			required: true,
+			message: '请选择安装位置位置'
+		}
+	],
+	isMain: [
+		{
+			required: true,
+			message: '请选择是或否'
+		}
+	],
+	parentId: [
+		{
+			required: true,
+			message: '请选择所属总表'
+		}
+	]
 };
 const parentLoading = ref<boolean>(false);
 const { domRef: ElectricRef } = useEcharts(electricOption);
@@ -424,278 +424,278 @@ const isLoading = ref(false);
 const { loading, startLoading, endLoading } = useLoading();
 // const parentId = ref<number | null>(null);
 const searchForm = ref({
-  electricDeviceCode: undefined,
-  pageSize: 10,
-  pageNum: 1,
-  total: 0,
-  location: null,
-  locationId: null
+	electricDeviceCode: undefined,
+	pageSize: 10,
+	pageNum: 1,
+	total: 0,
+	location: null,
+	locationId: null
 });
 const addFormEmpty = {
-  electricDeviceName: '',
-  electricDeviceCode: '',
-  createTime: '',
-  installationDate: undefined,
-  status: undefined,
-  location: '',
-  manufacturer: '',
-  remark: '',
-  locationId: null,
-  isMain: 0,
-  parentId: null
+	electricDeviceName: '',
+	electricDeviceCode: '',
+	createTime: '',
+	installationDate: undefined,
+	status: undefined,
+	location: '',
+	manufacturer: '',
+	remark: '',
+	locationId: null,
+	isMain: 0,
+	parentId: null
 };
 const addForm = ref<Energy.energyDevice.AddForm>({
-  electricDeviceName: '',
-  electricDeviceCode: '',
-  // createTime: '',
-  installationDate: undefined,
-  status: '',
-  location: '',
-  manufacturer: '',
-  remark: '',
-  locationId: null,
-  isMain: 0,
-  parentId: null
+	electricDeviceName: '',
+	electricDeviceCode: '',
+	// createTime: '',
+	installationDate: undefined,
+	status: '',
+	location: '',
+	manufacturer: '',
+	remark: '',
+	locationId: null,
+	isMain: 0,
+	parentId: null
 });
 const data = ref<Energy.energyDevice.Columns[]>([]);
 const columns: Ref<DataTableColumns<Energy.energyDevice.Columns>> = ref([
-  {
-    title: '设备名称',
-    key: 'electricDeviceName',
-    width: 120
-  },
-  {
-    title: '设备编码',
-    key: 'electricDeviceCode',
-    width: 180
-  },
-  {
-    title: '是否总表',
-    key: '',
-    width: 100,
-    render: row => (
-      <n-tag type={Number(row.isMain) === 1 ? 'success' : 'warning'}>{Number(row.isMain) === 1 ? '是' : '否'}</n-tag>
-    )
-  },
-  {
-    title: '所属总表',
-    key: 'parentName',
-    width: 120
-  },
-  {
-    title: '安装位置',
-    key: 'location',
-    width: 140
-  },
-  {
-    title: '制造商',
-    key: 'manufacturer',
-    width: 180
-  },
-  {
-    title: '设备状态',
-    key: 'status',
-    width: 100
-  },
-  {
-    title: '安装日期',
-    key: 'installationDate',
-    width: 180
-  },
-  {
-    title: '备注',
-    key: 'remark',
-    width: 180
-  },
-  {
-    title: '操作',
-    key: 'action',
-    fixed: 'right',
-    width: 320,
-    render: _row => {
-      return [
-        customBtn({
-          fun: () => {
-            console.log(1);
-            delEnergyDevice(_row.electricDeviceId).then(res => {
-              if (res.code !== 200) return;
-              window.$message?.success('删除成功');
-              init();
-            });
-          },
-          text: '删除',
-          type: 'error',
-          size: 'small',
-          icon: 'TrashOutline'
-        }),
-        customBtn({
-          fun: async () => {
-            showDialogMachine.value = true;
-            addForm.value = { ..._row } as unknown as Energy.energyDevice.AddForm;
-            addForm.value.locationId =
-              locationList.value.find(item => item.label === addForm.value.location)?.value || null;
-            addForm.value.installationDate = new Date(_row.installationDate as unknown as number) as unknown as number;
-            addForm.value.isMain = Number(_row.isMain) === 1 ? Number(_row.isMain) : 0;
-            await getParentGeneralTableList(true);
-            addForm.value.parentId = Number(_row.parentId) || null;
-          },
-          text: '编辑',
-          type: 'success',
-          size: 'small',
-          icon: 'CreateOutline'
-        }),
-        customBtn({
-          fun: () => {
-            if (isLoading.value) return;
-            electId.value = _row.electricDeviceCode as string;
-            const format = getType(temp.value);
-            isLoading.value = true;
-            getMachineEnergyDetail(electId.value, dayjs(new Date()).format(format), temp.value)
-              .then(res => {
-                // showDialog.value = true;
-                // electData.value = res.data;
-                isLoading.value = false;
-                if (!electricOption.value) return;
-                // eslint-disable-next-line no-plusplus
-                if (!electricOption.value.title) return;
-                electricOption.value.title = {
-                  text: `每日电表消耗`,
-                  top: 'top',
-                  left: 'center',
-                  subtext: `今日使用${res.data.consumptionValues[0] / 1000}(Kwh)`
-                };
-                electricOption.value.series = [
-                  {
-                    name: '能耗',
-                    showBackground: true,
-                    backgroundStyle: {
-                      color: 'rgba(216, 229, 247, 0.55)',
-                      borderRadius: [6, 6, 0, 0]
-                    },
-                    data: res.data.consumptionValues.slice(1).map(item => Number(item) / 1000),
-                    type: 'bar',
-                    showBackGround: true,
-                    yAxisIndex: 1,
-                    tooltip: {
-                      trigger: 'axis'
-                    }
-                  },
-                  {
-                    name: '电价',
-                    data: res.data.electricCharges.slice(1),
-                    type: 'line',
-                    yAxisIndex: 0,
-                    tooltip: {
-                      trigger: 'axis'
-                    },
-                    // areaStyle: {},
-                    smooth: true
-                  }
-                ];
-                // ElectricRef.value = useEcharts(electricOption);
-                showDialog.value = true;
-              })
-              .catch(() => {
-                isLoading.value = false;
-              });
-          },
-          icon: 'EyeOutline',
-          text: '查看电耗详情',
-          size: 'small',
-          type: 'primary'
-        })
-      ];
-    }
-  }
+	{
+		title: '设备名称',
+		key: 'electricDeviceName',
+		width: 120
+	},
+	{
+		title: '设备编码',
+		key: 'electricDeviceCode',
+		width: 180
+	},
+	// {
+	//   title: '是否总表',
+	//   key: '',
+	//   width: 100,
+	//   render: row => (
+	//     <n-tag type={Number(row.isMain) === 1 ? 'success' : 'warning'}>{Number(row.isMain) === 1 ? '是' : '否'}</n-tag>
+	//   )
+	// },
+	// {
+	//   title: '所属总表',
+	//   key: 'parentName',
+	//   width: 120
+	// },
+	// {
+	//   title: '安装位置',
+	//   key: 'location',
+	//   width: 140
+	// },
+	{
+		title: '制造商',
+		key: 'manufacturer',
+		width: 180
+	},
+	{
+		title: '设备状态',
+		key: 'status',
+		width: 100
+	},
+	{
+		title: '安装日期',
+		key: 'installationDate',
+		width: 180
+	},
+	{
+		title: '备注',
+		key: 'remark',
+		width: 180
+	},
+	{
+		title: '操作',
+		key: 'action',
+		fixed: 'right',
+		width: 320,
+		render: _row => {
+			return [
+				customBtn({
+					fun: () => {
+						console.log(1);
+						delEnergyDevice(_row.electricDeviceId).then(res => {
+							if (res.code !== 200) return;
+							window.$message?.success('删除成功');
+							init();
+						});
+					},
+					text: '删除',
+					type: 'error',
+					size: 'small',
+					icon: 'TrashOutline'
+				}),
+				customBtn({
+					fun: async () => {
+						showDialogMachine.value = true;
+						addForm.value = { ..._row } as unknown as Energy.energyDevice.AddForm;
+						addForm.value.locationId =
+							locationList.value.find(item => item.label === addForm.value.location)?.value || null;
+						addForm.value.installationDate = new Date(_row.installationDate as unknown as number) as unknown as number;
+						addForm.value.isMain = Number(_row.isMain) === 1 ? Number(_row.isMain) : 0;
+						await getParentGeneralTableList(true);
+						addForm.value.parentId = Number(_row.parentId) || null;
+					},
+					text: '编辑',
+					type: 'success',
+					size: 'small',
+					icon: 'CreateOutline'
+				}),
+				customBtn({
+					fun: () => {
+						if (isLoading.value) return;
+						electId.value = _row.electricDeviceCode as string;
+						const format = getType(temp.value);
+						isLoading.value = true;
+						getMachineEnergyDetail(electId.value, dayjs(new Date()).format(format), temp.value)
+							.then(res => {
+								// showDialog.value = true;
+								// electData.value = res.data;
+								isLoading.value = false;
+								if (!electricOption.value) return;
+								// eslint-disable-next-line no-plusplus
+								if (!electricOption.value.title) return;
+								electricOption.value.title = {
+									text: `每日电表消耗`,
+									top: 'top',
+									left: 'center',
+									subtext: `今日使用${res.data.consumptionValues[0] / 1000}(Kwh)`
+								};
+								electricOption.value.series = [
+									{
+										name: '能耗',
+										showBackground: true,
+										backgroundStyle: {
+											color: 'rgba(216, 229, 247, 0.55)',
+											borderRadius: [6, 6, 0, 0]
+										},
+										data: res.data.consumptionValues.slice(1).map(item => Number(item) / 1000),
+										type: 'bar',
+										showBackGround: true,
+										yAxisIndex: 1,
+										tooltip: {
+											trigger: 'axis'
+										}
+									},
+									{
+										name: '电价',
+										data: res.data.electricCharges.slice(1),
+										type: 'line',
+										yAxisIndex: 0,
+										tooltip: {
+											trigger: 'axis'
+										},
+										// areaStyle: {},
+										smooth: true
+									}
+								];
+								// ElectricRef.value = useEcharts(electricOption);
+								showDialog.value = true;
+							})
+							.catch(() => {
+								isLoading.value = false;
+							});
+					},
+					icon: 'EyeOutline',
+					text: '查看电耗详情',
+					size: 'small',
+					type: 'primary'
+				})
+			];
+		}
+	}
 ]);
 
 function getParentGeneralTableList(e) {
-  if (!e) return;
-  parentLoading.value = true;
-  parentGeneralTableList.value = [];
-  getEnergyDeviceList({ isMain: 1 }).then(res => {
-    parentLoading.value = false;
-    if (res.code === 200) {
-      res.rows.forEach(item => {
-        parentGeneralTableList.value.push({
-          label: item.electricDeviceName,
-          value: item.electricDeviceId
-        });
-      });
-    }
-  });
+	if (!e) return;
+	parentLoading.value = true;
+	parentGeneralTableList.value = [];
+	getEnergyDeviceList({ isMain: 1 }).then(res => {
+		parentLoading.value = false;
+		if (res.code === 200) {
+			res.rows.forEach(item => {
+				parentGeneralTableList.value.push({
+					label: item.electricDeviceName,
+					value: item.electricDeviceId
+				});
+			});
+		}
+	});
 }
 
 function submit() {
-  if (addForm.value.isMain === 0) {
-    rules.parentId = [
-      {
-        required: true,
-        message: '请选择所属总表'
-      }
-    ];
-  } else {
-    rules.parentId = [];
-  }
-  formRef.value?.validate(errors => {
-    if (errors) return;
-    if (addForm.value.electricDeviceId) {
-      updateEnergyDevice(addForm.value).then(res => {
-        if (res.code !== 200) return;
-        window.$message?.success('修改成功');
-        showDialogMachine.value = false;
-        init();
-      });
-    } else {
-      addEnergyDevice(addForm.value).then(res => {
-        if (res.code !== 200) return;
-        window.$message?.success('新增成功');
-        showDialogMachine.value = false;
-        init();
-      });
-    }
-  });
+	if (addForm.value.isMain === 0) {
+		rules.parentId = [
+			{
+				required: true,
+				message: '请选择所属总表'
+			}
+		];
+	} else {
+		rules.parentId = [];
+	}
+	formRef.value?.validate(errors => {
+		if (errors) return;
+		if (addForm.value.electricDeviceId) {
+			updateEnergyDevice(addForm.value).then(res => {
+				if (res.code !== 200) return;
+				window.$message?.success('修改成功');
+				showDialogMachine.value = false;
+				init();
+			});
+		} else {
+			addEnergyDevice(addForm.value).then(res => {
+				if (res.code !== 200) return;
+				window.$message?.success('新增成功');
+				showDialogMachine.value = false;
+				init();
+			});
+		}
+	});
 }
 
 function getList() {
-  getDictDataList({ dictType: 'energy_name', pageSize: 999 }).then(res => {
-    if (res.code === 200) {
-      res.rows.forEach(item => {
-        locationList.value.push({ label: item.dictLabel, value: item.dictValue });
-      });
-    }
-  });
+	getDictDataList({ dictType: 'energy_name', pageSize: 999 }).then(res => {
+		if (res.code === 200) {
+			res.rows.forEach(item => {
+				locationList.value.push({ label: item.dictLabel, value: item.dictValue });
+			});
+		}
+	});
 }
 
 function search() {
-  searchForm.value.pageNum = 1;
-  init();
+	searchForm.value.pageNum = 1;
+	init();
 }
 function reset() {
-  searchForm.value = {
-    electricDeviceCode: undefined,
-    pageSize: 10,
-    pageNum: 1,
-    total: 0,
-    location: null,
-    locationId: null
-  };
-  init();
+	searchForm.value = {
+		electricDeviceCode: undefined,
+		pageSize: 10,
+		pageNum: 1,
+		total: 0,
+		location: null,
+		locationId: null
+	};
+	init();
 }
 function init() {
-  startLoading();
-  getEnergyDeviceList(searchForm.value).then(res => {
-    endLoading();
-    console.log(res);
-    if (res.code !== 200) return;
-    data.value = res.rows;
-    searchForm.value.total = res.total;
-  });
+	startLoading();
+	getEnergyDeviceList(searchForm.value).then(res => {
+		endLoading();
+		console.log(res);
+		if (res.code !== 200) return;
+		data.value = res.rows;
+		searchForm.value.total = res.total;
+	});
 }
 
 onMounted(() => {
-  init();
-  getList();
+	init();
+	getList();
 });
 </script>
 
diff --git a/src/views/quality/drawingProcessCheckRecord/index.vue b/src/views/quality/drawingProcessCheckRecord/index.vue
index 31ff79a..865ec35 100644
--- a/src/views/quality/drawingProcessCheckRecord/index.vue
+++ b/src/views/quality/drawingProcessCheckRecord/index.vue
@@ -1,63 +1,63 @@
 <template>
-  <div>
-    <my-card title="搜索条件" search>
-      <n-form inline>
-        <n-form-item label="生产工单">
-          <n-input
-            v-model:value="searchForm.generateWorkOrderNumber"
-            :style="{ width: formItemWidth }"
-            type="text"
-            placeholder="请输入生产工单"
-          />
-        </n-form-item>
-        <n-form-item label="订单编号">
-          <n-input
-            v-model:value="searchForm.orderNumber"
-            type="text"
-            :style="{ width: formItemWidth }"
-            placeholder="请输入订单编号"
-          />
-        </n-form-item>
-        <n-form-item label="是否合格">
-          <n-select
-            v-model:value="searchForm.qualifiedOrNot"
-            placeholder="请选择是否合格"
-            :options="qualifiedOrNotList"
-            :style="{ width: formItemWidth }"
-          ></n-select>
-        </n-form-item>
-        <n-form-item label="机台">
-          <n-select
-            v-model:value="machineId"
-            placeholder="请选择机台"
-            :options="machineList"
-            :style="{ width: formItemWidth }"
-            @update-value="(val,item : any) => {
+	<div>
+		<my-card title="搜索条件" search>
+			<n-form inline>
+				<n-form-item label="生产工单">
+					<n-input
+						v-model:value="searchForm.generateWorkOrderNumber"
+						:style="{ width: formItemWidth }"
+						type="text"
+						placeholder="请输入生产工单"
+					/>
+				</n-form-item>
+				<n-form-item label="订单编号">
+					<n-input
+						v-model:value="searchForm.orderNumber"
+						type="text"
+						:style="{ width: formItemWidth }"
+						placeholder="请输入订单编号"
+					/>
+				</n-form-item>
+				<n-form-item label="是否合格">
+					<n-select
+						v-model:value="searchForm.qualifiedOrNot"
+						placeholder="请选择是否合格"
+						:options="qualifiedOrNotList"
+						:style="{ width: formItemWidth }"
+					></n-select>
+				</n-form-item>
+				<n-form-item label="机台">
+					<n-select
+						v-model:value="machineId"
+						placeholder="请选择机台"
+						:options="machineList"
+						:style="{ width: formItemWidth }"
+						@update-value="(val,item : any) => {
               searchForm.deviceName = item.label
             }"
-          ></n-select>
-        </n-form-item>
-        <n-form-item>
-          <component :is="useSearchBtn(search, reset)"></component>
-        </n-form-item>
-      </n-form>
-    </my-card>
-    <my-card title="拉丝过程检列表">
-      <template #right>
-        <div>
-          <CxColumns v-model:columns="columns" />
-        </div>
-      </template>
-      <n-data-table
-        :loading="loading"
-        :columns="columns"
-        :data="data"
-        :max-height="dataTableConfig.maxHeight"
-        :scroll-x="dataTableConfig.scrollWidth(columns)"
-      ></n-data-table>
-      <my-pagination v-model:search-form="searchForm" @init="init"></my-pagination>
-    </my-card>
-  </div>
+					></n-select>
+				</n-form-item>
+				<n-form-item>
+					<component :is="useSearchBtn(search, reset)"></component>
+				</n-form-item>
+			</n-form>
+		</my-card>
+		<my-card title="拉丝过程检列表">
+			<template #right>
+				<div>
+					<CxColumns v-model:columns="columns" />
+				</div>
+			</template>
+			<n-data-table
+				:loading="loading"
+				:columns="columns"
+				:data="data"
+				:max-height="dataTableConfig.maxHeight"
+				:scroll-x="dataTableConfig.scrollWidth(columns)"
+			></n-data-table>
+			<my-pagination v-model:search-form="searchForm" @init="init"></my-pagination>
+		</my-card>
+	</div>
 </template>
 
 <script setup lang="tsx">
@@ -70,210 +70,210 @@ import { useLoading } from '~/src/hooks';
 import { useSearchBtn } from '~/src/hooks/common/useBtn';
 import { getQcWireDrawingRecordList } from '~/src/service/api/quality/drawingProcessCheckRecord/index';
 const searchForm = ref<drawingProcessCheckRecord.searchForm>({
-  pageNum: 1,
-  pageSize: 10,
-  total: 0,
-  generateWorkOrderNumber: '',
-  orderNumber: '',
-  qualifiedOrNot: null,
-  deviceName: null
+	pageNum: 1,
+	pageSize: 10,
+	total: 0,
+	generateWorkOrderNumber: '',
+	orderNumber: '',
+	qualifiedOrNot: null,
+	deviceName: null
 });
 const { loading, startLoading, endLoading } = useLoading();
 const formItemWidth = ref<string>('180px');
 const machineList = ref<{ label: string; value: number }[]>([]);
 const qualifiedOrNotList = ref<{ label: string; value: string }[]>([
-  { label: '合格', value: '0' },
-  { label: '不合格', value: '1' }
+	{ label: '合格', value: '0' },
+	{ label: '不合格', value: '1' }
 ]);
 const machineId = ref<number | null>(null);
 const data = ref<drawingProcessCheckRecord.TableList[]>([]);
 
 const columns: Ref<DataTableColumns<drawingProcessCheckRecord.TableList>> = ref([
-  {
-    title: '序号',
-    key: 'index',
-    align: 'center',
-    width: 70,
-    render: (_row, index) => (searchForm.value.pageNum - 1) * searchForm.value.pageSize + index + 1
-  },
-  {
-    title: '工单类型',
-    key: 'workOrdeType',
-    align: 'center',
-    width: 100,
-    render: row => {
-      return row.workOrdeType === '0' ? '拉丝' : '漆包';
-    }
-  },
-  {
-    title: '线径数据',
-    key: 'attr1',
-    align: 'center',
-    width: 100
-  },
-  {
-    title: '机台',
-    key: 'deviceName',
-    align: 'center',
-    width: 100
-  },
-  {
-    title: '订单类型',
-    key: 'orderType',
-    width: 100,
-    render: row => {
-      return row.orderType === '0' ? '客户订单' : '备库订单';
-    }
-  },
-  {
-    title: '订单编号',
-    key: 'orderNumber',
-    align: 'center',
-    width: 140,
-    ellipsis: {
-      tooltip: true
-    }
-  },
-  {
-    title: '客户',
-    key: 'clientName',
-    align: 'center',
-    width: 140,
-    ellipsis: {
-      tooltip: true
-    }
-  },
-  {
-    title: '生产工单号',
-    key: 'generateWorkOrderNumber',
-    align: 'center',
-    width: 100,
-    ellipsis: {
-      tooltip: true
-    }
-  },
-  {
-    title: '产品规格',
-    key: 'productSpecifications',
-    align: 'center',
-    width: 100
-  },
-  {
-    title: '数量',
-    key: 'weight',
-    align: 'center',
-    width: 100
-  },
-  {
-    title: '单位',
-    key: 'measure',
-    align: 'center',
-    width: 100
-  },
-  {
-    title: '批号',
-    key: 'batchNumber',
-    align: 'center',
-    width: 100
-  },
-  {
-    title: '日期',
-    key: 'createTime',
-    align: 'center',
-    width: 180
-  },
-  {
-    title: '质检人',
-    key: 'qualityInspector',
-    align: 'center',
-    width: 100
-  },
-  {
-    title: '是否合格',
-    key: 'qualifiedOrNot',
-    align: 'center',
-    width: 100,
-    render: row => (
-      <n-tag type={row.qualifiedOrNot === '0' ? 'success' : 'error'}>
-        {row.qualifiedOrNot === '0' ? '合格' : '不合格'}
-      </n-tag>
-    )
-  },
-  {
-    title: '缺陷项',
-    key: '',
-    align: 'center',
-    width: 180,
-    ellipsis: {
-      tooltip: true
-    },
-    render: row => {
-      let defectName = '';
-      if (row.qcDefectList) {
-        row.qcDefectList.forEach(item => {
-          defectName += `${item.defectName}, `;
-        });
-        defectName = defectName.slice(0, -1);
-      }
-      return defectName;
-    }
-  }
+	{
+		title: '序号',
+		key: 'index',
+		align: 'center',
+		width: 70,
+		render: (_row, index) => (searchForm.value.pageNum - 1) * searchForm.value.pageSize + index + 1
+	},
+	{
+		title: '工单类型',
+		key: 'workOrdeType',
+		align: 'center',
+		width: 100,
+		render: row => {
+			return row.workOrdeType === '0' ? '板材' : '金属';
+		}
+	},
+	// {
+	//   title: '线径数据',
+	//   key: 'attr1',
+	//   align: 'center',
+	//   width: 100
+	// },
+	{
+		title: '机台',
+		key: 'deviceName',
+		align: 'center',
+		width: 100
+	},
+	{
+		title: '订单类型',
+		key: 'orderType',
+		width: 100,
+		render: row => {
+			return row.orderType === '0' ? '客户订单' : '备库订单';
+		}
+	},
+	{
+		title: '订单编号',
+		key: 'orderNumber',
+		align: 'center',
+		width: 140,
+		ellipsis: {
+			tooltip: true
+		}
+	},
+	// {
+	//   title: '客户',
+	//   key: 'clientName',
+	//   align: 'center',
+	//   width: 140,
+	//   ellipsis: {
+	//     tooltip: true
+	//   }
+	// },
+	{
+		title: '生产工单号',
+		key: 'generateWorkOrderNumber',
+		align: 'center',
+		width: 100,
+		ellipsis: {
+			tooltip: true
+		}
+	},
+	{
+		title: '产品规格',
+		key: 'productSpecifications',
+		align: 'center',
+		width: 100
+	},
+	{
+		title: '数量',
+		key: 'weight',
+		align: 'center',
+		width: 100
+	},
+	{
+		title: '单位',
+		key: 'measure',
+		align: 'center',
+		width: 100
+	},
+	{
+		title: '批号',
+		key: 'batchNumber',
+		align: 'center',
+		width: 100
+	},
+	{
+		title: '日期',
+		key: 'createTime',
+		align: 'center',
+		width: 180
+	},
+	{
+		title: '质检人',
+		key: 'qualityInspector',
+		align: 'center',
+		width: 100
+	},
+	{
+		title: '是否合格',
+		key: 'qualifiedOrNot',
+		align: 'center',
+		width: 100,
+		render: row => (
+			<n-tag type={row.qualifiedOrNot === '0' ? 'success' : 'error'}>
+				{row.qualifiedOrNot === '0' ? '合格' : '不合格'}
+			</n-tag>
+		)
+	},
+	{
+		title: '缺陷项',
+		key: '',
+		align: 'center',
+		width: 180,
+		ellipsis: {
+			tooltip: true
+		},
+		render: row => {
+			let defectName = '';
+			if (row.qcDefectList) {
+				row.qcDefectList.forEach(item => {
+					defectName += `${item.defectName}, `;
+				});
+				defectName = defectName.slice(0, -1);
+			}
+			return defectName;
+		}
+	}
 ]);
 
 function search() {
-  init();
+	init();
 }
 function reset() {
-  searchForm.value = {
-    pageNum: 1,
-    pageSize: 10,
-    total: 0,
-    generateWorkOrderNumber: '',
-    orderNumber: '',
-    qualifiedOrNot: null,
-    deviceName: null
-  };
-  init();
+	searchForm.value = {
+		pageNum: 1,
+		pageSize: 10,
+		total: 0,
+		generateWorkOrderNumber: '',
+		orderNumber: '',
+		qualifiedOrNot: null,
+		deviceName: null
+	};
+	init();
 }
 
 function getList() {
-  getWorkbenchWiredrawingList({ pageSize: 999 }).then(res => {
-    if (res.code === 200) {
-      res.rows.forEach((item: any) => {
-        machineList.value.push({
-          label: item.equipmentCode,
-          value: item.id
-        });
-      });
-    }
-  });
+	getWorkbenchWiredrawingList({ pageSize: 999 }).then(res => {
+		if (res.code === 200) {
+			res.rows.forEach((item: any) => {
+				machineList.value.push({
+					label: item.equipmentCode,
+					value: item.id
+				});
+			});
+		}
+	});
 }
 
 function init() {
-  startLoading();
-  getQcWireDrawingRecordList(searchForm.value).then(res => {
-    endLoading();
-    if (res.code === 200) {
-      data.value = res.rows;
-      searchForm.value.total = res.total;
-    }
-  });
+	startLoading();
+	getQcWireDrawingRecordList(searchForm.value).then(res => {
+		endLoading();
+		if (res.code === 200) {
+			data.value = res.rows;
+			searchForm.value.total = res.total;
+		}
+	});
 }
 onMounted(() => {
-  init();
-  getList();
+	init();
+	getList();
 });
 </script>
 
 <style scoped>
 :deep(.n-data-table-td) {
-  text-align: center;
+	text-align: center;
 }
 :deep(.n-space) {
-  justify-content: center !important;
+	justify-content: center !important;
 }
 
 :deep(.n-data-table .n-data-table-th .n-data-table-th__title-wrapper) {
-  text-align: center;
+	text-align: center;
 }
 </style>