提交模板管理等界面

src/assets/styles/ruoyi.scss

@@ -498,6 +498,24 @@ h6 {
   padding: 0;
 }
 
+// 独立查询输入框样式
+.searchInputForm .el-input__inner {
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #525252;
+}
+.searchInputForm .el-input__wrapper { 
+  border-radius: 18px; 
+  padding: 3px 15px;
+}
+.searchInputForm .el-input__inner::placeholder {
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+  font-size: 16px;
+  color: #8C8C8C;
+}
+
 // 分页器
 .pagination-container {
   display: flex;
@@ -657,6 +675,10 @@ h6 {
   vertical-align: middle;
 }
 
+// .myInsertForm .el-form-item__content {
+//     display: block;
+// }
+
 .myInsertForm .el-form-item__label {
   font-family: Microsoft YaHei;
   font-weight: 400;

src/views/system/administrativeRegion/index.vue

@@ -0,0 +1,215 @@
+<template>
+   <div class="app-container"> 
+      <el-card>
+         <template #header>
+            <div class="card-header">
+               <span>系统管理</span> <span class="subHeaderTitle">- 行政区划管理</span>
+            </div>
+         </template>
+
+         <el-row :gutter="10" class="my_row">
+            <el-col :span="24">
+               <el-button type="primary" class="primaryBtn" @click="handleAdd"
+                  v-hasPermi="['system:administrativeRegion:add']">新增</el-button>
+               <el-button type="primary" class="primaryBtn" @click="toggleExpandAll">展开/折叠</el-button>
+            </el-col>
+         </el-row>
+
+         <el-table v-if="refreshTable" v-loading="loading" height="calc(100vh - 244px)" :data="deptList"
+            row-key="deptId" :default-expand-all="isExpandAll"
+            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+            <el-table-column prop="deptName" label="地区名称"></el-table-column>
+            <el-table-column prop="orderNum" label="地区标识"></el-table-column>
+            <el-table-column label="创建时间" align="center" prop="createTime">
+               <template #default="scope">
+                  <span>{{ parseTime(scope.row.createTime) }}</span>
+               </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
+               <template #default="scope">
+                  <el-button link type="primary" @click="handleUpdate(scope.row)"
+                     v-hasPermi="['system:administrativeRegion:edit']">修改</el-button>
+                  <el-button link type="primary" @click="handleAdd(scope.row)"
+                     v-hasPermi="['system:administrativeRegion:add']">新增</el-button>
+                  <el-button v-if="scope.row.parentId != 0" link type="primary" @click="handleDelete(scope.row)"
+                     v-hasPermi="['system:administrativeRegion:remove']">删除</el-button>
+               </template>
+            </el-table-column>
+         </el-table>
+      </el-card>
+
+      <!-- 添加或修改部门对话框 -->
+      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+         :close-on-click-modal="false">
+         <el-form ref="deptRef" :model="form" :rules="rules" label-width="100px" class="myInsertForm">
+            <el-form-item label="上级节点" prop="parentId">
+               <el-tree-select v-model="form.parentId" :data="deptOptions"
+                  :props="{ value: 'deptId', label: 'deptName', children: 'children' }" value-key="deptId"
+                  placeholder="选择上级节点" check-strictly />
+            </el-form-item>
+            <el-form-item label="地区名称" prop="deptName">
+               <el-input v-model="form.deptName" placeholder="请输入地区名称" />
+            </el-form-item>
+            <el-form-item label="地区标识" prop="orderNum">
+               <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
+            </el-form-item> 
+         </el-form>
+         <template #footer>
+            <div class="dialog-footer">
+               <el-button type="primary" @click="submitForm">确 定</el-button>
+               <el-button @click="cancel">取 消</el-button>
+            </div>
+         </template>
+      </el-dialog>
+   </div>
+</template>
+
+<script setup name="Dept">
+import { onMounted, ref } from 'vue';
+import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild } from "@/api/system/dept"
+import { useBackgroundStore } from '@/store/modules/background'
+import otherbg from '@/assets/images/otherbg.png'
+const bgStore = useBackgroundStore()
+
+const { proxy } = getCurrentInstance()
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
+
+const deptList = ref([])
+const open = ref(false)
+const loading = ref(true)
+const showSearch = ref(true)
+const title = ref("")
+const deptOptions = ref([])
+const isExpandAll = ref(true)
+const refreshTable = ref(true)
+
+const data = reactive({
+   form: {},
+   queryParams: {
+      deptName: undefined,
+      status: undefined
+   },
+   rules: {
+      parentId: [{ required: true, message: "上级部门不能为空", trigger: "blur" }],
+      deptName: [{ required: true, message: "部门名称不能为空", trigger: "blur" }],
+      orderNum: [{ required: true, message: "显示排序不能为空", trigger: "blur" }],
+      email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
+      phone: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
+   },
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+/** 查询部门列表 */
+function getList() {
+   loading.value = true
+   listDept(queryParams.value).then(response => {
+      deptList.value = proxy.handleTree(response.data, "deptId")
+      loading.value = false
+   })
+}
+
+/** 取消按钮 */
+function cancel() {
+   open.value = false
+   reset()
+}
+
+/** 表单重置 */
+function reset() {
+   form.value = {
+      deptId: undefined,
+      parentId: undefined,
+      deptName: undefined,
+      orderNum: 0,
+      leader: undefined,
+      phone: undefined,
+      email: undefined,
+      status: "0"
+   }
+   proxy.resetForm("deptRef")
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+   getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+   proxy.resetForm("queryRef")
+   handleQuery()
+}
+
+/** 新增按钮操作 */
+function handleAdd(row) {
+   reset()
+   listDept().then(response => {
+      deptOptions.value = proxy.handleTree(response.data, "deptId")
+   })
+   if (row != undefined) {
+      form.value.parentId = row.deptId
+   }
+   open.value = true
+   title.value = "添加地区"
+}
+
+/** 展开/折叠操作 */
+function toggleExpandAll() {
+   refreshTable.value = false
+   isExpandAll.value = !isExpandAll.value
+   nextTick(() => {
+      refreshTable.value = true
+   })
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+   reset()
+   listDeptExcludeChild(row.deptId).then(response => {
+      deptOptions.value = proxy.handleTree(response.data, "deptId")
+   })
+   getDept(row.deptId).then(response => {
+      form.value = response.data
+      open.value = true
+      title.value = "修改地区"
+   })
+}
+
+/** 提交按钮 */
+function submitForm() {
+   proxy.$refs["deptRef"].validate(valid => {
+      if (valid) {
+         if (form.value.deptId != undefined) {
+            updateDept(form.value).then(response => {
+               proxy.$modal.msgSuccess("修改成功")
+               open.value = false
+               getList()
+            })
+         } else {
+            addDept(form.value).then(response => {
+               proxy.$modal.msgSuccess("新增成功")
+               open.value = false
+               getList()
+            })
+         }
+      }
+   })
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+   proxy.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项?').then(function () {
+      return delDept(row.deptId)
+   }).then(() => {
+      getList()
+      proxy.$modal.msgSuccess("删除成功")
+   }).catch(() => { })
+}
+
+// 初始化
+onMounted(() => {
+   bgStore.setBgImage(otherbg)
+   getList()
+}); 
+</script>

src/views/system/businessArea/index.vue

@@ -0,0 +1,251 @@
+<template>
+    <div class="app-container">
+        <div class="searchPanel">
+            <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" class="searchPanelForm">
+                <el-form-item label="城市:">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                        <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                        <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                        <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                        <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="商圈:">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable style="width: 86px">
+                        <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+            </el-form>
+        </div>
+
+
+        <el-card>
+            <template #header>
+                <div class="card-header">
+                    <span>系统管理</span> <span class="subHeaderTitle">- 商圈管理</span>
+                </div>
+            </template>
+            <el-row :gutter="10" class="my_row">
+                <el-col :span="24">
+                    <el-button type="primary" class="primaryBtn" @click="handleAdd"
+                        v-hasPermi="['system:businessArea:add']">新增</el-button>
+                    <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
+                    <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
+                </el-col>
+            </el-row>
+
+            <el-table v-loading="loading" :data="businessAreaList" height="calc(100vh - 362px)">
+                <el-table-column label="省/直辖市" align="center" prop="postId" />
+                <el-table-column label="地级市/区" align="center" prop="postCode" />
+                <el-table-column label="区/县" align="center" prop="postName" />
+                <el-table-column label="镇" align="center" prop="postSort" />
+                <el-table-column label="商圈" align="center" prop="status" />
+                <el-table-column label="创建时间" align="center" prop="createTime" width="210">
+                    <template #default="scope">
+                        <span>{{ parseTime(scope.row.createTime) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" width="130" align="center" class-name="small-padding fixed-width">
+                    <template #default="scope">
+                        <el-button link type="primary" @click="handleUpdate(scope.row)"
+                            v-hasPermi="['system:businessArea:edit']">修改</el-button>
+                        <el-button link type="primary" @click="handleDelete(scope.row)"
+                            v-hasPermi="['system:businessArea:remove']">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <pagination :total="total" v-model:page="queryParams.pageNum"
+                v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+        </el-card>
+
+        <!-- 添加或修改岗位对话框 -->
+        <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+            :close-on-click-modal="false">
+            <el-form ref="postRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
+                <el-form-item label="省/直辖市" prop="postName">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable>
+                        <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="地级市/区" prop="postCode">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable>
+                        <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="区/县" prop="postSort">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable>
+                        <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="镇" prop="status">
+                    <el-select v-model="queryParams.status" placeholder="请选择" clearable>
+                        <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
+                            :value="dict.value" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="商圈" prop="remark">
+                    <el-input v-model="form.postCode" placeholder="请输入" />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button type="primary" @click="submitForm">确 定</el-button>
+                    <el-button @click="cancel">取 消</el-button>
+                </div>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup name="Post">
+import { onMounted, ref } from 'vue';
+import { listPost, addPost, delPost, getPost, updatePost } from "@/api/system/post"
+import { useBackgroundStore } from '@/store/modules/background'
+import otherbg from '@/assets/images/otherbg.png'
+const bgStore = useBackgroundStore()
+
+const { proxy } = getCurrentInstance()
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
+
+const showSearch = ref(true)
+const loading = ref(true)
+const businessAreaList = ref([])
+const total = ref(0)
+const open = ref(false)
+const title = ref("")
+const data = reactive({
+    form: {},
+    queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        postCode: undefined,
+        postName: undefined,
+        status: undefined
+    },
+    rules: {
+        postName: [{ required: true, message: "岗位名称不能为空", trigger: "blur" }],
+        postCode: [{ required: true, message: "岗位编码不能为空", trigger: "blur" }],
+        postSort: [{ required: true, message: "岗位顺序不能为空", trigger: "blur" }],
+    }
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+
+/** 表单重置 */
+const reset = () => {
+    form.value = {
+        postId: undefined,
+        postCode: undefined,
+        postName: undefined,
+        postSort: 0,
+        status: "0",
+        remark: undefined
+    }
+    proxy.resetForm("postRef")
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+    queryParams.value.pageNum = 1
+    getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+    proxy.resetForm("queryRef")
+    handleQuery()
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+    reset()
+    open.value = true
+    title.value = "添加商圈"
+}
+
+/** 修改按钮操作 */
+const handleUpdate = (row) => {
+    reset()
+    const postId = row.postId || ids.value
+    getPost(postId).then(response => {
+        form.value = response.data
+        open.value = true
+        title.value = "修改商圈"
+    })
+}
+
+/** 取消按钮 */
+const cancel = () => {
+    open.value = false
+    reset()
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+    proxy.$refs["postRef"].validate(valid => {
+        if (valid) {
+            if (form.value.postId != undefined) {
+                updatePost(form.value).then(response => {
+                    proxy.$modal.msgSuccess("修改成功")
+                    open.value = false
+                    getList()
+                })
+            } else {
+                addPost(form.value).then(response => {
+                    proxy.$modal.msgSuccess("新增成功")
+                    open.value = false
+                    getList()
+                })
+            }
+        }
+    })
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+    const postIds = row.postId || ids.value
+    proxy.$modal.confirm('是否确认删除岗位编号为"' + postIds + '"的数据项？').then(function () {
+        return delPost(postIds)
+    }).then(() => {
+        getList()
+        proxy.$modal.msgSuccess("删除成功")
+    }).catch(() => { })
+}
+
+const getList = () => {
+    loading.value = true
+    listPost(queryParams.value).then(response => {
+        businessAreaList.value = response.rows
+        total.value = response.total
+        loading.value = false
+    })
+}
+
+// 初始化
+onMounted(() => {
+    bgStore.setBgImage(otherbg)
+}); 
+</script>

src/views/system/dept/index.vue

@@ -2,12 +2,12 @@
    <div class="app-container">
       <div class="searchPanel">
          <el-form :model="queryParams" ref="queryRef" class="searchPanelForm" :inline="true" v-show="showSearch">
-            <el-form-item label="部门名称" prop="deptName">
+            <el-form-item label="部门名称:" prop="deptName">
-               <el-input v-model="queryParams.deptName" placeholder="请输入部门名称" clearable style="width: 200px"
+               <el-input v-model="queryParams.deptName" placeholder="请输入部门名称" clearable style="width: 140px"
                   @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="状态" prop="status">
+            <el-form-item label="状态:" prop="status">
-               <el-select v-model="queryParams.status" placeholder="部门状态" clearable style="width: 200px">
+               <el-select v-model="queryParams.status" placeholder="部门状态" clearable style="min-width: 86px">
                   <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
                </el-select>

src/views/system/dict/data.vue

@@ -2,17 +2,17 @@
    <div class="app-container">
       <div class="searchPanel">
          <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" class="searchPanelForm">
-            <el-form-item label="字典名称" prop="dictType">
+            <el-form-item label="字典名称:" prop="dictType">
                <el-select v-model="queryParams.dictType" style="width: 140px">
                   <el-option v-for="item in typeOptions" :key="item.dictId" :label="item.dictName"
                      :value="item.dictType" />
                </el-select>
             </el-form-item>
-            <el-form-item label="字典标签" prop="dictLabel">
+            <el-form-item label="字典标签:" prop="dictLabel">
                <el-input v-model="queryParams.dictLabel" placeholder="请输入字典标签" clearable style="width: 140px"
                   @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="状态" prop="status">
+            <el-form-item label="状态:" prop="status">
                <el-select v-model="queryParams.status" placeholder="数据状态" clearable style="min-width: 86px">
                   <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
@@ -79,7 +79,7 @@
             </el-table-column>
          </el-table>
 
-         <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+         <pagination :total="total" v-model:page="queryParams.pageNum"
             v-model:limit="queryParams.pageSize" @pagination="getList" />
 
       </el-card>

src/views/system/dict/index.vue

@@ -2,21 +2,21 @@
    <div class="app-container">
       <div class="searchPanel">
          <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" class="searchPanelForm">
-            <el-form-item label="字典名称" prop="dictName">
+            <el-form-item label="字典名称:" prop="dictName">
                <el-input v-model="queryParams.dictName" placeholder="请输入字典名称" clearable style="width: 140px"
                   @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="字典类型" prop="dictType">
+            <el-form-item label="字典类型:" prop="dictType">
                <el-input v-model="queryParams.dictType" placeholder="请输入字典类型" clearable style="width: 140px"
                   @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="状态" prop="status">
+            <el-form-item label="状态:" prop="status">
                <el-select v-model="queryParams.status" placeholder="字典状态" clearable style="min-width: 86px">
                   <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
                </el-select>
             </el-form-item>
-            <el-form-item label="创建时间" style="width: 308px">
+            <el-form-item label="创建时间:" style="width: 308px">
                <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
                   start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
             </el-form-item>
@@ -80,7 +80,7 @@
             </el-table-column>
          </el-table>
 
-         <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+         <pagination :total="total" v-model:page="queryParams.pageNum"
             v-model:limit="queryParams.pageSize" @pagination="getList" />
       </el-card>
 

src/views/system/mediaType/index.vue

@@ -0,0 +1,224 @@
+<template>
+   <div class="app-container"> 
+      <el-card>
+         <template #header>
+            <div class="card-header">
+               <span>系统管理</span> <span class="subHeaderTitle">- 媒体类型管理</span>
+            </div>
+         </template>
+
+         <el-row :gutter="10" class="my_row">
+            <el-col :span="24">
+               <el-button type="primary" class="primaryBtn" @click="handleAdd"
+                  v-hasPermi="['system:mediaType:add']">新增</el-button>
+               <el-button type="primary" class="primaryBtn" @click="toggleExpandAll">展开/折叠</el-button>
+            </el-col>
+         </el-row>
+
+         <el-table v-if="refreshTable" v-loading="loading" height="calc(100vh - 244px)" :data="deptList"
+            row-key="deptId" :default-expand-all="isExpandAll"
+            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+            <el-table-column prop="deptName" label="类型名称"></el-table-column>
+            <el-table-column prop="orderNum" label="排序"></el-table-column>
+            <el-table-column label="创建时间" align="center" prop="createTime">
+               <template #default="scope">
+                  <span>{{ parseTime(scope.row.createTime) }}</span>
+               </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
+               <template #default="scope">
+                  <el-button link type="primary" @click="handleUpdate(scope.row)"
+                     v-hasPermi="['system:mediaType:edit']">修改</el-button>
+                  <el-button link type="primary" @click="handleAdd(scope.row)"
+                     v-hasPermi="['system:mediaType:add']">新增</el-button>
+                  <el-button v-if="scope.row.parentId != 0" link type="primary" @click="handleDelete(scope.row)"
+                     v-hasPermi="['system:mediaType:remove']">删除</el-button>
+               </template>
+            </el-table-column>
+         </el-table>
+      </el-card>
+
+      <!-- 添加或修改部门对话框 -->
+      <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+         :close-on-click-modal="false">
+         <el-form ref="deptRef" :model="form" :rules="rules" label-width="100px" class="myInsertForm">
+            <el-form-item label="上级类型" prop="parentId">
+               <el-tree-select v-model="form.parentId" :data="deptOptions"
+                  :props="{ value: 'deptId', label: 'deptName', children: 'children' }" value-key="deptId"
+                  placeholder="选择上级类型" check-strictly />
+            </el-form-item>
+            <el-form-item label="类型名称" prop="deptName">
+               <el-input v-model="form.deptName" placeholder="请输入类型名称" />
+            </el-form-item>
+            <el-form-item label="显示排序" prop="orderNum">
+               <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
+            </el-form-item>
+            <el-form-item label="是否可用">
+               <el-radio-group v-model="form.status">
+                  <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label
+                  }}</el-radio>
+               </el-radio-group>
+            </el-form-item>
+            <el-form-item label="备注">
+               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
+            </el-form-item>
+         </el-form>
+         <template #footer>
+            <div class="dialog-footer">
+               <el-button type="primary" @click="submitForm">确 定</el-button>
+               <el-button @click="cancel">取 消</el-button>
+            </div>
+         </template>
+      </el-dialog>
+   </div>
+</template>
+
+<script setup name="Dept">
+import { onMounted, ref } from 'vue';
+import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild } from "@/api/system/dept"
+import { useBackgroundStore } from '@/store/modules/background'
+import otherbg from '@/assets/images/otherbg.png'
+const bgStore = useBackgroundStore()
+
+const { proxy } = getCurrentInstance()
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
+
+const deptList = ref([])
+const open = ref(false)
+const loading = ref(true)
+const showSearch = ref(true)
+const title = ref("")
+const deptOptions = ref([])
+const isExpandAll = ref(true)
+const refreshTable = ref(true)
+
+const data = reactive({
+   form: {},
+   queryParams: {
+      deptName: undefined,
+      status: undefined
+   },
+   rules: {
+      parentId: [{ required: true, message: "上级部门不能为空", trigger: "blur" }],
+      deptName: [{ required: true, message: "部门名称不能为空", trigger: "blur" }],
+      orderNum: [{ required: true, message: "显示排序不能为空", trigger: "blur" }],
+      email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
+      phone: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
+   },
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+/** 查询部门列表 */
+function getList() {
+   loading.value = true
+   listDept(queryParams.value).then(response => {
+      deptList.value = proxy.handleTree(response.data, "deptId")
+      loading.value = false
+   })
+}
+
+/** 取消按钮 */
+function cancel() {
+   open.value = false
+   reset()
+}
+
+/** 表单重置 */
+function reset() {
+   form.value = {
+      deptId: undefined,
+      parentId: undefined,
+      deptName: undefined,
+      orderNum: 0,
+      leader: undefined,
+      phone: undefined,
+      email: undefined,
+      status: "0"
+   }
+   proxy.resetForm("deptRef")
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+   getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+   proxy.resetForm("queryRef")
+   handleQuery()
+}
+
+/** 新增按钮操作 */
+function handleAdd(row) {
+   reset()
+   listDept().then(response => {
+      deptOptions.value = proxy.handleTree(response.data, "deptId")
+   })
+   if (row != undefined) {
+      form.value.parentId = row.deptId
+   }
+   open.value = true
+   title.value = "添加类型"
+}
+
+/** 展开/折叠操作 */
+function toggleExpandAll() {
+   refreshTable.value = false
+   isExpandAll.value = !isExpandAll.value
+   nextTick(() => {
+      refreshTable.value = true
+   })
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+   reset()
+   listDeptExcludeChild(row.deptId).then(response => {
+      deptOptions.value = proxy.handleTree(response.data, "deptId")
+   })
+   getDept(row.deptId).then(response => {
+      form.value = response.data
+      open.value = true
+      title.value = "修改类型"
+   })
+}
+
+/** 提交按钮 */
+function submitForm() {
+   proxy.$refs["deptRef"].validate(valid => {
+      if (valid) {
+         if (form.value.deptId != undefined) {
+            updateDept(form.value).then(response => {
+               proxy.$modal.msgSuccess("修改成功")
+               open.value = false
+               getList()
+            })
+         } else {
+            addDept(form.value).then(response => {
+               proxy.$modal.msgSuccess("新增成功")
+               open.value = false
+               getList()
+            })
+         }
+      }
+   })
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+   proxy.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项?').then(function () {
+      return delDept(row.deptId)
+   }).then(() => {
+      getList()
+      proxy.$modal.msgSuccess("删除成功")
+   }).catch(() => { })
+}
+
+// 初始化
+onMounted(() => {
+   bgStore.setBgImage(otherbg)
+   getList()
+}); 
+</script>

src/views/system/post/index.vue

@@ -2,15 +2,15 @@
    <div class="app-container">
       <div class="searchPanel">
          <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" class="searchPanelForm">
-            <el-form-item label="岗位编码" prop="postCode">
+            <el-form-item label="岗位编码:" prop="postCode">
                <el-input v-model="queryParams.postCode" placeholder="请输入岗位编码" clearable style="width: 140px"
                   @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="岗位名称" prop="postName">
+            <el-form-item label="岗位名称:" prop="postName">
                <el-input v-model="queryParams.postName" placeholder="请输入岗位名称" clearable style="width: 140px"
                   @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="状态" prop="status">
+            <el-form-item label="状态:" prop="status">
                <el-select v-model="queryParams.status" placeholder="岗位状态" clearable style="width: 86px">
                   <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
                      :value="dict.value" />
@@ -67,7 +67,7 @@
             </el-table-column>
          </el-table>
 
-         <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+         <pagination :total="total" v-model:page="queryParams.pageNum"
             v-model:limit="queryParams.pageSize" @pagination="getList" />
       </el-card>
 

src/views/system/pptTemplate/index.vue

@@ -0,0 +1,217 @@
+<template>
+    <div class="app-container">  
+        <el-card>
+            <template #header>
+                <div class="card-header">
+                    <span>系统管理</span> <span class="subHeaderTitle">- PPT模板管理</span>
+                </div>
+            </template>
+            <el-row :gutter="10" class="my_row">
+                <el-col :span="12">
+                    <el-form :model="queryParams" ref="queryRef" :inline="true" class="searchInputForm">
+                        <el-form-item label="">
+                            <el-input v-model="form.postCode" placeholder="请输入" :prefix-icon="Search"
+                                style="width: 300px;" />
+                        </el-form-item>
+                    </el-form>
+                </el-col>
+                <el-col :span="12" style="text-align: right;">
+                    <el-button type="primary" class="primaryBtn" @click="handleQuery">搜索</el-button>
+                    <el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
+                    <el-button type="primary" class="primaryBtn" @click="handleAdd"
+                        v-hasPermi="['system:pptTemplate:add']">新增</el-button>
+                </el-col>
+            </el-row>
+
+            <el-table v-loading="loading" :data="businessAreaList" height="calc(100vh - 320px)">
+                <el-table-column label="模板名称" align="center" prop="postId" />
+                <el-table-column label="模板类型" align="center" prop="postCode" />
+                <el-table-column label="模板文件" align="center" prop="postName" />
+                <el-table-column label="创建时间" align="center" prop="createTime" width="210">
+                    <template #default="scope">
+                        <span>{{ parseTime(scope.row.createTime) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" width="130" align="center" class-name="small-padding fixed-width">
+                    <template #default="scope">
+                        <el-button link type="primary" @click="handleUpdate(scope.row)"
+                            v-hasPermi="['system:pptTemplate:edit']">编辑</el-button>
+                        <el-button link type="primary" @click="handleDelete(scope.row)"
+                            v-hasPermi="['system:pptTemplate:remove']">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <pagination :total="total" v-model:page="queryParams.pageNum"
+                v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+        </el-card>
+
+        <!-- 添加或修改岗位对话框 -->
+        <el-dialog :title="title" v-model="open" width="800px" class="my_dialog" append-to-body :destroy-on-close="true"
+            :close-on-click-modal="false">
+            <el-form ref="postRef" :model="form" :rules="rules" label-width="120px" class="myInsertForm">
+                <el-form-item label="模板名称" prop="postName">
+                    <el-input v-model="form.postCode" placeholder="请输入" />
+                </el-form-item>
+                <el-form-item label="模板类型" prop="postCode">
+                    <el-input v-model="form.postCode" placeholder="请输入" />
+                </el-form-item>
+                <el-form-item label="模板文件" prop="employeeNumber">
+                    <el-upload class="upload-demo" drag action="#" :http-request="requestDocUpload"
+                        :file-list="docUploadList" :before-upload="beforeDocUpload" :on-remove="removeDocUpload">
+                        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+                        <div class="el-upload__text">
+                            将文件拖曳至此区域，或 <em>点击上传</em>
+                        </div>
+                        <div class="el-upload__text">
+                            支持扩展名：.pptx
+                        </div>
+                    </el-upload>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button type="primary" @click="submitForm">确 定</el-button>
+                    <el-button @click="cancel">取 消</el-button>
+                </div>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup name="Post">
+import { onMounted, ref } from 'vue';
+import { Search } from '@element-plus/icons-vue'
+import { listPost, addPost, delPost, getPost, updatePost } from "@/api/system/post"
+import { useBackgroundStore } from '@/store/modules/background'
+import otherbg from '@/assets/images/otherbg.png'
+const bgStore = useBackgroundStore()
+
+const { proxy } = getCurrentInstance()
+const { sys_normal_disable } = proxy.useDict("sys_normal_disable")
+ 
+const loading = ref(true)
+const businessAreaList = ref([])
+const total = ref(0)
+const open = ref(false)
+const title = ref("")
+const data = reactive({
+    form: {},
+    queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        postCode: undefined,
+        postName: undefined,
+        status: undefined
+    },
+    rules: {
+        postName: [{ required: true, message: "岗位名称不能为空", trigger: "blur" }],
+        postCode: [{ required: true, message: "岗位编码不能为空", trigger: "blur" }],
+        postSort: [{ required: true, message: "岗位顺序不能为空", trigger: "blur" }],
+    }
+})
+
+const { queryParams, form, rules } = toRefs(data)
+
+
+/** 表单重置 */
+const reset = () => {
+    form.value = {
+        postId: undefined,
+        postCode: undefined,
+        postName: undefined,
+        postSort: 0,
+        status: "0",
+        remark: undefined
+    }
+    proxy.resetForm("postRef")
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+    queryParams.value.pageNum = 1
+    getList()
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+    proxy.resetForm("queryRef")
+    handleQuery()
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+    reset()
+    open.value = true
+    title.value = "添加模板"
+}
+
+/** 修改按钮操作 */
+const handleUpdate = (row) => {
+    reset()
+    const postId = row.postId || ids.value
+    getPost(postId).then(response => {
+        form.value = response.data
+        open.value = true
+        title.value = "修改模板"
+    })
+}
+
+/** 取消按钮 */
+const cancel = () => {
+    open.value = false
+    reset()
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+    proxy.$refs["postRef"].validate(valid => {
+        if (valid) {
+            if (form.value.postId != undefined) {
+                updatePost(form.value).then(response => {
+                    proxy.$modal.msgSuccess("修改成功")
+                    open.value = false
+                    getList()
+                })
+            } else {
+                addPost(form.value).then(response => {
+                    proxy.$modal.msgSuccess("新增成功")
+                    open.value = false
+                    getList()
+                })
+            }
+        }
+    })
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+    const postIds = row.postId || ids.value
+    proxy.$modal.confirm('是否确认删除岗位编号为"' + postIds + '"的数据项？').then(function () {
+        return delPost(postIds)
+    }).then(() => {
+        getList()
+        proxy.$modal.msgSuccess("删除成功")
+    }).catch(() => { })
+}
+
+const getList = () => {
+    loading.value = true
+    listPost(queryParams.value).then(response => {
+        businessAreaList.value = response.rows
+        total.value = response.total
+        loading.value = false
+    })
+}
+
+// 初始化
+onMounted(() => {
+    bgStore.setBgImage(otherbg)
+}); 
+</script>
+<style lang='scss'>
+.el-form-item__content {
+    display: block;
+}
+</style>

src/views/system/role/authUser.vue

@@ -2,11 +2,11 @@
    <div class="app-container">
       <div class="searchPanel">
          <el-form :model="queryParams" ref="queryRef" class="searchPanelForm" v-show="showSearch" :inline="true">
-            <el-form-item label="用户名称" prop="userName">
+            <el-form-item label="用户名称:" prop="userName">
                <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px"
                   @keyup.enter="handleQuery" />
             </el-form-item>
-            <el-form-item label="手机号码" prop="phonenumber">
+            <el-form-item label="手机号码:" prop="phonenumber">
                <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 240px"
                   @keyup.enter="handleQuery" />
             </el-form-item>
@@ -57,7 +57,7 @@
             </el-table-column>
          </el-table>
 
-         <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+         <pagination :total="total" v-model:page="queryParams.pageNum"
             v-model:limit="queryParams.pageSize" @pagination="getList" />
          <select-user ref="selectRef" :roleId="queryParams.roleId" @ok="handleQuery" />
       </el-card>

src/views/system/role/index.vue

@@ -2,20 +2,20 @@
   <div class="app-container">
     <div class="searchPanel">
       <el-form :model="queryParams" ref="queryRef" v-show="showSearch" class="searchPanelForm" :inline="true">
-        <el-form-item label="角色名称" prop="roleName">
+        <el-form-item label="角色名称:" prop="roleName">
           <el-input v-model="queryParams.roleName" placeholder="请输入角色名称" clearable style="min-width: 60px"
             @keyup.enter="handleQuery" />
         </el-form-item>
-        <el-form-item label="权限字符" prop="roleKey">
+        <el-form-item label="权限字符:" prop="roleKey">
           <el-input v-model="queryParams.roleKey" placeholder="请输入权限字符" clearable style="min-width: 60px"
             @keyup.enter="handleQuery" />
         </el-form-item>
-        <el-form-item label="状态" prop="status">
+        <el-form-item label="状态:" prop="status">
           <el-select v-model="queryParams.status" placeholder="角色状态" clearable style="min-width: 86px">
             <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </el-form-item>
-        <el-form-item label="创建时间" style="width: 308px">
+        <el-form-item label="创建时间:" style="width: 308px">
           <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
             start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
         </el-form-item>
@@ -77,7 +77,7 @@
         </el-table-column>
       </el-table>
 
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      <pagination :total="total" v-model:page="queryParams.pageNum"
         v-model:limit="queryParams.pageSize" @pagination="getList" />
     </el-card>
 

src/views/system/user/index.vue

@@ -2,25 +2,25 @@
   <div class="app-container">
     <div class="searchPanel">
       <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" class="searchPanelForm">
-        <el-form-item label="部门">
+        <el-form-item label="部门:">
           <el-tree-select v-model="queryParams.deptId" :data="deptOptions" clearable
             :props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择部门"
             check-strictly style="width: 140px" />
         </el-form-item>
-        <el-form-item label="用户名称" prop="userName">
+        <el-form-item label="用户名称:" prop="userName">
           <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 140px"
             @keyup.enter="handleQuery" />
         </el-form-item>
-        <el-form-item label="手机号码" prop="phonenumber">
+        <el-form-item label="手机号码:" prop="phonenumber">
           <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 140px"
             @keyup.enter="handleQuery" />
         </el-form-item>
-        <el-form-item label="状态" prop="status">
+        <el-form-item label="状态:" prop="status">
           <el-select v-model="queryParams.status" placeholder="用户状态" clearable style="min-width: 86px">
             <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </el-form-item>
-        <el-form-item label="创建时间" style="width: 308px">
+        <el-form-item label="创建时间:" style="width: 308px">
           <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
             start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
         </el-form-item>
@@ -87,7 +87,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      <pagination :total="total" v-model:page="queryParams.pageNum"
         v-model:limit="queryParams.pageSize" @pagination="getList" />
 
     </el-card>