fix: bug

src/views/distributionnetwork/config/setting/index.vue

@@ -1,186 +1,319 @@
 <template>
   <div class="app-container">
-   <el-container>
-   	<el-header style="text-align: center;display: block;">
-   		<span style="font-weight: 600;font-size: 18px;">配网参数信息</span>
-   	</el-header>
-	<el-main class="nopadding">
-		<div style="width: 50%;display: inline-block">
-			<el-card header="计划检修超期设置">
-				<el-table ref="table" :data="tableData1" row-key="id" stripe height="300px">
-					<el-table-column prop="序号" label="序号"  width="55" >
-						 <template slot-scope="scope">{{ scope.$index + 1 }}</template>
-					</el-table-column>
-					<el-table-column label="项目编码" prop="parCode" :show-overflow-tooltip="true"></el-table-column>
-					<el-table-column label="项目名称" prop="parName"  width="150"></el-table-column>
-					<el-table-column label="项目对应值" prop="parValue"></el-table-column>
-					<el-table-column label="计量单位" prop="parUnit">
-						<template slot-scope="scope">
-						  <dict-tag :options="dict.type.pdm_maintenance_time" :value="scope.row.parUnit"/>
-						</template>
-					</el-table-column>
-					<el-table-column label="状态" prop="status">
-					  <template slot-scope="scope">
-					 	 	<el-tag type="success" effect="dark" v-if="scope.row.status=='1'">启用</el-tag>
-					 	 	<el-tag type="info" effect="dark" v-else>禁用</el-tag>
-					  </template>
-					</el-table-column>
-					<el-table-column label="操作" align="center" class-name="small-padding fixed-width" :render-header="renderHeader" >
-					        <template slot-scope="scope">
-					          <el-button
-					            size="mini"
-					            type="text"
-					            icon="el-icon-edit"
-					            @click="handleUpdate(scope.row)"
-					            v-hasPermi="['powerdistribution:par:edit']"
-					          >修改</el-button>
-					          <el-button
-					            size="mini"
-					            type="text"
-					            icon="el-icon-delete"
-					            @click="handleDelete(scope.row)"
-					            v-hasPermi="['powerdistribution:par:remove']"
-					          >删除</el-button>
-					        </template>
-					 </el-table-column>
-				</el-table>
-			</el-card>
-			<el-card header="重复停电风险告警次数设置">
-				<el-table ref="table1" :data="tableData2" row-key="id" stripe height="300px">
-					<el-table-column prop="序号" label="序号"  width="55" >
-						 <template slot-scope="scope">{{ scope.$index + 1 }}</template>
-					</el-table-column>
-					<el-table-column label="项目编码" prop="parCode" width="100" :show-overflow-tooltip="true"></el-table-column>
-					<el-table-column label="项目名称" prop="parName" width="180"></el-table-column>
-					<el-table-column label="项目对应值" prop="parValue"></el-table-column>
-					<el-table-column label="计量单位" prop="parUnit">
-						<template slot-scope="scope">
-						  <dict-tag :options="dict.type.repeat_power_failure" :value="scope.row.parUnit"/>
-						</template>
-					</el-table-column>
-					<el-table-column label="状态" prop="status">
-					  <template slot-scope="scope">
-					 	 	<el-tag type="success" effect="dark" v-if="scope.row.status=='1'">启用</el-tag>
-					 	 	<el-tag type="info" effect="dark" v-else>禁用</el-tag>
-					  </template>
-					</el-table-column>
-					<el-table-column label="操作" align="center" class-name="small-padding fixed-width" :render-header="renderHeader2">
-					        <template slot-scope="scope">
-					          <el-button
-					            size="mini"
-					            type="text"
-					            icon="el-icon-edit"
-					            @click="handleUpdate(scope.row)"
-					            v-hasPermi="['powerdistribution:par:edit']"
-					          >修改</el-button>
-					          <el-button
-					            size="mini"
-					            type="text"
-					            icon="el-icon-delete"
-					            @click="handleDelete(scope.row)"
-					            v-hasPermi="['powerdistribution:par:remove']"
-					          >删除</el-button>
-					        </template>
-					 </el-table-column>
-				</el-table>
-			</el-card>
-		</div>
-		<div style="width: 50%;display: inline-block">
-			<el-card header="无故障持续时间奖励设置">
-				<el-table ref="table2" :data="tableData3" row-key="id" stripe height="300px">
-					<el-table-column prop="序号" label="序号"  width="55" >
-						 <template slot-scope="scope">{{ scope.$index + 1 }}</template>
-					</el-table-column>
-					<el-table-column label="无故障持续时间" prop="parValue" :show-overflow-tooltip="true"></el-table-column>
-					<el-table-column label="计量单位" prop="parUnit">
-						<template slot-scope="scope">
-						  <dict-tag :options="dict.type.pdm_maintenance_time" :value="scope.row.parUnit"/>
-						</template>
-					</el-table-column>
-					<el-table-column label="金额奖励" prop="parField">
-						<template #default="scope">
-							{{scope.row.parField}}/元
-						</template>
-					</el-table-column>
-					<el-table-column label="状态" prop="status">
-					  <template slot-scope="scope">
-					 	 	<el-tag type="success" effect="dark" v-if="scope.row.status=='1'">启用</el-tag>
-					 	 	<el-tag type="info" effect="dark" v-else>禁用</el-tag>
-					  </template>
-					</el-table-column>
-					<el-table-column label="备注" prop="remark">
-					</el-table-column>
-					<el-table-column label="操作" align="center" class-name="small-padding fixed-width" :render-header="renderHeader3">
-					        <template slot-scope="scope">
-					          <el-button
-					            size="mini"
-					            type="text"
-					            icon="el-icon-edit"
-					            @click="handleUpdate(scope.row)"
-					          >修改</el-button>
-					          <el-button
-					            size="mini"
-					            type="text"
-					            icon="el-icon-delete"
-					            @click="handleDelete(scope.row)"
-					          >删除</el-button>
-					        </template>
-					 </el-table-column>
-				</el-table>
-			</el-card>
-			<el-card header="违章扣分规则设置">
-				<el-table ref="table3" :data="tableData4" row-key="contractId" stripe height="300px">
-					<el-table-column prop="序号" label="序号" width="55" >
-						 <template slot-scope="scope">{{ scope.$index + 1 }}</template>
-					</el-table-column>
-					<el-table-column label="规则编号" prop="contractCode" :show-overflow-tooltip="true"></el-table-column>
-					<el-table-column label="违章项目" prop="title"  :show-overflow-tooltip="true"></el-table-column>
-					<el-table-column label="扣分" prop="customerName"  :show-overflow-tooltip="true"></el-table-column>
-					<el-table-column label="状态" prop="status">
-					  <template slot-scope="scope">
-					 	 	<el-tag type="success" effect="dark" v-if="scope.row.status=='1'">启用</el-tag>
-					 	 	<el-tag type="info" effect="dark" v-else>禁用</el-tag>
-					  </template>
-					</el-table-column>
-					<el-table-column label="操作" align="center" class-name="small-padding fixed-width" :render-header="renderHeader2">
-					        <template slot-scope="scope">
-					          <el-button
-					            size="mini"
-					            type="text"
-					            icon="el-icon-edit"
-					            @click="handleUpdate(scope.row)"
-					            v-hasPermi="['powerdistribution:par:edit']"
-					          >修改</el-button>
-					          <el-button
-					            size="mini"
-					            type="text"
-					            icon="el-icon-delete"
-					            @click="handleDelete(scope.row)"
-					            v-hasPermi="['powerdistribution:par:remove']"
-					          >删除</el-button>
-					        </template>
-					 </el-table-column>
-				</el-table>
-			</el-card>
-		</div>
-	</el-main>
-	</el-container>
-  <dic-dialog v-if="dialog.dic" ref="dicDialog" @success="handleDicSuccess" @closed="dialog.dic=false"></dic-dialog>
-  <fault-free-duration-dic-dialog v-if="dialog.info" ref="faultFreeDurationDicDialog" @success="handleDicSuccess" @closed="dialog.info=false"></fault-free-duration-dic-dialog>
+    <el-container>
+      <el-header style="text-align: center; display: block">
+        <span style="font-weight: 600; font-size: 18px">配网参数信息</span>
+      </el-header>
+      <el-main class="nopadding">
+        <div style="width: 50%; display: inline-block">
+          <el-card header="计划检修超期设置">
+            <el-table
+              ref="table"
+              :data="tableData1"
+              row-key="id"
+              stripe
+              height="300px"
+            >
+              <el-table-column prop="序号" label="序号" width="55">
+                <template slot-scope="scope">{{ scope.$index + 1 }}</template>
+              </el-table-column>
+              <el-table-column
+                label="项目编码"
+                prop="parCode"
+                :show-overflow-tooltip="true"
+              ></el-table-column>
+              <el-table-column
+                label="项目名称"
+                prop="parName"
+                width="150"
+              ></el-table-column>
+              <el-table-column
+                label="项目对应值"
+                prop="parValue"
+              ></el-table-column>
+              <el-table-column label="计量单位" prop="parUnit">
+                <template slot-scope="scope">
+                  <dict-tag
+                    :options="dict.type.pdm_maintenance_time"
+                    :value="scope.row.parUnit"
+                  />
+                </template>
+              </el-table-column>
+              <el-table-column label="状态" prop="status">
+                <template slot-scope="scope">
+                  <el-tag
+                    type="success"
+                    effect="dark"
+                    v-if="scope.row.status == '1'"
+                    >启用</el-tag
+                  >
+                  <el-tag type="info" effect="dark" v-else>禁用</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column
+                label="操作"
+                align="center"
+                class-name="small-padding fixed-width"
+                :render-header="renderHeader"
+              >
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-edit"
+                    @click="handleUpdate(scope.row)"
+                    v-hasPermi="['powerdistribution:par:edit']"
+                    >修改</el-button
+                  >
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-delete"
+                    @click="handleDelete(scope.row)"
+                    v-hasPermi="['powerdistribution:par:remove']"
+                    >删除</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-card>
+          <el-card header="重复停电风险告警次数设置">
+            <el-table
+              ref="table1"
+              :data="tableData2"
+              row-key="id"
+              stripe
+              height="300px"
+            >
+              <el-table-column prop="序号" label="序号" width="55">
+                <template slot-scope="scope">{{ scope.$index + 1 }}</template>
+              </el-table-column>
+              <el-table-column
+                label="项目编码"
+                prop="parCode"
+                width="100"
+                :show-overflow-tooltip="true"
+              ></el-table-column>
+              <el-table-column
+                label="项目名称"
+                prop="parName"
+                width="180"
+              ></el-table-column>
+              <el-table-column
+                label="项目对应值"
+                prop="parValue"
+              ></el-table-column>
+              <el-table-column label="计量单位" prop="parUnit">
+                <template slot-scope="scope">
+                  <dict-tag
+                    :options="dict.type.repeat_power_failure"
+                    :value="scope.row.parUnit"
+                  />
+                </template>
+              </el-table-column>
+              <el-table-column label="状态" prop="status">
+                <template slot-scope="scope">
+                  <el-tag
+                    type="success"
+                    effect="dark"
+                    v-if="scope.row.status == '1'"
+                    >启用</el-tag
+                  >
+                  <el-tag type="info" effect="dark" v-else>禁用</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column
+                label="操作"
+                align="center"
+                class-name="small-padding fixed-width"
+                :render-header="renderHeader2"
+              >
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-edit"
+                    @click="handleUpdate(scope.row)"
+                    v-hasPermi="['powerdistribution:par:edit']"
+                    >修改</el-button
+                  >
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-delete"
+                    @click="handleDelete(scope.row)"
+                    v-hasPermi="['powerdistribution:par:remove']"
+                    >删除</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-card>
+        </div>
+        <div style="width: 50%; display: inline-block">
+          <el-card header="无故障持续时间奖励设置">
+            <el-table
+              ref="table2"
+              :data="tableData3"
+              row-key="id"
+              stripe
+              height="300px"
+            >
+              <el-table-column prop="序号" label="序号" width="55">
+                <template slot-scope="scope">{{ scope.$index + 1 }}</template>
+              </el-table-column>
+              <el-table-column
+                label="无故障持续时间"
+                prop="parValue"
+                :show-overflow-tooltip="true"
+              ></el-table-column>
+              <el-table-column label="计量单位" prop="parUnit">
+                <template slot-scope="scope">
+                  <dict-tag
+                    :options="dict.type.pdm_maintenance_time"
+                    :value="scope.row.parUnit"
+                  />
+                </template>
+              </el-table-column>
+              <el-table-column label="金额奖励" prop="parField">
+                <template #default="scope">
+                  {{ scope.row.parField }}/元
+                </template>
+              </el-table-column>
+              <el-table-column label="状态" prop="status">
+                <template slot-scope="scope">
+                  <el-tag
+                    type="success"
+                    effect="dark"
+                    v-if="scope.row.status == '1'"
+                    >启用</el-tag
+                  >
+                  <el-tag type="info" effect="dark" v-else>禁用</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column label="备注" prop="remark"> </el-table-column>
+              <el-table-column
+                label="操作"
+                align="center"
+                class-name="small-padding fixed-width"
+                :render-header="renderHeader3"
+              >
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-edit"
+                    @click="handleUpdate(scope.row)"
+                    >修改</el-button
+                  >
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-delete"
+                    @click="handleDelete(scope.row)"
+                    >删除</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-card>
+          <el-card header="违章扣分规则设置">
+            <el-table
+              ref="table3"
+              :data="tableData4"
+              row-key="contractId"
+              stripe
+              height="300px"
+            >
+              <el-table-column prop="序号" label="序号" width="55">
+                <template slot-scope="scope">{{ scope.$index + 1 }}</template>
+              </el-table-column>
+              <el-table-column
+                label="规则编号"
+                prop="contractCode"
+                :show-overflow-tooltip="true"
+              ></el-table-column>
+              <el-table-column
+                label="违章项目"
+                prop="title"
+                :show-overflow-tooltip="true"
+              ></el-table-column>
+              <el-table-column
+                label="扣分"
+                prop="customerName"
+                :show-overflow-tooltip="true"
+              ></el-table-column>
+              <el-table-column label="状态" prop="status">
+                <template slot-scope="scope">
+                  <el-tag
+                    type="success"
+                    effect="dark"
+                    v-if="scope.row.status == '1'"
+                    >启用</el-tag
+                  >
+                  <el-tag type="info" effect="dark" v-else>禁用</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column
+                label="操作"
+                align="center"
+                class-name="small-padding fixed-width"
+                :render-header="renderHeader2"
+              >
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-edit"
+                    @click="handleUpdate(scope.row)"
+                    v-hasPermi="['powerdistribution:par:edit']"
+                    >修改</el-button
+                  >
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-delete"
+                    @click="handleDelete(scope.row)"
+                    v-hasPermi="['powerdistribution:par:remove']"
+                    >删除</el-button
+                  >
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-card>
+        </div>
+      </el-main>
+    </el-container>
+    <dic-dialog
+      v-if="dialog.dic"
+      ref="dicDialog"
+      @success="handleDicSuccess"
+      @closed="dialog.dic = false"
+    ></dic-dialog>
+    <fault-free-duration-dic-dialog
+      v-if="dialog.info"
+      ref="faultFreeDurationDicDialog"
+      @success="handleDicSuccess"
+      @closed="dialog.info = false"
+    ></fault-free-duration-dic-dialog>
   </div>
