搜索条件添加

tangzy

2022-02-11 0fea9646c92cc2655840d5c0f65f3554ba3a41ea

搜索条件添加

 pages/alarm_list/industry/industry.vue

@@ -1,12 +1,24 @@
<template>
    <scroll-view id="articleBox" :style="{ height: swiperHeight + 'px' }" class="article-content" scroll-y
        style="width: 100%; margin-top: 15rpx;">
        <view v-for="(i, index) in data" class="advisory-model">
            <u-cell-group :title="i.company">
                <u-cell-item icon="order" @click="goDetail(index)" :title="i.policy" :label="i.time.substring(0,11)"></u-cell-item>
            </u-cell-group>
    <view>
        <view>
            <view class="search-block" style="height: 35px">
                <view class="search-ico-wapper">
                    <image src="../../../static/images/search/search.png" class="search-ico" mode=""></image>
                </view>
                <input type="text" v-on:input="getKeyword" v-model="keyword" placeholder="搜索" class="search-text"
                    maxlength="10" focus />
            </view>
        </view>
    </scroll-view>
        <scroll-view id="articleBox" :style="{ height: swiperHeight + 'px' }" class="article-content" scroll-y
            style="width: 100%; margin-top: 15rpx;">
            <view v-for="(i, index) in data" class="advisory-model">
                <u-cell-group :title="i.company">
                    <u-cell-item icon="order" @click="goDetail(index)" :title="i.policy"
                        :label="i.time.substring(0,11)"></u-cell-item>
                </u-cell-group>
            </view>
        </scroll-view>
    </view>
</template>

