1
lzhe
2024-04-02 b93f3583e419f277993f93fa8bc17c72302b3bc9
1
已修改4个文件
192 ■■■■■ 文件已修改
src/views/console/system/SubitemAddDict.vue 13 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/console/system/addDict.vue 8 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/console/system/allocationDialog.vue 28 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/monitor/log/api.vue 143 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/console/system/SubitemAddDict.vue
@@ -78,7 +78,7 @@
                    code: "",
                    dictValue: "",
                    sort: "",
                    isSealed: "",
                    isSealed: false,
                    remark: "",
                    parentId: "",
                    dictKey: "",
@@ -173,8 +173,17 @@
            //表单注入数据
            setData(data){
                //可以和上面一样单个注入,也可以像下面一样直接合并进去
                //console.log(data.code,data.parentId,data)
                this.addAllocationForm.code = data.code;
                this.addAllocationForm.parentId = data.parentId;
                this.addAllocationForm.parentId = data.id;
                if(data.mode == "edit" || data.mode == "show") {
                    if(data.isSealed == "1") {
                        data.isSealed = true;
                    }else {
                        data.isSealed = false;
                    }
                    Object.assign(this.addAllocationForm, data);
                }
                this.showDict(); //获取所有字典 
            }
        }
src/views/console/system/addDict.vue
@@ -55,7 +55,7 @@
                    code: "",
                    dictValue: "",
                    sort: "",
                    isSealed: "0",
                    isSealed: false,
                    remark: "",
                    dictKey: "-1",
                    $isSealed: "否"
@@ -130,7 +130,13 @@
            },
            //表单注入数据
            setData(data){
                console.log(data)
                //可以和上面一样单个注入,也可以像下面一样直接合并进去
                if(data.isSealed == "1") {
                    data.isSealed = true;
                }else {
                    data.isSealed = false;
                }
                Object.assign(this.addDictForm, data);
            }
        }
