diff --git a/src/api/repair/repair.js b/src/api/repair/repair.js
index 293c06ee..6156b27a 100644
--- a/src/api/repair/repair.js
+++ b/src/api/repair/repair.js
@@ -22,12 +22,13 @@ export function getAppRepairMaTypeList(query) {
 //获取配件类型树
 export function partTypeTreeList(query) {
   return request({
-      url: '/material/ma_part_type/list',
-      method: 'get',
-      params: query,
+    url: '/material/ma_part_type/list',
+    method: 'get',
+    params: query,
   })
 }
 
+
 // //维修驳回至退料
 // export function rejectRepair(data) {
 //   return request({
@@ -44,3 +45,31 @@ export function rejectRepair(taskIds) {
   })
 }
 
+// 维修保存
+export function saveCodeList(data) {
+  return request({
+    url: '/material/repair/batchRepairApply',
+    method: 'post',
+    data: data,
+  })
+}
+
+//维修提交
+export function sendList(data) {
+  return request({
+    url: '/material/repair/endRepairTask',
+    method: 'post',
+    data: data,
+  })
+}
+
+//维修合格
+export function auditPass(data) {
+  return request({
+    url: '/material/repair/completeRepair',
+    method: 'post',
+    data: data,
+
+  })
+}
+
diff --git a/src/views/material/lease/protocol/index.vue b/src/views/material/lease/protocol/index.vue
index 1222ad85..2e117f94 100644
--- a/src/views/material/lease/protocol/index.vue
+++ b/src/views/material/lease/protocol/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item  prop="keyWord">
+      <el-form-item prop="keyWord">
         <el-input
           v-model="queryParams.keyWord"
           placeholder="请输入关键词"
@@ -29,6 +29,7 @@
         <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
@@ -37,7 +38,8 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-        >新增</el-button
+        >新增
+        </el-button
         >
       </el-col>
       <el-col :span="1.5">
@@ -80,7 +82,6 @@
       </el-table-column>
 
 
-
       <el-table-column label="附件图片" align="center" width="180">
         <template slot-scope="scope">
           <el-button
@@ -133,25 +134,42 @@
     />
 
     <!-- 新增或修改弹窗 -->
-    <el-dialog :title="title" :visible.sync="showHouse" width="1000px"   append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="120px" >
+    <el-dialog :title="title" :visible.sync="showHouse" width="1000px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-row>
           <el-col :span="12">
-            <el-form-item label="租赁单位" prop="unitId">
-              <el-select
-                v-model="form.unitId"
+            <!--            <el-form-item label="租赁单位" prop="unitId">-->
+            <!--              <el-select-->
+            <!--                v-model="form.unitId"-->
+            <!--                filterable-->
+            <!--                placeholder="请选择租赁单位"-->
+            <!--                style="width: 100%"-->
+            <!--              >-->
+            <!--                <el-option-->
+            <!--                  v-for="item in unitList"-->
+            <!--                  :key="item.unitId"-->
+            <!--                  :label="item.unitName"-->
+            <!--                  :value="item.unitId"-->
+            <!--                ></el-option>-->
+            <!--              </el-select>-->
+            <!--            </el-form-item>-->
+            <el-form-item label="租赁单位" prop="unitId" >
+              <el-cascader
+                v-model="unitId"
+                :show-all-levels="false"
+                :options="uniteList"
+                :props="selectTreeProps"
                 filterable
+                clearable
+                collapse-tags
+                @change="uniteChange"
                 placeholder="请选择租赁单位"
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="item in unitList"
-                  :key="item.unitId"
-                  :label="item.unitName"
-                  :value="item.unitId"
-                ></el-option>
-              </el-select>
+                style="width: 100%;"
+                :disabled="isEdit"
+              ></el-cascader>
             </el-form-item>
+
+
           </el-col>
 
           <el-col :span="12">
@@ -160,6 +178,7 @@
                 maxlength="50"
                 v-model="form.authPerson"
                 placeholder="请输入授权人"
+                :disabled="isEdits"
               />
             </el-form-item>
           </el-col>
@@ -167,21 +186,36 @@
 
         <el-row>
           <el-col :span="12">
-            <el-form-item label="租赁工程" prop="proId">
-              <el-select
-                v-model="form.proId"
+            <el-form-item label="租赁工程" prop="projectId">
+              <el-cascader
+                v-model="projectId"
+                :show-all-levels="false"
+                :options="projectList"
+                :props="selectTreeProps"
                 filterable
+                clearable
+                collapse-tags
+                @change="projectChange"
                 placeholder="请选择租赁工程"
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="item in projectList"
-                  :key="item.proId"
-                  :label="item.proName"
-                  :value="item.proId"
-                ></el-option>
-              </el-select>
+                style="width: 100%;"
+                :disabled="isEdit"
+              ></el-cascader>
             </el-form-item>
+            <!--            <el-form-item label="租赁工程" prop="proId">
+                          <el-select
+                            v-model="form.proId"
+                            filterable
+                            placeholder="请选择租赁工程"
+                            style="width: 100%"
+                          >
+                            <el-option
+                              v-for="item in projectList"
+                              :key="item.proId"
+                              :label="item.proName"
+                              :value="item.proId"
+                            ></el-option>
+                          </el-select>
+                        </el-form-item>-->
           </el-col>
 
 
@@ -191,6 +225,7 @@
                 v-model="form.phone"
                 placeholder="请输入联系电话"
                 maxlength="11"
+                :disabled="isEdits"
                 onkeyup="this.value = this.value.replace(/[^\d]/g,'');"
               />
             </el-form-item>
@@ -204,6 +239,7 @@
                 maxlength="50"
                 v-model="form.contractCode"
                 placeholder="请输入合同编号"
+                :disabled="isEdits"
               />
             </el-form-item>
           </el-col>
@@ -217,6 +253,7 @@
                 :min="0"
                 :max="9999"
                 style="width: 100%"
+                :disabled="isEdits"
               />
             </el-form-item>
           </el-col>
@@ -231,6 +268,7 @@
                 value-format="yyyy-MM-dd"
                 type="date"
                 placeholder="请选择开始日期"
+                :disabled="isEdits"
               ></el-date-picker>
             </el-form-item>
           </el-col>
@@ -242,6 +280,7 @@
                 type="textarea"
                 placeholder="请输入备注"
                 maxlength="100"
+                :disabled="isEdits"
               />
             </el-form-item>
           </el-col>
@@ -250,7 +289,7 @@
         <el-row>
           <el-col :span="12">
             <el-form-item label="租赁单位类型">
-              <el-select v-model="form.protocol" placeholder="请选择租赁单位类型" clearable>
+              <el-select style="width: 100%;" v-model="form.protocol" placeholder="请选择租赁单位类型" clearable :disabled="isEdits">
                 <el-option label="内部单位" value="1"></el-option>
                 <el-option label="外部单位" value="2"></el-option>
               </el-select>
@@ -260,7 +299,7 @@
 
         <el-form-item label="营业执照">
           <el-upload
-            class = "upload-demo"
+            class="upload-demo"
             action="#"
             :file-list="businessLicenseListTemp"
             :show-file-list="true"
@@ -272,29 +311,30 @@
             :class="{ disabled: uploadDisabled }"
             :on-preview="picturePreview"
             :on-remove="handleRemoveElectricianImgList"
+            :disabled="isEdits"
           >
 
             <!-- 文件格式下载，图片格式预览 -->
             <div slot="file" slot-scope="{file}">
-              <img v-if="isImage(file)" class="el-upload-list__item-thumbnail"  :src="file.url" alt="">
-              <div v-else class="picture-card-container" >
+              <img v-if="isImage(file)" class="el-upload-list__item-thumbnail" :src="file.url" alt="">
+              <div v-else class="picture-card-container">
                 <img class="picture-card" :src="urlTemp" alt="">
                 <p class="file-name">{{ file.name }}</p>
               </div>
               <span class="el-upload-list__item-actions">
                 <span v-if="updataIf(file)" class="el-upload-list__item-delete" @click="handleDownload(file)">
-                <i class="el-icon-download" />
+                <i class="el-icon-download"/>
                 </span>
                 <span v-else class="el-upload-list__item-preview" @click="picturePreview(file)">
-                <i class="el-icon-zoom-in" />
+                <i class="el-icon-zoom-in"/>
                 </span>
                 <span class="el-upload-list__item-delete" @click="handleRemoveElectricianImgList(file)">
-                <i class="el-icon-delete" />
+                <i class="el-icon-delete"/>
                 </span>
               </span>
             </div>
 
-            <i class="el-icon-plus avatar-uploader-icon" ></i>
+            <i class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
         </el-form-item>
 
@@ -305,12 +345,43 @@
       </div>
     </el-dialog>
 
-    <!-- 查看全部图片的弹窗 -->
-    <el-dialog :title="title" :visible.sync="showAllImg" width="600px"   append-to-body>
-      <el-form ref="form" label-width="120px" >
-        <el-form-item label="营业执照">
+    <!-- 查看 -->
+    <el-dialog :title="title" :visible.sync="showSee" width="1000px" append-to-body>
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="租赁单位">
+          {{ form.unitId }}
+        </el-descriptions-item>
+        <el-descriptions-item label="授权人">
+          {{ form.authPerson }}
+        </el-descriptions-item>
+        <el-descriptions-item label="租赁工程">
+          {{ form.projectId }}
+        </el-descriptions-item>
+        <el-descriptions-item label="联系电话">
+          {{ form.phone }}
+        </el-descriptions-item>
+        <el-descriptions-item label="合同编号">
+          {{ form.contractCode }}
+        </el-descriptions-item>
+        <el-descriptions-item label="租赁期限(天)">
+          {{ form.leaseDay }}
+        </el-descriptions-item>
+        <el-descriptions-item label="开始日期">
+          {{ form.planStartTime }}
+        </el-descriptions-item>
+        <el-descriptions-item label="备注">
+          {{ form.remark }}
+        </el-descriptions-item>
+        <el-descriptions-item label="租赁单位类型">
+          {{ form.protocol === '1' ? '内部单位' : '外部单位' }}
+        </el-descriptions-item>
+      </el-descriptions>
+
+      <el-descriptions  :column="1" border style="width: 100%;">
+        <el-descriptions-item label="营业执照" >
           <el-upload
-            class = "upload-demo"
+            class="upload-demo"
+            style="width: 197px;"
             action="#"
             :file-list="businessLicenseListTemp"
             :show-file-list="true"
@@ -322,26 +393,75 @@
             :class="{ disabled: uploadDisabled }"
             :on-preview="picturePreview"
             :on-remove="handleRemoveElectricianImgList"
+            :disabled="isEdits"
+          >
+            <!-- 文件格式下载，图片格式预览 -->
+            <div slot="file" slot-scope="{file}">
+              <img v-if="isImage(file)" class="el-upload-list__item-thumbnail" :src="file.url" alt="">
+              <div v-else class="picture-card-container">
+                <img class="picture-card" :src="urlTemp" alt="">
+                <p class="file-name">{{ file.name }}</p>
+              </div>
+              <span class="el-upload-list__item-actions">
+              <span v-if="updataIf(file)" class="el-upload-list__item-delete" @click="handleDownload(file)">
+                <i class="el-icon-download"/>
+              </span>
+              <span v-else class="el-upload-list__item-preview" @click="picturePreview(file)">
+                <i class="el-icon-zoom-in"/>
+              </span>
+              <span class="el-upload-list__item-delete" @click="handleRemoveElectricianImgList(file)">
+                <i class="el-icon-delete"/>
+              </span>
+            </span>
+            </div>
+            <i class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </el-descriptions-item>
+      </el-descriptions>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 查看全部图片的弹窗 -->
+    <el-dialog :title="title" :visible.sync="showAllImg" width="600px" append-to-body>
+      <el-form ref="form" label-width="120px">
+        <el-form-item label="营业执照">
+          <el-upload
+            class="upload-demo"
+            action="#"
+            :file-list="businessLicenseListTemp"
+            :show-file-list="true"
+            :auto-upload="false"
+            :key="uploadKey"
+            list-type="picture-card"
+            accept=".png, .jpg, .jpeg, .pdf"
+            :on-change="handleChangeBusinessList"
+            :class="{ disabled: uploadDisabled }"
+            :on-preview="picturePreview"
+            :on-remove="handleRemoveElectricianImgList"
+            :disabled="isEdits"
           >
 
             <!-- 文件格式下载，图片格式预览 -->
             <div slot="file" slot-scope="{file}">
-              <img v-if="isImage(file)" class="el-upload-list__item-thumbnail"  :src="file.url" alt="">
-              <div v-else class="picture-card-container" >
+              <img v-if="isImage(file)" class="el-upload-list__item-thumbnail" :src="file.url" alt="">
+              <div v-else class="picture-card-container">
                 <img class="picture-card" :src="urlTemp" alt="">
                 <p class="file-name">{{ file.name }}</p>
               </div>
               <span class="el-upload-list__item-actions">
                 <span v-if="updataIf(file)" class="el-upload-list__item-delete" @click="handleDownload(file)">
-                <i class="el-icon-download" />
+                <i class="el-icon-download"/>
                 </span>
                 <span v-else class="el-upload-list__item-preview" @click="picturePreview(file)">
-                <i class="el-icon-zoom-in" />
+                <i class="el-icon-zoom-in"/>
                 </span>
               </span>
             </div>
 
-            <i class="el-icon-plus avatar-uploader-icon" ></i>
+            <i class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
         </el-form-item>
 
@@ -354,20 +474,31 @@
 
 
     <!-- 图片查看弹窗 -->
-    <el-dialog :visible.sync="dialogVisible" width="600px" height="600px" >
-      <img width="100%" height="500px" :src="dialogImageUrl"  />
+    <el-dialog :visible.sync="dialogVisible" width="600px" height="600px">
+      <img width="100%" height="500px" :src="dialogImageUrl"/>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { getListAgreement,getAgreementDetail,editAgreement,addAgreement,delAgreement,deleteFile, getUnitList, getProjectList, } from "@/api/lease/protocol";
-import { imgUpLoadThree, fileUpLoad } from '@/api/system/upload'
-import { downloadFile,downloadFileData } from '@/utils/download'
-import { getToken } from '@/utils/auth'
+import {
+  getListAgreement,
+  getAgreementDetail,
+  editAgreement,
+  addAgreement,
+  delAgreement,
+  deleteFile,
+  getUnitList,
+  getProjectList,
+} from "@/api/lease/protocol";
+import {imgUpLoadThree, fileUpLoad} from '@/api/system/upload'
+import {downloadFile, downloadFileData} from '@/utils/download'
+import {getToken} from '@/utils/auth'
 import {Base64} from 'js-base64'
-import { forEach } from 'jszip';
+import {forEach} from 'jszip';
 import {listUser} from "@/api/system/user";