<script>
@@ -15,6 +27,7 @@
            return {
                data: [],
                swiperHeight: 0,
                keyword: '',
            }
        },
        onLoad() {
@@ -24,7 +37,7 @@
        methods: {
            goDetail(index) {
                uni.navigateTo({
                    url:'./industry_detail?data='+ this.data[index].id
                    url: './industry_detail?data=' + this.data[index].id
                })
            },
            onReady() {
@@ -52,25 +65,87 @@
            getData() {
                var that = this;
                uni.request({
                    url: that.$store.state.piAPI + '/policy/page',
                    url: that.$store.state.piAPI + 'policy/page',
                    method: 'GET',
                    success: (res) => {
                        that.data = res.data.data.records;
                    }
                });
            },
            //on input 通过 keyword 关键字查询
            getKeyword() {
                this.getIndutry();
            },
            getIndutry() {
                var that = this;
                uni.request({
                    url: that.$store.state.piAPI + 'policy/page',
                    method: 'GET',
                    data: {
                        policy: this.keyword,
                    },
                    success: (res) => {
                        that.data = res.data.data.records;
                    }
                });
            }
        }
    }
</script>

<style lang="scss" scoped>
    /* 搜索框 */
    .search-ico,
    .search-ico-1 {
        width: 40upx;
        height: 40upx;
    }

    .search-block {
        width: 94%;
        margin: 0 auto;
        // background-color: #007AFF;
        display: flex;
        flex-direction: row;
        position: relative;
        top: 0.55rem;

        .search-ico-wapper {
            background-color: #F1F1F1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0upx 0upx 0upx 15upx;
            border-bottom-left-radius: 7px;
            border-top-left-radius: 7px;
        }

        .search-text {
            font-size: 14px;
            background-color: #F1F1F1;
            height: 70upx;
            width: 100%;
            padding-left: 0.5rem;
        }

        .search-ico-wapper1 {
            background-color: #F1F1F1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0upx 15upx 0upx 0upx;
            border-bottom-right-radius: 7px;
            border-top-right-radius: 7px;
        }
    }

    .u-cell_title {
        width: 250rpx;
        float: left;
        letter-spacing: 1px;
         white-space: nowrap;
        white-space: nowrap;
        overflow: hidden;
         text-overflow:ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;

 pages/alarm_list/organ/organ.vue

@@ -1,18 +1,31 @@
<template>
    <scroll-view id="articleBox" :style="{ height: swiperHeight + 'px' }" class="article-content" scroll-y
        style="width: 100%; margin-top: 15rpx;">
        <view v-for="(i, index) in data" class="advisory-model">
            <u-cell-group>
                <u-cell-item :arrow='false' icon="man-add" @click="goDetail(index)" :title="i.organization"
                    :label="i.time.substring(0,11)" :value="i.type=='0'?'审核中':i.type=='1'?'通过':i.type=='2'?'未通过':'未通过'">
                    <u-icon v-if="i.type == '0'" class="sh" slot="right-icon" size="32" name="clock"></u-icon>
                    <u-icon v-if="i.type == '1'" class="tg" slot="right-icon" size="32" name="checkmark-circle"></u-icon>
                    <u-icon v-if="i.type == '2'" class="bh" slot="right-icon" size="32" name="close-circle"></u-icon>
                </u-cell-item>
            </u-cell-group>
    <view>
        <view>
            <view class="search-block" style="height: 35px">
                <view class="search-ico-wapper">
                    <image src="../../../static/images/search/search.png" class="search-ico" mode=""></image>
                </view>
                <input type="text" v-on:input="getKeyword" v-model="keyword" placeholder="搜索" class="search-text"
                    maxlength="10" focus />
            </view>
        </view>

    </scroll-view>
        <scroll-view id="articleBox" :style="{ height: swiperHeight + 'px' }" class="article-content" scroll-y
            style="width: 100%; margin-top: 15rpx;">
            <view v-for="(i, index) in data" class="advisory-model">
                <u-cell-group>
                    <u-cell-item :arrow='false' icon="man-add" @click="goDetail(index)" :title="i.organization"
                        :label="i.time.substring(0,11)"
                        :value="i.type=='0'?'审核中':i.type=='1'?'通过':i.type=='2'?'未通过':'未通过'">
                        <u-icon v-if="i.type == '0'" class="sh" slot="right-icon" size="32" name="clock"></u-icon>
                        <u-icon v-if="i.type == '1'" class="tg" slot="right-icon" size="32" name="checkmark-circle">
                        </u-icon>
                        <u-icon v-if="i.type == '2'" class="bh" slot="right-icon" size="32" name="close-circle">
                        </u-icon>
                    </u-cell-item>
                </u-cell-group>
            </view>
        </scroll-view>
    </view>
</template>

<script>
@@ -21,6 +34,7 @@
            return {
                data: [],
                swiperHeight: 0,
                keyword: '',
            }
        },
        onLoad() {
@@ -29,7 +43,7 @@
        },
        methods: {
            goDetail(index) {
				

            },
            onReady() {
                let that = this;
@@ -57,18 +71,81 @@
                var that = this;
                var userid = that.$store.state.UserData.user_id;
                uni.request({
                    url: that.$store.state.piAPI + '/organ/page?uid=' + userid,
                    url: that.$store.state.piAPI + 'organ/page?uid=' + userid,
                    method: 'GET',
                    success: (res) => {
                        that.data = res.data.data.records;
                    }
                });
            },
            //on input 通过 keyword 关键字查询
            getKeyword() {
                this.getIndutry();
            },
            getIndutry() {
                var that = this;
                uni.request({
                    url: that.$store.state.piAPI + 'organ/page',
                    method: 'GET',
                    data: {
                        organization: this.keyword,
                        uid:that.$store.state.UserData.user_id
                    },
                    success: (res) => {
                        that.data = res.data.data.records;
                    }
                });
            }
        }
    }
</script>

<style lang="scss" scoped>
    /* 搜索框 */
    .search-ico,
    .search-ico-1 {
        width: 40upx;
        height: 40upx;
    }

    .search-block {
        width: 94%;
        margin: 0 auto;
        // background-color: #007AFF;
        display: flex;
        flex-direction: row;
        position: relative;
        top: 0.55rem;

        .search-ico-wapper {
            background-color: #F1F1F1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0upx 0upx 0upx 15upx;
            border-bottom-left-radius: 7px;
            border-top-left-radius: 7px;
        }

        .search-text {
            font-size: 14px;
            background-color: #F1F1F1;
            height: 70upx;
            width: 100%;
            padding-left: 0.5rem;
        }

        .search-ico-wapper1 {
            background-color: #F1F1F1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0upx 15upx 0upx 0upx;
            border-bottom-right-radius: 7px;
            border-top-right-radius: 7px;
        }
    }

    .u-cell_title {
        width: 250rpx;
        float: left;
@@ -86,10 +163,12 @@
        color: #55aaff;
        padding-left: 10px;
    }

    .bh {
        color: #e60303;
        padding-left: 10px;
    }

    .tg {
        color: #00f300;
        padding-left: 10px;