承包方审核 发包方审核 承包方记事

src/router/index.js

@@ -3525,6 +3525,69 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/list_register_detail'], resolve)
   },
+  { ////阳光村务（新）-- 发包方审核
+    path: '/sunVillage_info/list_employer_process',
+    name: 'sunVillageInfoListEmployerProcess',
+    meta: {
+      title: '发包方审核',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_employer_process'], resolve)
+  },
+  { ////阳光村务（新）-- 承包方审核
+    path: '/sunVillage_info/list_contractor_process',
+    name: 'sunVillageInfoListContractorProcess',
+    meta: {
+      title: '承包方审核',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_contractor_process'], resolve)
+  },
+  { ////阳光村务（新）-- 承包方审核
+    path: '/sunVillage_info/list_contractor',
+    name: 'sunVillageInfoListContractor',
+    meta: {
+      title: '承包方审核',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_contractor'], resolve)
+  },
+  { ////阳光村务（新）-- 承包方审核
+    path: '/sunVillage_info/list_contractor_single_process',
+    name: 'sunVillageInfoListContractorSingleProcess',
+    meta: {
+      title: '承包方审核',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_contractor_single_process'], resolve)
+  },
+  { ////阳光村务（新）-- 承包方记事
+    path: '/sunVillage_info/list_chronicles_process',
+    name: 'sunVillageInfoListChroniclesProcess',
+    meta: {
+      title: '承包方记事',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_chronicles_process'], resolve)
+  },
+  { ////阳光村务（新）-- 承包方记事
+    path: '/sunVillage_info/list_chronicles',
+    name: 'sunVillageInfoListChronicles',
+    meta: {
+      title: '承包方记事',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_chronicles'], resolve)
+  },
+  { ////阳光村务（新）-- 承包方记事
+    path: '/sunVillage_info/list_chronicles_single_process',
+    name: 'sunVillageInfoListChroniclesSingleProcess',
+    meta: {
+      title: '承包方记事',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/list_chronicles_single_process'], resolve)
+  },
   { // 综合填报
     path: '/sunVillage_info/entityReportList',
     name: 'entityReportList',

src/views/sunVillage_info/list_chronicles.vue

@@ -0,0 +1,282 @@
+ <template>
+     <div class="home_wrapper">
+       <div class="header_main">
+           承包方记事
+           <div class="return_btn" @click="onClickLeft"></div>
+       </div>
+       <div class="search_info">
+          <div class="search_block">
+              <i class="icon"></i>
+              <input type="text" class="ipt" v-model="value" placeholder="搜索" >
+          </div>
+          <div class="total">查询</div>
+       </div>
+       <div class="list_main">
+         <van-list
+           v-model="loading"
+           :finished="finished"
+           finished-text="没有更多了"
+         >
+           <van-swipe-cell v-for="item in 10" :key="item">
+             <div class="item">
+               <div class="info">
+                 <div class="title">
+                   <i class="icon_box"></i>
+                   <p class="news_title">李佳佳</p>
+                 </div>
+                 <div class="time">
+                   <p><img src="../../assets/images/sunVillage_info/contractor_icon_04.png" width="14">444444444</p>
+                   <p><img src="../../assets/images/sunVillage_info/contractor_icon_05.png" width="14">13人</p>
+                 </div>
+               </div>
+               <div style="width: 30%;">
+                 <img src="../../assets/images/sunVillage_info/contractor_icon_06.png" style="width: 100%" alt="">
+               </div>
+             </div>
+             <template #right>
+               <div class="operation">
+                 <div class="opera_btn" @click="$router.push({path:'/sunVillage_info/list_chronicles_single_process'})">
+                   <img src="../../assets/images/sunVillage_info/contractor_icon_07.png" alt="" width="25">
+                   <p>记事签字</p>
+                 </div>
+               </div>
+             </template>
+           </van-swipe-cell>
+         </van-list>
+       </div>
+     </div>
+ </template>
+ <script>
+   import {
+     listResource,
+     commonAttach,
+     attachmentList,
+     systemAttachment,
+     delResource,
+     updateResource
+   } from "@/api/sunVillage_info/fixedAssets";
+   import request from '@/utils/request'
+   import MapGisLine from "@/components/Map/MapGisLine";
+   export default {
+     name: "certificateList",
+     components: { MapGisLine,},
+     data() {
+       return {
+         loading: false,
+         finished: false,
+
+         value:'',
+       };
+     },
+     created() {
+
+     },
+     methods: {
+
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/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;
+        position: relative;
+
+        .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;
+        }
+    }
+    .search_info{
+        padding:20px 23px 0;
+        display: flex;
+        .search_block{
+          height: 59px;
+          flex: .75;
+          border-radius: 59px;
+          background: #fff;
+          display: flex;
+          border:2px solid #3494ff;
+          padding-right: 35px;
+          align-items: center;
+          margin-right: 5vw;
+          .icon{
+              width: 30px;
+              height: 30px;
+              background: url('../../assets/images/sunVillage_info/fixedAssets_icon_1.png') no-repeat;
+              background-size: 100% 100%;
+              display: block;
+              margin:0 8px 0 26px;
+          }
+          .ipt{
+          flex: 1;
+          font-size: 26px;
+          background: none;
+          border:0 none;
+          line-height: 59px;
+          }
+        }
+        .total{
+          flex: .25;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 26px;
+          color: #ffffff;
+          background: #3494ff;
+          border-radius: 50PX;
+        }
+    }
+    .list_main {
+      padding: 0 22px;
+      margin-top: 15PX;
+
+      .item {
+        border-radius: 30px;
+        background: #fff;
+        box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+        padding: 25px 32px;
+        margin-bottom: 20px;
+        display: flex;
+        align-items: center;
+
+        .info {
+          flex: 1;
+          .title {
+            display: flex;
+            font-size: 32px;
+            align-items: center;
+            height: 58px;
+
+            .icon_box {
+              width: 34px;
+              display: block;
+              height: 30px;
+              background: url('../../assets/images/sunVillage_info/contractor_icon_03.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+              flex-shrink: 0;
+            }
+
+            .news_title {
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 1;
+              word-break: break-all;
+              overflow: hidden;
+              font-weight: bold;
+            }
+
+            .tips_mark {
+              background: #ffedcd;
+              border-radius: 8px;
+              font-size: 24px;
+              color: #f8a83d;
+              text-align: center;
+              line-height: 34px;
+              flex-shrink: 0;
+              padding: 0 5Px;
+              margin-left: auto;
+            }
+
+            .tips_mark2 {
+              background: #eb1616;
+              border-radius: 8px;
+              font-size: 24px;
+              color: #ffffff;
+              text-align: center;
+              line-height: 34px;
+              flex-shrink: 0;
+              padding: 0 5Px;
+              margin-left: 10PX;
+            }
+          }
+
+          .time {
+            font-size: 16PX;
+            color: #333333;
+            display: flex;
+            align-items: center;
+            margin-top: 5PX;
+            p{
+              display: flex;
+              align-items: center;
+              font-size: 14PX;
+              margin-right: 10vw;
+            }
+            img{
+              margin-right: 5PX;
+            }
+
+            .icon_time {
+              width: 25px;
+              height: 25px;
+              background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+          }
+        }
+      }
+
+      .operation {
+        display: flex;
+        align-items: center;
+        justify-content: right;
+        text-align: center;
+        border-radius: 30px;
+        box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+        height: 100%;
+        margin-left: 10PX;
+        background: #79cf13;
+        padding: 0 15Px;
+
+        .opera_btn {
+          color: #ffffff;
+        }
+      }
+    }
+    .bottom_tips{
+        font-size: 24px;
+         color: #a7a6a6;
+         text-align: center;
+         margin-top: 32px;
+         background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+         background-size: 260px 2px;
+         .xs{
+            padding:0 8px;
+            background: #e9e9e9;
+         }
+    }
+
+}
+
+ </style>

src/views/sunVillage_info/list_chronicles_process.vue

@@ -0,0 +1,301 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main" >
+        承包方记事
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+
+      <div class="information_main">
+        <div class="titBox">
+          <img src="../../assets/images/sunVillage_info/contractor_icon_01.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+          <p class="tit">娃娃村</p>
+        </div>
+
+        <div class="information_content">
+          <div class="information_block">
+            <p class="block_num">共有承包方<span>800</span>户</p>
+          </div>
+          <div class="information_block">
+            <p class="block_num">共有承包方<span>800</span>户</p>
+          </div>
+        </div>
+
+      </div>
+
+      <div class="subForm">
+        <img src="../../assets/images/sunVillage_info/list_employer_process_icon_01.png" alt="">
+        <van-field
+          v-model="value"
+          rows="3"
+          autosize
+          required
+          label="记事内容"
+          type="textarea"
+          :border="false"
+        />
+      </div>
+
+      <div class="subForm2">
+        <img class="topImg" src="../../assets/images/sunVillage_info/list_employer_process_icon_03.png" alt="">
+        <van-field readonly v-model="value" label="审核意见" placeholder="审核意见" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="审核人" placeholder="审核人" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="审核日期" placeholder="审核日期" input-align="right" :border="false" />
+
+        <img class="bottomImg" src="../../assets/images/sunVillage_info/contractor_icon_09.png" alt="">
+      </div>
+
+      <div style="margin: 30px auto 0;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          批量记事签字
+        </van-button>
+      </div>
+
+      <div style="margin: 30px auto 0;width: 50%;">
+        <van-button round block type="primary" native-type="submit" :to="{name:'sunVillageInfoListChronicles'}">
+          单独记事签字
+        </van-button>
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicDetail , openAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        value:''
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/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;
+        position: relative;
+
+        .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;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .subForm{
+    padding:25px;
+    background-image: linear-gradient(#2884ec,#68b2ee);
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    img{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    /deep/ .van-field__label{
+      /*padding-left: 10PX;*/
+      width: auto;
+      display: flex;
+      align-items: start;
+      color: #ffffff;
+      margin-right: 6vw;
+    }
+    /deep/ .van-cell{
+      background-color: transparent;
+    }
+    /deep/ .van-field__value{
+      background-color: #ffffff;
+      border-radius: 10PX;
+    }
+    /deep/ .van-field__control{
+      padding: 12PX;
+    }
+    /deep/ .van-cell--required::before{
+      left: 60PX;
+    }
+  }
+  .subForm2{
+    padding:25px;
+    background:#ffffff;
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    .topImg{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    .bottomImg{
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      width: 25vw;
+      transform: translate(-50%,-50%);
+    }
+  }
+
+  .information_main{
+    padding:25px;
+    background:#ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    background: url("../../assets/images/sunVillage_info/contractor_icon_08.png") no-repeat center;
+    background-size: 100% 100%;
+
+    .tit{
+      color: #ffffff;
+    }
+    .information_content{
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-top: 25px;
+      .information_block{
+        width: 48%;
+        background: rgba(255,255,255,.8);
+        text-align: center;
+        padding: .5vh 0;
+        border-radius: 50PX;
+      }
+      .block_num{
+        font-size: 14PX;
+        color: #666666;
+        span{
+          font-size: 16PX;
+          color: #1b9000;
+        }
+      }
+      .block_name{
+
+      }
+    }
+
+  }
+
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+}
+</style>

src/views/sunVillage_info/list_chronicles_single_process.vue

@@ -0,0 +1,268 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main" >
+        承包方记事
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+      <div class="list_main">
+        <div class="titBox">
+          <img src="../../assets/images/sunVillage_info/list_employer_process_icon_02.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+          <p class="tit">信息核对</p>
+        </div>
+        <van-field readonly v-model="value" label="承包方名称" placeholder="承包方名称" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="承包方类型" placeholder="承包方类型" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="证件号码" placeholder="证件号码" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="电话" placeholder="电话" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="调查记事" placeholder="调查记事" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="公示记事" placeholder="公示记事" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="公示记事人" placeholder="公示记事人" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="公示记事时间" placeholder="公示记事时间" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="承包方公示结果意见" placeholder="承包方公示结果意见" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="承包方公示结果签字" placeholder="承包方公示结果签字" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="承包方公示日期" placeholder="承包方公示日期" input-align="right" :border="false" />
+
+      </div>
+
+      <div class="subForm">
+        <img src="../../assets/images/sunVillage_info/list_employer_process_icon_01.png" alt="">
+        <van-field
+          v-model="value"
+          rows="3"
+          autosize
+          required
+          label="记事内容"
+          type="textarea"
+          :border="false"
+          class="textarea"
+        />
+        <van-field readonly value="123" label="记事人" placeholder="记事人" input-align="right" :border="false" />
+        <van-field readonly value="123" label="记事时间" placeholder="记事时间" input-align="right" :border="false" />
+
+      </div>
+
+      <div class="subForm2">
+        <img class="topImg" src="../../assets/images/sunVillage_info/list_employer_process_icon_03.png" alt="">
+        <van-field readonly v-model="value" label="记事内容" placeholder="记事内容" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="记事人" placeholder="记事人" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="记事日期" placeholder="记事日期" input-align="right" :border="false" />
+
+        <img class="bottomImg" src="../../assets/images/sunVillage_info/contractor_icon_09.png" alt="">
+      </div>
+      <div style="margin: 30px auto 0;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          审核签字
+        </van-button>
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicDetail , openAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        value:''
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/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;
+        position: relative;
+
+        .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;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .subForm{
+    padding:25px;
+    background-image: linear-gradient(#2884ec,#68b2ee);
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    img{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    /deep/ .van-field__label{
+      /*padding-left: 10PX;*/
+      width: auto;
+      display: flex;
+      align-items: start;
+      color: #ffffff;
+      margin-right: 6vw;
+    }
+    /deep/ .van-cell{
+      background-color: transparent;
+    }
+    .textarea{
+      /deep/ .van-field__value{
+        background-color: #ffffff;
+        border-radius: 10PX;
+      }
+      /deep/ .van-field__control{
+        padding: 12PX;
+        color: #666666;
+      }
+    }
+    /deep/ .van-field__value{
+      background-color: transparent;
+      border-radius: 10PX;
+    }
+    /deep/ .van-field__control{
+      padding: 0PX;
+      color: #ffffff;
+    }
+    /deep/ .van-cell--required::before{
+      left: 60PX;
+    }
+  }
+  .subForm2{
+    padding:25px;
+    background:#ffffff;
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    .topImg{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    .bottomImg{
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      width: 25vw;
+      transform: translate(-50%,-50%);
+    }
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+}
+</style>

src/views/sunVillage_info/list_contractor.vue

@@ -0,0 +1,284 @@
+ <template>
+     <div class="home_wrapper">
+       <div class="header_main">
+           承包方审核
+           <div class="return_btn" @click="onClickLeft"></div>
+       </div>
+       <div class="search_info">
+          <div class="search_block">
+              <i class="icon"></i>
+              <input type="text" class="ipt" v-model="value" placeholder="搜索" >
+          </div>
+          <div class="total">查询</div>
+       </div>
+       <div class="list_main">
+         <van-list
+           v-model="loading"
+           :finished="finished"
+           finished-text="没有更多了"
+         >
+           <van-swipe-cell v-for="item in 10" :key="item">
+             <div class="item">
+               <div class="info">
+                 <div class="title">
+                   <i class="icon_box"></i>
+                   <p class="news_title">李佳佳</p>
+                 </div>
+                 <div class="time">
+                   <p><img src="../../assets/images/sunVillage_info/contractor_icon_04.png" width="14">444444444</p>
+                   <p><img src="../../assets/images/sunVillage_info/contractor_icon_05.png" width="14">13人</p>
+                 </div>
+               </div>
+               <div style="width: 30%;">
+                 <img src="../../assets/images/sunVillage_info/contractor_icon_06.png" style="width: 100%" alt="">
+               </div>
+             </div>
+             <template #right>
+               <div class="operation">
+                 <div class="opera_btn" @click="$router.push({path:'/sunVillage_info/list_contractor_single_process'})">
+                   <img src="../../assets/images/sunVillage_info/contractor_icon_07.png" alt="" width="25">
+                   <p>审核签字</p>
+                 </div>
+               </div>
+             </template>
+           </van-swipe-cell>
+         </van-list>
+       </div>
+
+
+     </div>
+ </template>
+ <script>
+   import {
+     listResource,
+     commonAttach,
+     attachmentList,
+     systemAttachment,
+     delResource,
+     updateResource
+   } from "@/api/sunVillage_info/fixedAssets";
+   import request from '@/utils/request'
+   import MapGisLine from "@/components/Map/MapGisLine";
+   export default {
+     name: "certificateList",
+     components: { MapGisLine,},
+     data() {
+       return {
+         loading: false,
+         finished: false,
+
+         value:'',
+       };
+     },
+     created() {
+
+     },
+     methods: {
+
+     },
+   }
+ </script>
+ <style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/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;
+        position: relative;
+
+        .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;
+        }
+    }
+    .search_info{
+        padding:20px 23px 0;
+        display: flex;
+        .search_block{
+          height: 59px;
+          flex: .75;
+          border-radius: 59px;
+          background: #fff;
+          display: flex;
+          border:2px solid #3494ff;
+          padding-right: 35px;
+          align-items: center;
+          margin-right: 5vw;
+          .icon{
+              width: 30px;
+              height: 30px;
+              background: url('../../assets/images/sunVillage_info/fixedAssets_icon_1.png') no-repeat;
+              background-size: 100% 100%;
+              display: block;
+              margin:0 8px 0 26px;
+          }
+          .ipt{
+          flex: 1;
+          font-size: 26px;
+          background: none;
+          border:0 none;
+          line-height: 59px;
+          }
+        }
+        .total{
+          flex: .25;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 26px;
+          color: #ffffff;
+          background: #3494ff;
+          border-radius: 50PX;
+        }
+    }
+    .list_main {
+      padding: 0 22px;
+      margin-top: 15PX;
+
+      .item {
+        border-radius: 30px;
+        background: #fff;
+        box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+        padding: 25px 32px;
+        margin-bottom: 20px;
+        display: flex;
+        align-items: center;
+
+        .info {
+          flex: 1;
+          .title {
+            display: flex;
+            font-size: 32px;
+            align-items: center;
+            height: 58px;
+
+            .icon_box {
+              width: 34px;
+              display: block;
+              height: 30px;
+              background: url('../../assets/images/sunVillage_info/contractor_icon_03.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+              flex-shrink: 0;
+            }
+
+            .news_title {
+              display: -webkit-box;
+              -webkit-box-orient: vertical;
+              -webkit-line-clamp: 1;
+              word-break: break-all;
+              overflow: hidden;
+              font-weight: bold;
+            }
+
+            .tips_mark {
+              background: #ffedcd;
+              border-radius: 8px;
+              font-size: 24px;
+              color: #f8a83d;
+              text-align: center;
+              line-height: 34px;
+              flex-shrink: 0;
+              padding: 0 5Px;
+              margin-left: auto;
+            }
+
+            .tips_mark2 {
+              background: #eb1616;
+              border-radius: 8px;
+              font-size: 24px;
+              color: #ffffff;
+              text-align: center;
+              line-height: 34px;
+              flex-shrink: 0;
+              padding: 0 5Px;
+              margin-left: 10PX;
+            }
+          }
+
+          .time {
+            font-size: 16PX;
+            color: #333333;
+            display: flex;
+            align-items: center;
+            margin-top: 5PX;
+            p{
+              display: flex;
+              align-items: center;
+              font-size: 14PX;
+              margin-right: 10vw;
+            }
+            img{
+              margin-right: 5PX;
+            }
+
+            .icon_time {
+              width: 25px;
+              height: 25px;
+              background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+              background-size: 100% 100%;
+              margin-right: 10px;
+            }
+          }
+        }
+      }
+
+      .operation {
+        display: flex;
+        align-items: center;
+        justify-content: right;
+        text-align: center;
+        border-radius: 30px;
+        box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+        height: 100%;
+        margin-left: 10PX;
+        background: #79cf13;
+        padding: 0 15Px;
+
+        .opera_btn {
+          color: #ffffff;
+        }
+      }
+    }
+    .bottom_tips{
+        font-size: 24px;
+         color: #a7a6a6;
+         text-align: center;
+         margin-top: 32px;
+         background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+         background-size: 260px 2px;
+         .xs{
+            padding:0 8px;
+            background: #e9e9e9;
+         }
+    }
+
+}
+
+ </style>

src/views/sunVillage_info/list_contractor_process.vue

@@ -0,0 +1,316 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main" >
+        承包方审核
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+
+      <div class="information_main">
+        <div class="titBox">
+          <img src="../../assets/images/sunVillage_info/contractor_icon_01.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+          <p class="tit">娃娃村</p>
+        </div>
+
+        <div class="information_content">
+          <div class="information_block">
+            <p class="block_num">800<span>户</span></p>
+            <p class="block_name">承包方</p>
+          </div>
+          <div class="information_block">
+            <p class="block_num">800<span>户</span></p>
+            <p class="block_name">承包方</p>
+          </div>
+          <div class="information_block">
+            <p class="block_num">800<span>户</span></p>
+            <p class="block_name">承包方</p>
+          </div>
+        </div>
+
+      </div>
+
+      <div class="list_main">
+        <div class="titBox">
+          <img src="../../assets/images/sunVillage_info/list_employer_process_icon_02.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+          <p class="tit">信息核对</p>
+        </div>
+        <van-field readonly v-model="value" label="公示记事" placeholder="公示记事" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="公示记事人" placeholder="公示记事人" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="公示记事日期" placeholder="公示记事日期" input-align="right" :border="false" />
+      </div>
+
+      <div class="subForm">
+        <img src="../../assets/images/sunVillage_info/list_employer_process_icon_01.png" alt="">
+        <van-field
+          v-model="value"
+          rows="3"
+          autosize
+          required
+          label="审批意见"
+          type="textarea"
+          :border="false"
+        />
+      </div>
+
+      <div class="subForm2">
+        <img class="topImg" src="../../assets/images/sunVillage_info/list_employer_process_icon_03.png" alt="">
+        <van-field readonly v-model="value" label="审核意见" placeholder="审核意见" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="审核人" placeholder="审核人" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="审核日期" placeholder="审核日期" input-align="right" :border="false" />
+
+        <img class="bottomImg" src="../../assets/images/sunVillage_info/list_employer_process_icon_04.png" alt="">
+      </div>
+
+      <div style="margin: 30px auto 0;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          批量审核签字
+        </van-button>
+      </div>
+
+      <div style="margin: 30px auto 0;width: 50%;">
+        <van-button round block type="primary" native-type="submit" :to="{name:'sunVillageInfoListContractor'}">
+          单独审核签字
+        </van-button>
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicDetail , openAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        value:''
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/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;
+        position: relative;
+
+        .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;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .subForm{
+    padding:25px;
+    background-image: linear-gradient(#2884ec,#68b2ee);
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    img{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    /deep/ .van-field__label{
+      /*padding-left: 10PX;*/
+      width: auto;
+      display: flex;
+      align-items: start;
+      color: #ffffff;
+      margin-right: 6vw;
+    }
+    /deep/ .van-cell{
+      background-color: transparent;
+    }
+    /deep/ .van-field__value{
+      background-color: #ffffff;
+      border-radius: 10PX;
+    }
+    /deep/ .van-field__control{
+      padding: 12PX;
+    }
+    /deep/ .van-cell--required::before{
+      left: 60PX;
+    }
+  }
+  .subForm2{
+    padding:25px;
+    background:#ffffff;
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    .topImg{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    .bottomImg{
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      width: 25vw;
+      transform: translate(-50%,-50%);
+    }
+  }
+
+  .information_main{
+    padding:25px;
+    background:#ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    background: url("../../assets/images/sunVillage_info/contractor_icon_02.png") no-repeat center;
+    background-size: 100% 100%;
+
+    .tit{
+      color: #ffffff;
+    }
+    .information_content{
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-top: 25px;
+      .information_block{
+        width: 30%;
+        background: rgba(255,255,255,.8);
+        text-align: center;
+        padding: 1vh 0;
+        border-radius: 10PX;
+      }
+      .block_num{
+        font-size: 18PX;
+        color: #1451bf;
+        span{
+          font-size: 12PX;
+        }
+      }
+      .block_name{
+
+      }
+    }
+
+  }
+
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+}
+</style>

src/views/sunVillage_info/list_contractor_single_process.vue

@@ -0,0 +1,268 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main" >
+        承包方审核
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+      <div class="list_main">
+        <div class="titBox">
+          <img src="../../assets/images/sunVillage_info/list_employer_process_icon_02.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+          <p class="tit">信息核对</p>
+        </div>
+        <van-field readonly v-model="value" label="承包方名称" placeholder="承包方名称" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="承包方类型" placeholder="承包方类型" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="证件号码" placeholder="证件号码" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="电话" placeholder="电话" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="调查记事" placeholder="调查记事" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="公示记事" placeholder="公示记事" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="公示记事人" placeholder="公示记事人" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="公示记事时间" placeholder="公示记事时间" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="承包方公示结果意见" placeholder="承包方公示结果意见" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="承包方公示结果签字" placeholder="承包方公示结果签字" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="承包方公示日期" placeholder="承包方公示日期" input-align="right" :border="false" />
+
+      </div>
+
+      <div class="subForm">
+        <img src="../../assets/images/sunVillage_info/list_employer_process_icon_01.png" alt="">
+        <van-field
+          v-model="value"
+          rows="3"
+          autosize
+          required
+          label="审批意见"
+          type="textarea"
+          :border="false"
+          class="textarea"
+        />
+        <van-field readonly value="123" label="审核人" placeholder="承包方公示日期" input-align="right" :border="false" />
+        <van-field readonly value="123" label="审核日期" placeholder="承包方公示日期" input-align="right" :border="false" />
+
+      </div>
+
+      <div class="subForm2">
+        <img class="topImg" src="../../assets/images/sunVillage_info/list_employer_process_icon_03.png" alt="">
+        <van-field readonly v-model="value" label="审核意见" placeholder="审核意见" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="审核人" placeholder="审核人" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="审核日期" placeholder="审核日期" input-align="right" :border="false" />
+
+        <img class="bottomImg" src="../../assets/images/sunVillage_info/list_employer_process_icon_04.png" alt="">
+      </div>
+      <div style="margin: 30px auto 0;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          审核签字
+        </van-button>
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicDetail , openAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        value:''
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/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;
+        position: relative;
+
+        .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;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .subForm{
+    padding:25px;
+    background-image: linear-gradient(#2884ec,#68b2ee);
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    img{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    /deep/ .van-field__label{
+      /*padding-left: 10PX;*/
+      width: auto;
+      display: flex;
+      align-items: start;
+      color: #ffffff;
+      margin-right: 6vw;
+    }
+    /deep/ .van-cell{
+      background-color: transparent;
+    }
+    .textarea{
+      /deep/ .van-field__value{
+        background-color: #ffffff;
+        border-radius: 10PX;
+      }
+      /deep/ .van-field__control{
+        padding: 12PX;
+        color: #666666;
+      }
+    }
+    /deep/ .van-field__value{
+      background-color: transparent;
+      border-radius: 10PX;
+    }
+    /deep/ .van-field__control{
+      padding: 0PX;
+      color: #ffffff;
+    }
+    /deep/ .van-cell--required::before{
+      left: 60PX;
+    }
+  }
+  .subForm2{
+    padding:25px;
+    background:#ffffff;
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    .topImg{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    .bottomImg{
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      width: 25vw;
+      transform: translate(-50%,-50%);
+    }
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+}
+</style>

src/views/sunVillage_info/list_employer_process.vue

@@ -0,0 +1,251 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main" >
+        发包方审核
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+      <div class="list_main">
+        <div class="titBox">
+          <img src="../../assets/images/sunVillage_info/list_employer_process_icon_02.png" style="width:22PX;height:22PX;margin-right: 10px;"/>
+          <p class="tit">信息核对</p>
+        </div>
+        <van-field readonly v-model="value" label="编码" placeholder="编码" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="名称" placeholder="名称" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="负责人" placeholder="负责人" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="证件类型" placeholder="证件类型" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="证件号码" placeholder="证件号码" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="调查记事" placeholder="调查记事" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="调查员" placeholder="调查员" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="调查日期" placeholder="调查日期" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="调查签字" placeholder="调查签字" input-align="right" :border="false" />
+
+      </div>
+
+      <div class="subForm">
+        <img src="../../assets/images/sunVillage_info/list_employer_process_icon_01.png" alt="">
+        <van-field
+          v-model="value"
+          rows="3"
+          autosize
+          required
+          label="审批意见"
+          type="textarea"
+          :border="false"
+        />
+      </div>
+
+      <div class="subForm2">
+        <img class="topImg" src="../../assets/images/sunVillage_info/list_employer_process_icon_03.png" alt="">
+        <van-field readonly v-model="value" label="审核意见" placeholder="审核意见" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="审核人" placeholder="审核人" input-align="right" :border="false" />
+        <van-field readonly v-model="value" label="审核日期" placeholder="审核日期" input-align="right" :border="false" />
+
+        <img class="bottomImg" src="../../assets/images/sunVillage_info/list_employer_process_icon_04.png" alt="">
+      </div>
+      <div style="margin: 30px auto 0;width: 50%;">
+        <van-button round block type="primary" native-type="submit">
+          审核签字
+        </van-button>
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicDetail , openAdd } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        value:''
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-button--primary{
+    background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat;
+    background-size: 100% 100%;
+    border: none;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main {
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/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;
+        position: relative;
+
+        .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;
+        }
+    }
+    .release_head{
+        height: 90px;
+        padding:0 23px;
+        display: flex;
+        align-items: center;
+        font-size: 26px;
+        color: #929292;
+        .people{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            .icon{
+                width: 24px;
+                height: 21px;
+                background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+        .time{
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content:flex-end;
+            .icon{
+                width: 25px;
+                height: 25px;
+                background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
+                background-size: 100% 100%;
+                display: block;
+                margin-right: 8px;
+            }
+        }
+    }
+    .release_conetnt{
+        padding:0 22px;
+        font-size: 32px;
+        color: #252525;
+        line-height: 44px;
+        img{
+            max-width: 100%;
+            margin-bottom: 16px;
+        }
+        p{
+            margin-bottom: 16px;
+        }
+    }
+  .list_main{
+    padding:25px;
+    background: #ffffff;
+    width: 94%;
+    margin: 25px auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+  }
+  .subForm{
+    padding:25px;
+    background-image: linear-gradient(#2884ec,#68b2ee);
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    img{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    /deep/ .van-field__label{
+      /*padding-left: 10PX;*/
+      width: auto;
+      display: flex;
+      align-items: start;
+      color: #ffffff;
+      margin-right: 6vw;
+    }
+    /deep/ .van-cell{
+      background-color: transparent;
+    }
+    /deep/ .van-field__value{
+      background-color: #ffffff;
+      border-radius: 10PX;
+    }
+    /deep/ .van-field__control{
+      padding: 12PX;
+    }
+    /deep/ .van-cell--required::before{
+      left: 60PX;
+    }
+  }
+  .subForm2{
+    padding:25px;
+    background:#ffffff;
+    width: 94%;
+    margin: 50PX auto 0;
+    border-radius: 15PX;
+    box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+    position: relative;
+    padding-top: 10vw;
+    .topImg{
+      position: absolute;
+      left: 50%;
+      width: 15vw;
+      transform: translate(-50%,calc(-50% - 10vw));
+      border: 5PX solid #e9e9e9;
+      border-radius: 100%;
+    }
+    .bottomImg{
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      width: 25vw;
+      transform: translate(-50%,-50%);
+    }
+  }
+  .titBox{
+    display: flex;
+    align-items: center;
+  }
+  .tit{
+    font-size: 36px;
+    font-weight: bold;
+  }
+  /deep/ .van-cell{
+    padding-left: 0!important;
+    padding-right: 0!important;
+    padding-bottom: 0!important;
+  }
+  /deep/ .van-field__label{
+    /*padding-left: 10PX;*/
+    width: auto;
+    display: flex;
+    align-items: center;
+  }
+  /deep/ .van-cell--required::before{
+    left: 85PX;
+  }
+}
+</style>