Merge remote-tracking branch 'origin/master'

2 jaren geleden · e1025aa2e0
--- a/build/webpack.prod.conf.js
+++ b/build/webpack.prod.conf.js
@@ -10,6 +10,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
 const ExtractTextPlugin = require('extract-text-webpack-plugin')
 const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 const CompressionPlugin = require('compression-webpack-plugin');//引入gzip压缩插件

 const env = require('../config/prod.env')

@@ -41,6 +42,15 @@ const webpackConfig = merge(baseWebpackConfig, {
      sourceMap: config.build.productionSourceMap,
      parallel: true
    }),
    new CompressionPlugin({ 
        filename: '[path].gz[query]', //  使得多个.gz文件合并成一个文件，这种方式压缩后的文件少，建议使用
        algorithm: 'gzip', // 官方默认压缩算法也是gzip
        test: /\.js$|\.css$|\.html$|\.ttf$|\.eot$|\.woff$/, // 使用正则给匹配到的文件做压缩，这里是给html、css、js以及字体（.ttf和.woff和.eot）做压缩
        threshold: 10240, //以字节为单位压缩超过此大小的文件，使用默认值10240吧
        minRatio: 0.8, // 最小压缩比率，官方默认0.8
        //是否删除原有静态资源文件，即只保留压缩后的.gz文件，建议这个置为false，还保留源文件。以防：
        deleteOriginalAssets: false
    }),
    // extract css into its own file
    new ExtractTextPlugin({
      filename: utils.assetsPath('css/[name].[contenthash].css'),
--- a/config/index.js
+++ b/config/index.js
@@ -57,7 +57,7 @@ module.exports = {
     * Source Maps
     */

    productionSourceMap: true,
    productionSourceMap: false,
    // https://webpack.js.org/configuration/devtool/#production
    devtool: '#source-map',

--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,11 @@
      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.0.tgz",
      "integrity": "sha512-wjtKehFAIARq2OxK8j3JrggNlEslJfNuSm2ArteIbKyRMts2g0a7KzTxfRVNUM+O0gnBJ2hNV8nWPOYBgI1sew=="
    },
    "@types/json-schema": {
      "version": "7.0.11",
      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
      "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ=="
    },
    "@types/q": {
      "version": "1.5.4",
      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz",
@@ -121,8 +126,7 @@
    "ajv-keywords": {
      "version": "3.5.2",
      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
      "dev": true
      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
    },
    "align-text": {
      "version": "0.1.4",
@@ -724,8 +728,7 @@
    "babel-plugin-syntax-dynamic-import": {
      "version": "6.18.0",
      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz",
      "integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo=",
      "dev": true
      "integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo="
    },
    "babel-plugin-syntax-exponentiation-operator": {
      "version": "6.13.0",
@@ -2078,6 +2081,19 @@
        }
      }
    },
    "compression-webpack-plugin": {
      "version": "1.1.11",
      "resolved": "https://registry.npmmirror.com/compression-webpack-plugin/-/compression-webpack-plugin-1.1.11.tgz",
      "integrity": "sha512-ZVWKrTQhtOP7rDx3M/koXTnRm/iwcYbuCdV+i4lZfAIe32Mov7vUVM0+8Vpz4q0xH+TBUZxq+rM8nhtkDH50YQ==",
      "dev": true,
      "requires": {
        "cacache": "^10.0.1",
        "find-cache-dir": "^1.0.0",
        "neo-async": "^2.5.0",
        "serialize-javascript": "^1.4.0",
        "webpack-sources": "^1.0.1"
      }
    },
    "concat-map": {
      "version": "0.0.1",
      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -7455,6 +7471,11 @@
        "sha.js": "^2.4.8"
      }
    },
    "pdfjs-dist": {
      "version": "2.6.347",
      "resolved": "https://registry.npmjs.org/pdfjs-dist/-/pdfjs-dist-2.6.347.tgz",
      "integrity": "sha512-QC+h7hG2su9v/nU1wEI3SnpPIrqJODL7GTDFvR74ANKGq1AFJW16PH8VWnhpiTi9YcLSFV9xLeWSgq+ckHLdVQ=="
    },
    "performance-now": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -10178,6 +10199,63 @@
        "unpipe": "1.0.0"
      }
    },
    "raw-loader": {
      "version": "4.0.2",
      "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-4.0.2.tgz",
      "integrity": "sha512-ZnScIV3ag9A4wPX/ZayxL/jZH+euYb6FcUinPcgiQW0+UBtEv0O6Q3lGd3cqJ+GHH+rksEv3Pj99oxJ3u3VIKA==",
      "requires": {
        "loader-utils": "^2.0.0",
        "schema-utils": "^3.0.0"
      },
      "dependencies": {
        "ajv": {
          "version": "6.12.6",
          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
          "requires": {
            "fast-deep-equal": "^3.1.1",
            "fast-json-stable-stringify": "^2.0.0",
            "json-schema-traverse": "^0.4.1",
            "uri-js": "^4.2.2"
          }
        },
        "fast-deep-equal": {
          "version": "3.1.3",
          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
          "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
        },
        "json-schema-traverse": {
          "version": "0.4.1",
          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
        },
        "json5": {
          "version": "2.2.1",
          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
          "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA=="
        },
        "loader-utils": {
          "version": "2.0.4",
          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
          "requires": {
            "big.js": "^5.2.2",
            "emojis-list": "^3.0.0",
            "json5": "^2.1.2"
          }
        },
        "schema-utils": {
          "version": "3.1.1",
          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
          "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
          "requires": {
            "@types/json-schema": "^7.0.8",
            "ajv": "^6.12.5",
            "ajv-keywords": "^3.5.2"
          }
        }
      }
    },
    "read-cache": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -12300,6 +12378,19 @@
        }
      }
    },
    "vue-pdf": {
      "version": "4.3.0",
      "resolved": "https://registry.npmjs.org/vue-pdf/-/vue-pdf-4.3.0.tgz",
      "integrity": "sha512-zd3lJj6CbtrawgaaDDciTDjkJMUKiLWtbEmBg5CvFn9Noe9oAO/GNy/fc5c59qGuFCJ14ibIV1baw4S07e5bSQ==",
      "requires": {
        "babel-plugin-syntax-dynamic-import": "^6.18.0",
        "loader-utils": "^1.4.0",
        "pdfjs-dist": "2.6.347",
        "raw-loader": "^4.0.2",
        "vue-resize-sensor": "^2.0.0",
        "worker-loader": "^2.0.0"
      }
    },
    "vue-qrcode-reader": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/vue-qrcode-reader/-/vue-qrcode-reader-3.1.0.tgz",
