|
@@ -38,6 +38,21 @@
|
|
|
height="480"
|
|
height="480"
|
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
|
>
|
|
>
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ fixed="left"
|
|
|
|
|
+ label="No"
|
|
|
|
|
+ type="index"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ prop="appId"
|
|
|
|
|
+ label="应用 ID"
|
|
|
|
|
+ >
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <el-button type="text" @click="handleAppDetail(scope.row)">
|
|
|
|
|
+ {{ scope.row.appId }}
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
<el-table-column
|
|
|
prop="httpPort"
|
|
prop="httpPort"
|
|
|
label="监听端口"
|
|
label="监听端口"
|
|
@@ -176,6 +191,16 @@
|
|
|
</el-table>
|
|
</el-table>
|
|
|
</template>
|
|
</template>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ title="应用详情"
|
|
|
|
|
+ append-to-body
|
|
|
|
|
+ :visible.sync="showAppDialog"
|
|
|
|
|
+ width="70%"
|
|
|
|
|
+ center
|
|
|
|
|
+ >
|
|
|
|
|
+ <template>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-dialog>
|
|
|
</el-container>
|
|
</el-container>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -210,7 +235,9 @@ export default {
|
|
|
statDialogTitle: '',
|
|
statDialogTitle: '',
|
|
|
showStatDialog: false,
|
|
showStatDialog: false,
|
|
|
appStatList: [],
|
|
appStatList: [],
|
|
|
- statAppId: ''
|
|
|
|
|
|
|
+ statAppId: '',
|
|
|
|
|
+ // **********************************************************************
|
|
|
|
|
+ showAppDialog: false
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
@@ -338,7 +365,13 @@ export default {
|
|
|
query: this.queryInfo
|
|
query: this.queryInfo
|
|
|
})
|
|
})
|
|
|
this.getData()
|
|
this.getData()
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ handleAppDetail(row) {
|
|
|
|
|
+ this.$message.info('get ' + row.appId + ' detail')
|
|
|
|
|
+ const queryInfo = {}
|
|
|
|
|
+ queryInfo.appId = row.appId
|
|
|
|
|
+ this.showAppDialog = true
|
|
|
|
|
+ },
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
