| | |
| | | code: "", |
| | | dictValue: "", |
| | | sort: "", |
| | | isSealed: "", |
| | | isSealed: false, |
| | | remark: "", |
| | | parentId: "", |
| | | dictKey: "", |
| | |
| | | //表单注入数据 |
| | | 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(); //获取所有字典 |
| | | } |
| | | } |
| | |
| | | code: "", |
| | | dictValue: "", |
| | | sort: "", |
| | | isSealed: "0", |
| | | isSealed: false, |
| | | remark: "", |
| | | dictKey: "-1", |
| | | $isSealed: "否" |
| | |
| | | }, |
| | | //表单注入数据 |
| | | setData(data){ |
| | | console.log(data) |
| | | //可以和上面一样单个注入,也可以像下面一样直接合并进去 |
| | | if(data.isSealed == "1") { |
| | | data.isSealed = true; |
| | | }else { |
| | | data.isSealed = false; |
| | | } |
| | | Object.assign(this.addDictForm, data); |
| | | } |
| | | } |
| | |
| | | emits: ['success', 'closed'], |
| | | data(){ |
| | | return { |
| | | oldRow: {}, |
| | | selection: [], |
| | | mode: "edit", |
| | | visible: false, |
| | |
| | | }, |
| | | //字典配置 |
| | | 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) { |
| | |
| | | }) |
| | | }, |
| | | //添加 |
| | | 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) |
| | | }) |
| | |
| | | //查看 |
| | | table_show(row){ |
| | | this.dialog.allocation = true |
| | | row.mode = "show"; |
| | | this.$nextTick(() => { |
| | | this.$refs.SubitemAddDict.open('show').setData(row) |
| | | }) |
| | |
| | | setData(row){ |
| | | //可以和上面一样单个注入,也可以像下面一样直接合并进去 |
| | | this.searchData.parentId = row.id; |
| | | this.oldRow = row; |
| | | this.searchBtn(); |
| | | }, |
| | | //显示 |
| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | <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> |
| | |
| | | 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, |
| | |
| | | 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(); |
| | | } |
| | | } |
| | | } |