Merge remote-tracking branch 'origin/main'

src/api/data-collect/data-class-manage.js

@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+// 新增数据类型
+export function addDataClassAPI(data) {
+    return request({
+        url: '/smartArchives/***',
+        method: 'POST',
+        data: data,
+    })
+}
+
+// 修改数据类型
+export function updateDataClassAPI(data) {
+    return request({
+        url: '/smartArchives/***',
+        method: 'POST',
+        data: data,
+    })
+}
+
+// 删除数据类型
+export function deleteDataClassAPI(data) {
+    return request({
+        url: '/smartArchives/***',
+        method: 'DELETE',
+        data: data,
+    })
+}
+
+// 查询数据类型列表
+export function getListDataClassAPI(data) {
+    return request({
+        url: '/smartArchives/***',
+        method: 'GET',
+        params: data,
+    })
+}

src/plugins/modal.js

@@ -3,81 +3,84 @@ import { Message, MessageBox, Notification, Loading } from 'element-ui'
 let loadingInstance
 
 export default {
-  // 消息提示
+    // 消息提示
-  msg(content) {
+    msg(content) {
-    Message.info(content)
+        Message.info(content)
-  },
+    },
-  // 错误消息
+    // 错误消息
-  msgError(content) {
+    msgError(content) {
-    Message.error(content)
+        Message.closeAll()
-  },
+        Message.error(content)
-  // 成功消息
+    },
-  msgSuccess(content) {
+    // 成功消息
-    Message.success(content)
+    msgSuccess(content) {
-  },
+        Message.closeAll()
-  // 警告消息
+        Message.success(content)
-  msgWarning(content) {
+    },
-    Message.warning(content)
+    // 警告消息
-  },
+    msgWarning(content) {
-  // 弹出提示
+        Message.closeAll()
-  alert(content) {
+        Message.warning(content)
-    MessageBox.alert(content, "系统提示")
+    },
-  },
+    // 弹出提示
-  // 错误提示
+    alert(content) {
-  alertError(content) {
+        MessageBox.alert(content, '系统提示')
-    MessageBox.alert(content, "系统提示", { type: 'error' })
+    },
-  },
+    // 错误提示
-  // 成功提示
+    alertError(content) {
-  alertSuccess(content) {
+        MessageBox.alert(content, '系统提示', { type: 'error' })
-    MessageBox.alert(content, "系统提示", { type: 'success' })
+    },
-  },
+    // 成功提示
-  // 警告提示
+    alertSuccess(content) {
-  alertWarning(content) {
+        MessageBox.alert(content, '系统提示', { type: 'success' })
-    MessageBox.alert(content, "系统提示", { type: 'warning' })
+    },
-  },
+    // 警告提示
-  // 通知提示
+    alertWarning(content) {
-  notify(content) {
+        MessageBox.alert(content, '系统提示', { type: 'warning' })
-    Notification.info(content)
+    },
-  },
+    // 通知提示
-  // 错误通知
+    notify(content) {
-  notifyError(content) {
+        Notification.info(content)
-    Notification.error(content)
+    },
-  },
+    // 错误通知
-  // 成功通知
+    notifyError(content) {
-  notifySuccess(content) {
+        Notification.error(content)
-    Notification.success(content)
+    },
-  },
+    // 成功通知
-  // 警告通知
+    notifySuccess(content) {
-  notifyWarning(content) {
+        Notification.success(content)
-    Notification.warning(content)
+    },
-  },
+    // 警告通知
-  // 确认窗体
+    notifyWarning(content) {
-  confirm(content) {
+        Notification.warning(content)
-    return MessageBox.confirm(content, "系统提示", {
+    },
-      confirmButtonText: '确定',
+    // 确认窗体
-      cancelButtonText: '取消',
+    confirm(content) {
-      type: "warning",
+        return MessageBox.confirm(content, '系统提示', {
-    })
+            confirmButtonText: '确定',
-  },
+            cancelButtonText: '取消',
-  // 提交内容
+            type: 'warning',
-  prompt(content) {
+        })
-    return MessageBox.prompt(content, "系统提示", {
+    },
-      confirmButtonText: '确定',
+    // 提交内容
-      cancelButtonText: '取消',
+    prompt(content) {
-      type: "warning",
+        return MessageBox.prompt(content, '系统提示', {
-    })
+            confirmButtonText: '确定',
-  },
+            cancelButtonText: '取消',
-  // 打开遮罩层
+            type: 'warning',
-  loading(content) {
+        })
-    loadingInstance = Loading.service({
+    },
-      lock: true,
+    // 打开遮罩层
-      text: content,
+    loading(content) {
-      spinner: "el-icon-loading",
+        loadingInstance = Loading.service({
-      background: "rgba(0, 0, 0, 0.7)",
+            lock: true,
-    })
+            text: content,
-  },
+            spinner: 'el-icon-loading',
-  // 关闭遮罩层
+            background: 'rgba(0, 0, 0, 0.7)',
-  closeLoading() {
+        })
-    loadingInstance.close()
+    },
-  }
+    // 关闭遮罩层
+    closeLoading() {
+        loadingInstance.close()
+    },
 }