src/views/console/system/allocationDialog.vue
@@ -70,6 +70,7 @@
        emits: ['success', 'closed'],
        data(){
            return {
                oldRow: {},
                selection: [],
                mode: "edit",
                visible: false,
@@ -127,7 +128,19 @@
            },
            //字典配置
            table_allocation(row) {
                this.addAllocation();
                this.addAllocation(row,"subitem");
            },
            showDict() {
                this.$HTTP.get("/api/blade-system/dict/tree?code=DICT").then(res=> {
                    if(res.code == 200) {
                        res.data.forEach(item=> {
                            if(item.id == this.addAllocationForm.parentId) {
                                this.addAllocationForm.$parentId = item.title;
                            }
                        })
                        this.parentData = res.data;
                    }
                })
            },
            //删除
            table_del(row) {
@@ -146,14 +159,19 @@
                })
            },
            //添加
            addAllocation(){
                this.dialog.allocation = true
            addAllocation(row,type){
                this.dialog.allocation = true;
                this.$nextTick(() => {
                    this.$refs.SubitemAddDict.open('edit').setData(this.allocationTableData[0])
                    if(type == "subitem") {  //添加子项
                        this.$refs.SubitemAddDict.open('edit').setData(row)
                    }else {
                        this.$refs.SubitemAddDict.open('edit').setData(this.oldRow)
                    }
                })
            },
            table_edit(row){
                this.dialog.allocation = true
                row.mode = "edit";
                this.$nextTick(() => {
                    this.$refs.SubitemAddDict.open('edit').setData(row)
                })
@@ -161,6 +179,7 @@
            //查看
            table_show(row){
                this.dialog.allocation = true
                row.mode = "show";
                this.$nextTick(() => {
                    this.$refs.SubitemAddDict.open('show').setData(row)
                })
@@ -209,6 +228,7 @@
            setData(row){
                //可以和上面一样单个注入,也可以像下面一样直接合并进去
                this.searchData.parentId = row.id;
                this.oldRow = row;
                this.searchBtn();
            },
            //显示
src/views/monitor/log/api.vue
@@ -10,26 +10,27 @@
    <div class="api-main">
        <el-form :inline="true" :model="searchData" abel-width="120px">
            <el-form-item label="服务id">
                <el-input v-model="searchData.test" placeholder="服务id" clearable />
                <el-input v-model="searchData.serviceId" placeholder="服务id" clearable />
            </el-form-item>
            <el-form-item label="服务host">
                <el-input v-model="searchData.test" placeholder="服务host" clearable />
                <el-input v-model="searchData.serverHost" placeholder="服务host" clearable />
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="searchBtn">搜索</el-button>
                <el-button @click="searchBtn">清空</el-button>
                <el-button type="primary" @click="searchclick">搜索</el-button>
                <el-button @click="searchClearBtn">清空</el-button>
            </el-form-item>
        </el-form>
        <div>
            <div class="api-table">
                <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef">
                    <el-table-column prop="date" label="服务id"></el-table-column>
                    <el-table-column prop="name" label="服务host"></el-table-column>
                    <el-table-column prop="name" label="软件环境"></el-table-column>
                    <el-table-column prop="name" label="日志级别"></el-table-column>
                    <el-table-column prop="name" label="日志id"></el-table-column>
                    <el-table-column prop="name" label="请求接口"></el-table-column>
                    <el-table-column prop="name" label="日志时间"></el-table-column>
                    <el-table-column prop="serviceId" label="服务id"></el-table-column>
                    <el-table-column prop="serverHost" label="服务host"></el-table-column>
                    <el-table-column prop="serverIp" label="服务ip"></el-table-column>
                    <el-table-column prop="env" label="软件环境"></el-table-column>
                    <el-table-column prop="" label="日志级别"></el-table-column>
                    <el-table-column prop="" label="日志id"></el-table-column>
                    <el-table-column prop="requestUri" label="请求接口"></el-table-column>
                    <el-table-column prop="createTime" label="日志时间"></el-table-column>
                    <el-table-column fixed="right" label="操作">
                        <template #default="scope">
                            <el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
@@ -37,13 +38,14 @@
                    </el-table-column>
                </el-table>
                <el-pagination
                    style="margin-top: 12px;"
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage4"
                    :page-sizes="[100, 200, 300, 400]"
                    :page-size="100"
                    :page-sizes="[15, 50, 100]"
                    :page-size="15"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="400">
                    :total="total">
                </el-pagination>
            </div>
        </div>
@@ -52,57 +54,57 @@
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="服务id" center>
                            <span>aaa</span>
                            <span>{{viewData.serviceId}}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="服务host" center>
                            <span>aaa</span>
                            <span>{{viewData.serverHost}}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="服务ip" center>
                            <span>aaa</span>
                            <span>{{viewData.serverIp}}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="软件环境" center>
                            <span>aaa</span>
                            <span>{{viewData.env}}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="日志级别" center>
                            <span>aaa</span>
                            <span></span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="日志id" center>
                            <span>aaa</span>
                            <span></span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="请求接口" center>
                            <span>aaa</span>
                            <span>{{viewData.requestUri}}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="日志时间" center>
                            <span>aaa</span>
                            <span>{{viewData.createTime}}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="用户代理" center>
                            <span>aaa</span>
                            <span>{{viewData.userAgent}}</span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="日志管理" center>
                            <span>aaa</span>
                        <el-form-item label="日志数据" center>
                            <span></span>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="请求数据" center>
                            <span>aaa</span>
                            <span>{{viewData.params}}</span>
                        </el-form-item>
                    </el-col>
                </el-row>
@@ -115,10 +117,22 @@
        name: "allocation",
        data(){
            return {
                viewData: {},
                viewData: {
                    serviceId: "",
                    serverHost: "",
                    serverIp: "",
                    env: "",
                    requestUri: "",
                    createTime: "",
                    userAgent: "",
                    params: ""
                },
                drawer: false,
                searchData: {
                    test: ""
                    serviceId: "",
                    serverHost: "",
                    current: "1",
                    size: "15"
                },
                dialog: {
                    save: false,
@@ -127,57 +141,66 @@
                leftActive: true,
                input: '',
                input3: '',
                tableData: [{
                    date: '2016-05-02',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1518 弄',
                    zip: 200333
                    }, {
                    date: '2016-05-04',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1517 弄',
                    zip: 200333
                    }, {
                    date: '2016-05-01',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1519 弄',
                    zip: 200333
                    }, {
                    date: '2016-05-03',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1516 弄',
                    zip: 200333
                }]
                tableData: []
            }
        },
        created(){
            
        },
        mounted(){
            this.searchBtn();
        },
        methods: {
            handleClose() {
                this.drawer = false;
            },
            searchBtn() {},
            searchClearBtn() {
                this.searchData = {
                    code: "",
                    dictValue: "",
                    current: "1",
                    size: "15"
                }
                this.searchBtn();
            },
            searchclick() {
                this.searchData.current = "1";
                this.searchData.size = "15";
                this.searchBtn();
            },
            searchBtn() {
                this.$HTTP.get("/api/blade-log/api/list",this.searchData).then(res=> {
                    if(res.code == 200) {
                        this.tableData = res.data.records;
                        this.total = res.data.total;
                    }
                })
            },
            //查看
            table_show(row){
                this.drawer = true;
                this.$HTTP.get("/api/blade-log/api/detail?id="+row.id).then(res=> {
                    if(res.code == 200) {
                        this.viewData = res.data;
                        this.drawer = true;
                    }
                })
            },
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            },
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
                this.searchData.current = "1";
                this.searchData.size = val;
                this.searchBtn();
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
                this.searchData.current = val;
                this.searchBtn();
            }
        }
    }