农业执法

src/router/index.js

@@ -3493,6 +3493,114 @@ export const constantRoutes = [
       hidden: true,
     },
     component: (resolve) => require(['@/views/lawEnforcement/userNew/changePassword'], resolve)
+  },
+  { ////农业执法（新）-- 查农药
+    path: '/lawEnforcement/pesticides',
+    name: 'lawEnforcementPesticides',
+    meta: {
+      title: '查农药',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/pesticides'], resolve)
+  },
+  { ////农业执法（新）-- 查农药
+    path: '/lawEnforcement/pesticidesDetail',
+    name: 'lawEnforcementPesticidesDetail',
+    meta: {
+      title: '查农药',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/pesticidesDetail'], resolve)
+  },
+  { ////农业执法（新）-- 查种子
+    path: '/lawEnforcement/seed',
+    name: 'lawEnforcementSeed',
+    meta: {
+      title: '查种子',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/seed'], resolve)
+  },
+  { ////农业执法（新）-- 查种子
+    path: '/lawEnforcement/seedDetail',
+    name: 'lawEnforcementSeedDetail',
+    meta: {
+      title: '查种子',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/seedDetail'], resolve)
+  },
+  { ////农业执法（新）-- 查肥料
+    path: '/lawEnforcement/fertilizer',
+    name: 'lawEnforcementFertilizer',
+    meta: {
+      title: '查肥料',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/fertilizer'], resolve)
+  },
+  { ////农业执法（新）-- 查肥料
+    path: '/lawEnforcement/fertilizerDetail',
+    name: 'lawEnforcementFertilizerDetail',
+    meta: {
+      title: '查肥料',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/fertilizerDetail'], resolve)
+  },
+  { ////农业执法（新）-- 查兽药
+    path: '/lawEnforcement/veterinary',
+    name: 'lawEnforcementVeterinary',
+    meta: {
+      title: '查兽药',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/veterinary'], resolve)
+  },
+  { ////农业执法（新）-- 查兽药
+    path: '/lawEnforcement/veterinaryDetail',
+    name: 'lawEnforcementVeterinaryDetail',
+    meta: {
+      title: '查兽药',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/veterinaryDetail'], resolve)
+  },
+  { ////农业执法（新）-- 查饲料
+    path: '/lawEnforcement/feed',
+    name: 'lawEnforcementFeed',
+    meta: {
+      title: '查饲料',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/feed'], resolve)
+  },
+  { ////农业执法（新）-- 查饲料
+    path: '/lawEnforcement/feedDetail',
+    name: 'lawEnforcementFeedDetail',
+    meta: {
+      title: '查饲料',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/feedDetail'], resolve)
+  },
+  { ////农业执法（新）-- 查农产品
+    path: '/lawEnforcement/product',
+    name: 'lawEnforcementProduct',
+    meta: {
+      title: '查农产品',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/product'], resolve)
+  },
+  { ////农业执法（新）-- 查农产品
+    path: '/lawEnforcement/productDetail',
+    name: 'lawEnforcementProductDetail',
+    meta: {
+      title: '查农产品',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/trace/productDetail'], resolve)
   }
 ];
 

src/views/lawEnforcement/caseAllocation/caseAllocation.vue

@@ -11,7 +11,7 @@
           <input type="text" placeholder="请输入搜索内容" />
           <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
         </div>
-        <img src="../../../../static/images/lawEnforcement/new/list_icon_03.png"/>
+<!--        <img src="../../../../static/images/lawEnforcement/new/list_icon_03.png"/>-->
       </div>
 
 
@@ -193,11 +193,12 @@
         display: flex;
         justify-content: space-between;
         align-items: center;
-        width: 80%;
+        width: 100%;
         margin: 10PX auto;
         border: 1px solid #1D6FE9;
         padding: 1PX 1PX 1PX 12PX ;
         border-radius: 50PX;
+        margin-left: 10PX;
         input{
           flex: 1;
           background: transparent;
@@ -242,7 +243,7 @@
   font-family: Arial;
   font-size: 0.4rem;
   font-weight: normal;
-  color: #1D6FE9;
+  color: #666666;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;

src/views/lawEnforcement/index_new.vue

@@ -7,7 +7,7 @@
 
     <div class="search">
       <img src="../../../static/images/lawEnforcement/new/index_icon_03.png">
-      <input type="text" placeholder="请输入搜索内容" />
+      <input type="text" placeholder="请输入执法依据名称" />
       <img src="../../../static/images/lawEnforcement/new/index_icon_04.png">
     </div>
 

src/views/lawEnforcement/retrospect/retrospect.vue

@@ -18,27 +18,27 @@
 
       <div class="main_box">
         <van-grid :column-num="3" :border="false" square clickable>
-          <van-grid-item>
+          <van-grid-item :to="{name:'lawEnforcementPesticides'}">
             <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_04.png" />
             <p>查农药</p>
           </van-grid-item>
-          <van-grid-item>
+          <van-grid-item :to="{name:'lawEnforcementSeed'}">
             <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_05.png" />
             <p>查种子</p>
           </van-grid-item>
-          <van-grid-item>
+          <van-grid-item :to="{name:'lawEnforcementFertilizer'}">
             <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_06.png" />
             <p>查肥料</p>
           </van-grid-item>
-          <van-grid-item>
+          <van-grid-item :to="{name:'lawEnforcementVeterinary'}">
             <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_07.png" />
             <p>查兽药</p>
           </van-grid-item>
-          <van-grid-item>
+          <van-grid-item :to="{name:'lawEnforcementFeed'}">
             <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_08.png" />
             <p>查饲料</p>
           </van-grid-item>
-          <van-grid-item>
+          <van-grid-item :to="{name:'lawEnforcementProduct'}">
             <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_09.png" />
             <p>查农产品</p>
           </van-grid-item>

src/views/lawEnforcement/trace/feed.vue

@@ -0,0 +1,258 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查饲料
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <div class="main_box">
+        <van-field v-model="value" :border="false" label="饲料许可证号" placeholder="请输入饲料许可证号" input-align="right" />
+        <van-field v-model="value" :border="false" label="生产厂家" placeholder="请输入生产厂家" input-align="right" />
+        <van-field v-model="value" :border="false" label="商品名称" placeholder="请输入商品名称" input-align="right" />
+        <van-field v-model="value" :border="false" label="产品通用名称" placeholder="请输入产品通用名称" input-align="right" />
+      </div>
+
+      <p class="submitButton">立即查询</p>
+
+      <div class="list_box" v-for="(item,index) in 10" :key="index">
+        <van-cell center :to="{name:'lawEnforcementFeedDetail', query: {id:item.id}}">
+          <template #title>
+            <div class="tt">
+              <span>添加剂预混合饲料</span>
+              <span>3年</span>
+            </div>
+            <div class="first">
+              <span>鲁饲预(2015)07025</span>
+              <span>维生素预混合饲料</span>
+            </div>
+          </template>
+          <template #label>
+            <div class="label">
+              <p>佛山市银辉作物科学有限公司</p>
+            </div>
+          </template>
+        </van-cell>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -150PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 90%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 20PX 5PX;
+    .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: 70%;
+    margin: 25PX auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  /deep/.van-cell__title{
+    .tt{
+      display: flex;
+      justify-content: space-between;
+      span:first-child{
+        background: url('../../../../static/images/lawEnforcement/icon/pesticides_icon_05.png') no-repeat left center;
+        padding-left: 20PX;
+      }
+      span:last-child{
+        color: #1D6FE9;
+      }
+    }
+    .first{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 5PX;
+      span{
+        color: #1D6FE9;
+        font-size: 0.35rem;
+        &:first-child{
+          background: rgba(29,111,233,0.2);
+          padding: 3PX 5PX;
+          line-height: 1;
+          border-radius: 3PX;
+        }
+        &:last-child{
+          color: #666666;
+        }
+      }
+    }
+    .dress{
+      font-size: .35rem;
+      color: #1CB8B1;
+      margin-top: 5PX;
+    }
+    span{
+      font-family: Arial;
+      font-size: 0.4rem;
+      font-weight: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+    }
+  }
+  .list_box{
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    width: 94%;
+    margin: 0 auto 10PX;
+    padding: 12PX 0;
+    background: #ffffff;
+    border-radius: 8PX;
+  }
+  .label {
+    display: flex;
+    justify-content: space-between;
+    p{
+      display: inline-block;
+      font-size: 0.35rem;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/feedDetail.vue

@@ -0,0 +1,151 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查饲料
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <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>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -170PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .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;
+    padding: 20PX 5PX;
+    .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;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/fertilizer.vue

@@ -0,0 +1,355 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查肥料
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+
+
+
+      <div class="main_box">
+        <van-field v-model="value" :border="false" label="登记账号" placeholder="请输入登记账号" input-align="right" />
+        <van-field v-model="value" :border="false" label="企业名称" placeholder="请输入企业名称" input-align="right" />
+        <van-field v-model="value" :border="false" label="产品通用名称" placeholder="请输入产品通用名称" input-align="right" />
+        <van-field v-model="value" :border="false" label="产品商品名称" placeholder="请输入产品商品名称" input-align="right" />
+      </div>
+
+      <p class="submitButton">立即查询</p>
+
+      <div class="list_box" v-for="(item,index) in 10" :key="index">
+        <van-cell center :to="{name:'lawEnforcementFertilizerDetail', query: {id:item.id}}">
+          <template #title>
+            <div class="tt">
+              <span>生物有机肥</span>
+              <span>粉剂</span>
+            </div>
+            <div class="first">
+              <span>微生物肥(2021)准字(9348)号</span>
+              <span>生物有机肥</span>
+            </div>
+          </template>
+          <template #label>
+            <div class="label">
+              <p>佛山市银辉作物科学有限公司</p>
+              <p>2026-12-25</p>
+            </div>
+          </template>
+        </van-cell>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .top_box{
+    line-height: 1;
+    text-align: left;
+    width: 85%;
+    margin: 0 auto;
+    padding-bottom: 10PX;
+    background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_14.png') no-repeat right bottom;
+    .top_01{
+      display: flex;
+      align-items: center;
+      font-size: 0.4rem;
+      margin-top: 15PX;
+      img{
+        margin-right: 10PX;
+      }
+    }
+    .tt{
+      font-size: 0.7rem;
+      margin-top: 15PX;
+    }
+    .top_02{
+      display: flex;
+      align-items: center;
+      font-size: 0.3rem;
+      margin-top: 15PX;
+      i{
+        display: inline-block;
+        width: 15PX;
+        height: 15PX;
+        margin-right: 3PX;
+      }
+      p{
+        display: flex;
+        align-items: center;
+        margin-right: 10PX;
+        &:nth-child(1){
+          i{
+            background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_11.png') no-repeat center;
+            background-size: auto 15PX;
+          }
+        }
+        &:nth-child(2){
+          i{
+            background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_12.png') no-repeat center;
+            background-size: auto 15PX;
+          }
+        }
+        &:nth-child(3){
+          i{
+            background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_13.png') no-repeat center;
+            background-size: auto 15PX;
+          }
+        }
+      }
+    }
+  }
+  .main{
+    position: relative;
+    top: -150PX;
+  }
+  .center_box{
+    text-align: center;
+    padding: 30PX 0!important;
+    p{
+      margin-top: 15PX;
+      &:nth-child(2){
+        font-size: 0.4rem;
+        color: #59C145;
+      }
+      &:nth-child(3){
+        font-size: 0.4rem;
+        color: #B4B0B0;
+        display: inline-block;
+        background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_16.png') no-repeat left center;
+        padding-left: 20PX;
+      }
+    }
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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-right: 3%;
+    .van-row{
+      margin-bottom: 10PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+      }
+      &:first-child{
+        .van-col{
+          color: #1D6FE9;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 90%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 20PX 5PX;
+    .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: 70%;
+    margin: 25PX auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  /deep/.van-cell__title{
+    .tt{
+      display: flex;
+      justify-content: space-between;
+      span:first-child{
+        background: url('../../../../static/images/lawEnforcement/icon/pesticides_icon_03.png') no-repeat left center;
+        padding-left: 20PX;
+      }
+      span:last-child{
+        color: #1D6FE9;
+      }
+    }
+    .first{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 5PX;
+      span{
+        color: #1D6FE9;
+        font-size: 0.35rem;
+        &:first-child{
+          background: rgba(29,111,233,0.2);
+          padding: 3PX 5PX;
+          line-height: 1;
+          border-radius: 3PX;
+        }
+        &:last-child{
+          color: #666666;
+        }
+      }
+    }
+    .dress{
+      font-size: .35rem;
+      color: #1CB8B1;
+      margin-top: 5PX;
+    }
+    span{
+      font-family: Arial;
+      font-size: 0.4rem;
+      font-weight: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+    }
+  }
+  .list_box{
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    width: 94%;
+    margin: 0 auto 10PX;
+    padding: 12PX 0;
+    background: #ffffff;
+    border-radius: 8PX;
+  }
+  .label {
+    display: flex;
+    justify-content: space-between;
+    p{
+      display: inline-block;
+      font-size: 0.35rem;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/fertilizerDetail.vue

@@ -0,0 +1,157 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查肥料
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <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="登记号" />
+        <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 { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -170PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .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;
+    padding: 20PX 5PX;
+    .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;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/pesticides.vue

@@ -0,0 +1,349 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查农药
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <div class="main_box">
+        <van-field v-model="value" :border="false" label="登记证号" placeholder="请输入登记证号" input-align="right" />
+        <van-field v-model="value" :border="false" label="农药名称" placeholder="请输入农药名称" input-align="right" />
+        <van-field v-model="value" :border="false" label="登记证持有人" placeholder="请输入登记证持有人" input-align="right" />
+        <van-field v-model="value" :border="false" label="农药种类" placeholder="请选择" input-align="right" is-link arrow-direction="down" />
+        <van-field v-model="value" :border="false" label="全部剂型" placeholder="请选择" input-align="right" is-link arrow-direction="down" />
+      </div>
+
+      <p class="submitButton">立即查询</p>
+
+      <div class="list_box" v-for="(item,index) in 10" :key="index">
+        <van-cell center :to="{name:'lawEnforcementPesticidesDetail', query: {id:item.id}}">
+          <template #title>
+            <div class="tt">
+              <span>吡蚜酮</span>
+              <span>25%</span>
+            </div>
+            <div class="first">
+              <span>466156066</span>
+              <span>除虫剂</span>
+              <span>可湿性粉剂</span>
+            </div>
+            <p class="dress">佛山市银辉作物科学有限公司</p>
+          </template>
+          <template #label>
+            <div class="label">
+              <p>有效期始 2021-12-25</p>
+              <p>有效期至 2026-12-25</p>
+            </div>
+          </template>
+        </van-cell>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .top_box{
+    line-height: 1;
+    text-align: left;
+    width: 85%;
+    margin: 0 auto;
+    padding-bottom: 10PX;
+    background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_14.png') no-repeat right bottom;
+    .top_01{
+      display: flex;
+      align-items: center;
+      font-size: 0.4rem;
+      margin-top: 15PX;
+      img{
+        margin-right: 10PX;
+      }
+    }
+    .tt{
+      font-size: 0.7rem;
+      margin-top: 15PX;
+    }
+    .top_02{
+      display: flex;
+      align-items: center;
+      font-size: 0.3rem;
+      margin-top: 15PX;
+      i{
+        display: inline-block;
+        width: 15PX;
+        height: 15PX;
+        margin-right: 3PX;
+      }
+      p{
+        display: flex;
+        align-items: center;
+        margin-right: 10PX;
+        &:nth-child(1){
+          i{
+            background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_11.png') no-repeat center;
+            background-size: auto 15PX;
+          }
+        }
+        &:nth-child(2){
+          i{
+            background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_12.png') no-repeat center;
+            background-size: auto 15PX;
+          }
+        }
+        &:nth-child(3){
+          i{
+            background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_13.png') no-repeat center;
+            background-size: auto 15PX;
+          }
+        }
+      }
+    }
+  }
+  .main{
+    position: relative;
+    top: -150PX;
+  }
+  .center_box{
+    text-align: center;
+    padding: 30PX 0!important;
+    p{
+      margin-top: 15PX;
+      &:nth-child(2){
+        font-size: 0.4rem;
+        color: #59C145;
+      }
+      &:nth-child(3){
+        font-size: 0.4rem;
+        color: #B4B0B0;
+        display: inline-block;
+        background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_16.png') no-repeat left center;
+        padding-left: 20PX;
+      }
+    }
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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-right: 3%;
+    .van-row{
+      margin-bottom: 10PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+      }
+      &:first-child{
+        .van-col{
+          color: #1D6FE9;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 90%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 20PX 5PX;
+    .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: 70%;
+    margin: 25PX auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  /deep/.van-cell__title{
+    .tt{
+      display: flex;
+      justify-content: space-between;
+      span:first-child{
+        background: url('../../../../static/images/lawEnforcement/icon/pesticides_icon_01.png') no-repeat left center;
+        padding-left: 15PX;
+      }
+    }
+    .first{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 5PX;
+      span{
+        color: #1D6FE9;
+        font-size: 0.35rem;
+        &:first-child{
+          background: rgba(29,111,233,0.2);
+          padding: 3PX 5PX;
+          line-height: 1;
+          border-radius: 3PX;
+        }
+      }
+    }
+    .dress{
+      font-size: .35rem;
+      color: #1CB8B1;
+      margin-top: 5PX;
+    }
+    span{
+      font-family: Arial;
+      font-size: 0.4rem;
+      font-weight: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+    }
+  }
+  .list_box{
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    width: 94%;
+    margin: 0 auto 10PX;
+    padding: 12PX 0;
+    background: #ffffff;
+    border-radius: 8PX;
+  }
+  .label {
+    display: flex;
+    justify-content: space-between;
+    p{
+      display: inline-block;
+      font-size: 0.35rem;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/pesticidesDetail.vue

@@ -0,0 +1,168 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查农药
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <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="登记号" />
+        <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" style="margin-top: 10PX;">
+        <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="登记号" />
+        <van-cell title="备注" :border="false" value="登记号" />
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -170PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .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;
+    padding: 20PX 5PX;
+    .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;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/product.vue

@@ -0,0 +1,259 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查农产品
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <div class="main_box">
+        <van-field v-model="value" :border="false" label="证书编号" placeholder="请输入证书编号" input-align="right" />
+        <van-field v-model="value" :border="false" label="产品名称" placeholder="请输入产品名称" input-align="right" />
+        <van-field v-model="value" :border="false" label="产品类别" placeholder="请输入产品类别" input-align="right" />
+        <van-field v-model="value" :border="false" label="农产品类型" placeholder="请输入农产品类型" input-align="right" />
+      </div>
+
+      <p class="submitButton">立即查询</p>
+
+      <div class="list_box" v-for="(item,index) in 10" :key="index">
+        <van-cell center :to="{name:'lawEnforcementProductDetail', query: {id:item.id}}">
+          <template #title>
+            <div class="tt">
+              <span>玉米</span>
+              <span>有机食品</span>
+            </div>
+            <div class="first">
+              <span>135OP1600299</span>
+              <span>玉米</span>
+            </div>
+          </template>
+          <template #label>
+            <div class="label">
+              <p>佛山市银辉作物科学有限公司</p>
+              <p>5年</p>
+            </div>
+          </template>
+        </van-cell>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -150PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 90%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 20PX 5PX;
+    .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: 70%;
+    margin: 25PX auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  /deep/.van-cell__title{
+    .tt{
+      display: flex;
+      justify-content: space-between;
+      span:first-child{
+        background: url('../../../../static/images/lawEnforcement/icon/pesticides_icon_06.png') no-repeat left center;
+        padding-left: 20PX;
+      }
+      span:last-child{
+        color: #1CB8B1;
+      }
+    }
+    .first{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 5PX;
+      span{
+        color: #1D6FE9;
+        font-size: 0.35rem;
+        &:first-child{
+          background: rgba(29,111,233,0.2);
+          padding: 3PX 5PX;
+          line-height: 1;
+          border-radius: 3PX;
+        }
+        &:last-child{
+          color: #666666;
+        }
+      }
+    }
+    .dress{
+      font-size: .35rem;
+      color: #1CB8B1;
+      margin-top: 5PX;
+    }
+    span{
+      font-family: Arial;
+      font-size: 0.4rem;
+      font-weight: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+    }
+  }
+  .list_box{
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    width: 94%;
+    margin: 0 auto 10PX;
+    padding: 12PX 0;
+    background: #ffffff;
+    border-radius: 8PX;
+  }
+  .label {
+    display: flex;
+    justify-content: space-between;
+    p{
+      display: inline-block;
+      font-size: 0.35rem;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/productDetail.vue

@@ -0,0 +1,154 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查农产品
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <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="登记号" />
+        <van-cell title="企业地址" :border="false" value="登记号" />
+        <van-cell title="企业信息码" :border="false" value="登记号" />
+        <van-cell title="备注" :border="false" value="登记号" />
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -170PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .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;
+    padding: 20PX 5PX;
+    .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;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/seed.vue

@@ -0,0 +1,247 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查种子
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <div class="main_box">
+        <van-field v-model="value" :border="false" label="作物种类" placeholder="作物种类" input-align="right" />
+        <van-field v-model="value" :border="false" label="品种名称" placeholder="品种名称" input-align="right" />
+        <van-field v-model="value" :border="false" label="审定登记编号" placeholder="审定登记编号" input-align="right" />
+        <van-field v-model="value" :border="false" label="审定登记单位" placeholder="审定登记单位" input-align="right" />
+      </div>
+
+      <p class="submitButton">立即查询</p>
+
+      <div class="list_box" v-for="(item,index) in 10" :key="index">
+        <van-cell center :to="{name:'lawEnforcementSeedDetail', query: {id:item.id}}">
+          <template #title>
+            <div class="tt">
+              <span>皖垦玉1号</span>
+              <span>皖玉2016003</span>
+            </div>
+          </template>
+          <template #label>
+            <div class="label">
+              <p>佛山市银辉作物科学有限公司</p>
+              <p>玉米</p>
+            </div>
+          </template>
+        </van-cell>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -150PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .main_box{
+    width: 90%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 20PX 5PX;
+    .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: 70%;
+    margin: 25PX auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+  /deep/.van-cell__title{
+    .tt{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      span:first-child{
+        background: url('../../../../static/images/lawEnforcement/icon/pesticides_icon_02.png') no-repeat left center;
+        padding-left: 25PX;
+      }
+      span:last-child{
+        color: #1D6FE9;
+        font-size: 0.35rem;
+        background: rgba(29,111,233,0.2);
+        padding: 3PX 5PX;
+        line-height: 1;
+        border-radius: 3PX;
+      }
+    }
+    .first{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 5PX;
+      span{
+        color: #1D6FE9;
+        font-size: 0.35rem;
+        &:first-child{
+          background: rgba(29,111,233,0.2);
+          padding: 3PX 5PX;
+          line-height: 1;
+          border-radius: 3PX;
+        }
+      }
+    }
+    .dress{
+      font-size: .35rem;
+      color: #1CB8B1;
+      margin-top: 5PX;
+    }
+    span{
+      font-family: Arial;
+      font-size: 0.4rem;
+      font-weight: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+    }
+  }
+  .list_box{
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    width: 94%;
+    margin: 0 auto 10PX;
+    padding: 12PX 0;
+    background: #ffffff;
+    border-radius: 8PX;
+  }
+  .label {
+    display: flex;
+    justify-content: space-between;
+    p{
+      display: inline-block;
+      font-size: 0.35rem;
+      &:last-child{
+        color: #666666;
+      }
+    }
+  }
+</style>

src/views/lawEnforcement/trace/seedDetail.vue

@@ -0,0 +1,175 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查种子
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <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" style="margin-top: 10PX;">
+        <van-cell title="品种来源" :border="false" value="登记号" />
+      </div>
+
+      <div class="main_box" style="margin-top: 10PX;">
+        <van-cell title="特征特性" :border="false" value="登记号" />
+      </div>
+
+      <div class="main_box" style="margin-top: 10PX;">
+        <van-cell title="产量表现" :border="false" value="登记号" />
+      </div>
+
+      <div class="main_box" style="margin-top: 10PX;">
+        <van-cell title="栽培技术要点" :border="false" value="登记号" />
+      </div>
+
+      <div class="main_box" style="margin-top: 10PX;">
+        <van-cell title="适宜种植区域" :border="false" value="登记号" />
+      </div>
+
+      <div class="main_box" style="margin-top: 10PX;">
+        <van-cell title="备注" :border="false" value="登记号" />
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -170PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .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;
+    padding: 20PX 5PX;
+    .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;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/veterinary.vue

@@ -0,0 +1,259 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查兽药
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <div class="main_box">
+        <van-field v-model="value" :border="false" label="产品批准文号" placeholder="请输入产品批准文号" input-align="right" />
+        <van-field v-model="value" :border="false" label="生产企业名称" placeholder="请输入生产企业名称" input-align="right" />
+        <van-field v-model="value" :border="false" label="商品名称" placeholder="请输入商品名称" input-align="right" />
+        <van-field v-model="value" :border="false" label="产品通用名称" placeholder="请输入产品通用名称" input-align="right" />
+      </div>
+
+      <p class="submitButton">立即查询</p>
+
+      <div class="list_box" v-for="(item,index) in 10" :key="index">
+        <van-cell center :to="{name:'lawEnforcementVeterinaryDetail', query: {id:item.id}}">
+          <template #title>
+            <div class="tt">
+              <span>茯苓多糖散</span>
+              <span>3年</span>
+            </div>
+            <div class="first">
+              <span>(2018)新兽药证字3号</span>
+              <span>茯苓多糖散</span>
+            </div>
+          </template>
+          <template #label>
+            <div class="label">
+              <p>佛山市银辉作物科学有限公司</p>
+              <p>2026-12-25</p>
+            </div>
+          </template>
+        </van-cell>
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -150PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 90%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 20PX 5PX;
+    .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: 70%;
+    margin: 25PX auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  /deep/.van-cell__title{
+    .tt{
+      display: flex;
+      justify-content: space-between;
+      span:first-child{
+        background: url('../../../../static/images/lawEnforcement/icon/pesticides_icon_04.png') no-repeat left center;
+        padding-left: 30PX;
+      }
+      span:last-child{
+        color: #1D6FE9;
+      }
+    }
+    .first{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 5PX;
+      span{
+        color: #1D6FE9;
+        font-size: 0.35rem;
+        &:first-child{
+          background: rgba(29,111,233,0.2);
+          padding: 3PX 5PX;
+          line-height: 1;
+          border-radius: 3PX;
+        }
+        &:last-child{
+          color: #666666;
+        }
+      }
+    }
+    .dress{
+      font-size: .35rem;
+      color: #1CB8B1;
+      margin-top: 5PX;
+    }
+    span{
+      font-family: Arial;
+      font-size: 0.4rem;
+      font-weight: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+    }
+  }
+  .list_box{
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    width: 94%;
+    margin: 0 auto 10PX;
+    padding: 12PX 0;
+    background: #ffffff;
+    border-radius: 8PX;
+  }
+  .label {
+    display: flex;
+    justify-content: space-between;
+    p{
+      display: inline-block;
+      font-size: 0.35rem;
+    }
+  }
+</style>

src/views/lawEnforcement/trace/veterinaryDetail.vue

@@ -0,0 +1,153 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查兽药
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <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="登记号" />
+        <van-cell title="有效期限" :border="false" value="登记号" />
+        <van-cell title="备注" :border="false" value="登记号" />
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 180PX;
+  }
+  .app-container {
+
+  }
+  .main{
+    position: relative;
+    top: -170PX;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.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;
+    }
+  }
+  .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;
+    padding: 20PX 5PX;
+    .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;
+    }
+  }
+</style>