789

src/api/setlog.js

@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+function getAllLog(data) {
+    return request({
+        url: `/getSyslogList`,
+        method: "get",
+        params: data
+    })
+}
+export default {
+    getAllLog,
+}

src/api/system.js

@@ -0,0 +1,19 @@
+import request from '../utils/request'
+function getSystemCode(data) {
+    return request({
+        url: `/getSysParamList`,
+        method: "get",
+        params: data
+    })
+}
+function editSystemCode(data){
+    return request({
+        url:`/saveSysParam`,
+        method:"post",
+        data
+    })
+}
+export default {
+    getSystemCode,
+    editSystemCode,
+}

src/api/systemRow.js

@@ -0,0 +1,22 @@
+/* 
+    本api专指系统字典
+*/
+import request from '@/utils/request'
+function getAllRow(data){//查询所有字典编码
+    return request({
+        url:`/getGlobalCode`,
+        method:"get",
+        params:data
+    })
+}
+function getRowById(data){//根据id获取字典详细信息
+    return request({
+        url:`/getGlobalCode/byid`,
+        method:"get",
+        params:data
+    })
+}
+export default{
+    getAllRow,
+    getRowById,
+}

src/pages/mission/MissionVue.vue

@@ -19,7 +19,7 @@
                 <!-- 新建任务盒子 -->
                 <CreateNew v-if="btnSelect == 1" :btnSelect="btnSelect" :taskList="taskList"></CreateNew>
                 <!-- 正在检测盒子 -->
-                <StartMission v-if="btnSelect == 0 && sizeNum == 1"></StartMission>
+                <StartMission v-if="btnSelect == 0 && sizeNum == 1" @smBack="smBack"></StartMission>
             </div>
         </div>
     </div>