@@ -12319,6 +12410,11 @@
        }
      }
    },
    "vue-resize-sensor": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/vue-resize-sensor/-/vue-resize-sensor-2.0.0.tgz",
      "integrity": "sha512-W+y2EAI/BxS4Vlcca9scQv8ifeBFck56DRtSwWJ2H4Cw1GLNUYxiZxUHHkuzuI5JPW/cYtL1bPO5xPyEXx4LmQ=="
    },
    "vue-router": {
      "version": "3.5.1",
      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz",
@@ -13504,6 +13600,47 @@
        "errno": "~0.1.7"
      }
    },
    "worker-loader": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/worker-loader/-/worker-loader-2.0.0.tgz",
      "integrity": "sha512-tnvNp4K3KQOpfRnD20m8xltE3eWh89Ye+5oj7wXEEHKac1P4oZ6p9oTj8/8ExqoSBnk9nu5Pr4nKfQ1hn2APJw==",
      "requires": {
        "loader-utils": "^1.0.0",
        "schema-utils": "^0.4.0"
      },
      "dependencies": {
        "ajv": {
          "version": "6.12.6",
          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
          "requires": {
            "fast-deep-equal": "^3.1.1",
            "fast-json-stable-stringify": "^2.0.0",
            "json-schema-traverse": "^0.4.1",
            "uri-js": "^4.2.2"
          }
        },
        "fast-deep-equal": {
          "version": "3.1.3",
          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
          "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
        },
        "json-schema-traverse": {
          "version": "0.4.1",
          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
        },
        "schema-utils": {
          "version": "0.4.7",
          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",
          "integrity": "sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==",
          "requires": {
            "ajv": "^6.1.0",
            "ajv-keywords": "^3.1.0"
          }
        }
      }
    },
    "wrap-ansi": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
    "vue-baidu-map": "^0.21.22",
    "vue-cookies": "^1.7.4",
    "vue-esign": "^1.0.5",
    "vue-pdf": "^4.3.0",
    "vue-qrcode-reader": "^3.1.0",
    "vue-router": "^3.0.1",
    "vue-search-tree": "^1.9.9",
@@ -49,6 +50,7 @@
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "chalk": "^2.0.1",
    "compression-webpack-plugin": "^1.1.11",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.28.0",
    "extract-text-webpack-plugin": "^3.0.0",
--- a/src/api/lawEnforcement/index.js
+++ b/src/api/lawEnforcement/index.js
@@ -717,3 +717,130 @@ export function getMonitor(query) {
    params: query
  })
 }

 // 查询案件下拉列表
 export function getCaseList(query) {
  return request({
    url: '/enforce/case/getCaseList',
    method: 'get',
    params: query
  })
 }

 // 查询案件文书列表
 export function getCaseDocumentList(query) {
  return request({
    url: '/enforce/case/getCaseDocumentList',
    method: 'get',
    params: query
  })
 }

 // 生成下载协助调查函
 export function createAssistPDF(query) {
  return request({
    url: '/enforce/assist/createPDF',
    method: 'post',
    params: query
  })
 }

 // 生成现场检查(勘察)笔录PDF
 export function createSurveyPDF(query) {
  return request({
    url: '/enforce/survey/createPDF',
    method: 'post',
    params: query
  })
 }

 // 生成立案相关PDF
 export function createPutrecordPDF(query) {
  return request({
    url: '/enforce/putrecord/createPDF',
    method: 'post',
    params: query
  })
 }

 // 生成现场检查(勘察)笔录PDF
 export function createOnrecordPDF(query) {
  return request({
    url: '/enforce/onrecord/createPDF',
    method: 'post',
    params: query
  })
 }

 // 生成抽样产品相关PDF
 export function createSamplingPDF(query) {
  return request({
    url: '/enforce/sampling/createPDF',
    method: 'post',
    params: query
  })
 }

 // 生成PDF
 export function createTreatPDF(query) {
  return request({
    url: '/enforce/treat/createPDF',
    method: 'post',
    params: query
  })
 }

 // 生成PDF
 export function createDecisionPDF(query) {
  return request({
    url: '/enforce/decision/createPDF',
    method: 'post',
    params: query
  })
 }

 // 生成现场检查(勘察)笔录PDF
 export function createEvidencePDF(query) {
  return request({
    url: '/enforce/evidence/createPDF',
    method: 'post',
    params: query
  })
 }

 // 生成PDF
 export function createExecutePDF(query) {
  return request({
    url: '/enforce/execute/createPDF',
    method: 'post',
    params: query
  })
 }

 // 生成PDF
 export function createEndingPDF(query) {
  return request({
    url: '/enforce/ending/createPDF',
    method: 'post',
    params: query
  })
 }

 // 案件中止调查PDF
 export function createBreakPDF(query) {
  return request({
    url: '/enforce/break/createPDF',
    method: 'post',
    params: query
  })
 }

 // 案件恢复调查PDF
 export function createResumePDF(query) {
  return request({
    url: '/enforce/resume/createPDF',
    method: 'post',
    params: query
  })
 }

