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/Maintenancemanagement/Maintenancemanagement.vue | 315 +++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 237 insertions(+), 78 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/Maintenancemanagement/Maintenancemanagement.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/Maintenancemanagement/Maintenancemanagement.vue" index 9afabc8..0811f20 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/Maintenancemanagement/Maintenancemanagement.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/Maintenancemanagement/Maintenancemanagement.vue" @@ -3,168 +3,311 @@ <div class="Maintenancemanagement_l"> <div class="content"> <div class="checkbox"> - <span style=" + <span + style=" color: rgba(0, 9, 56, 1); font-size: 1.13rem; font-weight: bold; - ">鍦ㄦ浜哄憳鐩戞帶</span> + " + >鍦ㄦ浜哄憳鐩戞帶</span + > <div style="color: rgba(0, 9, 56, 1); font-size: 0.88rem"> - 姝e湪妫�淇汉鍛樻暟閲忥細<span style="color: red; font-size: 1.25rem; font-weight: bold">{{ totalCount }}</span>浣� + 姝e湪妫�淇汉鍛樻暟閲忥細<span + style="color: red; font-size: 1.25rem; font-weight: bold" + >{{ totalCount }}</span + >浣� </div> </div> <div class="serch"> <div class="time_box"> - <el-select v-model="queryForm.selectType" :empty-values="[null, undefined]" placeholder="璇烽�夋嫨" size="small" - style="width: 9rem;height:2rem; margin-right: 0.98rem;"> - <el-option v-for="item in stateType" :key="item.value" :label="item.label" :value="item.value" /> + <el-select + v-model="queryForm.selectType" + :empty-values="[null, undefined]" + placeholder="璇烽�夋嫨" + size="small" + style="width: 9rem; height: 2rem; margin-right: 0.98rem" + > + <el-option + v-for="item in stateType" + :key="item.value" + :label="item.label" + :value="item.value" + /> </el-select> </div> <div class="serch_box"> <div class="serchb">鍏ㄥ眬鎼滅储</div> - <input v-model="queryForm.inputcontent" placeholder="璇疯緭鍏ュ叧閿瘝鎼滅储" style="border-left: 0.06rem solid #e2e2e2" /> + <input + v-model="queryForm.inputcontent" + 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 style="margin-top: 1rem; height: 100%"> - <el-table empty-text="鏆傛棤鏁版嵁" height="450" :data="tableData" style="width: 100%" :header-cell-style="{ - background: 'rgba(250,250,250,1)', - color: '#101010', - fontSize: '0.88rem', - height: '3rem', - border: 'none', - }" :row-style="{ - color: '#101010', - fontSize: '0.88rem', - height: '3rem', - }"> + <el-table + empty-text="鏆傛棤鏁版嵁" + height="450" + :data="tableData" + style="width: 100%" + :header-cell-style="{ + background: 'rgba(250,250,250,1)', + color: '#101010', + fontSize: '0.88rem', + height: '3rem', + border: 'none', + }" + :row-style="{ + color: '#101010', + fontSize: '0.88rem', + height: '3rem', + }" + > <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" - :fit="fit" /> + <el-image + style="width: 5rem; height: 5rem" + :src="'http://192.168.0.80:1598' + scope.row.headImageUrl" + :fit="fit" + /> </template> </el-table-column> - <el-table-column prop="maintenanceDate" label="鍒嗛厤鏃堕棿" align="center" /> + <el-table-column + prop="maintenanceDate" + label="鍒嗛厤鏃堕棿" + align="center" + /> <el-table-column prop="fuzyuan" label="妫�淇姸鎬�" align="center"> <template #default="scope"> - <span style="color: #e7a307; font-size: 0.88rem" v-if="scope.row.maintenanceStatus == 0">寰呭紑濮�</span> - <span style="color: red; font-size: 0.88rem" v-if="scope.row.maintenanceStatus == 1">妫�淇腑</span> - <span style="color: #eee; font-size: 0.88rem" v-if="scope.row.maintenanceStatus == 2">宸插畬鎴�</span> + <span + style="color: #e7a307; font-size: 0.88rem" + v-if="scope.row.maintenanceStatus == 0" + >寰呭紑濮�</span + > + <span + style="color: red; font-size: 0.88rem" + v-if="scope.row.maintenanceStatus == 1" + >妫�淇腑</span + > + <span + style="color: #eee; font-size: 0.88rem" + v-if="scope.row.maintenanceStatus == 2" + >宸插畬鎴�</span + > </template> </el-table-column> </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 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 + size="small" + background + layout="prev, pager, next" + :current-page="pageQuery.page" + :page-size="pageQuery.rows" + :total="pageTotal" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + /> </div> </div> </div> <div class="Maintenancemanagement_r"> <div class="content"> <div class="checkbox"> - <span style=" + <span + style=" color: rgba(0, 9, 56, 1); font-size: 1.13rem; font-weight: bold; - ">璁剧疆妫�淇潈闄�</span> + " + >璁剧疆妫�淇潈闄�</span + > </div> <div class="serch"> <div class="serch_box"> <div class="serchb">鍏ㄥ眬鎼滅储</div> - <input v-model="queryForm1.inputcontent" placeholder="璇疯緭鍏ュ叧閿瘝鎼滅储" - style="border-left: 0.06rem solid #e2e2e2" /> + <input + v-model="queryForm1.inputcontent" + placeholder="璇疯緭鍏ュ叧閿瘝鎼滅储" + style="border-left: 0.06rem solid #e2e2e2" + /> </div> - <el-button @click="handleQuery1" type="primary" size="small" - style="margin-left: 0.98rem; height: 2rem">鏌ヨ</el-button> - <el-button size="small" style="height: 2rem" @click="resetQuery1">閲嶇疆</el-button> + <el-button + @click="handleQuery1" + type="primary" + size="small" + style="margin-left: 0.98rem; height: 2rem" + >鏌ヨ</el-button + > + <el-button size="small" style="height: 2rem" @click="resetQuery1" + >閲嶇疆</el-button + > </div> <div style="margin-top: 1rem; height: 100%"> - <el-table empty-text="鏆傛棤鏁版嵁" height="450" :data="gridData" style="width: 100%" :header-cell-style="{ - background: 'rgba(250,250,250,1)', - color: '#101010', - fontSize: '0.88rem', - height: '3rem', - border: 'none', - }" :row-style="{ - color: '#101010', - fontSize: '0.88rem', - height: '3rem', - }"> - <el-table-column prop="userTrueName" label="濮撳悕" align="center" min-width="3%" /> - <el-table-column prop="userName" label="璐﹀彿" align="center" min-width="3%" /> - <el-table-column prop="cardNumber" label="鍗″彿" align="center" min-width="3%" /> + <el-table + empty-text="鏆傛棤鏁版嵁" + height="450" + :data="gridData" + style="width: 100%" + :header-cell-style="{ + background: 'rgba(250,250,250,1)', + color: '#101010', + fontSize: '0.88rem', + height: '3rem', + border: 'none', + }" + :row-style="{ + color: '#101010', + fontSize: '0.88rem', + height: '3rem', + }" + > + <el-table-column + prop="userTrueName" + label="濮撳悕" + align="center" + min-width="3%" + /> + <el-table-column + prop="userName" + label="璐﹀彿" + align="center" + min-width="3%" + /> + <el-table-column + prop="cardNumber" + label="鍗″彿" + align="center" + min-width="3%" + /> - <el-table-column prop="userteam" label="鐝粍" align="center" min-width="3%" /> - <el-table-column prop="headImageUrl" label="浜鸿劯" align="center" min-width="3%"> + <el-table-column + prop="userteam" + label="鐝粍" + align="center" + min-width="3%" + /> + <el-table-column + prop="headImageUrl" + label="浜鸿劯" + align="center" + min-width="3%" + > <template #default="scope"> - <el-image style="width: 5rem; height: 5rem" :src="'http://192.168.0.80:1598' + scope.row.headImageUrl" - :fit="fit" /> + <el-image + style="width: 5rem; height: 5rem" + :src="'http://192.168.0.80:1598' + scope.row.headImageUrl" + :fit="fit" + /> </template> </el-table-column> <el-table-column label="鎿嶄綔" align="center" min-width="4%"> <template #default="scope"> - <div v-if="scope.row.isPossible == null" style=" + <div + v-if="scope.row.isPossible == null" + style=" display: flex; flex-direction: column; justify-content: space-between; align-items: center; - "> - <el-button style=" + " + > + <el-button + style=" height: 2.32rem; - width:9rem; + width: 9rem; font-size: 0.75rem; color: #fff; margin-left: 1rem; - " size="small" type="primary" @click="allow(scope.row)">鍏佽杩涘叆妫�淇�</el-button> - <el-button style=" + " + size="small" + type="primary" + @click="allow(scope.row)" + >鍏佽杩涘叆妫�淇�</el-button + > + <el-button + style=" height: 2.32rem; width: 9rem; font-size: 0.75rem; color: #fff; margin-top: 0.25rem; - " size="small" @click="forbid(scope.row)" type="warning">绂佹杩涘叆妫�淇�</el-button> + " + size="small" + @click="forbid(scope.row)" + type="warning" + >绂佹杩涘叆妫�淇�</el-button + > </div> </template> </el-table-column> </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 size="small" background layout="prev, pager, next" :current-page="pageQuery1.page" - :page-size="pageQuery1.rows" :total="pageTotal1" @size-change="handleSizeChange1" - @current-change="handleCurrentChange1" /> + " + > + <el-pagination + size="small" + background + layout="prev, pager, next" + :current-page="pageQuery1.page" + :page-size="pageQuery1.rows" + :total="pageTotal1" + @size-change="handleSizeChange1" + @current-change="handleCurrentChange1" + /> </div> </div> </div> <!-- 鍏佽杩涘叆妫�淇� --> - <el-dialog v-model="claimdialogVisible" title="鍏佽杩涘叆妫�淇�" width="400" align-center> - <div style=" + <el-dialog + v-model="claimdialogVisible" + title="鍏佽杩涘叆妫�淇�" + width="400" + align-center + > + <div + style=" height: 5rem; display: flex; justify-content: center; align-items: center; - "> + " + > <el-icon color="#FAAD14"> <WarningFilled /> </el-icon> - <span style="color: rgba(0, 0, 0, 1); font-size: 1.25rem">鏄惁纭銆恵{ info.userTrueName }}銆戜粖鏃ュ厑璁歌繘鍏ユ淇紵</span> + <span style="color: rgba(0, 0, 0, 1); font-size: 1.25rem" + >鏄惁纭銆恵{ info.userTrueName }}銆戜粖鏃ュ厑璁歌繘鍏ユ淇紵</span + > </div> <template #footer> <div class="dialog-footer" style="text-align: right"> @@ -175,17 +318,26 @@ </el-dialog> <!-- 绂佹杩涘叆妫�淇� --> - <el-dialog v-model="claimdialogVisible1" title="绂佹杩涘叆妫�淇�" width="400" align-center> - <div style=" + <el-dialog + v-model="claimdialogVisible1" + title="绂佹杩涘叆妫�淇�" + width="400" + align-center + > + <div + style=" height: 5rem; display: flex; justify-content: center; align-items: center; - "> + " + > <el-icon color="#FAAD14"> <WarningFilled /> </el-icon> - <span style="color: rgba(0, 0, 0, 1); font-size: 1.25rem">鏄惁纭銆恵{ info.userTrueName }}銆戜粖鏃ョ姝㈣繘鍏ユ淇紵</span> + <span style="color: rgba(0, 0, 0, 1); font-size: 1.25rem" + >鏄惁纭銆恵{ info.userTrueName }}銆戜粖鏃ョ姝㈣繘鍏ユ淇紵</span + > </div> <template #footer> <div class="dialog-footer" style="text-align: right"> @@ -253,6 +405,9 @@ const claimdialogVisible = ref(false); const claimdialogVisible1 = ref(false); const info = ref({}); +const account = localStorage.getItem("user") + ? JSON.parse(localStorage.getItem("user")).userName + : ""; //鑾峰彇璐﹀彿 //姝e湪妫�淇殑浜烘暟 const totalCount = ref(0); @@ -316,6 +471,7 @@ pageSize: pageQuery.value.rows, searchKeyword: queryForm.value.inputcontent, status: queryForm.value.selectType, + account: account, }).then((res) => { tableData.value = res.data.items; pageTotal.value = res.data.totalCount; @@ -330,6 +486,7 @@ pageIndex: pageQuery.value.page, pageSize: pageQuery.value.rows, searchKeyword: queryForm1.value.inputcontent, + account: account, }).then((res) => { gridData.value = res.data.items; pageTotal1.value = res.data.totalCount; @@ -351,6 +508,7 @@ pageIndex: pageQuery.value.page, pageSize: pageQuery.value.rows, searchKeyword: queryForm1.value.inputcontent, + account: account, }).then((res) => { gridData.value = res.data.items; pageTotal1.value = res.data.totalCount; @@ -360,6 +518,7 @@ pageSize: pageQuery.value.rows, searchKeyword: queryForm.value.inputcontent, status: queryForm.value.selectType, + account: account, }).then((res) => { tableData.value = res.data.items; pageTotal.value = res.data.totalCount; @@ -458,4 +617,4 @@ margin-right: 0; } } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.3