kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

申报审批更换名称

Browse Source
This commit is contained in:
aixianling
2022-08-22 16:11:17 +08:00
parent 9058b7c9bc
commit 120877de5c
2 changed files with 71 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
src/apps/AppHelpDeclaration/list.vue → src/apps/AppHelpDeclaration/AppHelpDeclaration.vue
View File

@@ -1,8 +1,9 @@
<template> <template>
<div class="list"> <div class="AppHelpDeclaration">
<AiTopFixed> <AiTopFixed>
<div class="tab-select"> <div class="tab-select">
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div> <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{ item }}<span></span>
</div>
</div> </div>
<div class="select-box"> <div class="select-box">
<div class="left"> <div class="left">
@@ -10,7 +11,8 @@
<div> <div>
<span v-if="areaId" style="color:#333;fontSize: 14px;" class="areaName">{{ areaName }}</span> <span v-if="areaId" style="color:#333;fontSize: 14px;" class="areaName">{{ areaName }}</span>
<span v-else style="color: #999;fontSize: 14px;" class="areaName">所在地区</span> <span v-else style="color: #999;fontSize: 14px;" class="areaName">所在地区</span>
<u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px" @select="areaSelect(e)"></u-icon> <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px"
@select="areaSelect(e)"></u-icon>
</div> </div>
</AiAreaPicker> </AiAreaPicker>
</div> </div>
@@ -30,13 +32,18 @@
<div class="top"> <div class="top">
<div class="title">{{ item.riskDescription }}</div> <div class="title">{{ item.riskDescription }}</div>
<div class="info"><p>申请人姓名</p><p>{{ item.name }}</p></div> <div class="info"><p>申请人姓名</p>
<div class="info"><p>所在地区</p><p>{{ item.areaName }}</p></div> <p>{{ item.name }}</p></div>
<div class="info"><p>风险类型</p><p>{{ item.reason }}</p></div> <div class="info"><p>所在地区</p>
<p>{{ item.areaName }}</p></div>
<div class="info"><p>风险类型</p>
<p>{{ item.reason }}</p></div>
</div> </div>
<div class="bottom"> <div class="bottom">
<span :style="{background: item.status == 0? '#FF883C':item.status == 1? '#1AAAFF': item.status==2? '#FF4466': '#42D784'}"></span> <span :style="{background: item.status == 0? '#FF883C':item.status == 1? '#1AAAFF': item.status==2? '#FF4466': '#42D784'}"></span>
<span :class="item.status == 0? 'status0': item.status==1? 'status1': item.status==2? 'status3': 'status2'">{{ $dict.getLabel('helpDeclarationStatus',item.status) }}</span> <span :class="item.status == 0? 'status0': item.status==1? 'status1': item.status==2? 'status3': 'status2'">{{
$dict.getLabel('helpDeclarationStatus', item.status)
}}</span>
</div> </div>
</div> </div>
</div> </div>
@@ -53,12 +60,14 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex' import {mapState} from 'vuex'
export default { export default {
appName:"申报审批", name: "AppHelpDeclaration",
appName: "申报审批",
data() { data() {
return { return {
tabs: ['全部待办','办理历史'], tabs: ['全部待办', '办理历史'],
tabIndex: 0, tabIndex: 0,
current: 1, current: 1,
areaId: '', areaId: '',
@@ -87,13 +96,13 @@ export default {
methods: { methods: {
tabClick(index) { tabClick(index) {
this.current = 1, this.current = 1,
this.list = [], this.list = [],
this.tabIndex = index, this.tabIndex = index,
this.getList() this.getList()
}, },
areaSelect(e) { areaSelect(e) {
this.areaId =e this.areaId = e
this.$nextTick(() => { this.$nextTick(() => {
this.getList() this.getList()
}) })
@@ -102,27 +111,27 @@ export default {
typeSelect(e) { typeSelect(e) {
this.declareReason = e[0].value this.declareReason = e[0].value
this.current = 1, this.current = 1,
this.list = [], this.list = [],
this.getList() this.getList()
}, },
clearArea() { clearArea() {
this.areaId = '', this.areaId = '',
this.areaName = '', this.areaName = '',
this.current = 1, this.current = 1,
this.list = [], this.list = [],
this.getList() this.getList()
}, },
clearReason() { clearReason() {
this.declareReason = '', this.declareReason = '',
this.current = 1, this.current = 1,
this.list = [], this.list = [],
this.getList() this.getList()
}, },
getList() { getList() {
this.$http.post('/app/apphelpdeclarationinfo/listByEw',null,{ this.$http.post('/app/apphelpdeclarationinfo/listByEw', null, {
params: { params: {
current: this.current, current: this.current,
searchType: this.tabIndex, searchType: this.tabIndex,
@@ -130,14 +139,14 @@ export default {
declareReason: this.declareReason // 风险类型 declareReason: this.declareReason // 风险类型
} }
}).then((res) => { }).then((res) => {
if(res?.data) { if (res?.data) {
this.list = this.current == 1? res.data.records : [...this.list,...res.data.records] this.list = this.current == 1 ? res.data.records : [...this.list, ...res.data.records]
} }
}) })
}, },
toAdd() { toAdd() {
uni.navigateTo({url: './add'}) uni.navigateTo({url: './add'})
}, },
toDetail(id) { toDetail(id) {
@@ -145,7 +154,7 @@ export default {
}, },
onReachBottom() { onReachBottom() {
this.current ++ this.current++
this.getList() this.getList()
} }
} }
@@ -153,12 +162,14 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.list { .AppHelpDeclaration {
padding: 0; padding: 0;
::v-deep .AiTopFixed .content { ::v-deep .AiTopFixed .content {
padding: 0; padding: 0;
} }
::v-deep .AiSelect .display{
::v-deep .AiSelect .display {
justify-content: center; justify-content: center;
} }
@@ -169,7 +180,7 @@ export default {
background: #3975C6; background: #3975C6;
display: flex; display: flex;
.item{ .item {
flex: 1; flex: 1;
text-align: center; text-align: center;
font-size: 28px; font-size: 28px;
@@ -177,12 +188,13 @@ export default {
color: #CDDCF0; color: #CDDCF0;
} }
.active{ .active {
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
position: relative; position: relative;
color: #fff; color: #fff;
span{
span {
width: 48px; width: 48px;
height: 4px; height: 4px;
background: #FFF; background: #FFF;
@@ -199,18 +211,19 @@ export default {
height: 96px; height: 96px;
line-height: 96px; line-height: 96px;
width: 100%; width: 100%;
.left, .left,
.right { .right {
flex: 1; flex: 1;
text-align: center !important; text-align: center !important;
font-size: 28px; font-size: 28px;
::v-deep .u-icon .uicon-close-circle{ ::v-deep .u-icon .uicon-close-circle {
top: -96px !important; top: -96px !important;
left: 80px; left: 80px;
margin-left: 30px; margin-left: 30px;
width: 14px; width: 14px;
display:inline-block; display: inline-block;
} }
} }
} }
@@ -218,26 +231,30 @@ export default {
.card_list { .card_list {
padding: 24px 32px; padding: 24px 32px;
box-sizing: border-box; box-sizing: border-box;
.card { .card {
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 0px 8px 0px #00000005; box-shadow: 0px 0px 8px 0px #00000005;
border-radius: 16px; border-radius: 16px;
margin-bottom: 24px; margin-bottom: 24px;
.top { .top {
padding: 32px; padding: 32px;
box-sizing: border-box; box-sizing: border-box;
border-bottom: 2px solid #DDDDDD; border-bottom: 2px solid #DDDDDD;
.title { .title {
color: #333333; color: #333333;
font-size: 32px; font-size: 32px;
font-weight: 600; font-weight: 600;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
display:-webkit-box; display: -webkit-box;
-webkit-box-orient:vertical; -webkit-box-orient: vertical;
-webkit-line-clamp:2; -webkit-line-clamp: 2;
margin-bottom: 24px; margin-bottom: 24px;
} }
.info { .info {
p:first-child { p:first-child {
vertical-align: center; vertical-align: center;
@@ -246,19 +263,22 @@ export default {
display: inline-block; display: inline-block;
width: 160px; width: 160px;
} }
p:last-child { p:last-child {
vertical-align: bottom; vertical-align: bottom;
display: inline-block; display: inline-block;
width: calc(100% - 160px); width: calc(100% - 160px);
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space:nowrap; white-space: nowrap;
} }
} }
} }
.bottom { .bottom {
padding: 32px; padding: 32px;
box-sizing: border-box; box-sizing: border-box;
span:first-child { span:first-child {
display: inline-block; display: inline-block;
width: 8px; width: 8px;
@@ -268,15 +288,19 @@ export default {
background: #FF4466; background: #FF4466;
} }
} }
.status0 { .status0 {
color: #FF883C color: #FF883C
} }
.status1 { .status1 {
color: #1AAAFF color: #1AAAFF
} }
.status2 { .status2 {
color: #42D784 color: #42D784
} }
.status3 { .status3 {
color: #FF4466 color: #FF4466
} }

7
src/apps/AppPovertyHome/AppPovertyHome.vue
View File

@@ -13,16 +13,17 @@
<image :src="$cdn + 'yjjk.png'"/> <image :src="$cdn + 'yjjk.png'"/>
<h2>预警监控</h2> <h2>预警监控</h2>
</div> </div>
<div class="info-top__item" @click="linkTo('../AppHelpDeclaration/list')"> <div class="info-top__item" @click="linkTo('../AppHelpDeclaration/AppHelpDeclaration')">
<image :src="$cdn + 'sbsp.png'"/> <image :src="$cdn + 'sbsp.png'"/>
<h2>申报审批</h2> <h2>申报审批</h2>
</div> </div>
</div> </div>
<div class="news"> <div class="news">
<u-section title="最新动态" :show-line="false" font-size="32" bold sub-title="全部" @click="linkTo('../AppServicePublic/AppServicePublic?moduleId=ac80f2857f2c4e4d8f0e266a703aed7a&listName=政策动态')"></u-section> <u-section title="最新动态" :show-line="false" font-size="32" bold sub-title="全部"
@click="linkTo('../AppServicePublic/AppServicePublic?moduleId=ac80f2857f2c4e4d8f0e266a703aed7a&listName=政策动态')"></u-section>
<div class="news-list" v-if="list.length"> <div class="news-list" v-if="list.length">
<div class="news-item" v-for="(item, index) in list" :key="index" <div class="news-item" v-for="(item, index) in list" :key="index"
@click="linkTo(`../AppServicePublic/Detail?id=${item.id}&listName=政策动态`)"> @click="linkTo(`../AppServicePublic/Detail?id=${item.id}&listName=政策动态`)">
<div class="left"> <div class="left">
<h2>{{ item.title }}</h2> <h2>{{ item.title }}</h2>
<div class="item-bottom"> <div class="item-bottom">