--- a/src/permission.js
+++ b/src/permission.js
@@ -139,11 +139,15 @@ const whiteList = [
  '/newBusinessEntity/map',      //地图

  //农业大托管
  '/agriculturalTrusteeship/index',      //首页
  '/agriculturalTrusteeship/index',//首页
  '/agriculturalTrusteeship/login',//登录
  '/agriculturalTrusteeship/insuranceList',//保险列表
  '/agriculturalTrusteeship/insuranceProjectList',//保险产品列表
  '/agriculturalTrusteeship/insuranceProjectDetail',//保险产品详情

  '/agriculturalTrusteeship/societyList',//社会化列表
  '/agriculturalTrusteeship/societyProjectList',//社会化产品列表
  '/agriculturalTrusteeship/societyProjectDetail',//社会化产品详情
  '/agriculturalTrusteeship/shopList',//保险列表首页
 ]

 router.beforeEach((to, from, next) => {
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3562,11 +3562,20 @@ export const constantRoutes = [
    path: '/lawEnforcement/record',
    name: 'lawEnforcementRecord',
    meta: {
      title: '现场检查（勘察）笔录',
      title: '现场检查笔录',
      hidden: true,
    },
    component: (resolve) => require(['@/views/lawEnforcement/record/record'], resolve)
  },
  { ////农业执法（新）-- 现场检查（勘察）笔录
    path: '/lawEnforcement/recordDetail',
    name: 'lawEnforcementRecordDetail',
    meta: {
      title: '现场检查笔录',
      hidden: true,
    },
    component: (resolve) => require(['@/views/lawEnforcement/record/recordDetail'], resolve)
  },
  { ////农业执法（新）-- 案件列表
    path: '/lawEnforcement/caseList',
    name: 'lawEnforcementCaseList',
@@ -4499,6 +4508,15 @@ export const constantRoutes = [
    },
    component: (resolve) => require(['@/views/agriculturalTrusteeship/index'], resolve)
  },
  {
    path: '/agriculturalTrusteeship/login',
    name: 'agriculturalTrusteeshipLogin',
    meta: {
      title: '农业大托管登录',
      hidden: true,
    },
    component: (resolve) => require(['@/views/agriculturalTrusteeship/login'], resolve)
  },
  {
    path: '/agriculturalTrusteeship/insuranceList',
    name: 'agriculturalTrusteeshipInsuranceList',
@@ -4535,6 +4553,33 @@ export const constantRoutes = [
    },
    component: (resolve) => require(['@/views/agriculturalTrusteeship/society/societyList'], resolve)
  },
  {
    path: '/agriculturalTrusteeship/societyProjectList',
    name: 'agriculturalTrusteeshipSocietyProjectList',
    meta: {
      title: '社会化服务',
      hidden: true,
    },
    component: (resolve) => require(['@/views/agriculturalTrusteeship/society/societyProjectList'], resolve)
  },
  {
    path: '/agriculturalTrusteeship/societyProjectDetail',
    name: 'agriculturalTrusteeshipSocietyProjectDetail',
    meta: {
      title: '社会化服务',
      hidden: true,
    },
    component: (resolve) => require(['@/views/agriculturalTrusteeship/society/societyProjectDetail'], resolve)
  },
  {
    path: '/agriculturalTrusteeship/shopList',
    name: 'agriculturalTrusteeshipShopList',
    meta: {
      title: '保险首页',
      hidden: true,
    },
    component: (resolve) => require(['@/views/agriculturalTrusteeship/shop/shopList'], resolve)
  },
 ];


--- a/src/views/agriculturalTrusteeship/index.vue
+++ b/src/views/agriculturalTrusteeship/index.vue
@@ -3,7 +3,7 @@
    <!--  头部开始  -->
    <div class="header">
      <img src="../../../static/images/agriculturalTrusteeship/index/header.png">
      <div class="header_box">
      <div class="header_box" @click="$router.push({name:'agriculturalTrusteeshipLogin'})">
        <p>点击登录</p>
        <p>登录才能下单或发布产品哦</p>
      </div>
@@ -322,12 +322,10 @@
                  }
                }
                &:nth-child(2){
                  flex: 1;
                  span{
                    width: 50%;
                    display: inline-block;
                    text-align: center;
                    padding: 2PX 2PX;
                    padding: 2PX 5PX;
                    &:nth-child(1){
                      color: #497CE8;
                      background: #E2E9FD;
--- a/src/views/agriculturalTrusteeship/login.vue
+++ b/src/views/agriculturalTrusteeship/login.vue
@@ -0,0 +1,292 @@
 <template>
  <div class="home_wrapper">
    <!--  头部开始  -->
    <div class="header">
      <div class="header_left" @click="onClickLeft">
        <img src="../../../static/images/agriculturalTrusteeship/return.png">
      </div>
      <div class="tit">
        <p>大托管服务中心</p>
        <p>登录注册</p>
      </div>
    </div>
    <!--  头部结束  -->

    <!--  登陆选择开始  -->
    <div class="main" style="display: none;">
      <div class="nav">
        <div class="nav_content">
          <div>
            <p class="nav_name_01">买家登录</p>
            <p class="nav_text">登录后支持下单操作</p>
          </div>
          <i class="go"></i>
        </div>
      </div>

      <div class="nav">
        <div class="nav_content">
          <div>
            <p class="nav_name_02">社会化服务组织登录</p>
            <p class="nav_text">登录发布社会化服务及相关产品</p>
          </div>
          <i class="go"></i>
        </div>
      </div>

      <div class="nav">
        <div class="nav_content">
          <div>
            <p class="nav_name_03">保险机构登录</p>
            <p class="nav_text">登录可发布保险产品</p>
          </div>
          <i class="go"></i>
        </div>
        <div class="nav_content" style="padding:12.5PX 0;margin:12.5PX 0;border-top: 1px solid #D5D8DE;border-bottom: 1px solid #D5D8DE;">
          <div>
            <p class="nav_name_04">贷款机构登录</p>
            <p class="nav_text">登录可发布贷款产品</p>
          </div>
          <i class="go"></i>
        </div>
        <div class="nav_content">
          <div>
            <p class="nav_name_05">农担机构登录</p>
            <p class="nav_text">登录可发布农担产品</p>
          </div>
          <i class="go"></i>
        </div>
      </div>
    </div>
    <!--  登陆选择结束  -->

    <!--  登录开始  -->
    <div class="login_main" :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="请输入用户名" >
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt="">
            </template>
          </van-field>
          <van-field v-model="value1" center :border="false" placeholder="请输入密码">
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt="">
            </template>
          </van-field>
          <p class="submit_btn" @click="$router.push({name:'agriculturalTrusteeshipShopList'})">登录</p>
        </van-tab>
        <van-tab name="register" title="注册">

          <van-field v-model="value1" center :border="false" placeholder="请输入用户名" >
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt="">
            </template>
          </van-field>

          <van-field v-model="value1" center :border="false" placeholder="请输入密码">
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt="">
            </template>
          </van-field>

          <van-field v-model="value1" center :border="false" placeholder="请输入用户名" >
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt="">
            </template>
          </van-field>

          <van-field v-model="value1" center :border="false" placeholder="请输入密码">
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt="">
            </template>
          </van-field>

          <van-field v-model="value1" center :border="false" placeholder="请输入用户名" >
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt="">
            </template>
          </van-field>

          <van-field v-model="value1" center :border="false" placeholder="请输入密码">
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt="">
            </template>
          </van-field>

          <van-field v-model="value1" center :border="false" placeholder="请输入用户名" >
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_name.png" alt="">
            </template>
          </van-field>

          <van-field v-model="value1" center :border="false" placeholder="请输入密码">
            <template #left-icon>
              <img src="../../../static/images/agriculturalTrusteeship/login/login_icon_password.png" alt="">
            </template>
          </van-field>

          <p class="submit_btn">登录</p>
        </van-tab>
      </van-tabs>
    </div>
    <!--  登录结束  -->

  </div>
 </template>
 <script>
  import Cookies from "js-cookie";
  export default {
    name: "agriculturalTrusteeshipLogin",
    data() {
      return {
        active:0,
        value1:'',
        position:'absolute',
        top: '50%',
        transform:'translateY(-50%)',
        left:'4%'
      };
    },
    created() {

    },
    methods: {
      tabsChange(name){
        console.log(name)
        if ( name == 'register' ){
          this.position = 'relative';
          this.top = '40px';
          this.transform = 'none';
          this.left = '0';
        }else if( name == 'login'){
          this.position = 'absolute';
          this.top = '50%';
          this.transform = 'translateY(-50%)';
          this.left = '4%';
        }
      }
    },
  }
 </script>
 <style scoped lang="scss">
 .home_wrapper{
  background: url("../../../static/images/agriculturalTrusteeship/login/login_bg.png") no-repeat;
  background-size: 100%;
  height: 100vh;
  overflow-y: scroll;
 }
 /*头部*/
 .header{
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 2vh 4% 2vh;
  position: relative;
  .header_left{
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    width: 30PX;
    height: 30PX;
    justify-content: center;
    border-radius: 100%;
  }
  .tit{
    font-size: .7rem;
    color: #334281;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
    p{
      &:nth-child(1){
        margin-bottom: 15PX;
      }
    }
  }
 }

 /*导航*/
  .main{
    position: absolute;
    top: 20vh;
    width: 100%;
  }
  .nav{
    background-color: rgba(255,255,255,0.95);
    width: 92%;
    margin: 0 auto;
    padding: 25PX;
    border-radius: 15PX;
    margin-top: 15PX;
    box-shadow: 0px 5PX 10PX rgba(0,0,0,0.16);
    .nav_content{
      display: flex;
      justify-content: space-between;
      align-items: center;
      p{
        &:nth-child(1){
          font-size: .5rem;
          color: #334281;
          padding-left: 25PX;
        }
        &:nth-child(2){
          color: #626C88;
          margin-top: 10PX;
        }
      }
      .nav_name_01{
        background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_01.png") no-repeat left center;
      }
      .nav_name_02{
        background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_02.png") no-repeat left center;
      }
      .nav_name_03{
        background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_03.png") no-repeat left center;
      }
      .nav_name_04{
        background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_04.png") no-repeat left center;
      }
      .nav_name_05{
        background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_05.png") no-repeat left center;
      }
    }
    .go{
      width: 20PX;
      height: 20PX;
      display: block;
      background: url("../../../static/images/agriculturalTrusteeship/login/login_icon_06.png") no-repeat left center;
    }
  }
  .login_main{
    background-color: rgba(255,255,255,0.95);
    width: 92%;
    margin: 0 auto;
    padding: 25PX;
    padding-top: 15PX;
    border-radius: 15PX;
    box-shadow: 0px 5PX 10PX rgba(0,0,0,0.16);
    /deep/ .van-field__left-icon{
      display: flex;
      align-items: center;
    }
    /deep/ .van-cell{
      background: transparent;
      padding: 5PX 0;
      margin-top: 25PX;
      border-bottom: 1px solid #1E67FF;
    }
    .submit_btn{
      width: 50%;
      padding: 8PX 0;
      margin: 25PX auto 0;
      background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
      text-align: center;
      font-size: .35rem;
      color: #ffffff;
      border-radius: 50PX;
    }
  }
 </style>
--- a/src/views/agriculturalTrusteeship/shop/shopList.vue
+++ b/src/views/agriculturalTrusteeship/shop/shopList.vue
@@ -0,0 +1,316 @@
 <template>
  <div class="home_wrapper">
    <!--  头部开始  -->
    <div class="header">
      <div class="header_left" @click="onClickLeft">
        <img src="../../../../static/images/agriculturalTrusteeship/return.png">
        <p>退出登录</p>
      </div>
      <p class="header_right">河东河西村</p>
    </div>
    <!--  头部结束  -->

    <div class="nav">
      <div class="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">
          </template>
        </van-cell>

        <van-field
          value="包有钱保险公司"
          label="机构名称"
          left-icon="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_com.png"
          input-align="right"
          :border="false"
          placeholder="显示图标"
        />

        <van-field
          value="张菲菲"
          label="姓名"
          left-icon="../../../../static/images/agriculturalTrusteeship/login/login_icon_name.png"
          input-align="right"
          :border="false"
          placeholder="显示图标"
        />

        <van-field
          value="19855460315"
          label="联系方式"
          left-icon="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_phone.png"
          input-align="right"
          :border="false"
          placeholder="显示图标"
        />

      </div>
    </div>

    <!--  内容开始  -->
    <div class="main">
      <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%;">

          <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>健康保险</p>
                  <div>
                    <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_01.png" />
                    <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_02.png" />
                  </div>
                </div>
              </div>
            </div>
          </van-list>

        </van-tab>
        <van-tab title="已下架">

          <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>健康保险</p>
                  <div>
                    <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_01.png" />
                    <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_03.png" />
                  </div>
                </div>
              </div>
            </div>
          </van-list>

        </van-tab>
      </van-tabs>
    </div>
    <!--  内容结束  -->

  </div>
 </template>
 <script>
  import Cookies from "js-cookie";
  export default {
    name: "agriculturalTrusteeshipInsuranceList",
    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;
    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;
    .tt{
      font-size: .45rem;
      color: #334281;
    }
    .content{
      background: #ffffff;
      width: 92%;
      margin: 0 auto;
      box-shadow: 0px 0px 10PX rgba(0,0,0,0.1);
      border-radius: 25PX;
      padding: 1.5vh 4%;
    }
    /deep/ .van-cell{
      padding: 0;
      margin-bottom: 10PX;
      &:last-child{
        margin: 0;
      }
    }
  }

  /* 内容 */
  .main{
    background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4);
    /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;
      margin-top: 2vh;
      .content_tt{
        font-size: .35rem;
      }
      .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_right_list{
      display: flex;
      margin: 0 auto;
      margin-top: 2vh;
      width: 92%;
      img{
        border-radius: 15PX;
        margin-right: 4%;
        width: 30%;
      }
      .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;
          align-items: center;
          p{
            flex-shrink: 0;
            &:nth-child(1){
              color: #497CE8;
              background: #E2E9FD;
              padding: 4PX 10PX;
              border-radius: 5PX;
            }
          }
          div{
            display: flex;
            justify-content: space-between;
            align-items: center;
            img{
              display: block;
              border-radius: none;
              margin-right: 0;
              width: 50%;
            }
          }
        }
        .name{
          color: #8F8F8F;
          background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center;
          padding-left: 18PX;
        }
      }
    }
  }
 </style>
