+人员查询 样式调整

liuyg

2022-03-08 8e43744f4be885d994b35bb5f4473711b0615cb9

+人员查询  样式调整

 pages/grabOrders/personnelCount/people.vue

New file
@@ -0,0 +1,11 @@
<template>
    <view class="people">
		
    </view>
</template>

<script>
</script>

<style>
</style>

 pages/grabOrders/personnelCount/personnelCount - 副本.vue

New file
@@ -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>

 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;
            }
        }
    }


 static/style/app.scss

@@ -106,4 +106,22 @@
            .u-border-top:after,
            .u-border:after {
                border: 0px solid transparent !important;
            }}
            }}
.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;
        }
		
		
    }