From 97d066a3f7753d67211153a514d3fac44ab54415 Mon Sep 17 00:00:00 2001
From: A0010407 <KHD@202305>
Date: Mon, 20 Nov 2023 16:21:59 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E7=AE=A1=E7=90=86-=E5=A7=94?=
 =?UTF-8?q?=E5=A4=96-1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/device/outsourceWorkOrder/index.vue | 866 +++++++++++-------
 src/views/device/repairOrderReport/index.vue  |   1 +
 2 files changed, 523 insertions(+), 344 deletions(-)

diff --git a/src/views/device/outsourceWorkOrder/index.vue b/src/views/device/outsourceWorkOrder/index.vue
index 80d89de..bc151a6 100644
--- a/src/views/device/outsourceWorkOrder/index.vue
+++ b/src/views/device/outsourceWorkOrder/index.vue
@@ -1,166 +1,285 @@
 <template>
-	<div class="app-container">
-		<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px">
-			<el-form-item label="委外工单编码" prop="workCode">
-				<el-input
-					v-model="queryParams.workCode"
-					placeholder="请输入委外工单编码"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="维修人员" prop="workPerson">
-				<el-input
-					v-model="queryParams.workPerson"
-					placeholder="请输入维修人员"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="委外单位" prop="workOutsourcingUnit">
-				<el-input
-					v-model="queryParams.workOutsourcingUnit"
-					placeholder="请输入委外单位"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="联系方式" prop="workConnection">
-				<el-input
-					v-model="queryParams.workConnection"
-					placeholder="请输入联系方式"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="委外费用" prop="workCost">
-				<el-input
-					v-model="queryParams.workCost"
-					placeholder="请输入委外费用"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item label="委外用时" prop="workCostTime">
-				<el-input
-					v-model="queryParams.workCostTime"
-					placeholder="请输入委外用时"
-					clearable
-					@keyup.enter.native="handleQuery"
-				/>
-			</el-form-item>
-			<el-form-item>
-				<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-				<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-			</el-form-item>
-		</el-form>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="98px"
+    >
+      <el-form-item label="委外工单编码" prop="workCode">
+        <el-input
+          v-model="queryParams.workCode"
+          placeholder="请输入委外工单编码"
+          clearable
+          style="width: 200px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="维修人员" prop="workPerson">
+        <el-input
+          v-model="queryParams.workPerson"
+          placeholder="请输入维修人员"
+          style="width: 200px"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="委外单位" prop="workOutsourcingUnit">
+        <el-input
+          v-model="queryParams.workOutsourcingUnit"
+          placeholder="请输入委外单位"
+          style="width: 200px"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="联系方式" prop="workConnection">
+        <el-input
+          v-model="queryParams.workConnection"
+          placeholder="请输入联系方式"
+          style="width: 200px"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="委外费用" prop="workCost">
+        <el-input
+          v-model="queryParams.workCost"
+          placeholder="请输入委外费用"
+          clearable
+          style="width: 200px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="委外用时" prop="workCostTime">
+        <el-input
+          v-model="queryParams.workCostTime"
+          placeholder="请输入委外用时"
+          clearable
+          style="width: 200px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="委外类型" prop="workType">
+        <el-select
+          v-model="queryParams.workType"
+          placeholder="请选择委外类型"
+          @change="$forceUpdate()"
+          clearable
+          style="width: 200px"
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.workType"
+            :label="item.label"
+            :value="item.workType"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
 
-		<el-row :gutter="10" class="mb8">
-			<el-col :span="1.5">
-				<el-button
-					type="primary"
-					plain
-					icon="el-icon-plus"
-					size="mini"
-					@click="handleAdd"
-					v-hasPermi="['device:outsourceWorkOrder:add']"
-				>新增</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="success"
-					plain
-					icon="el-icon-edit"
-					size="mini"
-					:disabled="single"
-					@click="handleUpdate"
-					v-hasPermi="['device:outsourceWorkOrder:edit']"
-				>修改</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="danger"
-					plain
-					icon="el-icon-delete"
-					size="mini"
-					:disabled="multiple"
-					@click="handleDelete"
-					v-hasPermi="['device:outsourceWorkOrder:remove']"
-				>删除</el-button>
-			</el-col>
-			<el-col :span="1.5">
-				<el-button
-					type="warning"
-					plain
-					icon="el-icon-download"
-					size="mini"
-					@click="handleExport"
-					v-hasPermi="['device:outsourceWorkOrder:export']"
-				>导出</el-button>
-			</el-col>
-			<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-		</el-row>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['device:outsourceWorkOrder:add']"
+          >新增</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['device:outsourceWorkOrder:edit']"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['device:outsourceWorkOrder:remove']"
+          >删除</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['device:outsourceWorkOrder:export']"
+          >导出</el-button
+        >
+      </el-col>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
 
