申报审批更换名称

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

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>
@@ -54,7 +61,9 @@
<script> <script>
import {mapState} from 'vuex' import {mapState} from 'vuex'
export default { export default {
name: "AppHelpDeclaration",
appName: "申报审批", appName: "申报审批",
data() { data() {
return { return {
@@ -153,11 +162,13 @@ 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;
} }
@@ -182,6 +193,7 @@ export default {
font-weight: 500; font-weight: 500;
position: relative; position: relative;
color: #fff; color: #fff;
span { span {
width: 48px; width: 48px;
height: 4px; height: 4px;
@@ -199,6 +211,7 @@ export default {
height: 96px; height: 96px;
line-height: 96px; line-height: 96px;
width: 100%; width: 100%;
.left, .left,
.right { .right {
flex: 1; flex: 1;
@@ -218,15 +231,18 @@ 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;
@@ -238,6 +254,7 @@ export default {
-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,6 +263,7 @@ 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;
@@ -256,9 +274,11 @@ export default {
} }
} }
} }
.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
} }

View File

@@ -13,13 +13,14 @@
<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=政策动态`)">