@@ -75,6 +75,9 @@ export default {
         function hmBack(data) {
             sizeNum.value = data
         }
+        function smBack(data){
+            sizeNum.value = data
+        }
         onMounted(() => {
             searchAllTask()
         })
@@ -88,6 +91,7 @@ export default {
             backToMission,//返回的菜单数据
             sizeNum,//判断是否开始检测
             hmBack,//开始检测子组件返回
+            smBack,//
         }
     },
     components: {

src/pages/mission/components/StartMission.vue

@@ -5,9 +5,9 @@
             <div class="missionBox">
                 <p class="nowMis">正在检测的任务名称</p>
                 <p class="dateMis">创建日期:2000-00-00</p>
-                <img src="../../../assets/image/start_mission.png" style="width: 200px;height: 20   0px;" alt="">
+                <img src="../../../assets/image/start_mission.png" style="width: 200px;height: 200px;" alt="">
                 <p class="loading1">请耐心等待检测完成</p>
-                <el-button type="primary">取消</el-button>
+                <el-button type="primary" @click="misDown">取消</el-button>
             </div>
             <!-- 步骤和结果 -->
             <div class="stepAndEnd">
@@ -17,7 +17,7 @@
                 </div>
                 <!-- 结果 -->
                 <div class="endBox">
-                    
+
                 </div>
             </div>
         </div>
@@ -28,10 +28,15 @@
 import { ref, onMounted, toRefs } from 'vue';
 import StepMethod from './StepMethod.vue';
 export default {
-    setup() {
-
-
-        return {}
+    setup(props, { emit }) {
+        let arrow = ref(0)
+        function misDown() {
+            emit("smBack", arrow.value)
+        }
+        return {
+            arrow,
+            misDown,
+        }
     },
     components: {
         StepMethod

src/pages/setting/SettingPage.vue

@@ -1,19 +1,106 @@
 <template>
     <div>
-        <h1>这里是基础设置</h1>
+        <div class="bigBox">
+            <!-- 标签 -->
+            <div class="tagBox">
+                <template v-for="(item, index) in tagList">
+                    <span class="tagLit" @click="tagChange(item, index)" :style="{
+                        background: `url(${item.isSelected ? item.isImg : item.noImg})`,
+                        color: item.isSelected ? 'white' : 'black',
+                    }">{{ item.name }}</span>
+                </template>
+            </div>
+            <!-- 设置盒子 -->
+            <div class="setBox">
+                <ReportModule v-if="selectIndex == 0"></ReportModule>
+                <SetLog v-if="selectIndex == 3"></SetLog>
+                <SystemCode v-if="selectIndex == 1"></SystemCode>
+                <SystemNum v-if="selectIndex == 2"></SystemNum>
+            </div>
+        </div>
     </div>
 </template>
 
 <script>
-export default {
-    setup () {
-        
+import { ref, onMounted } from 'vue';
 
-        return {}
+import SystemNum from './components/SystemNum.vue'
+import ReportModule from './components/ReportModule.vue'
+import SetLog from './components/SetLog.vue'
+import SystemCode from './components/SystemCode.vue'
+import blueBtn from '@/assets/image/btn_blue.png'
+import grayBtn from '@/assets/image/btn_gray.png'
+export default {
+    setup() {
+        let selectIndex = ref(0)
+        let tagList = ref([
+            {
+                name: "报告模板",
+                id: 1,
+                noImg: grayBtn,
+                isImg: blueBtn,
+                isSelected: true, // 初始状态未选中
+            },
+            {
+                name: "系统代码管理",
+                id: 2,
+                noImg: grayBtn,
+                isImg: blueBtn,
+                isSelected: false, // 初始状态未选中
+            },
+            {
+                name: "系统参数",
+                id: 3,
+                noImg: grayBtn,
+                isImg: blueBtn,
+                isSelected: false, // 初始状态未选中
+            },
+            {
+                name: "操作日志",
+                id: 4,
+                noImg: grayBtn,
+                isImg: blueBtn,
+                isSelected: false, // 初始状态未选中
+            }
+        ])
+        function tagChange(row, num) {
+            selectIndex.value = num
+            // 将当前点击的标签设为选中状态，其他标签设为非选中
+            tagList.value.forEach((tag) => {
+                tag.isSelected = tag.id === row.id;
+            });
+        }
+        onMounted(() => {
+        })
+        return {
+            selectIndex,//选择的标签index
+            tagList,//标签列表
+            tagChange,//标签切换事件
+        }
+    },
+    components: {
+        SystemCode,
+        SystemNum,
+        ReportModule,
+        SetLog,
     }
 }
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
+.bigBox {
+    width: 98%;
+    height: 100%;
+}
 
+.tagLit {
+    display: inline-block;
+    width: 112px;
+    height: 40px;
+    /* border: 1px solid red; */
+    text-align: center;
+    line-height: 40px;
+    margin-left: 10px;
+    margin-top: 5px;
+}
 </style>

src/pages/setting/components/Pagination.vue

@@ -0,0 +1,64 @@
+<template>
+    <div>
+        <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 20, 30, 40]"
+            :small="small" :disabled="disabled" :background="background" layout="total, sizes, prev, pager, next, jumper"
+            :total="realTotal" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+    </div>
+</template>
+
+<script>
+import { ref, onMounted, watch } from 'vue';
+import system from '@/api/system';
+export default {
+    props: {
+        tLength: {
+            type: Number,
+            required: true
+        }
+    },
+    setup(props, { emit }) {
+        let result = props.tLength
+        let realTotal = ref(0)
+        let currentPage = ref(1)
+        let pageSize = ref(10)
+        let small = ref(false)
+        let background = ref(false)
+        let disabled = ref(false)
+        let pageIndex = ref(0)
+        let pageThis = ref(0)
+        function lineList() {
+            realTotal.value = result
+        }
+        function handleSizeChange(val) {
+            pageSize.value = val
+            emit("getBack", pageIndex.value, pageSize.value)
+        }
+        function handleCurrentChange(val) {
+            pageIndex.value = val
+            emit("getBack", pageIndex.value, pageSize.value)
+        }
+        // 使用watch监听props.tLength的变化
+        watch(() => props.tLength, (newVal) => {
+            realTotal.value = newVal;
+        });
+        onMounted(() => {
+            lineList()
+        })
+        return {
+            currentPage,
+            pageSize,
+            small,
+            background,
+            disabled,
+            handleSizeChange,
+            handleCurrentChange,
+            realTotal,
+            lineList,
+            pageIndex,
+            pageSize
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped></style>

src/pages/setting/components/ReportModule.vue

@@ -0,0 +1,19 @@
+<template>
+    <div>
+        <h1>这里是报告模板</h1>
+    </div>
+</template>
+
+<script>
+export default {
+    setup () {
+        
+
+        return {}
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/pages/setting/components/SetLog.vue

@@ -0,0 +1,206 @@
+<template>
+    <div>
+        <div class="bigBox">
+            <div class="titleBox">
+                <h3>操作日志管理</h3>
+            </div>
+            <!-- 分类查询数据 -->
+            <div class="settingBox">
+                <div class="manyBox">
+                    <span>操作结果</span>
+                    <el-select @change="aboutChange" style="width: 160px;height: 32px;border-radius: 0%;" v-model="setAbout"
+                        clearable placeholder="操作结果">
+                        <el-option v-for="(item, index) in setAboutList" :key="item.id" :label="item.name"
+                            :value="item.code" />
+                    </el-select>
+                </div>
+                <div class="manyBox">
+                    <span>审计分类</span>
+                    <el-select @change="audiChange" style="width: 160px;height: 32px;border-radius: 0%;" v-model="audiType"
+                        clearable placeholder="审计分类">
+                        <el-option v-for="(item, index) in audiTypeList" :key="item.id" :label="item.name"
+                            :value="item.code" />
+                    </el-select>
+                </div>
+                <div class="manyBox">
+                    <span>操作分类</span>
+                    <el-select @change="stChange" style="width: 160px;height: 32px;border-radius: 0%;" v-model="setType"
+                        clearable placeholder="操作分类">
+                        <el-option v-for="(item, index) in setTypeList" :key="item.id" :label="item.name"
+                            :value="item.code" />
+                    </el-select>
+                </div>
+                <div class="manyBox">
+                    <span>事件类型</span>
+                    <el-select @change="thingChange" style="width: 160px;height: 32px;border-radius: 0%;" v-model="thing"
+                        clearable placeholder="事件类型">
+                        <el-option v-for="(item, index) in thingList" :key="item.id" :label="item.name"
+                            :value="item.code" />
+                    </el-select>
+                </div>
+                <div class="manyBox">
+                    <el-button type="primary">
+                        <el-icon>
+                            <Search />
+                        </el-icon>查询</el-button>
+                    <el-button @click="getList">
+                        <el-icon>
+                            <RefreshLeft />
+                        </el-icon>重置</el-button>
+                </div>
+            </div>
+            <!-- 数据 -->
+            <div class="mesBox">
+                <el-table :data="logList" stripe style="width: 100%;height: calc(100vh - 240px);">
+                    <el-table-column prop="audittypename" :show-overflow-tooltip="true" label="审计分类" width="auto" />
+                    <el-table-column prop="eventtypename" label="事件类型" width="auto" />
+                    <el-table-column prop="staff" label="操作用户" width="auto" />
+                    <el-table-column prop="eventlevelname" label="事件等级" width="auto" />
+                    <el-table-column prop="logtypename" label="操作类型" width="auto" />
+                    <el-table-column prop="ip" label="操作IP" width="auto" />
+                    <el-table-column prop="insdate" label="操作时间" width="auto" />
+                    <el-table-column prop="optresultname" label="结果" width="auto" />
+                    <el-table-column prop="description" :show-overflow-tooltip="true" label="日志描述" width="180" />
+                </el-table>
+            </div>
+            <div>
+                <Pagination :tLength="logTotal" @getBack="getBack"></Pagination>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { ref, onMounted } from 'vue';
+import systemRow from '@/api/systemRow'
+import setlog from '@/api/setlog'
+import Pagination from './Pagination.vue';
+export default {
+    setup() {
+        let setAbout = ref('')//操作结果value
+        let setType = ref('')//操作分类value
+        let audiType = ref('')//审计分类value
+        let thing = ref('')//事件类型value
+        let setAboutList = ref([])//操作结果列表
+        let setTypeList = ref([])//操作分类列表
+        let audiTypeList = ref([])//审计分类列表
+        let thingList = ref([])//事件类型列表
+        let logList = ref([])//操作日志列表
+        let logTotal = ref(0)//列表总数
+        let pages = ref(0)
+        let sizes = ref(0)
+        function getSelect() {//获取所有下拉框选项
+            systemRow.getAllRow({ pcode: "log_optresult" }).then(res => {
+                // 操作结果
+                setAboutList.value = res.data
+            })
+            systemRow.getAllRow({ pcode: 'log_opttype' }).then(res => {
+                // 操作分类
+                setTypeList.value = res.data
+            })
+            systemRow.getAllRow({ pcode: 'log_audittype' }).then(res => {
+                // 审计分类
+                audiTypeList.value = res.data
+            })
+            systemRow.getAllRow({ pcode: 'log_eventtype' }).then(res => {
+                // 事件类型
+                thingList.value = res.data
+            })
+        }
+        function getList() {//获取操作日志列表
+            setlog.getAllLog({ pageindex: 1, pageSize: 20 }).then(res => {
+                logList.value = res.data
+                logTotal.value = res.count
+            })
+        }
+        function getBack(index, size) {//分页组件返回数据赋值
+            pages.value = index
+            sizes.value = sizes
+            setlog.getAllLog({ pageindex: pages.value, pageSize: sizes.value }).then(res => {
+                logList.value = res.data
+                logTotal.value = res.count
+            })
+        }
+        function aboutChange(e) {//操作结果change事件
+            setAbout.value = e
+            setlog.getAllLog({ pageindex: pages.value, pageSize: sizes.value,success:setAbout.value }).then(res => {
+                console.log(res,'sss');
+                logList.value = res.data
+                logTotal.value = res.count
+            })
+        }
+        function audiChange(e) {//审计分类change事件
+            audiType.value = e
+            setlog.getAllLog({ pageindex: pages.value, pageSize: sizes.value,audittype:audiType.value }).then(res => {
+                logList.value = res.data
+                logTotal.value = res.count
+            })
+        }
+        function stChange(e) {//操作分类change事件
+            setType.value = e
+            setlog.getAllLog({ pageindex: pages.value, pageSize: sizes.value,opttype:setType.value }).then(res => {
+                logList.value = res.data
+                logTotal.value = res.count
+            })
+        }
+        function thingChange(e) {//事件类型change事件
+            thing.value = e
+            setlog.getAllLog({ pageindex: pages.value, pageSize: sizes.value,eventtype:thing.value }).then(res => {
+                logList.value = res.data
+                logTotal.value = res.count
+            })
+        }
+        onMounted(() => {
+            getSelect()
+            getList()
+        })
+        return {
+            setAbout,//操作结果value
+            setAboutList,
+            audiType,//审计分类value
+            audiTypeList,
+            getSelect,//获取所有下拉框选项方法
+            setType,//操作分类value
+            setTypeList,
+            thing,//事件类型value
+            thingList,
+            getList,//获取操作日志列表
+            logList,//操作日志列表
+            logTotal,//列表总数
+            getBack,//分页组件传回的方法
+            aboutChange,//操作结果change事件
+            audiChange,//审计分类change事件
+            stChange,//操作分类事件
+            thingChange,//事件类型change事件
+            pages,//页码
+            sizes,//条数
+        }
+    },
+    components: {
+        Pagination
+    }
+}
+</script>
+
+<style  scoped>
+.bigBox {
+    width: 98%;
+    height: 100%;
+    margin-left: 15px;
+    margin-top: 10px;
+}
+.titleBox{
+    width: 100%;
+    height: 100%;
+    text-align: center;
+}
+.settingBox {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.manyBox {
+    margin-right: 5px;
+}
+</style>

src/pages/setting/components/SystemCode.vue

@@ -0,0 +1,41 @@
+<template>
+    <div>
+        <div class="bigBox">
+
+        </div>
+    </div>
+</template>
+
+<script>
+import { ref, onMounted } from 'vue';
+import systemRow from '@/api/systemRow';
+import Pagination from './Pagination.vue';
+export default {
+    setup() {
+        let systemList = ref([])//系统字典列表数据
+        let pages = ref(0)//页码
+        let sizes = ref(0)//条数
+        let totals = ref(0)//总条数
+        function searchSystem() {//查询所有字典
+            systemRow.getAllRow({ pageindex: 1, pageSize: 10 }).then(res => {
+                console.log(res, 'row');
+            })
+        }
+        onMounted(() => {
+            searchSystem()
+        })
+        return {
+            systemList,//系统字典列表
+            searchSystem,//查询所有字典
+            pages, //页码
+            sizes, //条数
+            totals,//总条数
+        }
+    },
+    components:{
+        Pagination,
+    }
+}
+</script>
+
+<style lang="scss" scoped></style>

src/pages/setting/components/SystemNum.vue

@@ -0,0 +1,120 @@
+<template>
+    <div>
+        <div class="bigBox">
+            <div class="pBox">
+                <p>系统参数管理</p>
+            </div>
+            <div class="tableBox">
+                <el-button type="primary" @click="addNew(0)">+新建系统参数</el-button>
+                <el-table :data="systemList" style="width: 100%;height: calc(100vh - 240px);">
+                    <el-table-column label="序号" width="100">
+                        <template #default="{ $index }">{{ $index + 1 }}</template>
+                    </el-table-column>
+                    <el-table-column prop="param_name" label="参数名称" width="auto" />
+                    <el-table-column prop="param_value" label="参数值" width="auto" />
+                    <el-table-column prop="param_memo" label="参数说明" width="auto" />
+                    <el-table-column fixed="right" label="操作" width="120">
+                        <template #default="scope">
+                            <el-button text type="primary" size="small" @click="editOld(1,scope.row)">
+                                <el-icon>
+                                    <EditPen />
+                                </el-icon>
+                                编辑
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <!-- 分页组件 -->
+            <div class="pageBox">
+                <PageNation :tLength="tLength"></PageNation>
+            </div>
+            <!-- 模态框 -->
+            <div class="modalBox">
+                <AddSn v-if="addRule" :addRule="addRule" :editForm="editForm" @asBack="asBack" :addEdit="addEdit" :searchSystemCode="searchSystemCode"></AddSn>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { ref, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import system from '@/api/system'
+import PageNation from './Pagination.vue'
+import AddSn from '../modalComp/AddSn.vue'
+export default {
+    setup() {
+        let systemList = ref([])//系统参数列表
+        let tLength = ref(0)//总条数
+        let addRule = ref(false)//增加，修改模态框
+        let addEdit = ref(0)//0代表新增，1代表修改
+        let editForm = ref({})//编辑需要回显的参数
+        function searchSystemCode() {//获取所有系统参数
+            system.getSystemCode({ pageindex: 1, pageSize: 10 }).then(res => {
+                systemList.value = res.data
+                tLength.value = res.count
+            })
+        }
+        function addNew(num) {//新增打开模态框
+            addEdit.value = num
+            addRule.value = true
+        }
+        function editOld(num,row){//编辑打开模态框
+            editForm.value = row
+            addEdit.value = num
+            addRule.value = true
+        }
+        function asBack(data) {//子组件返回的模态框状态
+            addRule.value = data
+        }
+        onMounted(() => {
+            ElMessage({
+                type:"info",
+                message:"正在加载数据"
+            })
+            searchSystemCode()
+        })
+        return {
+            searchSystemCode,//获取所有系统参数
+            systemList,//系统参数列表
+            tLength,//总条数
+            addRule,//增加，修改模态框
+            addNew,//新增打开模态框
+            asBack,//子组件返回的模态框状态
+            addEdit,//0代表新增，1代表修改
+            editOld,//编辑打开模态框
+            editForm,//编辑需要回显的参数
+        }
+    },
+    components: {
+        PageNation,
+        AddSn,
+    }
+}
+</script>
+
+<style  scoped>
+.bigBox {
+    width: 98%;
+    height: 100%;
+    margin-left: 15px;
+}
+
+.pBox {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+}
+
+.tableBox {
+    width: 100%;
+    height: auto;
+    border: 1px solid red;
+    overflow-y: auto;
+}
+
+.pageBox {
+    float: right;
+}
+</style>

src/pages/setting/modalComp/AddSn.vue

@@ -0,0 +1,150 @@
+<template>
+    <div>
+        <div class="bigBox">
+            <el-dialog v-model="dialogVisible" :title="tips" width="30%" @close="closees">
+                <el-form :model="numForm" label-width="120px" :rules="numRules">
+                    <el-form-item label="参数编码" prop="name">
+                        <el-input v-model="numForm.name" />
+                    </el-form-item>
+                    <el-form-item label="参数值" prop="value" >
+                        <el-input v-model="numForm.value" :disabled="ae == 1" />
+                    </el-form-item>
+                    <el-form-item label="参数描述" prop="memo">
+                        <el-input v-model="numForm.memo" />
+                    </el-form-item>
+                </el-form>
+                <template #footer>
+                    <span class="dialog-footer">
+                        <el-button @click="cacncel">取消</el-button>
+                        <el-button type="primary" @click="sureBack">
+                            确认
+                        </el-button>
+                    </span>
+                </template>
+            </el-dialog>
+        </div>
+    </div>
+</template>
+
+<script>
+import system from '@/api/system'
+import { ref, onMounted, toRefs, reactive } from 'vue'
+import { ElMessage } from 'element-plus'
+export default {
+    props: {
+        addRule: {
+            type: Boolean,
+            required: true
+        },
+        addEdit: {
+            type: Number,
+            required: true
+        },
+        searchSystemCode: {
+            type: Function,
+            required: true
+        },
+        editForm: {
+            type: Object,
+            required: true
+        }
+    },
+    setup(props, { emit }) {
+        let dialogVisible = ref(false)
+        let result = props.addRule
+        let ae = props.addEdit
+        let tips = ref('新增')
+        let numForm = ref({
+            name: "",
+            value: "",
+            memo: ""
+        })
+        let aeList = props.editForm
+        let numRules = reactive({
+            name: [
+                { required: true, message: '请输入编码', trigger: 'blur' },
+            ],
+            value: [
+                { required: true, message: '请输入值', trigger: 'blur' },
+            ],
+            memo: [
+                { required: true, message: '请输入描述', trigger: 'blur' },
+            ]
+        })
+        let { cacncel, sureBack } = toRefs(props)
+        function lineList() {
+            dialogVisible.value = result
+            if (ae == 0) {
+                tips.value = '新增'
+            }
+            if (ae == 1) {
+                tips.value = '修改'
+                numForm.value.name = aeList.param_name
+                numForm.value.value = aeList.param_value
+                numForm.value.memo = aeList.param_memo
+            }
+        }
+        function closees() {
+            dialogVisible.value = false
+            emit("asBack", dialogVisible.value)
+        }
+        function getBack() {
+            dialogVisible.value = false
+            emit("asBack", dialogVisible.value)
+        }
+        function fullBack() {
+            if (ae == 0) {
+                system.editSystemCode({
+                    param_name: numForm.value.name,
+                    param_value: numForm.value.value,
+                    param_memo: numForm.value.memo
+                }).then(res => {
+                    if (res.code == 0) {
+                        dialogVisible.value = false
+                        emit("asBack", dialogVisible.value)
+                        ElMessage({
+                            type: "success",
+                            message: "新增成功",
+                            duration: 2000
+                        })
+                        props.searchSystemCode()
+                    }
+                })
+            } else {
+                system.editSystemCode({
+                    param_name: numForm.value.name,
+                    param_value: numForm.value.value,
+                    param_memo: numForm.value.memo
+                }).then(res => {
+                    if (res.code == 0) {
+                        dialogVisible.value = false
+                        emit("asBack", dialogVisible.value)
+                        ElMessage({
+                            type: "success",
+                            message: "编辑成功",
+                            duration: 2000
+                        })
+                        props.searchSystemCode()
+                    }
+                })
+            }
+
+        }
+        onMounted(() => {
+            lineList()
+        })
+        return {
+            dialogVisible,
+            closees,
+            cacncel: getBack,
+            sureBack: fullBack,
+            tips,
+            numForm,
+            numRules,
+            ae
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped></style>