Lou
2024-01-03 a89e8fb29a2a9d3cbaa532ed1ca3ecfac190151d
更新
1 files modified
161 ■■■■ changed files
subPackage/workbench/views/csjl.vue 161 ●●●● patch | view | raw | blame | history
subPackage/workbench/views/csjl.vue
@@ -1,15 +1,21 @@
<template>
    <view class="container">
        <u-sticky  v-if="from == 'home'">
        <u-sticky v-if="from == 'home'">
            <view class="tabsAndSearch">
                <view class="tabs">
                    <u-tabs :list="tabsList" @click="tabClick"  :inactiveStyle="{color:'#999999'}"
                :activeStyle="{color:'#017BFC'}" :scrollable="false"></u-tabs>
                    <u-tabs :list="tabsList" @click="tabClick" :inactiveStyle="{color:'#999999'}"
                        :activeStyle="{color:'#017BFC'}" :scrollable="false"></u-tabs>
                </view>
                <view class="search">
                <view class="search flex j-c-s-b a-i-c f-28">
                    <view class="filter-box flex a-i-c" @click="isShowPopup = true">
                        <text class="f-28 " style="margin-right:5rpx;">筛选</text>
                        <u-icon name="arrow-down"></u-icon>
                    </view>
                    <u-search placeholder="请输入场所名称" v-model="iptContext" :clearabled="true" :showAction="true"
                        :animation="true" @change="keyWordChange" @search="searchConfirm"
                        @clear="clearConfirm"   @custom="searchConfirm"></u-search>
                        :animation="true" @change="keyWordChange" @search="searchConfirm" @clear="clearConfirm"
                        @custom="searchConfirm"></u-search>
                </view>
            </view>
        </u-sticky>
@@ -34,6 +40,25 @@
        </view>
        <u-toast ref="uToast"></u-toast>
        <u-loadmore :status="status" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="没有更多了" line />
        <u-popup :show="isShowPopup" @close="closePopup()" mode="top" :safeAreaInsetTop="true">
            <view class="popup">
                <view class="popup-title f-30">
                    是否有二维码
                </view>
                <view class="popup-select flex">
                    <block v-for="(i,k) in filterList" :key="k">
                        <view :class="['popup-cell',tempFilterIndex == k?'bgc-main c-ff':'cell-before c-main']"
                            @click="selectItem(i,k)">
                            {{i.name}}
                        </view>
                    </block>
                </view>
                <view class="popup-btn flex j-c-s-b a-i-c">
                    <button class="popup-btn-item f-30 c-main" @click="restSelect()">重置</button>
                    <button class="popup-btn-item bgc-main c-ff f-30" @click="comfirmSelect()">确定</button>
                </view>
            </view>
        </u-popup>
    </view>
</template>
@@ -66,25 +91,43 @@
                tabsType: 0,
                status: 'nomore',
                currentRole: {},
                from:"home"   ,//页面跳入来源
                houseCode:""
                from: "home", //页面跳入来源
                houseCode: "",
                isShowPopup: false,
                filterList: [{
                        name: "全部",
                        type: ""
                    },
                    {
                        name: "有",
                        type: 1
                    },
                    {
                        name: "无",
                        type: 2
                    },
                ],
                filterIndex: 0,
                selectType: "",
                tempFilterIndex: 0
            }
        },
        onLoad(option){
            if(option.from){
        onLoad(option) {
            if (option.from) {
                this.from = option.from;
                // this.iptContext = option.name;
                // this.getrRecordList(option.name);
            }
            if(option.stdId){
            if (option.stdId) {
                this.houseCode = option.stdId
            }
        },
        onShow() {
            this.recordsData = []
            this.currentRole = uni.getStorageSync('activeRole')
            this.getrRecordList()
        },
        onReachBottom() {
@@ -114,7 +157,7 @@
                    isPerfect,
                    roleName,
                    ...this.pagingParams,
                    houseCode:this.houseCode
                    houseCode: this.houseCode
                })
                if (code !== 200) {
                    this.$u.func.showToast({
@@ -164,7 +207,45 @@
                }
                let url = "/subPackage/workbench/views/cscj?id=" + id + "&type=1"
                this.$u.func.globalNavigator(url)
            },
            selectItem(item, index) {
                this.tempFilterIndex = index;
                this.selectType = item.type;
            },
            comfirmSelect() {
                this.filterIndex = this.tempFilterIndex;
                this.pagingParams = {
                    current: 1,
                    size: 10,
                    source: this.selectType
                }
                this.recordsData = []
                this.getrRecordList(this.iptContext, this.tabsType)
                this.isShowPopup = false;
            },
            restSelect() {
                this.filterIndex = 0;
                this.tempFilterIndex = 0;
                this.pagingParams = {
                    current: 1,
                    size: 10,
                    source: ""
                }
                this.recordsData = []
                this.getrRecordList(this.iptContext, this.tabsType)
                this.isShowPopup = false;
            },
            closePopup() {
                this.selectType = this.pagingParams.source || "";
                this.tempFilterIndex = this.filterIndex;
                this.isShowPopup = false;
            }
        }
    }
</script>
@@ -180,7 +261,12 @@
        .tabs {}
        .search {
            padding: 20rpx 70rpx;
            padding: 20rpx 50rpx;
            .filter-box {
                padding: 0 20rpx;
                margin-right: 20rpx;
            }
            .search-ipt {
                border: 0;
@@ -202,14 +288,14 @@
            margin-bottom: 20rpx;
            .title {
                padding:20rpx 0;
                padding: 20rpx 0;
                font-size: 35rpx;
                border-bottom: 1rpx solid #f6f6f6;
                text {
                    &:nth-child(1) {
                        font-weight: 700;
                        width:50%;
                        width: 50%;
                    }
                    &:nth-child(2) {
@@ -234,4 +320,45 @@
            }
        }
    }
    .popup-title {
        padding: 20rpx 30rpx;
    }
    .popup-select {
        padding: 20rpx 30rpx;
    }
    .popup-cell {
        padding: 6rpx 30rpx;
        margin-right: 30rpx;
        font-size: 28rpx;
        border-radius: 6rpx;
    }
    .cell-before {
        border: 1px solid currentColor;
    }
    .popup-btn {
        padding: 30rpx;
        .popup-btn-item {
            width: 310rpx;
            height: 78rpx;
            line-height: 78rpx;
            border-radius: 10rpx;
            border: none;
            margin: 0;
        }
        .popup-btn-item:first-child {
            border: 1px solid currentColor;
            background-color: rgb(236, 244, 255);
        }
        .popup-btn-item::after {
            border: none;
        }
    }
</style>