sysOauthClientDetailsList.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  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="sysOauthClientDetailsListContent" v-cloak>
  27. <el-card class="box-card search-content" shadow="hover">
  28. <el-form label-position="right" size="small" label-width="100px" id="sysOauthClientDetailsSearchForm"
  29. :model="searchParams">
  30. <el-row :gutter="15">
  31. <el-col :span="6">
  32. <el-form-item label="客户端ID">
  33. <el-input placeholder="请输入客户端ID" v-model="searchParams.clientId">
  34. </el-input>
  35. </el-form-item>
  36. </el-col>
  37. <el-col :span="6">
  38. <el-form-item label="作用域">
  39. <el-input placeholder="请输入作用域" v-model="searchParams.scope">
  40. </el-input>
  41. </el-form-item>
  42. </el-col>
  43. <!--<el-col :span="8">
  44. <el-form-item label="是否自动放行">
  45. <el-select multiple v-model="searchParams.autoapprove" placeholder="请选择是否自动放行">
  46. <el-option v-for="param in getDictByField('autoapprove')" :key="param.id"
  47. :label="param.paramName" :value="param.paramCode">
  48. </el-option>
  49. </el-select>
  50. </el-form-item>
  51. </el-col>-->
  52. <el-col :offset="6" :span="6">
  53. <el-form-item>
  54. <el-button-group>
  55. <el-button type="primary" size="small" @click="refreshTable"
  56. icon="el-icon-search">查询
  57. </el-button>
  58. <el-button size="small" @click="resetSearchParam"
  59. icon="el-icon-refresh">重置
  60. </el-button>
  61. </el-button-group>
  62. </el-form-item>
  63. </el-col>
  64. </el-row>
  65. </el-form>
  66. </el-card>
  67. <el-card class="box-card" shadow="hover">
  68. <el-button-group>
  69. <el-button @click="addNewSysOauthClientDetails" size="mini" icon="el-icon-plus">新增
  70. </el-button>
  71. <el-button @click="deleteSelectedSysOauthClientDetails" type="danger" size="mini"
  72. icon="el-icon-delete">删除
  73. </el-button>
  74. <el-button @click="editSelectedSysOauthClientDetails" size="mini" icon="el-icon-edit">修改
  75. </el-button>
  76. </el-button-group>
  77. <el-table size="medium" stripe border tooltip-effect="dark"
  78. style="width: 100%;margin-top: 15px;margin-bottom: 15px;" ref="sysOauthClientDetailsTable"
  79. :data="sysOauthClientDetailsTablePage.list" @row-click="handleRowClick"
  80. @sort-change="handleSortChange">
  81. <el-table-column type="selection" width="55"></el-table-column>
  82. <el-table-column width="165" prop="clientId" label="客户端ID" sortable="custom" show-overflow-tooltip>
  83. <template slot-scope="scope">
  84. <a @click="viewSelectedMsSystemInfo(scope)">{{scope.row.clientId}}</a>
  85. </template>
  86. </el-table-column>
  87. <el-table-column width="105" prop="clientSecret" label="密钥" show-overflow-tooltip>
  88. </el-table-column>
  89. <el-table-column width="80" prop="scope" label="作用域" show-overflow-tooltip>
  90. </el-table-column>
  91. <el-table-column prop="authorizedGrantTypes" label="授权方式" show-overflow-tooltip>
  92. <template slot-scope="scope">{{eleTableColumnFormatter(scope,
  93. getDictByField(scope.column.property))}}
  94. </template>
  95. </el-table-column>
  96. <el-table-column prop="webServerRedirectUri" label="重定向URI" show-overflow-tooltip>
  97. </el-table-column>
  98. <el-table-column width="100" prop="autoapprove" label="自动放行" show-overflow-tooltip>
  99. <template slot-scope="scope">{{eleTableColumnFormatter(scope,
  100. getDictByField(scope.column.property))}}
  101. </template>
  102. </el-table-column>
  103. </el-table>
  104. <el-pagination layout="total, sizes, ->, prev, pager, next, jumper"
  105. :total="sysOauthClientDetailsTablePage.count" @size-change="handleTableSizeChange"
  106. @current-change="handleTableCurrentChange" :page-sizes="[5, 10, 15, 20]"
  107. :page-size="searchParams.limit" background></el-pagination>
  108. </el-card>
  109. </div>
  110. </div>
  111. </body>
  112. <script src="/common-assets/js/project.config.js"></script>
  113. <script src="/common-assets/js/common.js"></script>
  114. <!-- 本页面对应JS-->
  115. <script src="../static/js/sysOauthClientDetailsList.js"></script>
  116. </html>