From 90ce725a1aac368cac5269a599b30bd24811d7fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Fri, 25 Nov 2022 16:29:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E6=89=98=E7=AE=A1=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E5=88=87=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/index.js                               |    3 +-
 src/api/lawEnforcement/index.js               |   36 +
 .../agriculturalTrusteeship/dialog.vue        |   80 ++
 src/components/common/agr_footer.vue          |   78 ++
 src/components/common/buyer_footer.vue        |   68 ++
 src/permission.js                             |   22 +
 src/router/index.js                           |  182 +++
 .../agriculturalTrusteeship/buyer/allBill.vue |  403 +++++++
 .../buyer/billDetail.vue                      |  371 ++++++
 .../buyer/billDetail2.vue                     |  394 ++++++
 .../buyer/billDetail3.vue                     |  332 +++++
 .../buyer/billDetail4.vue                     |  320 +++++
 .../buyer/evaluate.vue                        |  195 +++
 .../agriculturalTrusteeship/buyer/index.vue   |  381 ++++++
 .../buyer/placeOrder.vue                      |  375 ++++++
 .../buyer/waitBill.vue                        |  207 ++++
 src/views/agriculturalTrusteeship/login.vue   |    8 +-
 .../agriculturalTrusteeship/shop/shopAdd.vue  |   88 ++
 .../agriculturalTrusteeship/shop/shopList.vue |    2 +-
 .../socialization/bill.vue                    |  431 +++++++
 .../socialization/billDetail.vue              |  375 ++++++
 .../socialization/draft.vue                   |  170 +++
 .../socialization/draftEdit.vue               |  106 ++
 .../socialization/index.vue                   |  212 ++++
 .../socialization/project.vue                 |  471 ++++++++
 .../socialization/projectDetail.vue           |  207 ++++
 .../socialization/release.vue                 |  106 ++
 .../socialization/user.vue                    |  180 +++
 .../socialization/userEdit.vue                |  111 ++
 .../caseStatistics/caseStatistics.vue         |  205 +++-
 .../paymentApproval/majorIssues.vue           | 1063 +++++++++++++++++
 .../buyer/buyer_icon_01.png                   |  Bin 0 -> 291 bytes
 .../buyer/buyer_icon_02.png                   |  Bin 0 -> 6192 bytes
 .../socialization/bill_icon_01.png            |  Bin 0 -> 285 bytes
 .../socialization/dialog_01.png               |  Bin 0 -> 1043 bytes
 .../socialization/dialog_02.png               |  Bin 0 -> 1636 bytes
 .../socialization/down.png                    |  Bin 0 -> 218 bytes
 .../socialization/footer_add.png              |  Bin 0 -> 4980 bytes
 .../socialization/footer_close.png            |  Bin 0 -> 3301 bytes
 .../socialization/right.png                   |  Bin 0 -> 249 bytes
 .../socialization/socialization_icon_01.png   |  Bin 0 -> 289 bytes
 .../socialization_icon_clock.png              |  Bin 0 -> 344 bytes
 .../socialization/socialization_icon_date.png |  Bin 0 -> 363 bytes
 .../socialization/socialization_icon_off.png  |  Bin 0 -> 407 bytes
 .../socialization/socialization_icon_on.png   |  Bin 0 -> 351 bytes
 .../socialization_icon_photo.png              |  Bin 0 -> 1975 bytes
 .../socialization/user_icon_01.png            |  Bin 0 -> 405 bytes
 .../socialization/user_icon_02.png            |  Bin 0 -> 446 bytes
 .../socialization/user_icon_03.png            |  Bin 0 -> 311 bytes
 .../socialization/user_icon_04.png            |  Bin 0 -> 483 bytes
 .../socialization/user_icon_05.png            |  Bin 0 -> 450 bytes
 .../socialization/user_icon_06.png            |  Bin 0 -> 415 bytes
 .../socialization/user_icon_07.png            |  Bin 0 -> 407 bytes
 .../socialization/user_nav_01.png             |  Bin 0 -> 699 bytes
 .../socialization/user_nav_02.png             |  Bin 0 -> 667 bytes
 .../socialization/user_nav_03.png             |  Bin 0 -> 894 bytes
 .../socialization/user_nav_04.png             |  Bin 0 -> 660 bytes
 57 files changed, 7114 insertions(+), 68 deletions(-)
 create mode 100644 src/components/agriculturalTrusteeship/dialog.vue
 create mode 100644 src/components/common/agr_footer.vue
 create mode 100644 src/components/common/buyer_footer.vue
 create mode 100644 src/views/agriculturalTrusteeship/buyer/allBill.vue
 create mode 100644 src/views/agriculturalTrusteeship/buyer/billDetail.vue
 create mode 100644 src/views/agriculturalTrusteeship/buyer/billDetail2.vue
 create mode 100644 src/views/agriculturalTrusteeship/buyer/billDetail3.vue
 create mode 100644 src/views/agriculturalTrusteeship/buyer/billDetail4.vue
 create mode 100644 src/views/agriculturalTrusteeship/buyer/evaluate.vue
 create mode 100644 src/views/agriculturalTrusteeship/buyer/index.vue
 create mode 100644 src/views/agriculturalTrusteeship/buyer/placeOrder.vue
 create mode 100644 src/views/agriculturalTrusteeship/buyer/waitBill.vue
 create mode 100644 src/views/agriculturalTrusteeship/shop/shopAdd.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/bill.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/billDetail.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/draft.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/draftEdit.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/index.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/project.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/projectDetail.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/release.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/user.vue
 create mode 100644 src/views/agriculturalTrusteeship/socialization/userEdit.vue
 create mode 100644 src/views/yinnong/bankAgriculture/paymentApproval/majorIssues.vue
 create mode 100644 static/images/agriculturalTrusteeship/buyer/buyer_icon_01.png
 create mode 100644 static/images/agriculturalTrusteeship/buyer/buyer_icon_02.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/bill_icon_01.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/dialog_01.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/dialog_02.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/down.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/footer_add.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/footer_close.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/right.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/socialization_icon_on.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/socialization_icon_photo.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_icon_01.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_icon_02.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_icon_03.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_icon_04.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_icon_05.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_icon_06.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_icon_07.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_nav_01.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_nav_02.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_nav_03.png
 create mode 100644 static/images/agriculturalTrusteeship/socialization/user_nav_04.png

