msSystemInfoList.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>微服务系统信息管理</title>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  6. <meta charset="utf-8"/>
  7. <meta name="viewport"
  8. content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  9. <link rel="stylesheet" href="/common-assets/css/normalize.css"/>
  10. <link rel="stylesheet" href="/common-assets/css/chunk/element-common.css">
  11. <link rel="stylesheet" href="/common-assets/css/dwElementUI.css"/>
  12. <script src="/common-assets/js/jquery-2.1.1.js"></script>
  13. <script src="/common-assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  14. <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
  15. <script src="/common-assets/plugins/dotize/dotize.js"></script>
  16. <script src="/common-assets/js/promise-polyfill.min.js"></script>
  17. <!-- 开发阶段使用vue.js以获取编译信息 -->
  18. <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
  19. <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
  20. <!-- 引入组件库 -->
  21. <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
  22. </head>
  23. <body class="pace-done gray-bg">
  24. <div class="container-fluid">
  25. <div class="wrapper-cont" id="msSystemInfoListContent" v-cloak v-loading="pageLoading">
  26. <el-card class="box-card search-content" shadow="hover">
  27. <el-form label-position="right" size="small" label-width="100px" id="msSystemInfoSearchForm"
  28. :model="searchParams">
  29. <el-row :gutter="15">
  30. <el-col :span="6">
  31. <el-form-item label="系统简称">
  32. <el-input placeholder="请输入完整系统简称" v-model="searchParams.sysCode">
  33. </el-input>
  34. </el-form-item>
  35. </el-col>
  36. <el-col :span="6">
  37. <el-form-item label="名称">
  38. <el-input placeholder="请输入完整系统名称" v-model="searchParams.sysName">
  39. </el-input>
  40. </el-form-item>
  41. </el-col>
  42. <el-col :span="6">
  43. <el-form-item label="命名空间">
  44. <el-select v-model="searchParams.sysDomain" placeholder="请选择命名空间">
  45. <el-option v-for="param in getDictByField('sysDomain')"
  46. :key="param.id" :label="param.paramName"
  47. :value="param.paramCode">
  48. </el-option>
  49. </el-select>
  50. </el-form-item>
  51. </el-col>
  52. <el-col :span="6">
  53. <el-form-item label="是否启用">
  54. <el-select v-model="searchParams.valid" placeholder="请选择是否启用">
  55. <el-option label="启用" value="1"></el-option>
  56. <el-option label="停用" value="0"></el-option>
  57. </el-select>
  58. </el-form-item>
  59. </el-col>
  60. <el-col :offset="16" :span="8">
  61. <el-form-item class="search-content-button-container">
  62. <el-button-group>
  63. <el-button type="primary" size="small" @click="refreshTable"
  64. icon="el-icon-search">查询
  65. </el-button>
  66. <el-button size="small" @click="resetSearchParam"
  67. icon="el-icon-refresh">重置
  68. </el-button>
  69. </el-button-group>
  70. </el-form-item>
  71. </el-col>
  72. </el-row>
  73. </el-form>
  74. </el-card>
  75. <el-card class="box-card" shadow="hover">
  76. <el-button-group v-if="editType !== 'view'">
  77. <el-button @click="addNewMsSystemInfo" size="mini" icon="el-icon-plus">新增
  78. </el-button>
  79. <el-button @click="deleteSelectedMsSystemInfo" type="danger" size="mini"
  80. icon="el-icon-delete">删除
  81. </el-button>
  82. <el-button @click="editMsSystemInfoRecord" size="mini" icon="el-icon-edit">修改
  83. </el-button>
  84. <!-- todo 配置微服务参数不是微服务管理平台的功能,应该是微服务开发平台的功能 -->
  85. <el-button v-show="false" @click="configSystemInfo" size="mini" icon="el-icon-setting">系统配置
  86. </el-button>
  87. </el-button-group>
  88. <el-table size="medium" stripe border tooltip-effect="dark" v-loading="systemInfoLoading"
  89. style="width: 100%;margin-top: 15px;margin-bottom: 15px;"
  90. ref="msSystemInfoTable" :data="msSystemInfoTablePage.list" @row-click="handleRowClick"
  91. @sort-change="handleSortChange" @selection-change="handleSelectionChange">
  92. <el-table-column type="selection" width="55"></el-table-column>
  93. <el-table-column prop="sysCode" fixed label="系统简称" sortable="custom" width="150px">
  94. <template slot-scope="scope">
  95. <el-tooltip content="点击查看系统详情">
  96. <a @click="viewSelectedMsSystemInfo(scope)">{{scope.row.sysCode}}</a>
  97. </el-tooltip>
  98. </template>
  99. </el-table-column>
  100. <el-table-column prop="sysName" fixed label="名称" show-overflow-tooltip width="200px">
  101. </el-table-column>
  102. <el-table-column prop="sysDomain" label="命名空间" width="150px">
  103. <template slot-scope="scope">{{eleTableColumnFormatter(scope,
  104. getDictByField(scope.column.property))}}
  105. </template>
  106. </el-table-column>
  107. <el-table-column prop="sysDomain" label="命名空间编码" width="150px">
  108. </el-table-column>
  109. <el-table-column prop="rootPath" label="根路径" show-overflow-tooltip>
  110. </el-table-column>
  111. <el-table-column prop="valid" label="启用/停用" width="100px">
  112. <template slot-scope="scope">{{scope.row.valid === '1' ? '启用' : '停用'}}
  113. </template>
  114. </el-table-column>
  115. <!-- <el-table-column prop="maxAppInstanceNum" label="最大服务实例数" width="150px">-->
  116. <!-- </el-table-column>-->
  117. <el-table-column prop="modifyTime" label="最后修改时间" sortable="custom" show-overflow-tooltip
  118. width="170px">
  119. </el-table-column>
  120. </el-table>
  121. <el-pagination layout="total, sizes, ->, prev, pager, next, jumper"
  122. :total="msSystemInfoTablePage.count" @size-change="handleTableSizeChange"
  123. @current-change="handleTableCurrentChange" :page-sizes="[5, 10, 15, 20]"
  124. :page-size="searchParams.limit" background></el-pagination>
  125. <!-- 子表列表 -->
  126. <el-tabs value="msSystemAdminTab" type="border-card" style="margin-top: 15px;" v-if="editType !== 'view'">
  127. <el-tab-pane label="租户信息" name="msSystemAdminTab">
  128. <el-button-group>
  129. <el-button size="mini" icon="el-icon-plus"
  130. @click="addNewMsSystemAdmin">新增
  131. </el-button>
  132. <el-button type="danger" size="mini" icon="el-icon-delete"
  133. @click="deleteSelectedMsSystemAdmin">删除
  134. </el-button>
  135. </el-button-group>
  136. <el-table size="medium" stripe border tooltip-effect="dark"
  137. style="width: 100%;margin-top: 15px;margin-bottom: 15px;"
  138. ref="msSystemAdminTable" :data="msSystemAdminTablePage.list"
  139. @row-click="handleMsSystemAdminRowClick">
  140. <el-table-column type="selection" width="55"></el-table-column>
  141. <el-table-column prop="admin.userAccount" label="账号" show-overflow-tooltip>
  142. <template slot-scope="scope">
  143. <el-tooltip content="点击查看账户详情">
  144. <a @click="viewSelectedMsSystemAdmin(scope)">{{scope.row.admin.userAccount}}</a>
  145. </el-tooltip>
  146. </template>
  147. </el-table-column>
  148. <el-table-column prop="admin.userName" label="姓名" show-overflow-tooltip>
  149. </el-table-column>
  150. <el-table-column prop="admin.email" label="邮箱" show-overflow-tooltip>
  151. </el-table-column>
  152. <el-table-column prop="admin.mobile" label="电话" show-overflow-tooltip>
  153. </el-table-column>
  154. <el-table-column prop="admin.empNo" label="员工编号" show-overflow-tooltip>
  155. </el-table-column>
  156. <el-table-column prop="admin.userStatus" label="账户状态" show-overflow-tooltip>
  157. <template slot-scope="scope">{{eleTableColumnFormatter(scope,
  158. getDictByField(scope.column.property))}}
  159. </template>
  160. </el-table-column>
  161. </el-table>
  162. <el-pagination layout="total, sizes, ->, prev, pager, next, jumper"
  163. :total="msSystemAdminTablePage.count"
  164. @size-change="handleMsSystemAdminTableSizeChange"
  165. @current-change="handleMsSystemAdminTableCurrentChange"
  166. :page-sizes="[5, 10, 15, 20]" :page-size="searchParams.limit"
  167. background></el-pagination>
  168. </el-tab-pane>
  169. </el-tabs>
  170. </el-card>
  171. </div>
  172. </div>
  173. </body>
  174. <!-- 本页面对应JS-->
  175. <script src="/common-assets/js/project.config.js"></script>
  176. <script src="/common-assets/js/common.js"></script>
  177. <script src="../static/js/msSystemInfoList.js"></script>
  178. </html>