- 
 </template>
 
 <script>
-import { listPar, getPar, delPar,listByParType } from "@/api/powerdistribution/par";
-import dicDialog from './dic'
-import faultFreeDurationDicDialog from './fault-free-duration-dic'
+import {
+  listPar,
+  getPar,
+  delPar,
+  listByParType,
+} from "@/api/powerdistribution/par";
+import dicDialog from "./dic";
+import faultFreeDurationDicDialog from "./fault-free-duration-dic";
 export default {
   name: "Par",
-  dicts: ["pdm_maintenance_time","repeat_power_failure"],
+  dicts: ["pdm_maintenance_time", "repeat_power_failure"],
   components: {
-  	dicDialog,
-	faultFreeDurationDicDialog
+    dicDialog,
+    faultFreeDurationDicDialog,
   },
   data() {
     return {
@@ -214,33 +347,32 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {
+      rules: {},
+      tableData1: [],
+      tableData2: [],
+      tableData3: [],
+      tableData4: [],
+      dialog: {
+        dic: false,
+        info: false,
       },
-	  tableData1:[],
-	  tableData2:[],
-	  tableData3:[],
-	  tableData4:[],
-	  dialog: {
-	  	dic: false,
-	  	info: false
-	  },
     };
   },
   created() {
     this.getParList(0);
-	this.getParList(1);
-	this.getParList(2);
-	this.getParList(3);
+    this.getParList(1);
+    this.getParList(2);
+    this.getParList(3);
   },
   methods: {
     /** 查询配网参数配置列表 */
     async getParList(parType) {
-	  this.queryParams.parType=parType;
-      listByParType(this.queryParams).then(response => {
-       if(parType==0)this.tableData1= response.data;
-	   if(parType==1)this.tableData2= response.data;
-	   if(parType==2)this.tableData3= response.data; 
-	   if(parType==3)this.tableData4= response.data; 
+      this.queryParams.parType = parType;
+      listByParType(this.queryParams).then((response) => {
+        if (parType == 0) this.tableData1 = response.data;
+        if (parType == 1) this.tableData2 = response.data;
+        if (parType == 2) this.tableData3 = response.data;
+        if (parType == 3) this.tableData4 = response.data;
       });
     },
     // 取消按钮
@@ -260,7 +392,7 @@ export default {
         createBy: null,
         createTime: null,
         updateBy: null,
-        updateTime: null
+        updateTime: null,
       };
       this.resetForm("form");
     },
@@ -276,92 +408,95 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
-      this.multiple = !selection.length
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd(parType) {
-	  this.dialog.dic = true
-	  this.$nextTick(() => {
-		this.form = {
-		  id: null,
-		  parCode: null,
-		  parName: null,
-		  parValue: null,
-		  parUnit: null,
-		  parType: parType,
-		  remark: null,
-		  createBy: null,
-		  createTime: null,
-		  updateBy: null,
-		  updateTime: null
-		};
-	  	this.$refs.dicDialog.open().setData(this.form)
-	  })
+      this.dialog.dic = true;
+      this.$nextTick(() => {
+        this.form = {
+          id: null,
+          parCode: null,
+          parName: null,
+          parValue: null,
+          parUnit: null,
+          parType: parType,
+          remark: null,
+          createBy: null,
+          createTime: null,
+          updateBy: null,
+          updateTime: null,
+        };
+        this.$refs.dicDialog.open().setData(this.form);
+      });
+    },
+    /** 新增按钮操作 */
+    handleAddFaultFreeDuration() {
+      this.dialog.info = true;
+      this.$nextTick(() => {
+        this.form = {
+          id: null,
+          parCode: null,
+          parName: "无故障持续时间",
+          parValue: null,
+          parUnit: null,
+          parType: 2,
+          remark: null,
+          createBy: null,
+          createTime: null,
+          updateBy: null,
+          updateTime: null,
+        };
+        this.$refs.faultFreeDurationDicDialog.open().setData(this.form);
+      });
     },
-	/** 新增按钮操作 */
-	handleAddFaultFreeDuration() {
-	  this.dialog.info = true
-	  this.$nextTick(() => {
-		this.form = {
-		  id: null,
-		  parCode: null,
-		  parName: "无故障持续时间",
-		  parValue: null,
-		  parUnit: null,
-		  parType: 2,
-		  remark: null,
-		  createBy: null,
-		  createTime: null,
-		  updateBy: null,
-		  updateTime: null
-		};
-	  	this.$refs.faultFreeDurationDicDialog.open().setData(this.form)
-	  })
-	},
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id || this.ids
-      getPar(id).then(response => {
-		if(row.parType==2){
-			 this.info = true
-			 this.$nextTick(() => {
-			  this.$refs.faultFreeDurationDicDialog.open('edit').setData(response.data)
-			 })
-		}else{
-			this.dialog.dic = true
-			 this.$nextTick(() => {
-			 this.$refs.dicDialog.open('edit').setData(response.data)
-			})
-		}
-       
+      const id = row.id || this.ids;
+      getPar(id).then((response) => {
+        if (row.parType == 2) {
+          this.dialog.info = true;
+          this.$nextTick(() => {
+            this.$refs.faultFreeDurationDicDialog
+              .open("edit")
+              .setData(response.data);
+          });
+        } else {
+          this.dialog.dic = true;
+          this.$nextTick(() => {
+            this.$refs.dicDialog.open("edit").setData(response.data);
+          });
+        }
+      });
+    },
+    /** 修改按钮操作 */
+    async handleUpdate2(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getPar(id).then((response) => {
+        this.info = true;
+        this.$nextTick(() => {
+          this.$refs.faultFreeDurationDicDialog
+            .open("edit")
+            .setData(response.data);
+        });
       });
     },
-	/** 修改按钮操作 */
-	async  handleUpdate2(row) {
-	  this.reset();
-	  const id = row.id || this.ids
-	  getPar(id).then(response => {
-	    this.info = true
-	    this.$nextTick(() => {
-	    this.$refs.faultFreeDurationDicDialog.open('edit').setData(response.data)
-	   })
-	  });
-	},
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.id != null) {
-            updatePar(this.form).then(response => {
+            updatePar(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addPar(this.form).then(response => {
+            addPar(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -373,65 +508,75 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除'+row.parName+'编号为"' + row.parCode + '"的数据项？').then(function() {
-        return delPar(ids);
-      }).then(() => {
-        this.getParList(row.parType);
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      this.$modal
+        .confirm(
+          "是否确认删除" + row.parName + '编号为"' + row.parCode + '"的数据项？'
+        )
+        .then(function () {
+          return delPar(ids);
+        })
+        .then(() => {
+          this.getParList(row.parType);
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('powerdistribution/par/export', {
-        ...this.queryParams
-      }, `par_${new Date().getTime()}.xlsx`)
+      this.download(
+        "powerdistribution/par/export",
+        {
+          ...this.queryParams,
+        },
+        `par_${new Date().getTime()}.xlsx`
+      );
+    },
+    renderHeader() {
+      return (
+        <div>
+          <span>操作</span>
+          <el-button
+            type="primary"
+            icon="el-icon-plus"
+            class="table-icon"
+            size="mini"
+            onClick={() => this.handleAdd(0)}
+          ></el-button>
+        </div>
+      );
+    },
+    renderHeader2() {
+      return (
+        <div>
+          <span>操作</span>
+          <el-button
+            type="primary"
+            icon="el-icon-plus"
+            class="table-icon"
+            size="mini"
+            onClick={() => this.handleAdd(1)}
+          ></el-button>
+        </div>
+      );
     },
-	renderHeader() {
-	  return (
-	    <div>
-	    <span>操作</span>
-	    <el-button
-	      type="primary"
-	      icon="el-icon-plus"
-	      class="table-icon"
-	      size="mini"
-	      onClick={() => this.handleAdd(0)}
-	    ></el-button>
-	    </div>
-	  );
-	},
-	renderHeader2() {
-	  return (
-	    <div>
-	    <span>操作</span>
-	    <el-button
-	      type="primary"
-	      icon="el-icon-plus"
-	      class="table-icon"
-	      size="mini"
-	      onClick={() => this.handleAdd(1)}
-	    ></el-button>
-	    </div>
-	  );
-	},
-	renderHeader3() {
-	  return (
-	    <div>
-	    <span>操作</span>
-	    <el-button
-	      type="primary"
-	      icon="el-icon-plus"
-	      class="table-icon"
-	      size="mini"
-	      onClick={() => this.handleAddFaultFreeDuration()}
-	    ></el-button>
-	    </div>
-	  );
-	},
-	//本地更新数据
-	async handleDicSuccess(data, mode) {
-		this.getParList(data.parType);
-	},
-  }
+    renderHeader3() {
+      return (
+        <div>
+          <span>操作</span>
+          <el-button
+            type="primary"
+            icon="el-icon-plus"
+            class="table-icon"
+            size="mini"
+            onClick={() => this.handleAddFaultFreeDuration()}
+          ></el-button>
+        </div>
+      );
+    },
+    //本地更新数据
+    async handleDicSuccess(data, mode) {
+      this.getParList(data.parType);
+    },
+  },
 };
 </script>