From fa837d5f98b6d66185d5fb171948d90bd5acd793 Mon Sep 17 00:00:00 2001 From: 艺术家 <10819716+q100102@user.noreply.gitee.com> Date: 星期三, 11 六月 2025 17:14:37 +0800 Subject: [PATCH] 代码提交 --- 项目代码/伸缩杆/client/src/views/tts/Enteroverhaul/Enteroverhaul.vue | 138 ++++++++++++++++++++++++++++++++++----------- 1 files changed, 104 insertions(+), 34 deletions(-) diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/tts/Enteroverhaul/Enteroverhaul.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/tts/Enteroverhaul/Enteroverhaul.vue" index 6ee0ccd..c5d4e79 100644 --- "a/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/tts/Enteroverhaul/Enteroverhaul.vue" +++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/\344\274\270\347\274\251\346\235\206/client/src/views/tts/Enteroverhaul/Enteroverhaul.vue" @@ -30,7 +30,6 @@ class="btn" type="primary" style="margin-left: 6.81rem" - :disabled="!isStart" @click="stopMaintenceTask" > <div @@ -58,7 +57,7 @@ </div> </el-button> </div> - <div v-if="isStart" class="content_box"> + <div class="content_box"> <el-table :height="isMobile ? '' : '250'" empty-text="鏆傛棤鏁版嵁" @@ -68,26 +67,49 @@ height: '1.61rem', color: '#1AC8FE', background: '#0A5B91', - fontSize: '0.88rem', + fontSize: '2rem', }" :cell-style="{ color: '#fff', background: '#147BAF', + fontSize: '2.5rem', }" > - <el-table-column prop="userAccount" label="鐢ㄦ埛璐﹀彿" align="center" /> - <!-- <el-table-column prop="modifier" label="淇敼浜�" /> --> - <el-table-column prop="isLeader" label="缁勫憳绫诲瀷"> - <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="modifyDate" label="淇敼鏃堕棿" align="center" /> + <el-table-column + prop="userTrueName" + label="鐢ㄦ埛鍚嶇О" + align="center" + min-width="1%" + /> + <el-table-column + prop="unit" + label="鍗曚綅" + align="center" + min-width="1%" + /> + <el-table-column + prop="userteam" + align="center" + label="鐝粍" + min-width="1%" + /> + <el-table-column + prop="roleName" + align="center" + label="瑙掕壊" + min-width="1%" + /> + <el-table-column + prop="ipAddress" + label="杞ㄩ亾绔�" + align="center" + min-width="1%" + /> <el-table-column prop="maintenanceStatus" label="妫�淇姸鎬�" align="center" + min-width="1%" > <template #default="scope"> <span v-if="scope.row.maintenanceStatus === 0">鏈紑濮�</span> @@ -97,41 +119,67 @@ ></template > </el-table-column> - <!-- <el-table-column - prop="maintenanceDate" - label="娲惧彂浠诲姟鏃堕棿" - align="center" - /> --> - <el-table-column prop="maintenancStartTime" - label="寮�濮嬫淇椂闂�" + label="寮�濮嬫椂闂�" align="center" + min-width="2%" /> - <!-- <el-table-column - prop="maintenancEendTime" - label="缁撴潫妫�淇椂闂�" - align="center" - /> --> + <el-table-column prop="" label="鎿嶄綔" align="center" min-width="2%"> + <template #default="scope"> + <el-button + type="primary" + size="small" + @click="forceOffline(scope.row)" + > + 寮哄埗涓嬬嚎</el-button + > + </template> + </el-table-column> </el-table> </div> + <el-pagination + style="margin-top: 2rem" + background + layout="prev, pager, next" + :total="pageTotal" + @current-change="handleCurrentChange" + /> </div> </template> <script setup> -import { onMounted, ref } from "vue"; +import { onMounted, reactive, ref, toRef } from "vue"; import store from "@/store/index"; import { MaintenanceTasksOfTheDay, StartMaintenceTask, StopMaintenanceTask, } from "@/api/user"; -import { YShowStartTake } from "@/api/newapi/Maintenance.js"; +import { + YShowStartTake, + PersonnelMonitoring, + ForceOffline, +} from "@/api/newapi/Maintenance.js"; import { ElMessage } from "element-plus"; const userInfo = ref(store.state.userInfo); const isStart = ref(false); //鏄惁寮�濮嬫淇� const tableData = ref([]); //妫�淇换鍔℃暟鎹� const isMobile = ref(false); //鏄惁鏄Щ鍔ㄧ +const obj = { + selectType: "", + inputcontent: "", +}; +const queryForm = toRef({ ...obj }); +//鍒嗛〉璇锋眰鍙傛暟 +const pageQuery = reactive({ + page: 1, //褰撳墠椤甸潰 + rows: 20, //姣忛〉鏄剧ず鏉℃暟 + order: "desc", //鎺掑簭鏂瑰紡 + sort: "", //鎺掑簭瀛楁 + wheres: "", //鏉′欢鏌ヨ +}); +const pageTotal = ref(0); //鎬绘潯鏁� //鑾峰彇褰撳ぉ妫�淇换鍔� const getMaintenanceTasksOfTheDay = async () => { MaintenanceTasksOfTheDay({ @@ -141,13 +189,18 @@ }); }; const getStartTake = async () => { - YShowStartTake().then((res) => { + PersonnelMonitoring({ + pageIndex: pageQuery.page, + pageSize: pageQuery.rows, + searchKeyword: queryForm.value.inputcontent, + }).then((res) => { if (res.data.length > 0) { isStart.value = true; } else { isStart.value = false; } - tableData.value = res.data; + pageTotal.value = res.data.totalCount; + tableData.value = res.data.items; }); }; const startdisabled = ref(false); //寮�濮嬫寜閽槸鍚︾鐢� @@ -156,9 +209,6 @@ StartMaintenceTask({ account: userInfo.value.userName, }).then((res) => { - // isStart.value = true; - // tableData.value = [res.data]; - // startdisabled.value = true; getStartTake(); }); }; @@ -168,11 +218,31 @@ account: userInfo.value.userName, }).then((res) => { isStart.value = false; - tableData.value = [res.data]; + getStartTake(); }); +}; +// 寮哄埗涓嬬嚎 +const forceOffline = async (row) => { + ForceOffline({ + id: row.id, + account: userInfo.value.userName, + }).then((res) => { + ElMessage({ + message: res.message, + type: "success", + duration: 2000, + }); + getStartTake(); + }); +}; +const handleCurrentChange = (val) => { + pageQuery.page = val; + getStartTake(); }; onMounted(() => { + console.log(pageQuery); + // getMaintenanceTasksOfTheDay(); // 鑾峰彇褰撳墠灞忓箷寰楀搴� const screenWidth = window.innerWidth; @@ -201,7 +271,7 @@ } .content_box { - width: 70%; + width: 95%; height: 40%; background-color: rgba(9, 48, 104, 1); color: rgba(16, 16, 16, 1); @@ -236,7 +306,7 @@ } .content_box { - width: 70%; + width: 95%; height: 40%; background-color: rgba(9, 48, 104, 1); color: rgba(16, 16, 16, 1); -- Gitblit v1.9.3