From c166623afb969300a949f4f780346e9304a7854f Mon Sep 17 00:00:00 2001
From: hongchao <3228015117@qq.com>
Date: Fri, 8 Aug 2025 10:30:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E5=BA=93=E5=9C=A8=E7=94=A8=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E7=BB=B4=E4=BF=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/repairTest/equipmentToRepair.js       |   76 ++
 .../equipmentToRepair/dialogOneForm.vue       | 1017 +++++++++++++++++
 .../repairTest/equipmentToRepair/index.vue    |  484 ++++++++
 3 files changed, 1577 insertions(+)
 create mode 100644 src/api/repairTest/equipmentToRepair.js
 create mode 100644 src/views/repairTest/equipmentToRepair/dialogOneForm.vue
 create mode 100644 src/views/repairTest/equipmentToRepair/index.vue

diff --git a/src/api/repairTest/equipmentToRepair.js b/src/api/repairTest/equipmentToRepair.js
new file mode 100644
index 0000000..6a23233
--- /dev/null
+++ b/src/api/repairTest/equipmentToRepair.js
@@ -0,0 +1,76 @@
+import request from '@/utils/request'
+//获取设备编码列表
+export function GetMaCodeSelectApi(query) {
+  return request({
+    url: '/material/equipmentToRepair/getMaCodeSelect',
+    method: 'get',
+    params: query
+  })
+}
+
+//获取维保列表
+export function getEquipmentListApi(query) {
+  return request({
+    url: '/material/equipmentToRepair/getEquipmentList',
+    method: 'get',
+    params: query
+  })
+}
+
+
+//机具设备管理--新增
+export function submitEquipmentApiNew(data) {
+  return request({
+    url: '/material/equipmentToRepair/submitEquipment',
+    method: 'post',
+    contentType: 'application/json',
+    data: data
+  })
+}
+
+//机具设备管理--获取维保详细信息
+export function getEquipmentInfo(params) {
+  return request({
+    url: '/material/equipmentToRepair/getEquipmentInfo',
+    method: 'get',
+    params
+  })
+}
+
+//机具设备管理--编辑
+export function editEquipmentApiNew(data) {
+  return request({
+    url: '/material/equipmentToRepair/editEquipmentInfo',
+    method: 'post',
+    contentType: 'application/json',
+    data: data
+  })
+}
+
+//  获取 设备树
+export function getDeviceTypeTreeTwo(params) {
+    return request({
+        url: '/material/select/getDeviceTypeTreeTwo',
+        method: 'get',
+        params,
+    })
+}
+
+//提交
+export function submitStatusNew(data) {
+  return request({
+    url: '/material/equipmentToRepair/submitStatusNew',
+    method: 'post',
+    contentType: 'application/json',
+    data: data
+  })
+}
+
+// 设备维修保养记录表
+export function getMaintenanceEquipmentApi(query) {
+  return request({
+    url: '/material/equipmentToRepair/getMaintenanceEquipment',
+    method: 'get',
+    params: query
+  })
+}
\ No newline at end of file
diff --git a/src/views/repairTest/equipmentToRepair/dialogOneForm.vue b/src/views/repairTest/equipmentToRepair/dialogOneForm.vue
new file mode 100644
index 0000000..b6ef6cb
--- /dev/null
+++ b/src/views/repairTest/equipmentToRepair/dialogOneForm.vue
@@ -0,0 +1,1017 @@
+<template>
+    <el-dialog
+        v-dialogDrag
+        v-loading.fullscreen.lock="fullscreenLoading"
+        :before-close="cancel"
+        :title="dialogTitle"
+        :visible.sync="dialogShowFlag"
+        append-to-body
+        width="600px"
+        center 
+        @close="cancel"
+    >
+        <div class="form_box_one">
+            <div style="font-size: 16px;margin-bottom: 10px;">总金额（元）：{{ totalPrice }}</div>
+            <el-form ref="dynamicValidateForm" :model="dynamicValidateForm" class="demo-dynamic" label-width="140px" >
+                <el-form-item label="规格型号：" prop="equipmentId" label-width="140px" 
+                                :rules="{
+                                required: true,
+                                validator: typeValidator,
+                                trigger: 'blur',
+                            }">
+                     <treeselect
+                                v-model="dynamicValidateForm.equipmentId"
+                                style="width: 350px"
+                                 :options="deviceTypeTreeData"
+                                :normalizer="normalizerDevice"
+                                noChildrenText="没有数据了"
+                                noOptionsText="没有数据"
+                                noResultsText="没有搜索结果"
+                                placeholder="请选择配件"
+                                :disable-branch-nodes="true"
+                                @input="handleChangeDevice"
+                    />
+                </el-form-item>
+                <el-form-item label="设备编号：" v-if="showSelect" prop="maId"
+                                :rules="{
+                                required: selectedNodeData && selectedNodeData.manageType == 0,
+                                validator: typeCodeValidator,
+                                trigger: 'blur',
+                            }">
+                            <el-select
+                                v-model="dynamicValidateForm.maId"
+                                placeholder="请选择"
+                                size="small"
+                                filterable
+                                style="width: 350px"
+                                @change="handleChangeMaId"
+                            >
+                                <el-option
+                                    v-for="dict in maCodeSelectList"
+                                    :key="dict.maId"
+                                    :label="dict.maCode"
+                                    :value="dict.maId"
+                                />
+                            </el-select>
+                    </el-form-item>
+                <div v-for="(domain, index) in dynamicValidateForm.premiumList" :key="domain.key" >
+                    <p class="form_box_title"></p>
+                    <div class="form_box_line"></div>
+                    <div >
+                        <el-form-item :prop="'premiumList.' + index + '.repairRemark'" label="技术鉴定：">
+                            <el-input
+                                v-model="domain.repairRemark"
+                                placeholder="请输入"
+                                size="small"
+                                style="width: 350px"
+                            ></el-input>
+                        </el-form-item>
+                        <el-form-item
+                            v-if="index == 0"
+                            :prop="'premiumList.' + index + '.repairNum'"
+                            label="维修数量："
+                            :rules="{
+                                required: true,
+                                validator: numberIntegerValidator,
+                                trigger: 'blur',
+                            }"
+                        >
+                            <el-input
+                                v-model="domain.repairNum"
+                                placeholder="请输入"
+                                size="small"
+                                maxlength="10"
+                                style="width: 350px"
+                                :disabled="showSelect"
+                            ></el-input>
+                        </el-form-item>
+                        <el-form-item v-if="index == 0" :prop="'premiumList.' + index + '.repairer'" label="维修人：">
+                            <el-select
+                                v-model="domain.repairer"
+                                placeholder="请选择"
+                                size="small"
+                                filterable
+                                style="width: 350px"
+                            >
+                                <el-option
+                                    v-for="dict in userSelectList"
+                                    :key="dict.userId"
+                                    :label="dict.userName"
+                                    :value="dict.userId"
+                                />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item v-if="index == 0" :prop="'premiumList.' + index + '.updateTime'" label="维修时间：">
+                            <el-date-picker
+                                v-model="domain.updateTime"
+                                type="date"
+                                value-format="yyyy-MM-dd"
+                                style="width: 350px"
+                                placeholder="选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+
+                        <el-form-item :prop="'premiumList.' + index + '.partId'" label="需要的配件：">
+                            <treeselect
+                                v-model="domain.partId"
+                                style="width: 350px"
+                                 :options="getTopTwoLevels(deptList)"
+                                :normalizer="normalizer"
+                                noChildrenText="没有数据了"
+                                noOptionsText="没有数据"
+                                noResultsText="没有搜索结果"
+                                placeholder="请选择配件"
+                                :disable-branch-nodes="true"
+                                @input="handleSelectTree($event, index)"
+                            />
+                        </el-form-item>
+                        <el-form-item
+                            :prop="'premiumList.' + index + '.partNum'"
+                            label="配件数量："
+                            :rules="{
+                                required: false,
+                                validator: numberIntegerValidatorPart,
+                                trigger: 'blur',
+                            }"
+                        >
+                            <el-input
+                                v-model="domain.partNum"
+                                placeholder="请输入"
+                                size="small"
+                                maxlength="10"
+                                style="width: 350px"
+                     
+                            ></el-input>
+                        </el-form-item>
+                        <el-form-item
+                            :prop="'premiumList.' + index + '.partCost'"
+                            label="费用(元)："
+                            :rules="{
+                                required: false,
+                                validator: meneyIntegerValidator,
+                                trigger: 'change',
+                            }"
+                        >
+                            <el-select
+                                v-model="domain.partCost"
+                                placeholder="请选择费用"
+                                size="small"
+                                style="width: 350px"
+                                clearable
+                            >
+                                <el-option
+                                    v-for="price in domain.childPrices"
+                                    :key="price"
+                                    :label="price"
+                                    :value="price"
+                                />
+                            </el-select>
+                        </el-form-item>
+
+                        <el-form-item
+                            :prop="'premiumList.' + index + '.partChange'"
+                            label="更换下的配件："
+                            :rules="{
+                                required: false,
+                                trigger: 'blur',
+                            }"
+                        >
+                            <el-input
+                                v-model="domain.partChange"
+                                placeholder="请输入"
+                                size="small"
+                                maxlength="10"
+                                style="width: 350px"
+                            ></el-input>
+                        </el-form-item>
+
+                        <el-form-item
+                            :prop="'premiumList.' + index + '.partChangeNum'"
+                            label="更换的配件数量："
+                            :rules="{
+                                required: false,
+                                validator: meneyIntegerValidator,
+                                trigger: 'blur',
+                            }"
+                        >
+                            <el-input
+                                v-model="domain.partChangeNum"
+                                placeholder="请输入"
+                                size="small"
+                                maxlength="10"
+                                style="width: 350px"
+                            ></el-input>
+                        </el-form-item>
+                        <el-form-item :prop="'premiumList.' + index + '.repairContentBefore'" label="维修前情况：">
+                            <el-input
+                                v-model="domain.repairContentBefore"
+                                maxlength="100"
+                                placeholder="请输入"
+                                show-word-limit
+                                size="small"
+                                style="width: 350px"
+                                type="textarea"
+                            ></el-input>
+                        </el-form-item>
+                        <el-form-item :prop="'premiumList.' + index + '.repairContent'" label="维修处理情况：">
+                            <el-input
+                                v-model="domain.repairContent"
+                                maxlength="100"
+                                placeholder="请输入"
+                                show-word-limit
+                                size="small"
+                                style="width: 350px"
+                                type="textarea"
+                            ></el-input>
+                        </el-form-item>
+                        <el-form-item :prop="'premiumList.' + index + '.fileList'" label="附件：">
+                            <el-upload
+                                ref="upload_attach"
+                                class="upload-demo"
+                                :action="uploadUrl"
+                                :headers="headers"
+                                :data="{ fileType: 'sx' }"
+                                list-type="picture-card"
+                                accept="image/*,application/pdf,.doc,.docx"
+                                :multiple="false"
+                                :limit="5"
+                                :file-list="domain.fileList"
+                                :before-upload="beforeUpload"
+                                :on-exceed="handleExceed"
+                                :on-success="(res, file, fileList) => handleSuccess(file, fileList, domain)"
+                                style="width: 350px"
+                            >
+                                <i slot="default" class="el-icon-plus"></i>
+                                <div slot="file" slot-scope="{ file }">
+                                    <img
+                                        v-if="isPDF(file)"
+                                        class="el-upload-list__item-thumbnail"
+                                        :src="pdfImg"
+                                        alt=""
+                                    />
+                                    <img
+                                        v-else-if="isWord(file)"
+                                        class="el-upload-list__item-thumbnail"
+                                        :src="wordImg"
+                                        alt=""
+                                    />
+                                    <img v-else class="el-upload-list__item-thumbnail" :src="file.fileUrl" alt="" />
+                                    <span class="el-upload-list__item-actions">
+                                        <span class="el-upload-list__item-preview" @click="handlePreview(file)">
+                                            <i class="el-icon-zoom-in" />
+                                        </span>
+                                        <span class="el-upload-list__item-delete" @click="handleRemove(file, domain)">
+                                            <i class="el-icon-delete" />
+                                        </span>
+                                    </span>
+                                </div>
+                            </el-upload>
+                        </el-form-item>
+                    </div>
+                    <div class="add_box">
+                        <el-button icon="el-icon-plus" size="mini" type="success" @click="addDomainOne" v-if="dialogTitle!='查看维保'"
+                            >添加配件
+                        </el-button>
+                        <el-button size="mini" icon="el-icon-delete" @click="delDomain(domain)" v-show="index > 0 && dialogTitle!='查看维保'"
+                            >删除</el-button
+                        >
+                    </div>
+                </div>
+            </el-form>
+            <div slot="footer" class="dialog-footer" >
+                <el-button @click="cancel">取消</el-button>
+                <el-button v-if="dialogTitle!='查看维保'" type="success" @click="submit">确认</el-button>
+            </div>
+        </div>
+        
+    </el-dialog>
+</template>
+<script>
+import {
+    getUserSelectApi,
+    getRepairMaTypeListApi,
+    listPartType,
+} from '@/api/repairTest/repair'
+import {
+  GetMaCodeSelectApi,submitEquipmentApiNew,getEquipmentInfo,editEquipmentApiNew,getDeviceTypeTreeTwo
+} from '@/api/repairTest/equipmentToRepair'
+// import { listPartType, } from "@/api/store/tools";
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import { getInfo } from '@/api/login'
+
+export default {
+    components: { Treeselect },
+    props: {
+        // 弹窗是否显示
+        isShowFlag: {
+            type: Boolean,
+            default: false,
+        },
+        // 对应操作数据键值
+        priKey: {
+            type: [String, Number],
+            default: '',
+        },
+        //弹窗标题
+        dialogTitle: {
+            type: String,
+            default: '',
+        },
+        //弹窗标题
+        rowObj: {
+            type: Object,
+            default: {},
+        },
+    },
+    watch: {
+        // 监听计算属性 formToWatch 的变化
+        formToWatch: {
+            handler: 'calculateTotalPrice',
+            deep: true
+        },
+        isShowFlag: async function(val) {
+            if (val) {
+                await this.GetDeviceTypeTree()
+                await this.init()
+                this.calculateTotalPrice(); // 弹窗显示时计算总金额
+            }
+        },
+        // // 监听 rowObj.manageType 变化，变化时重新计算总金额
+        // 'rowObj.manageType': {
+        //     handler: 'calculateTotalPrice',
+        //     immediate: true
+        // }
+    },
+    computed: {
+        dialogShowFlag: {
+            get() {
+                return this.isShowFlag
+            },
+            set(v) {
+                this.$emit('update:isShowFlag', v)
+            },
+        },
+        // 根据 manageType 动态返回要监听的表单数据
+        formToWatch() {
+            return this.dynamicValidateForm.premiumList
+        }
+    },
+    data() {
+        return {
+            uploadUrl: process.env.VUE_APP_BASE_API + '/system/sys/file/upload', // 上传的图片服务器地址
+            headers: {
+                Authorization: 'Bearer ' + localStorage.getItem('token'),
+            },
+            pdfImg: require('@/assets/images/pdf.png'),
+            wordImg: require('@/assets/images/word.png'),
+            fullscreenLoading: false,
+            dynamicValidateForm: {
+                equipmentId: null ,
+                maId:'',
+                premiumList: [
+                    {
+                        selected: 'Y',
+                        premium: undefined,
+                        rate: undefined,
+                        feeRate: undefined,
+                        fee: undefined,
+                        baofei1_unit: '',
+                        shangyoufeiyonge_unit: '',
+                        downRate: undefined,
+                        downFee: undefined,
+                        xiayoufeiyonge_unit: '',
+                        fileList: [], // 附件
+                        repairRemark: '', // 技术鉴定
+                    },
+                ],
+            },
+            deptList: [],
+            userSelectList: [],
+            companyId: '',
+            taskId: '',
+            isRequired: false,
+            totalPrice: 0, // 总金额
+
+            currentUserId: '' ,//当前登录人
+
+            deviceTypeTreeProps: {
+                children: 'children',
+                label: 'label',
+                value: 'id',
+            },
+            deviceTypeTreeData: [],
+            selectedNodeData: null,
+            showSelect: false,
+            equipmentId: undefined,
+            maId: '',
+            maCodeSelectList: [],
+            // rules: {
+            //     equipmentId: [
+            //         { required: true, message: '规格型号为必填项', trigger: 'change' }
+            //     ],
+            //     maId: [
+            //         { required: this.selectedNodeData && this.selectedNodeData.manageType === 0,message: '设备编号为必填项', trigger: 'change' }
+            //     ]
+            // }
+        }
+    },
+    mounted() {
+        this.calculateTotalPrice();
+        this.$eventBus.$on('typeId', (typeId) => {
+            this.typeId = typeId
+            this.calculateTotalPrice(); // typeId变化时计算总金额
+        })
+        this.getTree()
+    },
+    methods: {
+        calculateTotalPrice() {
+            let total = 0;
+                this.dynamicValidateForm.premiumList.forEach((domain) => {
+                const partNum = parseFloat(domain.partNum) || 0;
+                const partCost = parseFloat(domain.partCost) || 0;
+                total += partNum * partCost;
+            });   
+
+            this.totalPrice = total.toFixed(2);
+        },
+
+        // 处理数据，只保留前两级节点
+        getTopTwoLevels(nodes, level = 1) {
+            if (level > 2) return [];
+            return nodes.map(node => {
+                const newNode = { ...node };
+                if (newNode.children) {
+                    newNode.children = this.getTopTwoLevels(newNode.children, level + 1);
+                }
+                return newNode;
+            });
+        },
+
+        //正则校验配件费用
+        meneyIntegerValidator(rule, value, callback) {
+            // 处理 null 值
+            if (value === null) {
+                value = '';
+            }
+            const reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/
+            if (value === '' || reg.test(value)) {
+                callback()
+            } else {
+                callback(new Error('请输入大于0的数,最多2位小数'))
+            }
+        },
+        //正则校验配件数量--维修数量
+        numberIntegerValidator(rule, value, callback) {
+            const reg = /^\+?[1-9][0-9]*$/
+            // if ((value === '' || reg.test(value)) && value <= this.rowObj.repairNum) {
+            //   callback()
+            // } else {
+            //   callback(new Error('请输入大于0的并且小于维修总量的正整数'))
+            // }
+            
+            if (this.isRequired && (value === '' || !reg.test(value))) {
+                callback(new Error('请输入大于0的正整数'))
+            } else if(value > this.selectedNodeData.num && this.selectedNodeData.manageType==1) {
+                callback(new Error(`请输入不大于当前库存数量${this.selectedNodeData.num}的正整数`))
+            }else {
+                callback()
+            }
+        },
+
+        numberIntegerValidatorPart(rule, value, callback) {
+            // 处理 null 值
+            if (value === null) {
+                value = '';
+            }
+            // 若值为空字符串，直接通过验证
+            if (value === '') {
+                callback();
+                return;
+            }
+            const reg = /^(0|[1-9]\d*)$/; // 调整正则表达式，支持 0 和正整数
+            if (reg.test(value)) {
+                callback();
+            } else {
+                callback(new Error('请输入正整数或 0'));
+            }
+        },
+
+        typeValidator(rule, value, callback) {
+            console.log("cccccc",this.dynamicValidateForm.equipmentId)
+            // 直接使用传入的 value 参数
+            if (value==null) { // 包括 null, undefined, '' 等情况
+            callback(new Error('规格型号不能为空'));
+            } else {
+            callback(); // 验证通过
+            }
+        },
+
+        typeCodeValidator(rule, value, callback) {
+            console.log("cccccc",this.dynamicValidateForm.maId)
+            // 直接使用传入的 value 参数
+            if (!value) { // 包括 null, undefined, '' 等情况
+            callback(new Error('设备编码不能为空'));
+            } else {
+            callback(); // 验证通过
+            }
+        },
+
+        getTree() {
+            listPartType().then((response) => {
+                this.deptList = this.handleTree(response.data, 'paId')
+            })
+        },
+        
+        /** 转换部门数据结构 */
+        normalizer(node) {
+            if (node.children && !node.children.length) {
+                delete node.children
+            }
+            return {
+                id: node.paId,
+                label: node.paName,
+                children: node.children,
+            }
+        },
+
+        /** 转换设备数据结构 */
+        normalizerDevice(node) {
+            if (node.children && !node.children.length) {
+                delete node.children
+            }
+            return {
+                id: node.id,
+                label: node.label,
+                children: node.children,
+            }
+        },
+
+        // 设备选择改变时触发
+        async handleChangeDevice(value) {
+            this.maCodeSelectList = []
+            this.$nextTick(() => {
+            this.$refs.dynamicValidateForm.validateField('equipmentId');
+            });
+            if(value){
+                this.selectedNodeData = this.findNodeDevice(this.deviceTypeTreeData, value);
+                console.log("jjjjjjjjjjj",this.selectedNodeData)
+                if(this.selectedNodeData.manageType==0){
+                    this.dynamicValidateForm.maId = ''
+                    GetMaCodeSelectApi({
+                        typeId: value,
+                    }).then((res) => {
+                        this.maCodeSelectList = res.data
+                        this.showSelect = true
+                        this.dynamicValidateForm.premiumList.forEach((domain) => {
+                            domain.repairNum = 1
+                        })
+                    })               
+                }else{
+                    this.showSelect = false
+                    this.dynamicValidateForm.maId = ''
+                }
+            }else{
+                this.maCodeSelectList = []
+            }
+            
+
+        },
+
+        handleChangeMaId(value) {
+            this.$nextTick(() => {
+            this.$refs.dynamicValidateForm.validateField('maId');
+            });
+        },
+
+        // 获取 设备树结构数据
+        async GetDeviceTypeTree() {
+        const params = {
+            level: 4,
+        }
+        const loading = this.$loading({
+            lock: true,
+            text: '加载中...',
+        })
+        try {
+            const res = await getDeviceTypeTreeTwo(params)
+            this.deviceTypeTreeData = res.data
+            loading.close()
+        } catch (error) {
+            console.log('🚀 ~ GetDeviceTypeTree ~ error:', error)
+            loading.close()
+        }
+        },
+
+
+        getList() {
+            let params = {
+                taskId: this.taskId,
+            }
+            this.loading = true
+            getRepairMaTypeListApi(params).then((res) => {
+                if (res.code == 200) {
+                    this.repairList = res.rows
+                    this.total = res.total
+                    this.loading = false
+                }
+            })
+        },
+       async init() {
+          try {
+            // 重置表单
+             this.$refs.dynamicValidateForm && this.$refs.dynamicValidateForm.resetFields();
+            // 清空原有数据
+            this.dynamicValidateForm = {
+                equipmentId: null,
+                maId: '',
+                premiumList: []
+            };
+            console.log("xxxxxxxxxxxxxxx",this.rowObj)
+            if(this.rowObj!=null && this.rowObj.id){
+                const res = await getEquipmentInfo({ id: this.rowObj.id})
+                this.dynamicValidateForm.maId = res.data.maId
+                this.dynamicValidateForm.equipmentId = res.data.typeId
+                this.dynamicValidateForm.premiumList = res.data.partList.map((item, index) => ({
+                    ...item,
+                    key: `${Date.now()}_${index}` // 生成唯一 key
+                }))
+                this.dynamicValidateForm.premiumList.forEach((domain, index) => {
+                if (domain.partId) {
+                  this.handleSelectTreeEdit(domain.partId, index)
+                }
+
+                this.maCodeSelectList = []
+                console.log("cccccccccccc",this.deviceTypeTreeData)
+                this.selectedNodeData = this.findNodeDevice(this.deviceTypeTreeData, res.data.typeId);
+                console.log("jjjjjjjjjjj",this.selectedNodeData)
+                if(this.selectedNodeData.manageType==0){
+                    GetMaCodeSelectApi({
+                        typeId: res.data.typeId,
+                    }).then((res) => {
+                        this.maCodeSelectList = res.data
+                        this.showSelect = true
+                        this.dynamicValidateForm.maId = this.rowObj.maId
+                    })               
+                }else{
+                    this.showSelect = false
+                    this.dynamicValidateForm.maId = ''
+                }
+              })
+              if(res.data.partList.length==0){
+                this.dynamicValidateForm.premiumList.push({repairer:res.data.repairer,updateTime:res.data.repairTime,repairNum:res.data.repairNum})
+              }
+            }else{
+                this.addDomainOne()
+            }
+
+            // 获取用户信息和用户选择列表
+            const userInfoRes = await getInfo()
+            this.companyId = userInfoRes.user.companyId
+            this.currentUserId = userInfoRes.user.userId
+
+            const userSelectRes = await getUserSelectApi({ roleIds: [133] })
+            this.userSelectList = userSelectRes.data
+          } catch (error) {
+            console.error('初始化出错:', error)
+          }
+        },
+        // 取消按钮
+        cancel() {
+            this.$refs.dynamicValidateForm.resetFields();
+            this.dialogShowFlag = false
+            this.dynamicValidateForm.premiumList = [];
+            this.dynamicValidateForm.maId = '';
+            this.dynamicValidateForm.equipmentId = null;
+            this.selectedNodeData = null;
+            this.maCodeSelectList = [];
+            this.showSelect = false;
+        }, 
+
+        addDomainOne() {
+            const formatDate = (date) => {
+                const year = date.getFullYear();
+                const month = String(date.getMonth() + 1).padStart(2, '0');
+                const day = String(date.getDate()).padStart(2, '0');
+                return `${year}-${month}-${day}`;
+            };
+            // 检查 currentUserId 是否在 userSelectList 的 userId 中
+            const isUserIdInList = this.userSelectList.some(user => user.userId === this.currentUserId);
+            // 选择配件 partId
+            // 是否收费 partType
+            // 配件数量 partNum
+            // 配件费用 partCost
+            // 维修处理情况 repairContent
+            // 维修前情况 repairContent
+            // 维修数量 repairNum
+            const newDomain = {
+                selected: 'N',
+                // partId: '',
+                repairer: this.userSelectList.length > 0 && isUserIdInList ? this.currentUserId : '',  // 默认选择第一条数据
+                partType: 0,
+                partNum: '',
+                partCost: '',
+                repairContent: '',
+                repairContentBefore: '',
+                repairNum: 1,
+                key: Date.now(),
+                repairRemark: '',
+                fileList: [],
+                partChange: '',
+                partChangeNum: '',
+                 updateTime: formatDate(new Date()),
+            };
+            this.dynamicValidateForm.premiumList.push(newDomain);
+        },
+        delDomain(domain) {
+                this.dynamicValidateForm.premiumList = this.dynamicValidateForm.premiumList.filter(
+                    (item) => item.key != domain.key,
+                )
+
+        },
+        submit() {
+            this.$refs['dynamicValidateForm'].validate((valid) => {
+                if (valid) {
+                    //新增
+                    if(this.rowObj==null || this.rowObj.id==''){
+                        // 编码管理传递参数
+                        console.log('this.dynamicValidateForm.premiumList1111)', this.dynamicValidateForm.premiumList)
+                        let params = {
+                            maId: this.dynamicValidateForm.maId === '' ? null : this.dynamicValidateForm.maId,
+                            typeId: this.selectedNodeData.id,
+                            companyId: this.companyId,
+                            partStrList: JSON.stringify(this.dynamicValidateForm.premiumList),
+                            manageType: this.selectedNodeData.manageType,
+                            repairNum: this.dynamicValidateForm.premiumList[0]?.repairNum ?? 1,
+                        }
+                        this.fullscreenLoading = true
+                        submitEquipmentApiNew(params)
+                            .then((res) => {
+                                if (res.code == 200) {
+                                    this.getList()
+                                    this.fullscreenLoading = false
+                                    this.dialogShowFlag = false
+                                    this.index = null
+                                    this.$message.success('新增成功!')
+                                    this.$emit('domainChange', res.code)
+                                }
+                            })
+                            .catch(() => {
+                                this.index = null
+                                this.fullscreenLoading = false
+                            })
+                        }else{
+                            //编辑
+                            // 编码管理传递参数
+                            console.log('this.dynamicValidateForm.premiumList1111)', this.dynamicValidateForm.premiumList)
+                            let params = {
+                                id: this.rowObj.id,
+                                maId: this.dynamicValidateForm.maId === '' ? null : this.dynamicValidateForm.maId,
+                                typeId: this.selectedNodeData.id,
+                                companyId: this.companyId,
+                                partStrList: JSON.stringify(this.dynamicValidateForm.premiumList),
+                                manageType: this.selectedNodeData.manageType,
+                                repairNum: this.dynamicValidateForm.premiumList[0]?.repairNum ?? 1,
+                            }
+                            this.fullscreenLoading = true
+                            editEquipmentApiNew(params)
+                                .then((res) => {
+                                    if (res.code == 200) {
+                                        this.getList()
+                                        this.fullscreenLoading = false
+                                        this.dialogShowFlag = false
+                                        this.index = null
+                                        this.$message.success('修改成功!')
+                                        this.$emit('domainChange', res.code)
+                                    }
+                                })
+                                .catch(() => {
+                                    this.index = null
+                                    this.fullscreenLoading = false
+                                })
+                    }
+                   
+                } else {
+                    return false
+                }
+            })
+        },
+
+        handleSelectTreeEdit(value, index) {
+            if (value) {
+                this.isRequired = true;
+                // 查找选中配件的子级节点
+                const selectedNode = this.findNode(this.deptList, value);
+                if (selectedNode && selectedNode.children) {
+                    // 提取子级节点的 buyPrice
+                    const uniquePrices = new Set(
+                        selectedNode.children
+                            .map(child => child.buyPrice)
+                            .filter(price => price !== undefined)
+                            .map(price => parseFloat(price).toFixed(2))
+                    );
+                     this.dynamicValidateForm.premiumList[index].childPrices = Array.from(uniquePrices).sort((a, b) => a - b);
+                } else {
+                    this.dynamicValidateForm.premiumList[index].childPrices = [];
+                }
+            } else {
+                this.$refs['dynamicValidateForm'].clearValidate();
+                this.isRequired = false;
+                this.dynamicValidateForm.premiumList[index].childPrices = [];
+            }
+        },
+
+        handleSelectTree(value, index) {
+            this.dynamicValidateForm.premiumList[index].partCost = '';
+            if (value) {
+                this.isRequired = true;
+                // 查找选中配件的子级节点
+                const selectedNode = this.findNode(this.deptList, value);
+                if (selectedNode && selectedNode.children) {
+                    // 提取子级节点的 buyPrice
+                    const uniquePrices = new Set(
+                        selectedNode.children
+                            .map(child => child.buyPrice)
+                            .filter(price => price !== undefined)
+                            .map(price => parseFloat(price).toFixed(2))
+                    );
+                     this.dynamicValidateForm.premiumList[index].childPrices = Array.from(uniquePrices).sort((a, b) => a - b);
+                } else {
+                    this.dynamicValidateForm.premiumList[index].childPrices = [];
+                }
+            } else {
+                this.$refs['dynamicValidateForm'].clearValidate();
+                this.isRequired = false;
+                this.dynamicValidateForm.premiumList[index].childPrices = [];
+            }
+        },
+
+
+        // 递归查找节点
+        findNode(nodes, id) {
+            for (const node of nodes) {
+                if (node.paId === id) {
+                    return node;
+                }
+                if (node.children) {
+                    const found = this.findNode(node.children, id);
+                    if (found) {
+                        return found;
+                    }
+                }
+            }
+            return null;
+        },
+
+        findNodeDevice(nodes, value){
+            for (const node of nodes) {
+                if (node.id == value) {
+                    return node;
+                }
+                if (node.children && node.children.length > 0) {
+                    const found = this.findNodeDevice(node.children, value);
+                    if (found) return found;
+                }
+            }
+            return null;
+        },
+                
+
+        isPDF(file) {
+            console.log('🚀 ~ isPDF ~ file:', file)
+            console.log(file?.fileName && /\.(pdf)$/i.test(file.fileName))
+            return file?.fileName && /\.(pdf)$/i.test(file.fileName);
+        },
+        isWord(file) {
+            return file?.fileName && /\.(docx?|wps)$/i.test(file.fileName);
+        },
+        handleRemove(file, domain) {
+            console.log('🚀 ~ handleRemove ~ file:', file)
+            domain.fileList.splice(domain.fileList.indexOf(file), 1)
+            console.log('🚀 ~ domain.fileList:', domain.fileList)
+        },
+        handlePreview(file) {
+            console.log("ccccccccccccccccc",file)
+            if (file.response) {
+                window.open(file.response.data.fileUrl)
+            } else {
+                window.open(file.fileUrl)
+            }
+        },
+        handleExceed(files, fileList) {
+            this.$message.warning(
+                `当前限制选择 5 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+                    files.length + fileList.length
+                } 个文件`,
+            )
+        },
+        beforeUpload(file) {
+            const isLtMB = file.size / 1024 / 1024 < 20
+            if (!isLtMB) {
+                this.$message.error('上传文件大小不能超过 20MB!')
+            }
+            return isLtMB
+        },
+        handleSuccess(file, fileList, row) {
+            console.log('🚀 ~ handleSuccess ~ row:', row)
+            console.log('🚀 ~ handleSuccess ~ file:', file)
+            if (!row.fileList) {
+                row.fileList = []
+            }
+            row.fileList.push({
+                fileName: file.response.data.fileName,
+                fileUrl: process.env.VUE_APP_BASE_API + '/system'+ file.response.data.fileUrl,
+            })
+        },
+        // // 获取配件总费用
+        // async getPartCost(domain) {
+        //     console.log('🚀 ~ getPartCost ~ domain:', domain)
+        //     try {
+        //         const params = {
+        //             partId: domain.partId,
+        //             partNum: domain.partNum,
+        //         }
+        //         const res = await getCostByPidAndNumApi(params)
+        //         console.log('🚀 ~ getPartCost ~ res:', res)
+        //         domain.partCost = res.data
+        //     } catch (error) {
+        //         console.log('🚀 ~ getPartCost ~ error:', error)
+        //     }
+        // },
+    },
+}
+</script>
+<style lang="scss" scoped>
+.form_box_one {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .form_box_title {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        font-size: 12px;
+    }
+
+    .form_box_line {
+        margin: 8px 0;
+        width: 100%;
+        border-bottom: 2px solid #1a1c22;
+    }
+
+    .form_box_item {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .add_box {
+        display: flex;
+        justify-content: flex-end;
+        margin-right: 3%;
+    }
+}
+
+.form_box_two {
+    display: flex;
+    flex-direction: column;
+
+    .form_box_title {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-start;
+        font-size: 12px;
+    }
+
+    .form_box_line {
+        margin: 8px 0;
+        width: 100%;
+        border-bottom: 2px solid #1a1c22;
+    }
+
+    .form_box_item {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .add_box {
+        display: flex;
+        justify-content: flex-end;
+        margin-right: 3%;
+    }
+}
+
+.dialog-footer {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin-right: 3%;
+    margin-top: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/repairTest/equipmentToRepair/index.vue b/src/views/repairTest/equipmentToRepair/index.vue
new file mode 100644
index 0000000..a967ef7
--- /dev/null
+++ b/src/views/repairTest/equipmentToRepair/index.vue
@@ -0,0 +1,484 @@
+<template>
+    <div class="app-container" >
+        <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            v-show="showSearch"
+            label-width="100px"
+        >
+            <el-form-item label="机具名称" prop="typeName">
+                <el-input
+                    v-model="queryParams.typeName"
+                    placeholder="请输入机具名称"
+                    clearable
+                    :maxlength="20"
+                    style="width: 240px"
+                    @keyup.enter.native="handleQuery"
+                />
+            </el-form-item>
+            <el-form-item label="规格型号" prop="typeModelName">
+                <el-input
+                    v-model="queryParams.typeModelName"
+                    placeholder="请输入规格型号"
+                    clearable
+                    :maxlength="20"
+                    style="width: 240px"
+                    @keyup.enter.native="handleQuery"
+                />
+            </el-form-item>
+
+            <el-form-item label="维保状态" prop="repairStatus">
+                <el-select
+                    v-model="queryParams.repairStatus"
+                    placeholder="请选择维保状态"
+                    clearable
+                    filterable
+                    style="width: 240px"
+                >
+                    <el-option label="待提交" value="0" />
+                    <el-option label="已提交" value="1" />
+                </el-select>
+            </el-form-item>
+
+            <el-form-item label="维保时间">
+                <el-date-picker
+                    v-model="dateRange"
+                    style="width: 240px"
+                    value-format="yyyy-MM-dd"
+                    type="daterange"
+                    range-separator="-"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                ></el-date-picker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+            </el-form-item>
+        </el-form>
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini"  @click="handleAdd"
+                    >新增维保</el-button
+                >
+            </el-col>
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" :disabled="multiple" @click="handleSubmit"
+                    >提交</el-button
+                >
+            </el-col>
+            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+        <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange" border>
+            <el-table-column type="selection" width="55" align="center" :selectable="selectable" />
+            <el-table-column
+                label="序号"
+                align="center"
+                width="80"
+                type="index"
+                :index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
+            >
+                <!-- <template slot-scope="scope">
+                    <span>{{
+                        (queryParams.pageNum - 1) * 10 + scope.$index + 1
+                    }}</span>
+                </template> -->
+            </el-table-column>
+            <el-table-column label="机具名称" align="center" prop="typeName" show-overflow-tooltip width="150px"/>
+            <el-table-column label="规格型号" align="center" prop="typeModelName" show-overflow-tooltip width="180px"/>
+            <el-table-column label="机具编号" align="center" prop="maCode" show-overflow-tooltip width="120px"/>
+            <el-table-column label="维修数量" align="center" prop="repairNum" show-overflow-tooltip width="100px"/>
+            <el-table-column label="维修人" align="center" prop="repairer" show-overflow-tooltip />
+            <el-table-column label="维修时间" align="center" prop="repairTime" show-overflow-tooltip />
+            <el-table-column label="维保状态" align="center" prop="repairStatus" show-overflow-tooltip >
+                <template slot-scope="scope">
+                    <span v-if="scope.row.repairStatus === 1">
+                        <el-tag type="success">
+                            已提交
+                        </el-tag>
+                    </span>
+                    <span v-if="scope.row.repairStatus === 0">
+                        <el-tag type="warning">
+                            待提交
+                        </el-tag>
+                    </span>
+                </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="250px"  >
+                <template slot-scope="scope">
+                    <el-button size="mini" type="text" icon="el-icon-zoom-in" @click="handleSee(scope.row, 'see')"
+                        >查看</el-button
+                    >
+                    <!--  -->
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-circle-check"
+                        v-if="scope.row.repairStatus == 0"
+                        @click="handleUpdate(scope.row, 'update')"
+                        >编辑</el-button
+                    >
+                    <el-button size="mini" type="text" icon="el-icon-document" @click="openUpkeep(scope.row)"
+                        >保养记录表</el-button
+                    >
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+        />
+
+        <dialogOneForm
+            :dialogTitle="title"
+            :isShowFlag.sync="isShowOneFlag"
+            :priKey="priKey"
+            :rowObj="rowObj"
+            @domainChange="domainChange"
+        ></dialogOneForm>
+
+        <!-- 维修记录表 -->
+        <el-dialog title="维修记录表" :visible.sync="upkeepVisible" width="50%">
+            <vue-easy-print tableShow ref="printRef">
+                <div style="padding: 0 30px">
+                    <h2 style="text-align: center; font-size: 33px">重庆市送变电工程有限公司</h2>
+                    <h3 style="text-align: center; font-size: 28px">设备维修保养记录表</h3>
+                    <div style="text-align: right;font-size: 20px;margin-bottom: 10px;">维修保养时间：{{ upkeepObj.repairTime }}</div>
+                    <div
+                        style="
+                            border: 1px solid #000;
+                            min-height: 820px;
+                            line-height: 1.9;
+                            font-size: 20px;
+                            position: relative;
+                            box-sizing: border-box;
+                            width: 100%;
+                        "
+                    >
+                        <!-- 第一行 -->
+                        <div style="display: flex; border-bottom: 1px solid #000">
+                            <div style="text-align: center; border-right: 1px solid #000; width: 20%">设备名称</div>
+                            <div style="text-align: center; border-right: 1px solid #000; width: 20%">型号</div>
+                            <div style="text-align: center; border-right: 1px solid #000; width: 20%">编号</div>
+                            <div style="text-align: center; border-right: 1px solid #000; width: 10%">数量</div>
+                            <div style="text-align: center; border-right: 1px solid #000; width: 15%">主修人</div>
+                            <div style="text-align: center; width: 15%">验收人</div>
+                        </div>
+                        <!-- 第二行 -->
+                        <div style="display: flex; border-bottom: 1px solid #000">
+                            <div style="text-align: center; border-right: 1px solid #000; width: 20%">{{
+                                upkeepObj.typeName || '-'
+                            }}</div>
+                            <div style="text-align: center; border-right: 1px solid #000; width: 20%">{{
+                                upkeepObj.typeModelName
+                            }}</div>
+                            <div style="text-align: center; border-right: 1px solid #000; width: 20%">{{
+                                upkeepObj.maCode
+                            }}</div>
+                            <!-- <div
+                                style="
+                                    text-align: center;
+                                    border-right: 1px solid #000;
+                                    width: calc(18%);
+                                    white-space: pre-wrap;
+                                    word-break: break-word;
+                                "
+                                ><span style="margin: 0 5px; font-size: 15px">{{ upkeepObj.maCode }}</span></div
+                            > -->
+                            <div style="text-align: center; border-right: 1px solid #000; width: 10%">{{
+                                upkeepObj.repairNum
+                            }}</div>
+                            <div style="text-align: center; border-right: 1px solid #000; width: 15%">{{
+                                upkeepObj.repairerName
+                            }}</div>
+                            <div style="text-align: center; width: 15%">{{ upkeepObj.auditBy }}</div>
+                        </div>
+                        <!-- 第三行 -->
+                        <div style="display: flex; border-bottom: 1px solid #000">
+                            <div style="padding-left: 10px; border-right: 1px solid #000; width: 20%">使用单位</div>
+                            <div style="padding-left: 10px"></div>
+                        </div>
+                        <!-- 第四行 -->
+                        <div style="width: 100%; min-height: 200px; border-bottom: 1px solid #000; padding-left: 10px"
+                            >设备维修前情况: <span>{{ upkeepObj.repairContentBefore }}</span>
+                        </div>
+                        <!-- 第五行 -->
+                        <div style="width: 100%; min-height: 200px; border-bottom: 1px solid #000; padding-left: 10px"
+                            >技术鉴定情况:
+                                <span>{{ upkeepObj.repairRemark }}</span>
+                        </div>
+                        <!-- 第六行 -->
+                        <div style="width: 100%; min-height: 200px; padding-left: 10px"
+                            >维修处理情况:
+                                <span>{{ upkeepObj.repairContent }}</span>
+                        </div>
+                        <div
+                            style="
+                                width: 100%;
+                                border-top: 1px solid #000;
+                                padding-left: 10px;
+                                position: absolute;
+                                bottom: 20px;
+                                left: 0;
+                            "
+                            > 验收情况: {{ upkeepObj.repairStatus === 0 ? '待提交' : '已通过' }}
+                        </div>
+                    </div>
+                    <!-- <div style="text-align: end; font-size: 20px; margin: 20px 50px 50px 0">
+                        <span>{{ getTime(upkeepObj.auditTime) }}</span>
+                    </div> -->
+                </div>
+            </vue-easy-print>
+            <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="print">打 印</el-button>
+                <el-button @click="upkeepVisible = false">关 闭</el-button>
+            </span>
+        </el-dialog>
+
+    </div>
+</template>
+
+<script>
+
+import {
+  getEquipmentListApi,submitStatusNew,getMaintenanceEquipmentApi
+} from '@/api/repairTest/equipmentToRepair'
+import selectTree from '../repair/selectTree.vue'
+import Tree from '@/views/repairTest/repair/tree.vue'
+import vueEasyPrint from 'vue-easy-print'
+import dialogOneForm from './dialogOneForm.vue'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+export default {
+    name: 'RepairTest/equipmentToRepair',
+    components: { Tree, selectTree, vueEasyPrint, dialogOneForm,Treeselect },
+
+    data() {
+        return {
+            uploadUrl: process.env.VUE_APP_BASE_API + '/system/sys/file/upload', // 上传的图片服务器地址
+            headers: {
+                Authorization: 'Bearer ' + localStorage.getItem('token'),
+            },
+            // 遮罩层
+            loading: true,
+            isShowOneFlag: false,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 显示搜索条件
+            showSearch: true,
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+                keyword: '',
+                repairStatus: '',
+                typeName: '',
+                typeModelName: '',
+                startTime: '',
+                endTime: '',
+            },
+            dateRange: [],
+            typeList: [],
+            // 弹出层标题
+            title: '',
+            total: 0,
+            // 是否显示弹出层
+            open: false,
+            priKey: '',
+            rowObj: {},
+            upkeepVisible: false, // 维修记录表
+            upkeepObj: {},
+        }
+    },
+    
+    created() {
+        this.getList()
+    },
+
+    methods: {
+        /** 查询字典类型列表 */
+        getList() {
+            this.loading = false
+            this.queryParams.startTime = this.dateRange[0]
+            this.queryParams.endTime = this.dateRange[1]
+            getEquipmentListApi(this.addDateRange(this.queryParams)).then((response) => {
+                this.typeList = response.rows
+                this.total = response.total
+                this.loading = false
+            })
+        },
+
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1
+            this.getList()
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.dateRange = []
+            this.queryParams.typeName = ''
+            this.queryParams.type = ''
+            this.queryParams.taskStatus = ''
+            this.resetForm('queryForm')
+            this.handleQuery()
+        },
+        selectable(row) {
+            if (row.repairStatus == 0) {
+                return true
+            } else {
+                return false
+            }
+        },
+        // 多选框选中数据id
+        handleSelectionChange(selection) {
+            this.selectionList = selection
+            this.ids = selection.map((item) => item.id)
+            this.single = selection.length != 1
+            this.multiple = !selection.length
+        },
+
+        //新增维保
+        handleAdd() {
+            this.title = '新增维保'
+            // this.priKey = row.id
+            this.rowObj = null
+            this.isShowOneFlag = true
+        },
+        
+        //编辑
+        handleUpdate(row) {
+            this.title = '编辑维保'
+            this.priKey = row.id
+            this.rowObj = row
+            this.isShowOneFlag = true
+        },
+
+        //查看
+        handleSee(row) {
+            this.title = '查看维保'
+            this.priKey = row.id
+            this.rowObj = row
+            this.isShowOneFlag = true
+        },
+
+        domainChange() {
+            this.getList()
+        },
+        handleSubmit() {
+            this.$confirm('确定提交吗?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            }).then(() => {
+                submitStatusNew({ids:this.ids}).then((res) => {
+                    this.$message.success('提交成功')
+                    this.getList()
+                })
+            })
+        },
+        // 维修记录表
+        openUpkeep(row) {
+            console.log('🚀 ~ openUpkeep ~ row:', row)
+            this.upkeepVisible = true
+            this.getUpkeepList(row.id)
+        },
+
+        // 获取保养记录表数据
+        async getUpkeepList(id) {
+            try {
+                const res = await getMaintenanceEquipmentApi({ id })
+                console.log('🚀 ~ getUpkeepList ~ res:', res)
+                this.upkeepObj = res.data
+            } catch (error) {
+                console.log('🚀 ~ getUpkeepList ~ error:', error)
+                this.upkeepObj = {}
+            }
+        },
+
+        // 转换时间格式 2025-02-11 14:52:27 --> 2025 年 2 月 11 日
+        getTime(time) {
+            if (!time) return ''
+            let date = new Date(time)
+            let year = date.getFullYear()
+            let month = date.getMonth() + 1
+            let day = date.getDate()
+            let hour = date.getHours()
+            let minute = date.getMinutes()
+            let second = date.getSeconds()
+            return `${year} 年 ${month} 月 ${day} 日`
+        },
+        // 维修记录表-打印
+        print() {
+            this.$nextTick(() => {
+                this.$refs.printRef.print()
+            })
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+.submit_box {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+
+    .submit_box_title {
+        display: flex;
+        flex-direction: column;
+        margin-left: 15px;
+
+        :first-child {
+            font-size: 14px;
+            font-weight: 600;
+        }
+
+        :last-child {
+            margin-top: 6px;
+            font-size: 12px;
+        }
+    }
+}
+
+.submit_box_two {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    margin-left: 40%;
+
+    .submit_box_title {
+        display: flex;
+        flex-direction: column;
+        margin-left: 10px;
+        font-size: 18px;
+        font-weight: 600;
+    }
+}
+
+::v-deep.el-table .fixed-width .el-button--mini {
+    width: 70px !important;
+    margin-bottom: 6px;
+}
+
+.dialog-footer-btn {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+
+.submit_box_openFour {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    font-size: 18px;
+}
+</style>