--- a/src/views/agriculturalTrusteeship/society/societyList.vue
+++ b/src/views/agriculturalTrusteeship/society/societyList.vue
@@ -13,7 +13,7 @@
    <!--  内容开始  -->
    <div class="main">
      <van-tabs v-model="active" sticky animated>
        <van-tab title="保险公司">
        <van-tab title="服务组织">
          <div class="search">
            <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" />
            <input type="text" placeholder="输入需求进行搜索" />
@@ -25,8 +25,23 @@
            :finished="finished"
            finished-text="没有更多了"
          >
            <div class="content" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipInsuranceProjectList'})">
              <p class="content_tt">张三李四合伙开公司有限公司</p>
            <div class="content" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectList'})">

              <div class="tt_box">
                <p class="content_tt">张三李四合伙开公司有限公司</p>
                <div class="tab_box">
                  <div class="tab_left">
                    <p>产品 <span>60</span></p>
                    <p>订单 <span>2851</span></p>
                  </div>
                  <div class="tab_right">
                    <p>渔业</p>
                    <p>牧业</p>
                    <p>农业</p>
                  </div>
                </div>
              </div>

              <div class="content_con">
                <div class="content_con_left">
                  <p>60个产品</p>
@@ -43,31 +58,68 @@
          </van-list>

        </van-tab>
        <van-tab title="保险产品">
        <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>

          <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>-->
                <p class="name">张三社会服务旗舰店</p>
          <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>
                    <p class="name">张三社会服务旗舰店</p>
                  </div>
                </div>
              </van-list>

            </div>
          </van-list>
          </div>

        </van-tab>
      </van-tabs>
@@ -167,6 +219,42 @@
      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;