-		<el-table v-loading="loading" :data="outsourceWorkOrderList" @selection-change="handleSelectionChange">
-			<el-table-column type="selection" width="55" align="center" />
-			<el-table-column label="委外工单编码" align="center" prop="workCode" width="180"/>
-			<el-table-column label="报修单号" align="center" prop="orderCode" width="180"/>
-			<el-table-column label="维修单号" align="center" prop="repairCode" width="180"/>
-			<el-table-column label="设备编码" align="center" prop="equipmentCode" />
-			<el-table-column label="设备名称" align="center" prop="equipmentName" />
-			<el-table-column label="设备类型" align="center" prop="equipmentTypeName" />
-			<el-table-column label="委外维修人员" align="center" prop="workPerson" width="150"/>
-			<el-table-column label="委外单位" align="center" prop="workOutsourcingUnit" width="200"/>
-			<el-table-column label="联系方式" align="center" prop="workConnection" width="150"/>
-			<el-table-column label="委外原因" align="center" prop="workReason" width="150"/>
-			<el-table-column label="委外类型" align="center" prop="workType" />
-			<el-table-column label="委外费用" align="center" prop="workCost" />
-			<el-table-column label="委外用时" align="center" prop="workCostTime" />
-			      <el-table-column width="180" label="创建时间" align="center" prop="createTime">
-              <template slot-scope="scope">
-                <span>{{ parseTime(scope.row.createTime) }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column width="120" label="创建人" align="center" prop="createBy"/>
-            <el-table-column width="180" label="更新时间" align="center" prop="updateTime">
-              <template slot-scope="scope">
-                <span>{{ parseTime(scope.row.updateTime) }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column width="120" label="更新人" align="center" prop="updateBy"/>
-			<el-table-column label="工厂编码" align="center" prop="factoryCode" />
-			<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
-				<template slot-scope="scope">
-					<el-button
-						size="mini"
-						type="text"
-						icon="el-icon-edit"
-						@click="handleUpdate(scope.row)"
-						v-hasPermi="['device:outsourceWorkOrder:edit']"
-					>修改</el-button>
-					<el-button
-						size="mini"
-						type="text"
-						icon="el-icon-delete"
-						@click="handleDelete(scope.row)"
-						v-hasPermi="['device:outsourceWorkOrder:remove']"
-					>删除</el-button>
-				</template>
-			</el-table-column>
-		</el-table>
+    <el-table
+      v-loading="loading"
+      :data="outsourceWorkOrderList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column
+        label="委外工单编码"
+        align="center"
+        prop="workCode"
+        width="180"
+      />
+      <el-table-column
+        label="报修单号"
+        align="center"
+        prop="orderCode"
+        width="180"
+      />
+      <el-table-column
+        label="维修单号"
+        align="center"
+        prop="repairCode"
+        width="180"
+      />
+      <el-table-column label="设备编码" align="center" prop="equipmentCode" />
+      <el-table-column label="设备名称" align="center" prop="equipmentName" />
+      <el-table-column
+        label="设备类型"
+        align="center"
+        prop="equipmentTypeName"
+      />
+      <el-table-column
+        label="委外维修人员"
+        align="center"
+        prop="workPerson"
+        width="150"
+      />
+      <el-table-column
+        label="委外单位"
+        align="center"
+        prop="workOutsourcingUnit"
+        width="200"
+      />
+      <el-table-column
+        label="联系方式"
+        align="center"
+        prop="workConnection"
+        width="150"
+      />
+      <el-table-column
+        label="委外原因"
+        align="center"
+        prop="workReason"
+        width="150"
+      />
+      <el-table-column label="委外类型" align="center" prop="workType">
+        <template slot-scope="scope">
+          {{ scope.row.workType == 1 ? "保养委外" : "维修委外" }}
+        </template>
+      </el-table-column>
+      <el-table-column label="委外费用" align="center" prop="workCost" />
+      <el-table-column label="委外用时" align="center" prop="workCostTime" />
+      <el-table-column
+        width="180"
+        label="创建时间"
+        align="center"
+        prop="createTime"
+      >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        width="120"
+        label="创建人"
+        align="center"
+        prop="createBy"
+      />
+      <el-table-column
+        width="180"
+        label="更新时间"
+        align="center"
+        prop="updateTime"
+      >
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.updateTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        width="120"
+        label="更新人"
+        align="center"
+        prop="updateBy"
+      />
+      <el-table-column label="工厂编码" align="center" prop="factoryCode" />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+        width="150"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['device:outsourceWorkOrder:edit']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['device:outsourceWorkOrder:remove']"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
 
-		<pagination
-			v-show="total>0"
-			:total="total"
-			:page.sync="queryParams.pageNum"
-			:limit.sync="queryParams.pageSize"
-			@pagination="getList"
-		/>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
 
-		<!-- 添加或修改委外工单对话框 -->
-		<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-			<el-form ref="form" :model="form" :rules="rules" label-width="130px">
-				<el-form-item label="设备编码" prop="equipmentCode">
+    <!-- 添加或修改委外工单对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="130px">
+        <el-form-item label="设备编码" prop="equipmentCode">
           <el-input
             v-model="form.equipmentCode"
             placeholder="请输入设备编码"
@@ -174,16 +293,44 @@
           </el-input>
           <ItemSelect ref="itemSelect" @onSelected="onItemSelectedEquipment">
           </ItemSelect>
-      	</el-form-item>
-				<el-form-item label="委外维修人员" prop="workPerson">
-					<el-input v-model="form.workPerson" placeholder="请输入委外维修人员" style="width: 270px"/>
-				</el-form-item>
-				<el-form-item label="委外单位" prop="workOutsourcingUnit">
-					<el-input v-model="form.workOutsourcingUnit" placeholder="请输入委外单位" style="width: 270px"/>
-				</el-form-item>
-				<el-form-item label="委外单位联系方式" prop="workConnection">
-					<el-input v-model="form.workConnection" placeholder="请输入委外单位联系方式" style="width: 270px"/>
-				</el-form-item>
+        </el-form-item>
+        <el-form-item label="委外类型" prop="workType">
+          <el-select
+            v-model="form.workType"
+            placeholder="请选择委外类型"
+            @change="$forceUpdate()"
+            clearable
+            style="width: 270px"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.workType"
+              :label="item.label"
+              :value="item.workType"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="委外维修人员" prop="workPerson">
+          <el-input
+            v-model="form.workPerson"
+            placeholder="请输入委外维修人员"
+            style="width: 270px"
+          />
+        </el-form-item>
+        <el-form-item label="委外单位" prop="workOutsourcingUnit">
+          <el-input
+            v-model="form.workOutsourcingUnit"
+            placeholder="请输入委外单位"
+            style="width: 270px"
+          />
+        </el-form-item>
+        <el-form-item label="委外单位联系方式" prop="workConnection">
+          <el-input
+            v-model="form.workConnection"
+            placeholder="请输入委外单位联系方式"
+            style="width: 270px"
+          />
+        </el-form-item>
         <el-form-item label="委外原因" prop="workReason">
           <el-input
             v-model="form.workReason"
@@ -193,119 +340,142 @@
             :autosize="{ minRows: 2, maxRows: 4 }"
           />
         </el-form-item>
-				<el-form-item label="委外费用" prop="workCost">
-					<el-input v-model="form.workCost" placeholder="请输入委外费用" style="width: 270px"/>
-				</el-form-item>
-				<el-form-item label="委外用时" prop="workCostTime">
-					<el-input v-model="form.workCostTime" placeholder="请输入委外用时" style="width: 270px"/>
-				</el-form-item>
-			</el-form>
-			<div slot="footer" class="dialog-footer">
-				<el-button type="primary" @click="submitForm">确 定</el-button>
-				<el-button @click="cancel">取 消</el-button>
-			</div>
-		</el-dialog>
-	</div>
+        <el-form-item label="委外费用" prop="workCost">
+          <el-input
+            v-model="form.workCost"
+            placeholder="请输入委外费用"
+            style="width: 270px"
+          />
+        </el-form-item>
+        <el-form-item label="委外用时" prop="workCostTime">
+          <el-input
+            v-model="form.workCostTime"
+            placeholder="请输入委外用时"
+            style="width: 270px"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-import { listOutsourceWorkOrder, getOutsourceWorkOrder, delOutsourceWorkOrder, addOutsourceWorkOrder, updateOutsourceWorkOrder } from "@/api/device/outsourceWorkOrder";
+import {
+  listOutsourceWorkOrder,
+  getOutsourceWorkOrder,
+  delOutsourceWorkOrder,
+  addOutsourceWorkOrder,
+  updateOutsourceWorkOrder,
+} from "@/api/device/outsourceWorkOrder";
 import ItemSelect from "./selectSingleEquipment.vue";
 
 export default {
-	name: "OutsourceWorkOrder",
-	components: { ItemSelect },
-	data() {
-		return {
-			// 遮罩层
-			loading: true,
-			// 选中数组
-			ids: [],
-			// 非单个禁用
-			single: true,
-			// 非多个禁用
-			multiple: true,
-			// 显示搜索条件
-			showSearch: true,
-			// 总条数
-			total: 0,
-			// 委外工单表格数据
-			outsourceWorkOrderList: [],
-			// 弹出层标题
-			title: "",
-			// 是否显示弹出层
-			open: false,
-			// 查询参数
-			queryParams: {
-				pageNum: 1,
-				pageSize: 10,
-				workCode: null,
-				repairCode: null,
-				workPerson: null,
-				workOutsourcingUnit: null,
-				workConnection: null,
-				workReason: null,
-				workType: null,
-				equipmentCode: null,
-				workCost: null,
-				workCostTime: null,
-				attr1: null,
-				attr2: null,
-				attr3: null,
-				factoryCode: null
-			},
-			// 表单参数
-			form: {},
-			// 表单校验
-			rules: {
-			}
-		};
-	},
-	created() {
-		this.getList();
-	},
-	methods: {
-		/** 查询委外工单列表 */
-		getList() {
-			this.loading = true;
-			listOutsourceWorkOrder(this.queryParams).then(response => {
-				this.outsourceWorkOrderList = response.rows;
-				this.total = response.total;
-				this.loading = false;
-			});
-		},
-		// 取消按钮
-		cancel() {
-			this.open = false;
-			this.reset();
-		},
-		// 表单重置
-		reset() {
-			this.form = {
-				workId: null,
-				workCode: null,
-				repairCode: null,
-				workPerson: null,
-				workOutsourcingUnit: null,
-				workConnection: null,
-				workReason: null,
-				workType: null,
-				equipmentCode: null,
-				workCost: null,
-				workCostTime: null,
-				attr1: null,
-				attr2: null,
-				attr3: null,
-				delFlag: null,
-				createBy: null,
-				createTime: null,
-				updateBy: null,
-				updateTime: null,
-				factoryCode: null
-			};
-			this.resetForm("form");
-		},
-		//设备选择
+  name: "OutsourceWorkOrder",
+  components: { ItemSelect },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 委外工单表格数据
+      outsourceWorkOrderList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        workCode: null,
+        repairCode: null,
+        workPerson: null,
+        workOutsourcingUnit: null,
+        workConnection: null,
+        workReason: null,
+        workType: null,
+        equipmentCode: null,
+        workCost: null,
+        workCostTime: null,
+        attr1: null,
+        attr2: null,
+        attr3: null,
+        factoryCode: null,
+      },
+      options: [
+        {
+          workType: "1",
+          label: "保养委外",
+        },
+        {
+          workType: "0",
+          label: "维修委外",
+        },
+      ],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询委外工单列表 */
+    getList() {
+      this.loading = true;
+      listOutsourceWorkOrder(this.queryParams).then((response) => {
+        this.outsourceWorkOrderList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        workId: null,
+        workCode: null,
+        repairCode: null,
+        workPerson: null,
+        workOutsourcingUnit: null,
+        workConnection: null,
+        workReason: null,
+        workType: null,
+        equipmentCode: null,
+        workCost: null,
+        workCostTime: null,
+        attr1: null,
+        attr2: null,
+        attr3: null,
+        delFlag: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        factoryCode: null,
+      };
+      this.resetForm("form");
+    },
+    //设备选择
     handleSelectEquipment() {
       this.$refs.itemSelect.showFlag = true;
     },
@@ -313,74 +483,82 @@ export default {
     onItemSelectedEquipment(obj) {
       this.form.equipmentCode = obj;
     },
-		/** 搜索按钮操作 */
-		handleQuery() {
-			this.queryParams.pageNum = 1;
-			this.getList();
-		},
-		/** 重置按钮操作 */
-		resetQuery() {
-			this.resetForm("queryForm");
-			this.handleQuery();
-		},
-		// 多选框选中数据
-		handleSelectionChange(selection) {
-			this.ids = selection.map(item => item.workId)
-			this.single = selection.length!==1
-			this.multiple = !selection.length
-		},
-		/** 新增按钮操作 */
-		handleAdd() {
-			this.reset();
-			this.open = true;
-			this.title = "添加委外工单";
-		},
-		/** 修改按钮操作 */
-		handleUpdate(row) {
-			this.reset();
-			const workId = row.workId || this.ids
-			getOutsourceWorkOrder(workId).then(response => {
-				this.form = response.data;
-				this.open = true;
-				this.title = "修改委外工单";
-			});
-		},
-		/** 提交按钮 */
-		submitForm() {
-			this.$refs["form"].validate(valid => {
-				if (valid) {
-					if (this.form.workId != null) {
-						updateOutsourceWorkOrder(this.form).then(response => {
-							this.$modal.msgSuccess("修改成功");
-							this.open = false;
-							this.getList();
-						});
-					} else {
-						addOutsourceWorkOrder(this.form).then(response => {
-							this.$modal.msgSuccess("新增成功");
-							this.open = false;
-							this.getList();
-						});
-					}
-				}
-			});
-		},
-		/** 删除按钮操作 */
-		handleDelete(row) {
-			const workIds = row.workId || this.ids;
-			this.$modal.confirm('是否确认删除委外工单编号为"' + workIds + '"的数据项？').then(function() {
-				return delOutsourceWorkOrder(workIds);
-			}).then(() => {
-				this.getList();
-				this.$modal.msgSuccess("删除成功");
-			}).catch(() => {});
-		},
-		/** 导出按钮操作 */
-		handleExport() {
-			this.download('device/outsourceWorkOrder/export', {
-				...this.queryParams
-			}, `outsourceWorkOrder_${new Date().getTime()}.xlsx`)
-		}
-	}
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.workId);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加委外工单";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const workId = row.workId || this.ids;
+      getOutsourceWorkOrder(workId).then((response) => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改委外工单";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.workId != null) {
+            updateOutsourceWorkOrder(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addOutsourceWorkOrder(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const workIds = row.workId || this.ids;
+      this.$modal
+        .confirm('是否确认删除委外工单编号为"' + workIds + '"的数据项？')
+        .then(function () {
+          return delOutsourceWorkOrder(workIds);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "device/outsourceWorkOrder/export",
+        {
+          ...this.queryParams,
+        },
+        `outsourceWorkOrder_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
 };
 </script>
diff --git a/src/views/device/repairOrderReport/index.vue b/src/views/device/repairOrderReport/index.vue
index a71499c..de8469d 100644
--- a/src/views/device/repairOrderReport/index.vue
+++ b/src/views/device/repairOrderReport/index.vue
@@ -192,6 +192,7 @@
         align="center"
         :index="indexMethod"
         label="序号"
+        fixed
       >
       </el-table-column>
       <el-table-column