小程序

Mr.Zhang

2023-09-12 617e4ec527a240d2bc030e813c98652c1bc65d06

小程序

 minipro_standard/components/LabelSelection.vue

@@ -77,12 +77,10 @@
                flex-shrink: 0;
                margin-right: 20rpx;
                border: 1rpx solid #CCCCCC;
                text {
                    font-size: 26rpx;
                    font-weight: 400;
                    line-height: 26rpx;
                    color: #555555;
                }
            }
        }
    }

 minipro_standard/pages/index/index.vue

@@ -2,29 +2,19 @@
    <view class="index">

        <!-- <web-view v-if="show" @onPostMessage="onMessage" :src="'https://dmtest.ahapp.net/doumeeplant_h5/#/appletLogin?code=' + code"></web-view> -->

        <!-- {{$store.state.statusbarHeight}} -->

        <div class="content_search">
            <v-Search @searchInput="searchForm.mixParam" @submit="search" @reset="reset" :isShow="true"
                placeholder="搜索关键字">
            </v-Search>
            <div class="content_search_x"></div>
            <v-LableSelection :TagList="tagList" :isShow="true" @change="clickTag"></v-LableSelection>
        </div>

		
        <u-sticky>

            <view class="plr30 pb30 nav-style">

                <view

                    :style="{background: '#fff', zIndex: '999', paddingTop: `${statusbarHeight}px`, height: `${navHeight}px`, lineHeight:`${navHeight}px`, textAlign: 'center'}">

                    待办</view>

                <view class="cY">

                    <u-search placeholder="搜索关键字" bgColor="#f7f7f7" :showAction="false" @search="search"

                        shape="square" v-model="searchForm.mixParam"></u-search>

                    <image src="../../static/filter@2x.png" class="img48 ml20" @click="filterAction" mode=""></image>

                </view>

                <view class="cY mt30 bg_w">

                    <view v-for="item in tagList" :key="item.id" class="tag_item mr10"

                        :class="searchForm.status==item.id?'sbtn_green':'sbtn_black_rim'" @click="selectType(item.id)">

                        {{`${item.name}(${item.num})`}}

                    </view>

                </view>

                <div class="content_search">
                    <v-Search @searchInput="searchInput" @submit="search" @reset="reset" :isShow="true"
                        placeholder="搜索关键字">
                    </v-Search>
                    <div class="content_search_x"></div>
                    <LabelSelection :TagList="tagList" :isShow="true" @change="clickTag"></LabelSelection>
                </div>

            </view>

        </u-sticky>

        <scroll-view v-if="projectList.length" scroll-y refresher-enabled="true" :refresher-triggered="triggered" @scrolltolower="loadMore"

@@ -73,6 +63,8 @@


<script>

    import myTabbar from "@/components/myTabber.vue"

    import vSearch from '@/components/Search.vue'
    import LabelSelection from '@/components/LabelSelection.vue'

    import {

        getList,

        pageCount

@@ -82,7 +74,9 @@
    } from 'vuex'

    export default {

        components: {

            myTabbar

            myTabbar,
            vSearch,
            LabelSelection

        },

        data() {

            return {

@@ -170,6 +164,20 @@
            this.loadData()

        },

        methods: {

            // 搜索
            searchInput(val) {
                this.searchForm.mixParam = val;
                this.search();
                this.getPageCount()
            },
            getPageCount() {
                pageCount({mixParam: this.searchForm.mixParam})
                    .then(res => {
                        this.tagList[0].num = res.data.startNum
                        this.tagList[1].num = res.data.endNum
                    })
                    .catch(err => {})
            },

            loadData() {

                getList({

                        model: this.searchForm,

@@ -201,7 +209,7 @@
                this.page.page += 1

                this.loadData()

            },

            selectType(status) {

            clickTag(status) {

                if (this.searchForm.status == status) return

                this.searchForm.status = status
                this.search()

@@ -505,4 +513,7 @@
        height: 52rpx;
        line-height: 52rpx;
    }

    .content_search_x {
        height: 24rpx;
    }

</style>