| | |
| | | > |
| | | <div class="flex_box"> |
| | | <div style="margin-right: auto"> |
| | | <el-form-item label="名称"> |
| | | <el-input v-model="ruleForm.name" style="width:200px"></el-input> |
| | | <el-form-item :label="$t('userManage.authorityM.name')"> |
| | | <el-input v-model="ruleForm.name" style="width:200px" size="small" :placeholder="$t('userManage.authorityM.nameHolder')"> |
| | | <i slot="suffix" class="el-icon-search" @click="submitForm"></i> |
| | | </el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div> |
| | |
| | | icon="el-icon-delete" |
| | | type="danger" size="small" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | <el-button |
| | | @click="submitForm('ruleForm')" |
| | | icon="el-icon-search" size="small" |
| | | type="primary" |
| | | >{{ |
| | | $t('common.iquery') |
| | | }}</el-button> |
| | | <!-- <el-button--> |
| | | <!-- @click="submitForm('ruleForm')"--> |
| | | <!-- icon="el-icon-search" size="small"--> |
| | | <!-- type="primary"--> |
| | | <!-- >{{--> |
| | | <!-- $t('common.iquery')--> |
| | | <!-- }}</el-button>--> |
| | | <el-button |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-refresh" |
| | |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | </el-form> |
| | | </div> |
| | | <div class="dividing-line"></div> |
| | | <div class="table_box subpage_Div" :style="styleVar"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | fit |
| | | height="calc(100% - 57px)" |
| | | border |
| | | height="calc(100% - 45px)" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column |
| | |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | |
| | | |
| | | :label="$t('common.operate')" |
| | | width="170px" |
| | | > |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="pagination_box"> |
| | | <div class="pagination_box" style="margin-top: 10px"> |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="infoBox_box" v-show="showinfoBox"> |
| | | <div |
| | | class="infoBox subpage_Div box_div" |
| | | v-show="showinfoBox" |
| | | |
| | | > |
| | | <el-card class="box-card"> |
| | | <div |
| | |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | </div> |
| | | <el-dialog |
| | | :title="dialogTitle" |
| | | :visible.sync="isTransfer" |
| | |
| | | :title="$t('userManage.userInfoObj.addPermission')" |
| | | style="overflow: hidden" |
| | | :visible.sync="InsertFormdialog" |
| | | width="30%" |
| | | > |
| | | <el-form :model="insertform"> |
| | | |
| | | <el-form :model="insertform" label-position="top"> |
| | | <el-form-item |
| | | :label="$t('userManage.userInfoObj.name')" |
| | | :label-width="formLabelWidth" |
| | |
| | | <el-input |
| | | v-model="insertform.name" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="insertform.tag" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | |
| | | <el-input |
| | | v-model="insertform.bak" |
| | | autocomplete="off" |
| | | style="width:85%" |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | |
| | | </el-dialog> |
| | | <el-dialog |
| | | :title="$t('userManage.userInfoObj.editPermission')" |
| | | style="overflow: hidden" |
| | | :visible.sync="EditFormdialog" |
| | | :before-close="EditFromDataClose" |
| | | width="30%" |
| | | > |
| | | <el-form :model="upform"> |
| | | <el-form :model="upform" label-position="top"> |
| | | <el-form-item |
| | | :label="$t('userManage.userInfoObj.name')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.name"></el-input> |
| | | <el-input v-model="upform.name" style="width:85%"></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.userInfoObj.tag')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.tag"></el-input> |
| | | <el-input v-model="upform.tag" style="width:85%"></el-input> |
| | | </el-form-item> |
| | | <el-form-item |
| | | :label="$t('userManage.userInfoObj.bak')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-input v-model="upform.bak"></el-input> |
| | | <el-input v-model="upform.bak" style="width:85%"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div |
| | |
| | | this.$nextTick(() => { |
| | | const rect = this.$refs.container.getBoundingClientRect(); |
| | | this.tableHeight = `${rect.height + 97}px`; |
| | | this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`; |
| | | // this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`; |
| | | this.styleVar["height"] = `calc(100% - ${rect.height + 30}px)`; |
| | | }); |
| | | }, |
| | | showPermsMenu(res) { |
| | |
| | | .power_box { |
| | | height: 98%; |
| | | width: 98%; |
| | | padding: 1%; |
| | | padding: 0.5%; |
| | | |
| | | .el-input { |
| | | width: 300px; |
| | | } |
| | | .power_quire { |
| | | padding: 8px; |
| | | margin-top: 20px; |
| | | //padding: 10px; |
| | | //margin-top: 20px; |
| | | |
| | | border-radius: 5px; |
| | | |
| | | margin-bottom: 20px; |
| | | //margin-bottom: 20px; |
| | | .el-form-item { |
| | | margin: 5px; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | |