From 4b2e902503ac1fabde7340ca26a1adbc0018d118 Mon Sep 17 00:00:00 2001 From: 艺术家 <10819716+q100102@user.noreply.gitee.com> Date: 星期三, 11 六月 2025 17:31:41 +0800 Subject: [PATCH] 代码提交 --- 项目代码/伸缩杆/client/src/views/tts/DataLogging/Datalogging.vue | 297 +++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 229 insertions(+), 68 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/DataLogging/Datalogging.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/DataLogging/Datalogging.vue" index b7cb767..61be221 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/DataLogging/Datalogging.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/DataLogging/Datalogging.vue" @@ -9,7 +9,7 @@ :class="['item', isactive == 1 ? 'isactive' : '']" @click="changeactive(1)" > - 妫�淇缃褰� + 妫�淇褰� </div> <div :class="['item', isactive == 2 ? 'isactive' : '']" @@ -27,7 +27,16 @@ </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" @@ -64,17 +73,31 @@ 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 > @@ -86,36 +109,52 @@ 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" /> - <!-- <el-table-column prop="teamName" label="缁勫埆" align="center" /> --> + <el-table-column prop="unit" label="鍗曚綅" align="center" /> + <el-table-column prop="teamName" label="鐝粍" align="center" /> + <el-table-column prop="roleName" 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 @@ -128,12 +167,21 @@ </template> </el-table-column> <el-table-column + prop="maintenanceStatus" + label="妫�淇姸鎬�" + align="center" + > + <template #default="scope"> + <span v-if="scope.row.maintenanceStatus == 0"> 鏈笂绾� </span> + <span v-else-if="scope.row.maintenanceStatus == 1"> 宸蹭笂绾� </span> + </template> + </el-table-column> + <el-table-column prop="distributionTime" label="鍒嗛厤鏃堕棿" align="center" /> - <!-- <el-table-column prop="Creater" label="鍒嗛厤妫�淇憳" align="center"> - </el-table-column> --> + <el-table-column prop="endTime" label="涓嬬嚎鏃堕棿" align="center" /> <el-table-column prop="ipAddress" label="璁惧IP" @@ -146,25 +194,44 @@ 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"> @@ -176,20 +243,39 @@ 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" /> @@ -222,7 +308,7 @@ > <el-pagination v-if="isactive == 1" - size="small" + size="large" background layout="prev, pager, next" :current-page="pageQuery.page" @@ -233,7 +319,7 @@ /> <el-pagination v-if="isactive == 2" - size="small" + size="large" background layout="prev, pager, next" :current-page="pageQuery1.page" @@ -244,7 +330,7 @@ /> <el-pagination v-if="isactive == 3" - size="small" + size="large" background layout="prev, pager, next" :current-page="pageQuery2.page" @@ -269,7 +355,11 @@ import { MaintenanceSettingRecord, AuthGetPageData, + DeleteMaintenanceRecord, + DeleteAuthRecord, + DeleteLoginRecord, } from "@/api/newapi/MaintenanceTeam"; +import { ElMessage } from "element-plus"; const obj = { selectTime: [], // 鏃堕棿鑼冨洿 selectType: "", @@ -575,6 +665,43 @@ }); } }; + +//鎵归噺鍒犻櫎 +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(() => { @@ -716,21 +843,21 @@ 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; } @@ -753,8 +880,8 @@ .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; @@ -762,6 +889,10 @@ display: flex; align-items: center; justify-content: center; + } + :deep(.el-input__wrapper) { + height: 3rem !important; + font-size: 1.25rem !important; } } @@ -774,26 +905,46 @@ .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; } } @@ -805,6 +956,13 @@ 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; + } } } @@ -826,4 +984,7 @@ flex-direction: row-reverse !important; justify-content: normal !important; } +:deep(.el-select .el-select__wrapper) { + height: 2rem; +} </style> -- Gitblit v1.9.3