123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>微服务系统信息管理</title>
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
- <meta charset="utf-8"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
- <link rel="stylesheet" href="/common-assets/css/normalize.css"/>
- <link rel="stylesheet" href="/common-assets/css/chunk/element-common.css">
- <link rel="stylesheet" href="/common-assets/css/dwElementUI.css"/>
- <script src="/common-assets/js/jquery-2.1.1.js"></script>
- <script src="/common-assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
- <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
- <script src="/common-assets/plugins/dotize/dotize.js"></script>
- <script src="/common-assets/js/promise-polyfill.min.js"></script>
- <!-- 开发阶段使用vue.js以获取编译信息 -->
- <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
- <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
- <!-- 引入组件库 -->
- <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
- </head>
- <body class="pace-done gray-bg">
- <div class="container-fluid">
- <div class="wrapper-cont" id="msSystemInfoListContent" v-cloak v-loading="pageLoading">
- <el-card class="box-card search-content" shadow="hover">
- <el-form label-position="right" size="small" label-width="100px" id="msSystemInfoSearchForm"
- :model="searchParams">
- <el-row :gutter="15">
- <el-col :span="6">
- <el-form-item label="系统简称">
- <el-input placeholder="请输入完整系统简称" v-model="searchParams.sysCode">
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="名称">
- <el-input placeholder="请输入完整系统名称" v-model="searchParams.sysName">
- </el-input>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="命名空间">
- <el-select v-model="searchParams.sysDomain" placeholder="请选择命名空间">
- <el-option v-for="param in getDictByField('sysDomain')"
- :key="param.id" :label="param.paramName"
- :value="param.paramCode">
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="6">
- <el-form-item label="是否启用">
- <el-select v-model="searchParams.valid" placeholder="请选择是否启用">
- <el-option label="启用" value="1"></el-option>
- <el-option label="停用" value="0"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :offset="16" :span="8">
- <el-form-item class="search-content-button-container">
- <el-button-group>
- <el-button type="primary" size="small" @click="refreshTable"
- icon="el-icon-search">查询
- </el-button>
- <el-button size="small" @click="resetSearchParam"
- icon="el-icon-refresh">重置
- </el-button>
- </el-button-group>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- </el-card>
- <el-card class="box-card" shadow="hover">
- <el-button-group v-if="editType !== 'view'">
- <el-button @click="addNewMsSystemInfo" size="mini" icon="el-icon-plus">新增
- </el-button>
- <el-button @click="deleteSelectedMsSystemInfo" type="danger" size="mini"
- icon="el-icon-delete">删除
- </el-button>
- <el-button @click="editMsSystemInfoRecord" size="mini" icon="el-icon-edit">修改
- </el-button>
- <!-- todo 配置微服务参数不是微服务管理平台的功能,应该是微服务开发平台的功能 -->
- <el-button v-show="false" @click="configSystemInfo" size="mini" icon="el-icon-setting">系统配置
- </el-button>
- </el-button-group>
- <el-table size="medium" stripe border tooltip-effect="dark" v-loading="systemInfoLoading"
- style="width: 100%;margin-top: 15px;margin-bottom: 15px;"
- ref="msSystemInfoTable" :data="msSystemInfoTablePage.list" @row-click="handleRowClick"
- @sort-change="handleSortChange" @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55"></el-table-column>
- <el-table-column prop="sysCode" fixed label="系统简称" sortable="custom" width="150px">
- <template slot-scope="scope">
- <el-tooltip content="点击查看系统详情">
- <a @click="viewSelectedMsSystemInfo(scope)">{{scope.row.sysCode}}</a>
- </el-tooltip>
- </template>
- </el-table-column>
- <el-table-column prop="sysName" fixed label="名称" show-overflow-tooltip width="200px">
- </el-table-column>
- <el-table-column prop="sysDomain" label="命名空间" width="150px">
- <template slot-scope="scope">{{eleTableColumnFormatter(scope,
- getDictByField(scope.column.property))}}
- </template>
- </el-table-column>
- <el-table-column prop="sysDomain" label="命名空间编码" width="150px">
- </el-table-column>
- <el-table-column prop="rootPath" label="根路径" show-overflow-tooltip>
- </el-table-column>
- <el-table-column prop="valid" label="启用/停用" width="100px">
- <template slot-scope="scope">{{scope.row.valid === '1' ? '启用' : '停用'}}
- </template>
- </el-table-column>
- <!-- <el-table-column prop="maxAppInstanceNum" label="最大服务实例数" width="150px">-->
- <!-- </el-table-column>-->
- <el-table-column prop="modifyTime" label="最后修改时间" sortable="custom" show-overflow-tooltip
- width="170px">
- </el-table-column>
- </el-table>
- <el-pagination layout="total, sizes, ->, prev, pager, next, jumper"
- :total="msSystemInfoTablePage.count" @size-change="handleTableSizeChange"
- @current-change="handleTableCurrentChange" :page-sizes="[5, 10, 15, 20]"
- :page-size="searchParams.limit" background></el-pagination>
- <!-- 子表列表 -->
- <el-tabs value="msSystemAdminTab" type="border-card" style="margin-top: 15px;" v-if="editType !== 'view'">
- <el-tab-pane label="租户信息" name="msSystemAdminTab">
- <el-button-group>
- <el-button size="mini" icon="el-icon-plus"
- @click="addNewMsSystemAdmin">新增
- </el-button>
- <el-button type="danger" size="mini" icon="el-icon-delete"
- @click="deleteSelectedMsSystemAdmin">删除
- </el-button>
- </el-button-group>
- <el-table size="medium" stripe border tooltip-effect="dark"
- style="width: 100%;margin-top: 15px;margin-bottom: 15px;"
- ref="msSystemAdminTable" :data="msSystemAdminTablePage.list"
- @row-click="handleMsSystemAdminRowClick">
- <el-table-column type="selection" width="55"></el-table-column>
- <el-table-column prop="admin.userAccount" label="账号" show-overflow-tooltip>
- <template slot-scope="scope">
- <el-tooltip content="点击查看账户详情">
- <a @click="viewSelectedMsSystemAdmin(scope)">{{scope.row.admin.userAccount}}</a>
- </el-tooltip>
- </template>
- </el-table-column>
- <el-table-column prop="admin.userName" label="姓名" show-overflow-tooltip>
- </el-table-column>
- <el-table-column prop="admin.email" label="邮箱" show-overflow-tooltip>
- </el-table-column>
- <el-table-column prop="admin.mobile" label="电话" show-overflow-tooltip>
- </el-table-column>
- <el-table-column prop="admin.empNo" label="员工编号" show-overflow-tooltip>
- </el-table-column>
- <el-table-column prop="admin.userStatus" label="账户状态" show-overflow-tooltip>
- <template slot-scope="scope">{{eleTableColumnFormatter(scope,
- getDictByField(scope.column.property))}}
- </template>
- </el-table-column>
- </el-table>
- <el-pagination layout="total, sizes, ->, prev, pager, next, jumper"
- :total="msSystemAdminTablePage.count"
- @size-change="handleMsSystemAdminTableSizeChange"
- @current-change="handleMsSystemAdminTableCurrentChange"
- :page-sizes="[5, 10, 15, 20]" :page-size="searchParams.limit"
- background></el-pagination>
- </el-tab-pane>
- </el-tabs>
- </el-card>
- </div>
- </div>
- </body>
- <!-- 本页面对应JS-->
- <script src="/common-assets/js/project.config.js"></script>
- <script src="/common-assets/js/common.js"></script>
- <script src="../static/js/msSystemInfoList.js"></script>
- </html>
|