@@ -207,6 +295,106 @@
        }
      }
    }
    .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;
          .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;
                    }
                  }
                }
              }
            }
            .name{
              color: #8F8F8F;
              background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center;
              padding-left: 14PX;
            }
          }
        }
      }
    }
    .main_content_right_list{
      display: flex;
      margin: 0 auto;
--- a/src/views/agriculturalTrusteeship/society/societyProjectDetail.vue
+++ b/src/views/agriculturalTrusteeship/society/societyProjectDetail.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>
--- a/src/views/agriculturalTrusteeship/society/societyProjectList.vue
+++ b/src/views/agriculturalTrusteeship/society/societyProjectList.vue
@@ -0,0 +1,274 @@
 <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="main">
      <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:'agriculturalTrusteeshipSocietyProjectDetail'})">
              <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>
    <!--  内容结束  -->

  </div>
 </template>
 <script>
  import Cookies from "js-cookie";
  export default {
    name: "agriculturalTrusteeshipInsuranceList",
    data() {
      return {
        activeKey: 0,
        active: 0,
        loading: false,
        finished: false,
      };
    },
    created() {

    },
    methods: {

    },
  }
 </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;
      background: #ffffff url("../../../../static/images/agriculturalTrusteeship/address.png") no-repeat 10PX center;
      padding: 2PX 15PX 2PX 25PX;
      border-radius: 50PX;
    }
  }

  /* 内容 */
  .main{
    background: #ffffff;
    padding-top: 2vh;
    border-top-left-radius: 25PX;
    border-top-right-radius: 25PX;

    .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: 85.5vh;
      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%;
            height: 8vh;
          }
          .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;
            }
          }
        }
      }
    }
  }
 </style>
--- a/src/views/lawEnforcement/index_new.vue
+++ b/src/views/lawEnforcement/index_new.vue
@@ -57,8 +57,8 @@
          <td rowspan="2"><img src="../../../static/images/lawEnforcement/new/index_icon_12.png" @click="$router.push({name:'lawEnforcementRecordDocument'})"></td>
        </tr>
        <tr>
          <td><img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'3'}})"></td>
          <td><img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'4'}})"></td>
          <td colspan="2"><img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'3'}})"></td>
 <!--          <td><img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'4'}})"></td>-->
        </tr>
      </table>
 <!--      <van-row>-->
