diff options
Diffstat (limited to 'src/views/menuTaskInfo')
| -rw-r--r-- | src/views/menuTaskInfo/index.vue | 39 |
1 files changed, 23 insertions, 16 deletions
diff --git a/src/views/menuTaskInfo/index.vue b/src/views/menuTaskInfo/index.vue index 2b3581e..d1ae803 100644 --- a/src/views/menuTaskInfo/index.vue +++ b/src/views/menuTaskInfo/index.vue @@ -6,17 +6,18 @@ ></Header> <div class="header2"> <div style="width: 45%; display: inline-block;"> - <el-descriptions class="custom-descriptions" > - <el-descriptions-item label="任务名称" >{{parentLevelRow.name}}</el-descriptions-item> - <el-descriptions-item label="代理编号">{{parentLevelRow.id}}</el-descriptions-item> - <el-descriptions-item label="执行状态"> + <el-descriptions class="custom-descriptions"> + <el-descriptions-item label="任务名称" class="cell-item">{{parentLevelRow.name}}</el-descriptions-item> + <el-descriptions-item label="代理编号" class="cell-item">{{parentLevelRow.id}}</el-descriptions-item> + <el-descriptions-item label="执行状态" class="cell-item"> <el-tag type="info" v-if="parentLevelRow.status==='stop'">暂停</el-tag> <el-tag type="warning" v-if="parentLevelRow.status==='working'">执行中</el-tag> <el-tag type="danger" v-if="parentLevelRow.status==='finish'">已完成</el-tag> </el-descriptions-item> - <el-descriptions-item label="任务目标"> + <el-descriptions-item label="任务目标" class="cell-item"> {{parentLevelRow.target}} - <span style="color: #00C0FF;margin-left: 5%" @click="getInfoByIp(parentLevelRow)">查看实时状态</span> + <!-- <span style="color: #00C0FF;margin-left: 5%" @click="getInfoByIp(parentLevelRow)">查看实时状态</span> --> + <span style="color: #00C0FF;margin-left: 5%" @click="getInfoById(parentLevelRow)">查看实时状态</span> </el-descriptions-item> </el-descriptions> </div> @@ -98,7 +99,7 @@ label="执行输出" min-width="150"> <template slot-scope="scope"> - <el-button type="primary" @click="newlyPztj=!newlyPztj,getLog(scope.row.policy_id)">查看</el-button> + <el-button type="primary" @click="newlyPztj=!newlyPztj, getLog(scope.row.policy_id)">查看</el-button> </template> </el-table-column> <el-table-column @@ -200,7 +201,7 @@ import Header from './module/Header.vue' import UserForm from './module/UserForm.vue' import { getTargetsResponse } from './mock.js' export default { - name: "RangeConfigManage", + name: "menuTaskInfo", components:{ Header, UserForm }, data(){ return{ @@ -227,12 +228,15 @@ export default { }, watch: {}, created() { - this.parentLevelRow = this.$route.query.row; + this.parentLevelRow = JSON.parse(this.$route.query.row); this.init() }, methods:{ - getInfoByIp(val){ - this.$router.push({ path: 'menuMBZTGZ', query: { row: val } }); + // getInfoByIp(val){ + // this.$router.push({ path: 'menuMBZTGZ', query: { row: val } }); + // }, + getInfoById(val){ + this.$router.push({ path: 'menuMBZTGZ', query: { row: val } }); }, CustomizationImageFales(){ this.newlyPztj=false; @@ -296,9 +300,9 @@ export default { this.$axios.get(this.$http.api.taskInfoLog, reqParams).then(res => { // if (res.code == 200 || res.code == "OK") { // this.total = res?.data?.total - this.total = 100 + this.total = 10 this.tableDataLog = res?.data - this.tableData.map(item => { + this.tableDataLog.map(item => { item.permissions.map(permi => { this.$set(permi, 'delLoading', false) return permi @@ -326,6 +330,7 @@ export default { // this.total = res?.data?.total this.total = 100 this.tableDataLog = res?.data + console.log("***********", this.tableDataLog) this.tableData.map(item => { item.permissions.map(permi => { this.$set(permi, 'delLoading', false) @@ -473,6 +478,10 @@ export default { /* float: right;*/ /*}*/ } + .cell-item { + display: flex; + align-items: center; + } /*.custom-paginationLog /deep/ .el-pagination /deep/ .is-background {*/ /* float: right;*/ /*}*/ @@ -585,7 +594,7 @@ export default { width: 100%; height: auto; margin-bottom: 1%; - margin-left: 2.5%; + margin-left: 2%; .enlarged-button { transform: scale(1.5); /* 将按钮和图标整体放大 1.5 倍 */ margin-left: 3%; @@ -596,8 +605,6 @@ export default { /deep/ .el-descriptions-item{ background-color: rgba(19, 34, 99, 1); } - - } /*.custom-descriptions /deep/ .el-descriptions{*/ /* background-color: #f04247; !* 设置背景颜色为灰色 *!*/ |
