From dc2b637e3ead569adee4cf7a48b0bb15f8c7aa43 Mon Sep 17 00:00:00 2001
From: feige <791364011@qq.com>
Date: 星期五, 01 三月 2024 20:46:19 +0800
Subject: [PATCH] 修改类似的代码
---
ruoyi-ui/src/views/shouye/shouye.vue | 173 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 170 insertions(+), 3 deletions(-)
diff --git a/ruoyi-ui/src/views/shouye/shouye.vue b/ruoyi-ui/src/views/shouye/shouye.vue
index 4e86d4b..5c37369 100644
--- a/ruoyi-ui/src/views/shouye/shouye.vue
+++ b/ruoyi-ui/src/views/shouye/shouye.vue
@@ -1,15 +1,182 @@
<template>
- <div>
- xiugaixiangqing
+ <div class="app-container" >
+ <div class="bkg_image">
+ <img src="../../assets/images/shouyeInfo.png">
+ <div class="overlay">
+ <div class="table-container">
+ <div style="padding-top:15px;padding-left:30px;padding-bottom:-20px"><span class="text">淇敼璁板綍</span></div>
+ <el-divider/>
+ <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;">
+ <el-table-column label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" style="width: 20%" align="center"/>
+
+ <el-table-column label="琚慨鏀规ā鍧�" prop="module" sortable style="width: 25%" align="center">
+ </el-table-column>
+ <el-table-column label="淇敼鏃堕棿" prop="updateTime" sortable style="width: 25%" align="center"/>
+ <el-table-column label="淇敼浜�" prop="updater" sortable style="width: 25%" align="center"/>
+ </el-table>
+
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ style="background: #FEF7FC;"
+ />
+ </div>
+ </div>
+ </div>
</div>
</template>
<script>
+
+import{getShouye} from "@/api/shouye";
+
export default {
- name: "index"
+ name: "index",
+ data() {
+ return {
+ // 閬僵灞�
+ disabled: false,
+ loading: true,
+ formData:[],
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ // 琛ㄦ牸鏁版嵁
+ infoList: [],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+ // 鏄惁鏄剧ず寮瑰嚭灞�
+ open: false,
+ // 鏄惁鏄剧ず寮瑰嚭灞傦紙鏁版嵁鏉冮檺锛�
+ openDataScope: false,
+ menuExpand: false,
+ menuNodeAll: false,
+ deptExpand: true,
+ deptNodeAll: false,
+ // 鏃ユ湡鑼冨洿
+ dateRange: [],
+ // 鏁版嵁鑼冨洿閫夐」
+ fot:[".jpg",".jif"],
+ fileList:[],
+ fileListOther:[],
+ dsb:true,
+ btn:false,
+ formDat: {
+ module: undefined,
+ updateTime: undefined,
+ updater: undefined
+ },
+ // 鑿滃崟鍒楄〃
+ menuOptions: [],
+ // 閮ㄩ棬鍒楄〃
+ deptOptions: [],
+ // 鏌ヨ鍙傛暟
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ },
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ defaultProps: {
+ children: "children",
+ label: "label"
+ },
+ typeOptions: [],
+
+ };
+ },
+ created() {
+ this.getList()
+ },
+ methods: {
+ //闅旇鍙樿壊
+ tableRowClassName({ row, rowIndex }) {
+ if (rowIndex % 2 == 0) {
+ return "statistics-warning-row1";
+ } else {
+ return "statistics-warning-row";
+ }
+ },
+
+ /** 鏌ヨ瑙掕壊鍒楄〃 */
+ getList() {
+ this.loading = true;
+ // console.log(this.queryParams)
+ // listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+ // console.log("111")
+ getShouye(this.queryParams).then(response => {
+ // alert(123)
+ // console.log("222")
+ this.infoList = response.data.data;
+ // console.log(this.infoList)
+ this.total = response.data.total;
+ this.loading = false;
+ }
+ );
+ },
+
+ getRowId(row)
+ {
+ return row.id
+ },
+
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(selection) {
+ this.ids = selection.map(item => item.id)
+ console.log(this.ids)
+ this.single = selection.length!=1
+ this.multiple = !selection.length
+ },
+
+
+ },
}
</script>
<style scoped>
+.app-container{
+ background-color: #FEF7FC;
+}
+.el-table__row.statistics-warning-row {
+ background: #E0EEFE;
+
+}
+.el-table__row.statistics-warning-row1 {
+ background: #FFEFF2;
+
+}
+.text{
+ font-size: 16px;
+ line-height: 24px;
+ text-align: center;
+}
+.bkg_image img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ margin: -5px;
+}
+.bkg_image {
+ position: relative; /* 璁剧疆鐩稿瀹氫綅 */
+}
+.overlay {
+ position: absolute; /* 璁剧疆缁濆瀹氫綅 */
+ top: 10px;
+ left: 10px;
+ width: 100%;
+ height: 90%;
+ background-color: rgba(255, 255, 255, 0.5); /* 鍗婇�忔槑棰滆壊锛屽彲鏍规嵁闇�姹傝皟鏁撮�忔槑搴� */
+ z-index: 1; /* 灏嗚〃鏍肩疆浜庡浘鐗囦笂鏂� */
+}
</style>
--
Gitblit v1.9.1