--- a/src/views/lawEnforcement/record/record.vue
+++ b/src/views/lawEnforcement/record/record.vue
@@ -6,107 +6,59 @@
    </div>
    <div style="height: 58px;"></div>
    <div class="main_box">
      <van-field v-model="value" label="案件名称" placeholder="请选择案件名称" :border="false" readonly is-link @click="$router.push({name:'lawEnforcementCaseList'})" />
      <van-field v-model="value" label="执法节点" placeholder="请选择执法节点" :border="false" readonly is-link arrow-direction="down" >
        <template #input>
          <van-popover
            v-model="showPopover"
            trigger="click"
            :actions="actions"
            placement="bottom-start"
          >
            <template #reference>
              <p style="color: #cccccc">请选择执法节点</p>
            </template>
          </van-popover>
        </template>
      </van-field>
      <van-field v-model="value" label="签字上传" :border="false" readonly >
        <template #input>
          <van-uploader v-model="fileList" multiple />
        </template>
      </van-field>
      <van-field v-model="value" label="案件名称" placeholder="请选择案件名称" :border="false" readonly is-link @click="showPicker = true" />
    </div>

    <div class="main_box" style="margin-top: 10px;">
      <van-cell>
        <template #title>
          <van-icon name="../../../static/images/lawEnforcement/icon/record_icon_01.png" size="20"></van-icon>
          <span class="custom-title">视频地址<i class="bgBlue"></i></span>
        </template>
      </van-cell>
      <van-field type="textarea" autosize :border="false" placeholder="输入视频地址、执法文件名称等" />
    </div>

    <div class="main_box" style="margin-top: 10px;">
      <van-cell>
        <template #title>
          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
          <span class="custom-title">模板<i class="bgBlue"></i></span>
        </template>
      </van-cell>
      <div class="cf">
        <van-row>
          <van-col :span="6">
            <van-image src="../../../../static/images/lawEnforcement/icon/record_icon_02.png" width="50" />
    <div class="main_box" style="margin-top: 15px">
      <div class="peopleList">
        <van-row v-for="(item,index) in caseDocumentList" :key="index" >
          <van-col :span="17">
            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
            <p>{{item.fileHalfName}}</p>
          </van-col>
          <van-col :span="18">
            <p>现场检查（勘验）笔录.docx</p>
          <van-col :span="7">
            <p @click="$router.push({name:'lawEnforcementRecordDetail',query:{id:item.id,fileType:item.fileType,fileHalfName:item.fileHalfName}})">预览</p>
            <a href="">下载</a>
          </van-col>
        </van-row>
      </div>
    </div>

    <div class="submit_box">
      <p class="submitButton">保存</p>
      <p class="submitButton">处理</p>
    </div>
    <van-popup v-model="showPicker" round position="bottom">
      <van-picker
        title="选择案件"
        show-toolbar
        value-key="caseName"
        :columns="columns"
        @cancel="showPicker = false"
        @confirm="onConfirm"
      />
    </van-popup>
  </div>
 </template>

 <script>
  import { getScheme } from "@/api/lawEnforcement/index";
  import { getCaseList , getCaseDocumentList } from "@/api/lawEnforcement/index";
  export default {
    name: "programmeDetail",
    data() {
      return {
        showPopover: false,
        // 通过 actions 属性来定义菜单选项
        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
        showBankType:false,
        showPayeeType:false,
        showPicker:false,
        form:{},

        bankType:'',
        payeeType:'',
        value:'',

        bankTypeOptions:[],
        payeeTypeOptions:[],
        tEnforceSchemeHandlerList:[],
        minDate: new Date(2020, 0, 1),
        maxDate: new Date(2025, 10, 1),
        currentDate: new Date(2021, 0, 17),

        activeNames: ['1'],
        activeNames1: ['1'],
        activeNames2: ['1'],

        fileList:[],
        headTitle:''
        headTitle:'',
        showPicker:false,
        columns:[],
        caseDocumentList:[]
      };
    },
    created() {
      // this.getDictionaries()
      this.getDictionaries()
      if (this.$route.query.type == '1'){
        this.headTitle = '现场检查（勘察）笔录';
        this.headTitle = '勘察文书';
      }
      if (this.$route.query.type == '2'){
        this.headTitle = '询问笔录';
        this.headTitle = '立案文书';
      }
      if (this.$route.query.type == '3'){
        this.headTitle = '当场行政处罚决定书';
        this.headTitle = '取证文书';
      }
      if (this.$route.query.type == '4'){
        this.headTitle = '责令改正通知书';
@@ -114,8 +66,23 @@
    },
    methods: {
      getDictionaries(){
        getScheme(this.$route.query.id).then((response) => {
          this.form = response.data;
        let query = {
          caseProgress: parseInt(this.$route.query.type) + 1
        }
        getCaseList(query).then((response) => {
          this.columns = response.data;
        });
      },
      onConfirm(val){
        console.log(val)
        this.showPicker = false;
        this.value = val.caseName;
        let query = {
          id:val.caseId,
          caseProgress:parseInt(this.$route.query.type) + 1
        }
        getCaseDocumentList(query).then((response) => {
          this.caseDocumentList = response.data;
        });
      },
      goBack(){
@@ -192,16 +159,41 @@
    margin-right: 0;
  }
  .peopleList{
    padding-right: 3%;
    padding: 0 3%;
    text-align: left;
    .van-row{
      margin-bottom: 10PX;
      .van-col{
        text-align: center;
        font-size: 14PX;
      border-bottom: 1px solid #dddddd;
      display: flex;
      align-items: center;
      &:last-child{
        border: none;
      }
      &:first-child{
        .van-col{
      .van-col--17{
        display: flex;
        align-items: center;
        p{
          margin-left: 10PX;
        }
      }
      .van-col--7{
        display: flex;
        justify-content: space-between;
        p,a{
          color: #1D6FE9;
          border: 1px solid #1D6FE9;
          text-align: center;
          border-radius: 15PX;
          display: inline-block;
          padding: 5px 15px;
        }
      }
      .van-col{
        text-align: left;
        font-size: 14PX;
        color: #333333;
        padding: 15PX 0;
        img{
          display: block;
        }
      }
    }
--- a/src/views/lawEnforcement/record/recordDetail.vue
+++ b/src/views/lawEnforcement/record/recordDetail.vue
@@ -0,0 +1,424 @@
 <template>
  <div class="app-container">
    <div class="header_main">
      文件预览
      <div class="return_btn" @click="onClickLeft"></div>
    </div>
    <div style="height: 58px;"></div>
    <pdf v-for="item in numPages" :key="item" :src="url" :page="item" ref="pdf"></pdf>
  </div>
 </template>

 <script>
  import { createAssistPDF,createSurveyPDF,createPutrecordPDF,createOnrecordPDF,createSamplingPDF,createTreatPDF,createDecisionPDF,createEvidencePDF,createExecutePDF,createEndingPDF,createBreakPDF,createResumePDF } from "@/api/lawEnforcement/index";
  import pdf from 'vue-pdf'
  export default {
    components:{
      pdf
    },
    name: "programmeDetail",
    data() {
      return {
        url:'',
        numPages: null, // pdf 总页数
      };
    },
    created() {
      const id = this.$route.query.id;
      const fileType = this.$route.query.fileType;
      const fileHalfName = this.$route.query.fileHalfName;
      const baseURL = process.env.VUE_APP_BASE_API;
      switch (fileType) {
        case "assistFile":  // 协助调查函
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createAssistPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "surveyRecordFile": // 现场检查(勘验)笔录
        case "surveyAskRecordFile":  // 询问笔录
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createSurveyPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "caseTransferLetter":  // 案件移送函
        case "noticeOfDesignatedJurisdiction":  // 指定管辖通知书
        case "notificationOfCaseSubmission":  // 案件交办通知书
        case "caseTransferLetter1":  // 案件移送函
        case "letterTransferSuspectedCriminalCase":  // 涉嫌犯罪案件移送书
        case "noticeOfRectificationOrder": // 责令改正通知书
        case "writtenDecisionOnAdministrativePenaltyOnTheSpot":  // 当场行政处罚决定书
        case "noFilingExaminationAndApprovalForm":  // 不予立案审批表
        case "revocationOfFilingApprovalForm":  // 撤销立案审批表
        case "notPunishDecisionNotice": // 不予行政处罚决定书
        case "caseHandlingOpinion":  // 案件处理意见书
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createOnrecordPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "evidenceSaveFile": // 证据先行保存通知书
        case "sealUpRecordFile":  // 查封(扣押)现场笔录
        case "sealUpDecisionFile":  // 查封(扣押)决定书
        case "sealUpDecisionGoodsList": // 查封(扣押)财物清单
        case "removeSealupFile": // 解除查封(扣押)决定书
        case "removeSealUpDecisionGoodsList": // 解除查封(扣押)财物清单
        case "filingExaminationAndApprovalForm":  // 立案审批表
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createPutrecordPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "productSureFile":  // 产品确认通知书
        case "samplingRecordFile":  // 抽样取证凭证
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createSamplingPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "noticeOfAdministrativePenaltyInAdvance":  // 行政处罚事先告知书(非听证)
        case "noticeOfHearingAdministrativePenaltyInAdvance":  // 行政处罚事先告知书(听证)
        case "noticeOfHearingOnAdministrativeTreatment":  // 行政处罚听证会通知书
        case "administrativeDispositionHearingReport":  // 行政处罚听证会报告书
        case "hearingRecord":  // 听证笔录
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createTreatPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "caseHandlingOpinionFromTreat":  // 案件处理意见书(处理页面按钮点击)
          var param = {
            id: id,
            fileType: "caseHandlingOpinion",
            fileHalfName: fileHalfName,
          };
          createTreatPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "proofOfService":  // 送达回证
        case "writtenDecisionOfAdministrativePenalty":  // 行政处罚决定书
        case "administrativePenaltyDecisionExaminationAndApprovalForm":  // 行政处罚决定审批表
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createDecisionPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "detectResultFile":  // 抽样检测结果告知书
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createEvidencePDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "noticeForExecutionOfAdministrativePenaltyDecision":  // 履行行政处罚决定催告书
        case "applicationForEnforcement":  // 强制执行申请书
        case "goodsHandleNotice":  // 登记保存物品处理通知书
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createExecutePDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "delayedOrStageNotice": // 延期（分期）缴纳罚款通知书
        case "caseEndReport": // 行政处罚结案报告
        case "punishGoodsHandleNotice": // 罚没物品处理记录
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createEndingPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "breakCaseFile": // 案件中止调查决定书
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createBreakPDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
        case "resumeCaseFile": // 案件恢复调查决定书
          var param = {
            id: id,
            fileType: fileType,
            fileHalfName: fileHalfName,
          };
          createResumePDF(param).then(response => {
            this.url = baseURL + response.msg;
            let loadingTask = pdf.createLoadingTask(this.url)
            loadingTask.promise.then(pdf => {
              this.numPages = pdf.numPages
            })
          });
          break;
      }

    },
    methods: {
      goBack(){
        window.history.go(-1)
      }
    },
  }
 </script>

 <style scoped lang="scss">
  .app-container {
    padding: 2% 0;
  }
  /deep/ .van-collapse-item__content{
    padding: 0;
  }
  .cf{
    padding: 0 3%;
    margin-top: 20PX;
    margin-bottom: 20PX;
    .van-row{
      background: #F0F3F5;
      display: flex;
      align-items: center;
      .van-col{
        padding: 5PX 0;
        font-size: 12PX!important;
        text-align: center;
        p{
          color: #1D6FE9;
          text-align: left;
          font-size: .4rem;
        }
      }
      &:first-child{
        background: transparent;
      }
    }
  }
  .header_main{
    height: 116px;
    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 36px;
    line-height: 116px;
    text-align: center;
    color: #fff;
    z-index: 999;
    .return_btn{
      width: 24px;
      height: 43.2px;
      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
      background-size: 20px 36px;
      position: absolute;
      left: 38px;
      top: 36px;
    }
    .add_btn{
      width: 56.4px;
      height: 40.8px;
      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
      background-size: 47px 34px;
      position: absolute;
      right: 38px;
      top: 36px;
    }
  }
  /deep/ .van-radio--horizontal{
    margin-left: 0.32rem;
    margin-right: 0;
  }
  .peopleList{
    padding: 0 3%;
    text-align: left;
    .van-row{
      border-bottom: 1px solid #dddddd;
      display: flex;
      align-items: center;
      &:last-child{
        border: none;
      }
      .van-col--17{
        display: flex;
        align-items: center;
        p{
          margin-left: 10PX;
        }
      }
      .van-col--7{
        display: flex;
        justify-content: space-between;
        p{
          color: #1D6FE9;
          border: 1px solid #1D6FE9;
          text-align: center;
          border-radius: 15PX;
          display: inline-block;
          padding: 5px 15px;
        }
      }
      .van-col{
        text-align: left;
        font-size: 14PX;
        color: #333333;
        padding: 15PX 0;
        img{
          display: block;
        }
      }
    }
  }
  .main_title{
    font-size: 0.4rem;
    color: #1D6FE9;
    margin: 0.2rem 6%;
    margin-top: 0;
    position: relative;
  }
  .main_box{
    width: 96%;
    margin: 0 auto;
    border-radius: 10PX;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    overflow: hidden;
    background-color: #FFF;
    .van-icon{
      vertical-align: middle;
    }
    .custom-title{
      font-size: 17PX;
      color: #333333;
      vertical-align: middle;
      line-height: 1;
      position: relative;
    }
    .tap{
      color: #1D6FE9;
    }
    .bgBlue{
      display: block;
      position: absolute;
      width: 17PX;
      height: 17PX;
      border-radius: 50%;
      background-color: rgba(29,111,233,0.26);
      top: -2PX;
      right: -8PX;
    }
  }
  .submitButton{
    width: 40%;
    margin: 0 auto;
    background-image: linear-gradient(to right, #77A6EF , #2E79E9);
    text-align: center;
    color: #ffffff;
    height: 70px;
    line-height: 70px;
    border-radius: 8PX;
    margin-top: 25PX;
    &:first-child{
      background-image: linear-gradient(to right, #21CAC3 , #17A8A2);
    }
  }
  .submit_box{
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .addFamily{
    position: absolute;
    top: -2px;
    right: 0;
    border-radius: 50%;
  }

 </style>
--- a/src/views/lawEnforcement/record/recordDocument.vue
+++ b/src/views/lawEnforcement/record/recordDocument.vue
@@ -1,77 +1,76 @@
 <template>
  <div class="app-container">
    <div class="header_main">
      文书打印
      全部文书
      <div class="return_btn" @click="onClickLeft"></div>
    </div>
    <div style="height: 58px;"></div>

    <div class="search_box">
      <div class="search">
        <input type="text" placeholder="请输入文书名" />
        <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
      </div>
    <div class="main_box">
      <van-field v-model="value" label="案件名称" placeholder="请选择案件名称" :border="false" readonly is-link @click="showPicker = true" />
    </div>

    <div class="main_box">
    <div class="main_box" style="margin-top: 15px">
      <div class="peopleList">
        <van-row v-for="(item,index) in 10" :key="index" >
          <van-col :span="20">
        <van-row v-for="(item,index) in caseDocumentList" :key="index" >
          <van-col :span="17">
            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
            <p>指定管辖通知书</p>
            <p>{{item.fileHalfName}}</p>
          </van-col>
          <van-col :span="4">
            <p>打印</p>
          <van-col :span="7">
            <p @click="$router.push({name:'lawEnforcementRecordDetail',query:{id:item.id,fileType:item.fileType,fileHalfName:item.fileHalfName}})">预览</p>
            <a href="">下载</a>
          </van-col>
        </van-row>
      </div>
    </div>

    <div class="submit_box">
      <p class="submitButton">进入任务</p>
    </div>

    <van-popup v-model="showPicker" round position="bottom">
      <van-picker
        title="选择案件"
        show-toolbar
        value-key="caseName"
        :columns="columns"
        @cancel="showPicker = false"
        @confirm="onConfirm"
      />
    </van-popup>
  </div>
 </template>

 <script>
  import { getScheme } from "@/api/lawEnforcement/index";
  import { getCaseList , getCaseDocumentList } from "@/api/lawEnforcement/index";
  export default {
    name: "programmeDetail",
    data() {
      return {
        showPopover: false,
        // 通过 actions 属性来定义菜单选项
        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
        checked:'',
        showBankType:false,
        showPayeeType:false,
        showPicker:false,
        form:{},

        bankType:'',
        payeeType:'',
        value:'',

        bankTypeOptions:[],
        payeeTypeOptions:[],
        tEnforceSchemeHandlerList:[],
        minDate: new Date(2020, 0, 1),
        maxDate: new Date(2025, 10, 1),
        currentDate: new Date(2021, 0, 17),

        activeNames: ['1'],
        activeNames1: ['1'],
        activeNames2: ['1'],
        headTitle:'',
        showPicker:false,
        columns:[],
        caseDocumentList:[]
      };
    },
    created() {
      // this.getDictionaries()
      this.getDictionaries()
    },
    methods: {
      getDictionaries(){
        getScheme(this.$route.query.id).then((response) => {
          this.form = response.data;
        let query = {
          caseProgress: ''
        }
        getCaseList(query).then((response) => {
          this.columns = response.data;
        });
      },
      onConfirm(val){
        console.log(val)
        this.showPicker = false;
        this.value = val.caseName;
        let query = {
          id:val.id,
          caseProgress:''
        }
        getCaseDocumentList(query).then((response) => {
          this.caseDocumentList = response.data;
        });
      },
      goBack(){
@@ -88,58 +87,22 @@
  /deep/ .van-collapse-item__content{
    padding: 0;
  }
  /deep/ .van-checkbox{
    justify-content: center;
  }
  .icon_box{
    display: flex;
    justify-content: space-around;
  }
  .search_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 92%;
    margin: 0PX auto;
    .select_box{
      border: 1px solid #1D6FE9;
      border-radius: 8PX;
      padding: 0 12PX ;
      background: #ffffff;
      height: 30PX;
      line-height: 30PX;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
    .search{
      background: #ffffff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin: 10PX auto;
      border: 1px solid #1D6FE9;
      padding: 1PX 1PX 1PX 12PX ;
      border-radius: 50PX;
      input{
        flex: 1;
        background: transparent;
      }
    }
  }
  .cf{
    padding: 0 3%;
    margin-top: 20PX;
    margin-bottom: 20PX;
    .van-row{
      background: #F0F3F5;
      display: flex;
      align-items: center;
      .van-col{
        padding: 5PX 0;
        font-size: 12PX!important;
        text-align: center;
        p{
          color: #1D6FE9;
          text-align: left;
          font-size: .4rem;
        }
      }
      &:first-child{
@@ -193,17 +156,17 @@
      &:last-child{
        border: none;
      }
      .van-col--20{
      .van-col--17{
        display: flex;
        align-items: center;
        p{
          margin-left: 10PX;
        }
      }
      .van-col--4{
      .van-col--7{
        display: flex;
        justify-content: right;
        p{
        justify-content: space-between;
        p,a{
          color: #1D6FE9;
          border: 1px solid #1D6FE9;
          text-align: center;
@@ -262,26 +225,30 @@
    }
  }
  .submitButton{
    width: 45%;
    width: 40%;
    margin: 0 auto;
    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
    background-image: linear-gradient(to right, #77A6EF , #2E79E9);
    text-align: center;
    color: #ffffff;
    height: 70px;
    line-height: 70px;
    border-radius: 8PX;
    margin-top: 25PX;
    &:first-child{
      background-image: linear-gradient(to right, #21CAC3 , #17A8A2);
    }
  }
  .submit_box{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    padding: 25PX 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .addFamily{
    position: absolute;
    top: -2px;
    right: 0;
    border-radius: 50%;
  }

 </style>
--- a/src/views/lawEnforcement/retrospect/retrospect.vue
+++ b/src/views/lawEnforcement/retrospect/retrospect.vue
@@ -14,10 +14,11 @@
        </van-cell>
        <van-grid :column-num="3" :border="false" square clickable>
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="农药扫码" :to="{name:'lawEnforcementRetrospectDetail'}" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="种子扫码" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="肥料扫码" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="兽药扫码" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="饲料扫码" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_19.png" text="中国农药网" @click="linkGo('http://www.icama.org.cn/hysj/index.jhtml')" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_20.png" text="中国种业网" @click="linkGo('http://202.127.42.145/bigdataNew/home/ManageOrg')" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_21.png" text="中肥网" @click="linkGo('http://www.fert.cn/')" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_22.png" text="中国兽药网" @click="linkGo('http://www.ivdc.org.cn/xxgk/syzwglpt/')" />
          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_23.png" text="中国饲料网" @click="linkGo('http://chinafeeddata.org.cn/admin/Login/slstk')" />
        </van-grid>
      </div>

@@ -76,7 +77,9 @@

    },
    methods: {

      linkGo(url){
        window.location.href = url;
      }
    },
  }
 </script>
--- a/src/views/lawEnforcement/retrospect/retrospectDetail.vue
+++ b/src/views/lawEnforcement/retrospect/retrospectDetail.vue
@@ -133,7 +133,8 @@

    width: 100%;

    height: calc(100vh - 269PX);
    height: 68vh;
  /*calc(100vh - 269PX);*/

    background: #eee;

--- a/src/views/lawEnforcement/retrospect/scan.vue
+++ b/src/views/lawEnforcement/retrospect/scan.vue
@@ -18,7 +18,7 @@

 <script>

 import Scaner from '@/components/qrcode//Scaner';
 import Scaner from '@/components/qrcode/Scaner';
 import Cookies from "js-cookie";

 export default {
--- a/static/images/agriculturalTrusteeship/insurance/shop_icon_01.png
+++ b/static/images/agriculturalTrusteeship/insurance/shop_icon_01.png
--- a/static/images/agriculturalTrusteeship/insurance/shop_icon_02.png
+++ b/static/images/agriculturalTrusteeship/insurance/shop_icon_02.png
--- a/static/images/agriculturalTrusteeship/insurance/shop_icon_03.png
+++ b/static/images/agriculturalTrusteeship/insurance/shop_icon_03.png
--- a/static/images/agriculturalTrusteeship/insurance/shop_icon_add.png
+++ b/static/images/agriculturalTrusteeship/insurance/shop_icon_add.png
--- a/static/images/agriculturalTrusteeship/insurance/shop_icon_com.png
+++ b/static/images/agriculturalTrusteeship/insurance/shop_icon_com.png
--- a/static/images/agriculturalTrusteeship/insurance/shop_icon_edit.png
+++ b/static/images/agriculturalTrusteeship/insurance/shop_icon_edit.png
--- a/static/images/agriculturalTrusteeship/insurance/shop_icon_phone.png
+++ b/static/images/agriculturalTrusteeship/insurance/shop_icon_phone.png
--- a/static/images/agriculturalTrusteeship/insurance/society_list_head.png
+++ b/static/images/agriculturalTrusteeship/insurance/society_list_head.png
--- a/static/images/agriculturalTrusteeship/insurance/submit_shop_btn.png
+++ b/static/images/agriculturalTrusteeship/insurance/submit_shop_btn.png
--- a/static/images/agriculturalTrusteeship/login/login_bg.png
+++ b/static/images/agriculturalTrusteeship/login/login_bg.png
--- a/static/images/agriculturalTrusteeship/login/login_icon_01.png
+++ b/static/images/agriculturalTrusteeship/login/login_icon_01.png
--- a/static/images/agriculturalTrusteeship/login/login_icon_02.png
+++ b/static/images/agriculturalTrusteeship/login/login_icon_02.png
--- a/static/images/agriculturalTrusteeship/login/login_icon_03.png
+++ b/static/images/agriculturalTrusteeship/login/login_icon_03.png
--- a/static/images/agriculturalTrusteeship/login/login_icon_04.png
+++ b/static/images/agriculturalTrusteeship/login/login_icon_04.png
--- a/static/images/agriculturalTrusteeship/login/login_icon_05.png
+++ b/static/images/agriculturalTrusteeship/login/login_icon_05.png
--- a/static/images/agriculturalTrusteeship/login/login_icon_06.png
+++ b/static/images/agriculturalTrusteeship/login/login_icon_06.png
--- a/static/images/agriculturalTrusteeship/login/login_icon_name.png
+++ b/static/images/agriculturalTrusteeship/login/login_icon_name.png
--- a/static/images/agriculturalTrusteeship/login/login_icon_password.png
+++ b/static/images/agriculturalTrusteeship/login/login_icon_password.png
--- a/static/images/agriculturalTrusteeship/test3.png
+++ b/static/images/agriculturalTrusteeship/test3.png
--- a/static/images/lawEnforcement/new/index_icon_08.png
+++ b/static/images/lawEnforcement/new/index_icon_08.png
--- a/static/images/lawEnforcement/new/index_icon_09.png
+++ b/static/images/lawEnforcement/new/index_icon_09.png
--- a/static/images/lawEnforcement/new/index_icon_10.png
+++ b/static/images/lawEnforcement/new/index_icon_10.png
--- a/static/images/lawEnforcement/new/retrospect_icon_19.png
+++ b/static/images/lawEnforcement/new/retrospect_icon_19.png
--- a/static/images/lawEnforcement/new/retrospect_icon_20.png
+++ b/static/images/lawEnforcement/new/retrospect_icon_20.png
--- a/static/images/lawEnforcement/new/retrospect_icon_21.png
+++ b/static/images/lawEnforcement/new/retrospect_icon_21.png
--- a/static/images/lawEnforcement/new/retrospect_icon_22.png
+++ b/static/images/lawEnforcement/new/retrospect_icon_22.png
--- a/static/images/lawEnforcement/new/retrospect_icon_23.png
+++ b/static/images/lawEnforcement/new/retrospect_icon_23.png