|
@@ -8,6 +8,7 @@
|
|
|
<thead class="m-table-hander">
|
|
<thead class="m-table-hander">
|
|
|
<tr>
|
|
<tr>
|
|
|
<th>用户名</th>
|
|
<th>用户名</th>
|
|
|
|
|
+ <th>姓名</th>
|
|
|
<th>班级</th>
|
|
<th>班级</th>
|
|
|
<th>学号</th>
|
|
<th>学号</th>
|
|
|
<th>电话</th>
|
|
<th>电话</th>
|
|
@@ -19,79 +20,14 @@
|
|
|
</tr>
|
|
</tr>
|
|
|
</thead>
|
|
</thead>
|
|
|
<tbody>
|
|
<tbody>
|
|
|
- <tr>
|
|
|
|
|
- <th style="color: #EA252C;">张小旭</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>CMII09</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>15038728747</th>
|
|
|
|
|
- <th>2021-01-01</th>
|
|
|
|
|
- <th>90</th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_edit">修改</button></th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_delete">删除</button></th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th style="color: #EA252C;">张小旭</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>CMII09</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>15038728747</th>
|
|
|
|
|
- <th>2021-01-01</th>
|
|
|
|
|
- <th>90</th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_edit">修改</button></th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_delete">删除</button></th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th style="color: #EA252C;">张小旭</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>CMII09</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>15038728747</th>
|
|
|
|
|
- <th>2021-01-01</th>
|
|
|
|
|
- <th>90</th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_edit">修改</button></th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_delete">删除</button></th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th style="color: #EA252C;">张小旭</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>CMII09</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>15038728747</th>
|
|
|
|
|
- <th>2021-01-01</th>
|
|
|
|
|
- <th>90</th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_edit">修改</button></th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_delete">删除</button></th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th style="color: #EA252C;">张小旭</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>CMII09</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>15038728747</th>
|
|
|
|
|
- <th>2021-01-01</th>
|
|
|
|
|
- <th>90</th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_edit">修改</button></th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_delete">删除</button></th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th style="color: #EA252C;">张小旭</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>CMII09</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>15038728747</th>
|
|
|
|
|
- <th>2021-01-01</th>
|
|
|
|
|
- <th>90</th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_edit">修改</button></th>
|
|
|
|
|
- <th style="position: relative;"><button type="default" size="mini" class="m_delete">删除</button></th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th style="color: #EA252C;">张小旭</th>
|
|
|
|
|
- <th>26</th>
|
|
|
|
|
|
|
+ <tr v-for="(item,index) in tabledata" :key="index">
|
|
|
|
|
+ <th style="color: #EA252C;">{{item.UserID}}</th>
|
|
|
|
|
+ <th>{{item.Name}}</th>
|
|
|
|
|
+ <th>{{item.Class}}</th>
|
|
|
<th>CMII09</th>
|
|
<th>CMII09</th>
|
|
|
- <th>26</th>
|
|
|
|
|
- <th>15038728747</th>
|
|
|
|
|
- <th>2021-01-01</th>
|
|
|
|
|
|
|
+ <th>{{item.PhoneNum}}</th>
|
|
|
|
|
+ <th>{{item.IlabAccount}}</th>
|
|
|
|
|
+ <th>{{item.SiginTime}}</th>
|
|
|
<th>90</th>
|
|
<th>90</th>
|
|
|
<th style="position: relative;"><button type="default" size="mini" class="m_edit">修改</button></th>
|
|
<th style="position: relative;"><button type="default" size="mini" class="m_edit">修改</button></th>
|
|
|
<th style="position: relative;"><button type="default" size="mini" class="m_delete">删除</button></th>
|
|
<th style="position: relative;"><button type="default" size="mini" class="m_delete">删除</button></th>
|
|
@@ -101,11 +37,11 @@
|
|
|
</view>
|
|
</view>
|
|
|
<view class="m_right_footer">
|
|
<view class="m_right_footer">
|
|
|
<view class="m_paging">
|
|
<view class="m_paging">
|
|
|
- <text class="m_paging_item m_paging_upper">上一页</text>
|
|
|
|
|
- <text class="m_paging_item" :key="i" v-for="i in 8" @click="paging(i)" :class="i==index?'p_act':''">
|
|
|
|
|
|
|
+ <text class="m_paging_item m_paging_upper" v-show="pageIndex>1&&pageCount>0">上一页</text>
|
|
|
|
|
+ <text class="m_paging_item" :key="i" v-for="i in pageCount" @click="paging(i)" :class="i==pageIndex?'p_act':''">
|
|
|
{{i}}
|
|
{{i}}
|
|
|
</text>
|
|
</text>
|
|
|
- <text class="m_paging_item m_paging_lower">下一页</text>
|
|
|
|
|
|
|
+ <text class="m_paging_item m_paging_lower" v-show="pageIndex!=pageCount&&pageCount>0">下一页</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -116,12 +52,55 @@
|
|
|
name: "manager_user",
|
|
name: "manager_user",
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
- index: 1,
|
|
|
|
|
|
|
+ queryList: {
|
|
|
|
|
+ UserID: "",
|
|
|
|
|
+ BeginNum: 0,
|
|
|
|
|
+ EndNum: 15,
|
|
|
|
|
+ },
|
|
|
|
|
+ pageIndex: 1,
|
|
|
|
|
+ pageSize: 16,
|
|
|
|
|
+ pageCount: 12,
|
|
|
|
|
+ tabledata: []
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
|
|
+ created() {
|
|
|
|
|
+ this.getlist();
|
|
|
|
|
+ },
|
|
|
methods: {
|
|
methods: {
|
|
|
paging(obj) {
|
|
paging(obj) {
|
|
|
- this.index = obj;
|
|
|
|
|
|
|
+ this.pageIndex = obj;
|
|
|
|
|
+ this.queryList.BeginNum = (this.pageIndex - 1) * this.pageSize;
|
|
|
|
|
+ this.queryList.EndNum = this.pageIndex * this.pageSize - 1;
|
|
|
|
|
+ this.getlist();
|
|
|
|
|
+ },
|
|
|
|
|
+ getlist() {
|
|
|
|
|
+ this.queryList.UserID = this.$UserId;
|
|
|
|
|
+ uni.request({
|
|
|
|
|
+ url: this.$Api + "/backstage/getalluser",
|
|
|
|
|
+ data: this.queryList,
|
|
|
|
|
+ method: "POST",
|
|
|
|
|
+ dataType: "json",
|
|
|
|
|
+ success: res => {
|
|
|
|
|
+ var {
|
|
|
|
|
+ data
|
|
|
|
|
+ } = res;
|
|
|
|
|
+ if (data.code == 100) {
|
|
|
|
|
+ if (data.AllNumOfList > 0) {
|
|
|
|
|
+ this.tabledata = res.Users
|
|
|
|
|
+ var tempCount = parseInt(data.AllNumOfList / this.pageSize);
|
|
|
|
|
+ if (tempCount * this.pageSize == data.AllNumOfList)
|
|
|
|
|
+ this.pageCount = tempCount;
|
|
|
|
|
+ else
|
|
|
|
|
+ this.pageCount = tempCount + 1;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.tabledata = [];
|
|
|
|
|
+ }
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.tabledata = [];
|
|
|
|
|
+ this.pageCount = 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -134,12 +113,12 @@
|
|
|
padding: 0 150rpx;
|
|
padding: 0 150rpx;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1);
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_right_hander {
|
|
.m_right_hander {
|
|
|
text-align: right;
|
|
text-align: right;
|
|
|
height: 250rpx;
|
|
height: 250rpx;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_btn_red {
|
|
.m_btn_red {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
height: 80rpx;
|
|
height: 80rpx;
|
|
@@ -152,25 +131,26 @@
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
tbody tr {
|
|
tbody tr {
|
|
|
border-top: 2rpx solid #DDDDDD !important;
|
|
border-top: 2rpx solid #DDDDDD !important;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
tbody tr th {
|
|
tbody tr th {
|
|
|
font-weight: 400 !important;
|
|
font-weight: 400 !important;
|
|
|
height: 140rpx;
|
|
height: 140rpx;
|
|
|
line-height: 140rpx;
|
|
line-height: 140rpx;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
tbody tr:hover {
|
|
tbody tr:hover {
|
|
|
// color: #fff;
|
|
// color: #fff;
|
|
|
background: #FDEBEC;
|
|
background: #FDEBEC;
|
|
|
// opacity: 0.08;
|
|
// opacity: 0.08;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m-table-hander {
|
|
.m-table-hander {
|
|
|
background-color: #FFF8F7;
|
|
background-color: #FFF8F7;
|
|
|
height: 140rpx;
|
|
height: 140rpx;
|
|
@@ -178,7 +158,7 @@
|
|
|
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
|
|
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_edit {
|
|
.m_edit {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 50%;
|
|
top: 50%;
|
|
@@ -188,7 +168,7 @@
|
|
|
color: rgb(255, 255, 255);
|
|
color: rgb(255, 255, 255);
|
|
|
min-width: 130rpx;
|
|
min-width: 130rpx;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_delete {
|
|
.m_delete {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 50%;
|
|
top: 50%;
|
|
@@ -198,34 +178,34 @@
|
|
|
background: rgb(234, 37, 44);
|
|
background: rgb(234, 37, 44);
|
|
|
color: rgb(255, 255, 255);
|
|
color: rgb(255, 255, 255);
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_right_footer {
|
|
.m_right_footer {
|
|
|
margin-top: 80rpx;
|
|
margin-top: 80rpx;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_paging {
|
|
.m_paging {
|
|
|
text-align: right;
|
|
text-align: right;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_paging_item {
|
|
.m_paging_item {
|
|
|
padding: 10rpx 18rpx;
|
|
padding: 10rpx 18rpx;
|
|
|
border: 1rpx solid #DDDDDD;
|
|
border: 1rpx solid #DDDDDD;
|
|
|
border-radius: 8rpx;
|
|
border-radius: 8rpx;
|
|
|
margin-right: 10rpx;
|
|
margin-right: 10rpx;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.p_act {
|
|
.p_act {
|
|
|
background: #EA252C;
|
|
background: #EA252C;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
border: inherit;
|
|
border: inherit;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_paging_item:hover {
|
|
.m_paging_item:hover {
|
|
|
background: #EA252C;
|
|
background: #EA252C;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
border: inherit;
|
|
border: inherit;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.m_act1 {
|
|
.m_act1 {
|
|
|
color: #FF0019;
|
|
color: #FF0019;
|
|
|
}
|
|
}
|