| | |
| | | //const BASE_URL = 'http://192.168.20.55:12316'; |
| | | //var socketUrl = 'ws://192.168.20.55:12316/ws/select'; |
| | | const BASE_URL = 'http://192.168.20.39:12316'; |
| | | // const BASE_URL = 'http://192.168.20.106:12316'; |
| | | //webSocket 服务地址 |
| | | var socketUrl = 'ws://192.168.20.39:12316/ws/select'; |
| | | |
| | |
| | | } |
| | | //令牌管理删除 |
| | | export function deleteTokens(params) { |
| | | return request.get(' /token/deleteTokens', { params: params }); |
| | | return request.get('/token/deleteTokens', { params: params }); |
| | | } |
| | | //令牌管理修改 |
| | | export function updateToken(params) { |
| | |
| | | changepassWord: 'Batch password modification', |
| | | reset: 'Reset', |
| | | submit: 'Submit', |
| | | logout: 'logout', |
| | | NPassword: 'New Password', |
| | | SPassword: 'Confirm Password', |
| | | |
| | | AdminPassword: 'Administrator Password', |
| | | }, |
| | | dataManage: { |
| | | dataManage: 'Data Manage', |
| | |
| | | delete: 'delete', |
| | | serialNumber: 'serial Number', |
| | | name: 'name', |
| | | menuTable: 'Menu Table', |
| | | PermissionTable: 'Permission table', |
| | | server: 'Service Address', |
| | | ResTable: 'Resource table', |
| | |
| | | invalid: 'Invalid', |
| | | index: 'Index', |
| | | token: 'Token', |
| | | duration: 'Usage time', |
| | | duration: 'Usage time (min)', |
| | | expire: 'Expiration time', |
| | | type: 'Type', |
| | | ip: 'IP address', |
| | |
| | | changepassWord: '批量修改密码', |
| | | reset: '重置', |
| | | submit: '提交', |
| | | logout: '注销', |
| | | |
| | | NPassword: '新密码', |
| | | SPassword: '确认密码', |
| | | AdminPassword: '管理员密码', |
| | | }, |
| | | dataManage: { |
| | | dataManage: '数据管理', |
| | |
| | | serialNumber: '编号', |
| | | name: '名称', |
| | | PermissionTable: '权限表', |
| | | menuTable: '菜单表', |
| | | server: '服务地址', |
| | | ResTable: '资源表', |
| | | }, |
| | |
| | | invalid: '失效', |
| | | index: '序号', |
| | | token: '令牌', |
| | | duration: '使用时间', |
| | | duration: '使用时间(分钟)', |
| | | expire: '失效时间', |
| | | type: '类型', |
| | | ip: 'IP地址', |
| | |
| | | <div class="rightUser"> |
| | | <div @click="logOut" class="topdiv topUser"> |
| | | <div class="userImage user1"></div> |
| | | <div class="userText"><span>admin</span>注销</div> |
| | | <div class="userText"> |
| | | <span>{{ this.$store.state.uname }}</span> |
| | | <el-link class="elLink">{{ $t('common.logout') }}</el-link> |
| | | </div> |
| | | </div> |
| | | <div @click="switchLang" class="topdiv botLingo"> |
| | | <div class="userImage user2"></div> |
| | |
| | | } |
| | | .userText { |
| | | font-size: 15px; |
| | | width: 150px; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 400; |
| | | color: #ffffff; |
| | |
| | | -webkit-text-fill-color: transparent; |
| | | } |
| | | } |
| | | .elLink { |
| | | margin-left: 5px; |
| | | font-size: 15px; |
| | | margin-bottom: 4px; |
| | | } |
| | | /deep/.el-link.el-link--default:hover { |
| | | color: #409eff !important; |
| | | } |
| | | /deep/ .el-link.el-link--default { |
| | | color: white !important; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | |
| | | //主题切换 |
| | | theme: variables.theme, |
| | | //登录用户名 |
| | | uname: null, |
| | | }, |
| | | mutations: { |
| | | //获取权限合集 |
| | |
| | | } |
| | | } |
| | | }, |
| | | SET_UNAME(state, name) { |
| | | state.uname = name; |
| | | }, |
| | | SET_TOKEN(state, token) { |
| | | state.token = token; |
| | | }, |
| | | |
| | | SET_KEY(state, key) { |
| | | state.key = key; |
| | | }, |
| | |
| | | duration: 5 * 1000, |
| | | }); |
| | | } |
| | | |
| | | commit('SET_UNAME', data.result.uname); |
| | | commit('SET_TOKEN', data.result.token); |
| | | setToken(data.result.token); |
| | | resolve(data); |
| | |
| | | <el-tree |
| | | :data="depList" |
| | | :props="defaultProps" |
| | | :show-checkbox="true" |
| | | :show-checkbox="false" |
| | | :check-on-click-node="true" |
| | | :check-strictly="true" |
| | | node-key="id" |
| | |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="80%" |
| | | height="84%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | |
| | | align="center" |
| | | type="index" |
| | | :label="$t('dataManage.styleObj.index')" |
| | | width="55" |
| | | /> |
| | | <el-table-column |
| | | prop="authName" |
| | |
| | | <el-button @click="dialogTableVisible = false">{{ |
| | | $t('dataManage.dictionaryManageObj.cancel') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="addConfirm">{{ |
| | | $t('dataManage.dictionaryManageObj.confirm') |
| | | }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="addConfirm" |
| | | >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | background-color: #216fe6; |
| | | } |
| | | } |
| | | .divider { |
| | | margin-top: 8px; |
| | | } |
| | | } |
| | | </style> |
| | | <style> |
| | |
| | | " |
| | | > |
| | | <span> |
| | | {{ |
| | | $t('operatManage.UserRoleAuthorizationObj.PermissionTable') |
| | | }}</span |
| | | {{ $t('operatManage.UserRoleAuthorizationObj.menuTable') }}</span |
| | | > |
| | | </div> |
| | | <el-divider /> |
| | |
| | | <el-tree |
| | | :data="menuList" |
| | | :props="defaultMenuProps" |
| | | :show-checkbox="true" |
| | | :show-checkbox="false" |
| | | :check-on-click-node="true" |
| | | :check-strictly="true" |
| | | node-key="id" |
| | |
| | | :data="menuTableData" |
| | | stripe |
| | | style="width: 100%" |
| | | height="80%" |
| | | height="84%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | |
| | | <el-button @click="dialogTableVisible = false">{{ |
| | | $t('dataManage.dictionaryManageObj.cancel') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="addConfirm">{{ |
| | | $t('dataManage.dictionaryManageObj.confirm') |
| | | }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="addConfirm" |
| | | >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | }, |
| | | menuTreeCheck(node, list) { |
| | | if (list.checkedNodes.length > 0) { |
| | | if (this.roleid == null) return; |
| | | this.rolMenuListData.menuid = node.id; |
| | | this.menuid = node.id; |
| | | this.rolMenuListData.roleid = this.roleid; |
| | |
| | | this.addcount = data.count; |
| | | }, |
| | | singleElection(row) { |
| | | this.getMenuTree(); |
| | | this.menuTableData = []; |
| | | this.roleMenuCount = 0; |
| | | this.templateSelection = row.id; |
| | | this.roleid = row.id; |
| | | |
| | | this.roleDepCheckList = this.tableData.filter( |
| | | (item) => item.id === row.id |
| | | ); |
| | |
| | | /deep/.el-dialog__title { |
| | | color: white; |
| | | } |
| | | .divider { |
| | | margin-top: 8px; |
| | | } |
| | | } |
| | | </style> |
| | | <style> |
| | |
| | | <el-tree |
| | | :data="depList" |
| | | :props="defaultProps" |
| | | :show-checkbox="true" |
| | | :show-checkbox="false" |
| | | :check-on-click-node="true" |
| | | :check-strictly="true" |
| | | node-key="id" |
| | |
| | | > |
| | | </div> |
| | | </div> |
| | | <el-divider /> |
| | | <el-divider class="divider" /> |
| | | |
| | | <el-table |
| | | :data="usertableData" |
| | | stripe |
| | | style="width: 100%" |
| | | height="82%" |
| | | height="84%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | |
| | | <el-button @click="dialogTableVisible = false">{{ |
| | | $t('dataManage.dictionaryManageObj.cancel') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="addConfirm">{{ |
| | | $t('dataManage.dictionaryManageObj.confirm') |
| | | }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="addConfirm" |
| | | >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | } |
| | | } |
| | | } |
| | | .divider { |
| | | margin-top: 8px; |
| | | } |
| | | } |
| | | /deep/ .el-table { |
| | | background-color: transparent; |
| | |
| | | <el-tree |
| | | :data="depList" |
| | | :props="defaultProps" |
| | | :show-checkbox="true" |
| | | :show-checkbox="false" |
| | | :check-on-click-node="true" |
| | | :check-strictly="true" |
| | | node-key="id" |
| | |
| | | <el-button @click="dialogTableVisible = false">{{ |
| | | $t('dataManage.dictionaryManageObj.cancel') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="addConfirm">{{ |
| | | $t('dataManage.dictionaryManageObj.confirm') |
| | | }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="addConfirm" |
| | | >{{ $t('dataManage.dictionaryManageObj.confirm') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button |
| | | <el-button style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | ><i class="el-icon-search"></i> {{ |
| | | $t('operatManage.BWL.search') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | <el-button type="info" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('operatManage.BWL.reset') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button v-if="menuStatus.insert" @click="showInsertdialog(1)">{{ |
| | | <el-button icon="el-icon-edit" v-if="menuStatus.insert" type="success" @click="showInsertdialog(1)">{{ |
| | | $t('common.append') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button v-if="menuStatus.delete" @click="delBWList">{{ |
| | | <el-button icon="el-icon-delete" v-if="menuStatus.delete" type="danger" @click="delBWList">{{ |
| | | $t('common.delete') |
| | | }}</el-button> |
| | | </el-form-item> |
| | |
| | | <div class="table_box"> |
| | | <el-table |
| | | :data="BTableData" |
| | | stripe |
| | | |
| | | @selection-change="blackSelectionChange" |
| | | style="width: 100%" |
| | | height="85%" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit" |
| | | <el-button style="background: #409eff; border: 1px solid #409eff; color: white" @click="onSubmit" |
| | | ><i class="el-icon-search"></i> {{ |
| | | $t('operatManage.BWL.search') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit" |
| | | <el-button @click="onSubmit" type="info" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('operatManage.BWL.reset') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button v-if="menuStatus.insert" @click="showInsertdialog(2)">{{ |
| | | <el-button type="success" icon="el-icon-edit" v-if="menuStatus.insert" @click="showInsertdialog(2)">{{ |
| | | $t('common.append') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button v-if="menuStatus.delete" @click="delBWList">{{ |
| | | <el-button type="danger" icon="el-icon-delete" v-if="menuStatus.delete" @click="delBWList">{{ |
| | | $t('common.delete') |
| | | }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="table_box1"> |
| | | <el-table :data="WTableData" stripe @selection-change="blackSelectionChange" style="width: 100%" height="85%"> |
| | | <el-table :data="WTableData" @selection-change="blackSelectionChange" style="width: 100%" height="85%"> |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column |
| | | align="center" |
| | |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit" icon="el-icon-search">{{ |
| | | $t('operatManage.operationLogObj.inquire') |
| | | }}</el-button> |
| | | <el-button @click="onEmpty('formData2')" icon="el-icon-delete">{{ |
| | | $t('operatManage.operationLogObj.empty') |
| | | }}</el-button> |
| | | <el-button |
| | | @click="onSubmit" |
| | | icon="el-icon-search" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | >{{ $t('operatManage.operationLogObj.inquire') }}</el-button |
| | | > |
| | | <el-button |
| | | @click="onEmpty('formData2')" |
| | | icon="el-icon-delete" |
| | | type="info" |
| | | >{{ $t('operatManage.operationLogObj.empty') }}</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit" icon="el-icon-search">{{ |
| | | $t('operatManage.operationLogObj.inquire') |
| | | }}</el-button> |
| | | <el-button @click="onEmpty('formData1')" icon="el-icon-delete">{{ |
| | | $t('operatManage.operationLogObj.empty') |
| | | }}</el-button> |
| | | <el-button |
| | | @click="onSubmit" |
| | | icon="el-icon-search" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | >{{ $t('operatManage.operationLogObj.inquire') }}</el-button |
| | | > |
| | | <el-button |
| | | @click="onEmpty('formData1')" |
| | | icon="el-icon-delete" |
| | | type="info" |
| | | >{{ $t('operatManage.operationLogObj.empty') }}</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | </el-form-item> |
| | | <div class="btnBox" v-if="menuStatus.update"> |
| | | <el-button |
| | | class="el-button-sure" |
| | | type="primary" |
| | | style=" |
| | | background: #409eff; |
| | | color: white; |
| | | border: 1px solid #409eff; |
| | | " |
| | | @click="updMenu('itemdetail')" |
| | | >{{ $t('common.confirm') }}</el-button |
| | | > |
| | | <el-button |
| | | class="el-button-remove" |
| | | type="primary" |
| | | @click="reset('itemdetail')" |
| | | >{{ $t('common.cancel') }}</el-button |
| | | > |
| | | <el-button @click="reset('itemdetail')">{{ |
| | | $t('common.cancel') |
| | | }}</el-button> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button class="el-button-sure" @click="resetForm('ruleForm')">{{ |
| | | <el-button @click="resetForm('ruleForm')">{{ |
| | | $t('common.cancel') |
| | | }}</el-button> |
| | | <el-button |
| | | class="el-button-remove" |
| | | type="primary" |
| | | style="background: #409eff; color: white; border: 1px solid #409eff" |
| | | @click="submitForm('ruleForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >{{ $t('common.confirm') }}</el-button |
| | |
| | | /deep/.el-form-item__label { |
| | | color: white; |
| | | } |
| | | .el-button-sure { |
| | | width: 116px; |
| | | height: 40px; |
| | | background: linear-gradient(180deg, #002992, #080472); |
| | | border: 1px solid #000000; |
| | | box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21); |
| | | border-radius: 3px; |
| | | } |
| | | .el-button-remove { |
| | | width: 116px; |
| | | height: 40px; |
| | | background: linear-gradient(180deg, #002992, #080472); |
| | | border: 1px solid #000000; |
| | | box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21); |
| | | opacity: 0.5; |
| | | border-radius: 3px; |
| | | } |
| | | |
| | | /*里面的代码可以根据自己需求去进行更改*/ |
| | | /* 设置滚动条的样式 */ |
| | | ::-webkit-scrollbar { |
| | |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit" icon="el-icon-search">{{ |
| | | $t('operatManage.operationLogObj.inquire') |
| | | }}</el-button> |
| | | <el-button @click="onEmpty('formData3')" icon="el-icon-delete">{{ |
| | | $t('operatManage.operationLogObj.empty') |
| | | }}</el-button> |
| | | <el-button |
| | | @click="onSubmit" |
| | | icon="el-icon-search" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | >{{ $t('operatManage.operationLogObj.inquire') }}</el-button |
| | | > |
| | | <el-button |
| | | @click="onEmpty('formData3')" |
| | | type="info" |
| | | icon="el-icon-delete" |
| | | >{{ $t('operatManage.operationLogObj.empty') }}</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | @click="showDetail(scope.$index, scope.row)" |
| | | type="primary" |
| | | type="warning" |
| | | plain |
| | | size="small" |
| | | >{{ $t('common.edit') }}</el-button |
| | |
| | | <el-button @click="EditFromDataClose">{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | <el-button @click="EditFromData" type="primary">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | <el-button |
| | | @click="EditFromData" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | >{{ $t('common.confirm') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | ></My-bread> |
| | | <el-divider /> |
| | | <div class="inquire"> |
| | | <div class="herder_box"> |
| | | {{ $t('operatManage.operationLogObj.queryRegion') }} |
| | | </div> |
| | | <el-form ref="formData" :model="ruleForm" :inline="true"> |
| | | <el-form-item |
| | | :label="$t('operatManage.tokentoolObj.tokenQuery')" |
| | |
| | | |
| | | <!-- 查询 清空 --> |
| | | <el-form-item> |
| | | <el-button icon="el-icon-search" @click="onSubmit">{{ |
| | | $t('common.iquery') |
| | | }}</el-button> |
| | | <el-button icon="el-icon-delete" @click="onEmpty('formData1')">{{ |
| | | $t('common.empty') |
| | | }}</el-button> |
| | | <el-button |
| | | icon="el-icon-search" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="onSubmit" |
| | | >{{ $t('common.iquery') }}</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-delete" |
| | | type="info" |
| | | @click="onEmpty('formData1')" |
| | | >{{ $t('common.empty') }}</el-button |
| | | > |
| | | <el-button |
| | | v-if="menuStatus.insert" |
| | | @click="InsertFormdialog = true" |
| | | icon="el-icon-edit" |
| | | type="success" |
| | | >{{ $t('common.append') }}</el-button |
| | | > |
| | | <el-button |
| | | v-if="menuStatus.delete" |
| | | @click="delTokenData" |
| | | icon="el-icon-delete" |
| | | type="danger" |
| | | >{{ $t('common.delete') }}</el-button |
| | | > |
| | | </el-form-item> |
| | |
| | | <div class="table_box"> |
| | | <el-table |
| | | :data="tableData" |
| | | height="99%" |
| | | height="102.1%" |
| | | style="width: 100%" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | |
| | | <el-button @click="insertFromDataClose">{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="insertFromData">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="insertFromData" |
| | | >{{ $t('common.confirm') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 修改弹窗 --> |
| | |
| | | <el-button @click="editFromDataClose">{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="editFromData">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="editFromData" |
| | | >{{ $t('common.confirm') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | } |
| | | .table_box { |
| | | padding: 10px; |
| | | |
| | | height: 450px; |
| | | height: 500px; |
| | | border-radius: 5px; |
| | | border: 1px solid rgb(202, 201, 204); |
| | | margin-bottom: 10px; |
| | |
| | | <el-form-item> |
| | | <el-button |
| | | size="small" |
| | | type="primary" |
| | | @click="queryInfo()" |
| | | icon="el-icon-search" |
| | | style="background: #1890ff" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | >{{ $t('operatManage.ELM.search') }} |
| | | </el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="info" |
| | | size="small" |
| | | @click="resetInfo('queryForm')" |
| | | icon="el-icon-refresh" |
| | |
| | | </el-form-item> |
| | | <el-form-item v-show="setbatchFlag"> |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="editPwd" |
| | | style="background: #1890ff" |
| | | type="warning" |
| | | icon="el-icon-unlock" |
| | | >{{ $t('common.changepassWord') }} |
| | | </el-button> |
| | |
| | | <!-- <el-button type="primary" size="small">修改</el-button> --> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | @click="editInfo(scope.row)" |
| | | size="mini" |
| | | >{{ $t('common.edit') }}</el-button |
| | |
| | | <el-dialog |
| | | width="910px" |
| | | top="15vh" |
| | | :title="behavior" |
| | | :title=" |
| | | behavior == '新增用户' |
| | | ? `${$t('common.append')}` |
| | | : `${$t('common.update')}` |
| | | " |
| | | :visible.sync="dialogFormVisible" |
| | | :before-close="handleClose" |
| | | > |
| | |
| | | disabled |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | <!-- <el-form-item |
| | | v-if="behavior == '修改信息'" |
| | | prop="oldPwd" |
| | | :label="$t('userManage.userInfoObj.origpassword')" |
| | |
| | | autocomplete="off" |
| | | show-password |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form-item> --> |
| | | <el-form-item |
| | | prop="pwd" |
| | | v-if="behavior == '新增用户'" |
| | | :label="$t('userManage.userInfoObj.pwd')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="checkPass" |
| | | v-if="behavior == '新增用户'" |
| | | :label="$t('userManage.userInfoObj.confirmPassword')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | |
| | | </div> |
| | | </el-form> |
| | | <div v-if="behavior == '修改信息'" slot="footer" class="dialog-footer"> |
| | | <el-button size="medium" @click="cancelEdit()">{{ |
| | | <el-button size="medium" type="info" @click="cancelEdit()">{{ |
| | | $t('common.reset') |
| | | }}</el-button> |
| | | <el-button |
| | | size="medium" |
| | | type="primary" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="sendEdit('editForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >{{ $t('common.submit') }}</el-button |
| | | > |
| | | </div> |
| | | <div v-else slot="footer" class="dialog-footer"> |
| | | <el-button size="medium" @click="cancelAdd('editForm')">{{ |
| | | <el-button size="medium" type="info" @click="cancelAdd('editForm')">{{ |
| | | $t('common.reset') |
| | | }}</el-button> |
| | | <el-button |
| | | size="medium" |
| | | type="primary" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="sendAdd('editForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >{{ $t('common.submit') }}</el-button |
| | |
| | | <el-dialog |
| | | width="520px" |
| | | top="30vh" |
| | | title="批量重置密码" |
| | | :title="$t('common.changepassWord')" |
| | | :visible.sync="resetPwd" |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form :model="pwdForm" ref="pwdForm" :rules="rules"> |
| | | <el-form-item prop="adminPwd" label="管理员密码" label-width="140px"> |
| | | <el-form-item |
| | | prop="adminPwd" |
| | | :label="$t('common.AdminPassword')" |
| | | label-width="140px" |
| | | > |
| | | <el-input |
| | | type="password" |
| | | v-model="pwdForm.adminPwd" |
| | |
| | | show-password |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="newPwd" label="新密码" label-width="140px"> |
| | | <el-form-item |
| | | prop="newPwd" |
| | | :label="$t('common.NPassword')" |
| | | label-width="140px" |
| | | > |
| | | <el-input |
| | | type="password" |
| | | v-model="pwdForm.newPwd" |
| | |
| | | show-password |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="checkPwd" label="确认密码" label-width="140px"> |
| | | <el-form-item |
| | | prop="checkPwd" |
| | | :label="$t('common.SPassword')" |
| | | label-width="140px" |
| | | > |
| | | <el-input |
| | | type="password" |
| | | v-model="pwdForm.checkPwd" |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button size="medium" @click="cancelReset - 'pwdForm'" |
| | | >重置</el-button |
| | | > |
| | | <el-button size="medium" type="info" @click="cancelReset - 'pwdForm'">{{ |
| | | $t('common.reset') |
| | | }}</el-button> |
| | | <el-button |
| | | size="medium" |
| | | type="primary" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="sendReset('pwdForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >提交</el-button |
| | | >{{ $t('common.submit') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | |
| | | editInfo(row) { |
| | | delete row.updateTime; |
| | | delete row.updateUser; |
| | | row.pwd = ''; |
| | | // row.pwd = ''; |
| | | this.initialForm = JSON.stringify(row); |
| | | this.behavior = '修改信息'; |
| | | this.editForm = JSON.parse(JSON.stringify(row)); |
| | | |
| | | this.dialogFormVisible = true; |
| | | }, |
| | | //编辑选择单位 |
| | |
| | | sendEdit(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | | if (valid) { |
| | | encrypt.setPublicKey(this.$store.state.key); |
| | | this.editForm.uid = encrypt.encrypt(this.editForm.uid); |
| | | this.editForm.salt = encrypt.encrypt(this.editForm.pwd); |
| | | this.editForm.pwd = encrypt.encrypt(this.editForm.oldPwd); |
| | | this.fullscreenLoading = true; |
| | | delete this.editForm.checkPass; |
| | | delete this.editForm.oldPwd; |
| | | // encrypt.setPublicKey(this.$store.state.key); |
| | | // this.editForm.uid = this.editForm.uid; |
| | | // this.editForm.salt = null; |
| | | // this.editForm.pwd = null; |
| | | // this.editForm.salt = encrypt.encrypt(this.editForm.pwd); |
| | | // // this.editForm.pwd = encrypt.encrypt(this.editForm.oldPwd); |
| | | // this.fullscreenLoading = true; |
| | | // delete this.editForm.checkPass; |
| | | // delete this.editForm.oldPwd; |
| | | // this.editForm.salt = this.editForm.pwd; |
| | | debugger; |
| | | updateUser(this.editForm) |
| | | .then((res) => { |
| | | setTimeout(() => { |
| | |
| | | color: white; |
| | | } |
| | | /deep/.el-pager li.active { |
| | | color: #1890ff; |
| | | color: #409eff; |
| | | } |
| | | /deep/.el-pager li { |
| | | color: white; |
| | |
| | | <el-input v-model="ruleForm.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="submitForm('ruleForm')" icon="el-icon-search" type="primary">{{ |
| | | <el-button @click="submitForm('ruleForm')" icon="el-icon-search" style="background: #409eff; border: 1px solid #409eff; color: white">{{ |
| | | $t('common.iquery') |
| | | }}</el-button> |
| | | <el-button |
| | |
| | | <el-button @click="insertFromDataClose">{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="insertFromData">{{ |
| | | <el-button style="background: #409eff; border: 1px solid #409eff; color: white" @click="insertFromData">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | <el-button @click="EditFromDataClose" >{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | <el-button @click="EditFromData" type="primary" >{{ |
| | | <el-button @click="EditFromData" style="background: #409eff; border: 1px solid #409eff; color: white" >{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | } |
| | | .infoBox { |
| | | width: 500px; |
| | | border: 1px solid #eee; |
| | | position: absolute; |
| | | z-index: 100; |
| | | top: 25%; |
| | | top: 15%; |
| | | right: 12%; |
| | | background-color: #fff; |
| | | background-color: #303030; |
| | | .el-icon-close { |
| | | color: white; |
| | | } |
| | | .el-card { |
| | | background-color: transparent; |
| | | span { |
| | | font-size: 16px; |
| | | font-weight: 600; |
| | | color: white; |
| | | } |
| | | } |
| | | .contentBox { |
| | |
| | | height: 485px; |
| | | overflow: auto; |
| | | p { |
| | | // background-color: #bfa; |
| | | // margin-bottom: 10px; |
| | | color: white; |
| | | font-size: 14px; |
| | | } |
| | | .boxlabel { |
| | |
| | | </el-form-item> |
| | | <div class="btnBox" v-if="menuStatus.update"> |
| | | <el-button |
| | | class="el-button-sure" |
| | | type="primary" |
| | | style=" |
| | | background: #409eff; |
| | | border: 1px solid #409eff; |
| | | color: white; |
| | | " |
| | | @click="updDep('itemdetail')" |
| | | >{{ $t('common.submit') }}</el-button |
| | | > |
| | | <el-button |
| | | class="el-button-sure" |
| | | type="primary" |
| | | @click="reset('itemdetail')" |
| | | >{{ $t('common.cancel') }}</el-button |
| | | > |
| | | <el-button @click="reset('itemdetail')">{{ |
| | | $t('common.cancel') |
| | | }}</el-button> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button class="el-button-sure" @click="resetForm('ruleForm')">{{ |
| | | <el-button @click="resetForm('ruleForm')">{{ |
| | | $t('common.cancel') |
| | | }}</el-button> |
| | | <el-button |
| | | class="el-button-remove" |
| | | type="primary" |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="submitForm('ruleForm')" |
| | | v-loading.fullscreen.lock="fullscreenLoading" |
| | | >{{ $t('common.submit') }}</el-button |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | getDepTree() { |
| | | getMenuTree() { |
| | | //获取目录树最大ID,新建节点使用 |
| | | // queryMaxId().then((res) => { |
| | | // this.id = res.data; |
| | |
| | | message: '添加成功', |
| | | type: 'success', |
| | | }); |
| | | this.getMenuTree(); |
| | | |
| | | this.itemdetail = {}; |
| | | this.ruleForm = {}; |
| | | this.dialogFormVisible = false; |
| | | this.$refs[formName].resetFields(); |
| | | this.getMenuTree(); |
| | | } |
| | | }, 500); |
| | | }) |
| | |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.getDepTree(); |
| | | this.getMenuTree(); |
| | | }, |
| | | created() { |
| | | var val = this.$store.state.currentPerms; |
| | |
| | | } |
| | | /deep/.el-form-item__label { |
| | | color: white; |
| | | } |
| | | .el-button-sure { |
| | | width: 116px; |
| | | height: 40px; |
| | | background: linear-gradient(180deg, #002992, #080472); |
| | | border: 1px solid #000000; |
| | | box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21); |
| | | border-radius: 3px; |
| | | } |
| | | .el-button-remove { |
| | | width: 116px; |
| | | height: 40px; |
| | | background: linear-gradient(180deg, #002992, #080472); |
| | | border: 1px solid #000000; |
| | | box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21); |
| | | opacity: 0.5; |
| | | border-radius: 3px; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <el-button @click="insertFromDataClose">{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | <el-button type="primary" @click="insertFromData">{{ |
| | | <el-button type="primary" style="background: #409eff; border: 1px solid #409eff; color: white" @click="insertFromData">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | <el-button @click="EditFromDataClose" >{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | <el-button @click="EditFromData" type="primary" >{{ |
| | | <el-button @click="EditFromData" style="background: #409eff; border: 1px solid #409eff; color: white" >{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | <style-dir-tree></style-dir-tree> |
| | | </div> |
| | | <div class="btnBox"> |
| | | <el-button type="primary" size="small" @click="selectDirCataName">{{ |
| | | <el-button style="background: #409eff; border: 1px solid #409eff; color: white" size="small" @click="selectDirCataName">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | <el-button type="primary" size="small" @click="showDirCata = false">{{ |
| | | <el-button type="info" size="small" @click="showDirCata = false">{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | <style-dep-tree></style-dep-tree> |
| | | </div> |
| | | <div class="btnBox"> |
| | | <el-button type="primary" size="small" @click="selectDepCataName">{{ |
| | | <el-button style="background: #409eff; border: 1px solid #409eff; color: white" @click="selectDepCataName">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | <el-button type="primary" size="small" @click="showDepCata = false">{{ |
| | | <el-button size="small" @click="showDepCata = false">{{ |
| | | $t('common.close') |
| | | }}</el-button> |
| | | </div> |
| | |
| | | this.showinfoBox = true; |
| | | var token = getToken(); |
| | | this.itemdetail = row; |
| | | |
| | | this.itemdetail.createTime = this.formomentTime( |
| | | this.itemdetail.createTime |
| | | ); |
| | | this.itemdetail.updateTime = this.formomentTime( |
| | | this.itemdetail.updateTime |
| | | ); |
| | | this.itemdetail.imageFile = |
| | | BASE_URL + '/res/download?guid=' + row.img + '&token=' + token; |
| | | |
| | | this.itemdetail.imageFile = BASE_URL + '/res/download?guid=' + row.img + '&token=' + token; |
| | | console.log( this.itemdetail.imageFile) |
| | | }, |
| | | handleEdit(index, row) { |
| | | this.EditFormdialog = true; |
| | |
| | | } |
| | | this.listData.name = this.ruleForm.name; |
| | | const data = await select_Res_ByPageAndCount(this.listData); |
| | | |
| | | if (data.code != 200) { |
| | | this.$message.error('列表调用失败'); |
| | | } |
| | | |
| | | this.tableData = data.result; |
| | | this.count = data.count; |
| | | }, |
| | |
| | | left: 800px; |
| | | width: 400px; |
| | | height: 600px; |
| | | background: #f0f2f5; |
| | | background: #303030; |
| | | border: 1px solid #000; |
| | | .treeBox { |
| | | height: 550px; |
| | |
| | | } |
| | | .infoBox { |
| | | width: 500px; |
| | | border: 1px solid #eee; |
| | | |
| | | position: absolute; |
| | | z-index: 100; |
| | | top: 25%; |
| | | right: 12%; |
| | | background-color: #fff; |
| | | .el-icon-close{ |
| | | color: white; |
| | | } |
| | | background-color: #303030; |
| | | .el-card { |
| | | background-color: transparent; |
| | | span { |
| | | font-size: 16px; |
| | | font-weight: 600; |
| | | color: white; |
| | | } |
| | | } |
| | | .contentBox { |
| | |
| | | p { |
| | | // background-color: #bfa; |
| | | // margin-bottom: 10px; |
| | | color: white; |
| | | font-size: 14px; |
| | | } |
| | | .boxlabel { |
| | |
| | | :disabled="true" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | /> |
| | | <el-button style="margin-left: 20px" @click="showDepTree(1)">{{ |
| | | $t('common.choose') |
| | | }}</el-button> |
| | | <el-button |
| | | style=" |
| | | margin-left: 20px; |
| | | background: #409eff; |
| | | border: 1px solid #409eff; |
| | | color: white; |
| | | " |
| | | @click="showDepTree(1)" |
| | | >{{ $t('common.choose') }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <br /> |
| | | <el-form-item> |
| | | <el-button @click="InsertFormdialog = true" v-if="menuStatus.insert" |
| | | <el-button |
| | | type="success" |
| | | @click="InsertFormdialog = true" |
| | | v-if="menuStatus.insert" |
| | | ><i class="el-icon-circle-plus-outline"></i> {{ |
| | | $t('userManage.RM.add') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="onSubmit('ruleForm')" |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="onSubmit('ruleForm')" |
| | | ><i class="el-icon-search"></i> {{ |
| | | $t('userManage.RM.query') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="resetForm('ruleForm')" |
| | | <el-button type="info" @click="resetForm('ruleForm')" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('userManage.RM.reset') |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="handleDelete()" v-if="menuStatus.delete" |
| | | <el-button |
| | | type="danger" |
| | | @click="handleDelete()" |
| | | v-if="menuStatus.delete" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t('common.delete') |
| | | }}</el-button |
| | |
| | | > |
| | | <el-button |
| | | @click="showDetail(scope.$index, scope.row)" |
| | | type="primary" |
| | | size="small" |
| | | >{{ $t('common.see') }}</el-button |
| | | > |
| | |
| | | :disabled="true" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | /> |
| | | <el-button style="margin-left: 20px" @click="showDepTree(2)">{{ |
| | | $t('common.choose') |
| | | }}</el-button> |
| | | <el-button |
| | | style=" |
| | | margin-left: 20px; |
| | | background: #409eff; |
| | | border: 1px solid #409eff; |
| | | color: white; |
| | | " |
| | | @click="showDepTree(2)" |
| | | >{{ $t('common.choose') }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.describe')" |
| | |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="insertFromClose">{{ $t('common.close') }}</el-button> |
| | | <el-button type="primary" @click="insertFromData">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="insertFromData" |
| | | >{{ $t('common.confirm') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog |
| | |
| | | :disabled="true" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | /> |
| | | <el-button style="margin-left: 20px" @click="showDepTree(3)">{{ |
| | | $t('common.choose') |
| | | }}</el-button> |
| | | <el-button |
| | | style=" |
| | | margin-left: 20px; |
| | | background: #409eff; |
| | | border: 1px solid #409eff; |
| | | color: white; |
| | | " |
| | | @click="showDepTree(3)" |
| | | >{{ $t('common.choose') }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.RM.isAdmin')" |
| | |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="updateFromClose">{{ $t('common.close') }}</el-button> |
| | | <el-button type="primary" @click="updateFromData">{{ |
| | | $t('common.confirm') |
| | | }}</el-button> |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | @click="updateFromData" |
| | | >{{ $t('common.confirm') }}</el-button |
| | | > |
| | | </div> |
| | | </el-dialog> |
| | | <div class="leftTree" v-if="showCata"> |
| | |
| | | <role-dep-tree></role-dep-tree> |
| | | </div> |
| | | <div class="btnBox"> |
| | | <el-button type="primary" size="small" @click="selectCataName" |
| | | <el-button |
| | | style="background: #409eff; border: 1px solid #409eff; color: white" |
| | | size="small" |
| | | @click="selectCataName" |
| | | >确定</el-button |
| | | > |
| | | <el-button type="primary" size="small" @click="showCata = false" |
| | | <el-button type="info" size="small" @click="showCata = false" |
| | | >取消</el-button |
| | | > |
| | | </div> |
| | |
| | | } |
| | | .infoBox { |
| | | width: 500px; |
| | | border: 1px solid #eee; |
| | | |
| | | position: absolute; |
| | | z-index: 100; |
| | | top: 25%; |
| | | top: 15%; |
| | | right: 12%; |
| | | background-color: #fff; |
| | | background-color: #303030; |
| | | .el-icon-close { |
| | | color: white; |
| | | } |
| | | .el-card { |
| | | background-color: transparent; |
| | | span { |
| | | font-size: 16px; |
| | | font-weight: 600; |
| | | color: white; |
| | | } |
| | | } |
| | | .contentBox { |
| | |
| | | // background-color: #bfa; |
| | | // margin-bottom: 10px; |
| | | font-size: 14px; |
| | | color: white; |
| | | } |
| | | .boxlabel { |
| | | margin-left: 10px; |