申报审批更换名称
This commit is contained in:
@@ -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
|
||||||
}
|
}
|
||||||
@@ -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=政策动态`)">
|
||||||
|
|||||||
Reference in New Issue
Block a user