From 793a151a18d9ab7d0ae166e63bbccd6b0e415ae1 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Tue, 16 Dec 2025 11:23:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=B4=E4=BF=AE=E8=AE=B0=E5=BD=95?=
 =?UTF-8?q?=E5=88=9D=E6=AD=A5=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/model/em.js          |  32 +++++++
 src/views/em/repair.vue      |  63 ++++++++++++
 src/views/em/repair_form.vue | 181 +++++++++++++++++++++++++++++++++++
 3 files changed, 276 insertions(+)
 create mode 100644 src/views/em/repair.vue
 create mode 100644 src/views/em/repair_form.vue

diff --git a/src/api/model/em.js b/src/api/model/em.js
index a9263441..405c35e0 100644
--- a/src/api/model/em.js
+++ b/src/api/model/em.js
@@ -255,4 +255,36 @@ export default {
 			}
 		},
 	},
+	repair: {
+		list: {
+			req: async function(data){
+				return await http.get(
+					`${config.API_URL}/em/repair/`,
+					data
+				);
+			}
+		},
+		item: {
+			req: async function(id){
+				return await http.get(
+					`${config.API_URL}/em/repair/${id}/`
+				);
+			}
+		},
+        create: {
+			name: "创建",
+			req: async function(data){
+				return await http.post(
+					`${config.API_URL}/em/repair/`,
+					data);
+			}
+		},
+        delete: {
+			name: "删除",
+			req: async function(id){
+				return await http.delete(
+					`${config.API_URL}/em/repair/${id}/`);
+			}
+		},
+	}
 }
