From 0fea9646c92cc2655840d5c0f65f3554ba3a41ea Mon Sep 17 00:00:00 2001
From: tangzy <tangzy123456>
Date: Fri, 11 Feb 2022 08:48:55 +0800
Subject: [PATCH] 搜索条件添加
---
pages/alarm_list/industry/industry.vue | 97 +++++++++++++++++++++--
pages/alarm_list/organ/organ.vue | 109 +++++++++++++++++++++++---
2 files changed, 180 insertions(+), 26 deletions(-)
diff --git a/pages/alarm_list/industry/industry.vue b/pages/alarm_list/industry/industry.vue
index 5c74a66..f692048 100644
--- a/pages/alarm_list/industry/industry.vue
+++ b/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;
diff --git a/pages/alarm_list/organ/organ.vue b/pages/alarm_list/organ/organ.vue
index a41d36b..dd9f5dc 100644
--- a/pages/alarm_list/organ/organ.vue
+++ b/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;
--
Gitblit v1.9.3