+import {getListProject, getListUnite} from "@/api/lease/apply";
+
 export default {
   name: "supplier",
   data() {
@@ -397,20 +528,37 @@ export default {
       // 显示搜索条件
       showSearch: true,
       showHouse: false,
+      showSee: false,
       showAllImg: false,
 
 
       // 总条数
       total: 0,
-      totalTwo : 0,
+      totalTwo: 0,
       // 租赁单位数据
       unitList: [],
+      //租赁单位
+      uniteList: [],
+      selectTreeProps: {
+        children: "children",
+        label: "name",
+        // multiple: false,
+        value: "id",
+        // multiple: true,
+      },
+      unitId: null,
+      projectId: null,
+      maForm: {
+        unitId: undefined,
+        projectId: undefined
+      },
+
       // 工程数据
       projectList: [],
       // 施工记录表格数据
       houseList: [],
-      maxLength:100,//已选列表上限，防止数据过多请求报错
-      keeperDataRange:[],
+      maxLength: 100,//已选列表上限，防止数据过多请求报错
+      keeperDataRange: [],
       // 班组人员表格数据
       teamList: [],
       teamTempList: [],
@@ -418,20 +566,20 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
-      showConfirmButton:true,
+      showConfirmButton: true,
       // 查询参数
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        keyWord:undefined,
-        status:undefined,
+        keyWord: undefined,
+        status: undefined,
         time: null, //申请时间
       },
-      fileList:[],
-      businessLicenseFileList:[],
-      businessLicenseListTemp:[],
-      delBusinessFileIdList:[],
-      base64Data:undefined,
+      fileList: [],
+      businessLicenseFileList: [],
+      businessLicenseListTemp: [],
+      delBusinessFileIdList: [],
+      base64Data: undefined,
       //图片查看弹窗
       dialogImageUrl: '',
       dialogVisible: false,
@@ -442,15 +590,15 @@ export default {
         unitId: [
           {
             required: true,
-            message: '租赁单位不能为空',
-            trigger: 'blur',
+            message: "请选择租赁单位",
+            trigger: "blur",
           },
         ],
-        proId: [
+        projectId: [
           {
             required: true,
-            message: '租赁工程不能为空',
-            trigger: 'blur',
+            message: "请选择租赁工程",
+            trigger: "blur",
           },
         ],
 
@@ -462,9 +610,9 @@ export default {
           },
         ],
         phone: [
-          { required: true, message: "联系电话不能为空", trigger: "blur" },
+          {required: true, message: "联系电话不能为空", trigger: "blur"},
           {
-            required:false,
+            required: false,
             pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
             message: "请输入正确的联系电话",
             trigger: "blur"
@@ -475,10 +623,13 @@ export default {
       //上传
       upload: {
         // 设置上传的请求头部
-        headers: { Authorization: 'Bearer ' + getToken() },
+        headers: {Authorization: 'Bearer ' + getToken()},
         // 上传的地址
         url: process.env.VUE_APP_BASE_API + '/file/upload'
       },
+
+      isEdit: false,
+      isEdits: false,
     };
   },
   computed: {
@@ -495,7 +646,6 @@ export default {
   },
   methods: {
 
-
     //提交时循环fileList 获取raw文件
     async getFileData() {
       const fileTwo = []
@@ -504,17 +654,17 @@ export default {
           fileTwo.push(item.raw)
         }
       })
-      return { fileTwo }
+      return {fileTwo}
     },
 
     // 图片上传
-    async  imgUpLoadTwoAll(param) {
+    async imgUpLoadTwoAll(param) {
       param.type = 'ma'
       imgUpLoadThree(param)
         .then((res) => {
           if (res.code == 200) {
-            let obj =  {'name':res.data.name,'url':res.data.url}
-            console.log('obj',obj)
+            let obj = {'name': res.data.name, 'url': res.data.url}
+            console.log('obj', obj)
             this.businessLicenseFileList.push(obj);
           } else {
             // this.$msgError(res.msg)
@@ -533,10 +683,10 @@ export default {
       this.dialogImageUrl = file.url;
       const parts = file.name.split('.');
       const extension = parts.pop();
-      if(extension === 'pdf'){
+      if (extension === 'pdf') {
         const windowName = file.name;
-        window.open(file.url,windowName)
-      }else{
+        window.open(file.url, windowName)
+      } else {
         this.dialogVisible = true
       }
 
@@ -550,17 +700,17 @@ export default {
         }
       })
       this.businessLicenseListTemp.splice(sum, 1)
-      if(file.status=='success'){
+      if (file.status == 'success') {
         this.delBusinessFileIdList.push(file.url);
       }
-      console.log('delBusinessFileIdList',this.delBusinessFileIdList)
+      console.log('delBusinessFileIdList', this.delBusinessFileIdList)
     },
 
-    isImage(file){
+    isImage(file) {
       this.urlTemp = require('@/assets/file.png');
-      if(this.updataIf(file)){
+      if (this.updataIf(file)) {
         return false
-      }else{
+      } else {
         return true
       }
     },
@@ -587,11 +737,11 @@ export default {
 
     handleDownload(file) {
       console.log(file)
-      if(file.status === 'ready'){
-        downloadFile({ fileName: file.name, fileData: file.raw, fileType: 'application/vnd.ms-excel;charset=utf-8' })
-      }else if(file.status === 'success'){
+      if (file.status === 'ready') {
+        downloadFile({fileName: file.name, fileData: file.raw, fileType: 'application/vnd.ms-excel;charset=utf-8'})
+      } else if (file.status === 'success') {
 
-        downloadFileData(  { fileName: file.name, fileUrl: file.url } )
+        downloadFileData({fileName: file.name, fileUrl: file.url})
         // downloadFileData({ fileName: file.name,fileUrl:file.url })
       }
     },
@@ -602,34 +752,34 @@ export default {
       });
       const parts = file.name.split('.');
       const extension = parts.pop();
-      if(fileList.length > 3){
+      if (fileList.length > 3) {
         this.$message.warning('最多上传3张营业执照')
         fileList = fileList.filter(item => {
           return item.uid != file.uid
         })
-      }else if(!(extension === 'pdf' || extension === 'png' || extension === 'jpg' || extension === 'jpeg')){
+      } else if (!(extension === 'pdf' || extension === 'png' || extension === 'jpg' || extension === 'jpeg')) {
         this.$message.warning('文件格式不正确')
         fileList = fileList.filter(item => {
           return item.uid != file.uid
         })
-      }else if(file.size > 1024 * 1024 * 10){
+      } else if (file.size > 1024 * 1024 * 10) {
         this.$message.warning('文件大小不能超过10Mb')
         fileList = fileList.filter(item => {
           return item.uid != file.uid
         })
-      }else if(file.name.length > 40){
+      } else if (file.name.length > 40) {
         this.$message.warning('文件名长度不能超过40个字符')
         fileList = fileList.filter(item => {
           return item.uid != file.uid
         })
-      }else if(fileListTemp.some(item =>item.name === file.name)){
+      } else if (fileListTemp.some(item => item.name === file.name)) {
         this.$message.warning('文件名重复')
         fileList = fileList.filter(item => {
           return item.uid != file.uid
         })
       }
-      fileList.forEach(file=>{
-        if(extension === 'pdf'){
+      fileList.forEach(file => {
+        if (extension === 'pdf') {
           this.urlTemp = require('../../../../assets/file.png');
 
         }
@@ -656,82 +806,132 @@ export default {
 
     //获取单位类型 ,getUnitList, getProjectList
     async getUnitList() {
-      getUnitList({}).then((response) => {
-        this.unitList = response.data
-      })
+      // getUnitList({}).then((response) => {
+      //   this.unitList = response.data
+      // })
+      getListUnite({projectId: null}).then((response) => {
+        this.uniteList = response.data;
+      });
     },
 
     async getProjectList() {
-      getProjectList({}).then((response) => {
-        this.projectList = response.data
-      })
+      // getProjectList({}).then((response) => {
+      //   this.projectList = response.data
+      // })
+      getListProject({unitId: null}).then((response) => {
+        this.projectList = response.data;
+      });
     },
 
+    uniteChange(val) {
+      // this.projectList = [];
+      if (val && val.length > 0) {
+        this.maForm.unitId = this.unitId[this.unitId.length - 1];
+      } else if (val && val.length == 0) {
+        this.maForm.unitId = "";
+      }
+
+    },
+
+    projectChange(val) {
+      if (val && val.length > 0) {
+        this.maForm.projectId = this.projectId[this.projectId.length - 1];
+      } else if (val && val.length == 0) {
+        this.maForm.projectId = "";
+      }
+    },
+
+
     /** 新增按钮操作 */
     handleAdd() {
       this.reset()
       this.uploadKey = Date.now();
-      this.delBusinessFileIdList=[];
-      this.businessLicenseListTemp=[];
-      this.businessLicenseFileList=[];
+      this.delBusinessFileIdList = [];
+      this.businessLicenseListTemp = [];
+      this.businessLicenseFileList = [];
       this.showHouse = true
       this.showConfirmButton = true
+      this.showSee = false
+      this.isEdit = false;
+      this.isEdits = false;
       this.title = '新增'
     },
 
-    handleUpdate(row){
+    handleUpdate(row) {
       this.reset()
       this.uploadKey = Date.now();
-      this.delBusinessFileIdList=[];
-      this.businessLicenseListTemp=[];
-      this.businessLicenseFileList=[];
+      this.delBusinessFileIdList = [];
+      this.businessLicenseListTemp = [];
+      this.businessLicenseFileList = [];
       var id = row.agreementId;
+
       getAgreementDetail(id).then((response) => {
         this.form = response.data;
-        this.form.proId = response.data.projectId;
-        if(response.data.bmFileInfos!=null){
+        this.maForm.unitId = response.data.unitId;
+        this.maForm.projectId = response.data.projectId;
+        this.unitId = this.treeParentsById(this.uniteList, this.maForm.unitId);
+        this.projectId = this.treeParentsById(
+          this.projectList,
+          this.maForm.projectId
+        );
+
+        var taskId = this.form.taskId
+        console.log(taskId)
+        if(taskId){
+          this.isEdit = true;
+
+        }else{
+          this.isEdit = false;
+        }
+        this.isEdits = false;
+        console.log(this.isEdit)
+
+        if (response.data.bmFileInfos != null) {
           this.businessLicenseListTemp = response.data.bmFileInfos;
-          this.businessLicenseListTemp.forEach(item=>{
-            if(item.name.includes('/')){
+          this.businessLicenseListTemp.forEach(item => {
+            if (item.name.includes('/')) {
               const fileNameWithTimestamp = item.name.split('/').pop();
               const parts = fileNameWithTimestamp.split('_');
               const fileType = item.name.split('.').pop();
               const mainFileName = parts.slice(0, parts.length - 1).join('_');
-              item.name = mainFileName + '.' +fileType;
+              item.name = mainFileName + '.' + fileType;
             }
           })
-        }else{
+        } else {
           this.businessLicenseListTemp = [];
         }
         this.showHouse = true
         this.showConfirmButton = true
+        this.showSee = false
         this.title = '修改'
       })
     },
 
-    handleAllImg(row){
+    handleAllImg(row) {
       this.reset()
       this.uploadKey = Date.now();
-      this.delBusinessFileIdList=[];
-      this.businessLicenseListTemp=[];
-      this.businessLicenseFileList=[];
+      this.delBusinessFileIdList = [];
+      this.businessLicenseListTemp = [];
+      this.businessLicenseFileList = [];
 
       var id = row.agreementId;
       getAgreementDetail(id).then((response) => {
-        if(response.data.bmFileInfos!=null){
+        if (response.data.bmFileInfos != null) {
           this.businessLicenseListTemp = response.data.bmFileInfos;
-          this.businessLicenseListTemp.forEach(item=>{
-            if(item.name.includes('/')){
+          this.businessLicenseListTemp.forEach(item => {
+            if (item.name.includes('/')) {
               const fileNameWithTimestamp = item.name.split('/').pop();
               const parts = fileNameWithTimestamp.split('_');
               const fileType = item.name.split('.').pop();
               const mainFileName = parts.slice(0, parts.length - 1).join('_');
-              item.name = mainFileName + '.' +fileType;
+              item.name = mainFileName + '.' + fileType;
             }
           })
-        }else{
+        } else {
           this.businessLicenseListTemp = [];
         }
+        this.isEdits = true;
+
         this.showHouse = false
         this.showConfirmButton = false
         this.showAllImg = true
@@ -739,32 +939,42 @@ export default {
       })
     },
 
-    handleView(row){
+    handleView(row) {
       this.reset()
       this.uploadKey = Date.now();
-      this.delBusinessFileIdList=[];
-      this.businessLicenseListTemp=[];
-      this.businessLicenseFileList=[];
+      this.delBusinessFileIdList = [];
+      this.businessLicenseListTemp = [];
+      this.businessLicenseFileList = [];
 
       var id = row.agreementId;
       getAgreementDetail(id).then((response) => {
         this.form = response.data;
-        this.form.proId = response.data.projectId;
-        if(response.data.bmFileInfos!=null){
+        this.maForm.unitId = response.data.unitId;
+        this.maForm.projectId = response.data.projectId;
+
+        this.unitId = this.treeParentsById(this.uniteList, this.maForm.unitId);
+        this.projectId = this.treeParentsById(
+          this.projectList,
+          this.maForm.projectId
+        );
+        if (response.data.bmFileInfos != null) {
           this.businessLicenseListTemp = response.data.bmFileInfos;
-          this.businessLicenseListTemp.forEach(item=>{
-            if(item.name.includes('/')){
+          this.businessLicenseListTemp.forEach(item => {
+            if (item.name.includes('/')) {
               const fileNameWithTimestamp = item.name.split('/').pop();
               const parts = fileNameWithTimestamp.split('_');
               const fileType = item.name.split('.').pop();
               const mainFileName = parts.slice(0, parts.length - 1).join('_');
-              item.name = mainFileName + '.' +fileType;
+              item.name = mainFileName + '.' + fileType;
             }
           })
-        }else{
+        } else {
           this.businessLicenseListTemp = [];
         }
-        this.showHouse = true
+        this.isEdit = true;
+        this.isEdits = true;
+        this.showHouse = false
+        this.showSee = true
         this.showConfirmButton = false
         this.title = '查询'
       })
@@ -774,13 +984,19 @@ export default {
     // 表单重置
     reset() {
       this.form = {};
+      this.unitId = null;
+      this.projectId = null;
+      this.maForm = {
+        unitId: undefined,
+        projectId: undefined
+      };
       this.resetForm("form");
     },
 
     /** 重置按钮操作 */
     resetQuery() {
-      this.queryParams.keyWord=null;
-      this.queryParams.status=null;
+      this.queryParams.keyWord = null;
+      this.queryParams.status = null;
       this.queryParams.time = [];
       this.resetForm("queryForm");
       this.handleQuery();
@@ -788,27 +1004,35 @@ export default {
 
     //** 提交按钮 */
     submitForm() {
+      this.form.unitId = this.maForm.unitId;
+      this.form.projectId = this.maForm.projectId;
+
       this.$refs["form"].validate(async valid => {
-        this.form.projectId = this.form.proId;
+        console.log("this.maForm", this.maForm)
+        console.log("this.form", this.form)
+        // this.form.projectId = this.form.proId;
         if (valid) {
           if (this.form.agreementId != undefined) {
+            this.form.projectName =null;
+            this.form.unitName =null;
+            // this.form.fileName =null;
             const reqData = new FormData();
-            if(this.businessLicenseListTemp.length!=0){
-              await  this.getImaUploadEdit(),
+            if (this.businessLicenseListTemp.length != 0) {
+              await this.getImaUploadEdit(),
                 await this.editAgreementTemp(this.form);
               await this.deleteFile();
-            }else{
+            } else {
               await this.editAgreementTemp(this.form);
               await this.deleteFile();
             }
 
           } else {
             console.log(1)
-            if(this.businessLicenseListTemp.length!=0){
+            if (this.businessLicenseListTemp.length != 0) {
               console.log(2)
-              await  this.getImaUpload(),
+              await this.getImaUpload(),
                 await this.addAgreementTemp(this.form);
-            }else{
+            } else {
               console.log(3)
               await this.addAgreementTemp(this.form);
             }
@@ -819,15 +1043,15 @@ export default {
       this.uploadKey = Date.now();
     },
 
-    async getImaUpload(){
+    async getImaUpload() {
       this.businessLicenseFileList = []
       const reqData = new FormData()
       const {fileTwo} = await this.getFileData()
       let res = await imgUpLoadThree(fileTwo);
-      console.log('res',res)
+      console.log('res', res)
       if (res.code === 200) {
-        res.data.forEach(item=>{
-          let objTwo = { 'name': item.name, 'url': item.url, 'taskType':10};
+        res.data.forEach(item => {
+          let objTwo = {'name': item.name, 'url': item.url, 'taskType': 10};
           this.businessLicenseFileList.push(objTwo);
         })
       } else {
@@ -835,21 +1059,21 @@ export default {
       }
     },
 
-    async getImaUploadEdit(){
+    async getImaUploadEdit() {
       this.businessLicenseFileList = []
       const {fileTwo} = await this.getFileData()
-      console.log('fileTwo',fileTwo)
-      this.businessLicenseListTemp.forEach(item=>{
-        if(item.status=='success'){
-          let objThree = { 'name': item.name, 'url': item.url, 'taskType':10};
+      console.log('fileTwo', fileTwo)
+      this.businessLicenseListTemp.forEach(item => {
+        if (item.status == 'success') {
+          let objThree = {'name': item.name, 'url': item.url, 'taskType': 10};
           this.businessLicenseFileList.push(objThree);
         }
       })
-      if(fileTwo.length!=0){
+      if (fileTwo.length != 0) {
         let res = await imgUpLoadThree(fileTwo);
         if (res.code === 200) {
-          res.data.forEach(item=>{
-            let objTwo = { 'name': item.name, 'url': item.url, 'taskType':10};
+          res.data.forEach(item => {
+            let objTwo = {'name': item.name, 'url': item.url, 'taskType': 10};
             this.businessLicenseFileList.push(objTwo);
           })
         } else {
@@ -858,34 +1082,34 @@ export default {
       }
     },
 
-    async addAgreementTemp(form){
-      this.form.bmFileInfos=this.businessLicenseFileList
+    async addAgreementTemp(form) {
+      this.form.bmFileInfos = this.businessLicenseFileList
       addAgreement(form).then(response => {
         this.$modal.msgSuccess("新增成功");
         this.showHouse = false;
         this.getList();
-        this.delBusinessFileIdList=[];
-        this.businessLicenseListTemp=[];
-        this.businessLicenseFileList=[];
+        this.delBusinessFileIdList = [];
+        this.businessLicenseListTemp = [];
+        this.businessLicenseFileList = [];
 
       });
     },
 
-    async editAgreementTemp(form){
-      this.form.bmFileInfos=this.businessLicenseFileList
+    async editAgreementTemp(form) {
+      this.form.bmFileInfos = this.businessLicenseFileList
       editAgreement(form).then(response => {
         this.$modal.msgSuccess("修改成功");
         this.showHouse = false;
         this.getList();
-        this.delBusinessFileIdList=[];
-        this.businessLicenseListTemp=[];
-        this.businessLicenseFileList=[];
+        this.delBusinessFileIdList = [];
+        this.businessLicenseListTemp = [];
+        this.businessLicenseFileList = [];
       });
     },
 
-    async deleteFile(){
-      if(this.delBusinessFileIdList.length>0){
-        this.delBusinessFileIdList.forEach(async item=>{
+    async deleteFile() {
+      if (this.delBusinessFileIdList.length > 0) {
+        this.delBusinessFileIdList.forEach(async item => {
           const urlcode = Base64.encode(item)
           const urlen = encodeURIComponent(urlcode)
           await deleteFile(urlen);
@@ -918,10 +1142,11 @@ export default {
     // 取消按钮
     cancel() {
       this.showHouse = false;
+      this.showSee = false;
       this.showAllImg = false;
-      this.delBusinessFileIdList=[];
-      this.businessLicenseListTemp=[]
-      this.businessLicenseFileList=[];
+      this.delBusinessFileIdList = [];
+      this.businessLicenseListTemp = []
+      this.businessLicenseFileList = [];
       this.uploadKey = Date.now();
       this.reset();
     },
@@ -938,7 +1163,8 @@ export default {
           this.$modal.msgSuccess('删除成功')
           this.getList()
         })
-        .catch(() => {})
+        .catch(() => {
+        })
     },
 
     handleExport() {
@@ -953,6 +1179,24 @@ export default {
       this.getList();
     },
 
+    //单位，工程树结构数据获取父
+    treeParentsById(list, id) {
+      for (let i in list) {
+        if (list[i].id == id) {
+          //查询到就返回该数组对象的value
+          return [list[i].id];
+        }
+        if (list[i].children) {
+          let node = this.treeParentsById(list[i].children, id);
+          if (node !== undefined) {
+            //查询到把父节把父节点加到数组前面
+            node.unshift(list[i].id);
+            return node;
+          }
+        }
+      }
+    },
+
   }
 };
 </script>
@@ -963,38 +1207,47 @@ export default {
   align-items: center;
   justify-content: center;
 }
+
 .deviceCode {
   margin-top: 10px;
   padding-bottom: 20px;
   font-size: 18px;
 }
+
 ::v-deep.el-table .fixed-width .el-button--mini {
   width: 60px !important;
   margin-bottom: 10px;
 }
+
 //隐藏图片上传框的css
 ::v-deep.disabled {
   .el-upload--picture-card {
     display: none;
   }
 }
-::v-deep .el-upload-list--picture-card{
+
+::v-deep .el-upload-list--picture-card {
   display: flex;
 }
+
 ::v-deep .el-upload-list__item {
   margin-bottom: 20px;
   overflow: revert;
 }
-::v-deep .el-upload-list__item-actions{
-  overflow:hidden;
+
+::v-deep .el-upload-list__item-actions {
+  overflow: hidden;
 }
-.upload-demo{
+
+.upload-demo {
   display: flex;
 }
-.el-upload-list__item-thumbnail{
-  height: 145px!important;
+
+.el-upload-list__item-thumbnail {
+  height: 145px !important;
 }
-.picture-card-container{
+
+.picture-card-container {
   width: 100%;
   height: 100%;
   display: flex;
@@ -1002,15 +1255,17 @@ export default {
   align-items: center;
   position: relative;
 }
-.picture-card{
+
+.picture-card {
   width: 100%;
   height: 100%;
-  object-fit:cover;
+  object-fit: cover;
   justify-content: center;
   // border: 1px solid  #ddd;
   // border-radius: 4px;
 }
-.file-name{
+
+.file-name {
   width: 90%;
   white-space: nowrap;
   overflow: hidden;
@@ -1020,10 +1275,11 @@ export default {
   margin-top: 8px;
   text-align: center;
   font-size: 12px;
-  color:#333;
+  color: #333;
   z-index: 999999;
 }
-.file-overlay{
+
+.file-overlay {
   position: absolute;
   top: 0;
   left: 0;
diff --git a/src/views/material/repair/repairManage/component/edit.vue b/src/views/material/repair/repairManage/component/edit.vue
index 15cddcb2..7e9481c8 100644
--- a/src/views/material/repair/repairManage/component/edit.vue
+++ b/src/views/material/repair/repairManage/component/edit.vue
@@ -1,896 +1,1902 @@
 <template>
-    <div>
-        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
-            <el-row>
-                <el-form-item label="退料单位" prop="backUnit">
-                    <el-input v-model="queryParams.backUnit" placeholder="退料单位" clearable  style="width: 240px" disabled/>
-                </el-form-item>
-                <el-form-item label="退料工程" prop="backPro">
-                    <el-input v-model="queryParams.backPro" placeholder="退料工程" clearable  style="width: 240px" disabled/>
-                </el-form-item>
-                <el-form-item label="维修单号" prop="repairCode">
-                    <el-input v-model="queryParams.repairCode" placeholder="维修单号" clearable  style="width: 240px" disabled/>
-                </el-form-item>
-                
-            </el-row> 
-        </el-form>
+  <div>
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="100px"
+    >
+      <el-row>
+        <el-form-item label="退料单位" prop="backUnit">
+          <el-input
+            v-model="queryParams.backUnit"
+            placeholder="退料单位"
+            clearable
+            style="width: 240px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="退料工程" prop="backPro">
+          <el-input
+            v-model="queryParams.backPro"
+            placeholder="退料工程"
+            clearable
+            style="width: 240px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="维修单号" prop="repairCode">
+          <el-input
+            v-model="queryParams.repairCode"
+            placeholder="维修单号"
+            clearable
+            style="width: 240px"
+            disabled
+          />
+        </el-form-item>
+      </el-row>
+    </el-form>
 
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button type="primary" plain icon="el-icon-back" size="mini" @click="goBack  ">维修管理</el-button>
-            </el-col>
-            <el-col :span="1.5">
-                <el-button type="success" plain icon="el-icon-plus" size="mini" @click="handleAdd">合格</el-button>
-            </el-col>
-        </el-row>
-        <el-table v-loading="loading" :data="equipmentList" @selection-change="handleSelectionChange">
-            <el-table-column type="selection" min-width="55" align="center" :selectable="selectable"/>
-            <el-table-column label="序号" type="index" align="center" min-width="80" />
-            <el-table-column label="类型名称" align="center" prop="typeName"  :show-overflow-tooltip="true"/>
-            <el-table-column label="规格型号" align="center" prop="type"  :show-overflow-tooltip="true"/>
-            <el-table-column label="计量单位" align="center" prop="unitName" />
-            <el-table-column label="退料数量" align="center" prop="repairNum" ></el-table-column>
-            <el-table-column label="已修数量" align="center" prop="repairedNum" ></el-table-column>
-            <el-table-column label="待修数量" align="center" prop="disrepairNum" ></el-table-column>
-            <el-table-column label="管理模式" align="center" prop="manageType">
-                <template slot-scope="scope">
-                    <!-- 0编码1数量 -->
-                     <div v-if="scope.row.manageType==0">编码管理</div>
-                     <div v-if="scope.row.manageType==1">数量管理</div>
-                </template>
-            </el-table-column>
-            <el-table-column label="操作" align="center" width="200px">
-                <template slot-scope="scope">
-                    <el-button size="mini" type="warning" @click="handleRepair(scope.row)">维修</el-button>
-                    <el-button size="mini" type="success" >合格</el-button>
-                </template>
-            </el-table-column>
-        </el-table>
-        <!-- 编码维修 -->
-        <el-dialog title="编码维修" :visible.sync="openCode" width="1200px" append-to-body> 
-            <el-row :gutter="10" class="mb8">
-                <el-col :span="1.5">
-                    <el-button type="primary" size="mini">合格</el-button>
-                </el-col>
-            </el-row>
-            <el-table :data="repairDeviceList" width="100%" height="450px">
-                <el-table-column label="序号" type="index" width="55" align="center"/>
-                <el-table-column label="类型名称" prop="typeName" align="center" :show-overflow-tooltip="true"></el-table-column>
-                <el-table-column label="规格型号" prop="type" align="center" :show-overflow-tooltip="true"></el-table-column> 
-                <el-table-column label="设备编码" prop="code" align="center" :show-overflow-tooltip="true"></el-table-column>
-                <el-table-column label="维修状态" prop="status" align="center" :show-overflow-tooltip="true">
-                    <!-- <template slot-scope="scope">
-                        <dict-tag :options="dict.type.ma_machine_status" :value="scope.row.maStatus"/>
-                    </template> -->
-                </el-table-column>
-                <el-table-column label="配件信息" prop="partInfo" align="center" width="150" :show-overflow-tooltip="true"></el-table-column>
-                <el-table-column label="附件" align="center" width="100">
-                    <template slot-scope="scope">
-                        <div style="display: flex;align-items: center;justify-content: center;">
-                            <el-upload ref="upload" :limit="1" :headers="upload.headers"
-                            :action="upload.url" :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx"
-                            :on-success="handleFileSuccess2"   :auto-upload="true">
-                            <el-button size="mini" type="text" @click="beforeFileUpload(scope.row)">
-                                    上传
-                            </el-button>
-                            </el-upload>
-                            <el-button size="mini" type="text" @click="picturePreview(scope.row)" v-if="scope.row.bmFileInfos&&scope.row.bmFileInfos.length>0">
-                                查看
-                            </el-button>
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center"  width="300px">
-                <template slot-scope="scope">
-                    <el-button size="mini" type="warning" @click="openInnerDialog(scope.row)">内部维修</el-button>
-                    <el-button size="mini" type="warning" @click="openBackDialog(scope.row)">返场维修</el-button>
-                    <el-button size="mini" type="danger" @click="openScrapDialog(scope.row)">待报废</el-button>
-                </template>
-            </el-table-column>
-            </el-table>
-            <div style="width: 100%;height: 50px;display: flex;justify-content: flex-end;align-items: center;">
-                <el-button type="primary" size="mini" @click="saveCodeDialog">保存</el-button>
-                <el-button type="normal" size="mini" @click="openCode=false">取消</el-button>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-back"
+          size="mini"
+          @click="goBack"
+          >维修管理</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          >合格</el-button
+        >
+      </el-col>
+    </el-row>
+    <el-table
+      v-loading="loading"
+      :data="equipmentList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column
+        type="selection"
+        min-width="55"
+        align="center"
+        :selectable="selectable"
+      />
+      <el-table-column
+        label="序号"
+        type="index"
+        align="center"
+        min-width="80"
+      />
+      <el-table-column
+        label="类型名称"
+        align="center"
+        prop="typeName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="规格型号"
+        align="center"
+        prop="type"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column label="计量单位" align="center" prop="unitName" />
+      <el-table-column
+        label="退料数量"
+        align="center"
+        prop="repairNum"
+      ></el-table-column>
+      <el-table-column
+        label="已修数量"
+        align="center"
+        prop="repairedNum"
+      ></el-table-column>
+      <el-table-column
+        label="待修数量"
+        align="center"
+        prop="disrepairNum"
+      ></el-table-column>
+      <el-table-column label="管理模式" align="center" prop="manageType">
+        <template slot-scope="scope">
+          <!-- 0编码1数量 -->
+          <div v-if="scope.row.manageType == 0">编码管理</div>
+          <div v-if="scope.row.manageType == 1">数量管理</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="200px">
+        <template slot-scope="scope">
+          <el-button size="mini" type="warning" @click="handleRepair(scope.row)"
+            >维修</el-button
+          >
+          <el-button size="mini" type="success"  @click="handleAddSingle(scope.row)">合格</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 编码维修 -->
+    <el-dialog
+      title="编码维修"
+      :visible.sync="openCode"
+      width="1200px"
+      append-to-body
+    >
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button type="primary" size="mini">合格</el-button>
+        </el-col>
+      </el-row>
+      <el-table :data="repairDeviceList" width="100%" height="450px">
+        <el-table-column label="序号" type="index" width="55" align="center" />
+        <el-table-column
+          label="类型名称"
+          prop="typeName"
+          align="center"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
+        <el-table-column
+          label="规格型号"
+          prop="type"
+          align="center"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
+        <el-table-column
+          label="设备编码"
+          prop="code"
+          align="center"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
+        <el-table-column
+          label="维修状态"
+          prop="status"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+          <template slot-scope="scope">
+            <div v-if="scope.row.status == '1'" style="color: green">
+              {{ "已完成" }}
             </div>
-        </el-dialog>
-        <!-- 内部维修 -->
-        <el-dialog title="内部维修" :visible.sync="openInner" width="900px" append-to-body> 
-            <el-row :gutter="18" class="mb8">
-                <el-col :span="12">
-                    <div style="width: 100%;height: 100%;display: flex;align-items: center;">
-                        <span style="width: 80px;">配件型号:</span> 
-                        <el-cascader v-model="partType"
-                            :key="propsKey" 
-                            :show-all-levels="false"
-                            :options="partTypeTree"
-                            :props="partTypeTreeProps"
-                            filterable
-                            collapse-tags
-                            style="width: 80%;"
-                            placeholder="请选择规格型号"
-                            ref="partTypeCascader"
-                            popper-class="popper-select"
-                            @change="partTypeChange"
-                        ></el-cascader> 
-                    </div>
-                </el-col>
-                <el-col :span="1.5">
-                    <el-button type="primary" size="mini" @click="resetInner">重置</el-button>
-                </el-col>
-            </el-row>
-            <el-table :data="partTableList" width="100%" height="450px">
-                <el-table-column label="序号" type="index" width="55" align="center"/>
-                <el-table-column label="配件名称" prop="typeName" align="center" :show-overflow-tooltip="true"></el-table-column>
-                <el-table-column label="规格型号" prop="typeCode" align="center" :show-overflow-tooltip="true"></el-table-column> 
-                <el-table-column label="是否收费" prop="isCharge" align="center" :show-overflow-tooltip="true">
-                    <template slot-scope="scope">
-                        <el-select
-                                v-model="scope.row.isCharge"
-                                placeholder="是否收费"
-                                filterable
-                                clearable
-                            >
-                            <el-option label="是" value="1"></el-option>
-                            <el-option label="否" value="0"></el-option>
-                        </el-select>
-                    </template>
-                </el-table-column>
-                <el-table-column label="配件数量" prop="partNum" align="center" :show-overflow-tooltip="true">
-                    <template slot-scope="scope">
-                        <el-input 
-                            v-model.number="scope.row.partNum"
-                            placeholder="配件数量"
-                            type="number" min="1"
-                            clearable style="width: 100%"
-                        />
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center"   width="120px">
-                <template slot-scope="scope">
-                    <el-button size="mini" type="danger" @click="handleDeletePart({ ...scope.row, index: scope.$index })">删除</el-button>
-                </template>
-            </el-table-column>
-            </el-table>
-            <div style="width: 100%;height: 50px;display: flex;justify-content: flex-end;align-items: center;">
-                <el-button type="primary" size="mini" @click="saveInnerDialog">保存</el-button>
-                <el-button type="normal" size="mini" @click="openInner=false">取消</el-button>
+            <div v-if="scope.row.status == '0'" style="color: red">
+              {{ "未完成" }}
             </div>
-        </el-dialog>
-        <!-- 返场维修 -->
-        <el-dialog title="返场维修" :visible.sync="openBack" width="900px" append-to-body>
-            <el-form :model="backForm" ref="backForm" size="small" :rules="rules" :inline="true" label-width="100px">
-                <el-form-item label="物资厂家" prop="supplierId">
-                    <el-select
-                        v-model="backForm.supplierId"
-                        placeholder="物资厂家"
-                        clearable filterable style="width: 240px">
-                        <el-option
-                            v-for="item in supplierList"
-                            :key="item.supplierId"
-                            :label="item.supplier"
-                            :value="item.supplierId" />
-                    </el-select>
-                </el-form-item> 
-                <el-form-item label="备注" prop="remark">
-                    <el-input
-                        v-model="backForm.remark"
-                        placeholder="请输入备注"
-                        clearable maxlength="150" type="textarea"
-                        style="width: 240px" rows="1"/>
-                </el-form-item> 
-            </el-form>
-            <el-table :data="backTableList" width="100%" height="450px">
-                <el-table-column label="序号" type="index" width="55" align="center"/>
-                <el-table-column label="配件名称" prop="partName" align="center" :show-overflow-tooltip="true">
-                    <template v-slot="scope">
-                        <el-input
-                            v-model="scope.row.partName"
-                            style="width: 100%" maxlength="20"></el-input>
-                    </template>
-                </el-table-column> 
-                <el-table-column label="是否收费" prop="isCharge" align="center" :show-overflow-tooltip="true">
-                    <template slot-scope="scope">
-                        <el-select
-                            v-model="scope.row.isCharge"
-                            placeholder="是否收费"
-                            filterable
-                            clearable
-                        >
-                        <el-option label="是" value="1"></el-option>
-                        <el-option label="否" value="0"></el-option>
-                        </el-select>
-                    </template>
-                </el-table-column>
-                <el-table-column label="配件数量" prop="partNum" align="center" :show-overflow-tooltip="true">
-                    <template v-slot="scope">
-                        <el-input-number
-                            v-model="scope.row.partNum"
-                            controls-position="right"
-                            style="width: 100%"
-                            :min="0"
-                        ></el-input-number>
-                    </template>
-                </el-table-column>
-                <el-table-column label="维修金额" prop="backCost" align="center" :show-overflow-tooltip="true">
-                    <template v-slot="scope">
-                        <el-input-number
-                            v-model="scope.row.backCost"
-                            controls-position="right"
-                            style="width: 100%"
-                            :min="0"
-                        ></el-input-number>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" align="center"   width="80px">
-                <template slot-scope="scope">
-                    <div style="width: 100%;height: 40px;display: flex;align-items: center;justify-content: space-between;">
-                        <i class="el-icon-plus" style="font-size: 20px;color: blue;" @click="handleAddBack"></i>
-                        <i class="el-icon-minus" style="font-size: 20px;color: red;" @click="handleDeleteBack({ ...scope.row, index: scope.$index })"></i>
-                    </div>
-                    <!-- <el-button size="mini" type="primary" @click="handleAddBack">添加</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="配件信息"
+          prop="partInfo"
+          align="center"
+          width="150"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
+        <el-table-column label="附件" align="center" width="100">
+          <template slot-scope="scope">
+            <div
+              style="
+                display: flex;
+                align-items: center;
+                justify-content: center;
+              "
+            >
+              <el-upload
+                ref="upload"
+                :limit="1"
+                :headers="upload.headers"
+                :action="upload.url"
+                :show-file-list="false"
+                accept=".png, .jpg, .jpeg, .pdf, .doc, .docx"
+                :on-success="handleFileSuccess2"
+                :auto-upload="true"
+              >
+                <el-button
+                  v-if="scope.row.fileUrl != '' && scope.row.fileUrl != null"
+                  size="mini"
+                  type="text"
+                  @click="beforeFileUpload(scope.row)"
+                >
+                  上传
+                </el-button>
+              </el-upload>
+              <el-button
+                size="mini"
+                type="text"
+                @click="picturePreview(scope.row)"
+                v-if="scope.row.bmFileInfos && scope.row.bmFileInfos.length > 0"
+              >
+                查看
+              </el-button>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="300px">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="warning"
+              @click="openInnerDialog(scope.row)"
+              >内部维修</el-button
+            >
+            <el-button
+              size="mini"
+              type="warning"
+              @click="openBackDialog(scope.row)"
+              >返场维修</el-button
+            >
+            <el-button
+              size="mini"
+              type="danger"
+              @click="openScrapDialog(scope.row)"
+              >待报废</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <div
+        style="
+          width: 100%;
+          height: 50px;
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+        "
+      >
+        <el-button type="primary" size="mini" @click="saveCodeDialog"
+          >保存</el-button
+        >
+        <el-button type="normal" size="mini" @click="openCode=false"
+          >取消</el-button
+        >
+      </div>
+    </el-dialog>
+    <!-- 内部维修 -->
+    <el-dialog
+      title="内部维修"
+      :visible.sync="openInner"
+      width="900px"
+      append-to-body
+    >
+      <el-row :gutter="18" class="mb8">
+        <el-col :span="12">
+          <div
+            style="
+              width: 100%;
+              height: 100%;
+              display: flex;
+              align-items: center;
+            "
+          >
+            <span style="width: 80px">配件型号:</span>
+            <el-cascader
+              v-model="partType"
+              :key="propsKey"
+              :show-all-levels="false"
+              :options="partTypeTree"
+              :props="partTypeTreeProps"
+              filterable
+              collapse-tags
+              style="width: 80%"
+              placeholder="请选择规格型号"
+              ref="partTypeCascader"
+              popper-class="popper-select"
+              @change="partTypeChange"
+            ></el-cascader>
+          </div>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="primary" size="mini" @click="resetInner"
+            >重置</el-button
+          >
+        </el-col>
+      </el-row>
+      <el-table :data="partTableList" width="100%" height="450px">
+        <el-table-column label="序号" type="index" width="55" align="center" />
+        <el-table-column
+          label="配件名称"
+          prop="typeName"
+          align="center"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
+        <el-table-column
+          label="规格型号"
+          prop="typeCode"
+          align="center"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
+        <el-table-column
+          label="是否收费"
+          prop="isCharge"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+          <template slot-scope="scope">
+            <el-select
+              v-model="scope.row.isCharge"
+              placeholder="是否收费"
+              filterable
+              clearable
+            >
+              <el-option label="是" value="1"></el-option>
+              <el-option label="否" value="0"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="配件数量"
+          prop="partNum"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+          <template slot-scope="scope">
+            <el-input
+              v-model.number="scope.row.partNum"
+              placeholder="配件数量"
+              type="number"
+              min="1"
+              clearable
+              style="width: 100%"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="120px">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="danger"
+              @click="handleDeletePart({ ...scope.row, index: scope.$index })"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <div
+        style="
+          width: 100%;
+          height: 50px;
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+        "
+      >
+        <el-button type="primary" size="mini" @click="saveInnerDialog"
+          >保存</el-button
+        >
+        <el-button type="normal" size="mini" @click="openInner = false"
+          >取消</el-button
+        >
+      </div>
+    </el-dialog>
+    <!-- 返场维修 -->
+    <el-dialog
+      title="返场维修"
+      :visible.sync="openBack"
+      width="900px"
+      append-to-body
+    >
+      <el-form
+        :model="backForm"
+        ref="backForm"
+        size="small"
+        :rules="rules"
+        :inline="true"
+        label-width="100px"
+      >
+        <el-form-item label="物资厂家" prop="supplierId">
+          <el-select
+            v-model="backForm.supplierId"
+            placeholder="物资厂家"
+            clearable
+            filterable
+            style="width: 240px"
+          >
+            <el-option
+              v-for="item in supplierList"
+              :key="item.supplierId"
+              :label="item.supplier"
+              :value="item.supplierId"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input
+            v-model="backForm.remark"
+            placeholder="请输入备注"
+            clearable
+            maxlength="150"
+            type="textarea"
+            style="width: 240px"
+            rows="1"
+          />
+        </el-form-item>
+      </el-form>
+      <el-table :data="backTableList" width="100%" height="450px">
+        <el-table-column label="序号" type="index" width="55" align="center" />
+        <el-table-column
+          label="配件名称"
+          prop="partName"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+          <template v-slot="scope">
+            <el-input
+              v-model="scope.row.partName"
+              style="width: 100%"
+              maxlength="20"
+            ></el-input>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="是否收费"
+          prop="isCharge"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+          <template slot-scope="scope">
+            <el-select
+              v-model="scope.row.isCharge"
+              placeholder="是否收费"
+              filterable
+              clearable
+            >
+              <el-option label="是" value="1"></el-option>
+              <el-option label="否" value="0"></el-option>
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="配件数量"
+          prop="partNum"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+          <template v-slot="scope">
+            <el-input-number
+              v-model="scope.row.partNum"
+              controls-position="right"
+              style="width: 100%"
+              :min="0"
+            ></el-input-number>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="维修金额"
+          prop="backCost"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+          <template v-slot="scope">
+            <el-input-number
+              v-model="scope.row.backCost"
+              controls-position="right"
+              style="width: 100%"
+              :min="0"
+            ></el-input-number>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="80px">
+          <template slot-scope="scope">
+            <div
+              style="
+                width: 100%;
+                height: 40px;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+              "
+            >
+              <i
+                class="el-icon-plus"
+                style="font-size: 20px; color: blue"
+                @click="handleAddBack"
+              ></i>
+              <i
+                class="el-icon-minus"
+                style="font-size: 20px; color: red"
+                @click="handleDeleteBack({ ...scope.row, index: scope.$index })"
+              ></i>
+            </div>
+            <!-- <el-button size="mini" type="primary" @click="handleAddBack">添加</el-button>
                     <el-button size="mini" type="danger" @click="handleDeleteBack({ ...scope.row, index: scope.$index })">删除</el-button> -->
-                </template>
-            </el-table-column>
-            </el-table>
-            <div style="width: 100%;height: 50px;display: flex;justify-content: flex-end;align-items: center;">
-                <el-button type="primary" size="mini" @click="saveBackDialog">保存</el-button>
-                <el-button type="normal" size="mini" @click="openBack=false">取消</el-button>
-            </div>
-        </el-dialog>
-        <!-- 待报废 -->
-        <el-dialog title="待报废" :visible.sync="openScrap" width="900px" append-to-body>
-            <div style="height: 300px;width: 100%;">
-                <el-form :model="scrapForm" ref="scrapForm" size="small" :rules="scrapRules" :inline="true" label-width="100px">
-                    <el-form-item label="报废原因" prop="scrapReason">
-                        <el-select
-                            v-model="scrapForm.scrapReason"
-                            placeholder="损坏原因"
-                            clearable filterable style="width: 250px">
-                            <el-option
-                                v-for="item in damageReasonList"
-                                :key="item.id"
-                                :label="item.label"
-                                :value="item.id" />
-                        </el-select>
-                        
-                    </el-form-item> 
-                    <el-form-item label="损坏原因" prop="damageReason">
-                        <el-select
-                            v-model="scrapForm.damageReason"
-                            placeholder="损坏原因"
-                            clearable filterable style="width: 250px">
-                            <el-option
-                                v-for="item in damageReasonList"
-                                :key="item.id"
-                                :label="item.label"
-                                :value="item.id" />
-                        </el-select>
-                    </el-form-item> 
-                    <el-form-item label="其他原因" prop="remark">
-                        <el-input
-                            v-model="scrapForm.otherReason"
-                            placeholder="请输入其他原因"
-                            clearable maxlength="150" type="textarea"
-                            style="width: 250px" rows="4"/>
-                    </el-form-item>
-                    <el-form-item label="照片" prop="picture">
-                        <el-upload ref="upload" :limit="1" :headers="upload.headers" drag
-                            :action="upload.url" :show-file-list="false" accept=".png, .jpg, .jpeg, .pdf, .doc, .docx"
-                            :on-success="handleFileSuccess3" :auto-upload="true">
-                            <i class="el-icon-upload"></i>
-                            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-                            <!-- <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>  -->
-                        </el-upload>
-                    </el-form-item> 
-                </el-form> 
-            </div>
-            
-            <div style="width: 100%;height: 50px;display: flex;justify-content: flex-end;align-items: center;">
-                <el-button type="primary" size="mini">保存</el-button>
-                <el-button type="normal" size="mini" @click="openScrap=false">取消</el-button>
-            </div>
-        </el-dialog>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div
+        style="
+          width: 100%;
+          height: 50px;
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+        "
+      >
+        <el-button type="primary" size="mini" @click="saveBackDialog"
+          >保存</el-button
+        >
+        <el-button type="normal" size="mini" @click="openBack = false"
+          >取消</el-button
+        >
+      </div>
+    </el-dialog>
+    <!-- 待报废 -->
+    <el-dialog
+      title="待报废"
+      :visible.sync="openScrap"
+      width="900px"
+      append-to-body
+    >
+      <el-form
+        :model="scrapForm"
+        ref="scrapForm"
+        size="small"
+        :rules="scrapRules"
+        :inline="true"
+        label-width="100px"
+      >
+        <!-- <el-form-item label="报废原因" prop="scrapReason">
+          <el-select
+            v-model="scrapForm.scrapReason"
+            placeholder="报废原因"
+            clearable
+            filterable
+            style="width: 250px"
+          >
+            <el-option
+              v-for="item in damageReasonList"
+              :key="item.id"
+              :label="item.label"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item> -->
+        <el-form-item label="损坏原因" prop="scrapType">
+          <el-select
+            v-model="scrapForm.scrapType"
+            placeholder="损坏原因"
+            clearable
+            filterable
+            style="width: 250px"
+          >
+            <el-option
+              v-for="item in damageReasonList"
+              :key="item.id"
+              :label="item.label"
+              :value="item.id"
+            />
+        </el-select>
+        </el-form-item>
+        <el-form-item label="报废原因" prop="scrapReason">
+              <el-input
+                v-model="scrapForm.scrapReason"
+                placeholder="请输入报废原因"
+                clearable
+                maxlength="150"
+                type="textarea"
+                style="width: 300px"
+                rows="4"
+                >
+              </el-input>
+        </el-form-item>
+        <el-row>
+          <el-form-item label="照片">
+            <el-upload
+              action="#"
+              :file-list="fileList"
+              :show-file-list="true"
+              :auto-upload="false"
+              :key="uploadKey"
+              list-type="picture-card"
+              accept=".png, .jpg, .jpeg"
+              :on-change="handleChange"
+              :class="{ disabled: uploadDisabled }"
+              :on-preview="picturePreview"
+              :on-remove="handleRemove"
+            >
+              <i class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+          </el-form-item>
+        </el-row>
+      </el-form>
 
-        <!-- 图片查看弹窗 -->
-        <el-dialog :visible.sync="dialogVisible" width="500px" height="500px" >
-            <img width="100%" height="500px" :src="dialogImageUrl"  />
-        </el-dialog>
+      <div
+        style="
+          width: 100%;
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+        "
+      >
+        <el-button type="primary" size="mini" @click="saveSubmit"
+          >保存</el-button
+        >
+        <el-button type="normal" size="mini" @click="saveCancel"
+          >取消</el-button
+        >
+      </div>
+    </el-dialog>
+    <!-- 数量维修 -->
+    <el-dialog
+      title="数量维修"
+      :visible.sync="openNum"
+      width="1700px"
+      append-to-body
+    >
+      <el-row :gutter="10" class="mb8">
+        <!-- <el-button type="primary" size="mini">合格</el-button> -->
+        <div style="margin-left: 32px">
+          {{ typeNameTemp + "" + typeTemp }}
+        </div>
+        <div style="margin-left: 32px">待维修数量:{{ disrepairNumTemp }}</div>
+      </el-row>
+      <div class="dialog-content">
+        <div class="left">
+          <!-- 左侧内容 -->
+          <el-form
+            ref="formLeft"
+            :model="formLeft"
+            :rules="rulesLeft"
+            label-width="120px"
+          >
+            <el-row :gutter="24">
+              <el-col :span="20">
+                <el-form-item label="内部维修数量" prop="repairNum">
+                  <el-input
+                    v-model="formLeft.repairNum"
+                    placeholder="请输入内部维修数量"
+                    maxlength="20"
+                    type="number"
+                    style="width: 265px"
+                    @input="waitRepairCount"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div
+              v-for="(item, index) in partItems"
+              :key="index"
+              class="dynamic-item"
+            >
+              <el-row :gutter="24">
+                <el-col :span="20">
+                  <el-form-item label="配件型号" prop="partType">
+                    <treeselect
+                      v-model="item.partId"
+                      :options="partTypeTreeTwo"
+                      :searchable="false"
+                      :disable-branch-nodes="true"
+                      :show-count="true"
+                      :expand-on-click-node="false"
+                      placeholder="请选择配件型号"
+                      style="width: 265px"
+                    />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="24">
+                <el-col :span="9">
+                  <el-form-item label="配件数量" prop="partNum">
+                    <el-input
+                      v-model="item.partNum"
+                      placeholder="请输入"
+                      maxlength="20"
+                      style="width: 90px"
+                    >
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="9">
+                  <el-form-item
+                    label="是否收费"
+                    prop="isCharge"
+                    label-width="90px"
+                  >
+                    <el-select
+                      v-model="item.isCharge"
+                      placeholder="请选择"
+                      filterable
+                      clearable
+                      style="width: 90px"
+                    >
+                      <el-option label="是" value="1"></el-option>
+                      <el-option label="否" value="0"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col
+                  :span="2"
+                  style="
+                    margin-top: 10px;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                  "
+                >
+                  <i
+                    class="el-icon-plus"
+                    style="font-size: 20px; color: blue"
+                    @click="addPartItem"
+                  ></i>
+                  <i
+                    class="el-icon-minus"
+                    style="font-size: 20px; color: red"
+                    v-if="index != 0"
+                    @click="removePartItem(index)"
+                  ></i>
+                </el-col>
+              </el-row>
+            </div>
+          </el-form>
+        </div>
+        <!-- 竖线 -->
+        <div class="divider"></div>
+        <div class="middle">
+          <!-- 中间内容 -->
+          <el-form
+            ref="formMiddle"
+            :model="formMiddle"
+            :rules="rulesMiddle"
+            label-width="120px"
+          >
+            <el-row :gutter="24">
+              <el-col :span="20">
+                <el-form-item label="返厂维修数量" prop="repairNum">
+                  <el-input
+                    v-model="formMiddle.repairNum"
+                    placeholder="请输入返厂维修数量"
+                    maxlength="20"
+                    type="number"
+                    style="width: 265px"
+                    @input="waitRepairCount"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
 
-    </div>
+            <el-row :gutter="24">
+              <el-col :span="20">
+                <el-form-item label="物资厂家" prop="supplierId">
+                  <el-select
+                    v-model="formMiddle.supplierId"
+                    placeholder="物资厂家"
+                    clearable
+                    filterable
+                    style="width: 265px"
+                  >
+                    <el-option
+                      v-for="item in supplierList"
+                      :key="item.supplierId"
+                      :label="item.supplier"
+                      :value="item.supplierId"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div
+              v-for="(item, index) in partItemsMiddle"
+              :key="index"
+              class="dynamic-item"
+            >
+              <el-row :gutter="24">
+                <el-col :span="9">
+                  <el-form-item label="配件名称" prop="partName">
+                    <el-input
+                      v-model="item.partName"
+                      placeholder="请输入"
+                      maxlength="20"
+                      style="width: 90px"
+                    >
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="9">
+                  <el-form-item
+                    label="是否收费"
+                    prop="isCharge"
+                    label-width="90px"
+                  >
+                    <el-select
+                      v-model="item.isCharge"
+                      placeholder="请选择"
+                      filterable
+                      clearable
+                      style="width: 90px"
+                    >
+                      <el-option label="是" value="1"></el-option>
+                      <el-option label="否" value="0"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="24">
+                <el-col :span="9">
+                  <el-form-item label="配件数量" prop="partNum">
+                    <el-input
+                      v-model="item.partNum"
+                      placeholder="请输入配件数量"
+                      maxlength="20"
+                      type="number"
+                      style="width: 90px"
+                    >
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="9">
+                  <el-form-item label="金额" prop="partPrice" label-width="90px">
+                    <el-input
+                      v-model="item.partPrice"
+                      placeholder="请输入"
+                      maxlength="20"
+                      style="width: 90px"
+                    >
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col
+                  :span="2"
+                  style="
+                    margin-top: 10px;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                  "
+                >
+                  <i
+                    class="el-icon-plus"
+                    style="font-size: 20px; color: blue"
+                    @click="addPartItemMiddle"
+                  ></i>
+                  <i
+                    class="el-icon-minus"
+                    style="font-size: 20px; color: red"
+                    v-if="index != 0"
+                    @click="removePartItemMiddle(index)"
+                  ></i>
+                </el-col>
+              </el-row>
+            </div>
+          </el-form>
+        </div>
+        <!-- 竖线 -->
+        <div class="divider"></div>
+        <div class="right">
+          <!-- 右侧内容 -->
+          <el-form
+            :model="formRight"
+            ref="formRight"
+            size="small"
+            :rules="rulesRight"
+            :inline="true"
+            label-width="100px"
+          >
+            <el-col :span="20">
+              <el-form-item label="待报废数量" prop="scrapNum">
+                <el-input
+                  v-model="formRight.scrapNum"
+                  placeholder="请输入待报废数量"
+                  maxlength="20"
+                  type="number"
+                  style="width: 250px"
+                  @input="waitRepairCount"
+                />
+              </el-form-item>
+            </el-col>
+            <el-form-item label="损坏原因" prop="scrapType">
+              <el-select
+                v-model="formRight.scrapType"
+                placeholder="损坏原因"
+                clearable
+                filterable
+                style="width: 250px"
+              >
+                <el-option
+                  v-for="item in damageReasonList"
+                  :key="item.id"
+                  :label="item.label"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="报废原因" prop="scrapReason">
+              <el-input
+                v-model="formRight.scrapReason"
+                placeholder="请输入报废原因"
+                clearable
+                maxlength="150"
+                type="textarea"
+                style="width: 300px"
+                rows="4"
+                >
+              </el-input>
+            </el-form-item>
+          <el-form-item label="照片">
+            <el-upload
+              action="#"
+              :file-list="fileList"
+              :show-file-list="true"
+              :auto-upload="false"
+              :key="uploadKey"
+              list-type="picture-card"
+              accept=".png, .jpg, .jpeg"
+              :on-change="handleChange"
+              :class="{ disabled: uploadDisabled }"
+              :on-preview="picturePreview"
+              :on-remove="handleRemove"
+            >
+              <i class="el-icon-plus avatar-uploader-icon"></i>
+            </el-upload>
+          </el-form-item>
+          </el-form>
+        </div>
+      </div>
+
+      <div
+        style="
+          width: 100%;
+          height: 50px;
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+        "
+      >
+        <el-button type="primary" size="mini" :disabled="flagSave" @click="saveNumAll"
+          >保存</el-button
+        >
+        <el-button type="normal" size="mini" @click="saveCancelAll"
+          >取消</el-button
+        >
+      </div>
+    </el-dialog>
+    <!-- 图片查看弹窗 -->
+    <el-dialog :visible.sync="dialogVisible" width="500px" height="500px">
+      <img width="100%" height="500px" :src="dialogImageUrl" />
+    </el-dialog>
+  </div>
 </template>
 
 <script>
-import { getListFacturer } from '@/api/ma/supplier';
+import { getListFacturer } from "@/api/ma/supplier";
 
 import {
-    getAppRepairMaTypeList,
-    partTypeTreeList
-} from '@/api/repair/repair.js'
- 
+  getAppRepairMaTypeList,
+  partTypeTreeList,
+  saveCodeList,
+  auditPass,
+} from "@/api/repair/repair.js";
+
 import {
-    getProjectList,
-    getUnitList,
-    getAgreementInfoById,
-    getDeviceTreeByAgreementId,
-    addBackApply,
-    getBackApplyInfo,
-    editBackApply, 
-} from '@/api/back/index.js'
- 
-import { mapState } from 'vuex'
-import { getInfo, h } from '@/api/login'
-import { getToken } from '@/utils/auth'
+  getProjectList,
+  getUnitList,
+  getAgreementInfoById,
+  getDeviceTreeByAgreementId,
+  addBackApply,
+  getBackApplyInfo,
+  editBackApply,
+} from "@/api/back/index.js";
+
+import { mapState } from "vuex";
+import { getInfo, h } from "@/api/login";
+import { getToken } from "@/utils/auth";
+import { imgUpLoadThree, fileUpLoad } from "@/api/system/upload";
+import { downloadFile, downloadFileData } from "@/utils/download";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 export default {
-    name: '',
-    dicts: ['ma_machine_status'],
-    props: {
-        repairRow: {
-            type: [Object],
-        }
+  name: "",
+  dicts: ["ma_machine_status"],
+  props: {
+    repairRow: {
+      type: [Object],
     },
-    data() { 
-        return {
-            // 遮罩层
-            loading: false,
-            // 选中数组
-            ids: [],
-            // 非单个禁用
-            single: true,
-            // 非多个禁用
-            multiple: true,
-            // 显示搜索条件
-            showSearch: true,
-            // 总条数
-            total: 0, 
-            // 弹出层标题
-            title: '',
-            // 查询参数
-            queryParams: { 
-                backUnit:"", 
-                backPro:"",
-                repairCode:"",
-                equipmentList: [],
-            },
-            equipmentList: [],
+  },
+  data() {
+    return {
+      uploadKey: Date.now(),
+      partItems: [{ partType: "", partNum: "", isCharge: "" }],
+      partItemsMiddle: [
+        { partName: "", partNum: "", partPrice: "0", isCharge: "" },
+      ],
+      // 遮罩层
+      loading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 弹出层标题
+      title: "",
+      // 查询参数
+      queryParams: {
+        backUnit: "",
+        backPro: "",
+        repairCode: "",
+        equipmentList: [],
+      },
+      equipmentList: [],
 
-            //编码维修
-            openCode: false,
-            repairRowData:{}, 
-            repairDeviceList: [],//编码表格 
-            //图片查看弹窗
-            dialogImageUrl: '',
-            dialogVisible: false,
-            fileData:{},
-            //上传
-            upload: {
-                // 设置上传的请求头部
-                headers: { Authorization: 'Bearer ' + getToken() },
-                // 上传的地址
-                url: process.env.VUE_APP_BASE_API + '/file/upload'
-            },
+      //编码维修
+      openCode: false,
+      repairRowData: {},
+      repairDeviceList: [], //编码表格
+      //图片查看弹窗
+      dialogImageUrl: "",
+      dialogVisible: false,
+      fileData: {},
+      //上传
+      upload: {
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/file/upload",
+      },
 
-            //内部维修
-            openInner: false,
-            innerRowData:{},
-            //配件表格数据
-            partTableList:[],
-            //选中的配件
-            partType: null,
-            // 配件树结构数据
-            partTypeTree: [], 
-            // 配件树配置
-            partTypeTreeProps: {
-                children: 'children',
-                label: 'label',
-                // multiple: false,
-                value: 'id',
-                multiple: true,
-            },
-            propsKey: 1000,
+      //内部维修
+      openInner: false,
+      innerRowData: {},
+      //配件表格数据
+      partTableList: [],
+      //选中的配件
+      partType: null,
+      // 配件树结构数据
+      partTypeTree: [],
 
-            //返场维修
-            openBack: false,
-            backRowData:{},
-            //表格数据
-            backTableList:[],
-            backForm:{
-                //返场厂家
-                supplierId:null,
-                //备注
-                remark:"",
-            },
-            rules: {
-                supplierId: [
-                    {
-                        required: true,
-                        message: '请选择厂家',
-                        trigger: 'change',
-                    },
-                ],
-                remark: [
-                    {
-                        required: true,
-                        message: '请填写备注',
-                        trigger: 'blur',
-                    },
-                ],
-            },
-            //厂商下拉选
-            supplierList:[],
+      // 配件树配置
+      partTypeTreeProps: {
+        children: "children",
+        label: "label",
+        // multiple: false,
+        value: "id",
+        multiple: true,
+      },
+      propsKey: 1000,
 
-            //待报废
-            openScrap: false,
-            scrapRowData:{},
-            scrapForm:{
-                scrapReason:"",
-                damageReason:"",
-                otherReason:"",
-                fileName:"",
-                fileUrl:"",
-            },
-            damageReasonList:[{label:"自然损坏",id:"自然损坏"},{label:"人为损坏",id:"人为损坏"}],//自然损坏、人为损坏
-            scrapRules:{
-                
-            },
-            //树状勾选
-            deviceTypeTree: [], // 设备 树结构数据
-            // 设备 树显示 配置
-            deviceTypeTreeProps: {
-                children: 'children',
-                label: 'label',
-                // multiple: false,
-                value: 'id',
-                multiple: true,
-            },
-            // 选中的设备类型
-            deviceType: null,
-            companyId: '', 
-            createBy: '', 
-        }
-    },
-    mounted() { 
-        console.log(this.repairRow)
-        this.GetViewByApply()
-        this.supplierInfoList()
-        // getInfo().then((res) => {
-        //     this.companyId = res.user.companyId
-        //     this.createBy = res.user.userName
-        // })
-    },
-    computed: {
-        ...mapState(['user']),
-    },
-    methods: { 
-        goBack(){
-            this.$emit('goBackPage')
-        },
-        // 获取 任务详情数据
-        async GetViewByApply() {
-            console.log(this.repairRow)  
-            this.queryParams.backUnit = this.repairRow.backUnit 
-            this.queryParams.backPro = this.repairRow.backPro 
-            this.queryParams.repairCode = this.repairRow.repairCode
-            let param = {
-                taskId:this.repairRow.taskId,
-                keyword:""
-            }
-            console.log(param) 
-            const res = await getAppRepairMaTypeList(param)
-            console.log(res)  
-            this.equipmentList = res.data 
-            this.equipmentList.forEach((e) => {
-               e.disrepairNum=Number(e.repairNum)-Number(e.repairedNum)
-            })
-            // this.equipmentList = [
-            //     {
-            //         typeName:"牵引机",
-            //         typeModel:"90kN",
-            //         unitName:"台",
-            //         preNum:"10",
-            //         num1:"0",
-            //         num2:"10",
-            //         manageType:"0"
-            //     },
-            //     {
-            //         typeName:"单轮滑车",
-            //         typeModel:"φ508",
-            //         unitName:"台",
-            //         preNum:"100",
-            //         num1:"0",
-            //         num2:"100",
-            //         manageType:"1"
-            //     },
-            // ]
-           
-            // this.GetDeviceTypeTreeFn(data.backApplyInfo.agreementId)
-        },
-        // 多选框选中数据
-        handleSelectionChange(selection) {
-            this.queryParams.equipmentList = selection
-        },  
-        /** 批量合格按钮操作 */
-        handleAdd() { 
-            if (this.queryParams.equipmentList.length == 0) {
-                this.$message.error('请先勾选数据')
-                return
-            }   
-            console.log(this.queryParams) 
-            // this.queryParams.backApplyInfo = { 
-                // remark: this.queryParams.remark,
-                // agreementId: this.queryParams.agreementId,
-                // backTime: this.queryParams.backTime, 
-            // } 
-            // let params = { 
-            //     backApplyInfo: this.queryParams.backApplyInfo,
-            //     backApplyDetailsList:
-            //         this.queryParams.equipmentList,
-            // }
-            // const res = await editBackApply(params)
-            // if (res.code == 200) {
-            //     this.$message({ type: 'success', message: res.msg })
-            //     setTimeout(() => {
-            //         this.$emit('goBackPage')
-            //     }, 1000)
-            // } 
-        },
-        //是否可用勾选框
-        selectable(row) {
-            // console.log(row)
-            // if (row.preNum != 0) {
-                return true
-            // } else {
-            //     return false
-            // }
-        },
-        checkNum(row) {
-            // let maxNum = row.num
-            // if (row.preNum <= 1) {
-            //     row.preNum = 1
-            // } else if (row.preNum >= maxNum) {
-            //     row.preNum = maxNum
-            // }
-        },
-        /** 删除按钮操作 */
-        // handleDelete(row) {
-        //     this.$modal
-        //         .confirm('是否确认删除所选择的数据项？')
-        //         .then(() => {
-        //             this.deviceType.forEach((e, index) => {
-        //                 if (e[3] === row.typeId) {
-        //                     this.deviceType.splice(index, 1)
-        //                     this.propsKey++
-        //                 }
-        //             })
-        //             this.equipmentList.forEach((item, index) => {
-        //                 if (item.id == row.id) {
-        //                     this.equipmentList.splice(index, 1)
-        //                 }
-        //             })
-        //         })
-        //         .catch(() => {})
-        //     // this.equipmentList.splice(row.index, 1)
-        // }, 
+      //返场维修
+      openBack: false,
+      backRowData: {},
+      //表格数据
+      backTableList: [],
+      backForm: {
+        //返场厂家
+        supplierId: null,
+        //备注
+        remark: "",
+      },
+      rules: {
+        supplierId: [
+          {
+            required: true,
+            message: "请选择厂家",
+            trigger: "change",
+          },
+        ],
+        remark: [
+          {
+            required: true,
+            message: "请填写备注",
+            trigger: "blur",
+          },
+        ],
+      },
+      //厂商下拉选
+      supplierList: [],
+
+      //待报废
+      openScrap: false,
+      scrapRowData: {},
+      scrapForm: {
+        scrapReason: "",
+        damageReason: "",
+        otherReason: "",
+        fileName: "",
+        fileUrl: "",
+      },
+      damageReasonList: [
+        { label: "自然损坏", id: 0 },
+        { label: "人为损坏", id: 1 },
+      ], //自然损坏、人为损坏
+      scrapRules: {},
+      //树状勾选
+      deviceTypeTree: [], // 设备 树结构数据
+      // 设备 树显示 配置
+      deviceTypeTreeProps: {
+        children: "children",
+        label: "label",
+        // multiple: false,
+        value: "id",
+        multiple: true,
+      },
+      // 选中的设备类型
+      deviceType: null,
+      companyId: "",
+      createBy: "",
+
+      //数量维修
+      openNum: false,
+      partTypeTreeTwo: [],
+
+      //数量维修三部分
+      formLeft: {
+        repairNum:0
+      },
+      formMiddle: {
+        repairNum:0
+      },
+      formRight:{
+        scrapNum:0
+      },
+
+      rulesLeft: {
+        repairNum: [
+          {
+            required: true,
+            message: "请输入内部维修数量",
+            trigger: "blur",
+          },
+        ],
+      },
+      rulesMiddle: {
+        repairNum: [
+          {
+            required: true,
+            message: "请输入返厂维修数量",
+            trigger: "blur",
+          },
+        ],
+        partPrice: [
+          {
+            required: false,
+            message: "请输入金额",
+            trigger: "blur",
+          },
+          // {
+          //   validator: (rule, value, callback) => {
+          //     const regex = /^[+-]?(0|[1-9]\d*)(\.\d+)?$/;
+          //     if(!regex.test(value)){
+          //       return callback(new Error('请勿输入非数字'));
+          //     }
+          //     const pat = parseFloat(value);
+          //     console.log('pat',pat)
+          //     if(pat.toString().includes('.')==true){
+          //       if (pat <0 ||pat.toString().split(".")[1].length>6) {
+          //       callback(new Error('请必须输入大于0的数据且小数点后最多保留六位'));
+          //     } else {
+          //       callback();
+          //     }
+          //     }else{
+          //       if (pat<0) {
+          //       callback(new Error('请必须输入大于0的数据且小数点后最多保留六位'));
+          //     }else{
+          //       callback();
+          //     }
+          //   }
+          //   },
+          //   trigger: 'blur'
+          // }
+        ]
+      },
+      rulesRight: {
+        scrapNum: [
+          {
+            required: true,
+            message: "请输入返厂维修数量",
+            trigger: "blur",
+          },
+        ],
         
-        //编码类型-弹窗
-        
-        /** 编码维修按钮操作 */
-        handleRepair(row){
-            this.repairRowData=row;  
-            this.repairDeviceList=[]
-            // this.repairRowData.repairDeviceList=[
-            //     {
-            //         materialName:"速差自控器",
-            //         typeName:"G-J-10",
-            //         maId:"1",
-            //         maCode:"W202407-00001",
-            //         maStatus:"待修",
-            //         apDetection:"",
-            //         partTableList:[],
-            //         backTableList:[],
-            //         bmFileInfos:[]
-            //     },
-            //     {
-            //         materialName:"速差自控器",
-            //         typeName:"G-J-10",
-            //         maId:"2",
-            //         maCode:"W202407-00002",
-            //         maStatus:"待修",
-            //         apDetection:"",
-            //         partTableList:[],
-            //         backTableList:[],
-            //         bmFileInfos:[]
-            //     },
-            //     {
-            //         materialName:"速差自控器",
-            //         typeName:"G-J-10",
-            //         maId:"3",
-            //         maCode:"W202407-00003",
-            //         maStatus:"待修",
-            //         apDetection:"",
-            //         partTableList:[],
-            //         backTableList:[],
-            //         bmFileInfos:[]
-            //     },
-            // ]
-            if(this.repairRowData.repairDeviceList&&this.repairRowData.repairDeviceList.length>0){
-                this.repairDeviceList = this.repairRowData.repairDeviceList
-            }
-            this.openCode=true;
-        },
-        // 编码维修弹窗保存
-        saveCodeDialog(){
-            console.log(this.repairRowData)
-            console.log(this.repairDeviceList)
-            this.repairRowData.repairDeviceList = this.repairDeviceList;
-            this.openCode=false
-            // console.log(this.equipmentList)
-        },
-        //编码维修弹窗文件上传前
-        beforeFileUpload(row){ 
-            this.fileData = row 
-        }, 
-        // 编码维修弹窗文件上传成功处理-编码弹窗上传
-        handleFileSuccess2(response, file, fileList) { 
-            if(response.code==200){
-                let obj = {
-                    "name": response.data.name,
-                    "url": response.data.url,
-                }
-                let index = this.repairDeviceList.findIndex(v=>v.maCode==this.fileData.maCode)
-                this.repairDeviceList[index].bmFileInfos=[obj]
-            }
-        },
-        //维修弹窗图片查看
-        picturePreview(row) {
-            console.log(row)
-            console.log(row.bmFileInfos)
-            if(row.bmFileInfos.length>0){
-                let file = row.bmFileInfos[0]
-                this.dialogImageUrl = file.url;
-                const parts = file.name.split('.');
-                const extension = parts.pop();
-                if(extension === 'doc'||extension === 'docx'||extension === 'pdf'){
-                const windowName = file.name;
-                    window.open(file.url,windowName)
-                }else{
-                    this.dialogVisible = true
-                }
-            }
+        scrapType: [
+          {
+            required: true,
+            message: "请选择损坏原因",
+            trigger: "change",
+          },
+        ],
+        scrapReason: [
+          {
+            required: true,
+            message: "请输入报废原因",
+            trigger: "blur",
+          },
+        ],
+      },
+
+      //文件数组
+      fileList: [],
+      //暂存的文件数组
+      fileListTemp:[],
+
+      typeTemp: "",
+      typeNameTemp: "",
+      //待维修数量
+      disrepairNumTemp: undefined,
+      //数量维修是否能保存
+      flagSave: false, 
+      //合格勾选对象数组
+      idsList:[],
+    };
+  },
+  mounted() {
+    console.log(this.repairRow);
+    this.GetViewByApply();
+    this.supplierInfoList();
+    // getInfo().then((res) => {
+    //     this.companyId = res.user.companyId
+    //     this.createBy = res.user.userName
+    // })
+  },
+  components: { Treeselect },
+  computed: {
+    //图片上传1张后，隐藏上传框
+    uploadDisabled() {
+      return this.fileList.length > 2;
+    },
+    ...mapState(["user"]),
+  },
+  methods: {
+    goBack() {
+      this.$emit("goBackPage");
+    },
+    // 获取 任务详情数据
+    async GetViewByApply() {
+      console.log(this.repairRow);
+      this.queryParams.backUnit = this.repairRow.backUnit;
+      this.queryParams.backPro = this.repairRow.backPro;
+      this.queryParams.repairCode = this.repairRow.repairCode;
+      let param = {
+        taskId: this.repairRow.taskId,
+        keyword: "",
+      };
+      console.log(param);
+      const res = await getAppRepairMaTypeList(param);
+      console.log(res);
+      this.equipmentList = res.data;
+      this.equipmentList.forEach((e) => {
+        e.disrepairNum = Number(e.repairNum) - Number(e.repairedNum);
+      });
+      // this.GetDeviceTypeTreeFn(data.backApplyInfo.agreementId)
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.queryParams.equipmentList = selection;
+      this.idsList = [];
+      this.ids = selection.map((item) => item.id);
+      selection.forEach((item) => {
+        this.idsList.push(item.id);
+      });
+      this.single = selection.length != 1;
+       this.multiple = !selection.length;
+    },
+    /** 批量合格按钮操作 */
+    handleAdd() {
+      if (this.ids.length == 0) {
+        this.$alert("请至少勾选一条数据", "提示", {
+          type: "warning",
+          confirmButtonText: "确定",
+        });
+      }else{
+        auditPass(this.idsList).then((response) => {
+          if (response.code == 200) {
+            this.$modal.msgSuccess("通过成功");
+          }
+        });
+      }
+    },
+    //单个合格按钮操作
+    handleAddSingle(row){
+      const ids = [];
+      ids.push(row.id);
+      this.$modal
+        .confirm("是否确认合格所选择的数据项？")
+        .then(function () {
+          return auditPass(ids);
+        })
+        .then(() => {
+          this.$modal.msgSuccess("合格成功");
+        })
+        .catch(() => {});
+    },
+    //是否可用勾选框
+    selectable(row) {
+      // console.log(row)
+      // if (row.preNum != 0) {
+      return true;
+      // } else {
+      //     return false
+      // }
+    },
+    checkNum(row) {
+      // let maxNum = row.num
+      // if (row.preNum <= 1) {
+      //     row.preNum = 1
+      // } else if (row.preNum >= maxNum) {
+      //     row.preNum = maxNum
+      // }
+    },
+    /** 删除按钮操作 */
+    // handleDelete(row) {
+    //     this.$modal
+    //         .confirm('是否确认删除所选择的数据项？')
+    //         .then(() => {
+    //             this.deviceType.forEach((e, index) => {
+    //                 if (e[3] === row.typeId) {
+    //                     this.deviceType.splice(index, 1)
+    //                     this.propsKey++
+    //                 }
+    //             })
+    //             this.equipmentList.forEach((item, index) => {
+    //                 if (item.id == row.id) {
+    //                     this.equipmentList.splice(index, 1)
+    //                 }
+    //             })
+    //         })
+    //         .catch(() => {})
+    //     // this.equipmentList.splice(row.index, 1)
+    // },
+
+    //编码类型-弹窗
+
+    /** 编码维修按钮操作 */
+    handleRepair(row) {
+      if (row.manageType == 0) {
+        this.repairRowData = row;
+        this.repairDeviceList = [];
+        console.log(" this.repairRowData", this.repairRowData);
+        // if(this.repairRowData.repairDeviceList.length>0){
+        //     this.repairRowData.repairDeviceList.forEach(item=>{
+        //         item.materialName = item.
+        //     })
+        // }
+        // getCodeManage();
+        this.openCode = true;
+      } else {
+        this.innerRowData = row;
+        this.partTableList = [];
+        this.typeTemp = row.type;
+        this.typeNameTemp = row.typeName;
+        this.disrepairNumTemp = row.repairNum - row.repairedNum;
+        this.repairRowData = row;
+        this.repairDeviceList = [];
+        const params = {};
+        // const res = partTypeTreeList(params);
+        partTypeTreeList(params).then((res) => {
+          this.partTypeTreeTwo = this.filterTree(res.data);
+          this.openNum = true;
+        });
+      }
+      if (
+        this.repairRowData.repairDeviceList &&
+        this.repairRowData.repairDeviceList.length > 0
+      ) {
+        this.repairDeviceList = this.repairRowData.repairDeviceList;
+      }
+    },
+    filterTree(nodes) {
+      return nodes.map((node) => {
+        if (node.children) {
+          node.children = this.filterTree(node.children);
+        }
+        return node;
+      });
+    },
+    // 编码维修弹窗保存
+    saveCodeDialog() {
+      this.repairRowData.repairDeviceList = this.repairDeviceList;
+      saveCodeList(this.repairRowData.repairDeviceList).then((response) => {
+        if (response.code == 200) {
+          this.$modal.msgSuccess("保存成功");
+          this.fileList = [];
+          this.fileListTemp = [];
+        }
+      });
+      this.openCode = false;
+      // console.log(this.equipmentList)
+    },
+    //编码维修弹窗文件上传前
+    beforeFileUpload(row) {
+      this.fileData = row;
+    },
+    // 编码维修弹窗文件上传成功处理-编码弹窗上传
+    handleFileSuccess2(response, file, fileList) {
+      if (response.code == 200) {
+        let obj = {
+          name: response.data.name,
+          url: response.data.url,
+        };
+        let index = this.repairDeviceList.findIndex(
+          (v) => v.maCode == this.fileData.maCode
+        );
+        this.repairDeviceList[index].bmFileInfos = [obj];
+      }
+      this.repairRowData.repairDeviceList[index].bmFileInfos =
+        this.repairDeviceList[index].bmFileInfos;
+    },
+    //维修弹窗图片查看
+    picturePreview(row) {
+      //   console.log(row);
+      //   console.log(row.bmFileInfos);
+      //   if (row.bmFileInfos.length > 0) {
+      //     let file = row.bmFileInfos[0];
+      //     this.dialogImageUrl = file.url;
+      //     const parts = file.name.split(".");
+      //     const extension = parts.pop();
+      //     if (
+      //       extension === "doc" ||
+      //       extension === "docx" ||
+      //       extension === "pdf"
+      //     ) {
+      //       const windowName = file.name;
+      //       window.open(file.url, windowName);
+      //     } else {
+      //       this.dialogVisible = true;
+      //     }
+      //   }
+      console.log(file);
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    // 图片上传
+    handleChange(file, fileList) {
+      if (this.beforeUpload(file) == false) {
+        fileList.splice(fileList.length - 1, 1);
+      }
+      // this.$refs["form"].clearValidate()
+      this.fileList = fileList;
+    },
+    beforeUpload(file) {
+      const isJPG =
+        file.raw.type === "image/jpeg" ||
+        file.raw.type === "image/png" ||
+        file.raw.type === "image/jpg";
+      const isLt2M = file.size / 1024 / 1024 < 2;
+      // console.log(isJPG)
+      if (!isJPG) {
+        this.$message.error("上传图片只能是 JPG ,JPEG或 PNG 格式!");
+      }
+      if (!isLt2M) {
+        this.$message.error("上传图片大小不能超过 2MB!");
+      }
+      return isJPG && isLt2M;
+    },
+    handleRemove(file, fileList) {
+      let sum = 0;
+      this.fileList.forEach((item, index) => {
+        if (item.uid == file.uid) {
+          sum = index;
+        }
+      });
+      this.fileList.splice(sum, 1);
+    },
+    // 待报废保存按钮
+   async saveSubmit() {
+      this.uploadKey = Date.now();
+      if(this.fileList.length!=0){
+        await  this.getImaUpload(),
+        await this.addWaitRepairPic(this.scrapForm);
+      }else{
+          await this.addWaitRepairPic(this.scrapForm);
+      }
+      this.scrapRowData.repairType = 3
+      this.scrapRowData.codeScrapRepairPartList.push(this.scrapForm)
+
+      this.openScrap = false;
+      this.reset();
+    },
+    //上传文件库
+    async getImaUpload(){
+        this.fileListTemp = [];
+        const reqData = new FormData()
+        const {fileTwo} = await this.getFileData()
+        let res = await imgUpLoadThree(fileTwo);
+        console.log('res',res)
+        if (res.code === 200) {
+            res.data.forEach(item=>{
+            let objTwo = { 'name': item.name, 'url': item.url,};
+            this.fileListTemp.push(objTwo);
+            })
+        } else {
+            this.$modal.msgError(res.msg);
+        }
         },
 
-        //内部维修
-        openInnerDialog(row){
-            this.innerRowData = row;
-            this.partTableList=[]
-            if(this.innerRowData.partTableList&&this.innerRowData.partTableList.length>0){
-                this.partTableList = this.innerRowData.partTableList
+    //提交时循环fileList 获取raw文件
+     async getFileData() {
+        const fileTwo = []
+        this.fileList.forEach(item => {
+          if (item?.hasOwnProperty('raw')) {
+            fileTwo.push(item.raw)
+          }
+        })
+        return { fileTwo }
+      },
+
+      async addWaitRepairPic(scrapForm){
+              this.scrapForm.fileList=this.fileListTemp
+              this.openScrap = false;
+
+      },
+
+    // 待报废取消按钮
+    saveCancel() {
+      this.uploadKey = Date.now();
+      this.openScrap = false;
+      this.fileList = [];
+      this.fileListTemp = [];
+      this.resetForm("scrapForm");
+    },
+
+    //内部维修
+    openInnerDialog(row) {
+      this.innerRowData = row;
+      this.partTableList = [];
+      if (
+        this.innerRowData.partTableList &&
+        this.innerRowData.partTableList.length > 0
+      ) {
+        this.partTableList = this.innerRowData.partTableList;
+      }
+      this.getPartTypeTreeData();
+      this.openInner = true;
+    },
+    //内部维修-配件树
+    async getPartTypeTreeData() {
+      const params = {};
+      const res = await partTypeTreeList(params);
+      console.log("treeData==========", res);
+      this.partTypeTree = res.data;
+      //反显
+      let selectList = [];
+      this.partTableList.forEach((e) => {
+        selectList.push(this.getSelectId(this.partTypeTree, e.id));
+      });
+      this.partType = selectList;
+      this.$forceUpdate();
+    },
+    //内部维修- 反显 树结构数据获取父
+    getSelectId(list, id) {
+      for (let i in list) {
+        if (list[i].id == id) {
+          //查询到就返回该数组对象的value
+          return [list[i].id];
+        }
+        if (list[i].children) {
+          let node = this.getSelectId(list[i].children, id);
+          if (node !== undefined) {
+            //查询到把父节把父节点加到数组前面
+            node.unshift(list[i].id);
+            return node;
+          }
+        }
+      }
+    },
+    //内部维修- 切换 设备类型树
+    async partTypeChange(val) {
+      const partTypeList = this.$refs.partTypeCascader.getCheckedNodes();
+      console.log(partTypeList);
+      let tempList = [];
+      if (val.length > 0) {
+        const items = val.map((e) => {
+          return e[2];
+        });
+        for (let i of items) {
+          for (let z of partTypeList) {
+            if (z.data.id === i) {
+              const parent = z.parent;
+              console.log(parent);
+              const obj = JSON.parse(JSON.stringify(z.data));
+              console.log(obj);
+              obj.typeCode = obj.label;
+              obj.typeName = parent.label;
+              obj.isCharge = "0";
+              obj.partNum = 1;
+              console.log(obj);
+              tempList.push(obj);
+              break;
             }
-            this.getPartTypeTreeData()
-            this.openInner=true;
-        },
-        //内部维修-配件树
-        async getPartTypeTreeData() {
-            const params = {}
-            const res = await partTypeTreeList(params)
-            console.log('treeData==========', res)
-            this.partTypeTree = res.data;
-            //反显
-            let selectList = []
-            this.partTableList.forEach((e) => {
-                selectList.push(this.getSelectId(this.partTypeTree, e.id))
-            })
-            this.partType = selectList
-            this.$forceUpdate() 
-        },
-        //内部维修- 反显 树结构数据获取父
-        getSelectId(list, id) {
-            for (let i in list) {
-                if (list[i].id == id) {
-                    //查询到就返回该数组对象的value
-                    return [list[i].id]
-                }
-                if (list[i].children) {
-                    let node = this.getSelectId(list[i].children, id)
-                    if (node !== undefined) {
-                        //查询到把父节把父节点加到数组前面
-                        node.unshift(list[i].id)
-                        return node
-                    }
-                }
+          }
+        }
+        const newDataListNew = [...this.partTableList, ...tempList];
+        const map = new Map();
+        for (let item of newDataListNew) {
+          if (!map.has(item.id)) {
+            map.set(item.id, item);
+          }
+        }
+        const newArray = [...map.values()];
+        let newArray_array = [];
+        items.forEach((e) => {
+          newArray.forEach((j) => {
+            if (e == j.id) {
+              newArray_array.push(j);
             }
-        }, 
-        //内部维修- 切换 设备类型树  
-        async partTypeChange(val) { 
-            const partTypeList =
-                this.$refs.partTypeCascader.getCheckedNodes()
-            console.log(partTypeList)
-            let tempList = []
-            if (val.length > 0) {
-                const items = val.map((e) => {
-                    return e[2]
-                }) 
-                for (let i of items) {
-                    for (let z of partTypeList) {
-                        if (z.data.id === i) {
-                            const parent = z.parent
-                            console.log(parent)
-                            const obj = JSON.parse(JSON.stringify(z.data))
-                            console.log(obj)
-                            obj.typeCode = obj.label
-                            obj.typeName = parent.label
-                            obj.isCharge = "0"
-                            obj.partNum = 1
-                            console.log(obj)
-                            tempList.push(obj)
-                            break
-                        }
-                    }
-                }
-                const newDataListNew = [...this.partTableList, ...tempList]
-                const map = new Map()
-                for (let item of newDataListNew) {
-                    if (!map.has(item.id)) {
-                        map.set(item.id, item)
-                    }
-                }
-                const newArray = [...map.values()]
-                let newArray_array = []
-                items.forEach((e) => {
-                    newArray.forEach((j) => {
-                        if (e == j.id) {
-                            newArray_array.push(j)
-                        }
-                    })
-                })
-                this.partTableList = newArray_array
-            } else {
-                this.partTableList = []
+          });
+        });
+        this.partTableList = newArray_array;
+      } else {
+        this.partTableList = [];
+      }
+    },
+    //内部维修- 重置按钮操作
+    resetInner() {
+      this.partType = [];
+      this.partTableList = [];
+    },
+    //内部维修- 删除
+    handleDeletePart(row) {
+      this.partType.forEach((e, index) => {
+        if (e[2] === row.id) {
+          this.partType.splice(index, 1);
+          this.propsKey++;
+        }
+      });
+      this.partTableList.forEach((item, index) => {
+        if (item.id == row.id) {
+          this.partTableList.splice(index, 1);
+        }
+      });
+    },
+    //内部维修- 弹窗保存
+    saveInnerDialog() {
+      const isNum = this.partTableList.some(
+        (item) => item.partNum == 0 || item.partNum == undefined
+      );
+      if (isNum) {
+        this.$message.error("配件数量不能为0！");
+        return;
+      }
+      this.innerRowData.partTableList = this.partTableList;
+      this.innerRowData.repairType = 1;
+      this.innerRowData.partTableList.forEach((item) => {
+        this.innerRowData.codeInRepairPartList.push(item);
+      });
+
+      this.openInner = false;
+      // console.log(this.equipmentList)
+    },
+
+    // 返场维修-打开
+    openBackDialog(row) {
+      this.backRowData = row;
+      this.backTableList = [];
+      this.backForm = {
+        //返场厂家
+        supplierId: null,
+        //备注
+        remark: "",
+      };
+      if (
+        this.backRowData.backTableList &&
+        this.backRowData.backTableList.length > 0
+      ) {
+        this.backTableList = this.backRowData.backTableList;
+      } else {
+        let obj = {
+          partName: "",
+          isCharge: "0",
+          partNum: 1,
+          backCost: 0,
+        };
+        this.backTableList.push(obj);
+      }
+      this.openBack = true;
+    },
+    //返场维修- 删除
+    handleAddBack() {
+      let obj = {
+        partName: "",
+        isCharge: "0",
+        partNum: 0,
+        backCost: 0,
+      };
+      this.backTableList.push(obj);
+    },
+    //返场维修- 删除
+    handleDeleteBack(row) {
+      this.backTableList.splice(row.index, 1);
+    },
+    //返场维修- 弹窗保存
+    saveBackDialog() {
+      if (this.backTableList.length > 0) {
+        this.$refs["backForm"].validate((valid) => {
+          if (valid) {
+            const isName = this.backTableList.some(
+              (item) => item.partName == "" || item.partName == undefined
+            );
+            if (isName) {
+              this.$message.error("配件名称不能为空！");
+              return;
             }
-        },
-        //内部维修- 重置按钮操作
-        resetInner(){
-            this.partType=[]
-            this.partTableList=[]
-        },
-        //内部维修- 删除
-        handleDeletePart(row){
-            this.partType.forEach((e, index) => {
-                if (e[2] === row.id) {
-                    this.partType.splice(index, 1)
-                    this.propsKey++
-                }
-            })
-            this.partTableList.forEach((item, index) => {
-                if (item.id == row.id) {
-                    this.partTableList.splice(index, 1)
-                }
-            })
-        },
-        //内部维修- 弹窗保存
-        saveInnerDialog(){
-            console.log(this.innerRowData)
-            console.log(this.partTableList)
-            const isNum = this.partTableList.some((item) => item.partNum == 0 || item.partNum == undefined,)
+            const isNum = this.backTableList.some(
+              (item) => item.partNum == 0 || item.partNum == undefined
+            );
             if (isNum) {
-                this.$message.error('配件数量不能为0！')
-                return
+              this.$message.error("配件数量不能为0！");
+              return;
             }
-            this.innerRowData.partTableList = this.partTableList;
-            this.openInner=false
-            // console.log(this.equipmentList)
-        },
-
-        // 返场维修-打开
-        openBackDialog(row){
-            this.backRowData = row;
-            this.backTableList=[]
-            this.backForm={
-                //返场厂家
-                supplierId:null,
-                //备注
-                remark:"",
+            const isCost = this.backTableList.some(
+              (item) => item.backCost == 0 || item.backCost == undefined
+            );
+            if (isCost) {
+              this.$message.error("维修金额不能为0！");
+              return;
             }
-            if(this.backRowData.backTableList&&this.backRowData.backTableList.length>0){
-                this.backTableList = this.backRowData.backTableList;
-            }else{
-                let obj={
-                    partName:"",
-                    isCharge:"0",
-                    partNum:1,
-                    backCost:0,
-                }
-                this.backTableList.push(obj)
-            }
-            this.openBack=true;
-        },
-        //返场维修- 删除
-        handleAddBack(){ 
-            let obj={
-                    partName:"",
-                    isCharge:"0",
-                    partNum:0,
-                    backCost:0,
-                }
-            this.backTableList.push(obj) 
-        },
-        //返场维修- 删除
-        handleDeleteBack(row){ 
-            this.backTableList.splice(row.index, 1) 
-        }, 
-        //返场维修- 弹窗保存
-        saveBackDialog(){
-            console.log(this.backRowData)
-            console.log(this.backTableList)
-            if (this.backTableList.length > 0) {
-                this.$refs['backForm'].validate((valid) => {
-                    if (valid) {
-                        const isName = this.backTableList.some((item) => item.partName == '' || item.partName == undefined,)
-                        if (isName) {
-                            this.$message.error('配件名称不能为空！')
-                            return
-                        }
-                        const isNum = this.backTableList.some((item) => item.partNum == 0 || item.partNum == undefined,)
-                        if (isNum) {
-                            this.$message.error('配件数量不能为0！')
-                            return
-                        }
-                        const isCost = this.backTableList.some((item) => item.backCost == 0 || item.backCost == undefined,)
-                        if (isCost) {
-                            this.$message.error('维修金额不能为0！')
-                            return
-                        }
-                        this.backRowData.backTableList = this.backTableList;
-                        this.openBack=false
-                    }
-                })
-            }else {
-                this.$modal.msgError('请添加配件！')
-            }  
-        },
-        /** 返场维修-物资厂家-下拉选 */
-        supplierInfoList() {
-            let param = {
-                pageNum: 1,
-                pageSize: 1000,
-                keyWord:undefined
-            }
-            getListFacturer(param).then((response) => {
-                this.supplierList = response.rows
-            })
-        },
-        
-        // 待报废-打开
-        openScrapDialog(row){
-            this.scrapRowData = row;  
-            // if(this.scrapRowData.backTableList&&this.scrapRowData.backTableList.length>0){
-                // this.scrapForm = this.scrapRowData.scrapForm;
-            // }else{
-                this.scrapForm={}
-            // }
-            this.openScrap=true;
-        },
-        // 待报废弹窗文件上传成功处理-编码弹窗上传
-        handleFileSuccess3(response, file, fileList) { 
-            if(response.code==200){
-                let obj = {
-                    "name": response.data.name,
-                    "url": response.data.url,
-                }
-                // this.scrapForm={}
-            }
-        },
-
+            this.backRowData.backTableList = this.backTableList;
+            this.backRowData.repairType = 2;
+            this.backRowData.backTableList.forEach((item) => {
+              this.backRowData.codeOutRepairPartList.push(item);
+            });
+            this.openBack = false;
+          }
+        });
+      } else {
+        this.$modal.msgError("请添加配件！");
+      }
+    },
+    /** 返场维修-物资厂家-下拉选 */
+    supplierInfoList() {
+      let param = {
+        pageNum: 1,
+        pageSize: 1000,
+        keyWord: undefined,
+      };
+      getListFacturer(param).then((response) => {
+        this.supplierList = response.rows;
+      });
     },
-}
-</script>
-<style lang="scss">
-.popper-select {
-    .el-cascader-panel .el-scrollbar .el-checkbox {
-        display: none;
-    }
 
-    .el-cascader-panel .el-scrollbar:nth-child(3) .el-checkbox {
-        display: block !important;
-    }
+    // 待报废-打开
+    openScrapDialog(row) {
+      this.scrapRowData = row;
+      this.scrapForm = {};
+      this.openScrap = true;
+    },
+    // 待报废弹窗文件上传成功处理-编码弹窗上传
+    handleFileSuccess3(response, file, fileList) {
+      if (response.code == 200) {
+        let obj = {
+          name: response.data.name,
+          url: response.data.url,
+        };
+        // this.scrapForm={}
+      }
+    },
+
+    //数量管理左侧
+    addPartItem() {
+      this.partItems.push({ partType: "", num: "", isCharge: "" });
+      this.dividerHeight += 200; // 每次增加配件时，竖线高度增加
+    },
+    removePartItem(index) {
+      if (this.partItems.length > 1) {
+        this.partItems.splice(index, 1);
+        this.dividerHeight -= 200; // 每次删除配件时，竖线高度减少
+      }
+    },
+
+    //数量管理中间
+    addPartItemMiddle() {
+      this.partItemsMiddle.push({ partTypeName: "", num: "", isCharge: "" });
+      this.dividerHeight += 200; // 每次增加配件时，竖线高度增加
+    },
+    removePartItemMiddle(index) {
+      if (this.partItemsMiddle.length > 1) {
+        this.partItemsMiddle.splice(index, 1);
+        this.dividerHeight -= 200; // 每次删除配件时，竖线高度减少
+      }
+    },
+
+    //数量管理保存
+    saveNumAll() {
+    this.$refs["formLeft","formMiddle","formRight"].validate(async(valid)=>{
+      if(valid){
+      for (let i = 0; i < this.partItems.length; i++) {
+        this.innerRowData.repairDeviceList[0].numberInRepairPartList.push({
+          isCharge: this.partItems[i].isCharge,
+          partId: this.partItems[i].partId,
+          partNum: this.partItems[i].partNum,
+          repairNum: this.formLeft.repairNum,
+        });
+      }
+      for (let i = 0; i < this.partItemsMiddle.length; i++) {
+        this.innerRowData.repairDeviceList[0].numberOutRepairPartList.push({
+          isCharge: this.partItemsMiddle[i].isCharge,
+          partPrice: this.partItemsMiddle[i].partPrice,
+          partNum: this.partItemsMiddle[i].partNum,
+          partName: this.partItemsMiddle[i].partName,
+          supplierId: this.formMiddle.supplierId,
+          repairNum: this.formMiddle.repairNum,
+        });
+      }
+      this.uploadKey = Date.now();
+      if(this.fileList.length!=0){
+        await  this.getImaUpload(),
+        this.formRight.fileList = this.fileListTemp;
+      }else{
+        this.formRight.fileList = this.fileListTemp;
+      }
+      console.log('this.formRight',this.formRight)
+      this.innerRowData.repairDeviceList[0].numberScrapRepairPartList.push(this.formRight)
+      this.innerRowData.repairDeviceList[0].repairType = 1;
+      saveCodeList(this.innerRowData.repairDeviceList).then((response) => {
+        if (response.code == 200) {
+          this.$modal.msgSuccess("保存成功");
+          this.fileList=[];
+          this.fileListTemp=[];
+          this.openNum=false;
+        }
+      });
+      }
+    })
+    },
+    //数量管理取消
+    saveCancelAll(){
+      this.fileList=[];
+      this.fileListTemp=[];
+      this.openNum=false;
+    },
+
+    //待维修数量限制统计
+    waitRepairCount(){
+      console.log('this.formLeft.repairNum',this.formLeft.repairNum)
+      console.log('this.formMiddle.repairNum',this.formMiddle.repairNum)
+      console.log('this.formRight.scrapNum',this.formRight.scrapNum)
+      console.log('this.disrepairNumTemp',this.disrepairNumTemp)
+      if((Number(this.formLeft.repairNum) + Number(this.formMiddle.repairNum)+ Number(this.formRight.scrapNum)) >this.disrepairNumTemp){
+        this.flagSave = true;
+        this.$message.error("输入的数字之和大于"+this.disrepairNumTemp);
+      }else{
+         this.flagSave = false;
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+::v-deep.el-table .fixed-width .el-button--mini {
+  width: 60px !important;
+  margin-bottom: 10px;
+}
+//隐藏图片上传框的css
+::v-deep.disabled {
+  .el-upload--picture-card {
+    display: none;
+  }
+}
+.popper-select {
+  .el-cascader-panel .el-scrollbar .el-checkbox {
+    display: none;
+  }
+
+  .el-cascader-panel .el-scrollbar:nth-child(3) .el-checkbox {
+    display: block !important;
+  }
+}
+.dialog-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.left,
+.middle,
+.right {
+  flex: 1;
+  padding: 10px;
+}
+
+.divider {
+  width: 1px;
+  background-color: #dcdfe6;
+  height: 100%;
+  margin: 0 10px;
+  flex-shrink: 0; /* 防止竖线在内容较少时缩小 */
 }
 </style>
\ No newline at end of file
diff --git a/src/views/material/repair/repairManage/component/home.vue b/src/views/material/repair/repairManage/component/home.vue
index 90c7204e..6ec3ef6e 100644
--- a/src/views/material/repair/repairManage/component/home.vue
+++ b/src/views/material/repair/repairManage/component/home.vue
@@ -30,7 +30,8 @@
                     placeholder="请选择"
                 >   
                     <el-option
-                        v-for="dict in dict.type.back_task_status"
+                        v-for="dict in dict.type.repair_task_status"
+                        v-if="dict.value == 0 || dict.value == 1 || dict.value == 2"
                         :key="dict.value"
                         :label="dict.label"
                         :value="dict.value"
@@ -60,7 +61,7 @@
                 <el-button type="primary" plain size="mini" @click="handleAdd">新增</el-button>
             </el-col> -->
             <el-col :span="1.5">
-                <el-button type="warning" plain size="mini">提交</el-button>
+                <el-button type="warning" plain size="mini"  @click="handleSend">提交</el-button>
             </el-col>
             <el-col :span="1.5">
                 <el-button type="danger" plain size="mini" @click="handleReject">退回</el-button>
@@ -89,16 +90,17 @@
             <el-table-column label="创建人" align="center" prop="createName" :show-overflow-tooltip="true"/>
             <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true"/>
             <el-table-column label="状态" align="center" :show-overflow-tooltip="true" prop="repairStatusCode">
-                <!-- <template slot-scope="scope">
-                    <dict-tag :options="dict.type.back_task_status" :value="scope.row.repairStatusCode"/>
-                </template> -->
+                <template slot-scope="scope">
+                    <dict-tag :options="dict.type.repair_task_status" :value="scope.row.repairStatusCode"/>
+                </template>
             </el-table-column>
             <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true"/>
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="250">
                 <template slot-scope="scope">
                     <el-button size="mini" plain icon="el-icon-zoom-in" @click="handleSee(scope.row)" >查看</el-button>
-                    <el-button size="mini" type="primary" plain icon="el-icon-edit" @click="handleUpdate(scope.row)">维修</el-button>
+                    <el-button size="mini" type="primary" plain icon="el-icon-edit" v-if="scope.row.repairStatusCode!='1'" @click="handleUpdate(scope.row)">维修</el-button>
                     <el-button size="mini" type="danger" icon="el-icon-delete" @click="handleReject(scope.row)">驳回</el-button> 
+                    <el-button size="mini" type="success"  @click="handlePrint(scope.row)">维修任务单</el-button> 
                 </template>
             </el-table-column>
         </el-table>
@@ -109,6 +111,230 @@
             :limit.sync="queryParams.pageSize"
             @pagination="getList"
         />
+
+    <!-- 维修任务单弹窗 -->
+    <el-dialog
+      :title="title"
+      :visible.sync="openPrint"
+      width="1100px"
+      append-to-body
+    >
+      <div style="height: 600px; overflow-y: scroll">
+        <vue-easy-print tableShow ref="remarksPrintRef" class="print">
+          <div
+            class="title"
+            style="text-align: center; font-weight: 600; font-size: 16px"
+          >
+            机具设备维修任务单
+          </div>
+          <div
+            class="info"
+            style="margin-top: 10px; display: flex; flex-wrap: wrap"
+          >
+            <div
+              class="item"
+              style="
+                width: 50%;
+                flex-shrink: 0;
+                margin-bottom: 5px;
+                font-size: 14px;
+              "
+            >
+              <span>日期：</span>
+            </div>
+             <div
+              class="item"
+              style="
+                width: 50%;
+                flex-shrink: 0;
+                margin-bottom: 5px;
+                font-size: 14px;
+              "
+            >
+              <span>单号：</span>
+            </div>
+            <div
+              class="item"
+              style="
+                width: 50%;
+                flex-shrink: 0;
+                margin-bottom: 5px;
+                font-size: 14px;
+              "
+            >
+              <span>承修单位：</span>
+            </div>
+
+            <div
+              class="item"
+              style="
+                width: 50%;
+                flex-shrink: 0;
+                margin-bottom: 5px;
+                font-size: 14px;
+              "
+            >
+              <span>操作人：</span>
+            </div>
+
+            <div
+              class="item"
+              style="
+                width: 100%;
+                flex-shrink: 0;
+                margin-bottom: 5px;
+                font-size: 14px;
+              "
+            >
+              <span>项目名称：</span>
+            </div>
+
+            <div
+              class="item"
+              style="
+                width: 50%;
+                flex-shrink: 0;
+                margin-bottom: 5px;
+                font-size: 14px;
+              "
+            >
+              <span>委托单位：</span>
+            </div>
+
+            <div
+              class="item"
+              style="
+                width: 50%;
+                flex-shrink: 0;
+                margin-bottom: 5px;
+                font-size: 14px;
+              "
+            >
+              <span>验收人：</span>
+            </div>
+          </div>
+          <el-table
+            :data="printTableData"
+            class="table"
+            style="margin-top: 20px; width: 1000px; padding-bottom: 1px"
+            border
+          >
+            <!--          <el-table-column type="selection" width="55" align="center" />-->
+            <!-- <el-table-column label="序号" align="center" type="index" row="2" /> -->
+            <el-table-column label="名称" align="center" prop="machineTypeName" />
+            <el-table-column label="型号" align="center" prop="specificationType"/>
+            <el-table-column label="编号" align="center" prop="unitName1" />
+            <el-table-column label="单位" align="center" prop="unitName" />
+            <el-table-column label="报修数量" align="center" prop="unitName2" />
+            <el-table-column label="修复数量" align="center" prop="unitName3" />
+            <el-table-column label="报废数量" align="center" prop="unitName4" />
+            <el-table-column label="维修费小计" align="center" prop="unitName5" />
+          </el-table>
+            <div              
+            class="tabelAll"
+            >
+                <div class="columnAllNum">总计</div>
+                <div class="columnAll">报修数量</div>
+                <div class="columnAll">修复数量</div>
+                <div class="columnAll">报废数量</div>
+                <div class="columnAll">维修费小计</div>
+            </div>
+          <div
+            class="fillIn"
+            style="
+              margin-top: 20px;
+              display: flex;
+              justify-content: space-between;
+            "
+          >
+            <div class="item" style="text-align: center;width: 100% ;font-weight: 600; font-size: 14px" >
+              <div>
+                <span>维修内容</span>
+              </div>
+            </div>
+          </div>
+
+          <el-table
+            :data="printTableData"
+            class="table"
+            style="margin-top: 20px; width: 1000px; padding-bottom: 1px"
+            border
+          >
+            <!--          <el-table-column type="selection" width="55" align="center" />-->
+            <!-- <el-table-column label="序号" align="center" type="index" row="2" /> -->
+            <el-table-column label="修理项目" align="center" prop="machineTypeName" />
+            <el-table-column label="更换备品备件/价格" align="center" prop="specificationType"/>
+          </el-table>
+            <div              
+            class="tabelAll"
+            >
+                <div class="columnAllNum">合计</div>
+                 <div class="columnAll">合计金额</div>
+            </div>
+
+            <div              
+            class="tabelAll"
+            >
+                <div class="columnAllNum">报废图片</div>
+                <div class="columnAll">试验记录</div>
+            </div>
+
+            <div
+            class="fillIn"
+            style="
+              margin-top: 20px;
+              display: flex;
+              justify-content: space-between;
+            "
+          >
+            <div class="item" style="width: 50%">
+              <div>
+                <span>负责人：</span>
+              </div>
+            </div>
+
+            <div class="item" style="width: 50%">
+              <div>
+                <span>完成日期：</span>
+              </div>
+            </div>
+
+          </div>
+
+          <div
+            class="fillIn"
+            style="
+              margin-top: 20px;
+              display: flex;
+              justify-content: space-between;
+            "
+          >
+            <div class="item" style="width: 33%">
+              <div>
+                <span>维修人员：</span>
+              </div>
+            </div>
+
+            <div class="item" style="width: 33%">
+              <div>
+                <span>试验人员：</span>
+              </div>
+            </div>
+
+            <div class="item" style="width: 33%">
+              <div>
+                <span>检验人员：</span>
+              </div>
+            </div>
+          </div>
+        </vue-easy-print>
+      </div>
+
+      <div slot="footer" class="dialog-footer" style="text-align: center">
+        <el-button type="primary" @click="print">打 印</el-button>
+        <el-button @click="openPrint = false">关 闭</el-button>
+      </div>
+    </el-dialog>
     </div>
 </template>
 
@@ -116,13 +342,16 @@
   
 import {
     getRepairTaskList,
-    rejectRepair
+    rejectRepair,
+    sendList,
 } from '@/api/repair/repair.js' 
 
  import { getInfo, h } from '@/api/login'
+
+import vueEasyPrint from "vue-easy-print";
 export default {
     name: '',
-    dicts: ['back_task_status'], 
+    dicts: ['repair_task_status'], 
     data() {
         return { 
             type: '',
@@ -163,6 +392,12 @@ export default {
             companyId: '', 
             unitList: [],
             proList: [],
+            //维修单显示
+            openPrint:false,
+            printData: {},
+            //选择的taskId数组
+            ids:[],
+            taskList:[],
         }
     },
     created() {
@@ -170,6 +405,7 @@ export default {
         // this.initSelectData()
         // this.InitIGetInfo()
     },
+    components: { vueEasyPrint },
     methods: {
         //人员信息
         InitIGetInfo() {
@@ -208,12 +444,12 @@ export default {
             this.$refs.queryForm.resetFields() 
             this.handleQuery()
         },
-        // 多选框选中数据
-        handleSelectionChange(selection) {
-            this.ids = selection.map((item) => item.taskId)
-            this.single = selection.length != 1
-            this.multiple = !selection.length
-        },
+        // // 多选框选中数据
+        // handleSelectionChange(selection) {
+        //     this.ids = selection.map((item) => item.taskId)
+        //     this.single = selection.length != 1
+        //     this.multiple = !selection.length
+        // },
         /** 新增按钮操作 */
         handleAdd() {
             this.$emit('handelAdd')
@@ -249,7 +485,40 @@ export default {
                 `维修任务单_${new Date().getTime()}.xlsx`,
             )
         },
-    },
+        //查看维修任务单
+        handlePrint(row) {
+            this.openPrint = true;
+            this.title = "机具设备维修任务单";
+        },
+        //提交
+        handleSend(row){
+        if (this.ids.length == 0) {
+          this.$alert("请至少勾选一条要提交的数据", "提示", {
+            type: "warning",
+            confirmButtonText: "确定",
+          });
+          return;
+        } else {
+          sendList(this.taskList).then((response) => {
+            if (response.code == 200) {
+              this.$modal.msgSuccess("通过成功");
+            }
+            this.getList()
+          });
+          }
+        },
+
+        // 多选框选中数据
+        handleSelectionChange(selection) {
+        this.taskList = [];
+        this.ids = selection.map((item) => item.taskId);
+        selection.forEach((item) => {
+          this.taskList.push({ taskId: item.taskId });
+        });
+        this.single = selection.length != 1;
+        this.multiple = !selection.length;
+        },
+      },
 }
 </script>
 <style lang="scss" scoped>
@@ -300,4 +569,29 @@ export default {
     justify-content: flex-end;
     align-items: center;
 }
+.tabelAll {
+  display: flex;
+  border: 1px solid #dfe6ec;
+  margin-bottom: 1px;
+  width:1000px;
+  border-bottom: 1px solid #dfe6ec;
+  border-top: none;
+}
+.columnAll {
+  flex: 1;
+  padding: 5px;
+  border-left: 1px solid #dfe6ec;
+  text-align: center;
+  width:20%;
+}
+.columnAllNum {
+  padding: 5px;
+  text-align: center;
+  width:50%;
+  border-left: none;
+}
+/* 最后一列无右边框 */
+.tabelAll .column:last-child {
+  border-right: none;
+}
 </style>