| | |
| | | :class="['item', isactive == 1 ? 'isactive' : '']" |
| | | @click="changeactive(1)" |
| | | > |
| | | æ£ä¿®è®¾ç½®è®°å½ |
| | | æ£ä¿®è®°å½ |
| | | </div> |
| | | <div |
| | | :class="['item', isactive == 2 ? 'isactive' : '']" |
| | |
| | | </div> |
| | | <div class="serch"> |
| | | <div class="time_box"> |
| | | <div class="time">{{ isactive == 1 ? "åé
æ¶é´" : "æä½æ¶é´" }}</div> |
| | | <div |
| | | class="time" |
| | | :style="{ |
| | | fontSize: isMin ? '2rem' : '1.25rem', |
| | | height: isMin ? '3rem' : '2rem', |
| | | width: isMin ? '10rem' : '5.5rem', |
| | | }" |
| | | > |
| | | {{ isactive == 1 ? "åé
æ¶é´" : "æä½æ¶é´" }} |
| | | </div> |
| | | <el-date-picker |
| | | v-model="queryForm.selectTime" |
| | | prefix-icon="none" |
| | |
| | | type="primary" |
| | | size="small" |
| | | style="margin-left: 0.98rem; height: 2rem" |
| | | class="text_btn" |
| | | >æ¥è¯¢</el-button |
| | | > |
| | | <el-button size="small" style="height: 2rem" @click="resetQuery" |
| | | <el-button |
| | | size="small" |
| | | style="height: 2rem" |
| | | @click="resetQuery" |
| | | class="text_btn" |
| | | >éç½®</el-button |
| | | > |
| | | </div> |
| | | <div class="btns"> |
| | | <div style="display: flex; align-items: center"> |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | style="width: 5.5rem; height: 2rem; font-size: 0.88rem" |
| | | class="text_btn" |
| | | @click="deleteAll" |
| | | >æ¹éå é¤</el-button |
| | | > |
| | | <el-button |
| | | size="small" |
| | | style="width: 5.5rem; height: 2rem; font-size: 0.88rem" |
| | | class="text_btn" |
| | | @click="printExcel" |
| | | >æ¹é导åº</el-button |
| | | > |
| | |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 1" |
| | | :data="tableData" |
| | | :height="isMin ? '600' : '450'" |
| | | :height="isMin ? '950' : '450'" |
| | | style="width: 100%" |
| | | :header-cell-style="{ |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | }" |
| | | :row-style="{ |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | WWWW, |
| | | }" |
| | | :header-cell-style=" |
| | | isMin |
| | | ? { |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '2rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | } |
| | | : { |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | } |
| | | " |
| | | :row-style=" |
| | | isMin |
| | | ? { |
| | | color: '#101010', |
| | | fontSize: '2rem', |
| | | height: '3rem', |
| | | } |
| | | : { |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | } |
| | | " |
| | | @selection-change="DeleteMaintenance" |
| | | > |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="operatorName" label="å§å" align="center" /> |
| | |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 2" |
| | | :data="tableData" |
| | | :height="isMin ? '600' : '450'" |
| | | :height="isMin ? '950' : '450'" |
| | | style="width: 100%" |
| | | :header-cell-style="{ |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | }" |
| | | :row-style="{ |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | }" |
| | | :header-cell-style=" |
| | | isMin |
| | | ? { |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '2rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | } |
| | | : { |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | } |
| | | " |
| | | :row-style=" |
| | | isMin |
| | | ? { |
| | | color: '#101010', |
| | | fontSize: '2rem', |
| | | height: '3rem', |
| | | } |
| | | : { |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | } |
| | | " |
| | | @selection-change="DeleteAuth" |
| | | > |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="userName" label="å§å" align="center" /> |
| | | <el-table-column prop="uerUnit" label="åä½" align="center" /> |
| | | <el-table-column prop="userteam" label="çç»" align="center" /> |
| | | <el-table-column prop="userTeam" label="çç»" align="center" /> |
| | | <el-table-column prop="enableTime" label="å¯ç¨æ¶é´" align="center" /> |
| | | <el-table-column prop="disableTime" label="ç¦ç¨æ¶é´" align="center" /> |
| | | <el-table-column prop="modifier" label="æä½äºº" align="center"> |
| | |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 3" |
| | | :data="tableData" |
| | | :height="isMin ? '600' : '450'" |
| | | :height="isMin ? '950' : '450'" |
| | | style="width: 100%" |
| | | :header-cell-style="{ |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | }" |
| | | :row-style="{ |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | }" |
| | | :header-cell-style=" |
| | | isMin |
| | | ? { |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '2rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | } |
| | | : { |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | } |
| | | " |
| | | :row-style=" |
| | | isMin |
| | | ? { |
| | | color: '#101010', |
| | | fontSize: '2rem', |
| | | height: '3rem', |
| | | } |
| | | : { |
| | | color: '#101010', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | } |
| | | " |
| | | @selection-change="DeleteLogin" |
| | | > |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="userTrueName" label="å§å" align="center" /> |
| | |
| | | > |
| | | <el-pagination |
| | | v-if="isactive == 1" |
| | | size="small" |
| | | size="large" |
| | | background |
| | | layout="prev, pager, next" |
| | | :current-page="pageQuery.page" |
| | |
| | | /> |
| | | <el-pagination |
| | | v-if="isactive == 2" |
| | | size="small" |
| | | size="large" |
| | | background |
| | | layout="prev, pager, next" |
| | | :current-page="pageQuery1.page" |
| | |
| | | /> |
| | | <el-pagination |
| | | v-if="isactive == 3" |
| | | size="small" |
| | | size="large" |
| | | background |
| | | layout="prev, pager, next" |
| | | :current-page="pageQuery2.page" |
| | |
| | | import { |
| | | MaintenanceSettingRecord, |
| | | AuthGetPageData, |
| | | DeleteMaintenanceRecord, |
| | | DeleteAuthRecord, |
| | | DeleteLoginRecord, |
| | | } from "@/api/newapi/MaintenanceTeam"; |
| | | import { ElMessage } from "element-plus"; |
| | | const obj = { |
| | | selectTime: [], // æ¶é´èå´ |
| | | selectType: "", |
| | |
| | | }); |
| | | } |
| | | }; |
| | | |
| | | //æ¹éå é¤ |
| | | const ids = ref([]); |
| | | const DeleteMaintenance = (val) => { |
| | | ids.value = []; |
| | | ids.value = val.map((item) => item.user_Id); |
| | | }; |
| | | const DeleteAuth = (val) => { |
| | | ids.value = []; |
| | | ids.value = val.map((item) => item.roleId); |
| | | }; |
| | | const DeleteLogin = (val) => { |
| | | ids.value = []; |
| | | ids.value = val.map((item) => item.id); |
| | | }; |
| | | const deleteAll = () => { |
| | | if (ids.value.length == 0) { |
| | | ElMessage({ message: "è¯·éæ©è¦å é¤çæ°æ®", type: "error" }); |
| | | return; |
| | | } |
| | | if (isactive.value == 1) { |
| | | DeleteMaintenanceRecord(ids.value).then((res) => { |
| | | ElMessage({ message: "å 餿å", type: "success" }); |
| | | initData(); |
| | | }); |
| | | } else if (isactive.value == 2) { |
| | | DeleteAuthRecord(ids.value).then((res) => { |
| | | ElMessage({ message: "å 餿å", type: "success" }); |
| | | getRole(); |
| | | }); |
| | | } else if (isactive.value == 3) { |
| | | DeleteLoginRecord(ids.value).then((res) => { |
| | | ElMessage({ message: "å 餿å", type: "success" }); |
| | | getGroup(); |
| | | }); |
| | | } |
| | | }; |
| | | const roleINFO = ref(); |
| | | const isMin = ref(false); |
| | | onMounted(() => { |
| | |
| | | flex-direction: column; |
| | | |
| | | .checkbox { |
| | | width: 40rem !important; |
| | | width: 50rem !important; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-top: 1rem; |
| | | margin-left: 1.31rem; |
| | | |
| | | .item { |
| | | width: 12rem; |
| | | height: 2.88rem; |
| | | width: 15rem; |
| | | height: 4rem; |
| | | border-radius: 0.25rem; |
| | | background-color: rgba(190, 199, 209, 1); |
| | | color: rgba(255, 255, 255, 1); |
| | | font-size: 1.25rem; |
| | | font-size: 2rem; |
| | | text-align: center; |
| | | line-height: 2.88rem; |
| | | line-height: 4rem; |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | |
| | | .time { |
| | | box-sizing: border-box; |
| | | width: 7rem; |
| | | height: 2.5rem; |
| | | width: 6.88rem; |
| | | height: 3rem; |
| | | text-align: center; |
| | | border: 0.06rem solid rgba(222, 222, 222, 1); |
| | | border-radius: 0.25rem 0 0 0.25rem; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | :deep(.el-input__wrapper) { |
| | | height: 3rem !important; |
| | | font-size: 1.25rem !important; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .serchb { |
| | | box-sizing: border-box; |
| | | width: 6.88rem; |
| | | height: 2.5rem; |
| | | width: 9rem; |
| | | height: 3rem !important; |
| | | text-align: center; |
| | | font-size: 1.25rem; |
| | | font-size: 2rem !important; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 0.06rem solid rgba(222, 222, 222, 1); |
| | | .select { |
| | | height: 3rem !important; |
| | | :deep(.el-select__wrapper) { |
| | | height: 3rem !important; |
| | | font-size: 1.5rem !important; |
| | | } |
| | | } |
| | | } |
| | | |
| | | input { |
| | | box-sizing: border-box; |
| | | outline: none; |
| | | width: 19rem; |
| | | height: 2.5rem; |
| | | height: 3rem; |
| | | border: 0.06rem solid rgba(222, 222, 222, 1); |
| | | border-radius: 0 0.25rem 0.25rem 0; |
| | | padding-left: 0.3125rem; |
| | | font-size: 1rem; |
| | | font-size: 2rem; |
| | | } |
| | | .text_btn { |
| | | width: 10rem !important; |
| | | height: 3.5rem !important; |
| | | font-size: 2rem !important; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | } |
| | | .text_btn { |
| | | width: 10rem !important; |
| | | height: 3.5rem !important; |
| | | font-size: 2rem !important; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | } |
| | | |
| | |
| | | margin-left: 1.13rem; |
| | | padding-right: 2rem; |
| | | box-sizing: border-box; |
| | | .text_btn { |
| | | width: 10rem !important; |
| | | height: 3.5rem !important; |
| | | font-size: 2rem !important; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | flex-direction: row-reverse !important; |
| | | justify-content: normal !important; |
| | | } |
| | | :deep(.el-select .el-select__wrapper) { |
| | | height: 2rem; |
| | | } |
| | | </style> |