From 8e43744f4be885d994b35bb5f4473711b0615cb9 Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Tue, 08 Mar 2022 18:49:06 +0800
Subject: [PATCH] +人员查询 样式调整
---
static/style/app.scss | 20 +
pages/grabOrders/personnelCount/people.vue | 11
pages/grabOrders/personnelCount/personnelCount.vue | 377 +++++++++++++++++++--
pages/grabOrders/personnelCount/personnelCount - 副本.vue | 610 +++++++++++++++++++++++++++++++++++
4 files changed, 967 insertions(+), 51 deletions(-)
diff --git a/pages/grabOrders/personnelCount/people.vue b/pages/grabOrders/personnelCount/people.vue
new file mode 100644
index 0000000..42aac17
--- /dev/null
+++ b/pages/grabOrders/personnelCount/people.vue
@@ -0,0 +1,11 @@
+<template>
+ <view class="people">
+
+ </view>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
diff --git "a/pages/grabOrders/personnelCount/personnelCount - \345\211\257\346\234\254.vue" "b/pages/grabOrders/personnelCount/personnelCount - \345\211\257\346\234\254.vue"
new file mode 100644
index 0000000..35b6b56
--- /dev/null
+++ "b/pages/grabOrders/personnelCount/personnelCount - \345\211\257\346\234\254.vue"
@@ -0,0 +1,610 @@
+<template>
+ <view class="advisory-big">
+ <view class="m-top">
+ </view>
+ <view class="bomBut">
+ <view class="bomButin" v-show="!openIt">
+ <u-grid :col="1" v-for="(item,index) in list" :key="index + item.active" v-show="item.active">
+ <u-grid-item :custom-style=" activeStyle" :class="['activeStyles']">
+ <view class="grid-text">
+ {{item.num}}人
+ </view>
+ <!-- <u-badge :count="item.num" :offset="[20, 20]"></u-badge> -->
+ <u-image v-show="item.active" width="24px" height="24px" :src="item.imgSrc1"></u-image>
+ <!-- <u-icon name="photo" :size="46"></u-icon> -->
+ <view class="grid-text">{{item.name}}</view>
+ </u-grid-item>
+ </u-grid>
+ <view class="icons" @click="openIts(true)">
+ <u-icon name="arrow-down"></u-icon>
+ </view>
+ </view>
+ <view class="bomButin" v-show="openIt">
+ <u-grid :col="3" v-for="(item,index) in listLength" :key="index">
+ <u-grid-item @click="openSee(index * 3 +0)"
+ :custom-style="list[index * 3 +0].active? activeStyle:{}"
+ :class="[list[index * 3 +0].active?'activeStyles':'']">
+ <view class="grid-text">
+ {{list[index * 3 +0].num}}人
+ </view>
+ <!-- <u-badge :count="list[index * 3 +0].num" :offset="[20, 20]"></u-badge> -->
+ <u-image v-show="list[index * 3 +0].active" width="24px" height="24px"
+ :src="list[index * 3 +0].imgSrc1"></u-image>
+ <u-image v-show="!list[index * 3 +0].active" width="24px" height="24px"
+ :src="list[index * 3 +0].imgSrc"></u-image>
+ <!-- <u-icon name="photo" :size="46"></u-icon> -->
+ <view class="grid-text">{{list[index * 3 +0].name}}</view>
+ </u-grid-item>
+ <u-grid-item @click="openSee(index * 3 +1)"
+ :custom-style="list[index * 3 +1].active? activeStyle:{}"
+ :class="[list[index * 3 +1].active?'activeStyles':'']" v-if="list[index * 3 +1]">
+ <view class="grid-text">
+ {{list[index * 3 +1].num}}人
+ </view>
+ <!-- <u-badge :count="list[index * 3 +1].num" :offset="[21, 21]"></u-badge> -->
+ <u-image v-show="list[index * 3 +1].active" width="24px" height="24px"
+ :src="list[index * 3 +1].imgSrc1"></u-image>
+ <u-image v-show="!list[index * 3 +1].active" width="24px" height="24px"
+ :src="list[index * 3 +1].imgSrc"></u-image>
+ <!-- <u-icon name="photo" :size="46"></u-icon> -->
+ <view class="grid-text">{{list[index * 3 +1].name}}</view>
+ </u-grid-item>
+ <u-grid-item @click="openSee(index * 3 +2)"
+ :custom-style="list[index * 3 +2].active? activeStyle:{}"
+ :class="[list[index * 3 +2].active?'activeStyles':'']" v-if="list[index * 3 +2]">
+ <view class="grid-text">
+ {{list[index * 3 +2].num}}人
+ </view>
+ <!-- <u-badge :count="list[index * 3 +2].num" :offset="[22, 22]"></u-badge> -->
+ <u-image v-show="list[index * 3 +2].active" width="24px" height="24px"
+ :src="list[index * 3 +2].imgSrc1"></u-image>
+ <u-image v-show="!list[index * 3 +2].active" width="24px" height="24px"
+ :src="list[index * 3 +2].imgSrc"></u-image>
+ <!-- <u-icon name="photo" :size="46"></u-icon> -->
+ <view class="grid-text">{{list[index * 3 +2].name}}</view>
+ </u-grid-item>
+
+ </u-grid>
+ <view class="icons" @click="openIts(false)">
+ <u-icon name="arrow-up"></u-icon>
+ </view>
+ </view>
+ </view>
+
+ <view class="bomList">
+ <scroll-view id="articleBox" :style="{ height: swiperHeight + 'px' }" class="article-content" scroll-y
+ style="width: 100%; margin-top: 15rpx;">
+ <view class="people" v-for="(item ,index) in people" :key="item.name + index">
+
+ <!-- {{item.roleName}}:{{item.name}}
+ {{item.phone}}:{{item.sexName}} -->
+ <!-- <u-line color="#103289" /> -->
+ <u-card :title="item.name">
+ <view class="" slot="body">
+ <view>
+ <view style="margin-bottom: 10px;" class="u-body-item-title u-line-1">
+ 性别：{{item.sexName}}
+ </view>
+ </view>
+ <view>
+ <view class="u-body-item-title u-line-1">所属：{{item.roleName}}</view>
+ </view>
+ </view>
+ <view class="" slot="foot">
+ </u-icon>电话：{{item.phone}}</view>
+ </u-card>
+ </view>
+ <u-divider>没有更多了</u-divider>
+ </scroll-view>
+ </view>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ openIt: true,
+ list: [{
+ name: '治保会队伍',
+ num: 32,
+ active: true,
+ imgSrc: '/static/personnelCountImg/wyh.png',
+ imgSrc1: '/static/personnelCountImg/wyh1.png',
+ }, {
+ name: '内保干部队伍',
+ num: 49,
+ active: false,
+ imgSrc: '/static/personnelCountImg/zabw.png',
+ imgSrc1: '/static/personnelCountImg/zabw1.png',
+ }, {
+ name: '治安巡防队伍',
+ num: 36,
+ active: false,
+ imgSrc: '/static/personnelCountImg/xf.png',
+ imgSrc1: '/static/personnelCountImg/xf1.png',
+ }, {
+ name: '信息员队伍',
+ num: 30,
+ active: false,
+ imgSrc: '/static/personnelCountImg/xxy.png',
+ imgSrc1: '/static/personnelCountImg/xxy1.png',
+ }, {
+ name: '保安员队伍',
+ num: 15995,
+ active: false,
+ imgSrc: '/static/personnelCountImg/badw.png',
+ imgSrc1: '/static/personnelCountImg/badw1.png',
+ }, {
+ name: '警务辅助队伍',
+ num: 15,
+ active: false,
+ imgSrc: '/static/personnelCountImg/jfd.png',
+ imgSrc1: '/static/personnelCountImg/jfd1.png',
+ }, {
+ name: '志愿者',
+ num: 1,
+ active: false,
+ imgSrc: '/static/personnelCountImg/wyh.png',
+ imgSrc1: '/static/personnelCountImg/wyh1.png',
+ }],
+ activeStyle: {
+ backgroundColor: '#103289',
+ colot: "#fff",
+ borderRadius: '5px',
+ },
+ swiperHeight: 0,
+ people: [{
+ account: "jdmbl",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-17 11:53:58",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360121",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1416244760012685313",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "马宝林",
+ online_status: "",
+ phone: "",
+ postId: "",
+ postName: "",
+ realName: "马宝林",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-10-29 14:56:45",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: 1,
+ userTypeName: "WEB",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }, {
+ account: "015854",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-29 10:34:36",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360103",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1420573441011056641",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "张绪光",
+ online_status: "",
+ phone: "15797875659",
+ postId: "",
+ postName: "",
+ realName: "张绪光",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-08-10 18:01:30",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: -1,
+ userTypeName: "用户平台",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }, {
+ account: "015854",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-29 10:34:36",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360103",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1420573441011056641",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "张绪光",
+ online_status: "",
+ phone: "15797875659",
+ postId: "",
+ postName: "",
+ realName: "张绪光",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-08-10 18:01:30",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: -1,
+ userTypeName: "用户平台",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }, {
+ account: "015854",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-29 10:34:36",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360103",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1420573441011056641",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "张绪光",
+ online_status: "",
+ phone: "15797875659",
+ postId: "",
+ postName: "",
+ realName: "张绪光",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-08-10 18:01:30",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: -1,
+ userTypeName: "用户平台",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }, {
+ account: "015854",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-29 10:34:36",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360103",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1420573441011056641",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "张绪光",
+ online_status: "",
+ phone: "15797875659",
+ postId: "",
+ postName: "",
+ realName: "张绪光",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-08-10 18:01:30",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: -1,
+ userTypeName: "用户平台",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }]
+ }
+ },
+ computed: {
+ listLength() {
+ return Math.ceil(this.list.length / 3);
+ },
+ },
+ methods: {
+ openIts(val) {
+ this.openIt = val;
+ this.setSizes();
+ },
+ openSee(val) {
+ console.log(this.list[val].name)
+ for (let k in this.list) {
+ this.list[k].active = false;
+ }
+ this.list[val].active = true;
+ },
+ onLoad() {},
+ onReady() {
+ let that = this;
+ uni.getSystemInfo({
+ success(e) {
+ // console.log(e);
+ let {
+ windowWidth,
+ windowHeight,
+ safeArea
+ } = e;
+ const query = uni.createSelectorQuery().in(that);
+ query
+ .select('#articleBox')
+ .boundingClientRect(data => {
+ // console.log(safeArea.bottom - data.top - 50)
+ that.swiperHeight = (safeArea.bottom - data.top - 50);
+ })
+ .exec();
+ }
+ });
+ },
+ setSizes() {
+ let that = this;
+ uni.getSystemInfo({
+ success(e) {
+ // console.log(e);
+ let {
+ windowWidth,
+ windowHeight,
+ safeArea
+ } = e;
+ const query = uni.createSelectorQuery().in(that);
+ query
+ .select('#articleBox')
+ .boundingClientRect(data => {
+ console.log(safeArea.bottom - data.top - 50)
+ that.swiperHeight = (safeArea.bottom - data.top - 50);
+ })
+ .exec();
+ }
+ });
+ }
+ }
+ }
+</script>
+
+<style lang="scss">
+ .advisory-big {
+ width: 100%;
+ height: 100%;
+ /* #ifdef APP-PLUS */
+ height: 100vh !important;
+ /* #endif */
+ background-color: #f7f7f7;
+ }
+
+ .bomBut {
+ width: 93%;
+ margin: 0 auto;
+ height: auto;
+ z-index: 999;
+ border-radius: 10px;
+ margin-top: -2.5rem;
+ background-color: #fff;
+
+ .bomButin {
+ border-radius: 10px;
+
+ .icons {
+ width: 100%;
+ height: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ }
+ }
+
+ .bomList {
+ width: 93%;
+ margin: 0 auto;
+ /* height: 30rem; */
+ height: auto;
+ z-index: 999;
+ border-radius: 10px;
+ margin-top: 1rem;
+ background-color: #fff;
+ }
+
+ .bom-text {
+ font-size: 30rpx;
+ font-family: PingFang SC;
+ color: #585b61;
+ padding-left: 30rpx;
+ }
+
+ .bom-int {
+ font-size: 40rpx;
+ font-family: PingFang SC;
+ color: #ff910a;
+ font-weight: bold;
+ padding-left: 30rpx;
+ padding-top: 10rpx;
+ }
+
+ .m-top {
+ width: 100%;
+ height: 3rem;
+ border-radius: 0px 0px 20px 20px;
+ background-image: linear-gradient(to bottom, #103289, #174cd1);
+ color: #fff;
+ flex-direction: column;
+ }
+
+ .u-row {
+ margin: 10rpx 0;
+ }
+
+ .demo-layout {
+ height: 80rpx;
+ border-radius: 8rpx;
+ }
+
+ .bg-purple {
+ background: #d3dce6;
+ }
+
+ .bg-purple-light {
+ background: #e5e9f2;
+ }
+
+ .bg-purple-dark {
+ background: #99a9bf;
+ }
+
+ .advisory-model {
+ width: 93%;
+ margin: 0 auto;
+ margin-top: 0.5rem;
+ height: 3rem;
+ background-color: #FFF;
+ }
+
+ .advisory-title {
+ font-size: 15px;
+ font-weight: 550;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ }
+
+ .advisory-title-down {
+ /* background-color: #0078A8; */
+ width: 100%;
+ height: 25%;
+ font-size: 12px;
+ font-weight: 350;
+ color: #808080;
+ padding-top: 10rpx;
+ }
+
+ .advisory-title-time {
+ position: relative;
+ }
+
+ .advisory-right {
+ // background-color: #222222;
+ left: 25%;
+ top: 30%;
+ position: relative;
+ }
+
+ .advisory-left {
+ width: 64%;
+ height: 80%;
+ float: left;
+ position: relative;
+ // background-color: #00FFFF;
+ left: 3%;
+ top: 10%;
+ }
+
+ .advisory-line {
+ top: 70%;
+ position: relative;
+ }
+
+ .advisory-title-integraladd {
+ color: #00aaff;
+ }
+
+ .advisory-title-integral {
+ color: #ff0000;
+ }
+
+ .activeStyles {
+ .grid-text {
+ color: #fff;
+ }
+ }
+</style>
diff --git a/pages/grabOrders/personnelCount/personnelCount.vue b/pages/grabOrders/personnelCount/personnelCount.vue
index ef0486c..931bc54 100644
--- a/pages/grabOrders/personnelCount/personnelCount.vue
+++ b/pages/grabOrders/personnelCount/personnelCount.vue
@@ -3,10 +3,26 @@
<view class="m-top">
</view>
<view class="bomBut">
- <view class="bomButin">
+ <view class="bomButin" v-if="!openIt">
+ <u-grid :col="1" v-for="(item,index) in list" :key="index" v-show="item.active">
+ <u-grid-item :custom-style=" activeStyle" :class="['activeStyles']">
+ <view class="grid-text">
+ {{item.num}}人
+ </view>
+ <!-- <u-badge :count="item.num" :offset="[20, 20]"></u-badge> -->
+ <u-image v-show="item.active" width="24px" height="24px" :src="item.imgSrc1"></u-image>
+ <!-- <u-icon name="photo" :size="46"></u-icon> -->
+ <view class="grid-text">{{item.name}}</view>
+ </u-grid-item>
+ </u-grid>
+ <view class="icons" @click="openIts(true)">
+ <u-icon name="arrow-down"></u-icon>
+ </view>
+ </view>
+ <view class="bomButin" v-if="openIt">
<u-grid :col="3" v-for="(item,index) in listLength" :key="index">
<u-grid-item @click="openSee(index * 3 +0)"
- :custom-style="list[index * 3 +0].active? activeStyle:''"
+ :custom-style="list[index * 3 +0].active? activeStyle:{}"
:class="[list[index * 3 +0].active?'activeStyles':'']">
<view class="grid-text">
{{list[index * 3 +0].num}}人
@@ -20,7 +36,7 @@
<view class="grid-text">{{list[index * 3 +0].name}}</view>
</u-grid-item>
<u-grid-item @click="openSee(index * 3 +1)"
- :custom-style="list[index * 3 +1].active? activeStyle:''"
+ :custom-style="list[index * 3 +1].active? activeStyle:{}"
:class="[list[index * 3 +1].active?'activeStyles':'']" v-if="list[index * 3 +1]">
<view class="grid-text">
{{list[index * 3 +1].num}}人
@@ -34,7 +50,7 @@
<view class="grid-text">{{list[index * 3 +1].name}}</view>
</u-grid-item>
<u-grid-item @click="openSee(index * 3 +2)"
- :custom-style="list[index * 3 +2].active? activeStyle:''"
+ :custom-style="list[index * 3 +2].active? activeStyle:{}"
:class="[list[index * 3 +2].active?'activeStyles':'']" v-if="list[index * 3 +2]">
<view class="grid-text">
{{list[index * 3 +2].num}}人
@@ -49,13 +65,36 @@
</u-grid-item>
</u-grid>
+ <view class="icons" @click="openIts(false)">
+ <u-icon name="arrow-up"></u-icon>
+ </view>
</view>
</view>
<view class="bomList">
<scroll-view id="articleBox" :style="{ height: swiperHeight + 'px' }" class="article-content" scroll-y
style="width: 100%; margin-top: 15rpx;">
- 4543
+ <view class="people" v-for="(item ,index) in people" :key="item.name + index">
+
+ <!-- {{item.roleName}}:{{item.name}}
+ {{item.phone}}:{{item.sexName}} -->
+ <!-- <u-line color="#103289" /> -->
+ <u-card :title="item.name">
+ <view class="" slot="body">
+ <view>
+ <view style="margin-bottom: 10px;" class="u-body-item-title u-line-1">
+ 性别：{{item.sexName}}
+ </view>
+ </view>
+ <view>
+ <view class="u-body-item-title u-line-1">所属：{{item.roleName}}</view>
+ </view>
+ </view>
+ <view class="" slot="foot">
+ </u-icon>电话：{{item.phone}}</view>
+ </u-card>
+ </view>
+ <u-divider>没有更多了</u-divider>
</scroll-view>
</view>
</view>
@@ -65,8 +104,8 @@
export default {
data() {
return {
- dqjf: "暂无",
- ljjf: "暂无",
+ openIt: true,
+ heightBottom: null,
list: [{
name: '治保会队伍',
num: 32,
@@ -115,22 +154,238 @@
colot: "#fff",
borderRadius: '5px',
},
- options1: [{
- label: '全部',
- value: 1,
- },
- {
- label: '积分获取',
- value: 2,
- },
- {
- label: '积分支出',
- value: 3,
- }
- ],
- value1: 1,
- data: [],
- swiperHeight: 0
+ swiperHeight: 0,
+ people: [{
+ account: "jdmbl",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-17 11:53:58",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360121",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1416244760012685313",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "马宝林",
+ online_status: "",
+ phone: "",
+ postId: "",
+ postName: "",
+ realName: "马宝林",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-10-29 14:56:45",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: 1,
+ userTypeName: "WEB",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }, {
+ account: "015854",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-29 10:34:36",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360103",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1420573441011056641",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "张绪光",
+ online_status: "",
+ phone: "15797875659",
+ postId: "",
+ postName: "",
+ realName: "张绪光",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-08-10 18:01:30",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: -1,
+ userTypeName: "用户平台",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }, {
+ account: "015854",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-29 10:34:36",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360103",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1420573441011056641",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "张绪光",
+ online_status: "",
+ phone: "15797875659",
+ postId: "",
+ postName: "",
+ realName: "张绪光",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-08-10 18:01:30",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: -1,
+ userTypeName: "用户平台",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }, {
+ account: "015854",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-29 10:34:36",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360103",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1420573441011056641",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "张绪光",
+ online_status: "",
+ phone: "15797875659",
+ postId: "",
+ postName: "",
+ realName: "张绪光",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-08-10 18:01:30",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: -1,
+ userTypeName: "用户平台",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }, {
+ account: "015854",
+ address: "",
+ auditTime: "",
+ avatar: "",
+ birthday: "",
+ cardid: "",
+ code: "",
+ createDept: "1372091709474910209",
+ createTime: "2021-07-29 10:34:36",
+ createUser: "1123598821738675201",
+ deptId: "1424615590148038657,1424615693403414529",
+ deptName: "群防群控队伍,治保会队伍",
+ district: "360103",
+ email: "",
+ examination_mx: "正常",
+ examination_type: "0",
+ id: "1420573441011056641",
+ isDeleted: 0,
+ jd: "",
+ jobUnit: "",
+ jurisdiction: "",
+ name: "张绪光",
+ online_status: "",
+ phone: "15797875659",
+ postId: "",
+ postName: "",
+ realName: "张绪光",
+ roleId: "1372092102682521602",
+ roleName: "群防群控队伍",
+ sex: 1,
+ sexName: "男",
+ signals: "",
+ status: 1,
+ stype: "1",
+ tenantId: "000000",
+ tenantName: "南昌市公安局",
+ updateTime: "2021-08-10 18:01:30",
+ updateUser: "1123598821738675201",
+ userExt: "",
+ userType: -1,
+ userTypeName: "用户平台",
+ wd: "",
+ work_status: "",
+ workaddress: "",
+ workjurisdiction: "",
+ }]
}
},
computed: {
@@ -139,36 +394,44 @@
},
},
methods: {
+ openIts(val) {
+ this.openIt = val;
+ this.setSizes();
+ },
openSee(val) {
- console.log(this.list[val].name)
+ if(this.list[val].active){
+ return;
+ }
for (let k in this.list) {
this.list[k].active = false;
}
this.list[val].active = true;
+ console.log(this.list[val].name)
},
- onLoad() {
- this.getData(1);
- },
- getData(e) {
- var that = this;
- uni.request({
- url: that.$store.state.piAPI + '/integral/selectCount?uid=' + this.$store.state.puserID +
- "&type=" + e,
- method: 'POST',
- success(res) {
- that.dqjf = res.data.data.sjf;
- that.ljjf = res.data.data.zjf.integral;
- that.data = res.data.data.list;
- }
- });
- },
- goDetail() {
-
- },
- change(e) {
- this.getData(e);
- },
+ onLoad() {},
onReady() {
+ this.setSizes();
+ // let that = this;
+ // uni.getSystemInfo({
+ // success(e) {
+ // // console.log(e);
+ // let {
+ // windowWidth,
+ // windowHeight,
+ // safeArea
+ // } = e;
+ // const query = uni.createSelectorQuery().in(that);
+ // query
+ // .select('#articleBox')
+ // .boundingClientRect(data => {
+ // // console.log(safeArea.bottom - data.top - 50)
+ // that.swiperHeight = (safeArea.bottom - data.top - 50);
+ // })
+ // .exec();
+ // }
+ // });
+ },
+ setSizes() {
let that = this;
uni.getSystemInfo({
success(e) {
@@ -180,15 +443,21 @@
} = e;
const query = uni.createSelectorQuery().in(that);
query
- .select('#articleBox')
+ .select('.bomBut')
.boundingClientRect(data => {
- // console.log(safeArea.bottom - data.top - 50)
- that.swiperHeight = (safeArea.bottom - data.top - 50);
+ let h = windowHeight - data.height - 30;
+ if (that.heightBottom == null) {
+ that.swiperHeight = h;
+ that.heightBottom = windowHeight - 122 - 30;
+ } else {
+ that.swiperHeight = that.heightBottom;
+ that.heightBottom = h;
+ }
})
.exec();
}
});
- },
+ }
}
}
</script>
@@ -214,6 +483,14 @@
.bomButin {
border-radius: 10px;
+
+ .icons {
+ width: 100%;
+ height: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
}
}
diff --git a/static/style/app.scss b/static/style/app.scss
index 16facec..582188b 100644
--- a/static/style/app.scss
+++ b/static/style/app.scss
@@ -106,4 +106,22 @@
.u-border-top:after,
.u-border:after {
border: 0px solid transparent !important;
- }}
\ No newline at end of file
+ }}
+.people {
+ width: 100%;
+ height: auto;
+ // border: 1px solid red;
+.u-card.u-border.u-card--border{
+ border: 1px solid rgba($color: #103289, $alpha: .5);
+}
+ .u-card{
+ margin: 0px 0 10px !important;
+ }
+ .u-card__head.u-border-bottom,.u-card__body,.u-card__foot.u-border-top{
+ padding-top: 10px !important;
+ padding-bottom: 10px !important;
+ }
+
+
+ }
+
\ No newline at end of file
--
Gitblit v1.9.3