申报审批更换名称
This commit is contained in:
@@ -1,8 +1,9 @@
|
||||
<template>
|
||||
<div class="list">
|
||||
<div class="AppHelpDeclaration">
|
||||
<AiTopFixed>
|
||||
<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 class="select-box">
|
||||
<div class="left">
|
||||
@@ -10,7 +11,8 @@
|
||||
<div>
|
||||
<span v-if="areaId" style="color:#333;fontSize: 14px;" class="areaName">{{ 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>
|
||||
</AiAreaPicker>
|
||||
</div>
|
||||
@@ -30,13 +32,18 @@
|
||||
<div class="top">
|
||||
<div class="title">{{ item.riskDescription }}</div>
|
||||
|
||||
<div class="info"><p>申请人姓名</p><p>{{ item.name }}</p></div>
|
||||
<div class="info"><p>所在地区</p><p>{{ item.areaName }}</p></div>
|
||||
<div class="info"><p>风险类型</p><p>{{ item.reason }}</p></div>
|
||||
<div class="info"><p>申请人姓名</p>
|
||||
<p>{{ item.name }}</p></div>
|
||||
<div class="info"><p>所在地区</p>
|
||||
<p>{{ item.areaName }}</p></div>
|
||||
<div class="info"><p>风险类型</p>
|
||||
<p>{{ item.reason }}</p></div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<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>
|
||||
@@ -54,7 +61,9 @@
|
||||
|
||||
<script>
|
||||
import {mapState} from 'vuex'
|
||||
|
||||
export default {
|
||||
name: "AppHelpDeclaration",
|
||||
appName: "申报审批",
|
||||
data() {
|
||||
return {
|
||||
@@ -153,11 +162,13 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.list {
|
||||
.AppHelpDeclaration {
|
||||
padding: 0;
|
||||
|
||||
::v-deep .AiTopFixed .content {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
::v-deep .AiSelect .display {
|
||||
justify-content: center;
|
||||
}
|
||||
@@ -182,6 +193,7 @@ export default {
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
|
||||
span {
|
||||
width: 48px;
|
||||
height: 4px;
|
||||
@@ -199,6 +211,7 @@ export default {
|
||||
height: 96px;
|
||||
line-height: 96px;
|
||||
width: 100%;
|
||||
|
||||
.left,
|
||||
.right {
|
||||
flex: 1;
|
||||
@@ -218,15 +231,18 @@ export default {
|
||||
.card_list {
|
||||
padding: 24px 32px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.card {
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 8px 0px #00000005;
|
||||
border-radius: 16px;
|
||||
margin-bottom: 24px;
|
||||
|
||||
.top {
|
||||
padding: 32px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 2px solid #DDDDDD;
|
||||
|
||||
.title {
|
||||
color: #333333;
|
||||
font-size: 32px;
|
||||
@@ -238,6 +254,7 @@ export default {
|
||||
-webkit-line-clamp: 2;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.info {
|
||||
p:first-child {
|
||||
vertical-align: center;
|
||||
@@ -246,6 +263,7 @@ export default {
|
||||
display: inline-block;
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
vertical-align: bottom;
|
||||
display: inline-block;
|
||||
@@ -256,9 +274,11 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
padding: 32px;
|
||||
box-sizing: border-box;
|
||||
|
||||
span:first-child {
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
@@ -268,15 +288,19 @@ export default {
|
||||
background: #FF4466;
|
||||
}
|
||||
}
|
||||
|
||||
.status0 {
|
||||
color: #FF883C
|
||||
}
|
||||
|
||||
.status1 {
|
||||
color: #1AAAFF
|
||||
}
|
||||
|
||||
.status2 {
|
||||
color: #42D784
|
||||
}
|
||||
|
||||
.status3 {
|
||||
color: #FF4466
|
||||
}
|
||||
@@ -13,13 +13,14 @@
|
||||
<image :src="$cdn + 'yjjk.png'"/>
|
||||
<h2>预警监控</h2>
|
||||
</div>
|
||||
<div class="info-top__item" @click="linkTo('../AppHelpDeclaration/list')">
|
||||
<div class="info-top__item" @click="linkTo('../AppHelpDeclaration/AppHelpDeclaration')">
|
||||
<image :src="$cdn + 'sbsp.png'"/>
|
||||
<h2>申报审批</h2>
|
||||
</div>
|
||||
</div>
|
||||
<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-item" v-for="(item, index) in list" :key="index"
|
||||
@click="linkTo(`../AppServicePublic/Detail?id=${item.id}&listName=政策动态`)">
|
||||
|
||||
Reference in New Issue
Block a user