src/views/data-collect/data-class-manage/index.vue

@@ -0,0 +1,326 @@
+<template>
+    <!-- 数据分类管理 -->
+    <div class="app-container">
+        <!-- 查询 -->
+        <el-form
+            size="small"
+            ref="queryForm"
+            :inline="true"
+            :model="queryParams"
+        >
+            <el-form-item prop="dataTypeName">
+                <el-input
+                    clearable
+                    placeholder="数据类型名称"
+                    v-model="queryParams.dataTypeName"
+                    @keyup.enter.native="onHandleQuery"
+                />
+            </el-form-item>
+
+            <el-form-item>
+                <el-button
+                    size="mini"
+                    type="primary"
+                    icon="el-icon-search"
+                    @click="onHandleQuery"
+                >
+                    查询
+                </el-button>
+                <el-button
+                    size="mini"
+                    icon="el-icon-refresh"
+                    @click="onResetQuery"
+                >
+                    重置
+                </el-button>
+
+                <el-button
+                    size="mini"
+                    type="primary"
+                    icon="el-icon-plus"
+                    @click="onHandleAdd"
+                >
+                    新增
+                </el-button>
+            </el-form-item>
+        </el-form>
+
+        <!-- 表格 -->
+        <el-table :data="tableData" border>
+            <el-table-column
+                width="50"
+                type="index"
+                label="序号"
+                align="center"
+            />
+            <el-table-column
+                align="center"
+                :key="column.prop"
+                :prop="column.prop"
+                :label="column.label"
+                v-for="column in columns"
+                :show-overflow-tooltip="true"
+            />
+
+            <el-table-column align="center" label="操作" width="140">
+                <template slot-scope="{ row }">
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-edit"
+                        style="color: #409eff"
+                        @click="onHandleEdit(row)"
+                    >
+                        编辑
+                    </el-button>
+                    <el-button
+                        size="mini"
+                        type="text"
+                        icon="el-icon-delete"
+                        style="color: #f56c6c"
+                        @click="onHandleDelete(row.id)"
+                    >
+                        删除
+                    </el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <pagination
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getListDataClassFun"
+        />
+
+        <!-- 新增修改弹框 -->
+        <el-dialog
+            width="40%"
+            append-to-body
+            :title="addAndEditDialogTitle"
+            :visible.sync="addAndEditDialogVisible"
+        >
+            <el-form
+                label-width="auto"
+                :model="addAndEditForm"
+                :rules="addAndEditRules"
+                ref="addAndEditFormRef"
+            >
+                <el-form-item label="数据类型名称" prop="dataTypeName">
+                    <el-input
+                        clearable
+                        maxlength="60"
+                        show-word-limit
+                        placeholder="请输入数据类型名称"
+                        v-model="addAndEditForm.dataTypeName"
+                    />
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input
+                        clearable
+                        type="textarea"
+                        show-word-limit
+                        maxlength="120"
+                        placeholder="请输入备注"
+                        v-model="addAndEditForm.remark"
+                        :autosize="{ minRows: 4, maxRows: 6 }"
+                    />
+                </el-form-item>
+
+                <el-form-item>
+                    <el-button type="primary" @click="onHandleAddAndEditSubmit">
+                        确定
+                    </el-button>
+                    <el-button @click="onHandleAddAndEditCancel">
+                        取消
+                    </el-button>
+                </el-form-item>
+            </el-form>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import {
+    addDataClassAPI,
+    updateDataClassAPI,
+    deleteDataClassAPI,
+    getListDataClassAPI,
+} from '@/api/data-collect/data-class-manage'
+
+export default {
+    name: 'DataClassManage',
+
+    data() {
+        return {
+            total: 0,
+            addAndEditDialogVisible: false,
+            addAndEditDialogTitle: '新增',
+            // 表格数据
+            tableData: [
+                {
+                    dataTypeName: '业主项目部数据',
+                    updateBy: '李思思',
+                    updateTime: '2025-12-30 20:00:00',
+                    remark: '测试数据1',
+                },
+                {
+                    dataTypeName: '业主项目部数据',
+                    updateBy: '李思思',
+                    updateTime: '2025-12-30 20:00:00',
+                    remark: '测试数据1',
+                },
+                {
+                    dataTypeName: '业主项目部数据',
+                    updateBy: '李思思',
+                    updateTime: '2025-12-30 20:00:00',
+                    remark: '测试数据1',
+                },
+            ],
+            // 表格列
+            columns: [
+                {
+                    label: '数据类型名称',
+                    prop: 'dataTypeName',
+                },
+                {
+                    label: '更新人',
+                    prop: 'updateBy',
+                },
+                {
+                    label: '更新时间',
+                    prop: 'dataTypeName',
+                },
+                {
+                    label: '备注',
+                    prop: 'dataTypeName',
+                },
+            ],
+
+            // 查询参数
+            queryParams: {
+                id: null, // 修改的id
+                pageNum: 1,
+                pageSize: 10,
+                dataTypeName: '',
+            },
+
+            // 新增修改表单
+            addAndEditForm: {
+                remark: '',
+                dataTypeName: '',
+            },
+
+            // 新增修改表单验证
+            addAndEditRules: {
+                dataTypeName: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请输入数据类型名称',
+                    },
+                ],
+            },
+        }
+    },
+
+    created() {
+        // this.getListDataClassFun()
+    },
+
+    methods: {
+        // 获取数据类型列表
+        async getListDataClassFun() {
+            const res = await getListDataClassAPI(this.queryParams)
+            this.tableData = res.rows
+            this.total = res.total
+        },
+        // 查询按钮
+        onHandleQuery() {
+            this.getListDataClassFun()
+        },
+        // 重置按钮
+        onResetQuery() {
+            this.queryParams = {
+                pageNum: 1,
+                pageSize: 10,
+                dataTypeName: undefined,
+            }
+            this.getListDataClassFun()
+        },
+        // 新增按钮
+        onHandleAdd() {
+            this.addAndEditForm.id = null
+            this.addAndEditDialogTitle = '新增'
+            this.addAndEditDialogVisible = true
+        },
+        // 编辑按钮
+        onHandleEdit(row) {
+            const { dataTypeName, remark, id } = row // 只取出需要的数据
+            Object.assign(this.addAndEditForm, { dataTypeName, remark, id })
+            this.addAndEditDialogTitle = '编辑'
+            this.addAndEditDialogVisible = true
+        },
+        // 删除按钮
+        onHandleDelete(id) {
+            this.$modal
+                .confirm(
+                    '是否确认删除数据类型名称"' +
+                        row.dataTypeName +
+                        '"的数据项？',
+                )
+                .then(async () => {
+                    const res = await deleteDataClassAPI({ id })
+                    if (res.code === 200) {
+                        this.$modal.msgSuccess('删除成功')
+                        this.getListDataClassFun()
+                    } else {
+                        this.$message.error('删除失败')
+                    }
+                })
+                .catch(() => {
+                    console.log('删除失败')
+                })
+        },
+
+        // 新增修改确定按钮
+        onHandleAddAndEditSubmit() {
+            console.log(this.addAndEditForm)
+            this.$refs.addAndEditFormRef.validate(async (valid) => {
+                if (valid) {
+                    console.log('新增修改成功')
+
+                    // 组装参数
+                    const { dataTypeName, remark, id } = this.addAndEditForm
+                    const params = {
+                        dataTypeName,
+                        remark,
+                    }
+                    // 如果有id，则修改
+                    if (id) {
+                        params.id = id
+                    }
+
+                    const API = id ? addDataClassAPI : updateDataClassAPI
+                    const res = await API(params)
+                    if (res.code === 200) {
+                        this.$modal.msgSuccess(
+                            `${this.addAndEditDialogTitle}成功`,
+                        )
+                        this.addAndEditDialogVisible = false
+                    } else {
+                        this.$message.error('新增修改失败')
+                    }
+                } else {
+                    console.log('新增修改失败')
+                }
+            })
+        },
+        // 新增修改取消按钮
+        onHandleAddAndEditCancel() {
+            this.$refs.addAndEditFormRef.resetFields()
+            this.addAndEditDialogVisible = false
+        },
+    },
+}
+</script>

src/views/data-collect/data-set-manage/index.vue

@@ -0,0 +1,12 @@
+<template>
+    <!-- 数据汇集管理 -->
+    <div class="app-container"> 数据分类管理 </div>
+</template>
+
+<script>
+export default {
+    name: 'DataSetManage',
+}
+</script>
+
+<style></style>