feat: 添加到版本控制

src/api/business/onWorkDetail.js

@@ -0,0 +1,49 @@
+import request from '@/utils/request'
+
+// 查询单次任务进度详情列表
+export function listDetail(query) {
+  request.defaults.baseURL = '/ezhizao-yzbh-production'
+  return request({
+    url: '/business/onceWorkDetail/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询单次任务进度详情详细
+export function getDetail(id) {
+  request.defaults.baseURL = '/ezhizao-yzbh-production'
+  return request({
+    url: '/business/onceWorkDetail/list?workOrderId=' + id,
+    method: 'get'
+  })
+}
+
+// 新增单次任务进度详情
+export function addDetail(data) {
+  request.defaults.baseURL = '/ezhizao-yzbh-production'
+  return request({
+    url: '/business/onceWorkDetail/addOnWorkDetail',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改单次任务进度详情
+export function updateDetail(data) {
+  request.defaults.baseURL = '/ezhizao-yzbh-production'
+  return request({
+    url: '/business/onceWorkDetail/updateOnWorkDetail',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除单次任务进度详情
+export function delDetail(id) {
+  request.defaults.baseURL = '/ezhizao-yzbh-production'
+  return request({
+    url: '/business/onceWorkDetail/' + id,
+    method: 'delete'
+  })
+}

src/views/business/production/onWorkDetail/form.vue

@@ -0,0 +1,185 @@
+<template>
+    <!-- 添加或修改项目信息对话框 -->
+    <div class="el-drawer__wrapper">
+        <el-drawer :title="title" v-model="visible" direction="rtl" size="100%">
+            <div class="page-container form-container">
+            <div class="form-btns-container">
+                    <span class="title-label"><el-icon>
+                            <Document />
+                        </el-icon> 项目信息</span>
+                <el-button-group>
+                    <el-button v-if="editStatus" type="primary" size="small" icon="Finished"
+                               @click="submitForm">保存</el-button>
+                    <el-button v-else type="warning" size="small" icon="Edit" @click="editStatus = true">编辑</el-button>
+                    <el-button v-if="form.id && editStatus" type="info" size="small" icon="Close"
+                               @click="editStatus = false">取消编辑</el-button>
+                    <el-button v-if="form.id" type="success" size="small" @click="getForm">
+                        <i class="fa fa-refresh" aria-hidden="true" /> 刷新
+                    </el-button>
+                </el-button-group>
+                <div class="screen-btn" @click="handleScreen">
+                    <template v-if="!isFullscreen">
+                        <i class="fa fa-window-maximize" aria-hidden="true" />
+                        <!-- <span>全屏</span> -->
+                    </template>
+                    <template v-else>
+                        <i class="fa fa-window-restore" aria-hidden="true" />
+                        <!-- <span>还原</span> -->
+                    </template>
+                </div>
+                <div class="close-btn" @click="cancel">
+                    <i class="fa fa-times" aria-hidden="true" />
+                    <!-- <span>关闭</span> -->
+                </div>
+            </div>
+            <div class="Y-scrollbar" style="position: absolute; top: 32px; bottom: 0; width: 100%; overflow: auto">
+            </div>
+            <el-form ref="detailRef" class="master-container" :model="form" :rules="rules" label-width="120px">
+                <el-row :gutter="30">
+                                    <el-col :span="6">
+                                        <el-form-item label="记录日期" prop="recordDate">
+                                            <el-input  v-if="editStatus" v-model="form.recordDate" placeholder="请输入记录日期" />
+                                            <span v-else>{{ form.recordDate }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="记录详情" prop="recordDetail">
+                                            <el-input v-if="editStatus" v-model="form.recordDetail" type="textarea" placeholder="请输入内容" />
+                                            <span v-else>{{ form.recordDetail }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="${comment}" prop="userName">
+                                            <el-input  v-if="editStatus" v-model="form.userName" placeholder="请输入${comment}" />
+                                            <span v-else>{{ form.userName }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <el-form-item label="备注" prop="remark">
+                                            <el-input v-if="editStatus" v-model="form.remark" type="textarea" placeholder="请输入内容" />
+                                            <span v-else>{{ form.remark }}</span>
+                                        </el-form-item>
+                                    </el-col>
+                </el-row>
+            </el-form>
+            </div>
+        </el-drawer>
+    </div>
+</template>
+<script setup>
+    import {getDetail} from "@/api/business/onWorkDetail";
+    const { proxy } = getCurrentInstance()
+    /** 父组件传参 */
+    const props = defineProps({
+        getList: {
+            type: Function,
+            default: () => { }
+        }
+    })
+    const { getList } = toRefs(props)
+    /** 字典数组区 */
+    /** 表单抽屉 页变量 */
+    const title = ref("")
+    const loading = ref(false)
+    const multiple = ref(true)
+    const visible = ref(false)
+    const editStatus = ref(false)
+    const isFullscreen = ref(false)
+    const webHost = import.meta.env.VITE_APP_BASE_API
+    const data = reactive({
+        form: {},
+        rules: {
+                        recordDate: [
+                        { required: true, message: "记录日期不能为空", trigger: "blur" }
+                    ],
+                        recordDetail: [
+                        { required: true, message: "记录详情不能为空", trigger: "blur" }
+                    ],
+        }
+    });
+    const { form, rules } = toRefs(data);
+/***********************  方法区  ****************************/
+    /** 打开抽屉 */
+    function open(id) {
+        reset();
+        visible.value = true;
+        if (id) {
+            getDetail(id).then(response => {
+                form.value = response.data;
+                editStatus.value = false
+                title.value = "修改项目信息"
+            })
+        } else {
+            editStatus.value = true
+            title.value = "添加项目信息"
+        }
+    }
+
+    /** 取消按钮 */
+    function cancel() {
+        visible.value = false;
+        reset();
+    }
+
+    /** 表单重置 */
+    function reset() {
+        form.value = {
+                        id: null,
+                        onceworkId: null,
+                        recordDate: null,
+                        recordDetail: null,
+                        userId: null,
+                        userName: null,
+                        deleted: null,
+                        createTime: null,
+                        creatorId: null,
+                        updaterId: null,
+                        updateTime: null,
+                        remark: null
+        };
+        proxy.resetForm("detailRef");
+    }
+
+    /** 全屏缩放 */
+    function handleScreen() {
+    const dom = document.querySelector('.list-container > .el-drawer__wrapper > .el-overlay')
+    isFullscreen.value = !isFullscreen.value
+    dom.style.position = isFullscreen.value ? 'fixed' : 'absolute'
+    }
+
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["detailRef"].validate(valid => {
+    if (valid) {
+      if (form.value.id != null) {
+        updateDetail(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          visible.value = false;
+          getList.value()
+        });
+      } else {
+        addDetail(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          visible.value = false;
+          getList.value()
+        });
+      }
+    }
+  });
+}
+
+    /** 查询表单信息  */
+    function getForm() {
+    loading.value = true
+    getDetail(form.value.id).then(response => {
+        loading.value = false
+        form.value = response.data
+    })
+    }
+
+    /** 暴露给父组件的方法 */
+    defineExpose({
+        open
+    })
+</script>

src/views/business/production/onWorkDetail/index.vue

@@ -0,0 +1,171 @@
+<template>
+    <div class="page-container list-container">
+        <!-- 功能按钮区 -->
+        <div class="list-btns-container">
+            <el-button
+                    type="primary"
+                    size="small"
+                    icon="Plus"
+                    @click="handleAdd"
+                    v-hasPermi="['business:detail:add']"
+            >新增</el-button>
+
+            <el-button
+                    type="success"
+                    size="small"
+                    icon="Edit"
+                    :disabled="single"
+                    @click="handleUpdate"
+                    v-hasPermi="['business:detail:edit']"
+            >修改</el-button>
+
+            <el-button
+                    type="danger"
+                    size="small"
+                    icon="Delete"
+                    :disabled="multiple"
+                    @click="handleDelete"
+                    v-hasPermi="['business:detail:remove']"
+            >删除</el-button>
+
+            <el-button
+                    type="warning"
+                    size="small"
+                    icon="Download"
+                    @click="handleExport"
+                    v-hasPermi="['business:detail:export']"
+            >导出</el-button>
+            <!--<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>-->
+        </div>
+        <!-- 搜索区 -->
+        <el-form class="list-search-container" size="small" :model="queryParams" ref="queryRef" :inline="true" label-width="68px">
+                        <el-form-item label="记录日期：" prop="recordDate">
+                            <el-input
+                                    v-model="queryParams.recordDate"
+                                    placeholder="请输入记录日期"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+                        <el-form-item label="${comment}：" prop="userName">
+                            <el-input
+                                    v-model="queryParams.userName"
+                                    placeholder="请输入${comment}"
+                                    clearable
+                                    @keyup.enter="handleQuery"
+                            />
+                        </el-form-item>
+            <el-form-item>
+                <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+        </el-form>
+
+        <!-- 列表区 -->
+        <el-table v-loading="loading" :data="detailList" size="small" border height="100%" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" width="55" align="center" />
+                    <el-table-column label="记录日期" align="center" prop="recordDate" />
+                    <el-table-column label="记录详情" align="center" prop="recordDetail" />
+                    <el-table-column label="${comment}" align="center" prop="userName" />
+                    <el-table-column label="备注" align="center" prop="remark" />
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                <template #default="scope">
+                    <el-button link type="warning" size="small" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['business:detail:edit']">修改</el-button>
+                    <el-button link type="danger" size="small" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['business:detail:remove']">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!-- 分页 -->
+        <pagination v-show="total>0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList"/>
+
+        <!-- 表单 -->
+        <detail-form ref="detailRef" :get-list="getList"></detail-form>
+    </div>
+</template>
+
+<script setup name="Detail">
+    import { listDetail, delDetail } from "@/api/business/onWorkDetail";
+    import detailForm from "./form.vue"
+    const { proxy } = getCurrentInstance()
+    /** 字典数组区 */
+    /** 查询 对象 */
+
+    const detailList = ref([]);
+    const loading = ref(true);
+    const ids = ref([])
+    const single = ref(true);
+    const multiple = ref(true);
+    const total = ref(0);
+    /** 查询对象 */
+   const queryParams=ref({
+        pageNum: 1,
+        pageSize: 10,
+                    recordDate: null,
+                    recordDetail: null,
+                    userName: null,
+    })
+
+  /***********************  方法区  ****************************/
+
+    /** 查询单次任务进度详情列表 */
+   function getList() {
+        loading.value = true;
+        listDetail(queryParams.value).then(response => {
+                detailList.value = response.rows;
+            total.value = response.total;
+            loading.value = false;
+        });
+    }
+
+    /** 搜索按钮操作 */
+    function handleQuery() {
+        queryParams.value.pageNum = 1;
+        getList();
+    }
+
+    /** 重置按钮操作 */
+    function resetQuery() {
+        proxy.resetForm("queryRef");
+        handleQuery();
+    }
+
+    // 多选框选中数据
+    function handleSelectionChange(selection) {
+        ids.value = selection.map(item => item.id);
+        single.value = selection.length != 1;
+        multiple.value = !selection.length;
+    }
+
+    /** 新增按钮操作 */
+    function handleAdd() {
+         proxy.$refs.detailRef.open()
+    }
+
+    /** 修改按钮操作 */
+    function handleUpdate(row) {
+        const id = row.id || ids.value
+        proxy.$refs.detailRef.open(id)
+    }
+
+
+    /** 删除按钮操作 */
+    function handleDelete(row) {
+        const _ids = row.id || ids.value;
+        proxy.$modal.confirm('是否确认删除选中的数据项？').then(function() {
+            return delDetail(_ids);
+        }).then(() => {
+            getList();
+            proxy.$modal.msgSuccess("删除成功！");
+        }).catch(() => {});
+    }
+
+    /** 导出按钮操作 */
+    function handleExport() {
+        proxy.download('business/detail/export', {
+            ...queryParams.value
+        }, `detail_${new Date().getTime()}.xlsx`)
+    }
+
+   getList();
+</script>