From b281791abab23d672922b7e9b7d1b51e348ed710 Mon Sep 17 00:00:00 2001 From: pengwei <2071057782@qq.com> Date: 星期四, 08 五月 2025 14:30:32 +0800 Subject: [PATCH] 5.8 --- 项目代码/伸缩杆/client/src/views/tts/DataLogging/Datalogging.vue | 202 ++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 160 insertions(+), 42 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 684ee01..082070b 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" @@ -1,21 +1,38 @@ <template> <div class="Datalogging"> <div class="content"> - <div class="checkbox" :style="{ width: roleINFO == 1 ? '22rem' : '15rem' }"> - <div :class="['item', isactive == 1 ? 'isactive' : '']" @click="changeactive(1)"> + <div + class="checkbox" + :style="{ width: roleINFO == 1 ? '22rem' : '15rem' }" + > + <div + :class="['item', isactive == 1 ? 'isactive' : '']" + @click="changeactive(1)" + > 妫�淇缃褰� </div> - <div :class="['item', isactive == 2 ? 'isactive' : '']" @click="changeactive(2)"> + <div + :class="['item', isactive == 2 ? 'isactive' : '']" + @click="changeactive(2)" + > 妫�淇搷浣滆褰� </div> - <div v-if="roleINFO == 1" :class="['item', isactive == 3 ? 'isactive' : '']" @click="changeactive(3)"> + <div + v-if="roleINFO == 1" + :class="['item', isactive == 3 ? 'isactive' : '']" + @click="changeactive(3)" + > 鐧诲綍璁板綍 </div> </div> <div class="serch"> <div class="time_box"> <div class="time">{{ isactive == 1 ? "鍒嗛厤鏃堕棿" : "鎿嶄綔鏃堕棿" }}</div> - <el-date-picker v-model="queryForm.selectTime" prefix-icon="none" clear-icon="none" style=" + <el-date-picker + v-model="queryForm.selectTime" + prefix-icon="none" + clear-icon="none" + style=" font-size: 0.75rem !important; border: 0.06rem solid rgba(222, 222, 222, 1); border-radius: 0 0.25rem 0.25rem 0; @@ -23,101 +40,170 @@ width: 19rem; height: 2rem; border-left: 0; - " format="YYYY-MM-DD HH:mm:ss" type="datetimerange" range-separator="~" start-placeholder="璧峰鏃ユ湡" - end-placeholder="鎴鏃ユ湡" size="small" /> + " + format="YYYY-MM-DD HH:mm:ss" + type="datetimerange" + range-separator="~" + start-placeholder="璧峰鏃ユ湡" + end-placeholder="鎴鏃ユ湡" + size="small" + /> </div> <div class="serch_box"> <div class="serchb">鍏ㄥ眬鎼滅储</div> - <input v-model="queryForm.selectInput" placeholder="璇疯緭鍏ュ叧閿瘝鎼滅储" style="border-left: 0.06rem solid #e2e2e2" /> + <input + v-model="queryForm.selectInput" + placeholder="璇疯緭鍏ュ叧閿瘝鎼滅储" + style="border-left: 0.06rem solid #e2e2e2" + /> </div> - <el-button @click="handleQuery" type="primary" size="small" - style="margin-left: 0.98rem; height: 2rem">鏌ヨ</el-button> - <el-button size="small" style="height: 2rem" @click="resetQuery">閲嶇疆</el-button> + <el-button + @click="handleQuery" + type="primary" + size="small" + style="margin-left: 0.98rem; height: 2rem" + >鏌ヨ</el-button + > + <el-button size="small" style="height: 2rem" @click="resetQuery" + >閲嶇疆</el-button + > </div> <div class="btns"> <div style="display: flex; align-items: center"> - <el-button size="small" style="width: 5.5rem; height: 2rem; font-size: 0.88rem" - @click="printExcel">鎵归噺瀵煎嚭</el-button> + <el-button + size="small" + style="width: 5.5rem; height: 2rem; font-size: 0.88rem" + @click="printExcel" + >鎵归噺瀵煎嚭</el-button + > </div> </div> <div style="margin-top: 1rem; height: 100%"> <!-- 妫�淇缃褰� --> - <el-table empty-text="鏆傛棤鏁版嵁" v-if="isactive == 1" :data="tableData" height="450" style="width: 100%" + <el-table + empty-text="鏆傛棤鏁版嵁" + v-if="isactive == 1" + :data="tableData" + height="450" + style="width: 100%" :header-cell-style="{ background: 'rgba(250,250,250,1)', color: '#101010', fontSize: '0.88rem', height: '3rem', border: 'none', - }" :row-style="{ + }" + :row-style="{ color: '#101010', fontSize: '0.88rem', height: '3rem', - }"> + }" + > <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="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" /> + <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="distributionTime" label="鍒嗛厤鏃堕棿" align="center" /> + <el-table-column + prop="distributionTime" + label="鍒嗛厤鏃堕棿" + align="center" + /> <el-table-column prop="" label="鍒嗛厤妫�淇憳" align="center"> <template #default> {{ userName }} </template> </el-table-column> </el-table> <!-- 妫�淇搷浣滆褰曡褰� --> - <el-table empty-text="鏆傛棤鏁版嵁" v-if="isactive == 2" :data="tableData" height="450" style="width: 100%" + <el-table + empty-text="鏆傛棤鏁版嵁" + v-if="isactive == 2" + :data="tableData" + height="450" + style="width: 100%" :header-cell-style="{ background: 'rgba(250,250,250,1)', color: '#101010', fontSize: '0.88rem', height: '3rem', border: 'none', - }" :row-style="{ + }" + :row-style="{ color: '#101010', fontSize: '0.88rem', height: '3rem', - }"> + }" + > <el-table-column type="selection" align="center" /> <el-table-column prop="userTrueName" 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" /> + <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="maintenancStartTime" + label="杩涘叆妫�淇椂闂�" + align="center" + /> + <el-table-column + prop="maintenancEendTime" + label="閫�鍑烘淇椂闂�" + align="center" + /> <el-table-column prop="" label="妫�淇亾鍙�" align="center"> </el-table-column> </el-table> <!-- 鐧诲綍璁板綍 --> - <el-table empty-text="鏆傛棤鏁版嵁" v-if="isactive == 3" :data="tableData" height="450" style="width: 100%" + <el-table + empty-text="鏆傛棤鏁版嵁" + v-if="isactive == 3" + :data="tableData" + height="450" + style="width: 100%" :header-cell-style="{ background: 'rgba(250,250,250,1)', color: '#101010', fontSize: '0.88rem', height: '3rem', border: 'none', - }" :row-style="{ + }" + :row-style="{ color: '#101010', fontSize: '0.88rem', 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="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" /> + <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="loginTiem" label="鐧诲綍鏃堕棿" align="center" /> @@ -125,22 +211,48 @@ <el-table-column label="鎿嶄綔鍐呭" align="center" /> </el-table> </div> - <div style=" + <div + style=" display: flex; justify-content: right; align-self: flex-end; margin-bottom: 1.19rem; margin-right: 1.25rem; - "> - <el-pagination v-if="isactive == 1" size="small" background layout="prev, pager, next" - :current-page="pageQuery.page" :page-size="pageQuery.rows" :total="pageTotal" @size-change="handleSizeChange" - @current-change="handleCurrentChange" /> - <el-pagination v-if="isactive == 2" size="small" background layout="prev, pager, next" - :current-page="pageQuery1.page" :page-size="pageQuery1.rows" :total="pageTotal1" - @size-change="handleSizeChange" @current-change="handleCurrentChange" /> - <el-pagination v-if="isactive == 3" size="small" background layout="prev, pager, next" - :current-page="pageQuery2.page" :page-size="pageQuery2.rows" :total="pageTotal2" - @size-change="handleSizeChange" @current-change="handleCurrentChange" /> + " + > + <el-pagination + v-if="isactive == 1" + size="small" + background + layout="prev, pager, next" + :current-page="pageQuery.page" + :page-size="pageQuery.rows" + :total="pageTotal" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + /> + <el-pagination + v-if="isactive == 2" + size="small" + background + layout="prev, pager, next" + :current-page="pageQuery1.page" + :page-size="pageQuery1.rows" + :total="pageTotal1" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + /> + <el-pagination + v-if="isactive == 3" + size="small" + background + layout="prev, pager, next" + :current-page="pageQuery2.page" + :page-size="pageQuery2.rows" + :total="pageTotal2" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + /> </div> </div> </div> @@ -240,6 +352,9 @@ }, ]; const selectoptions = ref([]); +const account = localStorage.getItem("user") + ? JSON.parse(localStorage.getItem("user")).userName + : ""; //鑾峰彇璐﹀彿 selectoptions.value = tasklogging; const changeactive = (index) => { @@ -317,6 +432,7 @@ : "", sortField: "distributionTime", sortOrder: "desc", + account: account, }).then((res) => { tableData.value = res.data.items; pageTotal.value = res.data.totalCount; @@ -350,6 +466,7 @@ : "", sortField: "maintenancStartTime", sortOrder: "desc", + account: account, }).then((res) => { tableData.value = res.data.items; pageTotal1.value = res.data.totalCount; @@ -383,6 +500,7 @@ : "", sortField: "loginTime", sortOrder: "desc", + account: account, }).then((res) => { tableData.value = res.data.items; pageTotal2.value = res.data.totalCount; -- Gitblit v1.9.3