msSystemConfigCenter.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  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. <!-- 引入样式 -->
  11. <link rel="stylesheet" href="/common-assets/css/chunk/element-common.css">
  12. <link rel="stylesheet" href="/common-assets/css/dwElementUI.css"/>
  13. <script src="/common-assets/js/jquery-2.1.1.js"></script>
  14. <script src="/common-assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  15. <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
  16. <script src="/common-assets/plugins/dotize/dotize.js"></script>
  17. <script src="/common-assets/js/promise-polyfill.min.js"></script>
  18. <!-- 开发阶段使用vue.js以获取编译信息 -->
  19. <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
  20. <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
  21. <!-- 引入组件库 -->
  22. <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
  23. </head>
  24. <body class="pace-done gray-bg">
  25. <div class="container-fluid">
  26. <div class="wrapper-cont" id="msSecurityStrategyConfigListContent" v-cloak>
  27. <el-card class="box-card search-content" shadow="hover">
  28. <el-form label-position="right" size="small" label-width="100px" id="msSecurityStrategyConfigSearchForm"
  29. :model="searchParams">
  30. <el-row :gutter="15">
  31. <el-col :span="8">
  32. <el-form-item label="服务名称">
  33. <el-select v-model="searchParams.application" placeholder="请选择服务名称"
  34. @change="changeApplicationSelect()">
  35. <el-option
  36. v-for="item in applicationSelect"
  37. :key="item.serviceCode"
  38. :label="item.serviceName"
  39. :value="item.serviceCode">
  40. </el-option>
  41. </el-select>
  42. </el-form-item>
  43. </el-col>
  44. <el-col :span="8">
  45. <el-form-item label="环境">
  46. <el-select v-model="searchParams.profile" placeholder="请选择环境"
  47. @change="changeProfileSelect()">
  48. <el-option
  49. v-for="item in profileSelect"
  50. :value="item">
  51. </el-option>
  52. </el-select>
  53. </el-form-item>
  54. </el-col>
  55. <el-col :span="8">
  56. <el-form-item label="分支">
  57. <el-select v-model="searchParams.label" placeholder="请选择分支">
  58. <el-option
  59. v-for="item in labelSelect"
  60. :value="item">
  61. </el-option>
  62. </el-select>
  63. </el-form-item>
  64. </el-col>
  65. </el-row>
  66. <el-row :gutter="15">
  67. <el-col :span="2">
  68. <el-form-item v-if="sysFocused" class="search-content-button-container">
  69. <el-button-group>
  70. <el-button type="primary" size="small" @click="backToLastHtml()"
  71. icon="el-icon-back">返回
  72. </el-button>
  73. </el-button-group>
  74. </el-form-item>
  75. </el-col>
  76. <el-col :span="8" :offset="14">
  77. <el-form-item class="search-content-button-container">
  78. <el-button-group>
  79. <el-button type="primary" size="small" @click="refreshTable"
  80. icon="el-icon-search">查询
  81. </el-button>
  82. <el-button size="small" @click="resetSearchParam"
  83. icon="el-icon-refresh">重置
  84. </el-button>
  85. </el-button-group>
  86. </el-form-item>
  87. </el-col>
  88. </el-row>
  89. </el-form>
  90. </el-card>
  91. <el-card class="box-card" shadow="hover">
  92. <el-button-group v-if="editType !== 'view'">
  93. <el-button @click="addNewSysParam" size="mini" icon="el-icon-plus">新增
  94. </el-button>
  95. <el-button @click="deleteSelectedSysParam" type="danger" size="mini"
  96. icon="el-icon-delete">删除
  97. </el-button>
  98. <el-button @click="editSelectedSysParam" size="mini" icon="el-icon-edit">编辑
  99. </el-button>
  100. </el-button-group>
  101. <el-table size="medium" stripe border tooltip-effect="dark" v-loading="msSecurityStrategyConfigTableLoading"
  102. style="width: 100%;margin-top: 15px;margin-bottom: 15px;" ref="msSecurityStrategyConfigTable"
  103. :data="msSecurityStrategyConfigTablePage.list" @row-click="handleRowClick"
  104. @sort-change="handleSortChange">
  105. <el-table-column type="selection" width="55"></el-table-column>
  106. <el-table-column prop="sysParamCode" label="配置项" sortable=true show-overflow-tooltip>
  107. </el-table-column>
  108. <el-table-column prop="sysParamValue" label="参数值" sortable=true show-overflow-tooltip>
  109. </el-table-column>
  110. <el-table-column prop="application" label="服务名称" sortable=true show-overflow-tooltip>
  111. </el-table-column>
  112. <el-table-column prop="profile" label="环境" sortable=true show-overflow-tooltip>
  113. </el-table-column>
  114. <el-table-column prop="label" label="分支" sortable=true show-overflow-tooltip>
  115. </el-table-column>
  116. </el-table>
  117. <el-pagination layout="total, sizes, ->, prev, pager, next, jumper"
  118. :total="msSecurityStrategyConfigTablePage.count" @size-change="handleTableSizeChange"
  119. @current-change="handleTableCurrentChange" :page-sizes="[5, 10, 15, 20]"
  120. :page-size="searchParams.limit" background></el-pagination>
  121. </el-card>
  122. </div>
  123. </div>
  124. </body>
  125. <!-- 本页面对应JS-->
  126. <script src="/common-assets/js/project.config.js"></script>
  127. <script src="/common-assets/js/common.js"></script>
  128. <script src="../static/js/msSystemConfigCenter.js"></script>
  129. </html>