| | |
| | | |
| | | .toolbar-ops { |
| | | justify-content: flex-end; |
| | | align-items: center; |
| | | } |
| | | |
| | | .list-toolbar .el-input__inner, |
| | |
| | | max-height: 280px; |
| | | overflow: auto; |
| | | padding-right: 4px; |
| | | } |
| | | |
| | | .grant-status-text { |
| | | display: inline-flex; |
| | | align-items: center; |
| | | min-height: 32px; |
| | | padding: 0 6px; |
| | | color: #5c6b7a; |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .dialog-panel .el-dialog { |
| | |
| | | </el-popover> |
| | | <el-button size="small" plain icon="el-icon-download" :loading="exporting" @click="exportRows">导出</el-button> |
| | | <el-button size="small" plain type="warning" icon="el-icon-refresh-right" @click="refreshCache">刷新缓存</el-button> |
| | | <el-button size="small" plain type="success" icon="el-icon-key" @click="openGrantDialog">最高权限授权</el-button> |
| | | <el-tag size="small" :type="grantStatus.granted ? 'success' : 'info'"> |
| | | {{ grantStatus.granted ? '已授权' : '未授权' }} |
| | | </el-tag> |
| | | <span class="grant-status-text">{{ grantStatusText }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <el-button v-if="!isDialogReadonly" type="primary" :loading="dialog.submitting" @click="submitDialog">保存</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | <el-dialog |
| | | class="dialog-panel" |
| | | title="最高权限授权" |
| | | :visible.sync="grantDialog.visible" |
| | | width="460px" |
| | | :close-on-click-modal="false" |
| | | @closed="resetGrantDialog"> |
| | | <el-alert |
| | | title="仅角色编码为admin的启用管理员账号可授权,授权有效期30分钟。" |
| | | type="warning" |
| | | :closable="false" |
| | | show-icon |
| | | style="margin-bottom: 16px;"> |
| | | </el-alert> |
| | | <el-form |
| | | ref="grantForm" |
| | | :model="grantDialog.form" |
| | | :rules="grantDialog.rules" |
| | | label-width="90px" |
| | | size="small"> |
| | | <el-form-item label="账号" prop="account"> |
| | | <el-input |
| | | v-model.trim="grantDialog.form.account" |
| | | placeholder="请输入管理员账号"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="密码" prop="password"> |
| | | <el-input |
| | | v-model="grantDialog.form.password" |
| | | type="password" |
| | | show-password |
| | | placeholder="请输入密码" |
| | | @keyup.enter.native="submitGrant"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="grantDialog.visible = false">取消</el-button> |
| | | <el-button type="primary" :loading="grantDialog.submitting" @click="submitGrant">确认授权</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | |
| | | <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> |
| | | <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> |
| | | <script type="text/javascript" src="../../static/js/tools/md5.js"></script> |
| | | <script type="text/javascript" src="../../static/vue/js/vue.min.js"></script> |
| | | <script type="text/javascript" src="../../static/vue/element/element.js"></script> |
| | | <script type="text/javascript" src="../../static/js/config/config.js" charset="utf-8"></script> |