\ No newline at end of file
diff --git a/src/views/em/repair.vue b/src/views/em/repair.vue
new file mode 100644
index 00000000..c06a6503
--- /dev/null
+++ b/src/views/em/repair.vue
@@ -0,0 +1,63 @@
+<template>
+    <el-container>
+        <el-header>
+            <div class="left-panel"></div>
+            <div class="right-panel">
+                <!-- <el-button type="primary" @click="handleAdd">新增</el-button> -->
+                <el-input
+                    v-model="query.search"
+                    placeholder="设备信息等"
+                    clearable
+                    @keyup.enter="$refs.table.refresh()"
+                ></el-input>
+                <el-button
+            type="primary"
+            icon="el-icon-search"
+            @click="handleQuery"
+          ></el-button>
+            </div>
+
+        </el-header>
+        <el-main class="nopadding">
+            <scTable
+            ref="table"
+            :apiObj="API.em.repair.list"
+            row-key="id"
+            stripe
+            :query="query"
+            @row-click="(row)=>{t_id=row.id;mode='show';drawerVisible=true;}"
+            >
+            <el-table-column label="设备" prop="equipment_fullname" width="300" show-overflow-tooltip></el-table-column>
+            <el-table-column label="流程状态" width="300" show-overflow-tooltip>
+                <template #default="scope">
+                                <el-tag :type="actStateEnum[scope.row.ticket_?.act_state]?.type">
+                        {{ actStateEnum[scope.row.ticket_?.act_state]?.text }}
+                    </el-tag>
+            <el-tag type="info" effect="plain">{{ scope.row.ticket_?.state_.name }}</el-tag>
+          </template>
+            </el-table-column>`
+            <el-table-column label="故障类别" prop="fault_cate" width="100" show-overflow-tooltip></el-table-column>`
+            <el-table-column label="故障描述" prop="fault_description"  show-overflow-tooltip></el-table-column>
+            <el-table-column label="维修人" prop="repair_user_name" width="100" show-overflow-tooltip></el-table-column>
+            <el-table-column label="维修开始时间" prop="repair_start_time" width="200" show-overflow-tooltip></el-table-column>
+            </scTable>
+        </el-main>
+    </el-container>
+    <el-drawer title="维修申请" v-model="drawerVisible" :size="'80%'" destroy-on-close>
+        <repair-form :mode="mode" :t_id="t_id"></repair-form>
+    </el-drawer>
+</template>
+<script setup>
+import { ref } from 'vue'
+import API from '@/api'
+import repairForm from './repair_form.vue'
+import { actStateEnum, interveneTypeEnum } from "@/utils/enum.js";
+const query = ref({});
+const drawerVisible = ref(false);
+const mode = ref('add');
+const t_id = ref(null);
+const handleAdd = () => {
+    mode.value = 'add';
+    drawerVisible.value = true;
+}
+</script>
\ No newline at end of file
diff --git a/src/views/em/repair_form.vue b/src/views/em/repair_form.vue
new file mode 100644
index 00000000..4c62764c
--- /dev/null
+++ b/src/views/em/repair_form.vue
@@ -0,0 +1,181 @@
+<template>
+    <el-container>
+        <el-main class="nopadding">
+            <el-form label-width="110px" :model="formData" style="padding: 20px;">
+                <el-form-item label="创建时间" v-if="localMode !== 'add'">
+                    {{ formData.create_time }}
+                </el-form-item>
+                <el-form-item label="设备选择" required>
+                   <xtSelect
+                        v-model="formData.equipment"
+                        style="width: 100%;"
+                        :apiObj = "$API.em.equipment.list"
+                        v-model:label="formData.equipment_fullname"
+                        :labelField="'full_name'"
+                        :edit="localMode === 'add'"
+                   >
+                    <el-table-column prop="number" label="设备编号"></el-table-column>
+                    <el-table-column prop="name" label="设备名称"></el-table-column>
+                    <el-table-column prop="belong_dept_name" label="所属部门"></el-table-column>
+                   </xtSelect>
+                </el-form-item>
+                <el-form-item label="报修事由" required>
+                    <el-input
+                        type="textarea"
+                        :rows="3"
+                        v-model="formData.fault_description"
+                        placeholder="请输入报修事由"
+                        :readonly="localMode === 'show'"
+                    ></el-input>
+                </el-form-item>
+                <el-form-item label="故障分类" required v-if="localMode != 'add'">
+                    <el-select
+                        v-model="ticket_data.fault_cate"
+                        placeholder="请选择故障分类"
+                        v-if="formData.ticket && formData.ticket_.state_.name == '条保负责人分派'" 
+                    >
+                        <el-option label="机械" value="机械"></el-option>
+                        <el-option label="电气" value="电气"></el-option>
+                    </el-select>
+                    <span v-else>{{ formData.fault_cate }}</span>
+                </el-form-item>
+                <el-form-item label="维修人" required v-if="localMode != 'add'">
+                    <xtSelect :apiObj="$API.system.user.list" 
+                    v-if="formData.ticket && formData.ticket_.state_.name == '条保负责人分派'" v-model="ticket_data.repair_user">
+                            <el-table-column prop="name" label="姓名"></el-table-column>
+                            <el-table-column prop="belong_dept_name" label="部门"></el-table-column>
+                    </xtSelect>
+                    <span v-else>{{ formData.repair_user_name }}</span>
+                </el-form-item>
+                <el-form-item label="维修开始时间" required v-if="localMode != 'add'">
+                    <el-date-picker
+                        v-if="formData.ticket && formData.ticket_.state_.name == '维修人员处理'" 
+                        v-model="ticket_data.repair_start_time"
+                        type="datetime"
+                        placeholder="请选择维修开始时间"
+                        value-format="YYYY-MM-DD HH:mm:ss"
+                    ></el-date-picker>
+                    <span v-else>{{ formData.repair_start_time }}</span>
+                </el-form-item>
+                <el-form-item label="维修工时" required v-if="localMode != 'add'">
+                    <el-input-number v-model="ticket_data.repair_duration" :min="0" :precision="1" 
+                    v-if="formData.ticket && formData.ticket_.state_.name == '维修人员处理'" ></el-input-number>
+                    <span v-else>{{ formData.repair_duration }}</span>
+                </el-form-item>
+                <el-form-item label="维修描述" required v-if="localMode != 'add'">
+                    <el-input
+                        type="textarea"
+                        :rows="3"
+                        v-model="ticket_data.repair_description"
+                        placeholder="请输入维修描述"
+                        v-if="formData.ticket && formData.ticket_.state_.name == '维修人员处理'"
+                    ></el-input>
+                    <span v-else>{{ formData.repair_description }}</span>
+                </el-form-item>
+            </el-form>
+                    <el-footer>
+            <el-button type="danger"
+            v-if="localMode=='edit'"
+            style="margin-right: 4px;"
+            @click="handleDel"
+            :loading="saveLoading"
+            >删除</el-button>
+            <ticketd_b 
+                    v-if = "formData.ticket_"
+                    :t_id="formData.id" 
+                    :ticket_="formData.ticket_"
+                    :ticket_data="ticket_data"
+                    @success="$emit('success', localMode)" 
+                    ref="ticketd_b"
+                ></ticketd_b>
+                    <el-button 
+                    v-else
+                    type="primary"
+                    style="margin-right: 4px;"
+                    @click="handleSave"
+                    :loading="saveLoading"
+                    >提交审批</el-button>
+        </el-footer>
+        </el-main>
+        <el-aside width="20%" v-if="formData.ticket_">
+            <ticketd :ticket_="formData.ticket_" @success="$emit('success')"></ticketd>
+        </el-aside>
+    </el-container>
+</template>
+
+<script>
+import ticketd_b from "@/views/wf/ticketd_b.vue";
+import ticketd from '@/views/wf/ticketd.vue'
+
+export default {
+    name: 'repair_form',
+    components: {
+        ticketd_b,
+        ticketd
+    },
+    props: {
+        mode: {
+            type: String,
+            default: 'show'
+        },
+        t_id: {
+            type: String,
+            default: ""
+        }
+    },
+    data() {
+        return {
+            formData: {
+            },
+            ticket_data: {},
+            localMode: this.mode,
+            saveLoading: false
+        }
+    },
+    mounted() {
+        if (this.t_id) {
+            this.getTid();
+        } else {
+            this.localMode = "add";
+        }
+    },
+    methods: {
+        async getTid() {
+            try {
+                let res = await this.$API.em.repair.item.req(this.t_id);
+                this.formData = res;
+                if (res.ticket_ && res.ticket_.state_.type == 1 && res.create_by == this.$TOOL.data.get("USER_INFO").id) {
+                    this.localMode = "edit";
+                }
+            } catch (error) {
+                console.error('获取数据失败:', error);
+            }
+        },
+        handleDel() {
+            this.$confirm(`确定删除吗？`, "提示", {
+				type: "warning",
+			})
+				.then(()=>{
+                    this.$API.em.repair.delete.req(this.formData.id).then(res=>{
+                        this.$message.success("删除成功");
+                        this.$emit('success');
+                    })
+                })
+        },
+        async handleSave() {
+            if (this.localMode == "add") {
+                try {
+                    let res = await this.$API.em.repair.create.req(this.formData);
+                    this.$message.success("提交成功");
+                    this.$emit('success', this.localMode);
+                } catch (error) {
+                    console.error('提交失败:', error);
+                    throw error;
+                }
+            } else if (this.localMode == "edit") {
+                this.$message.error("不支持编辑");
+            }
+        }
+    }
+}
+</script>
\ No newline at end of file