|
- <template>
- <div class="app-container">
- <div class="header_main">
- 归档详情
- <div class="return_btn" @click="onClickLeft"></div>
- </div>
- <div style="height: 58px;"></div>
-
- <div class="search_box">
- <p>张雷未经定点从事生猪屠宰活动案</p>
- </div>
-
- <div class="main_box">
- <van-cell>
- <template #title>
- <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
- <span class="custom-title">登记<i class="bgBlue"></i></span>
- </template>
- </van-cell>
- <div class="peopleList">
- <van-row v-for="(item,index) in 2" :key="index" >
- <van-col :span="20">
- <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
- <p>指定管辖通知书</p>
- </van-col>
- <van-col :span="4">
- <p>下载</p>
- </van-col>
- </van-row>
- </div>
- </div>
-
- <div class="main_box" style="margin-top: 10px;">
- <van-cell>
- <template #title>
- <van-icon name="../../../static/images/lawEnforcement/icon/icon_kc.png" size="20"></van-icon>
- <span class="custom-title">勘察<i class="bgBlue"></i></span>
- </template>
- </van-cell>
- <div class="peopleList">
- <van-row v-for="(item,index) in 2" :key="index" >
- <van-col :span="20">
- <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png" />
- <p>指定管辖通知书</p>
- </van-col>
- <van-col :span="4">
- <p>下载</p>
- </van-col>
- </van-row>
- </div>
- </div>
-
- <div class="main_box" style="margin-top: 10px;">
- <van-cell>
- <template #title>
- <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
- <span class="custom-title">备案<i class="bgBlue"></i></span>
- </template>
- </van-cell>
- <div class="peopleList">
- <van-row v-for="(item,index) in 2" :key="index" >
- <van-col :span="20">
- <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
- <p>指定管辖通知书</p>
- </van-col>
- <van-col :span="4">
- <p>下载</p>
- </van-col>
- </van-row>
- </div>
- </div>
-
- </div>
- </template>
-
- <script>
- import { getScheme } from "@/api/lawEnforcement/index";
- export default {
- name: "programmeDetail",
- data() {
- return {
- showPopover: false,
- // 通过 actions 属性来定义菜单选项
- actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
- checked:'',
- showBankType:false,
- showPayeeType:false,
- showPicker:false,
- form:{},
-
- bankType:'',
- payeeType:'',
- value:'',
-
- bankTypeOptions:[],
- payeeTypeOptions:[],
- tEnforceSchemeHandlerList:[],
- minDate: new Date(2020, 0, 1),
- maxDate: new Date(2025, 10, 1),
- currentDate: new Date(2021, 0, 17),
-
- activeNames: ['1'],
- activeNames1: ['1'],
- activeNames2: ['1'],
- };
- },
- created() {
- // this.getDictionaries()
- },
- methods: {
- getDictionaries(){
- getScheme(this.$route.query.id).then((response) => {
- this.form = response.data;
- });
- },
- goBack(){
- window.history.go(-1)
- }
- },
- }
- </script>
-
- <style scoped lang="scss">
- .app-container {
- padding: 2% 0;
- }
- /deep/ .van-collapse-item__content{
- padding: 0;
- }
- /deep/ .van-checkbox{
- justify-content: center;
- }
- .icon_box{
- display: flex;
- justify-content: space-around;
- }
- .search_box{
- display: flex;
- justify-content: center;
- align-items: center;
- width: 92%;
- margin: 10PX auto;
- color: #1D6FE9;
- font-size: 0.4rem;
- }
- .cf{
- padding: 0 3%;
- margin-top: 20PX;
- margin-bottom: 20PX;
- .van-row{
- background: #F0F3F5;
- .van-col{
- padding: 5PX 0;
- font-size: 12PX!important;
- text-align: center;
- p{
- color: #1D6FE9;
- }
- }
- &:first-child{
- background: transparent;
- }
- }
- }
- .header_main{
- height: 116px;
- background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
- background-size: 100% 100%;
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- font-size: 36px;
- line-height: 116px;
- text-align: center;
- color: #fff;
- z-index: 999;
- .return_btn{
- width: 24px;
- height: 43.2px;
- background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
- background-size: 20px 36px;
- position: absolute;
- left: 38px;
- top: 36px;
- }
- .add_btn{
- width: 56.4px;
- height: 40.8px;
- background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
- background-size: 47px 34px;
- position: absolute;
- right: 38px;
- top: 36px;
- }
- }
- /deep/ .van-radio--horizontal{
- margin-left: 0.32rem;
- margin-right: 0;
- }
- .peopleList{
- padding: 0 3%;
- text-align: left;
- .van-row{
- border-bottom: 1px solid #dddddd;
- display: flex;
- align-items: center;
- &:last-child{
- border: none;
- }
- .van-col--20{
- display: flex;
- align-items: center;
- p{
- margin-left: 10PX;
- }
- }
- .van-col--4{
- display: flex;
- justify-content: right;
- p{
- color: #1D6FE9;
- border: 1px solid #1D6FE9;
- text-align: center;
- border-radius: 15PX;
- display: inline-block;
- padding: 5px 15px;
- }
- }
- .van-col{
- text-align: left;
- font-size: 14PX;
- color: #333333;
- padding: 15PX 0;
- img{
- display: block;
- }
- }
- }
- }
- .main_title{
- font-size: 0.4rem;
- color: #1D6FE9;
- margin: 0.2rem 6%;
- margin-top: 0;
- position: relative;
- }
- .main_box{
- width: 96%;
- margin: 0 auto;
- border-radius: 10PX;
- box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
- overflow: hidden;
- background-color: #FFF;
- .van-icon{
- vertical-align: middle;
- }
- .custom-title{
- font-size: 17PX;
- color: #333333;
- vertical-align: middle;
- line-height: 1;
- position: relative;
- }
- .tap{
- color: #1D6FE9;
- }
- .bgBlue{
- display: block;
- position: absolute;
- width: 17PX;
- height: 17PX;
- border-radius: 50%;
- background-color: rgba(29,111,233,0.26);
- top: -2PX;
- right: -8PX;
- }
- }
- .submitButton{
- width: 45%;
- margin: 0 auto;
- background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
- text-align: center;
- color: #ffffff;
- height: 70px;
- line-height: 70px;
- border-radius: 8PX;
- }
- .submit_box{
- position: fixed;
- bottom: 0;
- width: 100%;
- background: #ffffff;
- padding: 25PX 0;
- }
- .addFamily{
- position: absolute;
- top: -2px;
- right: 0;
- border-radius: 50%;
- }
- </style>
|