| | |
| | | :class="['item', isactive == 2 ? 'isactive' : '']" |
| | | @click="changeactive(2)" |
| | | > |
| | | æ£ä¿®æä½è®°å½ |
| | | ææè®°å½ |
| | | </div> |
| | | <div |
| | | v-if="roleINFO == 1" |
| | |
| | | border-radius: 0 0.25rem 0.25rem 0; |
| | | box-shadow: none; |
| | | width: 19rem; |
| | | height: 2rem; |
| | | border-left: 0; |
| | | " |
| | | class="time_picker" |
| | | format="YYYY-MM-DD HH:mm:ss" |
| | | type="datetimerange" |
| | | range-separator="~" |
| | |
| | | <div class="serch_box"> |
| | | <div class="serchb">å
¨å±æç´¢</div> |
| | | <input |
| | | @focus="focusInput" |
| | | v-model="queryForm.selectInput" |
| | | placeholder="请è¾å
¥å
³é®è¯æç´¢" |
| | | style="border-left: 0.06rem solid #e2e2e2" |
| | | ref="inputRef" |
| | | /> |
| | | </div> |
| | | <el-button |
| | |
| | | :header-cell-style="{ |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | }" |
| | | :row-style="{ |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | WWWW, |
| | | }" |
| | | > |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="operatorName" label="å§å" align="center" /> |
| | | <el-table-column prop="teamName" label="çç»" align="center" /> |
| | | <!-- <el-table-column prop="teamName" label="ç»å«" align="center" /> --> |
| | | <el-table-column prop="" label="ç»åç±»å" align="center"> |
| | | <template #default="scope"> |
| | | <span v-if="scope.row.isLeader == 0">ç»å</span> |
| | | <span v-else-if="scope.row.isLeader == 1">ç»é¿</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="dept_Id" label="æ£ä¿®é" align="center"> |
| | | <template #default="scope"> |
| | | <div>{{ scope.row.dept_Id }}</div> |
| | | </template></el-table-column |
| | | > |
| | | <el-table-column prop="headImageUrl" label="人è¸" align="center"> |
| | | <template #default="scope"> |
| | | <el-image |
| | | style="width: 5rem; height: 5rem" |
| | | :src="'http://192.168.0.80:1598' + scope.row.headImageUrl" |
| | | :src="'http://192.168.1.103:9093' + scope.row.headImageUrl" |
| | | show-progress |
| | | :initial-index="4" |
| | | fit="cover" |
| | |
| | | label="åé
æ¶é´" |
| | | align="center" |
| | | /> |
| | | <el-table-column prop="" label="åé
æ£ä¿®å" align="center"> |
| | | <template #default> {{ userName }} </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column prop="Creater" label="åé
æ£ä¿®å" align="center"> |
| | | </el-table-column> --> |
| | | <el-table-column |
| | | prop="ipAddress" |
| | | label="设å¤IP" |
| | | align="center" |
| | | ></el-table-column> |
| | | </el-table> |
| | | |
| | | <!-- æ£ä¿®æä½è®°å½è®°å½ --> |
| | | <!-- å§å userNameï¼åä½ uerUnitï¼çç» userTeamï¼æä½äºº modifierï¼å¯ç¨æ¶é´ enableTimeï¼åç¨æ¶é´ disableTime--> |
| | | <!-- ææè®°å½ --> |
| | | <el-table |
| | | empty-text="ææ æ°æ®" |
| | | v-if="isactive == 2" |
| | |
| | | :header-cell-style="{ |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | }" |
| | | :row-style="{ |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | }" |
| | | > |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="userTrueName" label="å§å" 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="headImageUrl" label="人è¸" align="center"> |
| | | <template #default="scope"> |
| | | <el-image |
| | | style="width: 5rem; height: 5rem" |
| | | :src="'http://192.168.0.80:1598' + scope.row.headImageUrl" |
| | | show-progress |
| | | :initial-index="4" |
| | | fit="cover" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="maintenancStartTime" |
| | | label="è¿å
¥æ£ä¿®æ¶é´" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="maintenancEendTime" |
| | | label="éåºæ£ä¿®æ¶é´" |
| | | align="center" |
| | | /> |
| | | <el-table-column prop="" 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"> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | |
| | | :header-cell-style="{ |
| | | background: 'rgba(250,250,250,1)', |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | border: 'none', |
| | | }" |
| | | :row-style="{ |
| | | color: '#101010', |
| | | fontSize: '0.88rem', |
| | | fontSize: '1.25rem', |
| | | height: '3rem', |
| | | }" |
| | | > |
| | | <el-table-column type="selection" align="center" /> |
| | | <el-table-column prop="userTrueName" label="å§å" align="center" /> |
| | | <el-table-column prop="opCenten" label="åä½" align="center" /> |
| | | <el-table-column prop="userteam" label="çç»" align="center" /> |
| | | <!-- <el-table-column prop="opCenten" label="åä½" align="center" /> --> |
| | | <!-- <el-table-column prop="userteam" label="ç»å«" align="center" /> --> |
| | | <el-table-column prop="headImageUrl" label="人è¸" align="center"> |
| | | <template #default="scope"> |
| | | <el-image |
| | | style="width: 5rem; height: 5rem" |
| | | :src="'http://192.168.0.80:1598' + scope.row.headImageUrl" |
| | | :src="'http://192.168.1.103:9093' + scope.row.headImageUrl" |
| | | show-progress |
| | | :initial-index="4" |
| | | fit="cover" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="loginTiem" label="ç»å½æ¶é´" align="center" /> |
| | | <el-table-column prop="outTiem" label="éåºæ¶é´" align="center" /> |
| | | <el-table-column label="æä½å
容" align="center" /> |
| | | <!-- <el-table-column prop="outTiem" label="éåºæ¶é´" align="center" /> --> |
| | | <!-- <el-table-column label="æä½å
容" align="center" /> --> |
| | | </el-table> |
| | | </div> |
| | | <div |
| | |
| | | } from "@/api/newapi/Datalogging"; |
| | | import { |
| | | MaintenanceSettingRecord, |
| | | MaintenanceOperationRecord, |
| | | AuthGetPageData, |
| | | } from "@/api/newapi/MaintenanceTeam"; |
| | | const obj = { |
| | | selectTime: [], // æ¶é´èå´ |
| | |
| | | const pageTotal = ref(0); |
| | | const pageTotal1 = ref(0); |
| | | const pageTotal2 = ref(0); |
| | | const inputRef = ref(null); |
| | | const focusInput = () => { |
| | | if (typeof Windows !== "undefined") { |
| | | const textInputPane = |
| | | Windows.UI.ViewManagement.InputPane.getForCurrentView(); |
| | | |
| | | // æ¾ç¤ºèæé®ç |
| | | textInputPane.show(); |
| | | |
| | | // éèèæé®ç |
| | | textInputPane.hide(); |
| | | } |
| | | inputRef.value?.focus(); |
| | | console.log("focusInput called", inputRef.value); |
| | | }; |
| | | //å页请æ±åæ° |
| | | const pageQuery = ref({ |
| | | page: 1, //å½åé¡µé¢ |
| | |
| | | { name: "createTime", value: startTime, displayType: "ThanOrEqual" }, |
| | | { name: "createTime", value: endTime, displayType: "LessOrEqual" }, |
| | | ]; |
| | | MaintenanceOperationRecord({ |
| | | pageIndex: pageQuery1.value.page, |
| | | pageSize: pageQuery1.value.rows, |
| | | searchKeyword: queryForm.value.selectInput, |
| | | startDate: |
| | | queryForm.value.selectTime.length != 0 |
| | | ? queryForm.value.selectTime[0] |
| | | : "", |
| | | endDate: |
| | | queryForm.value.selectTime.length != 0 |
| | | ? queryForm.value.selectTime[1] |
| | | : "", |
| | | sortField: "maintenancStartTime", |
| | | sortOrder: "desc", |
| | | account: account, |
| | | AuthGetPageData({ |
| | | ...pageQuery.value, |
| | | filter, |
| | | }).then((res) => { |
| | | tableData.value = res.data.items; |
| | | pageTotal1.value = res.data.totalCount; |
| | | tableData.value = res.rows; |
| | | pageTotal1.value = res.total; |
| | | }); |
| | | }; |
| | | //ç»å½è®°å½ |
| | |
| | | border-bottom: 0.06rem solid rgba(233, 233, 233, 1); |
| | | } |
| | | } |
| | | |
| | | @media screen and (max-width: 1080px) { |
| | | .Datalogging { |
| | | display: flex; |
| | | background-color: #fff; |
| | | |
| | | .content { |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .checkbox { |
| | | width: 40rem !important; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | margin-top: 1rem; |
| | | margin-left: 1.31rem; |
| | | |
| | | .item { |
| | | width: 12rem; |
| | | height: 2.88rem; |
| | | border-radius: 0.25rem; |
| | | background-color: rgba(190, 199, 209, 1); |
| | | color: rgba(255, 255, 255, 1); |
| | | font-size: 1.25rem; |
| | | text-align: center; |
| | | line-height: 2.88rem; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .isactive { |
| | | background-color: rgba(16, 16, 16, 1); |
| | | color: rgba(255, 255, 255, 1); |
| | | } |
| | | } |
| | | |
| | | .serch { |
| | | display: flex; |
| | | margin-top: 1.31rem; |
| | | align-items: center; |
| | | |
| | | .time_box { |
| | | display: flex; |
| | | align-items: center; |
| | | text-align: center; |
| | | margin-left: 0.98rem; |
| | | |
| | | .time { |
| | | box-sizing: border-box; |
| | | width: 7rem; |
| | | height: 2.5rem; |
| | | text-align: center; |
| | | border: 0.06rem solid rgba(222, 222, 222, 1); |
| | | border-radius: 0.25rem 0 0 0.25rem; |
| | | font-size: 1.25rem; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | } |
| | | |
| | | .serch_box { |
| | | display: flex; |
| | | align-items: center; |
| | | text-align: center; |
| | | margin-left: 0.98rem; |
| | | border-radius: 0.38rem; |
| | | |
| | | .serchb { |
| | | box-sizing: border-box; |
| | | width: 6.88rem; |
| | | height: 2.5rem; |
| | | text-align: center; |
| | | font-size: 1.25rem; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 0.06rem solid rgba(222, 222, 222, 1); |
| | | } |
| | | |
| | | input { |
| | | box-sizing: border-box; |
| | | outline: none; |
| | | width: 19rem; |
| | | height: 2.5rem; |
| | | border: 0.06rem solid rgba(222, 222, 222, 1); |
| | | border-radius: 0 0.25rem 0.25rem 0; |
| | | padding-left: 0.3125rem; |
| | | font-size: 1rem; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .btns { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | margin-top: 1.31rem; |
| | | margin-left: 1.13rem; |
| | | padding-right: 2rem; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | |
| | | .my-header { |
| | | height: 3.84rem; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | border-bottom: 0.06rem solid rgba(233, 233, 233, 1); |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | <style> |
| | | .confirmButtonClass { |