msSystemInfoForm.html 7.4 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/js/promise-polyfill.min.js"></script>
  17. <script src="/common-assets/plugins/vue/2.5.17/vue.js"></script>
  18. <script src="/common-assets/plugins/axios/0.18.0/axios.js"></script>
  19. <script src="/common-assets/plugins/dotize/dotize.js"></script>
  20. <!-- 引入组件库 -->
  21. <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
  22. </head>
  23. <body class="pace-done white-bg">
  24. <div class="container-fluid">
  25. <el-form label-position="right" size="small" label-width="100px" class="with-border"
  26. ref="msSystemInfoForm" id="msSystemInfoForm" :model="entity" :rules="rules" v-cloak>
  27. <el-collapse :value="['basicInfo', 'authInfo']">
  28. <el-collapse-item title="基础信息" name="basicInfo">
  29. <el-row type="flex" justify="center">
  30. <el-col :span="12">
  31. <el-form-item prop="sysCode" label="系统简称">
  32. <el-input placeholder="请输入系统简称" v-model="entity.sysCode"
  33. :disabled="editType !== 'add'" @blur="setDefaultRootPath"></el-input>
  34. </el-form-item>
  35. </el-col>
  36. <el-col :span="12">
  37. <el-form-item prop="sysName" label="名称">
  38. <el-input placeholder="请输入名称" v-model="entity.sysName"
  39. :disabled="editType === 'view'"></el-input>
  40. </el-form-item>
  41. </el-col>
  42. </el-row>
  43. <el-row type="flex" justify="center">
  44. <el-col :span="24">
  45. <el-form-item prop="sysDesc" label="描述">
  46. <el-input type="textarea" v-model="entity.sysDesc" :rows="2"
  47. placeholder="请输入描述" :disabled="editType === 'view'"></el-input>
  48. </el-form-item>
  49. </el-col>
  50. </el-row>
  51. <el-row type="flex" justify="center">
  52. <el-col :span="12">
  53. <el-form-item prop="sysDomain" label="命名空间">
  54. <el-select v-model="entity.sysDomain" clearable :disabled="editType === 'view'"
  55. placeholder="请选择命名空间">
  56. <el-option v-for="param in getDictByField('sysDomain')" :key="param.id"
  57. :label="param.paramName" :value="param.paramCode">
  58. </el-option>
  59. </el-select>
  60. </el-form-item>
  61. </el-col>
  62. <el-col :span="12">
  63. <el-form-item prop="sysDomain" label="命名空间编码">
  64. <el-input v-model="entity.sysDomain" :disabled="true"></el-input>
  65. </el-form-item>
  66. </el-col>
  67. </el-row>
  68. <el-row type="flex" justify="center">
  69. <!-- <el-col :span="12">-->
  70. <!-- <el-form-item prop="maxAppInstanceNum" label="最大服务实例数">-->
  71. <!-- <el-input placeholder="请输入最大服务实例数" v-model="entity.maxAppInstanceNum"-->
  72. <!-- :disabled="editType === 'view'"></el-input>-->
  73. <!-- </el-form-item>-->
  74. <!-- </el-col>-->
  75. <el-col :span="12">
  76. <el-form-item prop="rootPath" label="根路径">
  77. <el-input placeholder="请输入根路径" v-model="entity.rootPath"
  78. :disabled="editType === 'view'"></el-input>
  79. </el-form-item>
  80. </el-col>
  81. <el-col :span="12">
  82. <el-form-item prop="valid" label="启用/停用">
  83. <el-select v-model="entity.valid" clearable :disabled="editType === 'view'"
  84. placeholder="请选择是否启用">
  85. <el-option label="启用" value="1"></el-option>
  86. <el-option label="停用" value="0"></el-option>
  87. </el-select>
  88. </el-form-item>
  89. </el-col>
  90. </el-row>
  91. </el-collapse-item>
  92. <el-collapse-item title="授权信息" name="authInfo">
  93. <el-row type="flex" justify="center">
  94. <el-col :span="12">
  95. <el-form-item prop="authType" label="授权码类型">
  96. <el-select v-model="entity.authType" :disabled="editType === 'view'"
  97. placeholder="请选择授权码类型" @change="handleAuthTypeChange"
  98. @visible-change="handleAuthTypeDropVisible">
  99. <el-option v-for="param in getDictByField('authType')" :key="param.id"
  100. :label="param.paramName" :value="param.paramCode">
  101. </el-option>
  102. </el-select>
  103. </el-form-item>
  104. </el-col>
  105. <el-col :span="12"></el-col>
  106. </el-row>
  107. <el-row type="flex" justify="center">
  108. <el-col :span="24">
  109. <el-form-item prop="authCode" label="授权码">
  110. <el-tooltip class="item" :disabled="editType !== 'edit'" effect="dark" content="点击按钮更新授权码"
  111. placement="top-end" :visible-arrow="false">
  112. <el-input placeholder="点击右侧按钮更新授权码" v-model="entity.authCode" disabled>
  113. <el-button :slot="editType === 'view' ? '' : 'append'" icon="el-icon-refresh"
  114. type="primary" @click="generateNewCode"></el-button>
  115. </el-input>
  116. </el-tooltip>
  117. </el-form-item>
  118. </el-col>
  119. </el-row>
  120. </el-collapse-item>
  121. </el-collapse>
  122. </el-form>
  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/msSystemInfoForm.js"></script>
  129. </html>