系统参数页面修改

ui/dasadmin/src/api/backend/SystemParam/request.ts

@@ -15,4 +15,11 @@ export function Paramupdate(params: object = {}) {
         data: params,
     })
 }
+export function ParamAdd(params: object = {}) {
+    return createAxios({
+        url: '/api/page/home/set/add',
+        method: 'POST',
+        data: params,
+    })
+}
 

ui/dasadmin/src/views/backend/SystemParam/index.vue

@@ -2,7 +2,8 @@
     <div class="SystemParam">
         <el-container class="mainContainer">
             <div class="mainHeader">
-                <el-text class="mx-1 title">风机矩阵设置</el-text>
+                <el-text class="mx-1 title">系统参数设置</el-text>
+                <el-button :icon="Plus" type="primary" @click="addItem">新增</el-button>
             </div>
             <el-main class="defaultMain">
                 <el-row>
@@ -11,7 +12,7 @@
                             <el-table :data="paramData" style="width: 100%">
                                 <el-table-column prop="paramName" label="参数名称" />
                                 <el-table-column prop="paramDesc" label="中文" />
-<!--                                <el-table-column prop="paramValue" label="参数值" />-->
+                                <el-table-column prop="paramType" label="类型" />
                                 <el-table-column label="操作" width="100">
                                     <template #default="scope">
                                         <span style="color: #0064aa; cursor: pointer"
@@ -202,13 +203,51 @@
                 </div>
             </template>
         </el-dialog>
+
+        <el-dialog v-model="visibleAdd" title="新增系统参数" width="500" :before-close="handleCloseAdd" class="addPart">
+            <el-form
+                ref="formRef"
+                :inline="true"
+                label-width="auto"
+                :model="formInlineAdd"
+                :rules="rules"
+                style="padding: 24px 40px; font-size: 14px; line-height: 1.5; word-wrap: break-word; font-size: 20px"
+            >
+                <el-form-item label="参数名称:" prop="paramName">
+                    <el-input v-model="formInlineAdd.paramName" placeholder="" clearable />
+                </el-form-item>
+                <el-form-item label="中文描述:" prop="paramDesc">
+                    <el-input v-model="formInlineAdd.paramDesc" placeholder="" clearable />
+                </el-form-item>
+                <el-form-item label="类型:" prop="paramType">
+                    <el-input v-model="formInlineAdd.paramType" placeholder="" clearable />
+                </el-form-item>
+                <el-form-item label="参数值:">
+                    <el-input
+                        v-model="formInlineAdd.paramValue"
+                        :rows="2"
+                        type="textarea"
+                        placeholder="参数值为json格式"
+                        clearable
+                    />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button type="primary" @click="SaveParamAdd">保存</el-button>
+                    <el-button @click="visibleAdd = false">取消</el-button>
+                </div>
+            </template>
+        </el-dialog>
     </div>
 </template>
 
 <script setup lang="ts">
-import {onMounted, ref,nextTick} from 'vue'
+import {onMounted, ref, nextTick, reactive} from 'vue'
-import { getParamList,Paramupdate } from '/@/api/backend/SystemParam/request'
+import {getParamList, ParamAdd, Paramupdate} from '/@/api/backend/SystemParam/request'
-import { ElMessage} from 'element-plus'
+import {ElMessage, FormRules} from 'element-plus'
+import { Plus } from '@element-plus/icons-vue'
+import {enumTypeAdd} from "/@/api/backend/Enumeration/request";
 const paramData=ref([])
 const tableData = ref([])
 const PARAM_COLOR = 'paramColor';
@@ -323,6 +362,76 @@ const onSubmit=()=>{
         ElMessage.error(err?.response?.data?.msg ?? '查询失败')
     })
 }
+const formRef=ref()
+interface RuleForm {
+    paramName: string | undefined
+    paramDesc: string | undefined
+    paramType: string | undefined
+}
+const rules = reactive<FormRules<RuleForm>>({
+    paramName: [
+        {
+            required: true,
+            message: '参数名称不能为空',
+            trigger: 'blur',
+        },
+    ],
+    paramDesc: [
+        {
+            required: true,
+            message: '中文描述不能为空',
+            trigger: 'blur',
+        },
+    ],
+    paramType: [
+        {
+            required: true,
+            message: '类型不能为空',
+            trigger: 'blur',
+        },
+    ],
+})
+const formInlineAdd = reactive({
+    paramName: '',
+    paramDesc: '',
+    paramType: '',
+    paramValue: [],
+})
+const visibleAdd=ref(false)
+const addItem=()=>{
+    formInlineAdd.paramName = ''
+    formInlineAdd.paramDesc = ''
+    formInlineAdd.paramType = ''
+    formInlineAdd.paramValue = []
+    visibleAdd.value=true
+}
+const SaveParamAdd=()=>{
+    formRef.value.validate((valid: any) => {
+        if (valid) {
+            debugger
+            ParamAdd(formInlineAdd).then((res: any) => {
+                debugger
+                if (res.code == 200) {
+                    getList()
+                    ElMessage({
+                        message: res.msg,
+                        type: 'success',
+                    })
+                } else {
+                    ElMessage.error({
+                        message: res.msg,
+                        type: 'error',
+                    })
+                }
+            })
+
+            visibleAdd.value = false
+        }
+    })
+}
+const handleCloseAdd = () => {
+    visibleAdd.value=false
+}
 onMounted(() =>{
     getList()
 })
@@ -395,6 +504,11 @@ $headerHeight: 60px;
                 -webkit-animation:selected 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
             }
         }
+        .addPart{
+            .el-form--inline .el-form-item {
+                width: 100%;
+            }
+        }
     }
 
 @keyframes selected {