diff --git a/config/index.js b/config/index.js
index 3f63c225..300fbd92 100644
--- a/config/index.js
+++ b/config/index.js
@@ -13,7 +13,8 @@ module.exports = {
       "/api": {
         // 请求的目标主机
         //target: 'http://116.255.223.226:8081/nsgk_test/',
-        target: 'http://localhost:8080/',
+        //target: 'http://localhost:8080/',
+        target: 'http://192.168.0.107:8080/',
         changeOrigin: true,
         pathRewrite: {
           '^/api': ''
diff --git a/src/api/lawEnforcement/index.js b/src/api/lawEnforcement/index.js
index be819763..9e74e150 100644
--- a/src/api/lawEnforcement/index.js
+++ b/src/api/lawEnforcement/index.js
@@ -844,3 +844,39 @@ export function createResumePDF(query) {
   })
 }
 
+// 案件数量
+export function caseNumberAll(query) {
+  return request({
+    url: '/enforce/bigData/caseNumberAll',
+    method: 'get',
+    params: query
+  })
+}
+
+// 案件分类统计
+export function caseTypeAccount(query) {
+  return request({
+    url: '/enforce/bigData/caseTypeAccount',
+    method: 'get',
+    params: query
+  })
+}
+
+// 案件来源分析
+export function caseSourceTypeAccount(query) {
+  return request({
+    url: '/home/enforceStatistic/caseSourceTypeAccount',
+    method: 'get',
+    params: query
+  })
+}
+
+// 案件来源分析
+export function casePreMonthNum(query) {
+  return request({
+    url: '/enforce/bigData/casePreMonthNum',
+    method: 'get',
+    params: query
+  })
+}
+
diff --git a/src/components/agriculturalTrusteeship/dialog.vue b/src/components/agriculturalTrusteeship/dialog.vue
new file mode 100644
index 00000000..8279663f
--- /dev/null
+++ b/src/components/agriculturalTrusteeship/dialog.vue
@@ -0,0 +1,80 @@
+<template>
+  <div class="tb-toolbar-container">
+
+    <div class="main">
+      <div class="main_box">
+        <van-cell label="快速发布，收益多多" center :to="{name:'agriculturalTrusteeshipSocializationRelease'}">
+          <template #title>
+            <p style="color:#4E7FFF; ">发布产品</p>
+          </template>
+          <template #icon>
+            <img src="../../../static/images/agriculturalTrusteeship/socialization/dialog_01.png" style="margin-right: 15PX" />
+          </template>
+        </van-cell>
+      </div>
+      <div class="main_box">
+        <van-cell label="未发布的商品都在这" center :to="{name:'agriculturalTrusteeshipSocializationDraft'}">
+          <template #title>
+            <p style="color:#FF5D00; ">草稿箱</p>
+          </template>
+          <template #icon>
+            <img src="../../../static/images/agriculturalTrusteeship/socialization/dialog_02.png" style="margin-right: 15PX" />
+          </template>
+          <template #default>
+            <p style="background: #FBE6D9;color: #FF5D00;display: inline-block;padding: 0 5PX;border-radius: 5PX;">12</p>
+          </template>
+        </van-cell>
+      </div>
+      <img src="../../../static/images/agriculturalTrusteeship/socialization/footer_close.png" alt="" class="add_btn" @click="openDialog">
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "toolbar",
+  methods:{
+    openDialog(){
+      this.$parent.openDialog(false)
+    }
+  },
+};
+</script>
+<style scoped lang="scss">
+.tb-toolbar-container {
+  z-index: 99999;
+  width: 100%;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  background: rgba(255,255,255,0.95);
+  .main{
+    position: absolute;
+    left: 0%;
+    bottom: 0;
+    width: 100%;
+    .add_btn{
+      position: relative;
+      left: 50%;
+      transform: translate(-50%,10%);
+      margin-top:4vh;
+    }
+  }
+  .main_box{
+    width: 92%;
+    margin: 0 auto;
+    margin-top: 2vh;
+    border-radius: 20PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 2vh 4%;
+    /deep/ .van-cell{
+      padding: 0;
+      margin-bottom: 10PX;
+      &:last-child{
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/common/agr_footer.vue b/src/components/common/agr_footer.vue
new file mode 100644
index 00000000..dc0a5af1
--- /dev/null
+++ b/src/components/common/agr_footer.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="tb-toolbar-container">
+    <router-link to="/agriculturalTrusteeship/socializationIndex" class="tab" active-class="active" exact>
+      <span class="icon"><van-icon name="shopping-cart-o" size="25" /></span>
+      <p class="text">待处理</p>
+    </router-link>
+    <router-link to="/agriculturalTrusteeship/socializationProject" class="tab" active-class="active">
+      <span class="icon"><van-icon name="shop-o" size="25" /></span>
+      <p class="text">产品</p>
+    </router-link>
+    <img src="../../../static/images/agriculturalTrusteeship/socialization/footer_add.png" alt="" class="add_btn" @click="openDialog">
+    <router-link to="/agriculturalTrusteeship/socializationBill" class="tab" active-class="active">
+      <span class="icon"><van-icon name="bill-o" size="25" /></span>
+      <p class="text">订单</p>
+    </router-link>
+    <router-link to="/agriculturalTrusteeship/socializationUser" class="tab" active-class="active">
+      <span class="icon"><van-icon name="contact" size="25" /></span>
+      <p class="text">我的</p>
+    </router-link>
+  </div>
+</template>
+<script>
+export default {
+  name: "toolbar",
+  data(){
+    return{
+      text:"我是子组件数据，我要发送给父组件",
+      num:12
+    }
+  },
+  methods:{
+    openDialog(){
+      this.$parent.openDialog(true)
+    }
+  },
+};
+</script>
+<style scoped lang="scss">
+.tb-toolbar-container {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  z-index: 1001;
+  background-color: #fff;
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #f8f8f8;
+  -webkit-box-pack: justify;
+  /*justify-content: space-around;*/
+  -webkit-box-align: center;
+  align-items: center;
+  position: fixed;
+  padding: 10px 3%;
+  .tab {
+    color: #5d656b;
+    text-align: center;
+    width: 20%;
+    &.active {
+      color: #3E6CCD;
+    }
+    .icon {
+      padding-bottom: 3px;
+    }
+    &:nth-child(4){
+      margin-left: auto;
+    }
+  }
+  .add_btn{
+    position: absolute;
+    left: 50%;
+    top: 0;
+    transform: translate(-50%,-40%);
+  }
+}
+</style>
diff --git a/src/components/common/buyer_footer.vue b/src/components/common/buyer_footer.vue
new file mode 100644
index 00000000..0a79d2b4
--- /dev/null
+++ b/src/components/common/buyer_footer.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="tb-toolbar-container">
+    <router-link to="/agriculturalTrusteeship/buyerIndex" class="tab" active-class="active" exact>
+      <span class="icon"><van-icon name="shopping-cart-o" size="25" /></span>
+      <p class="text">寻找服务</p>
+    </router-link>
+    <router-link to="/agriculturalTrusteeship/buyerWaitBill" class="tab" active-class="active">
+      <span class="icon"><van-icon name="todo-list-o" size="25" /></span>
+      <p class="text">等待处理</p>
+    </router-link>
+    <router-link to="/agriculturalTrusteeship/buyerAllBill" class="tab" active-class="active">
+      <span class="icon"><van-icon name="bill-o" size="25" /></span>
+      <p class="text">所有订单</p>
+    </router-link>
+  </div>
+</template>
+<script>
+export default {
+  name: "toolbar",
+  data(){
+    return{
+      text:"我是子组件数据，我要发送给父组件",
+      num:12
+    }
+  },
+  methods:{
+  },
+};
+</script>
+<style scoped lang="scss">
+.tb-toolbar-container {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  z-index: 1001;
+  background-color: #fff;
+  border-top: 1px solid #e7e7e7;
+  border-bottom: 1px solid #f8f8f8;
+  -webkit-box-pack: justify;
+  /*justify-content: space-around;*/
+  -webkit-box-align: center;
+  align-items: center;
+  position: fixed;
+  padding: 10px 3%;
+  justify-content: space-around;
+  .tab {
+    color: #5d656b;
+    text-align: center;
+    width: 20%;
+    &.active {
+      color: #3E6CCD;
+    }
+    .icon {
+      padding-bottom: 3px;
+    }
+  }
+  .add_btn{
+    position: absolute;
+    left: 50%;
+    top: 0;
+    transform: translate(-50%,-40%);
+  }
+}
+</style>
diff --git a/src/permission.js b/src/permission.js
index 13752ad4..9f5fff36 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -148,6 +148,28 @@ const whiteList = [
   '/agriculturalTrusteeship/societyProjectList',//社会化产品列表
   '/agriculturalTrusteeship/societyProjectDetail',//社会化产品详情
   '/agriculturalTrusteeship/shopList',//保险列表首页
+  '/agriculturalTrusteeship/shopAdd',//保险列表首页
+  '/agriculturalTrusteeship/socializationIndex',//社会化服务组织待处理
+  '/agriculturalTrusteeship/socializationProject',//社会化服务组织产品
+  '/agriculturalTrusteeship/socializationProjectDetail',//社会化服务组织产品详情
+  '/agriculturalTrusteeship/socializationBill',//社会化服务组织订单
+  '/agriculturalTrusteeship/socializationBillDetail',//社会化服务组织订单详情
+  '/agriculturalTrusteeship/socializationUser',//社会化服务组织个人中心
+  '/agriculturalTrusteeship/socializationUserEdit',//社会化服务组织个人信息
+  '/agriculturalTrusteeship/socializationRelease',//社会化服务组织发布产品
+  '/agriculturalTrusteeship/socializationDraft',//社会化服务组织草稿箱
+  '/agriculturalTrusteeship/socializationDraftEdit',//社会化服务组织草稿箱修改
+
+  '/agriculturalTrusteeship/buyerIndex',//买家选购
+  '/agriculturalTrusteeship/buyerWaitBill',//买家选购-等待处理
+  '/agriculturalTrusteeship/buyerAllBill',//买家选购-所有订单
+  '/agriculturalTrusteeship/placeOrder',//买家选购-下单页
+  '/agriculturalTrusteeship/billDetail',//买家选购-订单详情
+  '/agriculturalTrusteeship/billDetail2',//买家选购-订单详情
+  '/agriculturalTrusteeship/billDetail3',//买家选购-订单详情
+  '/agriculturalTrusteeship/billDetail4',//买家选购-订单详情
+  '/agriculturalTrusteeship/evaluate',//买家选购-服务评价
+
 ]
 
 router.beforeEach((to, from, next) => {
diff --git a/src/router/index.js b/src/router/index.js
index ab224fce..6277383c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4580,6 +4580,188 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/agriculturalTrusteeship/shop/shopList'], resolve)
   },
+  {
+    path: '/agriculturalTrusteeship/shopAdd',
+    name: 'agriculturalTrusteeshipShopAdd',
+    meta: {
+      title: '发布商品',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/shop/shopAdd'], resolve)
+  },
+
+  //社会化服务组织页面
+  {
+    path: '/agriculturalTrusteeship/socializationIndex',
+    name: 'agriculturalTrusteeshipSocializationIndex',
+    meta: {
+      title: '社会化服务组织待处理',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/index'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/socializationProject',
+    name: 'agriculturalTrusteeshipSocializationProject',
+    meta: {
+      title: '社会化服务组织产品',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/project'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/socializationProjectDetail',
+    name: 'agriculturalTrusteeshipSocializationProjectDetail',
+    meta: {
+      title: '社会化服务组织产品详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/projectDetail'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/socializationBill',
+    name: 'agriculturalTrusteeshipSocializationBill',
+    meta: {
+      title: '社会化服务组织订单',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/bill'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/socializationBillDetail',
+    name: 'agriculturalTrusteeshipSocializationBillDetail',
+    meta: {
+      title: '社会化服务组织订单详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/billDetail'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/socializationUser',
+    name: 'agriculturalTrusteeshipSocializationUser',
+    meta: {
+      title: '社会化服务组织个人中心',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/user'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/socializationUserEdit',
+    name: 'agriculturalTrusteeshipSocializationUserEdit',
+    meta: {
+      title: '社会化服务组织个人信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/userEdit'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/socializationRelease',
+    name: 'agriculturalTrusteeshipSocializationRelease',
+    meta: {
+      title: '社会化服务组织发布产品',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/release'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/socializationDraft',
+    name: 'agriculturalTrusteeshipSocializationDraft',
+    meta: {
+      title: '社会化服务组织草稿箱',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/draft'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/socializationDraftEdit',
+    name: 'agriculturalTrusteeshipSocializationDraftEdit',
+    meta: {
+      title: '社会化服务组织草稿箱修改',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/socialization/draftEdit'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/buyerIndex',
+    name: 'agriculturalTrusteeshipBuyerIndex',
+    meta: {
+      title: '买家选购',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/index'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/buyerWaitBill',
+    name: 'agriculturalTrusteeshipBuyerWaitBill',
+    meta: {
+      title: '等待处理',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/waitBill'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/buyerAllBill',
+    name: 'agriculturalTrusteeshipBuyerAllBill',
+    meta: {
+      title: '所有订单',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/allBill'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/placeOrder',
+    name: 'agriculturalTrusteeshipPlaceOrder',
+    meta: {
+      title: '下单',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/placeOrder'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/billDetail',
+    name: 'agriculturalTrusteeshipBillDetail',
+    meta: {
+      title: '订单详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/billDetail'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/billDetail2',
+    name: 'agriculturalTrusteeshipBillDetail2',
+    meta: {
+      title: '订单详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/billDetail2'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/billDetail3',
+    name: 'agriculturalTrusteeshipBillDetail3',
+    meta: {
+      title: '订单详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/billDetail3'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/billDetail4',
+    name: 'agriculturalTrusteeshipBillDetail4',
+    meta: {
+      title: '订单详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/billDetail4'], resolve)
+  },
+  {
+    path: '/agriculturalTrusteeship/evaluate',
+    name: 'agriculturalTrusteeshipEvaluate',
+    meta: {
+      title: '服务评价',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/evaluate'], resolve)
+  },
 ];
 
 
diff --git a/src/views/agriculturalTrusteeship/buyer/allBill.vue b/src/views/agriculturalTrusteeship/buyer/allBill.vue
new file mode 100644
index 00000000..408bf403
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/buyer/allBill.vue
@@ -0,0 +1,403 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <div class="search">
+        <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" />
+        <input type="text" placeholder="输入需求进行搜索" />
+        <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" />
+      </div>
+<!--      <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" alt="" @click="show = true;">-->
+    </div>
+    <!--  头部结束  -->
+
+    <!--  导航开始  -->
+    <div class="nav">
+      <div class="date">
+        <p>2021年11月</p>
+        <span>-</span>
+        <p>2021年11月</p>
+      </div>
+      <div class="nav_list">
+        <p class="active">全部</p>
+        <p>已接单</p>
+        <p>已接单</p>
+        <p>已接单</p>
+        <p>已接单</p>
+      </div>
+    </div>
+    <!--  导航结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+      >
+  <!--            @load="onLoad"  v-for="item in 10" :key="item"-->
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p>灌溉</p>
+            <p>服务</p>
+            <p class="on">点击评分</p>
+          </div>
+
+          <div class="main_content_right_list_center" @click="$router.push({name:'agriculturalTrusteeshipBillDetail2'})">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00</p>
+              </div>
+              <p class="name">
+                <span>数量：300</span>
+                <span>作物：玉米</span>
+              </p>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p>灌溉</p>
+            <p>服务</p>
+            <p class="on">已评分</p>
+          </div>
+
+          <div class="main_content_right_list_center" @click="$router.push({name:'agriculturalTrusteeshipBillDetail3'})">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00</p>
+              </div>
+              <p class="name">
+                <span>数量：300</span>
+                <span>作物：玉米</span>
+              </p>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p>灌溉</p>
+            <p>服务</p>
+            <p class="off">已拒单</p>
+          </div>
+
+          <div class="main_content_right_list_center" @click="$router.push({name:'agriculturalTrusteeshipBillDetail4'})">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00</p>
+              </div>
+              <p class="name">
+                <span>数量：300</span>
+                <span>作物：玉米</span>
+              </p>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+      </van-list>
+
+    </div>
+    <!--  内容结束  -->
+
+    <buyer></buyer>
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  import buyer from "@/components/common/buyer_footer";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    components: {
+      buyer,
+    },
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        show:true,
+        activeNames:[],
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+  background: #F9F9F9;
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+  }
+
+  .search{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border: 1px solid #6E93F3;
+    padding: 1PX 1PX 1PX 12PX ;
+    border-radius: 50PX;
+    /*margin-right: 30PX;*/
+    flex: 1;
+    input{
+      flex: 1;
+      background: transparent;
+      margin-left: 10PX;
+    }
+  }
+  /*导航栏目*/
+  .nav{
+    width: 94%;
+    margin: 0 auto;
+    padding: 2vh 0 0;
+    /*background: #ffffff;*/
+    /*border-radius: 10PX;*/
+    /*box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);*/
+    .date{
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      p{
+        border-radius: 1rem;
+        padding: 5PX 0PX 5PX 5%;
+        width: 40%;
+        text-align: center;
+        color: #334281;
+        box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+        background:#D6D9E6 url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 20% center no-repeat;
+      }
+    }
+    .nav_list{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 2vh;
+      p{
+        background: #F0F0F0;
+        padding: 7PX 0;
+        width: 18%;
+        text-align: center;
+        color: #888888;
+        border-radius: 7PX;
+        &.active{
+          background: #E2E9FD;
+          color: #1B5DEA;
+        }
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 8PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(1){background: #2B7EEC;color: #ffffff;}
+          &:nth-child(2){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+        }
+        .on{
+          color: #39BD18;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 20PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_on.png") no-repeat left center
+        }
+        .off{
+          color: #E60505;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 20PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png") no-repeat left center
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*弹出层*/
+  .popup_header{
+    display: flex;
+    align-items: center;
+    color: #334281;
+    font-size: .38rem;
+    margin-bottom: 15PX;
+    img{
+      margin-right: 10PX;
+      display: block;
+    }
+    p{
+      line-height: 1;
+    }
+  }
+  .popup_content{
+    .selected{
+      .on{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/down.png")left center no-repeat;
+      }
+      .off{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/right.png")left center no-repeat;
+      }
+      .options{
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        p{
+          background: #F5F5F5;
+          color: #8F8F8F;
+          width: 30%;
+          padding: 5PX 0;
+          border-radius: 5PX;
+          text-align: center;
+          &.active{
+            background: #E2E9FD;
+            color: #1B5DEA;
+          }
+        }
+      }
+    }
+  }
+  .popup_date{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    p{
+      border-radius: 1rem;
+      padding: 5PX 0PX 5PX 5%;
+      width: 45%;
+      text-align: center;
+      color: #1B5DEA;
+      background:#E2E9FD url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 15% center no-repeat;
+    }
+  }
+  .popup_btn{
+    position: fixed;
+    bottom: 5vh;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 94%;
+    left: 3%;
+    p{
+      width: 30%;
+      padding: 7PX 0;
+      border-radius: 5rem;
+      text-align: center;
+      font-size: .35rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #1B5DEA;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        border: 1PX solid #1B5DEA;
+        color: #1B5DEA;
+      }
+      &:nth-child(3){
+        background-image: linear-gradient(to right , #6E93F3 , #54C6E4);
+        color: #ffffff;
+      }
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/buyer/billDetail.vue b/src/views/agriculturalTrusteeship/buyer/billDetail.vue
new file mode 100644
index 00000000..51e414f3
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/buyer/billDetail.vue
@@ -0,0 +1,371 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="订单详情"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">商品信息</p>
+            <p>灌溉</p>
+            <p>服务</p>
+          </div>
+
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00/亩</p>
+              </div>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">买家信息</p>
+          </div>
+
+          <van-cell title="联系人" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系电话" :border="false" value="林晓春" />
+          <van-cell title="服务地点" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">订单信息</p>
+          </div>
+
+          <van-cell title="服务合同" :border="false" value="请输入产品名称" />
+          <van-cell title="服务作物" :border="false" value="请输入产品类型" />
+          <van-cell title="下单时间" :border="false" value="请输入二级分类" />
+          <van-cell title="服务时间" :border="false" value="请输入产品规格" />
+          <van-cell title="服务数量" :border="false" value="请输入所属主体" />
+          <van-cell title="成交金额" :border="false" value="请输入单价" />
+          <van-cell title="备注" :border="false" value="请输入数量" />
+        </div>
+
+    </div>
+
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        show:true,
+        activeNames:[],
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+  }
+
+  .search{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border: 1px solid #6E93F3;
+    padding: 1PX 1PX 1PX 12PX ;
+    border-radius: 50PX;
+    margin-right: 30PX;
+    flex: 1;
+    input{
+      flex: 1;
+      background: transparent;
+      margin-left: 10PX;
+    }
+  }
+  /*导航栏目*/
+  .nav{
+    width: 94%;
+    margin: 0 auto;
+    margin-top: 2vh;
+    padding: 1.5vh 3%;
+    background: #ffffff;
+    border-radius: 10PX;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    .date{
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      p{
+        border-radius: 1rem;
+        padding: 5PX 0PX 5PX 5%;
+        width: 40%;
+        text-align: center;
+        color: #334281;
+        box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+        background:#D6D9E6 url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 20% center no-repeat;
+      }
+    }
+    .billCount {
+      display: flex;
+      text-align: center;
+      margin-top: 3vh;
+      .billCount_left{
+        width: 50%;
+        color: #1B5DEA;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+      .billCount_right{
+        width: 50%;
+        color: #FF5E00;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      /*box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);*/
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 10PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(2){background: #2B7EEC;color: #ffffff;margin-left: auto;}
+          &:nth-child(3){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+        }
+        .on{
+          color: #334281;
+          border-radius: initial;
+          padding:0 0 0 20PX;
+          font-size: 0.35rem;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/bill_icon_01.png") no-repeat left center
+        }
+        .off{
+          color: #E60505;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 15PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png") no-repeat left center
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*弹出层*/
+  .popup_header{
+    display: flex;
+    align-items: center;
+    color: #334281;
+    font-size: .38rem;
+    margin-bottom: 15PX;
+    img{
+      margin-right: 10PX;
+      display: block;
+    }
+    p{
+      line-height: 1;
+    }
+  }
+  .popup_content{
+    .selected{
+      .on{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/down.png")left center no-repeat;
+      }
+      .off{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/right.png")left center no-repeat;
+      }
+      .options{
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        p{
+          background: #F5F5F5;
+          color: #8F8F8F;
+          width: 30%;
+          padding: 5PX 0;
+          border-radius: 5PX;
+          text-align: center;
+          &.active{
+            background: #E2E9FD;
+            color: #1B5DEA;
+          }
+        }
+      }
+    }
+  }
+  .popup_date{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    p{
+      border-radius: 1rem;
+      padding: 5PX 0PX 5PX 5%;
+      width: 45%;
+      text-align: center;
+      color: #1B5DEA;
+      background:#E2E9FD url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 15% center no-repeat;
+    }
+  }
+  .popup_btn{
+    position: fixed;
+    bottom: 5vh;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 94%;
+    left: 3%;
+    p{
+      width: 30%;
+      padding: 7PX 0;
+      border-radius: 5rem;
+      text-align: center;
+      font-size: .35rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #1B5DEA;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        border: 1PX solid #1B5DEA;
+        color: #1B5DEA;
+      }
+      &:nth-child(3){
+        background-image: linear-gradient(to right , #6E93F3 , #54C6E4);
+        color: #ffffff;
+      }
+    }
+  }
+.main_btn{
+  display: flex;
+  justify-content: space-around;
+  padding: 4vh 0;
+  p{
+    font-size: .4rem;
+    width: 35%;
+    text-align: center;
+    padding: 10PX 0;
+    border-radius: 5rem;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    &:nth-child(1){
+      background: #334281;
+      color: #ffffff;
+    }
+    &:nth-child(2){
+      background: #D1D5E4;
+      color: #334281;
+    }
+  }
+}
+</style>
diff --git a/src/views/agriculturalTrusteeship/buyer/billDetail2.vue b/src/views/agriculturalTrusteeship/buyer/billDetail2.vue
new file mode 100644
index 00000000..50dbb4da
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/buyer/billDetail2.vue
@@ -0,0 +1,394 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="订单详情"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">商品信息</p>
+            <p>灌溉</p>
+            <p>服务</p>
+          </div>
+
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00/亩</p>
+              </div>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">买家信息</p>
+          </div>
+
+          <van-cell title="联系人" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系电话" :border="false" value="林晓春" />
+          <van-cell title="服务地点" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">订单信息</p>
+          </div>
+
+          <van-cell title="接单时间" :border="false" value="接单时间" />
+          <van-cell title="服务合同" :border="false" value="服务合同" />
+          <van-cell title="服务作物" :border="false" value="服务作物" />
+          <van-cell title="下单时间" :border="false" value="下单时间" />
+          <van-cell title="服务时间" :border="false" value="请输入产品规格" />
+          <van-cell title="服务数量" :border="false" value="请输入所属主体" />
+          <van-cell title="成交金额" :border="false" value="请输入单价" />
+          <van-cell title="备注" :border="false" value="请输入数量" />
+        </div>
+
+    </div>
+
+    <!--  内容结束  -->
+    <div class="footer">
+      <p>温馨提示：请在服务完成后进行评分</p>
+      <img src="../../../../static/images/agriculturalTrusteeship/buyer/buyer_icon_02.png" @click="$router.push({name:'agriculturalTrusteeshipEvaluate'})">
+    </div>
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        show:true,
+        activeNames:[],
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+  }
+
+  .search{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border: 1px solid #6E93F3;
+    padding: 1PX 1PX 1PX 12PX ;
+    border-radius: 50PX;
+    margin-right: 30PX;
+    flex: 1;
+    input{
+      flex: 1;
+      background: transparent;
+      margin-left: 10PX;
+    }
+  }
+  /*导航栏目*/
+  .nav{
+    width: 94%;
+    margin: 0 auto;
+    margin-top: 2vh;
+    padding: 1.5vh 3%;
+    background: #ffffff;
+    border-radius: 10PX;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    .date{
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      p{
+        border-radius: 1rem;
+        padding: 5PX 0PX 5PX 5%;
+        width: 40%;
+        text-align: center;
+        color: #334281;
+        box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+        background:#D6D9E6 url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 20% center no-repeat;
+      }
+    }
+    .billCount {
+      display: flex;
+      text-align: center;
+      margin-top: 3vh;
+      .billCount_left{
+        width: 50%;
+        color: #1B5DEA;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+      .billCount_right{
+        width: 50%;
+        color: #FF5E00;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    padding-bottom: 15vh;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      /*box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);*/
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 10PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(2){background: #2B7EEC;color: #ffffff;margin-left: auto;}
+          &:nth-child(3){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+        }
+        .on{
+          color: #334281;
+          border-radius: initial;
+          padding:0 0 0 20PX;
+          font-size: 0.35rem;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/bill_icon_01.png") no-repeat left center
+        }
+        .off{
+          color: #E60505;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 15PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png") no-repeat left center
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*弹出层*/
+  .popup_header{
+    display: flex;
+    align-items: center;
+    color: #334281;
+    font-size: .38rem;
+    margin-bottom: 15PX;
+    img{
+      margin-right: 10PX;
+      display: block;
+    }
+    p{
+      line-height: 1;
+    }
+  }
+  .popup_content{
+    .selected{
+      .on{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/down.png")left center no-repeat;
+      }
+      .off{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/right.png")left center no-repeat;
+      }
+      .options{
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        p{
+          background: #F5F5F5;
+          color: #8F8F8F;
+          width: 30%;
+          padding: 5PX 0;
+          border-radius: 5PX;
+          text-align: center;
+          &.active{
+            background: #E2E9FD;
+            color: #1B5DEA;
+          }
+        }
+      }
+    }
+  }
+  .popup_date{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    p{
+      border-radius: 1rem;
+      padding: 5PX 0PX 5PX 5%;
+      width: 45%;
+      text-align: center;
+      color: #1B5DEA;
+      background:#E2E9FD url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 15% center no-repeat;
+    }
+  }
+  .popup_btn{
+    position: fixed;
+    bottom: 5vh;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 94%;
+    left: 3%;
+    p{
+      width: 30%;
+      padding: 7PX 0;
+      border-radius: 5rem;
+      text-align: center;
+      font-size: .35rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #1B5DEA;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        border: 1PX solid #1B5DEA;
+        color: #1B5DEA;
+      }
+      &:nth-child(3){
+        background-image: linear-gradient(to right , #6E93F3 , #54C6E4);
+        color: #ffffff;
+      }
+    }
+  }
+.main_btn{
+  display: flex;
+  justify-content: space-around;
+  padding: 4vh 0;
+  p{
+    font-size: .4rem;
+    width: 35%;
+    text-align: center;
+    padding: 10PX 0;
+    border-radius: 5rem;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    &:nth-child(1){
+      background: #334281;
+      color: #ffffff;
+    }
+    &:nth-child(2){
+      background: #D1D5E4;
+      color: #334281;
+    }
+  }
+}
+.footer{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: #ffffff;
+  position: fixed;
+  bottom: 0;
+  padding: 1vh 4%;
+  width: 100%;
+  p{
+    color: #989898;
+    background: #F2F2F2;
+    padding: 5PX 10PX;
+    text-align: center;
+    border-radius: 8PX;
+  }
+}
+</style>
diff --git a/src/views/agriculturalTrusteeship/buyer/billDetail3.vue b/src/views/agriculturalTrusteeship/buyer/billDetail3.vue
new file mode 100644
index 00000000..1d88fa97
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/buyer/billDetail3.vue
@@ -0,0 +1,332 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="订单详情"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+        <p class="type">已评分<span>评分时间：2022.11.12</span></p>
+        <div class="main_content_right_list first">
+          <div class="main_content_right_list_header">
+            <p class="on">商品信息</p>
+            <p>灌溉</p>
+            <p>服务</p>
+          </div>
+
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00/亩</p>
+              </div>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">评价信息</p>
+          </div>
+
+          <van-cell title="实际服务数量" :border="false" value="张三李四联合合作社" />
+          <van-cell title="实际服务费用" :border="false" value="林晓春" />
+          <van-cell title="服务评分" :border="false" value="165 8874 0311" />
+          <van-cell title="服务评价" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">买家信息</p>
+          </div>
+
+          <van-cell title="联系人" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系电话" :border="false" value="林晓春" />
+          <van-cell title="服务地点" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">订单信息</p>
+          </div>
+
+          <van-cell title="接单时间" :border="false" value="接单时间" />
+          <van-cell title="服务合同" :border="false" value="服务合同" />
+          <van-cell title="服务作物" :border="false" value="服务作物" />
+          <van-cell title="下单时间" :border="false" value="下单时间" />
+          <van-cell title="服务时间" :border="false" value="请输入产品规格" />
+          <van-cell title="服务数量" :border="false" value="请输入所属主体" />
+          <van-cell title="成交金额" :border="false" value="请输入单价" />
+          <van-cell title="备注" :border="false" value="请输入数量" />
+        </div>
+
+    </div>
+
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        show:true,
+        activeNames:[],
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+  }
+
+  .search{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border: 1px solid #6E93F3;
+    padding: 1PX 1PX 1PX 12PX ;
+    border-radius: 50PX;
+    margin-right: 30PX;
+    flex: 1;
+    input{
+      flex: 1;
+      background: transparent;
+      margin-left: 10PX;
+    }
+  }
+  /*导航栏目*/
+  .nav{
+    width: 94%;
+    margin: 0 auto;
+    margin-top: 2vh;
+    padding: 1.5vh 3%;
+    background: #ffffff;
+    border-radius: 10PX;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    .date{
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      p{
+        border-radius: 1rem;
+        padding: 5PX 0PX 5PX 5%;
+        width: 40%;
+        text-align: center;
+        color: #334281;
+        box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+        background:#D6D9E6 url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 20% center no-repeat;
+      }
+    }
+    .billCount {
+      display: flex;
+      text-align: center;
+      margin-top: 3vh;
+      .billCount_left{
+        width: 50%;
+        color: #1B5DEA;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+      .billCount_right{
+        width: 50%;
+        color: #FF5E00;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    padding-bottom: 2vh;
+    .main_content_right_list{
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      margin-bottom: 2vh;
+      /*box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);*/
+      &.first{
+        border-top-left-radius: initial;
+        border-top-right-radius: initial;
+      }
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 10PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(2){background: #2B7EEC;color: #ffffff;margin-left: auto;}
+          &:nth-child(3){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+        }
+        .on{
+          color: #334281;
+          border-radius: initial;
+          padding:0 0 0 20PX;
+          font-size: 0.35rem;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/bill_icon_01.png") no-repeat left center
+        }
+        .off{
+          color: #E60505;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 15PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png") no-repeat left center
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*弹出层*/
+.main_btn{
+  display: flex;
+  justify-content: space-around;
+  padding: 4vh 0;
+  p{
+    font-size: .4rem;
+    width: 35%;
+    text-align: center;
+    padding: 10PX 0;
+    border-radius: 5rem;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    &:nth-child(1){
+      background: #334281;
+      color: #ffffff;
+    }
+    &:nth-child(2){
+      background: #D1D5E4;
+      color: #334281;
+    }
+  }
+}
+.footer{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: #ffffff;
+  position: fixed;
+  bottom: 0;
+  padding: 1vh 4%;
+  width: 100%;
+  p{
+    color: #989898;
+    background: #F2F2F2;
+    padding: 5PX 10PX;
+    text-align: center;
+    border-radius: 8PX;
+  }
+}
+  .type{
+    background: #22D863;
+    font-size: .4rem;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 2vh;
+    color: #ffffff;
+    padding: 10PX 3%;
+    border-top-left-radius: 10PX;
+    border-top-right-radius: 10PX;
+    align-items: center;
+    span{
+      font-size: .35rem;
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/buyer/billDetail4.vue b/src/views/agriculturalTrusteeship/buyer/billDetail4.vue
new file mode 100644
index 00000000..101be4f3
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/buyer/billDetail4.vue
@@ -0,0 +1,320 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="订单详情"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+        <p class="type">卖家已拒单<span>拒单时间：2022.11.12</span></p>
+        <div class="main_content_right_list first">
+          <div class="main_content_right_list_header">
+            <p class="on">商品信息</p>
+            <p>灌溉</p>
+            <p>服务</p>
+          </div>
+
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00/亩</p>
+              </div>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">买家信息</p>
+          </div>
+
+          <van-cell title="联系人" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系电话" :border="false" value="林晓春" />
+          <van-cell title="服务地点" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">订单信息</p>
+          </div>
+
+          <van-cell title="服务合同" :border="false" value="服务合同" />
+          <van-cell title="服务作物" :border="false" value="服务作物" />
+          <van-cell title="下单时间" :border="false" value="下单时间" />
+          <van-cell title="服务时间" :border="false" value="请输入产品规格" />
+          <van-cell title="服务数量" :border="false" value="请输入所属主体" />
+          <van-cell title="成交金额" :border="false" value="请输入单价" />
+          <van-cell title="备注" :border="false" value="请输入数量" />
+        </div>
+
+    </div>
+
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        show:true,
+        activeNames:[],
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+  }
+
+  .search{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border: 1px solid #6E93F3;
+    padding: 1PX 1PX 1PX 12PX ;
+    border-radius: 50PX;
+    margin-right: 30PX;
+    flex: 1;
+    input{
+      flex: 1;
+      background: transparent;
+      margin-left: 10PX;
+    }
+  }
+  /*导航栏目*/
+  .nav{
+    width: 94%;
+    margin: 0 auto;
+    margin-top: 2vh;
+    padding: 1.5vh 3%;
+    background: #ffffff;
+    border-radius: 10PX;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    .date{
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      p{
+        border-radius: 1rem;
+        padding: 5PX 0PX 5PX 5%;
+        width: 40%;
+        text-align: center;
+        color: #334281;
+        box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+        background:#D6D9E6 url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 20% center no-repeat;
+      }
+    }
+    .billCount {
+      display: flex;
+      text-align: center;
+      margin-top: 3vh;
+      .billCount_left{
+        width: 50%;
+        color: #1B5DEA;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+      .billCount_right{
+        width: 50%;
+        color: #FF5E00;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    padding-bottom: 2vh;
+    .main_content_right_list{
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      margin-bottom: 2vh;
+      /*box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);*/
+      &.first{
+        border-top-left-radius: initial;
+        border-top-right-radius: initial;
+      }
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 10PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(2){background: #2B7EEC;color: #ffffff;margin-left: auto;}
+          &:nth-child(3){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+        }
+        .on{
+          color: #334281;
+          border-radius: initial;
+          padding:0 0 0 20PX;
+          font-size: 0.35rem;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/bill_icon_01.png") no-repeat left center
+        }
+        .off{
+          color: #E60505;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 15PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png") no-repeat left center
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*弹出层*/
+.main_btn{
+  display: flex;
+  justify-content: space-around;
+  padding: 4vh 0;
+  p{
+    font-size: .4rem;
+    width: 35%;
+    text-align: center;
+    padding: 10PX 0;
+    border-radius: 5rem;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    &:nth-child(1){
+      background: #334281;
+      color: #ffffff;
+    }
+    &:nth-child(2){
+      background: #D1D5E4;
+      color: #334281;
+    }
+  }
+}
+.footer{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: #ffffff;
+  position: fixed;
+  bottom: 0;
+  padding: 1vh 4%;
+  width: 100%;
+  p{
+    color: #989898;
+    background: #F2F2F2;
+    padding: 5PX 10PX;
+    text-align: center;
+    border-radius: 8PX;
+  }
+}
+  .type{
+    background: #D83B22;
+    font-size: .4rem;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 2vh;
+    color: #ffffff;
+    padding: 10PX 3%;
+    border-top-left-radius: 10PX;
+    border-top-right-radius: 10PX;
+    align-items: center;
+    span{
+      font-size: .35rem;
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/buyer/evaluate.vue b/src/views/agriculturalTrusteeship/buyer/evaluate.vue
new file mode 100644
index 00000000..b6799c67
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/buyer/evaluate.vue
@@ -0,0 +1,195 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="服务评分 "
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00/亩</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <div class="main_content_right_list">
+          <van-field label="实际服务数量" :border="false" input-align="right" placeholder="实际服务数量" />
+          <van-field label="实际服务费用" :border="false" input-align="right" placeholder="实际服务费用" />
+          <van-field label="服务评分" :border="false" input-align="right" placeholder="服务评分" />
+          <van-field label="服务评价" :border="false" input-align="right" placeholder="服务评价" />
+        </div>
+
+    </div>
+
+    <!--  内容结束  -->
+
+    <div class="main_btn">
+      <p>确定</p>
+      <p>取消</p>
+    </div>
+
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        show:true,
+        activeNames:[],
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    padding-bottom: 5vh;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      /*box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);*/
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 10PX;
+        &:first-child{
+          margin-top: 0;
+        }
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(2){background: #2B7EEC;color: #ffffff;margin-left: auto;}
+          &:nth-child(3){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+        }
+        .on{
+          color: #334281;
+          border-radius: initial;
+          padding:0 0 0 20PX;
+          font-size: 0.35rem;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/bill_icon_01.png") no-repeat left center
+        }
+        .off{
+          color: #E60505;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 15PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png") no-repeat left center
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+.main_btn{
+  display: flex;
+  justify-content: space-around;
+  padding: 4vh 0;
+  p{
+    font-size: .4rem;
+    width: 35%;
+    text-align: center;
+    padding: 10PX 0;
+    border-radius: 5rem;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    &:nth-child(1){
+      background: #334281;
+      color: #ffffff;
+    }
+    &:nth-child(2){
+      background: #D1D5E4;
+      color: #334281;
+    }
+  }
+}
+</style>
diff --git a/src/views/agriculturalTrusteeship/buyer/index.vue b/src/views/agriculturalTrusteeship/buyer/index.vue
new file mode 100644
index 00000000..3d20938c
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/buyer/index.vue
@@ -0,0 +1,381 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <img src="../../../../static/images/agriculturalTrusteeship/index/header.png">
+      <div class="header_box" @click="$router.push({name:'agriculturalTrusteeshipLogin'})">
+        <p>林万金<span>15835691254</span><img src="../../../../static/images/agriculturalTrusteeship/buyer/buyer_icon_01.png" alt=""></p>
+        <p>北京市海淀区丁春路165街玉龙苑9区2单元10...</p>
+
+      </div>
+    </div>
+    <!--  头部结束  -->
+
+    <!--  导航开始  -->
+    <div class="nav">
+      <van-grid :column-num="4" :border="false">
+        <van-grid-item :to="{name:'agriculturalTrusteeshipSocietyList'}">
+          <img src="../../../../static/images/agriculturalTrusteeship/index/nav_01.png"/>
+          <p>社会化</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementCaseStatistics'}">
+          <img src="../../../../static/images/agriculturalTrusteeship/index/nav_02.png"/>
+          <p>农担</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementCaseDistributionMap'}">
+          <img src="../../../../static/images/agriculturalTrusteeship/index/nav_03.png"/>
+          <p>贷款</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList'}">
+          <img src="../../../../static/images/agriculturalTrusteeship/index/nav_04.png"/>
+          <p>保险</p>
+        </van-grid-item>
+      </van-grid>
+
+      <div class="nav_notice_box">
+        <van-notice-bar left-icon="../../../../static/images/agriculturalTrusteeship/index/notice_icon.png" mode="link" :scrollable="false" background="#E2E9FD" color="#334281">
+          <van-swipe
+            vertical
+            class="notice-swipe"
+            :autoplay="3000"
+            :show-indicators="false"
+          >
+            <van-swipe-item>12.0版本上线啦！点击查看更改内容~</van-swipe-item>
+            <van-swipe-item>12.1版本上线啦！点击查看更改内容~</van-swipe-item>
+            <van-swipe-item>12.2版本上线啦！点击查看更改内容~</van-swipe-item>
+          </van-swipe>
+        </van-notice-bar>
+      </div>
+    </div>
+    <!--  导航结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+      <div class="main_header">
+        <p>社会化服务产品</p>
+        <p>河东河西村</p>
+      </div>
+      <div class="search">
+        <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" />
+        <input type="text" placeholder="输入需求进行搜索" />
+        <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" />
+      </div>
+
+      <div class="main_content">
+        <div class="main_content_left">
+          <van-sidebar v-model="activeKey">
+            <van-sidebar-item title="全套服务" />
+            <van-sidebar-item title="开垦" />
+            <van-sidebar-item title="除草" />
+            <van-sidebar-item title="播种" />
+            <van-sidebar-item title="灌溉" />
+            <van-sidebar-item title="开垦" />
+            <van-sidebar-item title="除草" />
+            <van-sidebar-item title="播种" />
+            <van-sidebar-item title="灌溉" />
+            <van-sidebar-item title="开垦" />
+            <van-sidebar-item title="除草" />
+            <van-sidebar-item title="播种" />
+            <van-sidebar-item title="灌溉" />
+          </van-sidebar>
+        </div>
+        <div class="main_content_right">
+          <div class="main_content_right_header">
+            <p class="main_content_right_header_tit">灌溉</p>
+            <van-tabs v-model="active" animated>
+              <van-tab title="评分排序"></van-tab>
+              <van-tab title="销量排序"></van-tab>
+            </van-tabs>
+          </div>
+          <div class="main_content_right_nav">
+            <p>服务</p>
+            <p>服务</p>
+            <p>服务</p>
+            <p>服务</p>
+            <p>服务</p>
+          </div>
+
+          <van-list
+            v-model="loading"
+            :finished="finished"
+            finished-text="没有更多了"
+          >
+<!--            @load="onLoad"-->
+            <div class="main_content_right_list" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipPlaceOrder'})">
+              <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+              <div class="main_content_right_list_content">
+                <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+                <div class="tab">
+                  <p>￥<span>66</span>.00/亩</p>
+                  <p><span>销 600</span><span>分 4.7</span></p>
+                </div>
+                <p class="name">张三社会服务旗舰店</p>
+              </div>
+            </div>
+          </van-list>
+
+        </div>
+      </div>
+
+    </div>
+    <!--  内容结束  -->
+
+    <img src="../../../../static/images/agriculturalTrusteeship/index/index_btn_icon_01.png" class="pc"/>
+
+    <buyer></buyer>
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  import buyer from "@/components/common/buyer_footer";
+  export default {
+    name: "agriculturalTrusteeshipBuyIndex",
+    components: {
+      buyer,
+    },
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    padding: 4vh 4% 2vh;
+    .header_box{
+      margin-left: 4%;
+      flex: 1;
+      p{
+        &:nth-child(1){
+          color: #ffffff;
+          font-size: .45rem;
+          display: flex;
+          align-items: center;
+          span{
+            background: rgba(255,255,255,0.8) url("../../../../static/images/agriculturalTrusteeship/socialization/user_icon_07.png") 10PX center no-repeat;
+            background-size: 12PX;
+            color: #1E67FF;
+            font-size: 0.35rem;
+            padding: 0 8PX 0 25PX;
+            border-radius: 5PX;
+            margin-left: 10PX;
+          }
+          img{
+            margin-left: auto;
+          }
+        }
+        &:nth-child(2){
+          color: #E5E5E5;
+          margin-top: .5vh;
+        }
+      }
+    }
+  }
+
+  /*导航栏目*/
+  .nav{
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    .van-grid{
+      border-top-left-radius: 25PX;
+      border-top-right-radius: 25PX;
+      overflow: hidden;
+    }
+    .nav_notice_box{
+      background: #ffffff;
+      padding:.5vh 0 1vh;
+    }
+    /deep/ .van-notice-bar{
+      width: 94%;
+      margin: 0 auto;
+      border-radius: 5PX;
+      .notice-swipe {
+        height: 40px;
+        line-height: 42px;
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    background: #ffffff;
+    .main_header{
+      display: flex;
+      padding: 0 4% 1vh;
+      justify-content: space-between;
+      align-items: center;
+      p{
+        color: #334281;
+        &:nth-child(1){
+          font-size: .4rem;
+        }
+        &:nth-child(2){
+          font-size: .35rem;
+          background: url("../../../../static/images/agriculturalTrusteeship/index/address_icon.png") no-repeat left center;
+          padding: 5PX 0 5PX 22PX;
+
+        }
+      }
+    }
+    .search{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 92%;
+      margin: 0PX auto;
+      border: 1px solid #6E93F3;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 50PX;
+      input{
+        flex: 1;
+        background: transparent;
+        margin-left: 10PX;
+      }
+    }
+    /deep/ .van-tabs--line .van-tabs__wrap{
+      border-radius: 100rem;
+      height: 25PX;
+    }
+    /deep/ .van-tab{
+      z-index: 1;
+      color: #8F8F8F;
+      padding: 5PX 10PX;
+    }
+    /deep/ .van-tab--active{
+      color: #334281;
+    }
+    /deep/ .van-tabs__nav{
+      background: #ECECEC;
+    }
+    /deep/ .van-tabs__nav--line{
+      padding: 0;
+    }
+    /deep/ .van-tabs__line{
+      background: #D6D9E6;
+      border-radius: 100rem;
+      z-index: 0;
+      width: 50%;
+      height: 100%;
+      bottom: 0;
+    }
+    .main_content{
+      display: flex;
+      width: 96%;
+      margin-top: 2vh;
+      height: 56.8vh;
+      overflow: hidden;
+      .van-sidebar-item{
+        text-align: center;
+      }
+      /deep/ .van-sidebar-item--select::before{
+        display: none;
+      }
+      .main_content_left{
+        border-top-right-radius: 15PX;
+        height: 100%;
+        overflow-y: scroll;
+      }
+      .main_content_right{
+        flex: 1;
+        padding-left: 4%;
+        height: 100%;
+        overflow-y: scroll;
+        .main_content_right_header{
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          .main_content_right_header_tit{
+            font-size: .4rem;
+            color: #1A1D4A;
+          }
+        }
+        .main_content_right_nav{
+          display: flex;
+          justify-content: space-between;
+          margin-top: 2vh;
+          p{
+            padding: 5PX 10PX;
+            background: #F5F5F5;
+            color: #8F8F8F;
+            border-radius: 4PX;
+          }
+        }
+        .main_content_right_list{
+          display: flex;
+          margin-top: 2vh;
+          img{
+            border-radius: 15PX;
+            margin-right: 4%;
+          }
+          .main_content_right_list_content{
+            display: flex;
+            flex-direction:column;
+            justify-content: space-between;
+            .tt{
+              color: #333333;
+              font-size: .35rem;
+            }
+            .tab{
+              display: flex;
+              justify-content: space-between;
+              p{
+                &:nth-child(1){
+                  flex: 1;
+                  color: #FF5E00;
+                  span{
+                    font-size: .4rem;
+                  }
+                }
+                &:nth-child(2){
+                  span{
+                    display: inline-block;
+                    text-align: center;
+                    padding: 2PX 5PX;
+                    &:nth-child(1){
+                      color: #497CE8;
+                      background: #E2E9FD;
+                      border-top-left-radius: 10PX;
+                    }
+                    &:nth-child(2){
+                      color: #ffffff;
+                      background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                      border-bottom-right-radius: 10PX;
+                    }
+                  }
+                }
+              }
+            }
+            .name{
+              color: #8F8F8F;
+              background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center;
+              padding-left: 14PX;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*飘窗*/
+  .pc{
+    position: absolute;
+    bottom: 10vh;
+    right: 0;
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/buyer/placeOrder.vue b/src/views/agriculturalTrusteeship/buyer/placeOrder.vue
new file mode 100644
index 00000000..01400030
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/buyer/placeOrder.vue
@@ -0,0 +1,375 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="确认订单"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">商品信息</p>
+            <p>灌溉</p>
+            <p>服务</p>
+          </div>
+
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00/亩</p>
+              </div>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">买家信息</p>
+          </div>
+
+          <van-cell title="联系人" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系电话" :border="false" value="林晓春" />
+          <van-cell title="服务地点" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">订单信息</p>
+          </div>
+
+          <van-field label="服务合同" :border="false" input-align="right" placeholder="请输入产品名称" />
+          <van-field label="服务作物" :border="false" input-align="right" placeholder="请输入产品类型" />
+          <van-field label="下单时间" :border="false" input-align="right" placeholder="请输入二级分类" />
+          <van-field label="服务时间" :border="false" input-align="right" placeholder="请输入产品规格" />
+          <van-field label="服务数量" :border="false" input-align="right" placeholder="请输入所属主体" />
+          <van-field label="成交金额" :border="false" input-align="right" placeholder="请输入单价" />
+          <van-field label="备注" :border="false" input-align="right" placeholder="请输入数量" />
+        </div>
+
+    </div>
+
+    <div class="main_btn">
+      <p>下单</p>
+      <p>取消</p>
+    </div>
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        show:true,
+        activeNames:[],
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+  }
+
+  .search{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border: 1px solid #6E93F3;
+    padding: 1PX 1PX 1PX 12PX ;
+    border-radius: 50PX;
+    margin-right: 30PX;
+    flex: 1;
+    input{
+      flex: 1;
+      background: transparent;
+      margin-left: 10PX;
+    }
+  }
+  /*导航栏目*/
+  .nav{
+    width: 94%;
+    margin: 0 auto;
+    margin-top: 2vh;
+    padding: 1.5vh 3%;
+    background: #ffffff;
+    border-radius: 10PX;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    .date{
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      p{
+        border-radius: 1rem;
+        padding: 5PX 0PX 5PX 5%;
+        width: 40%;
+        text-align: center;
+        color: #334281;
+        box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+        background:#D6D9E6 url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 20% center no-repeat;
+      }
+    }
+    .billCount {
+      display: flex;
+      text-align: center;
+      margin-top: 3vh;
+      .billCount_left{
+        width: 50%;
+        color: #1B5DEA;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+      .billCount_right{
+        width: 50%;
+        color: #FF5E00;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      /*box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);*/
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 10PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(2){background: #2B7EEC;color: #ffffff;margin-left: auto;}
+          &:nth-child(3){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+        }
+        .on{
+          color: #334281;
+          border-radius: initial;
+          padding:0 0 0 20PX;
+          font-size: 0.35rem;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/bill_icon_01.png") no-repeat left center
+        }
+        .off{
+          color: #E60505;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 15PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png") no-repeat left center
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*弹出层*/
+  .popup_header{
+    display: flex;
+    align-items: center;
+    color: #334281;
+    font-size: .38rem;
+    margin-bottom: 15PX;
+    img{
+      margin-right: 10PX;
+      display: block;
+    }
+    p{
+      line-height: 1;
+    }
+  }
+  .popup_content{
+    .selected{
+      .on{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/down.png")left center no-repeat;
+      }
+      .off{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/right.png")left center no-repeat;
+      }
+      .options{
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        p{
+          background: #F5F5F5;
+          color: #8F8F8F;
+          width: 30%;
+          padding: 5PX 0;
+          border-radius: 5PX;
+          text-align: center;
+          &.active{
+            background: #E2E9FD;
+            color: #1B5DEA;
+          }
+        }
+      }
+    }
+  }
+  .popup_date{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    p{
+      border-radius: 1rem;
+      padding: 5PX 0PX 5PX 5%;
+      width: 45%;
+      text-align: center;
+      color: #1B5DEA;
+      background:#E2E9FD url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 15% center no-repeat;
+    }
+  }
+  .popup_btn{
+    position: fixed;
+    bottom: 5vh;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 94%;
+    left: 3%;
+    p{
+      width: 30%;
+      padding: 7PX 0;
+      border-radius: 5rem;
+      text-align: center;
+      font-size: .35rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #1B5DEA;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        border: 1PX solid #1B5DEA;
+        color: #1B5DEA;
+      }
+      &:nth-child(3){
+        background-image: linear-gradient(to right , #6E93F3 , #54C6E4);
+        color: #ffffff;
+      }
+    }
+  }
+.main_btn{
+  display: flex;
+  justify-content: space-around;
+  padding: 4vh 0;
+  p{
+    font-size: .4rem;
+    width: 35%;
+    text-align: center;
+    padding: 10PX 0;
+    border-radius: 5rem;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    &:nth-child(1){
+      background: #334281;
+      color: #ffffff;
+    }
+    &:nth-child(2){
+      background: #D1D5E4;
+      color: #334281;
+    }
+  }
+}
+</style>
diff --git a/src/views/agriculturalTrusteeship/buyer/waitBill.vue b/src/views/agriculturalTrusteeship/buyer/waitBill.vue
new file mode 100644
index 00000000..dd4e2fc5
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/buyer/waitBill.vue
@@ -0,0 +1,207 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <p>待处理订单</p>
+      <p>共20个新订单</p>
+    </div>
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+      >
+  <!--            @load="onLoad"-->
+        <div class="main_content_right_list" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipBillDetail'})">
+          <div class="main_content_right_list_header">
+            <p>灌溉</p>
+            <p>服务</p>
+            <p>2022.03.15</p>
+          </div>
+
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00</p>
+              </div>
+              <p class="name">
+                <span>数量：300</span>
+                <span>作物：玉米</span>
+              </p>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+      </van-list>
+
+    </div>
+    <!--  内容结束  -->
+
+    <buyer></buyer>
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  import buyer from "@/components/common/buyer_footer";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    components: {
+      buyer,
+    },
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      openDialog(val){
+        this.showDialog = val
+      },
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+  background: #F9F9F9;
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: end;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+    p{
+      &:nth-child(1){
+        color: #334281;
+        font-size: .45rem;
+      }
+      &:nth-child(2){
+        color: #7A7A7A;
+        margin-top: .5vh;
+      }
+    }
+  }
+
+  /*导航栏目*/
+  .nav{
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    .van-grid{
+      border-top-left-radius: 25PX;
+      border-top-right-radius: 25PX;
+      overflow: hidden;
+    }
+    .nav_notice_box{
+      background: #ffffff;
+      padding:.5vh 0 1vh;
+    }
+    /deep/ .van-notice-bar{
+      width: 94%;
+      margin: 0 auto;
+      border-radius: 5PX;
+      .notice-swipe {
+        height: 40px;
+        line-height: 42px;
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 8PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(1){background: #2B7EEC;color: #ffffff;}
+          &:nth-child(2){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+          &:nth-child(3){color: #334281;margin-left: auto;padding:0 0 0 15PX;background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png") no-repeat left center}
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+</style>
diff --git a/src/views/agriculturalTrusteeship/login.vue b/src/views/agriculturalTrusteeship/login.vue
index 26d613e5..800ae880 100644
--- a/src/views/agriculturalTrusteeship/login.vue
+++ b/src/views/agriculturalTrusteeship/login.vue
@@ -13,9 +13,9 @@
     <!--  头部结束  -->
 
     <!--  登陆选择开始  -->
-    <div class="main" style="display: none;">
+    <div class="main">
       <div class="nav">
-        <div class="nav_content">
+        <div class="nav_content" @click="$router.push({name:'agriculturalTrusteeshipBuyerIndex'})">
           <div>
             <p class="nav_name_01">买家登录</p>
             <p class="nav_text">登录后支持下单操作</p>
@@ -25,7 +25,7 @@
       </div>
 
       <div class="nav">
-        <div class="nav_content">
+        <div class="nav_content" @click="$router.push({name:'agriculturalTrusteeshipSocializationIndex'})" >
           <div>
             <p class="nav_name_02">社会化服务组织登录</p>
             <p class="nav_text">登录发布社会化服务及相关产品</p>
@@ -61,7 +61,7 @@
     <!--  登陆选择结束  -->
 
     <!--  登录开始  -->
-    <div class="login_main" :style="{'position': position,'top':top,'transform':transform,'left':left}">
+    <div class="login_main" style="display: none;" :style="{'position': position,'top':top,'transform':transform,'left':left}">
       <van-tabs v-model="active" animated color="#1E67FF" background="transparent" title-active-color="#1E67FF" @change="tabsChange">
         <van-tab name="login" title="登录">
           <van-field v-model="value1" center :border="false" placeholder="请输入用户名" >
diff --git a/src/views/agriculturalTrusteeship/shop/shopAdd.vue b/src/views/agriculturalTrusteeship/shop/shopAdd.vue
new file mode 100644
index 00000000..29432196
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/shop/shopAdd.vue
@@ -0,0 +1,88 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="发布商品"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+
+    <!--  内容开始  -->
+    <div class="main">
+      <van-field label="产品名称" input-align="right" placeholder="请输入产品名称" />
+      <van-field label="产品类型" input-align="right" placeholder="请输入产品类型" />
+      <van-field label="简介" input-align="right" placeholder="请输入简介" />
+      <van-field label="图片" :border="false" input-align="right" readonly />
+      <div style="padding: 0 4% 2vh;">
+        <van-uploader />
+      </div>
+    </div>
+
+    <div class="main_btn">
+      <p>发布</p>
+    </div>
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  export default {
+    name: "agriculturalTrusteeshipSocializationRelease",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        center: { lng: 122.089726, lat: 37.540728 }, //经纬度
+        zoom: 15, //地图展示级别
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+  background: #F6F6F6;
+  min-height: 100vh;
+}
+.main{
+  width: 92%;
+  margin: 0 auto;
+  margin-top: 2vh;
+  border-radius: 10PX;
+  overflow: hidden;
+  background-color: #FFF;
+}
+  .main_btn{
+    display: flex;
+    justify-content: space-around;
+    padding: 4vh 0;
+    p{
+      font-size: .4rem;
+      width: 35%;
+      text-align: center;
+      padding: 10PX 0;
+      border-radius: 5rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #334281;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        background: #D1D5E4;
+        color: #334281;
+      }
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/shop/shopList.vue b/src/views/agriculturalTrusteeship/shop/shopList.vue
index 2b540910..5c07f6b0 100644
--- a/src/views/agriculturalTrusteeship/shop/shopList.vue
+++ b/src/views/agriculturalTrusteeship/shop/shopList.vue
@@ -56,7 +56,7 @@
       <van-tabs v-model="active" sticky animated>
         <van-tab title="售卖中">
 
-          <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_add.png" style="margin: 0 auto;display: block;width: 94%;">
+          <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_add.png" style="margin: 0 auto;display: block;width: 94%;" @click="$router.push({name:'agriculturalTrusteeshipShopAdd'})">
 
           <van-list
             v-model="loading"
diff --git a/src/views/agriculturalTrusteeship/socialization/bill.vue b/src/views/agriculturalTrusteeship/socialization/bill.vue
new file mode 100644
index 00000000..70da69ed
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/bill.vue
@@ -0,0 +1,431 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <div class="search">
+        <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" />
+        <input type="text" placeholder="输入需求进行搜索" />
+        <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" />
+      </div>
+      <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" alt="" @click="show = true;">
+    </div>
+    <!--  头部结束  -->
+
+    <!--  导航开始  -->
+    <div class="nav">
+      <div class="date">
+        <p>2021年11月</p>
+        <span>-</span>
+        <p>2021年11月</p>
+      </div>
+      <div class="billCount">
+        <div class="billCount_left">
+          <p>654</p>
+          <p>成交订单</p>
+        </div>
+        <div class="billCount_right">
+          <p>361,654,523.00</p>
+          <p>收入金额</p>
+        </div>
+      </div>
+    </div>
+    <!--  导航结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+      >
+  <!--            @load="onLoad"-->
+        <div class="main_content_right_list" v-for="item in 10" :key="item">
+          <div class="main_content_right_list_header">
+            <p>灌溉</p>
+            <p>服务</p>
+            <p class="on">已结单</p>
+          </div>
+
+          <div class="main_content_right_list_center" @click="$router.push({name:'agriculturalTrusteeshipSocializationBillDetail'})">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00</p>
+              </div>
+              <p class="name">
+                <span>数量：300</span>
+                <span>作物：玉米</span>
+              </p>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+      </van-list>
+
+    </div>
+    <!--  内容结束  -->
+    <van-popup v-model="show" position="right" round style="height:100vh;width: 80%;padding: 4vh 3%;">
+      <div class="popup_header">
+        <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" width="15" alt="">
+        <p>筛选</p>
+      </div>
+      <div class="popup_content">
+        <div class="selected">
+          <p class="off">全套服务</p>
+        </div>
+        <div class="selected">
+          <p class="off">灌溉</p>
+        </div>
+        <div class="selected">
+          <p class="off">除草</p>
+        </div>
+        <div class="selected">
+          <p class="on">播种</p>
+          <div class="options">
+            <p class="active">全部</p>
+            <p>服务</p>
+            <p>种子</p>
+          </div>
+        </div>
+        <div class="selected">
+          <p class="on">施肥</p>
+          <div class="options">
+            <p>全部</p>
+            <p>服务</p>
+            <p>种子</p>
+          </div>
+        </div>
+      </div>
+      <div class="popup_header" style="margin-top: 4vh;">
+        <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" width="15" alt="">
+        <p>时间</p>
+      </div>
+      <div class="popup_date">
+        <p>2021年11月</p>
+        <span>-</span>
+        <p>2021年11月</p>
+      </div>
+      <div class="popup_header" style="margin-top: 4vh;">
+        <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" width="15" alt="">
+        <p>状态</p>
+      </div>
+      <div class="popup_content">
+        <div class="selected">
+          <div class="options">
+            <p class="active">全部</p>
+            <p>服务</p>
+            <p>种子</p>
+          </div>
+        </div>
+      </div>
+
+      <div class="popup_btn">
+        <p>确定</p>
+        <p>取消</p>
+        <p>重置</p>
+      </div>
+    </van-popup>
+    <agr></agr>
+    <transition name="van-fade">
+      <dialogClose v-show="showDialog"></dialogClose>
+    </transition>
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  import agr from "@/components/common/agr_footer";
+  import dialogClose from "@/components/agriculturalTrusteeship/dialog";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    components: {
+      agr,
+      dialogClose
+    },
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        show:true,
+        activeNames:[],
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      openDialog(val){
+        this.showDialog = val
+      },
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+  }
+
+  .search{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border: 1px solid #6E93F3;
+    padding: 1PX 1PX 1PX 12PX ;
+    border-radius: 50PX;
+    margin-right: 30PX;
+    flex: 1;
+    input{
+      flex: 1;
+      background: transparent;
+      margin-left: 10PX;
+    }
+  }
+  /*导航栏目*/
+  .nav{
+    width: 94%;
+    margin: 0 auto;
+    margin-top: 2vh;
+    padding: 1.5vh 3%;
+    background: #ffffff;
+    border-radius: 10PX;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    .date{
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      p{
+        border-radius: 1rem;
+        padding: 5PX 0PX 5PX 5%;
+        width: 40%;
+        text-align: center;
+        color: #334281;
+        box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+        background:#D6D9E6 url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 20% center no-repeat;
+      }
+    }
+    .billCount {
+      display: flex;
+      text-align: center;
+      margin-top: 3vh;
+      .billCount_left{
+        width: 50%;
+        color: #1B5DEA;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+      .billCount_right{
+        width: 50%;
+        color: #FF5E00;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 8PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(1){background: #2B7EEC;color: #ffffff;}
+          &:nth-child(2){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+        }
+        .on{
+          color: #39BD18;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 20PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_on.png") no-repeat left center
+        }
+        .off{
+          color: #E60505;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 15PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png") no-repeat left center
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*弹出层*/
+  .popup_header{
+    display: flex;
+    align-items: center;
+    color: #334281;
+    font-size: .38rem;
+    margin-bottom: 15PX;
+    img{
+      margin-right: 10PX;
+      display: block;
+    }
+    p{
+      line-height: 1;
+    }
+  }
+  .popup_content{
+    .selected{
+      .on{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/down.png")left center no-repeat;
+      }
+      .off{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/right.png")left center no-repeat;
+      }
+      .options{
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        p{
+          background: #F5F5F5;
+          color: #8F8F8F;
+          width: 30%;
+          padding: 5PX 0;
+          border-radius: 5PX;
+          text-align: center;
+          &.active{
+            background: #E2E9FD;
+            color: #1B5DEA;
+          }
+        }
+      }
+    }
+  }
+  .popup_date{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    p{
+      border-radius: 1rem;
+      padding: 5PX 0PX 5PX 5%;
+      width: 45%;
+      text-align: center;
+      color: #1B5DEA;
+      background:#E2E9FD url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 15% center no-repeat;
+    }
+  }
+  .popup_btn{
+    position: fixed;
+    bottom: 5vh;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 94%;
+    left: 3%;
+    p{
+      width: 30%;
+      padding: 7PX 0;
+      border-radius: 5rem;
+      text-align: center;
+      font-size: .35rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #1B5DEA;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        border: 1PX solid #1B5DEA;
+        color: #1B5DEA;
+      }
+      &:nth-child(3){
+        background-image: linear-gradient(to right , #6E93F3 , #54C6E4);
+        color: #ffffff;
+      }
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/socialization/billDetail.vue b/src/views/agriculturalTrusteeship/socialization/billDetail.vue
new file mode 100644
index 00000000..5202f3e7
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/billDetail.vue
@@ -0,0 +1,375 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="订单详情"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">商品信息</p>
+            <p>灌溉</p>
+            <p>服务</p>
+          </div>
+
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00/亩</p>
+              </div>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">买家信息</p>
+          </div>
+
+          <van-cell title="联系人" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系电话" :border="false" value="林晓春" />
+          <van-cell title="服务地点" :border="false" value="165 8874 0311" />
+        </div>
+
+        <div class="main_content_right_list">
+          <div class="main_content_right_list_header">
+            <p class="on">订单信息</p>
+          </div>
+
+          <van-cell title="服务合同" :border="false" value="张三李四联合合作社" />
+          <van-cell title="服务作物" :border="false" value="林晓春" />
+          <van-cell title="下单时间" :border="false" value="165 8874 0311" />
+          <van-cell title="服务时间" :border="false" value="165 8874 0311" />
+          <van-cell title="服务数量" :border="false" value="165 8874 0311" />
+          <van-cell title="成交金额" :border="false" value="165 8874 0311" />
+          <van-cell title="备注" :border="false" value="165 8874 0311" />
+        </div>
+
+    </div>
+
+    <div class="main_btn">
+      <p>接单</p>
+      <p>拒单</p>
+    </div>
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        show:true,
+        activeNames:[],
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+  }
+
+  .search{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border: 1px solid #6E93F3;
+    padding: 1PX 1PX 1PX 12PX ;
+    border-radius: 50PX;
+    margin-right: 30PX;
+    flex: 1;
+    input{
+      flex: 1;
+      background: transparent;
+      margin-left: 10PX;
+    }
+  }
+  /*导航栏目*/
+  .nav{
+    width: 94%;
+    margin: 0 auto;
+    margin-top: 2vh;
+    padding: 1.5vh 3%;
+    background: #ffffff;
+    border-radius: 10PX;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    .date{
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      p{
+        border-radius: 1rem;
+        padding: 5PX 0PX 5PX 5%;
+        width: 40%;
+        text-align: center;
+        color: #334281;
+        box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+        background:#D6D9E6 url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 20% center no-repeat;
+      }
+    }
+    .billCount {
+      display: flex;
+      text-align: center;
+      margin-top: 3vh;
+      .billCount_left{
+        width: 50%;
+        color: #1B5DEA;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+      .billCount_right{
+        width: 50%;
+        color: #FF5E00;
+        p{
+          &:nth-child(1){
+            font-size: .45rem;
+          }
+        }
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      /*box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);*/
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 8PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(2){background: #2B7EEC;color: #ffffff;margin-left: auto;}
+          &:nth-child(3){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+        }
+        .on{
+          color: #334281;
+          border-radius: initial;
+          padding:0 0 0 20PX;
+          font-size: 0.35rem;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/bill_icon_01.png") no-repeat left center
+        }
+        .off{
+          color: #E60505;
+          border-radius: initial;
+          margin-left: auto;
+          padding:0 0 0 15PX;
+          background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png") no-repeat left center
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  /*弹出层*/
+  .popup_header{
+    display: flex;
+    align-items: center;
+    color: #334281;
+    font-size: .38rem;
+    margin-bottom: 15PX;
+    img{
+      margin-right: 10PX;
+      display: block;
+    }
+    p{
+      line-height: 1;
+    }
+  }
+  .popup_content{
+    .selected{
+      .on{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/down.png")left center no-repeat;
+      }
+      .off{
+        font-size: .35rem;
+        padding: 10PX 20PX;
+        color: #334281;
+        background: url("../../../../static/images/agriculturalTrusteeship/socialization/right.png")left center no-repeat;
+      }
+      .options{
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        p{
+          background: #F5F5F5;
+          color: #8F8F8F;
+          width: 30%;
+          padding: 5PX 0;
+          border-radius: 5PX;
+          text-align: center;
+          &.active{
+            background: #E2E9FD;
+            color: #1B5DEA;
+          }
+        }
+      }
+    }
+  }
+  .popup_date{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    p{
+      border-radius: 1rem;
+      padding: 5PX 0PX 5PX 5%;
+      width: 45%;
+      text-align: center;
+      color: #1B5DEA;
+      background:#E2E9FD url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png") 15% center no-repeat;
+    }
+  }
+  .popup_btn{
+    position: fixed;
+    bottom: 5vh;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 94%;
+    left: 3%;
+    p{
+      width: 30%;
+      padding: 7PX 0;
+      border-radius: 5rem;
+      text-align: center;
+      font-size: .35rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #1B5DEA;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        border: 1PX solid #1B5DEA;
+        color: #1B5DEA;
+      }
+      &:nth-child(3){
+        background-image: linear-gradient(to right , #6E93F3 , #54C6E4);
+        color: #ffffff;
+      }
+    }
+  }
+.main_btn{
+  display: flex;
+  justify-content: space-around;
+  padding: 4vh 0;
+  p{
+    font-size: .4rem;
+    width: 35%;
+    text-align: center;
+    padding: 10PX 0;
+    border-radius: 5rem;
+    box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+    &:nth-child(1){
+      background: #334281;
+      color: #ffffff;
+    }
+    &:nth-child(2){
+      background: #D1D5E4;
+      color: #334281;
+    }
+  }
+}
+</style>
diff --git a/src/views/agriculturalTrusteeship/socialization/draft.vue b/src/views/agriculturalTrusteeship/socialization/draft.vue
new file mode 100644
index 00000000..ecfbc64a
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/draft.vue
@@ -0,0 +1,170 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="草稿箱"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+      >
+  <!--            @load="onLoad"-->
+        <div class="main_content_right_list" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipSocializationDraftEdit'})">
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png" width="80">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <p class="name">2022.03.15</p>
+            </div>
+          </div>
+        </div>
+      </van-list>
+
+    </div>
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  import agr from "@/components/common/agr_footer";
+  import dialogClose from "@/components/agriculturalTrusteeship/dialog";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    components: {
+      agr,
+      dialogClose
+    },
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      openDialog(val){
+        this.showDialog = val
+      },
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: end;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+    p{
+      &:nth-child(1){
+        color: #334281;
+        font-size: .45rem;
+      }
+      &:nth-child(2){
+        color: #7A7A7A;
+        margin-top: .5vh;
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      /*box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);*/
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 8PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(1){background: #2B7EEC;color: #ffffff;}
+          &:nth-child(2){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+          &:nth-child(3){color: #334281;margin-left: auto;padding:0 0 0 15PX;background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png") no-repeat left center}
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #334281;
+            margin-left: auto;
+            padding:0 0 0 15PX;
+            background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png") no-repeat left center
+          }
+        }
+      }
+    }
+  }
+
+</style>
diff --git a/src/views/agriculturalTrusteeship/socialization/draftEdit.vue b/src/views/agriculturalTrusteeship/socialization/draftEdit.vue
new file mode 100644
index 00000000..eec9ebda
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/draftEdit.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="发布商品"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+
+    <!--  内容开始  -->
+    <div class="main">
+      <van-field label="产品名称" input-align="right" placeholder="请输入产品名称" />
+      <van-field label="产品类型" input-align="right" placeholder="请输入产品类型" />
+      <van-field label="二级分类" input-align="right" placeholder="请输入二级分类" />
+      <van-field label="产品规格" input-align="right" placeholder="请输入产品规格" />
+      <van-field label="所属主体" input-align="right" placeholder="请输入所属主体" />
+      <van-field label="单价" input-align="right" placeholder="请输入单价" />
+      <van-field label="数量" input-align="right" placeholder="请输入数量" />
+      <van-field label="联系电话" input-align="right" placeholder="请输入联系电话" />
+      <van-field label="联系人" input-align="right" placeholder="请输入联系人" />
+      <van-field label="服务区域" input-align="right" placeholder="请输入服务区域" />
+      <van-field label="地址" input-align="right" placeholder="请输入地址" />
+      <van-field label="简介" input-align="right" placeholder="请输入简介" />
+      <van-field label="详情" input-align="right" placeholder="请输入详情" />
+      <van-field label="图片" :border="false" input-align="right" placeholder="请输入图片" />
+      <div style="padding: 0 4% 2vh;">
+        <van-uploader />
+      </div>
+    </div>
+
+    <div class="main">
+      <baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:25vh" >
+        <!-- 必须给容器指高度，不然地图将显示在一个高度为0的容器中，看不到 -->
+        <bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker>
+      </baidu-map>
+    </div>
+
+    <div class="main_btn">
+      <p>发布</p>
+      <p>存稿</p>
+    </div>
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  export default {
+    name: "agriculturalTrusteeshipSocializationRelease",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        center: { lng: 122.089726, lat: 37.540728 }, //经纬度
+        zoom: 15, //地图展示级别
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+  background: #F6F6F6;
+  min-height: 100vh;
+}
+.main{
+  width: 92%;
+  margin: 0 auto;
+  margin-top: 2vh;
+  border-radius: 10PX;
+  overflow: hidden;
+  background-color: #FFF;
+}
+  .main_btn{
+    display: flex;
+    justify-content: space-around;
+    padding: 4vh 0;
+    p{
+      font-size: .4rem;
+      width: 35%;
+      text-align: center;
+      padding: 10PX 0;
+      border-radius: 5rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #334281;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        background: #E60505;
+        color: #ffffff;
+      }
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/socialization/index.vue b/src/views/agriculturalTrusteeship/socialization/index.vue
new file mode 100644
index 00000000..9f97a2e8
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/index.vue
@@ -0,0 +1,212 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <p>待处理订单</p>
+      <p>共20个新订单</p>
+    </div>
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+      >
+  <!--            @load="onLoad"-->
+        <div class="main_content_right_list" v-for="item in 10" :key="item">
+          <div class="main_content_right_list_header">
+            <p>灌溉</p>
+            <p>服务</p>
+            <p>2022.03.15</p>
+          </div>
+
+          <div class="main_content_right_list_center">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+            <div class="main_content_right_list_content">
+              <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+              <div class="tab">
+                <p>￥<span>165,836,365</span>.00</p>
+              </div>
+              <p class="name">
+                <span>数量：300</span>
+                <span>作物：玉米</span>
+              </p>
+            </div>
+          </div>
+          <van-cell title="买方名称" :border="false" value="张三李四联合合作社" />
+          <van-cell title="联系人" :border="false" value="林晓春" />
+          <van-cell title="联系电话" :border="false" value="165 8874 0311" />
+        </div>
+      </van-list>
+
+    </div>
+    <!--  内容结束  -->
+
+    <agr></agr>
+    <transition name="van-fade">
+      <dialogClose v-show="showDialog"></dialogClose>
+    </transition>
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  import agr from "@/components/common/agr_footer";
+  import dialogClose from "@/components/agriculturalTrusteeship/dialog";
+
+  export default {
+    name: "agriculturalTrusteeshipIndex",
+    components: {
+      agr,
+      dialogClose
+    },
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      openDialog(val){
+        this.showDialog = val
+      },
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: end;
+    justify-content: space-between;
+    padding: 2vh 4% 0vh;
+    p{
+      &:nth-child(1){
+        color: #334281;
+        font-size: .45rem;
+      }
+      &:nth-child(2){
+        color: #7A7A7A;
+        margin-top: .5vh;
+      }
+    }
+  }
+
+  /*导航栏目*/
+  .nav{
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    .van-grid{
+      border-top-left-radius: 25PX;
+      border-top-right-radius: 25PX;
+      overflow: hidden;
+    }
+    .nav_notice_box{
+      background: #ffffff;
+      padding:.5vh 0 1vh;
+    }
+    /deep/ .van-notice-bar{
+      width: 94%;
+      margin: 0 auto;
+      border-radius: 5PX;
+      .notice-swipe {
+        height: 40px;
+        line-height: 42px;
+      }
+    }
+  }
+
+  /*内容*/
+  .main{
+    width: 94%;
+    margin: 0 auto;
+    .main_content_right_list{
+      margin-top: 2vh;
+      padding: 1.5vh 3%;
+      background: #ffffff;
+      border-radius: 10PX;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      /deep/ .van-cell{
+        padding: 0;
+        margin-top: 8PX;
+      }
+      .main_content_right_list_header{
+        display: flex;
+        margin-bottom: 1vh;
+        align-items: center;
+        p{
+          padding: 3PX 10PX;
+          border-radius: 8PX;
+          &:nth-child(1){background: #2B7EEC;color: #ffffff;}
+          &:nth-child(2){background: #E2E9FD;color: #497CE8;margin-left: 10PX;}
+          &:nth-child(3){color: #334281;margin-left: auto;padding:0 0 0 15PX;background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png") no-repeat left center}
+        }
+      }
+      .main_content_right_list_center{
+        display: flex;
+        img{
+          border-radius: 15PX;
+          margin-right: 4%;
+        }
+        .main_content_right_list_content{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          .tt{
+            color: #333333;
+            font-size: .35rem;
+          }
+          .tab{
+            display: flex;
+            justify-content: space-between;
+            p{
+              &:nth-child(1){
+                flex: 1;
+                color: #FF5E00;
+                span{
+                  font-size: .4rem;
+                }
+              }
+              &:nth-child(2){
+                span{
+                  display: inline-block;
+                  text-align: center;
+                  padding: 2PX 5PX;
+                  &:nth-child(1){
+                    color: #497CE8;
+                    background: #E2E9FD;
+                    border-top-left-radius: 10PX;
+                  }
+                  &:nth-child(2){
+                    color: #ffffff;
+                    background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                    border-bottom-right-radius: 10PX;
+                  }
+                }
+              }
+            }
+          }
+          .name{
+            color: #7A7A7A;
+            span{
+              &:nth-child(2){
+                margin-left: 5PX;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+</style>
diff --git a/src/views/agriculturalTrusteeship/socialization/project.vue b/src/views/agriculturalTrusteeship/socialization/project.vue
new file mode 100644
index 00000000..10848b50
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/project.vue
@@ -0,0 +1,471 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <div class="header_left" @click="onClickLeft">
+        <p>张三服务合作社</p>
+      </div>
+      <p class="header_right">
+        <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_photo.png" />
+      </p>
+    </div>
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+      <van-tabs v-model="active" sticky animated>
+        <van-tab title="服务组织">
+            <div class="search">
+              <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" />
+              <input type="text" placeholder="输入需求进行搜索" />
+              <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" />
+            </div>
+
+            <div class="main_content">
+              <div class="main_content_left">
+                <van-sidebar v-model="activeKey">
+                  <van-sidebar-item title="全套服务" />
+                  <van-sidebar-item title="开垦" />
+                  <van-sidebar-item title="除草" />
+                  <van-sidebar-item title="播种" />
+                  <van-sidebar-item title="灌溉" />
+                  <van-sidebar-item title="开垦" />
+                  <van-sidebar-item title="除草" />
+                  <van-sidebar-item title="播种" />
+                  <van-sidebar-item title="灌溉" />
+                  <van-sidebar-item title="开垦" />
+                  <van-sidebar-item title="除草" />
+                  <van-sidebar-item title="播种" />
+                  <van-sidebar-item title="灌溉" />
+                </van-sidebar>
+              </div>
+              <div class="main_content_right">
+                <div class="main_content_right_header">
+                  <p class="main_content_right_header_tit">灌溉</p>
+                  <van-tabs v-model="active" animated>
+                    <van-tab title="评分排序"></van-tab>
+                    <van-tab title="销量排序"></van-tab>
+                  </van-tabs>
+                </div>
+                <div class="main_content_right_nav">
+                  <p>服务</p>
+                  <p>服务</p>
+                  <p>服务</p>
+                  <p>服务</p>
+                  <p>服务</p>
+                </div>
+
+                <van-list
+                  v-model="loading"
+                  :finished="finished"
+                  finished-text="没有更多了"
+                >
+                  <!--            @load="onLoad"-->
+                  <div class="main_content_right_list" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipSocializationProjectDetail'})">
+                    <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+                    <div class="main_content_right_list_content">
+                      <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+                      <div class="tab">
+                        <p>￥<span>66</span>.00/亩</p>
+                        <p><span>销 600</span><span>分 4.7</span></p>
+                      </div>
+                      <div class="btn">
+                        <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_02.png" />
+                        <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_01.png" />
+                      </div>
+                    </div>
+                  </div>
+                </van-list>
+
+              </div>
+            </div>
+        </van-tab>
+        <van-tab title="服务项目">
+          <div class="search">
+            <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" />
+            <input type="text" placeholder="输入需求进行搜索" />
+            <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" />
+          </div>
+
+          <div class="main_content">
+            <div class="main_content_left">
+              <van-sidebar v-model="activeKey">
+                <van-sidebar-item title="全套服务" />
+                <van-sidebar-item title="开垦" />
+                <van-sidebar-item title="除草" />
+                <van-sidebar-item title="播种" />
+                <van-sidebar-item title="灌溉" />
+                <van-sidebar-item title="开垦" />
+                <van-sidebar-item title="除草" />
+                <van-sidebar-item title="播种" />
+                <van-sidebar-item title="灌溉" />
+                <van-sidebar-item title="开垦" />
+                <van-sidebar-item title="除草" />
+                <van-sidebar-item title="播种" />
+                <van-sidebar-item title="灌溉" />
+              </van-sidebar>
+            </div>
+            <div class="main_content_right">
+              <div class="main_content_right_header">
+                <p class="main_content_right_header_tit">灌溉</p>
+                <van-tabs v-model="active" animated>
+                  <van-tab title="评分排序"></van-tab>
+                  <van-tab title="销量排序"></van-tab>
+                </van-tabs>
+              </div>
+              <div class="main_content_right_nav">
+                <p>服务</p>
+                <p>服务</p>
+                <p>服务</p>
+                <p>服务</p>
+                <p>服务</p>
+              </div>
+
+              <van-list
+                v-model="loading"
+                :finished="finished"
+                finished-text="没有更多了"
+              >
+                <!--            @load="onLoad"-->
+                <div class="main_content_right_list" v-for="item in 10" :key="item">
+                  <img src="../../../../static/images/agriculturalTrusteeship/index/test.png">
+                  <div class="main_content_right_list_content">
+                    <p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p>
+                    <div class="tab">
+                      <p>￥<span>66</span>.00/亩</p>
+                      <p><span>销 600</span><span>分 4.7</span></p>
+                    </div>
+                    <div class="btn">
+                      <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_03.png" />
+                      <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_01.png" />
+                    </div>
+                  </div>
+                </div>
+              </van-list>
+
+            </div>
+          </div>
+
+        </van-tab>
+      </van-tabs>
+    </div>
+    <!--  内容结束  -->
+
+    <agr></agr>
+    <transition name="van-fade">
+      <dialogClose v-show="showDialog"></dialogClose>
+    </transition>
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  import agr from "@/components/common/agr_footer";
+  import dialogClose from "@/components/agriculturalTrusteeship/dialog";
+  export default {
+    name: "agriculturalTrusteeshipInsuranceList",
+    components: {
+      agr,
+      dialogClose
+    },
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      openDialog(val){
+        this.showDialog = val
+      },
+    },
+  }
+</script>
+<style scoped lang="scss">
+  .home_wrapper{
+    background: url("../../../../static/images/agriculturalTrusteeship/insurance/society_list_head.png") no-repeat;
+  }
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 2vh;
+    .header_left{
+      display: flex;
+      align-items: center;
+      p{
+        font-size: .4rem;
+        color: #ffffff;
+        line-height: 1;
+        margin-left: 10PX;
+      }
+    }
+    .header_right{
+      font-size: .35rem;
+    }
+  }
+
+  /* 内容 */
+  .main{
+    /deep/ .van-tabs__nav{
+      border-top-left-radius: 25PX;
+      border-top-right-radius: 25PX;
+      overflow: hidden;
+    }
+    /deep/ .van-tabs__line{
+      background: #334281!important;
+    }
+    /deep/ .van-tab--active{
+      color: #334281;
+    }
+    /deep/ .van-tabs__content{
+      background: #ffffff;
+      padding-top: 2vh;
+    }
+    .search{
+       display: flex;
+       justify-content: space-between;
+       align-items: center;
+       width: 92%;
+       margin: 0PX auto;
+       border: 1px solid #6E93F3;
+       padding: 1PX 1PX 1PX 12PX ;
+       border-radius: 50PX;
+       input{
+         flex: 1;
+         background: transparent;
+         margin-left: 10PX;
+       }
+    }
+    .content{
+      width: 92%;
+      margin: 0 auto;
+      box-shadow: 0px 0px 10PX rgba(0,0,0,0.1);
+      border-radius: 10PX;
+      margin-top: 2vh;
+      padding: 1.5vh 4%;
+      .content_tt{
+        font-size: .35rem;
+        margin-bottom: 1vh;
+      }
+      .tt_box{
+        border-bottom: 1PX solid #D1D8EB;
+        padding-bottom: 1.5vh;
+        .tab_box{
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          .tab_left{
+            display: flex;
+            p{
+              &:nth-child(1){
+                border-right: 1px solid;
+                padding-right: 8PX;
+                margin-right: 8PX;
+              }
+              span{
+                color: #2B7EEC;
+              }
+              line-height: 1;
+            }
+
+          }
+          .tab_right{
+            display: flex;
+            p{
+              background: #F3F6FE;
+              padding: 5PX 10PX;
+              color: #497CE8;
+              line-height: 1;
+              border-radius: 5PX;
+              margin-left: 10PX;
+            }
+          }
+        }
+      }
+      .content_con{
+        display: flex;
+        justify-content: space-between;
+        margin-top: 1.5vh;
+        .content_con_left{
+          display: flex;
+          flex-direction:column;
+          justify-content: space-between;
+          p{
+            font-size: .35rem;
+            padding-left: 18PX;
+            &:nth-child(1){
+              background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_project.png") no-repeat left center;
+            }
+            &:nth-child(2){
+              background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_name.png") no-repeat left center;
+            }
+            &:nth-child(3){
+              background: url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_iphone.png") no-repeat left center;
+            }
+          }
+        }
+        .content_con_right{
+          display: flex;
+          justify-content: end;
+          align-items: center;
+          img{
+            border-radius: 10PX;
+            width: 40%;
+            margin-left: 5%;
+            box-shadow: 0px 5PX 10PX rgba(0,0,0,0.2);
+            &:last-child{
+              width: auto;
+              box-shadow: none;
+            }
+          }
+        }
+      }
+    }
+    .main_content{
+      display: flex;
+      width: 96%;
+      margin-top: 2vh;
+      height: 79.7vh;
+      overflow: hidden;
+      .van-sidebar-item{
+        text-align: center;
+      }
+      /deep/ .van-sidebar-item--select::before{
+        display: none;
+      }
+      .main_content_left{
+        border-top-right-radius: 15PX;
+        height: 100%;
+        overflow-y: scroll;
+      }
+      .main_content_right{
+        flex: 1;
+        padding-left: 4%;
+        height: 100%;
+        overflow-y: scroll;
+        .main_content_right_header{
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          /deep/ .van-tabs--line .van-tabs__wrap{
+            border-radius: 100rem!important;
+            height: 25PX;
+          }
+          /deep/ .van-tab{
+            z-index: 1;
+            color: #8F8F8F;
+            padding: 5PX 10PX;
+          }
+          /deep/ .van-tab--active{
+            color: #334281!important;
+          }
+          /deep/ .van-tabs__nav{
+            background: #ECECEC!important;
+            border-radius: initial;
+          }
+          /deep/ .van-tabs__nav--line{
+            padding: 0;
+          }
+          /deep/ .van-tabs__content{
+            padding: 0;
+          }
+          /deep/ .van-tabs__line{
+            background: #D6D9E6!important;
+            border-radius: 100rem!important;
+            z-index: 0;
+            width: 50%;
+            height: 100%;
+            bottom: 0;
+          }
+          .main_content_right_header_tit{
+            font-size: .4rem;
+            color: #1A1D4A;
+          }
+        }
+        .main_content_right_nav{
+          display: flex;
+          justify-content: space-between;
+          margin-top: 2vh;
+          p{
+            padding: 5PX 10PX;
+            background: #F5F5F5;
+            color: #8F8F8F;
+            border-radius: 4PX;
+          }
+        }
+        .main_content_right_list{
+          display: flex;
+          margin-top: 2vh;
+          width: 100%;
+          img{
+            border-radius: 15PX;
+            margin-right: 4%;
+            width: auto;
+          }
+          .main_content_right_list_content{
+            display: flex;
+            flex-direction:column;
+            justify-content: space-between;
+            .tt{
+              color: #333333;
+              font-size: .35rem;
+            }
+            .tab{
+              display: flex;
+              justify-content: space-between;
+              p{
+                &:nth-child(1){
+                  flex: 1;
+                  color: #FF5E00;
+                  span{
+                    font-size: .4rem;
+                  }
+                }
+                &:nth-child(2){
+                  flex: 1;
+                  span{
+                    width: 50%;
+                    display: inline-block;
+                    text-align: center;
+                    padding: 2PX 2PX;
+                    &:nth-child(1){
+                      color: #497CE8;
+                      background: #E2E9FD;
+                      border-top-left-radius: 10PX;
+                    }
+                    &:nth-child(2){
+                      color: #ffffff;
+                      background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                      border-bottom-right-radius: 10PX;
+                    }
+                  }
+                }
+              }
+            }
+            .btn{
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              img{
+                width: 45%;
+                margin: 0;
+              }
+            }
+            .name{
+              color: #8F8F8F;
+              background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center;
+              padding-left: 14PX;
+            }
+          }
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/socialization/projectDetail.vue b/src/views/agriculturalTrusteeship/socialization/projectDetail.vue
new file mode 100644
index 00000000..6841f3f7
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/projectDetail.vue
@@ -0,0 +1,207 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <div class="header_left" @click="onClickLeft">
+        <img src="../../../../static/images/agriculturalTrusteeship/return.png">
+      </div>
+      <div class="header_right" @click="onClickLeft">
+        <img src="../../../../static/images/agriculturalTrusteeship/share.png">
+      </div>
+    </div>
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
+        <van-swipe-item><img src="../../../../static/images/agriculturalTrusteeship/test3.png"></van-swipe-item>
+        <van-swipe-item><img src="../../../../static/images/agriculturalTrusteeship/test3.png"></van-swipe-item>
+        <van-swipe-item><img src="../../../../static/images/agriculturalTrusteeship/test3.png"></van-swipe-item>
+        <van-swipe-item><img src="../../../../static/images/agriculturalTrusteeship/test3.png"></van-swipe-item>
+      </van-swipe>
+
+      <div class="main_content">
+        <div class="tab">
+          <p>￥<span>66</span>.00/亩</p>
+          <p><span>销 600</span><span>分 4.7</span></p>
+        </div>
+        <p class="tt">农业保险玉米保险30/亩小麦50/亩大豆60/亩</p>
+        <p class="name">张三社会服务旗舰店</p>
+      </div>
+
+      <div class="main_box">
+        <van-cell title="产品类型" :border="false" value="内容" />
+        <van-cell title="产品规格" :border="false" value="内容" />
+        <van-cell title="产品数量" :border="false" value="内容" />
+        <van-cell title="服务区域" :border="false" value="内容" />
+        <van-cell title="产品简介" :border="false" value="内容" />
+        <van-cell title="公司地址" :border="false" value="内容" />
+      </div>
+
+      <div class="main_box">
+        <van-cell title="联系人" :border="false" value="内容" />
+        <van-cell title="联系方式" :border="false" value="内容" />
+      </div>
+
+      <div class="main_box" style="padding: 0;">
+        <baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:25vh" >
+          <!-- 必须给容器指高度，不然地图将显示在一个高度为0的容器中，看不到 -->
+          <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>
+          <bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker>
+        </baidu-map>
+      </div>
+    </div>
+    <!--  内容结束  -->
+
+    <!--  底部提交按钮  -->
+<!--    <div class="footer">-->
+<!--      <p>温馨提示：下单前请先与商家沟通联系</p>-->
+<!--      <img src="../../../../static/images/agriculturalTrusteeship/insurance/submit_shop_btn.png">-->
+<!--    </div>-->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  export default {
+    name: "agriculturalTrusteeshipInsuranceDetail",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        center: { lng: 122.089726, lat: 37.540728 }, //经纬度
+        zoom: 15, //地图展示级别
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+  padding-bottom: 15vh;
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 2vh 4% 2vh;
+    position: absolute;
+    top: 0;
+    z-index: 99999999;
+    width: 100%;
+    .header_left{
+      display: flex;
+      align-items: center;
+      p{
+        font-size: .4rem;
+        color: #ffffff;
+        line-height: 1;
+        margin-left: 10PX;
+      }
+    }
+    .header_right{
+
+    }
+  }
+
+  /* 内容 */
+  .main{
+    .my-swipe .van-swipe-item {
+      color: #fff;
+      font-size: 20px;
+      text-align: center;
+    }
+    .main_content{
+      background: #ffffff;
+      padding: 2vh 4%;
+      width: 92%;
+      margin: 0 auto;
+      border-radius: 10PX;
+      margin-top: 2vh;
+      box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+      .tt{
+        font-size: .4rem;
+        margin-bottom: 10PX;
+      }
+      .name{
+        color: #4E7FFF;
+        background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center;
+        padding-left: 18PX;
+      }
+      .tab{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 10PX;
+        p{
+          &:nth-child(1){
+            flex: 1;
+            color: #FF5E00;
+            span{
+              font-size: .45rem;
+            }
+          }
+          &:nth-child(2){
+            span{
+              display: inline-block;
+              text-align: center;
+              padding: 2PX 10PX;
+              &:nth-child(1){
+                color: #497CE8;
+                background: #E2E9FD;
+                border-top-left-radius: 10PX;
+              }
+              &:nth-child(2){
+                color: #ffffff;
+                background-image: linear-gradient(to right , #5D87FA , #5FD5F5);
+                border-bottom-right-radius: 10PX;
+              }
+            }
+          }
+        }
+      }
+    }
+    .main_box{
+      width: 92%;
+      margin: 0 auto;
+      margin-top: 2vh;
+      border-radius: 10PX;
+      box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+      overflow: hidden;
+      background-color: #FFF;
+      padding: 2vh 4%;
+      /deep/ .van-cell{
+        padding: 0;
+        margin-bottom: 10PX;
+        &:last-child{
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+
+  .footer{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: #ffffff;
+    position: fixed;
+    bottom: 0;
+    padding: 1vh 4%;
+    width: 100%;
+    p{
+      color: #989898;
+      background: #F2F2F2;
+      padding: 5PX 10PX;
+      text-align: center;
+      border-radius: 8PX;
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/socialization/release.vue b/src/views/agriculturalTrusteeship/socialization/release.vue
new file mode 100644
index 00000000..9706e480
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/release.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="发布商品"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+
+    <!--  内容开始  -->
+    <div class="main">
+      <van-field label="产品名称" input-align="right" placeholder="请输入产品名称" />
+      <van-field label="产品类型" input-align="right" placeholder="请输入产品类型" />
+      <van-field label="二级分类" input-align="right" placeholder="请输入二级分类" />
+      <van-field label="产品规格" input-align="right" placeholder="请输入产品规格" />
+      <van-field label="所属主体" input-align="right" placeholder="请输入所属主体" />
+      <van-field label="单价" input-align="right" placeholder="请输入单价" />
+      <van-field label="数量" input-align="right" placeholder="请输入数量" />
+      <van-field label="联系电话" input-align="right" placeholder="请输入联系电话" />
+      <van-field label="联系人" input-align="right" placeholder="请输入联系人" />
+      <van-field label="服务区域" input-align="right" placeholder="请输入服务区域" />
+      <van-field label="地址" input-align="right" placeholder="请输入地址" />
+      <van-field label="简介" input-align="right" placeholder="请输入简介" />
+      <van-field label="详情" input-align="right" placeholder="请输入详情" />
+      <van-field label="图片" :border="false" input-align="right" placeholder="请输入图片" />
+      <div style="padding: 0 4% 2vh;">
+        <van-uploader />
+      </div>
+    </div>
+
+    <div class="main">
+      <baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:25vh" >
+        <!-- 必须给容器指高度，不然地图将显示在一个高度为0的容器中，看不到 -->
+        <bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker>
+      </baidu-map>
+    </div>
+
+    <div class="main_btn">
+      <p>发布</p>
+      <p>存稿</p>
+    </div>
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  export default {
+    name: "agriculturalTrusteeshipSocializationRelease",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        center: { lng: 122.089726, lat: 37.540728 }, //经纬度
+        zoom: 15, //地图展示级别
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+  background: #F6F6F6;
+  min-height: 100vh;
+}
+.main{
+  width: 92%;
+  margin: 0 auto;
+  margin-top: 2vh;
+  border-radius: 10PX;
+  overflow: hidden;
+  background-color: #FFF;
+}
+  .main_btn{
+    display: flex;
+    justify-content: space-around;
+    padding: 4vh 0;
+    p{
+      font-size: .4rem;
+      width: 35%;
+      text-align: center;
+      padding: 10PX 0;
+      border-radius: 5rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #334281;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        background: #D1D5E4;
+        color: #334281;
+      }
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/socialization/user.vue b/src/views/agriculturalTrusteeship/socialization/user.vue
new file mode 100644
index 00000000..d3eae0ec
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/user.vue
@@ -0,0 +1,180 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <div class="header">
+      <div class="header_left" @click="onClickLeft">
+        <img src="../../../../static/images/agriculturalTrusteeship/return.png">
+        <p>退出登录</p>
+      </div>
+    </div>
+    <!--  头部结束  -->
+
+    <div class="nav">
+      <div class="content">
+        <van-grid :column-num="4" :border="false">
+          <van-grid-item>
+            <img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_01.png" alt="">
+            <p class="nav_num">3,501</p>
+            <p>已成交</p>
+          </van-grid-item>
+          <van-grid-item>
+            <img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_02.png" alt="">
+            <p class="nav_num">3,501</p>
+            <p>待处理</p>
+          </van-grid-item>
+          <van-grid-item>
+            <img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_04.png" alt="">
+            <p class="nav_num">3,501</p>
+            <p>已拒单</p>
+          </van-grid-item>
+          <van-grid-item>
+            <img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_03.png" alt="">
+            <p class="nav_num" style="color: #FF5D00">3,501</p>
+            <p style="color: #FF5D00">总收入</p>
+          </van-grid-item>
+        </van-grid>
+      </div>
+    </div>
+
+    <!--  内容开始  -->
+    <div class="main">
+      <div class="main_content">
+        <van-cell :border="false" center>
+          <template #title>
+            <p class="tt">公司信息</p>
+          </template>
+          <template #right-icon>
+            <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_edit.png" @click="$router.push({name:'agriculturalTrusteeshipSocializationUserEdit'})">
+          </template>
+        </van-cell>
+
+        <div class="main_box" style="margin-top: 0;">
+          <van-field label="主体名称" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_01.png" :border="false" input-align="right" value="内容" />
+          <van-field label="主体类别" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_02.png" :border="false" input-align="right" value="内容" />
+          <van-field label="生产种类" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_03.png" :border="false" input-align="right" value="内容" />
+          <van-field label="成立时间" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_04.png" :border="false" input-align="right" value="内容" />
+          <van-field label="示范类型" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_05.png" :border="false" input-align="right" value="内容" />
+          <van-field label="负责人" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_06.png" :border="false" input-align="right" value="内容" />
+          <van-field label="联系电话" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_07.png" :border="false" input-align="right" value="内容" />
+        </div>
+
+        <div class="main_box">
+          <baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:25vh" >
+            <!-- 必须给容器指高度，不然地图将显示在一个高度为0的容器中，看不到 -->
+            <bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker>
+          </baidu-map>
+        </div>
+      </div>
+    </div>
+    <!--  内容结束  -->
+
+    <agr></agr>
+    <transition name="van-fade">
+      <dialogClose v-show="showDialog"></dialogClose>
+    </transition>
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  import agr from "@/components/common/agr_footer";
+  import dialogClose from "@/components/agriculturalTrusteeship/dialog";
+  export default {
+    name: "agriculturalTrusteeshipInsuranceList",
+    components: {
+      agr,
+      dialogClose
+    },
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        center: { lng: 122.089726, lat: 37.540728 }, //经纬度
+        zoom: 15, //地图展示级别
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      openDialog(val){
+        this.showDialog = val
+      },
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+  background: #ffffff;
+  min-height: 100vh;
+}
+  /*头部*/
+  .header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    padding: 2vh 4% 2vh;
+    .header_left{
+      display: flex;
+      align-items: center;
+      p{
+        font-size: .4rem;
+        color: #ffffff;
+        line-height: 1;
+        margin-left: 10PX;
+      }
+    }
+    .header_right{
+      font-size: .35rem;
+      background: #ffffff url("../../../../static/images/agriculturalTrusteeship/address.png") no-repeat 10PX center;
+      padding: 2PX 15PX 2PX 25PX;
+      border-radius: 50PX;
+    }
+  }
+
+  .nav{
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    padding-bottom: 15PX;
+    .content{
+      background: #ffffff;
+      width: 92%;
+      margin: 0 auto;
+      box-shadow: 0px 0px 10PX rgba(0,0,0,0.1);
+      border-radius: 25PX;
+      overflow: hidden;
+      .nav_num{
+        font-size: .4rem;
+        margin: 10PX 0 5PX;
+      }
+    }
+  }
+
+  /* 内容 */
+  .main{
+    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
+    .main_content{
+      border-top-left-radius: 25PX;
+      border-top-right-radius: 25PX;
+      overflow: hidden;
+      background: #ffffff;
+      .main_box{
+        width: 92%;
+        margin: 0 auto;
+        margin-top: 2vh;
+        border-radius: 10PX;
+        overflow: hidden;
+        background-color: #FFF;
+        /deep/ .van-cell{
+          padding: 0;
+          margin-bottom: 10PX;
+          &:last-child{
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+</style>
diff --git a/src/views/agriculturalTrusteeship/socialization/userEdit.vue b/src/views/agriculturalTrusteeship/socialization/userEdit.vue
new file mode 100644
index 00000000..257c2ff3
--- /dev/null
+++ b/src/views/agriculturalTrusteeship/socialization/userEdit.vue
@@ -0,0 +1,111 @@
+<template>
+  <div class="home_wrapper">
+    <!--  头部开始  -->
+    <van-nav-bar
+      title="编辑信息"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <!--  头部结束  -->
+
+    <!--  内容开始  -->
+    <div class="main">
+      <van-field label="主体名称" input-align="right" placeholder="请输入主体名称" />
+      <van-field label="主体类别" input-align="right" placeholder="请输入主体类别" />
+      <van-field label="生产种类" input-align="right" placeholder="请输入生产种类" />
+      <van-field label="示范类型" input-align="right" placeholder="请输入示范类型" />
+      <van-field label="主体住址" input-align="right" placeholder="请输入主体住址" />
+      <van-field label="数量" input-align="right" placeholder="请输入数量" />
+      <van-field label="成立时间" input-align="right" placeholder="请输入成立时间" />
+      <van-field label="负责人姓名" input-align="right" placeholder="请输入负责人姓名" />
+      <van-field label="联系电话" input-align="right" placeholder="请输入联系电话" />
+      <van-field label="开户银行" input-align="right" placeholder="请输入开户银行" />
+      <van-field label="银行账号" input-align="right" placeholder="请输入银行账号" />
+      <van-field label="经营土地面积(亩)" input-align="right" placeholder="请输入经营土地面积(亩)" />
+      <van-field label="成员出资总额" input-align="right" placeholder="请输入成员出资总额" />
+      <van-field label="成员个数" input-align="right" placeholder="请输入成员个数" />
+      <van-field label="非成员个数" input-align="right" placeholder="请输入非成员个数" />
+      <van-field label="带动农户数量（个）" input-align="right" placeholder="请输入带动农户数量（个）" />
+      <van-field label="网站网址" input-align="right" placeholder="请输入网站网址" />
+      <van-field label="关联账套" input-align="right" placeholder="请输入关联账套" />
+      <van-field label="服务区域" input-align="right" placeholder="请输入服务区域" />
+      <van-field label="图片" :border="false" input-align="right" placeholder="请输入图片" />
+      <div style="padding: 0 4% 2vh;">
+        <van-uploader />
+      </div>
+    </div>
+
+    <div class="main">
+      <baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:25vh" >
+        <!-- 必须给容器指高度，不然地图将显示在一个高度为0的容器中，看不到 -->
+        <bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker>
+      </baidu-map>
+    </div>
+
+    <div class="main_btn">
+      <p>发布</p>
+      <p>存稿</p>
+    </div>
+    <!--  内容结束  -->
+  </div>
+</template>
+<script>
+  import Cookies from "js-cookie";
+  export default {
+    name: "agriculturalTrusteeshipSocializationRelease",
+    data() {
+      return {
+        activeKey: 0,
+        active: 0,
+        loading: false,
+        finished: false,
+        center: { lng: 122.089726, lat: 37.540728 }, //经纬度
+        zoom: 15, //地图展示级别
+        showDialog:false
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+  background: #F6F6F6;
+  min-height: 100vh;
+}
+.main{
+  width: 92%;
+  margin: 0 auto;
+  margin-top: 2vh;
+  border-radius: 10PX;
+  overflow: hidden;
+  background-color: #FFF;
+}
+  .main_btn{
+    display: flex;
+    justify-content: space-around;
+    padding: 4vh 0;
+    p{
+      font-size: .4rem;
+      width: 35%;
+      text-align: center;
+      padding: 10PX 0;
+      border-radius: 5rem;
+      box-shadow: 0px 3PX 6PX 0px rgba(0,0,0,0.16);
+      &:nth-child(1){
+        background: #334281;
+        color: #ffffff;
+      }
+      &:nth-child(2){
+        background: #D1D5E4;
+        color: #334281;
+      }
+    }
+  }
+</style>
diff --git a/src/views/lawEnforcement/caseStatistics/caseStatistics.vue b/src/views/lawEnforcement/caseStatistics/caseStatistics.vue
index e5518619..4ccf25ff 100644
--- a/src/views/lawEnforcement/caseStatistics/caseStatistics.vue
+++ b/src/views/lawEnforcement/caseStatistics/caseStatistics.vue
@@ -9,18 +9,19 @@
       <div class="top_main">
         <img src="../../../../static/images/lawEnforcement/icon/statistics_icon_01.png">
         <div class="main_text">
-          <p>156</p>
+          <p>{{countNum}}</p>
           <p>案件数量</p>
         </div>
         <van-popover
           v-model="showPopover"
           trigger="click"
           :actions="actions"
+          @select="changeTime"
           placement="bottom-end"
         >
           <template #reference>
             <div class="select_box">
-              <p>2022</p>
+              <p>{{query.year}}</p>
               <van-icon name="arrow-down" color="#ffffff" />
             </div>
           </template>
@@ -40,22 +41,22 @@
         <div id="main2" style="width: 100%;height: 200px;margin-top: 10px"></div>
 
         <div class="len_box">
-          <div class="len_box_01">
-            <p><i></i>计划执法</p>
-            <p>64</p>
-          </div>
-          <div class="len_box_02">
-            <p><i></i>计划执法</p>
-            <p>64</p>
-          </div>
-          <div class="len_box_03">
-            <p><i></i>计划执法</p>
-            <p>64</p>
-          </div>
-          <div class="len_box_04">
-            <p><i></i>计划执法</p>
-            <p>64</p>
+          <div class="len_box_01" v-for="( item,index ) in caseSourceArray">
+            <p><i></i>{{item.name}}</p>
+            <p>{{item.value}}</p>
           </div>
+<!--          <div class="len_box_02">-->
+<!--            <p><i></i>计划执法</p>-->
+<!--            <p>64</p>-->
+<!--          </div>-->
+<!--          <div class="len_box_03">-->
+<!--            <p><i></i>计划执法</p>-->
+<!--            <p>64</p>-->
+<!--          </div>-->
+<!--          <div class="len_box_04">-->
+<!--            <p><i></i>计划执法</p>-->
+<!--            <p>64</p>-->
+<!--          </div>-->
         </div>
 
       </div>
@@ -71,9 +72,7 @@
 </template>
 
 <script>
-  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
-  import Cookies from "js-cookie";
-  import request from '@/utils/request'
+  import { caseNumberAll , caseTypeAccount , caseSourceTypeAccount , casePreMonthNum } from "@/api/lawEnforcement/index";
   import * as echarts from 'echarts';
   export default {
     name: "caseAllocation",
@@ -81,19 +80,48 @@
       return {
         showPopover: false,
         // 通过 actions 属性来定义菜单选项
-        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        actions: [
+          { text: '2022',value:'2022' },
+          { text: '2021',value:'2021' },
+          { text: '2020',value:'2020' },
+          { text: '2019',value:'2019' },
+          { text: '2018',value:'2018' },
+        ],
+        countNum:'',
+        query:{
+          year:'2022'
+        },
+        caseSourceArray:[]
       };
     },
     created() {
 
     },
     mounted(){
-      this.chart();
-      this.chart2();
-      this.chart3();
+      this.getNum();
     },
     methods: {
-      chart(){
+      changeTime(val){
+        console.log(val)
+        this.query.year = val.value;
+        this.getNum();
+      },
+      getNum(){
+        caseNumberAll(this.query).then(response => {
+          this.countNum = response.data;
+        })
+        caseTypeAccount(this.query).then(response => {
+          this.chart(response.data);
+        })
+        caseSourceTypeAccount(this.query).then(response => {
+          this.caseSourceArray =response.data.seriesData;
+          this.chart2(response.data);
+        })
+        casePreMonthNum(this.query).then(response => {
+          this.chart3(response.data);
+        })
+      },
+      chart(data){
         var chartDom = document.getElementById('main');
         var myChart = echarts.init(chartDom);
         var option;
@@ -106,24 +134,38 @@
             {
               type: 'pie',
               radius: ['40%', '70%'],
-              data: [
-                { value: 1048, name: '农药 1048' },
-                { value: 735, name: '种子 735' },
-                { value: 580, name: '肥料 580' },
-                { value: 484, name: '屠宰 484' },
-                { value: 300, name: '动检 300' },
-                { value: 300, name: '兽药 300' },
-                { value: 300, name: '植检 300' },
-                { value: 300, name: '饲料 300' },
-                { value: 300, name: '其他 300' },
-              ]
+              label: {
+                // alignTo: 'edge',
+                // edgeDistance: 10,
+                color: "#000",
+
+                normal: {
+                  alignTo: 'edge',
+                  edgeDistance: 10,
+                  color:'#000',
+                  formatter: "{c_set|{c}}\t{a_set|{b}}",
+                  rich: {
+                    a_set: {
+                      // color: "#ffffff",
+                      lineHeight: 20,
+                      align: "left",
+                      fontSize: 12,
+                    },
+                    c_set: {
+                      // color: "#ffffff",
+                      fontSize: 14,
+                    },
+                  },
+                },
+              },
+              data: data.seriesData
             }
           ]
         };
 
         option && myChart.setOption(option);
       },
-      chart2(){
+      chart2(data){
         var chartDom = document.getElementById('main2');
         var myChart = echarts.init(chartDom);
         var option;
@@ -136,19 +178,38 @@
             {
               type: 'pie',
               radius: ['40%', '70%'],
-              data: [
-                { value: 1048, name: '农药 1048' },
-                { value: 735, name: '种子 735' },
-                { value: 580, name: '肥料 580' },
-                { value: 484, name: '屠宰 484' },
-              ]
+              label: {
+                // alignTo: 'edge',
+                // edgeDistance: 10,
+                color: "#000",
+
+                normal: {
+                  alignTo: 'edge',
+                  edgeDistance: 10,
+                  color:'#000',
+                  formatter: "{c_set|{c}}\t{a_set|{b}}",
+                  rich: {
+                    a_set: {
+                      // color: "#ffffff",
+                      lineHeight: 20,
+                      align: "left",
+                      fontSize: 12,
+                    },
+                    c_set: {
+                      // color: "#ffffff",
+                      fontSize: 14,
+                    },
+                  },
+                },
+              },
+              data: data.seriesData
             }
           ]
         };
 
         option && myChart.setOption(option);
       },
-      chart3(){
+      chart3(data){
         var chartDom = document.getElementById('main3');
         var myChart = echarts.init(chartDom);
         var option;
@@ -163,14 +224,14 @@
           },
           xAxis: {
             type: 'category',
-            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+            data: data.xaxisData
           },
           yAxis: {
             type: 'value'
           },
           series: [
             {
-              data: [150, 230, 224, 218, 135, 147, 260, 224, 218, 135, 147, 260],
+              data: data.series,
               type: 'line'
             }
           ]
@@ -289,26 +350,46 @@
       margin-top: 8PX;
       font-size: .4rem;
     }
-  }
-  .len_box_01{
-    i{
-      background: #1CB8B1;
+    &:nth-child(1){
+      i{
+        background-color: rgb(84,112,198);
+      }
     }
-  }
-  .len_box_02{
-    i{
-      background: #508EEC;
+    &:nth-child(2){
+      i{
+        background-color: rgb(145,204,117);
+      }
     }
-  }
-  .len_box_03{
-    i{
-      background: #F68E68;
+    &:nth-child(3){
+      i{
+        background-color: rgb(250,200,88);
+      }
     }
-  }
-  .len_box_04{
-    i{
-      background: #6163B0;
+    &:nth-child(4){
+      i{
+        background-color: rgb(238,102,102);
+      }
     }
   }
+  /*.len_box_01{*/
+  /*  i{*/
+  /*    background: #1CB8B1;*/
+  /*  }*/
+  /*}*/
+  /*.len_box_02{*/
+  /*  i{*/
+  /*    background: #508EEC;*/
+  /*  }*/
+  /*}*/
+  /*.len_box_03{*/
+  /*  i{*/
+  /*    background: #F68E68;*/
+  /*  }*/
+  /*}*/
+  /*.len_box_04{*/
+  /*  i{*/
+  /*    background: #6163B0;*/
+  /*  }*/
+  /*}*/
 }
 </style>
diff --git a/src/views/yinnong/bankAgriculture/paymentApproval/majorIssues.vue b/src/views/yinnong/bankAgriculture/paymentApproval/majorIssues.vue
new file mode 100644
index 00000000..79d71b96
--- /dev/null
+++ b/src/views/yinnong/bankAgriculture/paymentApproval/majorIssues.vue
@@ -0,0 +1,1063 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+    >
+      <template #title>
+        <p style="font-weight: bold;">添加现金提现申请</p>
+      </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
+    </van-nav-bar>
+    <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
+      <p class="main_title">基础信息</p>
+      <div class="main_box">
+        <van-field
+          readonly
+          clickable
+          required
+          :rules="[{ required: true , message:'请选择申请时间'  }]"
+          v-model="form.applyDate"
+          label="申请时间"
+          placeholder="请选择申请时间"
+          @click="showlasj = true"
+          input-align="right"
+          right-icon="arrow-down"
+        />
+        <van-popup v-model="showlasj" position="bottom">
+          <van-datetime-picker
+            v-model="currentDate"
+            type="date"
+            title="选择年月日"
+            :min-date="minDate"
+            :max-date="maxDate"
+            @confirm="onConfirmLasj"
+            @cancel="showlasj = false"
+          />
+        </van-popup>
+        <van-field
+          readonly
+          clickable
+          required
+          :rules="[{ required: true , message:'请选择资金支出类别' }]"
+          label="资金支出类别"
+          placeholder="请选择"
+          v-model="capitalExpenditureType"
+          @click="showcapital = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+        />
+        <van-popup v-model="showcapital" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="capitalExpenditureTypeOptions"
+            @confirm="onConfirmCapital"
+            @cancel="showcapital = false"
+          />
+        </van-popup>
+        <van-field
+          readonly
+          required
+          label="提现总金额"
+          v-model="form.expenditureAmount"
+          placeholder="根据下方收款金额自动核算"
+          input-align="right"
+          label-width="auto"
+        />
+        <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required
+                   :rules="[{ required: true , message:'请选择审批模式' }]">
+          <template #input>
+            <van-radio-group v-model="form.approvalMode" direction="horizontal">
+              <van-radio name="1">线上审批</van-radio>
+              <van-radio name="2">线下审批</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field
+          label="转账附言"
+          v-model="form.remark"
+          type="textarea"
+          placeholder="请输入转账附言"
+          input-align="right"
+          rows="3"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请输入转账附言' }]"
+        />
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-field label="说明情况" v-model="form.explainSituation" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/>
+      </div>
+
+      <p class="main_title" v-if="capitalExpenditureOpen">关联项目</p>
+      <div class="main_box" v-if="capitalExpenditureOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;">
+        <van-field
+          readonly
+          clickable
+          label="项目名称"
+          placeholder="请选择"
+          v-model="projectForm.projectName"
+          @click="showproject = true"
+          input-align="right"
+          right-icon="arrow-down"
+          required
+          :rules="[{ required: true , message:'请选择项目名称' }]"
+        />
+        <van-popup v-model="showproject" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="projectList"
+            @confirm="onConfirmProject"
+            @cancel="showproject = false"
+          />
+        </van-popup>
+        <van-field required :rules="[{ required: true , message:'请输入承建单位' }]" v-model="projectForm.projectContractor" label="承建单位" placeholder="请输入承建单位" input-align="right" label-width="auto"/>
+        <van-field required :rules="[{ required: true , message:'请输入合同价款' }]" v-model="projectForm.projectAmount" label="合同价款（元）" placeholder="请输入合同价款（元）" input-align="right" label-width="auto"/>
+        <van-field
+          readonly
+          clickable
+          label="工程款类型"
+          placeholder="请选择"
+          v-model="projectFundType"
+          @click="showFundType = true"
+          input-align="right"
+          right-icon="arrow-down"
+          required
+          :rules="[{ required: true , message:'请选择工程款类型' }]"
+        />
+        <van-popup v-model="showFundType" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="projectFundTypeOptions"
+            @confirm="onConfirmFundType"
+            @cancel="showFundType = false"
+          />
+        </van-popup>
+        <van-field required :rules="[{ required: true , message:'请输入工程发票号' }]" v-model="projectForm.projectBillNum" label="工程发票号" placeholder="请输入工程发票号" input-align="right" label-width="auto"/>
+      </div>
+      <p class="main_title" v-if="contractOpen">关联合同</p>
+      <div class="main_box" v-if="contractOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;">
+        <van-field
+          readonly
+          clickable
+          label="合同"
+          placeholder="请选择"
+          v-model="infoForm.name"
+          @click="showcontract = true"
+          input-align="right"
+          right-icon="arrow-down"
+          required
+          :rules="[{ required: true , message:'请选择项目名称' }]"
+        />
+        <van-popup v-model="showcontract" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="infoList"
+            @confirm="onConfirmContract"
+            @cancel="showcontract = false"
+          />
+        </van-popup>
+        <van-field required :rules="[{ required: true , message:'请输入合同编码' }]" v-model="infoForm.code" label="合同编码" placeholder="请输入合同编码" input-align="right" label-width="auto"/>
+        <van-field required :rules="[{ required: true , message:'请输入合同价款' }]" v-model="infoForm.totalAmount" label="合同价款（元）" placeholder="请输入合同价款（元）" input-align="right" label-width="auto"/>
+      </div>
+      <p class="main_title">付款方信息</p>
+      <div class="main_box">
+        <!--      <van-field label="付款方" v-model="form.payer" placeholder="请输入付款方" input-align="right" label-width="auto"/>-->
+        <van-field
+          readonly
+          clickable
+          label="付款方"
+          placeholder="请选择付款方"
+          v-model="form.payer"
+          @click="showpayer = true"
+          input-align="right"
+          right-icon="arrow-down"
+          label-width="auto"
+          required
+          :rules="[{ required: true , message:'请选择付款方' }]"
+        />
+        <van-popup v-model="showpayer" position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="payerOptions"
+            @confirm="onConfirmPayer($event)"
+            @cancel="showpayer = false"
+          />
+        </van-popup>
+        <van-field :rules="[{ required: true , message:'请输入付款方账户' }]" required label="付款方账户" v-model="form.payerAccount" placeholder="请输入账户" input-align="right" label-width="auto"/>
+      </div>
+
+      <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p>
+      <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index">
+        <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteChargeItme(index)" />
+        <div class="main_box" style="margin-bottom: 10px;position:relative;">
+          <van-field required :rules="[{ required: true , message:'请输入收款方全称' }]" v-model="item.payee" label="收款方" placeholder="请输入收款方全称" input-align="right" label-width="auto"/>
+          <van-field required :rules="[{ required: true , message:'请输入提款人' }]" v-model="item.drawer" label="提款人" placeholder="请输入提款人" input-align="right" label-width="auto"/>
+          <van-field required :rules="[{ required: true , message:'请输入提款金额' }]" v-model="item.incomeAmount" type="number"  label="提款金额（元）" placeholder="请输入提款金额" input-align="right" label-width="auto" @change="moneyChange"/>
+          <van-field required :rules="[{ required: true , message:'请输入资金用途' }]" v-model="item.remark" label="资金用途" placeholder="请输入资金用途" input-align="right" label-width="auto" />
+        </div>
+      </div>
+      <p class="main_title">上传附件</p>
+      <div class="main_box" style="padding: 5px 0 0 0;">
+        <van-cell value="收据" />
+        <van-uploader v-model="fileList1" :after-read="beforeRead1" @delete="deleteFile1" style="margin-left:8px;"></van-uploader>
+        <van-cell title="发票" />
+        <van-uploader v-model="fileList2" :after-read="beforeRead2" @delete="deleteFile2" style="margin-left:8px;"></van-uploader>
+        <van-cell title="其他" />
+        <van-uploader v-model="fileList3" :after-read="beforeRead3" @delete="deleteFile3" style="margin-left:8px;"></van-uploader>
+      </div>
+      <div style="padding: 16px 0;">
+        <van-row>
+          <van-col span="12" align="center">
+<!--            @click="goUpdate"-->
+            <van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
+          </van-col>
+          <van-col span="12" align="center">
+<!--            @click="goAdd"-->
+            <van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button>
+          </van-col>
+        </van-row>
+        <div class="clear"></div>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+  import { addTransfer , listPayee , updateTransfer , getProjectto , listProject , addProjectto , cashSubmit , getAccount ,getQmyeFlow,listInfo ,getInfoto ,addInfoto} from "@/api/onlineHome/bankAgriculture/paymentApproval";
+  import request from '@/utils/request'
+  import {
+    addCash,
+    addCashdetail, attachmentList,
+    commonAttach,
+    updateCash
+  } from "../../../../api/onlineHome/bankAgriculture/paymentApproval";
+  import Dialog from "vant/lib/dialog";
+  export default {
+    name: "approvalAdd10",
+    data() {
+      return {
+        showcontract:false,
+        showcapital:false,
+        showpayee:false,
+        showlasj:false,
+        showbankType:false,
+        showproject:false,
+        showFundType:false,
+        showpayer:false,
+
+        buttonType:'a',
+
+        minDate: new Date(2000, 1, 1),
+        maxDate: new Date(2050, 12, 31),
+        currentDate: new Date(),
+        form:{},
+        fileList1:[],
+        fileList2:[],
+        fileList3:[],
+        capitalExpenditureType:'',
+        payee:'',
+        bankType:'',
+
+        wfydlxDictionaries:[],
+        jglxDictionaries:[],
+        sysDictionaries:[],
+        capitalExpenditureTypeOptions:[],
+        bankTypeDictionaries:[],
+        projectList:[],
+        infoList:[],
+        projectFundTypeOptions:[],
+        projectFundTypeDictionaries:[],
+        payerOptions:[],
+
+        chargeItme:[],
+        chargeItmeShow:[],
+
+        payeeList:[],
+        // 查询参数
+        queryParams: {
+          transferType:10,
+          orderByColumn: "id",
+          isAsc: "desc",
+        },
+        capitalExpenditureOpen:false,
+        contractOpen:false,
+        projectForm:{
+          projectId:null,
+          projectName:null,
+          projectContractor:null,
+          projectAmount:null,
+          projectBillNum:null,
+          projectFundType:'1',
+          outId:null,
+          ynType:'2'
+        },
+        infoForm:{
+          infoId:null,
+          name:null,
+          code:null,
+          totalAmount:null,
+          contractionId:null,
+          transferId:null
+        },
+        // 合同信息查询参数
+        queryContractionParams: {
+          pageNum: 1,
+          pageSize: 100,
+          contractionStatus: '1',
+          orderByColumn: "endTime",
+          isAsc: "desc",
+        },
+        projectFundType:'',
+        uploadFiles1:[],
+        uploadFiles2:[],
+        uploadFiles3:[],
+        nowDate:""
+      };
+    },
+    created() {
+      this.getNowDate();
+      this.reset();
+      this.initProjectInfo();
+      this.getDicts("project_fund_type").then((response) => {
+        for (var i = 0; i < response.data.length; i++) {
+          this.projectFundTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue});
+        }
+        this.projectFundTypeDictionaries = response.data;
+      });
+      let params1={
+        accountType: "102",
+        status: "N",
+      }
+      getAccount(params1).then((response) => {
+        this.payerOptions = response.rows;
+        response.rows.map((res,index) => {
+          res['payerFrom'] = '1'
+          console.log(res)
+          this.payerOptions[index].text = res.accountName;
+          this.payerOptions[index].value = res.id;
+        })
+      });
+      this.getDictionaries();
+      this.addChargeItme();
+    },
+    methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
+      getNowDate(){
+        var _this = this;
+        let yy = new Date().getFullYear();
+        let mm = new Date().getMonth()+1;
+        let dd = new Date().getDate();
+        _this.nowDate = yy+'-'+mm+'-'+dd
+      },
+      initProjectInfo(){
+        let _this = this
+        let queryParams={
+          pageNum: 1,
+          pageSize: 100,
+        }
+        listProject(queryParams).then(response => {
+          _this.projectList = response.rows;
+          console.log(response)
+          for (let i = 0; i < response.rows.length; i++) {
+            //_this.projectList[i].set({text: response.rows[i].projectName, value: response.rows[i].id});
+            _this.$set(_this.projectList[i],"text",response.rows[i].projectName)
+            _this.$set(_this.projectList[i],"value",response.rows[i].id)
+          }
+        });
+        listInfo(this.queryContractionParams).then(response => {
+          console.log(response)
+          _this.infoList = response.rows;
+          for (let i = 0; i < response.rows.length; i++) {
+            //_this.infoList[i].push({text: response.rows[i].name, value: response.rows[i].code});
+            _this.$set(_this.infoList[i],"text",response.rows[i].name)
+            _this.$set(_this.infoList[i],"value",response.rows[i].code)
+          }
+        });
+      },
+      // 表单重置
+      reset() {
+        this.form = {
+          id: null,
+          applyDate:this.nowDate,
+          approvalMode:'1',
+          upId: null,
+          downId: null,
+          orderId: null,
+          cashierId: null,
+          cashType: '10',
+          accountType: '2',
+          explainSituation: null,
+          succeedAmount: null,
+          payer: null,
+          payerAccount: null,
+          operatorCode: null,
+          enterpriseCode: null,
+          expenditureAmount: null,
+          capitalExpenditureType: '1',
+          remark: null,
+          transferStatus: "0",
+          auditStatus: "0",
+          paymentState: "1",
+          bankPriority: "0",
+          clientPriority: "0"
+        };
+        this.processList = {}
+        this.projectForm={
+          projectId:null,
+          projectName:null,
+          projectContractor:null,
+          projectAmount:null,
+          projectBillNum:null,
+          projectFundType:'1',
+          outId:null,
+          ynType:'1'
+        }
+      },
+      getChange(){
+        if(this.buttonType == 'update'){
+          this.goUpdate();
+        }else if(this.buttonType == 'add'){
+          this.goAdd();
+        }
+      },
+      getDictionaries(){
+        this.getDicts("capital_expenditure_type").then((res) => {
+          for (let i = 0; i < res.data.length; i++) {
+            this.capitalExpenditureTypeOptions.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+          }
+        });
+        this.getPayeeList();
+      },
+      getError(e){
+        this.$notify({ type: 'danger', message: e.errors[0].message });
+      },
+      addChargeItme(index){
+        if(this.chargeItme.length>0&&this.chargeItme[this.chargeItme.length-1].payee == ''){
+          this.$notify({ type: 'danger', message: '请勿添加多个空列表信息' });
+          return;
+        }else if(this.chargeItme.length>0&&this.chargeItme[index-1].incomeAmount == ''){
+          this.$notify({ type: 'danger', message: '请输入提款金额！' });
+          return;
+        }else if(this.chargeItme.length>0&&this.chargeItme[index-1].drawer == ''){
+          this.$notify({ type: 'danger', message: '请输入提款人！' });
+          return;
+        }else if(this.chargeItme.length>0&&this.chargeItme[index-1].remark == ''){
+          this.$notify({ type: 'danger', message: '请输入资金用途！' });
+          return;
+        }
+        this.chargeItme.splice(index + 1, 0, {
+          payeeId: "", //收款方ID
+          payee: "", //收款方全称
+          payeeAccount: "", //收款账户
+          drawer: "", //提款人
+          incomeAmount: "", //提款金额
+          bankType: "", //资金用途
+          showPayee:false,
+          showbankType:false
+        });
+      },
+      getPayeeList() {
+        //普通转账
+        this.queryParams.accountType = this.form.accountType
+        this.queryParams.status = "0"
+        listPayee(this.queryParams).then((response) => {
+          this.payeeList = response.rows;
+          response.rows.map((res,index) => {
+            this.payeeList[index].text = res.payee;
+            this.payeeList[index].value = res.id;
+          })
+        });
+      },
+      payeeDictLabel(datas, value) {
+        let actions = [];
+        Object.keys(datas).some((key) => {
+          if (datas[key].payeeId == ('' + value)) {
+            actions.push(datas[key].payee);
+            return true;
+          }
+        })
+        return actions.join('');
+      },
+      onConfirmCapital(data){
+        if (data.value == 2){
+          this.capitalExpenditureOpen = true;
+          this.contractOpen = false
+          this.infoForm = {};
+        }else if(data.value == 4){
+          this.capitalExpenditureOpen = false;
+          this.contractOpen = true
+          this.projectForm = {};
+        }else{
+          this.capitalExpenditureOpen = false;
+          this.contractOpen = false
+          this.projectForm = {};
+          this.infoForm = {};
+        }
+        this.capitalExpenditureType = data.text;
+        this.form.capitalExpenditureType = data.value;
+        this.showcapital = false;
+      },
+      onConfirmFundType(data){
+        this.projectForm.projectFundType = data.value;
+        this.projectFundType = data.text;
+        this.showFundType = false;
+      },
+      onConfirmProject(data){
+        this.projectList.map(res => {
+          if(res.projectName==data.text){
+            this.projectForm.projectId = res.id
+            this.projectForm.projectName = res.projectName
+            this.projectForm.projectContractor = res.projectContractor
+            this.projectForm.projectAmount = res.projectAmount
+          }
+        })
+        this.showproject = false;
+      },
+      onConfirmContract(data){
+        this.infoList.map(res => {
+          if(res.name==data.text){
+            this.infoForm.contractionId = res.id;
+            this.infoForm.name = res.name;
+            this.infoForm.code = res.code;
+            this.infoForm.totalAmount = res.totalAmount;
+          }
+        })
+        this.showcontract = false;
+      },
+      onConfirmPayee(data,index){
+        for (var i = 0 ; i < this.chargeItme.length ; i++){
+          this.chargeItme[i].showPayee = false;
+        }
+        this.chargeItme[index].payee = data.text;
+        this.chargeItme[index].payeeId = data.value;
+        this.chargeItme[index].showpayee = false;
+        this.payeeSelectChange(data.value , index)
+      },
+      onConfirmBankType(data,index){
+        for (var i = 0 ; i < this.chargeItme.length ; i++){
+          this.chargeItme[i].showbankType = false;
+        }
+        this.chargeItme[index].bankTypeText = data.text;
+        this.chargeItme[index].bankType = data.value;
+        this.chargeItme[index].showbankType = false;
+      },
+      onConfirmPayer(data){
+        this.form.payer = data.text;
+        this.form.cashierId = data.value;
+        this.showpayer = false;
+        this.selectChange(data.value)
+      },
+      onConfirmLasj(data){
+        this.form.applyDate = this.getNowFormatDate(data).substr(0,10);
+        this.showlasj = false;
+      },
+      accountTypeChange(e){
+        this.payeeList = [];
+        this.queryParams.accountType = this.form.accountType
+        this.queryParams.status = "0"
+        listPayee(this.queryParams).then((response) => {
+          this.payeeList = response.rows;
+          response.rows.map((res,index) => {
+            this.payeeList[index].text = res.payee;
+            this.payeeList[index].value = res.id;
+          })
+        });
+      },
+      // 钱计算
+      moneyChange(input) {
+        console.log(input)
+        let obj = {};
+        obj = this.chargeItme.find((account) => {
+          //model就是上面的数据源
+          return parseFloat(account.incomeAmount).toFixed(2) === input; //筛选出匹配数据
+        });
+        let total = 0;
+        this.chargeItme.forEach((money) => {
+          total = (parseFloat(total) + parseFloat(money.incomeAmount)).toFixed(2)
+        });
+        this.$set(this.form, "expenditureAmount", total);
+      },
+      goAdd(){
+        if(this.chargeItme.length<1){
+          this.$notify({ type: 'danger', message: '请添加收款方信息' });
+          return;
+        }
+        if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){
+          this.$notify({ type: 'danger', message: '转账附言禁止包含！' });
+          return;
+        }
+        if(this.form.capitalExpenditureType==2){
+          if(this.projectForm.projectName==""||this.projectForm.projectName==null){
+            this.$notify({ type: 'danger', message: '请选择项目名称！' });
+            return;
+          }
+          if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){
+            this.$notify({ type: 'danger', message: '请输入工程发票号！' });
+            return;
+          }
+        }
+        if(this.form.capitalExpenditureType==4){
+          if(this.infoForm.name==""||this.infoForm.name==null){
+            this.$notify({ type: 'danger', message: '请选择合同名称！' });
+            return;
+          }
+          if(this.infoForm.code==""||this.infoForm.code==null){
+            this.$notify({ type: 'danger', message: '请输入合同编码！' });
+            return;
+          }
+          if(this.infoForm.totalAmount==""||this.infoForm.totalAmount==null){
+            this.$notify({ type: 'danger', message: '请输入合同价款！' });
+            return;
+          }
+        }
+        if((this.uploadFiles1==null||this.uploadFiles1.length==0)&&(this.uploadFiles2==null||this.uploadFiles2.length==0)&&(this.uploadFiles3==null||this.uploadFiles3.length==0)){
+          Dialog.confirm({
+            title: '提示',
+            message: '此申请单中未上传任何附件，是否确认提交？',
+          })
+            .then(() => {
+              console.log(this.form)
+              addCash(this.form).then((response) => {
+                this.chargeItme.map(res => {
+                  res.cashId = response.data.id
+                  addCashdetail(res).then(r => {})
+
+                })
+                if(this.form.capitalExpenditureType==2){
+                  this.projectForm.outId = response.data.id
+                  this.$set(this.projectForm, "ynType", '2');
+                  addProjectto(this.projectForm).then(res => {
+                    cashSubmit(response.data.id).then(res => {
+                      this.$toast.success('提交成功');
+                      setTimeout(function(){
+                        history.go(-1)
+                      },2000)
+                    })
+                  })
+                }else if(this.form.capitalExpenditureType==4){
+                  this.infoForm.transferId = response.data.id
+                  addInfoto(this.infoForm).then(res => {
+                    cashSubmit(response.data.id).then(res => {
+                      this.$toast.success('提交成功');
+                      setTimeout(function(){
+                        history.go(-1)
+                      },2000)
+                    })
+                  })
+                }else{
+                  cashSubmit(response.data.id).then(res => {
+                    this.$toast.success('提交成功');
+                    setTimeout(function(){
+                      history.go(-1)
+                    },2000)
+                  })
+                }
+              });
+            })
+        }else{
+          addCash(this.form).then((response) => {
+            this.uploadFiles1.map(rr => {
+              const params = new FormData();
+              params.append("tableId", response.data.id);
+              params.append("tableName", "t_yinnong_cash");
+              params.append("bizPath", "yinnong");
+              params.append("fileType", "1");
+              params.append("file", rr);
+              commonAttach(params).then((r) => {
+              })
+            })
+            this.uploadFiles2.map(rr => {
+              const params = new FormData();
+              params.append("tableId", response.data.id);
+              params.append("tableName", "t_yinnong_cash");
+              params.append("bizPath", "yinnong");
+              params.append("fileType", "2");
+              params.append("file", rr);
+              commonAttach(params).then((r) => {
+              })
+            })
+            this.uploadFiles3.map(rr => {
+              const params = new FormData();
+              params.append("tableId", response.data.id);
+              params.append("tableName", "t_yinnong_cash");
+              params.append("bizPath", "yinnong");
+              params.append("fileType", "3");
+              params.append("file", rr);
+              commonAttach(params).then((r) => {
+              })
+            })
+            this.chargeItme.map(res => {
+              res.cashId = response.data.id
+              addCashdetail(res).then(r => {})
+            })
+            if(this.form.capitalExpenditureType==2){
+              this.projectForm.outId = response.data.id
+              this.$set(this.projectForm, "ynType", '2');
+              addProjectto(this.projectForm).then(res => {
+                cashSubmit(response.data.id).then(res => {
+                  this.$toast.success('提交成功');
+                  setTimeout(function(){
+                    history.go(-1)
+                  },2000)
+                })
+              })
+            }else if(this.form.capitalExpenditureType==4){
+              this.infoForm.transferId = response.data.id
+              addInfoto(this.infoForm).then(res => {
+                cashSubmit(response.data.id).then(res => {
+                  this.$toast.success('提交成功');
+                  setTimeout(function(){
+                    history.go(-1)
+                  },2000)
+                })
+              })
+            }else{
+              cashSubmit(response.data.id).then(res => {
+                this.$toast.success('提交成功');
+                setTimeout(function(){
+                  history.go(-1)
+                },2000)
+              })
+            }
+          });
+        }
+      },
+      goUpdate(){
+        if(this.chargeItme.length<1){
+          this.$notify({ type: 'danger', message: '请添加收款方信息' });
+          return;
+        }
+        if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){
+          this.$notify({ type: 'danger', message: '转账附言禁止包含！' });
+          return;
+        }
+        if(this.form.capitalExpenditureType==2){
+          if(this.projectForm.projectName==""||this.projectForm.projectName==null){
+            this.$notify({ type: 'danger', message: '请选择项目名称！' });
+            return;
+          }
+          if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){
+            this.$notify({ type: 'danger', message: '请输入工程发票号！' });
+            return;
+          }
+        }
+        if(this.form.capitalExpenditureType==4){
+          if(this.infoForm.name==""||this.infoForm.name==null){
+            this.$notify({ type: 'danger', message: '请选择合同名称！' });
+            return;
+          }
+          if(this.infoForm.code==""||this.infoForm.code==null){
+            this.$notify({ type: 'danger', message: '请输入合同编码！' });
+            return;
+          }
+          if(this.infoForm.totalAmount==""||this.infoForm.totalAmount==null){
+            this.$notify({ type: 'danger', message: '请输入合同价款！' });
+            return;
+          }
+        }
+          addCash(this.form).then((response) => {
+            this.uploadFiles1.map(rr => {
+              const params = new FormData();
+              params.append("tableId", response.data.id);
+              params.append("tableName", "t_yinnong_cash");
+              params.append("bizPath", "yinnong");
+              params.append("fileType", "1");
+              params.append("file", rr);
+              commonAttach(params).then((r) => {
+              })
+            })
+            this.uploadFiles2.map(rr => {
+              const params = new FormData();
+              params.append("tableId", response.data.id);
+              params.append("tableName", "t_yinnong_cash");
+              params.append("bizPath", "yinnong");
+              params.append("fileType", "2");
+              params.append("file", rr);
+              commonAttach(params).then((r) => {
+              })
+            })
+            this.uploadFiles3.map(rr => {
+              const params = new FormData();
+              params.append("tableId", response.data.id);
+              params.append("tableName", "t_yinnong_cash");
+              params.append("bizPath", "yinnong");
+              params.append("fileType", "3");
+              params.append("file", rr);
+              commonAttach(params).then((r) => {
+              })
+            })
+            this.chargeItme.map(res => {
+              res.cashId = response.data.id
+              addCashdetail(res).then(r => {})
+            })
+            if(this.form.capitalExpenditureType==2){
+              this.projectForm.outId = response.data.id
+              this.$set(this.projectForm, "ynType", '2');
+              addProjectto(this.projectForm).then(res => {
+                this.$toast.success('保存成功');
+                setTimeout(function(){
+                  history.go(-1)
+                },2000)
+              })
+            }else if(this.form.capitalExpenditureType==4){
+              this.infoForm.transferId = response.data.id
+              addInfoto(this.infoForm).then(res => {
+                this.$toast.success('保存成功');
+                setTimeout(function(){
+                  history.go(-1)
+                },2000)
+              })
+            }else{
+              this.$toast.success('保存成功');
+              setTimeout(function(){
+                history.go(-1)
+              },2000)
+            }
+          });
+      },
+      payeeSelectChange(select, i) {
+        let obj = {};
+        let fuzhitype = 0;
+        obj = this.payeeList.find((account) => {
+          //model就是上面的数据源
+          return account.id === select ; //筛选出匹配数据
+        });
+        if(this.chargeItme != [] && this.chargeItme.length>1){
+          this.chargeItme.some((value, index) => {
+            if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i){
+              fuzhitype = 2;
+              return true;
+            }
+            if(value.accountType != undefined &&value.accountType != '' && obj.accountType != value.accountType&&index!=i){
+              fuzhitype = 1;
+              return true;
+            }
+          });
+        }
+        if(fuzhitype == 0){
+          this.$set(this.chargeItme[i], "payee",obj.payee)
+          this.$set(this.chargeItme[i], "bankType", obj.bankType)
+          this.$set(this.chargeItme[i], "payeeId", obj.id);
+          this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
+          this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
+          this.$set(this.chargeItme[i], "accountType", obj.accountType);
+        }else if(fuzhitype == 1){
+          this.$set(this.chargeItme[i], "payee",'')
+          this.$set(this.chargeItme[i], "bankType",'')
+          this.$set(this.chargeItme[i], "payeeId", '');
+          this.$set(this.chargeItme[i], "payeeAccount", '');
+          this.$set(this.chargeItme[i], "bankDeposit", '');
+          this.$set(this.chargeItme[i], "accountType", '');
+          this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方！' });
+        }else if(fuzhitype == 2){
+          this.$set(this.chargeItme[i], "payee",'')
+          this.$set(this.chargeItme[i], "bankType",'')
+          this.$set(this.chargeItme[i], "payeeId", '');
+          this.$set(this.chargeItme[i], "payeeAccount", '');
+          this.$set(this.chargeItme[i], "bankDeposit", '');
+          this.$set(this.chargeItme[i], "accountType", '');
+          this.$notify({ type: 'danger', message: '收款方已存在！' });
+        }
+      },
+      selectChange(select) {
+        let obj = {};
+        obj = this.payerOptions.find((account) => {
+          //model就是上面的数据源
+          return account.id === select; //筛选出匹配数据
+        });
+        if(obj.accountPassword != null && obj.accountPassword != "" &&
+          obj.bankType != null && obj.bankType != ""){
+          this.$set(this.form, "bookId", obj.bookId);
+          this.$set(this.form, "deptId", obj.deptId);
+          this.$set(this.form, "cashierId", obj.id);
+          this.$set(this.form, "payer", obj.accountName);
+          this.$set(this.form, "payerAccount", obj.bankAccountNumber);
+          this.$set(this.form, "operatorCode", obj.operatorCode);
+          this.$set(this.form, "enterpriseCode", obj.enterpriseCode);
+          this.$set(this.form, "bankType", obj.bankType);
+          this.$set(this.form, "bankAccountType", obj.bankAccountType);
+          this.$set(this.form, "villageAccountType", obj.villageAccountType);
+          this.$set(this.form, "taccountId", obj.taccountId);
+          this.$set(this.form, "accountNo", obj.accountNo);
+          this.$set(this.form, "cifNo", obj.cifNo);
+          this.$set(this.form, "payerFrom", '1');
+          if(obj.bankType==1){
+            this.form.accountType = "1"
+            this.form.isPeers = null
+            this.accountTypeChange();
+          }else if(obj.bankType==2||obj.bankType==4){
+            this.form.accountType = null
+            this.form.isPeers = "Y"
+            this.accountTypeChange1();
+          }
+        }else{
+          if(obj.payerFrom==1){
+            this.diglogStatus = false;
+            this.$notify({ type: 'danger', message: "请完善付款方“操作员代码”、“企业编码”、“支付口令”等信息！" });
+            this.$set(this.form,"payer","")
+            this.$set(this.form,"payerAccount","")
+          }else{
+            this.$set(this.form, "payerFrom", obj.parerFrom);
+            if(obj.operatorCode!=null&&obj.operatorCode!=''){
+              this.$set(this.form, "operatorCode", obj.operatorCode);
+            }else{
+              this.$set(this.form, "operatorCode", '');
+            }
+            if(obj.enterpriseCode!=null&&obj.enterpriseCode!=''){
+              this.$set(this.form, "enterpriseCode", obj.enterpriseCode);
+            }else{
+              this.$set(this.form, "enterpriseCode", '');
+            }
+            if(obj.accountPassword!=null&&obj.accountPassword!=''){
+              this.$set(this.form, "accountPassword", obj.accountPassword);
+            }else{
+              this.$set(this.form, "accountPassword", '');
+            }
+            this.$set(this.form, "bookId",'');
+            this.$set(this.form, "deptId", '');
+            this.$set(this.form, "cashierId", obj.id);
+            this.$set(this.form, "payer", obj.accountName);
+            this.$set(this.form, "bankType", obj.bankType);
+            if(obj.payerFrom==6){
+              getQmyeFlow(obj.bankAccountNumber).then((response) => {
+                this.$set(this.form, "payerAccount", response.data);
+              });
+            }else {
+              this.$set(this.form, "payerAccount", obj.bankAccountNumber);
+            }
+          }
+        }
+      },
+      beforeRead1(file) {
+        this.uploadFiles1.push(file.file);
+      },
+      deleteFile1(file){
+        this.uploadFiles1.map((response,index) => {
+          if(file.file == response){
+            this.uploadFiles1.splice(index,1)
+          }
+        })
+      },
+      beforeRead2(file) {
+        this.uploadFiles2.push(file.file);
+      },
+      deleteFile2(file){
+        this.uploadFiles2.map((response,index) => {
+          if(file.file == response){
+            this.uploadFiles2.splice(index,1)
+          }
+        })
+      },
+      beforeRead3(file) {
+        this.uploadFiles3.push(file.file);
+      },
+      deleteFile3(file){
+        this.uploadFiles3.map((response,index) => {
+          if(file.file == response){
+            this.uploadFiles3.splice(index,1)
+          }
+        })
+      },
+      getFileList(){
+        let oData1= {
+          tableId: this.$route.query.id,
+          tableName: "t_yinnong_cash",
+          bizPath: "yinnong",
+          fileType: "1",
+        }
+        attachmentList(oData1).then(res => {
+          res.rows.map(r => {
+            let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
+            this.fileList1.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{})})
+          })
+        })
+        let oData2= {
+          tableId: this.$route.query.id,
+          tableName: "t_yinnong_cash",
+          bizPath: "yinnong",
+          fileType: "2",
+        }
+        attachmentList(oData2).then(res => {
+          res.rows.map(r => {
+            let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
+            this.fileList2.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{})})
+          })
+        })
+        let oData3= {
+          tableId: this.$route.query.id,
+          tableName: "t_yinnong_cash",
+          bizPath: "yinnong",
+          fileType: "3",
+        }
+        attachmentList(oData3).then(res => {
+          res.rows.map(r => {
+            let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
+            this.fileList3.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{})})
+          })
+        })
+      },
+      goBack(){
+        window.history.go(-1)
+      },
+      //删除家庭成员
+      deleteChargeItme(index){
+        this.chargeItme.splice(index,1)
+      },
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  .deleteFamily{
+    position: absolute;
+    top: 0rem;
+    right: 6%;
+    z-index: 9;
+    border-radius: 50%;
+  }
+</style>
diff --git a/static/images/agriculturalTrusteeship/buyer/buyer_icon_01.png b/static/images/agriculturalTrusteeship/buyer/buyer_icon_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e7760357df8a17736df5aab7ba01b511bf163a7
GIT binary patch
literal 291
zcmeAS@N?(olHy`uVBq!ia0vp^d_c_4!3HF+i2N%7QY^(zo*^7SP{WbZ0p#EEba4#P
z2%b8TQLxECqBW9PDucP#fq7%2;1))+3oN%Bq&!%Z1RRAQ{4SF=FSK~@?ykj;{d>2Y
zPgb3`@BMbEN{^i-M#t_rp5fVW`HW-MQnyts*NYt*xc!RKn}gn`id<pXI8X0vT(<7r
zIiD?Gy-;B5_mf_GKs0c1I*%f+fZ=8HQztsbzZtsBZK!#&y8P1y*6B{)tdb_&&RM%v
z!kV{_NwaD9$8;sR^jC+Bd+!%6S*g@<#`MOi;0NB!)}0wK2mJ*%@)o4bSS7vE*Rpo&
nFa1kb>}50)w=&dehyG)Xosc6C{ongA(3cFJu6{1-oD!M<+^=vf

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/buyer/buyer_icon_02.png b/static/images/agriculturalTrusteeship/buyer/buyer_icon_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ffd78d02827358cfefd13053372d94fcfff4e63
GIT binary patch
literal 6192
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
O0000<MNUMnLSTa5BKa`@

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/bill_icon_01.png b/static/images/agriculturalTrusteeship/socialization/bill_icon_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..39447e49afe30cd5e8f5c110d3f3764f1c751a99
GIT binary patch
literal 285
zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uAB#T}@sR2?f#ZI0f96(URk<tO=U-5Kt4ABU_
zI^m*VlYxNC=8X)RjM^6tGP!77;M>5gWw4Oh`vTtzh9t%Ws{rc_Oy_uw>$?6_$)7xX
zckk_;tw|~~b*ChVe_GG@boVWhh5aAa1np+}QX`V|`I^jnW|4-O$KHwy{95$n!qsm*
zD%!eF&xmwfS(@w9ml9p&pu5~b>C+3T-3P3+Q@K9O%*<|H@MOi7nM_5$C-WUU*fGT|
zL}w32Sgrn4HowC{9Q8-e6y1|u8TaYh&8!BCl-<XcBxfBo&?~tY`JFvriK&gtyJYi=
hD|U!)eeU~@_bpoqpXsNKFM$4I@O1TaS?83{1OVZYbPWIi

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/dialog_01.png b/static/images/agriculturalTrusteeship/socialization/dialog_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1076c3404638b085fac4ee799b33293a0420192
GIT binary patch
literal 1043
zcmV+u1nm2XP)<h;3K|Lk000e1NJLTq001EX001Wl1^@s6fxRJe00004b3#c}2nYxW
zd<bNS000BZNkl<ZSVy&(TWkzb7=X_?GqauT>h4mPl1eo#Arj?5LZk6QgxZEgS}m#T
z6A>hYgkHog5}rKJ#3dDp#0xJx5D!8;AQ7UZG-;|rZI#^(-OF5l=M2-#j-8$9&h#Yv
zuyg+N|KI-CGmDXnb^Ttn3?ZS65YDfvQi#J?VCn$#-!Xkauy4p0_K!5y;$%KExDbYG
zcSmMZa|?B&b~+TmgMrE6UMrY!LEL@@{?VVYr36FB&aio30gymKJv%p)4x0BIL)^SS
z5|jYdI{o!lkN|w|w))@)<Gv#ZuK>mjbL4I7nsC4V-4>#&>!nasUbVcC5abJ)0`iL;
z_0xx#Ocq4Td8mL)>N1Dal^jw1)4~{4mnlm8HyQBxa93#{^M1U!U?s0&GP-?j_)!)_
z^O@vX0n0})&IV&3iz*~d*XJL?!}7_Qi(Y}~`Js8D@l^V_pU<4MQa({2x;HQj0WbaP
zH+#SgG*KV~!DHNXCUr+7(gr6k)<F_UE)x{xO-|0(%Fs%|O{Y@{k&{Ynh5rdmDdB!q
zmCO5sf;{Z>Og=f57dX-ZP%Na7$ji1m6(E_KIcU#}P&%p$CnSEF8z2R%L%4xLFok{_
zkX!&?6MS81Ks_8y@C8?m1`%lk856|i1IY#O`jc1(Dn7WlGR3<oUo9LB?eL0rhQ+#j
z%^tA=7>+52Xno@;K@KgcOc&lqSYod4fE5IxC&q-(K~x~=MRU+zV-7G6=m7c|Hy~Px
zGDVS2xPk%gGJ+KGnfQWP>c;As$w~V2TmWuB2yNY4Y3m-F9YzopP)b$M{O$E9nu`5g
z#SG;GC=?{CZR<)H2&iZa1Gs-053uLm_Y(8o4D!3pA+V}vV`#p{_{TFt(uG{Ix)<1<
z?I@3Q$}IswzEQ+US_L^-Mv!=tdlwSrqvms#queaGwjG*i{oP`7#jcN-&*lYjdZ}4=
z3@SJdWeqkjK*oK&%T+aQK%#N(<Dt#Ld1kLU$cg{U*A2+G7~glexn!;p#1_J;k9Y~<
z2x1~Y28Mli+gbw~9hIojZC>X{&lj=o+%Er9$DSB#XzlQTmh9?Wv&KmeVKRF8>fRVP
zgch21cuql<x&^72D#s5r2I+miz}3(OeTbkcHz38L5WjRlEF6Lv_X4E*XbE+y%jFg%
zB?|{#L%8(_g}CYogd32w#Q(ind9?}&jjWKErx05CcEBB~H0zBnUyD}(%br6p5O#S+
zfR5A8GHPHFd!?`fQPc^7$Q9nm3D{T6rE4%iHU00S24m1J(2~k`{{d;V0<8zeq?`Z%
N002ovPDHLkV1mA2+kF54

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/dialog_02.png b/static/images/agriculturalTrusteeship/socialization/dialog_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2c9128ba6c2510592a2bbdaf8d8d3ef8898cb48
GIT binary patch
literal 1636
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

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/down.png b/static/images/agriculturalTrusteeship/socialization/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..11257bc3987d7c675987081e1a17f9d103025bc0
GIT binary patch
literal 218
zcmeAS@N?(olHy`uVBq!ia0vp^d_c^>!3HEx3Z6Ryq*#ibJVQ8upoSx*1IVA~>Eak7
z5uTjFz@)tV7-tU;&rbz2#Silv6CdrY{mSa_RV2ftAVVM_DaGc%i4zO@&ma5$UsCVi
z@BjB79%^jkPmp$On2?s@tMIj;H{dMW8J`~ZhMYQ++4lebvTu9I<Rjy%%y(8|mO)O-
z%(N$0CLB0%z(W4W|MMU0Ki=8b#`>b}_y)mc2W~7>WH@41y&#c!8v`@L=2Cmk<ZZd9
QfsSMFboFyt=akR{07))Xf&c&j

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/footer_add.png b/static/images/agriculturalTrusteeship/socialization/footer_add.png
new file mode 100644
index 0000000000000000000000000000000000000000..2155e76dd732121587f3fc195cfa2a2c62d2ee69
GIT binary patch
literal 4980
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

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/footer_close.png b/static/images/agriculturalTrusteeship/socialization/footer_close.png
new file mode 100644
index 0000000000000000000000000000000000000000..df7aaae2410bf6f8a3eb22ecbcb57d800366c6ee
GIT binary patch
literal 3301
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

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/right.png b/static/images/agriculturalTrusteeship/socialization/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9dc16c6c2f073ab7ad25d83e7d97a6137f009f5
GIT binary patch
literal 249
zcmeAS@N?(olHy`uVBq!ia0vp^96-#+!3HFS!eXZZDVAa<&kznEsNqQI0P;6@x;TbN
zgeRvcFi7;uN~<?st(l}@S8ev!d{>oQ^73Q<6Au3W&u?H*%rfV0@JGQ&K_^C+tGaFT
z|Hqz}%dKGvZdt~Vb7}T}AD(m1znR4_X&wq;FnoFY|NkDx=ijcsKeCV^Mc{C~+p+(0
z7NQP!KHQhx-Sq!|J%cZYZTW&k?lN~HgUUI#<IBaml{Z#gKC$tmys|R0@`V%4J!jth
vlVD7Ja>ZcgNBhI}ZT^!~BbsLgq%bo4*N$twB;;2GbUTBmtDnm{r-UW|>&ajT

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png b/static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..46eb9a529e12ed67831d4e796e72e540db9a1f87
GIT binary patch
literal 289
zcmV++0p9+JP)<h;3K|Lk000e1NJLTq000&M000pP1^@s6*|A)M00004b3#c}2nYxW
zd<bNS0002kNkl<ZI8W`8!4ZNm5Jh(@(GEl`K(GPF66`=LAn8ClummcAGyoGjzz*nO
z-9;oE*%`T!3-Bj-+4($-Q|l1n2)qdB-jwDc@6%kqXD=dOS7wj@1{1-nsj>)XPomto
zg2%#^tKyK_0uatb)bUevd&;%HT=~yL+M+JaMRfD*@$Ty}*rv?P;PIGi;LLb4W4l}x
znrSq9*NKD2tQG4;n?51PYiEi<w~#B!C4`ohy<&W_Ef?K`S(Thsx%IkDas^iyLANL|
n2_NpfGkyvgat#-l;pD&vL?c=foS)6900000NkvXXu0mjf_VRd`

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png b/static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0220fc472708df8792901fce38b536d9244192a
GIT binary patch
literal 344
zcmV-e0jK_nP)<h;3K|Lk000e1NJLTq000gE000gM1^@s6A4o0H00004b3#c}2nYxW
zd<bNS0003GNkl<ZC{vx1J#NB46ohBY0m2Q!5gc*=el7rAN}x(hq9|o#s1eku0%baG
z5a$4h%?+SIN=FXBzPw#bWGovIwzAf5c1CYLB6Y%gR4#!XP}%~7?iT?A;d}>~nK;@W
z#`S)GR8$X$H<Fd~V~1}MSy@3(#c}fBUQ`PBktfLB?W{DMm@b|=EsLD8!o>N8)n?Qu
zILQu-hIe>+dCv_YkOx*9gP24uJMlX1;Qn!zFBE+8wmEQ{y853`wigN2<fkxd^xVSc
z`>!@E%nFOIwGSpPYSD5|RpXcA>j-F+gzIy9RHD|_O6bYC2!JEx0#1vZ6Q}MGaw)OK
qMpvP3YquV9U4&8S=hkAHhWr<yLVX7WFsQTu0000<MNUMnLSTaMcZ>J{

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png b/static/images/agriculturalTrusteeship/socialization/socialization_icon_date.png
new file mode 100644
index 0000000000000000000000000000000000000000..53dae0e1d41ec409283d0b1a920032821ef9fa31
GIT binary patch
literal 363
zcmV-x0hIoUP)<h;3K|Lk000e1NJLTq000mG000gM1^@s6CNG?d00004b3#c}2nYxW
zd<bNS0003ZNkl<ZC{wMH?Qw%J42JcR1+qceAY8J5%LEyL5t0RpnIMe72%P}v0HKVK
zZr~0O6p4%PT;S5?uKY2ttdB>ML6dL$TC`o0o2fl9)~tZ++~iq!2f0XApc4VJplOm&
zGjZ9~_6V&=;7UZL4vz>Tz$%>-UCaNw#$lHhe6Dl&?26jAwq0mpEw)(h`ms=2SUrCv
z&|tAS?{wD}(HC_N^(=wTLa<78yki<g7BnY=+iz2w5hEi|-_`lyR|4%5h&If_w-N>V
zONsuUz*o=~KAX3X1%g<JUOdqfK`cF2zUQ5>dj<|uEi-6k26k}<j~>qK#RhA1*MW7v
z?#TqYF$X~@!MwQ=N)Y~(Bw|iDqT?{I8DHSIV?z84fdp5&&Kuna+K|Cl6qNt~002ov
JPDHLkV1jR`mks~`

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png b/static/images/agriculturalTrusteeship/socialization/socialization_icon_off.png
new file mode 100644
index 0000000000000000000000000000000000000000..214ad6229c9afe868113648ef539a7724b34b2be
GIT binary patch
literal 407
zcmV;I0cie-P)<h;3K|Lk000e1NJLTq000jF000jN1^@s6JJyv-00004b3#c}2nYxW
zd<bNS0003_Nkl<ZC{wMHF;at25QcXNuW&5H#+jsWIKm6LKym}DEyNpm1IZ0If#M1D
z2<fbVcLW+KY)s`i^MG|96Ee;tlTb(lZ}$EB|LlGU)+6V^2B?jdQX5l}QZ50VSQYuw
zzKgr!Ga~wS@z9xwN^X8{n&UiJY^jAvsqC$DI^itkB1EL5D01J3smL?zT{wy4?~*%j
zcd<Qw`+QdYonA8#kBL4I%OHpm@bQ?KfYvI{<9~LRK?I0*M`IJcD3zzf*ixERom!U}
zWN9{H_P!sOJm9Q~Y*h*IaHe&73D8ad3&8uCOu}i?q<_RiX9Ggzx(WYIh(r+s;t`?&
zYCY3B8MUek;FetXiDCG5>w0ws(CvIcm_4vhhOQRkl>pwcZLi63&K<39rVJ9Z9YpA0
z!lDaXXvq5zLa`{GHBE=FnSr60V@G=|$B<>;`2~$~%Mc(nMu`9b002ovPDHLkV1j^B
BudM(8

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/socialization_icon_on.png b/static/images/agriculturalTrusteeship/socialization/socialization_icon_on.png
new file mode 100644
index 0000000000000000000000000000000000000000..05690b1f997d63940075c6ef379ae6c76fa1268d
GIT binary patch
literal 351
zcmV-l0igbgP)<h;3K|Lk000e1NJLTq000gE000gM1^@s6A4o0H00004b3#c}2nYxW
zd<bNS0003NNkl<ZC{vx1v30^Q5QgvE;8eJzi#LccO*(jw48RD=2FV5<fepe4EWpE5
zp~1RrKp8p~h%R>o=Lw5Ad2wUu>Aw4aoqmMYXNE-u>`Nl5^vD=90ZdAA^&~9C^T7)u
z=Itie_RPGO#*a8GMo0EwiFV7A!Y_)(jAn>DSCC!3!=}49FtXl@)#KS}CjVUa)YK>w
zfq$`k0iN!fB;!ud`;89m8hA0esEPO0PvCzP3kwLg(<;M)s9xygzlS4t%;ha_L(n<5
zi2}0DvKvnC0x(u=r^P7r(OWa%Tjz7!uLdOo_g|-n=MdUHyxS-_p*1Z|eNQrr4w;QA
xDWo-$)xu(eb6NM>_t8Xs!Rb<zNtB<OnomD7uZgZKI4%GH002ovPDHLkV1hb!m<j*@

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/socialization_icon_photo.png b/static/images/agriculturalTrusteeship/socialization/socialization_icon_photo.png
new file mode 100644
index 0000000000000000000000000000000000000000..080a9ab3229d2f37399bb668538dfb3f7869c732
GIT binary patch
literal 1975
zcmbVN4Nw$i7+z4Y5K$)6(_?g74NAP*-TU)cJQVKuIqUF57|>B;Z+8zC?sm7`#XAUx
z(PESoG=DJ7Ova%M6dM^JB}Au*tic>a#Y)IxictqKHMJp`zT@Xc8_UU^+1+oy@A;nh
zeV^}r-z~GJCQk~P83IAjBx{N#4ZNp<JN&s|@a(p1ISF3R3n?ok2%7kU?+$?W?o&We
z&@?tZOU|;rPEfpCP13xBQG4A2Kts^NMP7lV@);R+FgYw|LI#>!5tyY-NT%L~*#t9_
z%cc~G%<`htbgC$yilLE3aqvPf0SMfTOu}Bbi<1bi2^r=kz}Pp9BJeOo&Nm_PK7(+U
z%?_J+k%9GUgNnj+MtDJt8aL=LtzkZ_!SEOqGorXwh2aEdAoL61(F+0AMA}KDS&~L=
zfiDx1E6W0bq8^V&?a``vF$cwCVgQE*)o4@zp^^$Yne?hSY0emfg^?(c6=as@U>_st
z;0t6E0z4fF!7cb{IcZcTAQ<W;1r%3fzL182H08$$1)^)%I8C99i*YlYECDR;#|pW;
z%uBiazfk*^A2R@?wb}eOp6H9)?KdIGiEBX^qk=pUEu|L<44TGBe1S+YiEDwIb9~VV
zgjr-rnHSS}-Zgem_A!@X4Tu_kC6nc7-Xp#G$Ogtj%8UuoU_fgeS7~(VxQ+k^r#D7p
zMgqe|pf;XnorO<?8VJqfP>?b-DU(kH(-h(4MK=ioX5C~Cg9=;@0{dko%)E;ifnngC
z_R)E(*=!eiC+h+WQd)8XY)v#9@EC(ZrBUO<?%HgGm6K$WqZq5jgaC2WEK3s$C<o@$
z(nb}dqcIi9=x~*hau`)H4hqvcX$?slG-LZMJXPRJfwBGc|J=V+WI+j%u4m@)6{atD
zh!j==r&>5#I?I_iM@KFe9!?j6q<m#yLMY$)Gc+<f%|5dNBeb4e29W+oUW~vb-YI)X
zk%`X%YCSdYP~bf3E7*}Z(0_(Fy!J?OkHJC5@D2T~3VisR9m9bRCxTYibMqDtL4nCu
zOMJSqyn1IV-)W!nb*rZ_?RsSD<_qgz+BBo%*oJpb96W?!r)Qr!Kcnj1($dB)yA+D`
z(}tiW+lXJ5d`Rr7N+S*sc}*c*<uAtGYoSh6Y+3f8YX99`9}RR5UTNujE9q!g^L&KA
z>$qpL>>u}8ils+$XI*$<6q55`DdlXKe<L!yTN$=-a!Q8Y)|uI`vfnz(T<tw__~^;4
zf7Se;Z!0FDGtqOP;-aDxio}lk9XoaeLHh<b&($Rzu1U7YXM-UsG~g;0x_f4M+iQ>z
zF`;G609SkQ_7HQUP2q6<x_xV8RMhlx{Ef0RL4rZ6t+#(#=ejtrB;n3D7~09~IoEz<
zt~CzI4GSLE8aNna|2^Q(8Re0ey1I7v8i(53JNx?j^6TsC2R47x($Z4<<<GYoaA#)5
z!35-(GO<IWZH5-t)GV8N<kF2l8qy+FCVfS3Ls?nb%TNxxm#b#4*XAv@bT+JXpKk1r
zg<vGsp3#4QFdA9~on6J%C2gPkLE-u7N~JOrG9Ld}yf`^5jH}Jt#_ZYn#pD(&G_&}p
zlFQfR-$Jsdj9;3O@iy#T75FfCy#3s<c4a`VK@n<bYHH#SUB9ohHQg@FIG~;OK7aiC
z{<S}nin^LS`zh18=Ar3VFJxs`rGBD~LI$ndi@%LlOo)h|cwlv&Qgu>n?!Fgr<@D^E
z>UrhgwcDun_f$x1Mejl)F0N<b{va8iy`pkuW%XB=8~Zyx-xMAm2z3?omF31&^x7h3
p&Fay#MXbJ6a%e^6y79ub2_<<CqvoxttMvU^t%<3Yx`gZve*?(N!_EKz

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_icon_01.png b/static/images/agriculturalTrusteeship/socialization/user_icon_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..43b27ea074e8839588cbb0a185920965feb787ad
GIT binary patch
literal 405
zcmV;G0c!q<P)<h;3K|Lk000e1NJLTq000sI000gM1^@s6BHB#100004b3#c}2nYxW
zd<bNS0003@Nkl<ZC{vx2(Q$%66h-d?3&09uDv%E1cV^;{3Z#TopsNiec3=spnS4_M
zC13~fUwFAo7DAL6821ObvwQa5_Z|Ybo{fgS;$47Qt=XpnsV{g<jC{BC>vx{}T`x;b
z_>mnpVrnfi8WbgV*LoMQ4NBF6`81NYH_n%8=qfyJBpT|d0(m87DtM|63AR!q<a0q-
z-U8)}yJp-*yKyw)feSFPhxneACEf^Hu~=J5b)5p|vZ?2wXclx>OS9KrGGD2-wHpwH
zfN`dF^Toq{R3fq<Pw+^03&uYkjqHYkLI+A(ps|ffP)1PF3+n3HUD0f@ivkbUk?-R~
z7qN>rramovoWG1@y^gB(*VFCc!?nMvksHp`4s9=JXf*x_DTnm0{rn9kHj40e&dN>|
z*}n<)5VMo9(rMRZ*HMM!oD)*j<gTSSGivYytOLmp?3ZZS00000NkvXXu0mjft$?ps

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_icon_02.png b/static/images/agriculturalTrusteeship/socialization/user_icon_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..aaf4fa95265202656ffc87f35fb2a2fcf6fdb6d1
GIT binary patch
literal 446
zcmV;v0YUzWP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS0004XNkl<ZI8UvU(N)4g5Jlf47JwC)4#WzK|AN>7b`TrDg$AUAbYKp6{1q#Z
z4x|M9CmG+YSx&%&FXt!c?9SYIGjAj4h=J3wD4rEq$AbI9$+j(3+75kjg?SZWWM2_z
zB)DmV`~eIn>Iltt5z;p&>ygu5Sz%Q}Ov$F%^Z>x(oRZU$ovk<|){vZ#>m8Le@AiPY
zxF54~*SwYk!Cey~p00R-;`~%`P!k|3cvw0qWH8YcFSjfncXd8qG?$#2Llws{z=pG3
zSdtyQIx%2p44;&1`V9}T5q3b|?9vFC0sL4cE<<7&<2x+Q0F?h21BE%VU!sjdfHQ!%
zQeeG4n9#S!w46z5K;{)3Hw$)l1AyLQCfTjil<Hgn9M5(N00P`Gz(!b1xwSg}7k~&k
zz0J9Uxmg<&M6`@uuejW#Qhc>4FsV_6f*by%tdtLH+5o&0Xiq!g{gh3tfsccK!8*{=
o#4gT&jcq#E?0u)I=6_&kKYL8^C*SmfPyhe`07*qoM6N<$g7o9P-T(jq

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_icon_03.png b/static/images/agriculturalTrusteeship/socialization/user_icon_03.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7572c524ab93ee427a38f166fb0c404899dadd8
GIT binary patch
literal 311
zcmV-70m%M|P)<h;3K|Lk000e1NJLTq000mG000aK1^@s6Yv(<I00004b3#c}2nYxW
zd<bNS0002)Nkl<ZC{w+X{b>S06vSutQb6n=9mI5C{uR%U3cL<t1?P(mBqi8^hX()F
z4pPFEU;*J?W&;OeRzU<8mWBQJy_tE-zIpe-u>$a<d2ZA{#AIvyKE1%a^cn%Pjj=lS
zIyaxOL3h1i@eeSZyRYBL3)L|&?+IX=1$*}aNOD2PhpIiw`%BQ;Dv;$$dPffIGUdXQ
zg}4`pPGvkq$terN(k-4PLp+71LX6PRpkQoc)?g`F&kgbVW!$v@Rrv(*=8k<9Fm4qc
zt4gMSO=oTb$ig@cDE*+6r*Qm*m>l|ivbRqH+SD(7E<LP+AipN+h%6-Ju@V3P002ov
JPDHLkV1g5+f_wk~

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_icon_04.png b/static/images/agriculturalTrusteeship/socialization/user_icon_04.png
new file mode 100644
index 0000000000000000000000000000000000000000..727b729ec3d4e28dabeb3dbe688041664b5a9b62
GIT binary patch
literal 483
zcmV<90UZ8`P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS0004+Nkl<ZI8T*RJx;?=47Sq)P)<NDfXEFRR@7GQz)TOo5C&Fw^aN#L=v0XV
zw4yK~!pPQ<u}FxCq5Oyi67%_ySJJ2r!cr9ZJ^Oo~?axdF+c6SUg!Y&y#8r@8PlPD0
zFrAJJPxC2=`?cng^x$>y^*oOTF1TgHPZTgELrlZ*2_LvD3xI%XDs&@44;7C(NSqa!
zIUkP<glP>RZ9TI9`Z6d6<1Q=hx#`PrW<@{+(esNgM_e}&dMS-S*<TW96b*s)pSQ-5
zOu;tfJX$dbcdG%6M4Xb(K$?h0(WT+|KLEC|DGj)JEaEY(FKb*G1KT^~mIBlc<?Qv7
z{O1q4!Wgfg`h1^fX#r3|j1tVU5;pf`_dTKdS3+-?()nYb?;L;?oGsx;Jlg4~*n=`Z
z6IZ}lGh&P+C=<{sFefAfb=9D*?Y~&4Y7tX)GN12))dSNOCeki0j007+ko=H@Ze7U>
z%hZ54urQG>4F02}LNA((W^LfC#X@au_}H-Ro7w_^9w<eOtOI~hsb+CA^03ZiH*{gq
Zz5y~($}tk%LjwQ+002ovPDHLkV1oRB%rgK0

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_icon_05.png b/static/images/agriculturalTrusteeship/socialization/user_icon_05.png
new file mode 100644
index 0000000000000000000000000000000000000000..b46f68695e0ed5b6e4dbb5c61792b19550ce6b19
GIT binary patch
literal 450
zcmV;z0X_bSP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS0004bNkl<ZI8U8Z%T2>T5Ph@GolrqS1(*s5S41MGgLHstAS|gMR6wWziy+RS
z0!#<#fN;mVys@&5V=M(Rk`JEGoA+jB1r1BA?-w4|0t^_6x8d9at4MI4Sy|Uhn76ah
z)X(`h;kR%GSqI29`b{9?kZ8;c9+r1<6RIkJ;nZhzb|Zs?T{cZ-`cHP<!Xbm;lOSXD
zl>pkA6yxPgl=eYmvz&#i=b5CUnw>*#4Emw-mGuKDK+K&L5x!onl#*&Sv21li(L#_k
z7i~1^@<N>`9dD4nSXmw9UP~xhI#?OqdT#{B&B3vQWqu`t4Dad<F0GF{9`A<$su}_)
zU}Y7+e<cj9PvDTY4YA9uthwN$#!NPpdJ?2oLu^~4(lb1&I)DQ<duybA0-o&-NpQ;R
zy7<c`_6{i&=qZb!N7Qli!GxTWt;Z90^TDA`)ZhA;^ucgInO>hJMGie?4wyV)@nbl;
sUjVf;P4#V%(YgA(#~X|F+~-YpKlN72PjH7nX8-^I07*qoM6N<$g2iLQW&i*H

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_icon_06.png b/static/images/agriculturalTrusteeship/socialization/user_icon_06.png
new file mode 100644
index 0000000000000000000000000000000000000000..aebf553212394fa59ab31e3c9470725603cb9188
GIT binary patch
literal 415
zcmV;Q0bu@#P)<h;3K|Lk000e1NJLTq000jF000mO1^@s6$yOx<00004b3#c}2nYxW
zd<bNS00042Nkl<ZC{vwN?QOzP3_L$NKsrGgAtTVgRY7zEHfSaQmkG)S8Q}@4{w*V9
zgltd-Xr6nH_y`e2qLv~Q?DL(^j-VG)wP9me2ry+T<5R;>hJaO6*>%fVbBZUm{Lb*j
z;?++;{8Xu))kcy~h~Oaz9=i?Bz~i~q2q-oxv9D+{w|7^vUdrr{JA%h*QzYnSDS030
z?;IyfhHtXpAJ~szc2+N9=l1tfP}$Z3^h0Iq`99cX6*q(3tU*HgFWJuKvS?VOVQ$V@
zFc&Ga>W+2hcI&9%)qv=`<+J08hWyV*$xZOm-NealX9acxt|}$W*kE*|4k#P4ax7;r
z59}?Nj3tXR&g)n8XZX6Bgo>jn6_m0!Dv~kppWme}?G+|$$)1U`vZ%hc-%IAXu|gNC
zCSc}wd`)sU$7?Kj??ag^%+_!8^oH1fEGqs9a@P6=Y+LHH{{o#ss2d>>t=a$p002ov
JPDHLkV1g@ixTOF9

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_icon_07.png b/static/images/agriculturalTrusteeship/socialization/user_icon_07.png
new file mode 100644
index 0000000000000000000000000000000000000000..1fcf0d58a337824721cdb91c797f388ef6d0f440
GIT binary patch
literal 407
zcmV;I0cie-P)<h;3K|Lk000e1NJLTq000gE000mO1^@s6CX`M(00004b3#c}2nYxW
zd<bNS0003_Nkl<ZC{vA6+i}7`5Yrx+eA7Xk4k*FjnS^l(lt3DQ3l)$K=pYO*`Hj<o
zOP~Y_fZIq8W(Y6me$L)Gtya<+cwV9p%rWL?Hy9r0(Kf2zIwlYjhMj;SB}6`6FD9nD
z1vv6bAhN8B=o!IP2*}!4tv_~OyqPua`y-$IhxH67)?GrmoLF{S<H+?WKVq!)wdpjC
zmI7w0Xl0|3pl-W4iXx%M$HO`rP5?GqMw8a7$H>y9lZv2bd5Ye<qsDDO{u!;(|2-o*
zb-8v^<9a|vmTArUJH^xuUwlxg=D?gwGG|oZimnDWPBPD2Mb)08=K}8n1|1;dcTTXH
ztYzjQKe80uptuKLT{%v-k*ou-8Byye7U{d>49yc`_6N8J7aVIweIGl+`)LE2rP>*A
zuUSq<Y2q?I@Geznqt~X<Md0y>ifaq>60kXD{{gr1wGq$Mp$`B6002ovPDHLkV1i(W
BtYiQH

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_nav_01.png b/static/images/agriculturalTrusteeship/socialization/user_nav_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5db2cf0112827de1dfe3be34f4c263ae324aa4a
GIT binary patch
literal 699
zcmV;s0!00ZP)<h;3K|Lk000e1NJLTq0012T000^Y1^@s6OO{u+00004b3#c}2nYxW
zd<bNS0007VNkl<ZNK3VrKT_L36vp3^CpFvvH%`k+o^gvfLCgu_Oh_+IfH{Fl&5(!_
z#GC-7g|XSxE@Ey#+RRul-&-t@WZ5Q)vW;eTSNq%V{oBWW&=pz^5t$Ryn9}sjTKkyI
zH~r;2^aW0dy`LO54a?5s{K3YUU1rY`^PZ%OL#R!3UFXU3Moc`Ydl4atVZjr%U;*j?
zK`_MOr`U96r_-U%`F@}m*{=)CS<u3Q{#K|l!GJyf3V(kmN&9tt?JULKn3)eGl@HsY
z70T-<&Reh%=-cBvb%O}Y_3WZ&t1i_zwDa*chUwlbOwBj@(u>RB#-R#Wsy$r?ZUox-
zbZbymcJhiir2!PXv??n$rrRf$h=k(WKJ6UeCHVPZQ&7RjewB}FL)Dy68WxlawNXa*
z+?>dd--|clJoa5VeJVV>kJNjp4J|8Fb5qJU%(PnumWxg!&^!=Iu4b1#=hysbB#`n4
z!oONich&*_i_%TOl&$@pQiM8t^v%7sl18Y#*RO#TO#75BBLq@gQaak|Q)e2#i;6?8
z;{3}Hp)0&HgI7V9KGDSP*M_1a!Bcsz|F1%`r;Ow?Hbu1|8-A>Snl^i_pYY)$2}jK7
zyh(6namY-G?qSp<EIUg(k`<-TA+8bUNyzF)^h~HS4=8(1wRQmdb=^d1V9j7kbJnc^
zfUW_pPWFFQ!7m?z{EAdHfCz-iQNDe#_tS7?zaJ#7Eg?D4z(M4rO`&)Bo@=er7sV*l
zUP~1go-xfgYbWCss4*e--<0Nmp}TBn{nb{e^RY2_JzD3uaR@Wb(U%OXfCbm!?Nn1E
hHxrTt_S@$+<`3eF00wCNHUj_v002ovPDHLkV1fqQP4NH#

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_nav_02.png b/static/images/agriculturalTrusteeship/socialization/user_nav_02.png
new file mode 100644
index 0000000000000000000000000000000000000000..efae7aac61388bb934e80b8a8afe9ff85835720d
GIT binary patch
literal 667
zcmV;M0%ZM(P)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00004b3#c}2nYxW
zd<bNS0006~Nkl<ZNK55bL2}bT5S)>?00*2Z`y6wFa9|}rAo2_F58}Ka=1zzb^8n=q
zzzaxTfO&vz<q%hH<c_PX+|drbGI9i#WI5u-R;kMJuBNwpdS;iYWGD=_?5T)+3#St=
zZ>e(J5i{?Lj-3#rC>(D9@&NR;B2X7Nqf#KHIz3`KVJ1}uyzQI_g(P$uhT{u1AZ*c>
zZG&vH9<p}%USl~7!^x*?0HmmvbV|8>w)mrwo*lO%CirwRUdxv;1F;oAR_tLi$TfrO
z29QUQ=s}(t()gu7+sIS2_CEqbS{f+8*L7q=@~@Du$iyg=PPwkn#3!|YNKRoMzZ@tj
zUdeS>WpLrZ6lp0?<zN*T7E7m88#&so7>AILyRv4goKC`Qt&Sd&qqNxD{-W_%>jTmH
z>gGf1j|RIAgtkMLm3t%<u#AxSz|6gRKQ}Gx!2FK2bhBXptTVju7j0X|-&dOv8eI>Y
z-Sj<=kpiPPr8&}!I$63Z9bjWv9ieevqW5_?a-PMO{rtw?xqWbs@(#ki<9U<@2QyP1
zM|jS!&zec86fx>;U<9MxGXh8-Ajxqs8@9ZRj1ho#a)GMaI=gP~_{Z|zAapnzHjN?Z
z@BeC>A>BPd?f}wAH?U$!63)(APHmu!rO$<U!6ZHmaVwhMLe2osu2{BHdX#UH(G=*@
zrKML)3cmS_%gORyuqkME9x`2q({b<RyLr#bTx^UPwEd`W#j%I=zG3tGyC}IQ7%<!o
zFv0s(08=279|RqlZ?s51+X)QYC;I1rga-h;_yxfnh45;H#&-Y!002ovPDHLkV1hFU
BF(d#0

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_nav_03.png b/static/images/agriculturalTrusteeship/socialization/user_nav_03.png
new file mode 100644
index 0000000000000000000000000000000000000000..4bc93a80135733c14fa9b121b9652a4eb54f4302
GIT binary patch
literal 894
zcmV-^1A+XBP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00004b3#c}2nYxW
zd<bNS0009uNkl<ZNK37jOKuZE5QeK}5Zfdth&e%e>;sUTfUre@I4gGG?ARroAjt`E
zKw^imxIml(*zTMlKEkj<LYgW5>UnrPFOMTy@?#!dUsu&%)y=fUFc{?d7ff_4A|WwN
zD2~sqwP9B?nA>eQ7<+fjyjz?hLY5>t>I&@y1Zx+tM}@(&dy;rW<oDR4G2lBwG_mv9
z>n=;*2uxr;JR?IQ4<hkl=8byIo<B{Xa%1OnETnyG1_pyMV5cziTjIz7wk(=7raxql
zzvw-Q<;>c-dfhl$fu`TTWa5j&SQG$e>nwGBPv<rQw_UkOBjMC5@rx!A)dGu(?3x?R
zHM2J*=7TonR)DD@7f@tR6=@gq!%afSo?|YQ>ucCmL}Q5PtUR{@41&JZRhAXG1yq&0
zaCs;B4CrNX?iw)5L#jxXf4xYIQLn@1=grE^fl%5Aio8k{shwk5t4P4$!JUc&;ofWV
z9QLkZ?_(+=wdWS^fW{1t(KUW1u=ZL)o*Yo$UCd|gWfcr2sNq+DE@4>9D&#dq3f<bp
zY*=2kLNbr*fGU<W#A{8wtX$X*I2TEh<Rrl{KUh1P<mwChkUKr9>dL^Z^`U|5uHn+)
z?vZ~=p5T{_?k=f_ZaC-<bX7ZLuZo?;0EjYqsZz&wben|~@9brL7XS0S7xhrIi~79P
zkoL&)@-VW{5M{ByW}w(Fu^qWat`S-NU+c3P1=u_+IT2#9<7(k&-V|1xglQ%9k|BjP
zmQXozoq-L|HJH3}`{Mz5bi`u{<qab7jP4+gbN=R@RhxI7uabwkfL5MXJd+cMBPlOS
zf9V4~r(b|E`DCzw<&%Jkrvs=iT9!MF45>#Ey~it`fQbP6gYOZ*Kh)zV1Iu}F0y-fG
z1>sBdpNv()LjFpwD{Ym-I#BVRgC=7L_$kG7<gQ{0`8&e=KY?jDwHM<IgwPT`Leq2s
zONhp8Rm~ofoTIZ`Z}KX8o&v||bq|*J0lZJILjYa3so8)FTMLN-+Yh;=HmF8X9+&vJ
zK;A0$>yH?#liEfH>rMso7RqG0>I_s$a;*1U7+OcnsE$>mcODLr$B2dqV<jd30Dx2u
UGZyKqkN^Mx07*qoM6N<$f*{A8#Q*>R

literal 0
HcmV?d00001

diff --git a/static/images/agriculturalTrusteeship/socialization/user_nav_04.png b/static/images/agriculturalTrusteeship/socialization/user_nav_04.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8fae103c252e7ec3550d62f38c81fcf1eb5d29b
GIT binary patch
literal 660
zcmV;F0&D$=P)<h;3K|Lk000e1NJLTq000^Q000{Z1^@s6Viuok00004b3#c}2nYxW
zd<bNS0006@Nkl<ZNK55bO>Wab82vtbES0Xx2B|>^Zot@CBa#E4X2HJB320By+@R?R
znhPMv0Z_vM8XIu{Dj^!Fo2DCBc<hfiE=Ez~IB|^-5}#y6cE<00KhJN5sUo!29d_I^
z5&0NL(@xn^?FSQPekob%$B0#M{0E7;;F(ksY2EG-(-AZ2D&o5TiBL?E9@+%hlCVSX
z>Vni+Z`;bgAH>A`Tr%m$@pQBZP;*90t<ynpz{JO>Y|MVp77HFt&zI%}B2DZJ(N^Rz
zJt!4J5DZDsa>+up=;H1gi;uXdB&yS%Rcnhv{sW?4Qh(E^ZIVJ*xAR)rIw)lTr5rUO
zf}DRVa5a(E&p=|YCSl!ZURhBS^s;v=Dhfh;!268|Z*3<x*neV1J4mFdx&Hkb<u-;`
zat5u}&nS-0yTuG=N_BRPnUu|R2K8<c%^%`gCfeXTDh${HiRXQRD~}#0Nq>>-(sg^n
ze2U$7+)9$LvDaOCo^|zOkj2|c(zV&oTsIWQImNS2c-ASc=svQ}ftj(L@HMuC&#2-R
ziHsi@6Izne8Qq7-zH>$NB30@G2tCTOx2-gNy@=Jgbr$TJXy?1<onhzHl4W1nah`CN
z^>@>BRFJXu+wXBG*%OihGC3(cYSYS4iB6QVB!HpbmND@UrAD~hL;Hp;V-EAyS)JqT
z7HtY_*Db0pQ!2ttZd8)=9zhTV4n$(B*$3GP$Z&SBHjtkUTx<`5Uw*oV^ae!MJ@WXb
u)L`3~VKMZ(5=Rnq`<+!DAnR1QZtYLa{ADvB6%RH50000<MNUMnLSTYnZ!X>d

literal 0
HcmV?d00001