农业执法移动端切图

src/components/common/law_footer.vue

@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <router-view />
+    <van-tabbar route :placeholder="true" >
+      <van-tabbar-item replace to="/lawEnforcement" icon="wap-home-o">首页</van-tabbar-item>
+      <van-tabbar-item replace to="/lawEnforcement/caseList" icon="apps-o">案件</van-tabbar-item>
+      <van-tabbar-item replace to="/lawEnforcement/productsList" icon="shop-o">农用品</van-tabbar-item>
+      <van-tabbar-item replace to="/lawEnforcement/user" icon="contact">我的</van-tabbar-item>
+    </van-tabbar>
+  </div>
+</template>
+<script>
+export default {
+  name: "law",
+  data() {
+    return {
+      active: 0,
+    };
+  },
+  created() {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped >
+
+>>> .van-tabbar{
+  height:1.5rem;
+}
+</style>

src/main.js

@@ -42,11 +42,11 @@ Vue.use(VueHtml5Editor,{
   // if set true,will append module name to toolbar after icon
   showModuleName: false,
   // 自定义各个图标的class，默认使用的是font-awesome提供的图标
-  // custom icon class of built-in modules,default using font-awesome
+  // custom icon class of built-in modules,default using fonts-awesome
   icons: {
     text: "fa fa-pencil",
     color: "fa fa-paint-brush",
-    font: "fa fa-font",
+    font: "fa fa-fonts",
     align: "fa fa-align-justify",
     list: "fa fa-list",
     link: "fa fa-chain",

src/permission.js

@@ -38,7 +38,20 @@ const whiteList = [
   '/circulationList',
   '/circulationAdd',
   '/onlineHomeLogin',
-
+  '/lawEnforcement',
+  '/lawEnforcement/caseList',
+  '/lawEnforcement/productsList',
+  '/lawEnforcement/user',
+  '/lawEnforcement/programme',
+  '/lawEnforcement/programmeDetail',
+  '/lawEnforcement/programmeModify',
+  '/lawEnforcement/programmeApproval',
+  '/lawEnforcement/complaint',
+  '/lawEnforcement/reply',
+  '/lawEnforcement/changePassword',
+  '/lawEnforcement/feedback',
+  '/lawEnforcement/feedbackForm',
+  '/lawEnforcement/agreement',
 ]
 
 router.beforeEach((to, from, next) => {

src/router/index.js

@@ -1454,7 +1454,133 @@ export const constantRoutes = [
       hidden: true,
     },
     component: (resolve) => require(['@/views/onlineHome/farmerPortrait'], resolve)
-  }
+  },
+  {
+    path: '/lawEnforcement',
+    name: 'lawEnforcement',
+    meta: {
+      title: '农业综合执法公众平台',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/index'], resolve)
+  },
+  {
+    path: '/lawEnforcement/caseList',
+    name: 'caseList',
+    meta: {
+      title: '案件',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/case/caseList'], resolve)
+  },
+  {
+    path: '/lawEnforcement/productsList',
+    name: 'caseList',
+    meta: {
+      title: '农用品库',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/products/productsList'], resolve)
+  },
+  {
+    path: '/lawEnforcement/user',
+    name: 'user',
+    meta: {
+      title: '个人中心',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/user/index'], resolve)
+  },
+  {
+    path: '/lawEnforcement/programme',
+    name: 'programme',
+    meta: {
+      title: '方案管理',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/programme/programmeList'], resolve)
+  },
+  {
+    path: '/lawEnforcement/programmeDetail',
+    name: 'programmeDetail',
+    meta: {
+      title: '查看方案信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/programme/programmeDetail'], resolve)
+  },
+  {
+    path: '/lawEnforcement/programmeModify',
+    name: 'programmeModify',
+    meta: {
+      title: '修改方案信息',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/programme/programmeModify'], resolve)
+  },
+  {
+    path: '/lawEnforcement/programmeApproval',
+    name: 'programmeApproval',
+    meta: {
+      title: '审批历史',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/programme/programmeApproval'], resolve)
+  },
+  {
+    path: '/lawEnforcement/complaint',
+    name: 'complaint',
+    meta: {
+      title: '投诉回复',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/complaint/complaintList'], resolve)
+  },
+  {
+    path: '/lawEnforcement/reply',
+    name: 'reply',
+    meta: {
+      title: '投诉回复',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/complaint/reply'], resolve)
+  },
+  {
+    path: '/lawEnforcement/changePassword',
+    name: 'changePassword',
+    meta: {
+      title: '修改密码',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/changePassword/index'], resolve)
+  },
+  {
+    path: '/lawEnforcement/feedback',
+    name: 'feedback',
+    meta: {
+      title: '帮助反馈',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/feedback/index'], resolve)
+  },
+  {
+    path: '/lawEnforcement/feedbackForm',
+    name: 'feedbackForm',
+    meta: {
+      title: '我要反馈',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/feedback/feedbackForm'], resolve)
+  },
+  {
+    path: '/lawEnforcement/agreement',
+    name: 'agreement',
+    meta: {
+      title: '产品协议',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/agreement/index'], resolve)
+  },
 ];
 
 

src/views/homestead/index.vue

@@ -4602,7 +4602,7 @@ export default {
           }
         }
         // .title_m {
-        //   font-size: 28px;
+        //   fonts-size: 28px;
         //   flex: 0 0 50px;
         //   white-space: nowrap;
         //   text-overflow: ellipsis;

src/views/lawEnforcement/agreement/index.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="产品协议"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div class="textareaBox">
+      <p class="title">产品协议(草案)</p>
+      <p style="margin-bottom: 15px">欢迎您来到农业执法APP。</p>
+      <p style="margin-bottom: 30px">请您仔细阅读以下条款，如果您对本协议的任何条款表示异议，您可以选择不进入。当您注册成功，无论是进入App，还是在农业执法上发布任何内容（即内容），均意味着您（即用户）完全接受本协议项下的全部条款。</p>
+      <p class="title">使用规则</p>
+      <p style="margin-bottom: 30px">1. 用户注册成功后，农业执法将给予每个用户一个用户帐号及相应的密码，该用户帐号和密码由用户负责保管；用户应当对以其用户帐号进行的所有活动和事件负法律责任。</p>
+      <p style="margin-bottom: 30px">2. 用户须对在农业执法的注册信息的真实性、合法性、有效性承担全部责任，用户不得冒充他人；不得利用他人的名义发布任何信息；不得恶意使用注册帐号导致其他用户误认；否则知乎有权立即停止提供服务，收回其帐号并由用户独自承担由此而产生的一切法律责任。</p>
+      <p style="margin-bottom: 30px">3. 用户直接或通过各类方式（如 RSS 源和站外 API 引用等）间接使用知乎服务和数据的行为，都将被视作已无条件接受本协议全部内容；若用户对本协议的任何条款存在异议，请停止使用知乎所提供的全部服务。</p>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      active:0,
+      message:'',
+      password:'',
+      newPassword:'',
+      fileList: [
+        { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' },
+        // Uploader 根据文件后缀来判断是否为图片文件
+        // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
+        { url: 'https://cloud-image', isImage: true },
+      ],
+    };
+  },
+  created() {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.headTit{
+  font-size: 12PX;
+  color: rgba(102,102,102,0.5);
+  width: 90%;
+  margin: 0 auto;
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+p{
+  color: rgba(102,102,102,0.7);
+}
+  .textareaBox{
+    width: 94%;
+    margin: 0 auto;
+    background-color: #FFF;
+    padding: 15PX 4%;
+    border-radius: 8PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    margin-top: 15PX;
+    .van-field{
+      padding: 5PX 0 0;
+      border-top: 1px solid #eee;
+    }
+    .title{
+      font-size: 0.45rem;
+      margin-bottom: 15PX;
+      color: #333333;
+    }
+    .van-row{
+      text-align: center;
+      margin-bottom: 10PX;
+      .active{
+        background-color: #1D6FE9;
+        color: #FFF;
+      }
+      p{
+        display: inline-block;
+        padding: 5PX 12PX;
+        border-radius: 5PX;
+        border: 1px solid #1D6FE9;
+        color: #1D6FE9;
+      }
+    }
+  }
+.loginOut{
+     width: 88%;
+     margin: 10PX 6%;
+     border-radius: 8Px;
+     box-shadow: 0PX 5PX 5PX #cccccc;
+     border: none;
+     background-color: #1D6FE9;
+     color: #FFF;
+   }
+</style>

src/views/lawEnforcement/case/caseList.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar title="案件" fixed placeholder />
+      <div style="display: flex;padding: 0 3% 0.2rem;">
+        <form action="#" style="flex: 0.75;">
+          <van-search
+            v-model="value"
+            placeholder="请输入搜索关键词"
+          >
+          </van-search>
+        </form>
+        <van-button type="info" @click="sheetShow = true"  style="flex: 0.25;border-radius: 30PX;height: 0.95rem;">
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ssbt.png" size="17" style="vertical-align: middle;margin-right: 5px;" />筛选
+        </van-button>
+      </div>
+      <van-action-sheet v-model="sheetShow" title="筛选" duration="0.2" close-icon="arrow-down">
+        <div class="sheetContent">
+          <p class="sheetTitle">当事人类型</p>
+          <van-row>
+            <van-col :span="6"><p class="active">全部</p></van-col>
+            <van-col :span="12"><p>个人/个体工商户</p></van-col>
+            <van-col :span="6"><p>企业</p></van-col>
+          </van-row>
+          <p class="sheetTitle">案件状态</p>
+          <van-row>
+            <van-col :span="6"><p class="active">全部</p></van-col>
+            <van-col :span="6"><p>进行中</p></van-col>
+            <van-col :span="6"><p>结束</p></van-col>
+            <van-col :span="6"><p>中断</p></van-col>
+          </van-row>
+          <p class="sheetTitle">案件执法进度</p>
+          <van-row>
+            <van-col :span="6"><p class="active">全部</p></van-col>
+            <van-col :span="6"><p>登记</p></van-col>
+            <van-col :span="6"><p>勘察</p></van-col>
+            <van-col :span="6"><p>立案</p></van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="6"><p>取证</p></van-col>
+            <van-col :span="6"><p>处理</p></van-col>
+            <van-col :span="6"><p>裁决</p></van-col>
+            <van-col :span="6"><p>执行</p></van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="6"><p>备案</p></van-col>
+            <van-col :span="6"><p>结案</p></van-col>
+          </van-row>
+        </div>
+        <van-row>
+          <van-col :span="12" align="center"><van-button type="default" style="width: 90%;height: 1.2rem;border-radius: 4PX;">重置</van-button></van-col>
+          <van-col :span="12" align="center"><van-button type="info" style="width: 90%;height: 1.2rem;border-radius: 4PX;">确定</van-button></van-col>
+        </van-row>
+      </van-action-sheet>
+    <van-list
+      finished-text="没有更多了"
+    >
+      <van-swipe-cell v-for="(item,index) in 10" :key="index">
+        <van-cell title="案件名称名称名称" :value="22222" center>
+          <template #icon>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_aj.png" size="30" color="#539FFD" style="margin-right: 10px;" />
+          </template>
+          <template #label>
+            <p>4232343242<i style="margin-right: 0.5rem;"></i><i style="margin-right: 0.5rem;"></i>李伟杰</p>
+          </template>
+          <template #default>
+            <p>勘察</p>
+            <p style="color: #1D6FE9;">进行中</p>
+          </template>
+        </van-cell>
+      </van-swipe-cell>
+    </van-list>
+    <law></law>
+  </div>
+</template>
+<script>
+import { newList } from "@/api/index";
+import law from "@/components/common/law_footer";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      value:'',
+      radio:'',
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      sheetShow: false,
+      //查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        deptId:100,
+        number:2
+      },
+      //新闻集合
+      newList:[],
+      //轮播图集合
+      bannerList:''
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    getList(){
+      this.loading = true;
+      this.queryParams.number = 2 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        for (var i = 0; i < response.rows.length; i++) {
+          this.newList.push(response.rows[i]);
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        console.log(this.newList)
+        if(this.newList.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    getBanner(){
+      this.loading = true;
+      this.queryParams.number = 1 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        this.bannerList = response.rows;
+        for (var i = 0; i < response.rows.length; i++) {
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.bannerList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        this.loading = false;
+      });
+    },
+    goDetail(id){
+      console.log(id)
+      window.location = 'news/newDetail?id='+id;
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 0.2rem 3%;
+}
+/deep/ .van-action-sheet__content{
+  padding-bottom: 0.5rem;
+}
+.sheetContent{
+  padding: 10PX 1% 1rem;
+  margin-bottom: 0.5rem;
+  border-bottom: 1px solid #eeeeee;
+  .sheetTitle{
+    font-size: 0.42rem;
+    background-color: transparent;
+    width:auto;
+    color: #333333;
+    border:none;
+    margin-bottom: 10PX;
+    padding: 0 15px;
+  }
+  /deep/ .van-row{
+    margin-bottom: 10PX;
+  }
+  /deep/ .van-col{
+    text-align: center;
+    padding: 0 15px;
+  }
+  .active{
+    background-color: #1D6FE9;
+    color: #FFFFFF;
+    border: none;
+  }
+  p{
+    font-size: 0.42rem;
+    padding: 0.2rem 0;
+    color: #666666;
+    border-radius: 4PX;
+    border: 1px solid #B4B0B0;
+  }
+}
+/deep/ .van-action-sheet__header{
+  border-bottom: 8PX solid #eeeeee;
+}
+/deep/.van-swipe-cell{
+  margin-bottom: 0.2rem;
+  border-radius: 0.2rem;
+  overflow: hidden;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+}
+/deep/ .van-search__content{
+  background-color: #ffffff;
+  border-radius: 20PX;
+  border: 1px solid #cccccc;
+  margin-right: 2%;
+}
+/deep/ .van-search__action{
+  background-color: #1D6FE9;
+  border-radius: 20PX;
+  text-align: center;
+  color: #ffffff;
+}
+/deep/ .van-search{
+  background-color: transparent;
+  padding: 0;
+}
+.van-cell__title{
+  color: #666666;
+}
+/deep/ .van-nav-bar--fixed{
+  background: url("../../../../static/images/lawEnforcement/head_bg.png") 100%;
+}
+/deep/.van-cell__title{
+  flex: 0.7;
+}
+/deep/.van-cell__title span{
+  font-family: Arial;
+  font-size: 0.4rem;
+  font-weight: normal;
+}
+/deep/.van-cell__value{
+  flex: 0.3;
+}
+/deep/ .van-nav-bar__title{
+  display: flex;
+  max-width: initial;
+  color: #ffffff;
+  p{
+    line-height: 30Px;
+    margin-left: 6Px;
+    font-size: 21Px;
+    color: #D60303;
+    font-family: SourceHanSansCNBold;
+  }
+}
+/deep/ .van-tabs__content{
+  width: 96%;
+  margin: 0 auto;
+}
+/deep/ van-tab__pane-wrapper{
+  padding: 0 2%;
+}
+/deep/ .van-tab{
+  border: none;
+  color: #1D6FE9;
+}
+/deep/ .van-tab--active{
+  border-radius: 30Px;
+  box-shadow: 0px 5px 5px #ccc;
+  background-color: #FE1313!important;
+}
+/deep/ .van-tabs--card>.van-tabs__wrap{
+  height: 0.9rem;
+  margin: 10Px 0;
+}
+/deep/ .van-tab__pane{
+  background: #FFF;
+  border-radius: 8Px;
+  overflow: hidden;
+}
+/deep/ .van-tabs__nav--card{
+  padding: 3Px 2%;
+  border: none;
+  border-radius: 1rem;
+  height: 0.9rem;
+}
+.bannerTit{
+  position: absolute;
+  bottom: 10px;
+  background: rgba(255,255,255,0.3);
+  width: 100%;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  color: #fff;
+  overflow: hidden;
+  padding: 0 3%;
+  font-size: 16Px;
+}
+.link{
+  color: #000;
+}
+.my-swipe {
+  border-radius: 8Px;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.van-grid-item p{
+  margin-top: 10px;
+}
+.newTit{
+  font-size: 0.45rem;
+  margin: 0.4rem 0;
+  font-family: Source Han Sans SC, Source Han Sans SC-Medium;
+  font-weight: 500;
+  text-align: left;
+  color: #333333;
+}
+.newContent{
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  overflow: hidden;
+}
+.search-icon {
+  line-height: inherit;
+  margin-left: 10px;
+}
+</style>

src/views/lawEnforcement/changePassword/index.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="投诉回复"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div class="tabsBox">
+      <van-field v-model="password" placeholder="请输入原密码" >
+        <template #left-icon>
+          <van-icon name="../../../../static/images/lawEnforcement/icon/icon_xgmm.png"></van-icon>
+        </template>
+      </van-field>
+      <van-field v-model="newPassword" placeholder="请输入新密码" >
+        <template #left-icon>
+          <van-icon name="../../../../static/images/lawEnforcement/icon/icon_xgmm.png"></van-icon>
+        </template>
+      </van-field>
+    </div>
+
+    <van-button type="default" class="loginOut">完成</van-button>
+  </div>
+</template>
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      active:0,
+      message:'',
+      password:'',
+      newPassword:''
+    };
+  },
+  created() {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.tabsBox{
+  padding: 2% 0;
+  margin: 0 auto;
+  background-color: #FFF;
+  border-radius: 8PX;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  margin-bottom: 15PX;
+  margin-top: 15PX;
+  width: 92%;
+}
+.loginOut{
+  width: 88%;
+  margin: 10PX 6%;
+  border-radius: 8Px;
+  box-shadow: 0PX 5PX 5PX #cccccc;
+  border: none;
+  background-color: #1D6FE9;
+  color: #FFF;
+}
+</style>

src/views/lawEnforcement/complaint/complaintList.vue

@@ -0,0 +1,162 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="投诉回复"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <van-tabs v-model="active" animated sticky>
+      <van-tab title="全部">
+        <div class="tabsBox">
+          <van-cell title="方案名称名称名称" label="待回复· 2021-11-04" center :to="{name:'programmeDetail'}">
+            <template #icon>
+              <van-icon name="../../../static/images/lawEnforcement/12.jpg" size="36" color="#539FFD" style="margin-right: 10px;border-radius: 50%;overflow: hidden;" />
+            </template>
+            <template #default>
+              <p style="color: #1D6FE9;"><van-icon name="phone" />15314031621</p>
+            </template>
+          </van-cell>
+          <van-row>
+            <van-col :span="4">类型：</van-col>
+            <van-col :span="20">投诉</van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4">标题：</van-col>
+            <van-col :span="20">事件标题时间标题时间标题</van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4">内容：</van-col>
+            <van-col :span="20">发生事件内容发生事件内容发生事件内容发生事件内发生事件内容发生事件内容发生事件内容发生事件内容发发生事件内容件内容发生事件内容。</van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4"></van-col>
+            <van-col :span="20" align="right"><van-button icon="edit" type="danger" class="answerBtn" :to="{name:'reply'}">回复</van-button></van-col>
+          </van-row>
+        </div>
+        <div class="tabsBox">
+          <van-cell title="方案名称名称名称" label="待回复· 2021-11-04" center :to="{name:'programmeDetail'}">
+            <template #icon>
+              <van-icon name="../../../static/images/lawEnforcement/12.jpg" size="36" color="#539FFD" style="margin-right: 10px;border-radius: 50%;overflow: hidden;" />
+            </template>
+            <template #default>
+              <p style="color: #1D6FE9;"><van-icon name="phone" />15314031621</p>
+            </template>
+          </van-cell>
+          <van-row>
+            <van-col :span="4">类型：</van-col>
+            <van-col :span="20">投诉</van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4">标题：</van-col>
+            <van-col :span="20">事件标题时间标题时间标题</van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4">内容：</van-col>
+            <van-col :span="20">发生事件内容发生事件内容发生事件内容发生事件内发生事件内容发生事件内容发生事件内容发生事件内容发发生事件内容件内容发生事件内容。</van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4"></van-col>
+            <van-col :span="20" align="right"><van-button icon="edit" type="danger" class="answerBtn">回复</van-button></van-col>
+          </van-row>
+        </div>
+        <div class="tabsBox">
+          <van-cell title="方案名称名称名称" label="待回复· 2021-11-04" center :to="{name:'programmeDetail'}">
+            <template #icon>
+              <van-icon name="../../../static/images/lawEnforcement/12.jpg" size="36" color="#539FFD" style="margin-right: 10px;border-radius: 50%;overflow: hidden;" />
+            </template>
+            <template #default>
+              <p style="color: #1D6FE9;"><van-icon name="phone" />15314031621</p>
+            </template>
+          </van-cell>
+          <van-row>
+            <van-col :span="4">类型：</van-col>
+            <van-col :span="20">投诉</van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4">标题：</van-col>
+            <van-col :span="20">事件标题时间标题时间标题</van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4">内容：</van-col>
+            <van-col :span="20">发生事件内容发生事件内容发生事件内容发生事件内发生事件内容发生事件内容发生事件内容发生事件内容发发生事件内容件内容发生事件内容。</van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4"></van-col>
+            <van-col :span="20" align="right"><van-button icon="edit" type="danger" class="answerBtn">回复</van-button></van-col>
+          </van-row>
+        </div>
+      </van-tab>
+      <van-tab title="未回复">
+        内容
+      </van-tab>
+      <van-tab title="已回复">
+        内容
+      </van-tab>
+    </van-tabs>
+  </div>
+</template>
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      active:0
+    };
+  },
+  created() {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+/deep/ .van-tabs__line{
+  background-color: #1D6FE9;
+}
+/deep/ .van-tab--active{
+  color: #1D6FE9;
+}
+/deep/.van-cell__title{
+  flex: 0.63;
+  line-height: 1;
+}
+/deep/.van-cell__value{
+  flex: 0.37;
+  line-height: 1;
+}
+/deep/.van-cell__label{
+  line-height: 1;
+}
+/deep/.van-cell{
+  padding: 0;
+}
+/deep/.van-row{
+  margin-top: 15PX;
+  .van-col{
+    font-size: 0.4rem;
+  }
+}
+.tabsBox{
+  padding: 5% 4%;
+  background-color: #FFF;
+  border-radius: 8PX;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  margin-bottom: 15PX;
+}
+  .van-tab__pane-wrapper{
+    padding: 5% 2%;
+  }
+  .answerBtn{
+    padding: 5PX 15PX;
+    height:auto;
+  }
+</style>

src/views/lawEnforcement/complaint/reply.vue

@@ -0,0 +1,103 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="投诉回复"
+      fixed
+      placeholder
+      left-arrow
+      right-text="发布"
+      @click-left="onClickLeft"
+    />
+    <div class="tabsBox">
+      <van-row>
+        <van-col :span="4">类型：</van-col>
+        <van-col :span="20">投诉</van-col>
+      </van-row>
+      <van-row>
+        <van-col :span="4">标题：</van-col>
+        <van-col :span="20">事件标题时间标题时间标题</van-col>
+      </van-row>
+      <van-row>
+        <van-col :span="4">内容：</van-col>
+        <van-col :span="20">发生事件内容发生事件内容发生事件内容发生事件内发生事件内容发生事件内容发生事件内容发生事件内容发发生事件内容件内容发生事件内容。</van-col>
+      </van-row>
+      <van-row>
+        <van-col :span="24">
+          <van-field
+            v-model="message"
+            rows="5"
+            autosize
+            type="textarea"
+            placeholder="请输入留言"
+            show-word-limit
+            style="border-top: 1px solid #eeeeee;padding-top: 10PX"
+          />
+        </van-col>
+      </van-row>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      active:0,
+      message:'',
+    };
+  },
+  created() {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+/deep/ .van-tabs__line{
+  background-color: #1D6FE9;
+}
+/deep/ .van-tab--active{
+  color: #1D6FE9;
+}
+/deep/.van-cell__title{
+  flex: 0.63;
+  line-height: 1;
+}
+/deep/.van-cell__value{
+  flex: 0.37;
+  line-height: 1;
+}
+/deep/.van-cell__label{
+  line-height: 1;
+}
+/deep/.van-cell{
+  padding: 0;
+}
+/deep/.van-row{
+  margin-top: 15PX;
+  .van-col{
+    font-size: 0.4rem;
+  }
+}
+.tabsBox{
+  padding: 5% 4%;
+  background-color: #FFF;
+  border-radius: 8PX;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  margin-bottom: 15PX;
+}
+  .van-tab__pane-wrapper{
+    padding: 5% 2%;
+  }
+  .answerBtn{
+    padding: 5PX 15PX;
+    height:auto;
+  }
+</style>

src/views/lawEnforcement/feedback/feedbackForm.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="我要反馈"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <p class="headTit">为保障您的安全，请勿在此提交个人敏感信息，如身份证、账户密码等</p>
+
+    <div class="textareaBox">
+      <p class="title">问题类型（必填）</p>
+      <van-row>
+        <van-col :span="6"><p class="active">我要反馈</p></van-col>
+        <van-col :span="6"><p>我要反馈</p></van-col>
+        <van-col :span="6"><p>我要反馈</p></van-col>
+        <van-col :span="6"><p>我要反馈</p></van-col>
+      </van-row>
+      <van-field
+        v-model="message"
+        rows="10"
+        type="textarea"
+        placeholder="请输入您的反馈意见（字数1000字以内）"
+      />
+    </div>
+
+    <div class="textareaBox">
+      <van-uploader v-model="fileList" multiple />
+    </div>
+    <van-button type="default" class="loginOut">提交</van-button>
+  </div>
+</template>
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      active:0,
+      message:'',
+      password:'',
+      newPassword:'',
+      fileList: [
+        { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' },
+        // Uploader 根据文件后缀来判断是否为图片文件
+        // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
+        { url: 'https://cloud-image', isImage: true },
+      ],
+    };
+  },
+  created() {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.headTit{
+  font-size: 12PX;
+  color: rgba(102,102,102,0.5);
+  width: 90%;
+  margin: 0 auto;
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+  .textareaBox{
+    width: 94%;
+    margin: 0 auto;
+    background-color: #FFF;
+    padding: 15PX 4%;
+    border-radius: 8PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    margin-bottom: 15PX;
+    .van-field{
+      padding: 5PX 0 0;
+      border-top: 1px solid #eee;
+    }
+    .title{
+      font-size: 0.45rem;
+      margin-bottom: 15PX;
+    }
+    .van-row{
+      text-align: center;
+      margin-bottom: 10PX;
+      .active{
+        background-color: #1D6FE9;
+        color: #FFF;
+      }
+      p{
+        display: inline-block;
+        padding: 5PX 12PX;
+        border-radius: 5PX;
+        border: 1px solid #1D6FE9;
+        color: #1D6FE9;
+      }
+    }
+  }
+.loginOut{
+     width: 88%;
+     margin: 10PX 6%;
+     border-radius: 8Px;
+     box-shadow: 0PX 5PX 5PX #cccccc;
+     border: none;
+     background-color: #1D6FE9;
+     color: #FFF;
+   }
+</style>

src/views/lawEnforcement/feedback/index.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="帮助反馈"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <van-cell>
+      <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+      <template #icon>
+        <van-image src="../../../../static/images/lawEnforcement/helpImg.png" width="84" height="84" />
+      </template>
+      <template #title>
+        <p class="topTit">快来告诉农业执法<br/>您有那些问题或建议</p>
+      </template>
+    </van-cell>
+
+    <div class="cellBox">
+      <van-cell class="fk">
+        <template #title>
+          <p>功能异常/体验问题/产品建议等</p>
+        </template>
+        <template #default>
+          <van-button type="info" size="mini" to="/lawEnforcement/feedbackForm">我要反馈</van-button>
+        </template>
+      </van-cell>
+
+      <van-cell title="其他问题" is-link value="联系客服" />
+    </div>
+
+  </div>
+</template>
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      active:0,
+      message:'',
+      password:'',
+      newPassword:''
+    };
+  },
+  created() {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.van-cell__title .topTit{
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.van-cell__title{
+  flex: 0.7;
+}
+.van-cell__value{
+  flex: 0.3;
+}
+.fk {
+  margin-bottom: 10PX;
+  .van-cell__value{
+    line-height: 1;
+  }
+  .van-button{
+    border-radius: 5PX;
+    padding-left: 10PX;
+    padding-right: 10PX;
+  }
+}
+.cellBox{
+  padding: 10PX 3%;
+  .van-cell{
+    border-radius: 8PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  }
+}
+</style>

src/views/lawEnforcement/index.vue

@@ -0,0 +1,319 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar fixed placeholder >
+      <template #title>
+        <van-image src="../../../static/images/lawEnforcement/logo.png" width="30" height="30" />
+        <p style="">农业综合执法公众平台</p>
+      </template>
+    </van-nav-bar>
+
+    <van-tabs type="card" animated>
+      <van-tab title="工作动态">
+        <van-swipe class="my-swipe" :autoplay="3000" height="128" indicator-color="white">
+          <van-swipe-item>
+            <van-image src="../../../static/images/lawEnforcement/banner.png" height="128" />
+            <p class="bannerTit">标题标题标题标题标题标题标题</p>
+          </van-swipe-item>
+        </van-swipe>
+        <van-cell-group>
+          <van-cell title="标题标题标题标题标" value="2021.11.12" />
+          <van-cell title="标题标题标题标题标" value="2021.11.12" />
+          <van-cell title="标题标题标题标题标" value="2021.11.12" />
+        </van-cell-group>
+      </van-tab>
+      <van-tab title="通知公告">
+        <van-swipe class="my-swipe" :autoplay="3000" height="128" indicator-color="white">
+          <van-swipe-item>
+            <van-image src="../../../static/images/lawEnforcement/banner.png" height="128" />
+            <p class="bannerTit">标题标题标题标题标题标题标题</p>
+          </van-swipe-item>
+        </van-swipe>
+        <van-cell-group>
+          <van-cell title="标题标题标题标题标" value="2021.11.12" />
+          <van-cell title="标题标题标题标题标" value="2021.11.12" />
+          <van-cell title="标题标题标题标题标" value="2021.11.12" />
+        </van-cell-group>
+      </van-tab>
+      <van-tab title="执法依据">
+        <van-swipe class="my-swipe" :autoplay="3000" height="128" indicator-color="white">
+          <van-swipe-item>
+            <van-image src="../../../static/images/lawEnforcement/banner.png" height="128" />
+            <p class="bannerTit">标题标题标题标题标题标题标题</p>
+          </van-swipe-item>
+        </van-swipe>
+        <van-cell-group>
+          <van-cell title="标题标题标题标题标" value="2021.11.12" />
+          <van-cell title="标题标题标题标题标" value="2021.11.12" />
+          <van-cell title="标题标题标题标题标" value="2021.11.12" />
+        </van-cell-group>
+      </van-tab>
+    </van-tabs>
+
+    <van-cell-group class="listBox">
+      <van-cell value="全部" is-link>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_db.png" size="20"></van-icon>
+          <span class="custom-title">待办事项<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+
+      <van-cell value="2021.11.12">
+        <template #title>
+          <span class="tap">案件</span>
+          <span>标题标题标题标题标</span>
+        </template>
+      </van-cell>
+
+      <van-cell value="2021.11.12">
+        <template #title>
+          <span class="tap">案件</span>
+          <span>标题标题标题标题标</span>
+        </template>
+      </van-cell>
+
+      <van-cell value="2021.11.12">
+        <template #title>
+          <span class="tap">案件</span>
+          <span>标题标题标题标题标</span>
+        </template>
+      </van-cell>
+    </van-cell-group>
+
+    <van-cell-group class="listBox">
+      <van-cell value="全部" is-link>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zf.png" size="20"></van-icon>
+          <span class="custom-title">执法方案<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+
+      <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
+      <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
+      <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
+      <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
+    </van-cell-group>
+
+    <van-cell-group class="listBox">
+      <van-cell value="全部" is-link>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ts.png" size="20"></van-icon>
+          <span class="custom-title">投诉建议<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+
+      <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
+      <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
+      <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
+      <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
+    </van-cell-group>
+    <div style="height: 50PX"></div>
+    <law></law>
+  </div>
+</template>
+<script>
+import { newList } from "@/api/index";
+import law from "@/components/common/law_footer";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      //查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        deptId:100,
+        number:2
+      },
+      //新闻集合
+      newList:[],
+      //轮播图集合
+      bannerList:''
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    getList(){
+      this.loading = true;
+      this.queryParams.number = 2 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        for (var i = 0; i < response.rows.length; i++) {
+          this.newList.push(response.rows[i]);
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        console.log(this.newList)
+        if(this.newList.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    getBanner(){
+      this.loading = true;
+      this.queryParams.number = 1 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        this.bannerList = response.rows;
+        for (var i = 0; i < response.rows.length; i++) {
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.bannerList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        this.loading = false;
+      });
+    },
+    goDetail(id){
+      console.log(id)
+      window.location = 'news/newDetail?id='+id;
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 0 ;
+  background-color: #FFFCFC; /* 浏览器不支持时显示 */
+  background-image: linear-gradient(#1D6FE9,#4286EC,#FFFCFC);
+  background-size: 100% 400Px;
+  background-repeat: no-repeat;
+}
+.van-cell__title{
+  color: #666666;
+}
+.listBox{
+  width: 96%;
+  margin: 0 auto;
+  border-radius: 8Px;
+  overflow: hidden;
+  box-shadow: 0PX 5PX 5PX #cccccc;
+  margin-top: 10PX;
+  .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;
+  }
+}
+/deep/ .van-nav-bar__title{
+  display: flex;
+  max-width: initial;
+  p{
+    line-height: 30Px;
+    margin-left: 6Px;
+    font-size: 21Px;
+    color: #D60303;
+    font-family: SourceHanSansCNBold;
+  }
+}
+/deep/ .van-tabs__content{
+  width: 96%;
+  margin: 0 auto;
+}
+/deep/ van-tab__pane-wrapper{
+  padding: 0 2%;
+}
+/deep/ .van-tab{
+  border: none;
+  color: #1D6FE9;
+}
+/deep/ .van-tab--active{
+  border-radius: 30Px;
+  box-shadow: 0px 5px 5px #ccc;
+  background-color: #FE1313!important;
+}
+/deep/ .van-tabs--card>.van-tabs__wrap{
+  height: 0.9rem;
+  margin: 10Px 0;
+}
+/deep/ .van-tab__pane{
+  background: #FFF;
+  border-radius: 8Px;
+  overflow: hidden;
+}
+/deep/ .van-tabs__nav--card{
+  padding: 3Px 2%;
+  border: none;
+  border-radius: 1rem;
+  height: 0.9rem;
+}
+.bannerTit{
+  position: absolute;
+  bottom: 10px;
+  background: rgba(255,255,255,0.3);
+  width: 100%;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  color: #fff;
+  overflow: hidden;
+  padding: 0 3%;
+  font-size: 16Px;
+}
+.link{
+  color: #000;
+}
+.my-swipe {
+  border-radius: 8Px;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.van-grid-item p{
+  margin-top: 10px;
+}
+.newTit{
+  font-size: 0.45rem;
+  margin: 0.4rem 0;
+  font-family: Source Han Sans SC, Source Han Sans SC-Medium;
+  font-weight: 500;
+  text-align: left;
+  color: #333333;
+}
+.newContent{
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  overflow: hidden;
+}
+.search-icon {
+  line-height: inherit;
+  margin-left: 10px;
+}
+</style>

src/views/lawEnforcement/products/productsList.vue

@@ -0,0 +1,325 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar title="农用品库" fixed placeholder />
+      <div style="display: flex;padding: 0 3% 0.2rem;">
+        <form action="#" style="flex: 0.75;">
+          <van-search
+            v-model="value"
+            placeholder="请输入搜索关键词"
+          >
+          </van-search>
+        </form>
+        <van-button type="info" @click="sheetShow = true"  style="flex: 0.25;border-radius: 30PX;height: 0.95rem;">
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ssbt.png" size="17" style="vertical-align: middle;margin-right: 5px;" />筛选
+        </van-button>
+      </div>
+      <van-action-sheet v-model="sheetShow" title="筛选" duration="0.2" close-icon="arrow-down">
+        <div class="sheetContent">
+          <p class="sheetTitle">当事人类型</p>
+          <van-row>
+            <van-col :span="6"><p class="active">全部</p></van-col>
+            <van-col :span="12"><p>个人/个体工商户</p></van-col>
+            <van-col :span="6"><p>企业</p></van-col>
+          </van-row>
+          <p class="sheetTitle">案件状态</p>
+          <van-row>
+            <van-col :span="6"><p class="active">全部</p></van-col>
+            <van-col :span="6"><p>进行中</p></van-col>
+            <van-col :span="6"><p>结束</p></van-col>
+            <van-col :span="6"><p>中断</p></van-col>
+          </van-row>
+          <p class="sheetTitle">案件执法进度</p>
+          <van-row>
+            <van-col :span="6"><p class="active">全部</p></van-col>
+            <van-col :span="6"><p>登记</p></van-col>
+            <van-col :span="6"><p>勘察</p></van-col>
+            <van-col :span="6"><p>立案</p></van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="6"><p>取证</p></van-col>
+            <van-col :span="6"><p>处理</p></van-col>
+            <van-col :span="6"><p>裁决</p></van-col>
+            <van-col :span="6"><p>执行</p></van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="6"><p>备案</p></van-col>
+            <van-col :span="6"><p>结案</p></van-col>
+          </van-row>
+        </div>
+        <van-row>
+          <van-col :span="12" align="center"><van-button type="default" style="width: 90%;height: 1.2rem;border-radius: 4PX;">重置</van-button></van-col>
+          <van-col :span="12" align="center"><van-button type="info" style="width: 90%;height: 1.2rem;border-radius: 4PX;">确定</van-button></van-col>
+        </van-row>
+      </van-action-sheet>
+    <van-list
+      finished-text="没有更多了"
+    >
+      <van-swipe-cell v-for="(item,index) in 10" :key="index">
+        <van-cell title="农药名称名称名称" :value="22222" center>
+          <template #icon>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_nypk.png" size="30" color="#539FFD" style="margin-right: 10px;" />
+          </template>
+          <template #label>
+            <p>4232342<i style="margin-right: 0.5rem;"></i>山西齐药有限公司</p>
+          </template>
+          <template #default>
+            <p style="color: #1D6FE9;">除虫剂<i style="margin-right: 0.2rem;"></i>除虫剂</p>
+            <p>2022-06-30</p>
+          </template>
+        </van-cell>
+      </van-swipe-cell>
+    </van-list>
+    <law></law>
+  </div>
+</template>
+<script>
+import { newList } from "@/api/index";
+import law from "@/components/common/law_footer";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      value:'',
+      radio:'',
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      sheetShow: false,
+      //查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        deptId:100,
+        number:2
+      },
+      //新闻集合
+      newList:[],
+      //轮播图集合
+      bannerList:''
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    getList(){
+      this.loading = true;
+      this.queryParams.number = 2 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        for (var i = 0; i < response.rows.length; i++) {
+          this.newList.push(response.rows[i]);
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        console.log(this.newList)
+        if(this.newList.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    getBanner(){
+      this.loading = true;
+      this.queryParams.number = 1 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        this.bannerList = response.rows;
+        for (var i = 0; i < response.rows.length; i++) {
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.bannerList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        this.loading = false;
+      });
+    },
+    goDetail(id){
+      console.log(id)
+      window.location = 'news/newDetail?id='+id;
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 0.2rem 3%;
+}
+/deep/ .van-action-sheet__content{
+  padding-bottom: 0.5rem;
+}
+.sheetContent{
+  padding: 10PX 1% 1rem;
+  margin-bottom: 0.5rem;
+  border-bottom: 1px solid #eeeeee;
+  .sheetTitle{
+    font-size: 0.42rem;
+    background-color: transparent;
+    width:auto;
+    color: #333333;
+    border:none;
+    margin-bottom: 10PX;
+    padding: 0 15px;
+  }
+  /deep/ .van-row{
+    margin-bottom: 10PX;
+  }
+  /deep/ .van-col{
+    text-align: center;
+    padding: 0 15px;
+  }
+  .active{
+    background-color: #1D6FE9;
+    color: #FFFFFF;
+    border: none;
+  }
+  p{
+    font-size: 0.42rem;
+    padding: 0.2rem 0;
+    color: #666666;
+    border-radius: 4PX;
+    border: 1px solid #B4B0B0;
+  }
+}
+/deep/ .van-action-sheet__header{
+  border-bottom: 8PX solid #eeeeee;
+}
+/deep/.van-swipe-cell{
+  margin-bottom: 0.2rem;
+  border-radius: 0.2rem;
+  overflow: hidden;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+}
+/deep/ .van-search__content{
+  background-color: #ffffff;
+  border-radius: 20PX;
+  border: 1px solid #cccccc;
+  margin-right: 2%;
+}
+/deep/ .van-search__action{
+  background-color: #1D6FE9;
+  border-radius: 20PX;
+  text-align: center;
+  color: #ffffff;
+}
+/deep/ .van-search{
+  background-color: transparent;
+  padding: 0;
+}
+.van-cell__title{
+  color: #666666;
+}
+/deep/ .van-nav-bar--fixed{
+  background: url("../../../../static/images/lawEnforcement/head_bg.png") 100%;
+}
+/deep/.van-cell__title{
+  flex: 0.65;
+}
+/deep/.van-cell__title span{
+  font-family: Arial;
+  font-size: 0.4rem;
+  font-weight: normal;
+}
+/deep/.van-cell__value{
+  flex: 0.35;
+}
+/deep/ .van-nav-bar__title{
+  display: flex;
+  max-width: initial;
+  color: #ffffff;
+  p{
+    line-height: 30Px;
+    margin-left: 6Px;
+    font-size: 21Px;
+    color: #D60303;
+    font-family: SourceHanSansCNBold;
+  }
+}
+/deep/ .van-tabs__content{
+  width: 96%;
+  margin: 0 auto;
+}
+/deep/ van-tab__pane-wrapper{
+  padding: 0 2%;
+}
+/deep/ .van-tab{
+  border: none;
+  color: #1D6FE9;
+}
+/deep/ .van-tab--active{
+  border-radius: 30Px;
+  box-shadow: 0px 5px 5px #ccc;
+  background-color: #FE1313!important;
+}
+/deep/ .van-tabs--card>.van-tabs__wrap{
+  height: 0.9rem;
+  margin: 10Px 0;
+}
+/deep/ .van-tab__pane{
+  background: #FFF;
+  border-radius: 8Px;
+  overflow: hidden;
+}
+/deep/ .van-tabs__nav--card{
+  padding: 3Px 2%;
+  border: none;
+  border-radius: 1rem;
+  height: 0.9rem;
+}
+.bannerTit{
+  position: absolute;
+  bottom: 10px;
+  background: rgba(255,255,255,0.3);
+  width: 100%;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  color: #fff;
+  overflow: hidden;
+  padding: 0 3%;
+  font-size: 16Px;
+}
+.link{
+  color: #000;
+}
+.my-swipe {
+  border-radius: 8Px;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.van-grid-item p{
+  margin-top: 10px;
+}
+.newTit{
+  font-size: 0.45rem;
+  margin: 0.4rem 0;
+  font-family: Source Han Sans SC, Source Han Sans SC-Medium;
+  font-weight: 500;
+  text-align: left;
+  color: #333333;
+}
+.newContent{
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  overflow: hidden;
+}
+.search-icon {
+  line-height: inherit;
+  margin-left: 10px;
+}
+</style>

src/views/lawEnforcement/programme/programmeApproval.vue

@@ -0,0 +1,232 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="审批历史"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div class="main_box">
+      <van-row>
+        <van-col :span="4">
+          <p class="index">1</p>
+          <div class="indexBorder">
+            <p class="yq"></p>
+            <p class="ss"></p>
+          </div>
+        </van-col>
+        <van-col :span="20">
+          <van-cell title="开始" :value="22222" center :to="{name:'programmeDetail'}">
+            <template #label>
+              <p>2021.10.01-2021.10.02</p>
+            </template>
+            <template #default>
+              <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(29,111,233,0.2);color:#1D6FE9">提交申请</span></p>
+              <p style="color: #999999;">1天0时0分0秒</p>
+            </template>
+          </van-cell>
+        </van-col>
+      </van-row>
+      <van-row>
+        <van-col :span="4">
+          <p class="index">2</p>
+          <div class="indexBorder indexCenter">
+            <p class="ssT"></p>
+            <p class="yq"></p>
+            <p class="ss"></p>
+          </div>
+        </van-col>
+        <van-col :span="20">
+          <van-cell title="执法队长审批" :value="22222" center :to="{name:'programmeDetail'}">
+            <template #label>
+              <p>2021.10.01-2021.10.02</p>
+            </template>
+            <template #default>
+              <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(29,204,128,0.2);color:#1DCC80">同意</span></p>
+              <p style="color: #999999;">1天0时0分0秒</p>
+            </template>
+          </van-cell>
+        </van-col>
+      </van-row>
+      <van-row>
+        <van-col :span="4">
+          <p class="index">3</p>
+          <div class="indexBorder indexCenter">
+            <p class="ssT"></p>
+            <p class="yq"></p>
+            <p class="ss"></p>
+          </div>
+        </van-col>
+        <van-col :span="20">
+          <van-cell title="执法队长负责人审批" :value="22222" center :to="{name:'programmeDetail'}">
+            <template #label>
+              <p>2021.10.01-2021.10.02</p>
+            </template>
+            <template #default>
+              <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(29,204,128,0.2);color:#1DCC80">同意</span></p>
+              <p style="color: #999999;">1天0时0分0秒</p>
+            </template>
+          </van-cell>
+        </van-col>
+      </van-row>
+      <van-row>
+        <van-col :span="4">
+          <p class="index">4</p>
+          <div class="indexBorder indexCenter">
+            <p class="ssT"></p>
+            <p class="yq"></p>
+          </div>
+        </van-col>
+        <van-col :span="20">
+          <van-cell title="结束" :value="22222" center :to="{name:'programmeDetail'}">
+            <template #label>
+              <p>2021.10.01-2021.10.02</p>
+            </template>
+            <template #default>
+              <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(255,166,62,0.2);color:#FFA63E">自动结束</span></p>
+              <p style="color: #999999;">1天0时0分0秒</p>
+            </template>
+          </van-cell>
+        </van-col>
+      </van-row>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      getDictionaries(){
+        getPayee(this.$route.query.id).then((response) => {
+          this.houseGetDicts("bank_type").then((res) => {
+            for(var i = 0 ; i < res.data.length ; i++){
+              this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+            }
+            this.bankType = this.selectDictLabel(res.data, response.data.bankType);
+          });
+          this.houseGetDicts("payee_type").then((res) => {
+            for(var i = 0 ; i < res.data.length ; i++){
+              this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+            }
+            this.payeeType = this.selectDictLabel(res.data, response.data.payeeType);
+          });
+          this.form = response.data;
+        });
+      },
+      onConfirmBankType(data){
+        this.bankType = data.text;
+        this.form.bankType = data.value;
+        this.showBankType = false;
+      },
+      onConfirmPayeeType(data){
+        this.payeeType = data.text;
+        this.form.payeeType = data.value;
+        this.showPayeeType = false;
+      },
+      goAdd(){
+        console.log(this.form)
+        updatePayee(this.form).then(response => {
+          this.$toast.success('修改成功');
+          setTimeout(function(){
+            history.go(-1)
+          },2000)
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 2%;
+  }
+  .main_box{
+    background: #ffffff;
+    border-radius: 8PX;
+    overflow: hidden;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    .van-col{
+      height: 76PX;
+      position: relative;
+    }
+    .van-row:nth-child(2n){
+      background: rgba(29,111,233,0.1);
+    }
+    /deep/ .van-cell{
+      background: transparent;
+    }
+    .bq{
+      display: inline-block;
+      padding: 4PX 10PX;
+      border-radius: 5PX;
+    }
+    .index{
+      background: #1D6FE9;
+      color: #ffffff;
+      text-align: center;
+      width: 20PX;
+      height: 20PX;
+      line-height: 20PX;
+      border-radius: 50%;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%,-50%);
+    }
+    .indexCenter{
+      top: 0!important;
+    }
+    .indexBorder{
+      width: 10PX;
+      position: absolute;
+      right: 0;
+      top: calc(50% - 5PX);
+      .yq{
+        height: 10PX;
+        width: 10PX;
+        background: #C9C9C9;
+        border-radius: 50%;
+      }
+      .ss{
+        height: 33PX;
+        width: 2PX;
+        background: #C9C9C9;
+        position: relative;
+        left: 4PX;
+      }
+      .ssT{
+        height: 33PX;
+        width: 2PX;
+        background: #C9C9C9;
+        position: relative;
+        left: 4PX;
+      }
+    }
+  }
+</style>

src/views/lawEnforcement/programme/programmeDetail.vue

@@ -0,0 +1,245 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="查看方案信息"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div class="main_box">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+          <span class="custom-title">投诉建议<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <van-field name="radio" label="是否公开" input-align="right">
+        <template #input>
+          <van-radio-group v-model="radio" direction="horizontal">
+            <van-radio name="1">是</van-radio>
+            <van-radio name="2">否</van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field label="方案名称" v-model="form.payee" input-align="right" label-width="auto" placeholder="请输入方案名称"/>
+      <van-field
+        readonly
+        clickable
+        name="picker"
+        :value="value"
+        label="检查开始日期"
+        placeholder="点击选择开始日期"
+        @click="showPicker = true"
+        input-align="right"
+        right-icon="calendar-o"
+      />
+      <van-popup v-model="showPicker" position="bottom">
+        <van-datetime-picker
+          v-model="showPicker"
+          type="date"
+          title="选择年月日"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-field
+        readonly
+        clickable
+        name="picker"
+        :value="value"
+        label="检查结束日期"
+        placeholder="点击选择结束日期"
+        @click="showPicker = true"
+        input-align="right"
+        right-icon="calendar-o"
+      />
+      <van-popup v-model="showPicker" position="bottom">
+        <van-datetime-picker
+          v-model="showPicker"
+          type="date"
+          title="选择年月日"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-field label="检查方式" v-model="form.payeeAccount" input-align="right" label-width="auto" placeholder="请输入检查方式"/>
+      <van-field label="检查部门" v-model="bankType" input-align="right" label-width="auto" placeholder="请输入检查部门"/>
+      <van-field label="检查事项" v-model="form.bankDeposit" input-align="right" label-width="auto" placeholder="请输入检查事项"/>
+      <van-field label="检查类型" v-model="form.bankDeposit" input-align="right" label-width="auto" placeholder="请输入检查类型"/>
+      <van-field label="检察方案描述" v-model="form.bankDeposit" input-align="right" label-width="auto" readonly/>
+      <van-field v-model="form.remark" type="textarea" rows="3" label-width="auto" placeholder="请输入检察方案描述"/>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+          <span class="custom-title">执行人员<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="peopleList">
+        <van-row>
+          <van-col :span="4">序号</van-col>
+          <van-col :span="10">执行人员</van-col>
+          <van-col :span="10">执法证号</van-col>
+        </van-row>
+
+        <van-row>
+          <van-col :span="4">1</van-col>
+          <van-col :span="10">张薇</van-col>
+          <van-col :span="10">456444666123A0FW</van-col>
+        </van-row>
+
+        <van-row>
+          <van-col :span="4">2</van-col>
+          <van-col :span="10">张薇</van-col>
+          <van-col :span="10">456444666123A0FW</van-col>
+        </van-row>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      getDictionaries(){
+        getPayee(this.$route.query.id).then((response) => {
+          this.houseGetDicts("bank_type").then((res) => {
+            for(var i = 0 ; i < res.data.length ; i++){
+              this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+            }
+            this.bankType = this.selectDictLabel(res.data, response.data.bankType);
+          });
+          this.houseGetDicts("payee_type").then((res) => {
+            for(var i = 0 ; i < res.data.length ; i++){
+              this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+            }
+            this.payeeType = this.selectDictLabel(res.data, response.data.payeeType);
+          });
+          this.form = response.data;
+        });
+      },
+      onConfirmBankType(data){
+        this.bankType = data.text;
+        this.form.bankType = data.value;
+        this.showBankType = false;
+      },
+      onConfirmPayeeType(data){
+        this.payeeType = data.text;
+        this.form.payeeType = data.value;
+        this.showPayeeType = false;
+      },
+      goAdd(){
+        console.log(this.form)
+        updatePayee(this.form).then(response => {
+          this.$toast.success('修改成功');
+          setTimeout(function(){
+            history.go(-1)
+          },2000)
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /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: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    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: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>

src/views/lawEnforcement/programme/programmeList.vue

@@ -0,0 +1,312 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="方案管理"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div style="padding: 0 3% 0.2rem;">
+        <van-search
+          v-model="value"
+          placeholder="请输入搜索关键词"
+          show-action
+        >
+          <template #action>
+            <div>搜索</div>
+          </template>
+        </van-search>
+    </div>
+    <van-list
+      finished-text="没有更多了"
+    >
+      <van-swipe-cell v-for="(item,index) in 10" :key="index">
+        <van-cell title="方案名称名称名称" :value="22222" center :to="{name:'programmeDetail'}">
+          <template #icon>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_aj.png" size="30" color="#539FFD" style="margin-right: 10px;" />
+          </template>
+          <template #label>
+            <p>种子质量问题</p>
+          </template>
+          <template #default>
+            <p style="color: #1DCC80;">申请中</p>
+            <p style="color: #1D6FE9;">执法负责人审批</p>
+          </template>
+        </van-cell>
+        <template #right>
+          <van-row>
+            <van-col>
+              <van-button square type="info" :to="{name:'programmeApproval', query: {id:item.id}}" class="delete-button">审批<br/>历史</van-button>
+            </van-col>
+            <van-col>
+              <van-button square type="info" color="#1DCC80" :to="{name:'paymentAccountModify', query: {id:item.id}}" class="delete-button">提交<br/>申请</van-button>
+            </van-col>
+            <van-col>
+              <van-button square text="撤销" type="info" color="#FF8900" :to="{name:'paymentAccountModify', query: {id:item.id}}" class="delete-button" />
+            </van-col>
+            <van-col>
+              <van-button square text="修改" type="info" :to="{name:'programmeModify', query: {id:item.id}}" class="delete-button" />
+            </van-col>
+            <van-col>
+              <van-button square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" />
+            </van-col>
+          </van-row>
+        </template>
+      </van-swipe-cell>
+    </van-list>
+  </div>
+</template>
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      value:'',
+      radio:'',
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      sheetShow: false,
+      //查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        deptId:100,
+        number:2
+      },
+      //新闻集合
+      newList:[],
+      //轮播图集合
+      bannerList:''
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    getList(){
+      this.loading = true;
+      this.queryParams.number = 2 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        for (var i = 0; i < response.rows.length; i++) {
+          this.newList.push(response.rows[i]);
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        console.log(this.newList)
+        if(this.newList.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    getBanner(){
+      this.loading = true;
+      this.queryParams.number = 1 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        this.bannerList = response.rows;
+        for (var i = 0; i < response.rows.length; i++) {
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.bannerList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        this.loading = false;
+      });
+    },
+    goDetail(id){
+      console.log(id)
+      window.location = 'news/newDetail?id='+id;
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.van-row{
+  height: 100%;
+}
+.van-col{
+  height: 100%;
+}
+.delete-button {
+  height: 100%;
+}
+.app-container {
+  padding: 0.2rem 3%;
+}
+/deep/ .van-action-sheet__content{
+  padding-bottom: 0.5rem;
+}
+.sheetContent{
+  padding: 10PX 1% 1rem;
+  margin-bottom: 0.5rem;
+  border-bottom: 1px solid #eeeeee;
+  .sheetTitle{
+    font-size: 0.42rem;
+    background-color: transparent;
+    width:auto;
+    color: #333333;
+    border:none;
+    margin-bottom: 10PX;
+    padding: 0 15px;
+  }
+  /deep/ .van-row{
+    margin-bottom: 10PX;
+  }
+  /deep/ .van-col{
+    text-align: center;
+    padding: 0 15px;
+  }
+  .active{
+    background-color: #1D6FE9;
+    color: #FFFFFF;
+    border: none;
+  }
+  p{
+    font-size: 0.42rem;
+    padding: 0.2rem 0;
+    color: #666666;
+    border-radius: 4PX;
+    border: 1px solid #B4B0B0;
+  }
+}
+/deep/ .van-action-sheet__header{
+  border-bottom: 8PX solid #eeeeee;
+}
+/deep/.van-swipe-cell{
+  margin-bottom: 0.2rem;
+  border-radius: 0.2rem;
+  overflow: hidden;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+}
+/deep/ .van-search__content{
+  background-color: #ffffff;
+}
+/deep/ .van-search__action{
+  background-color: #1D6FE9;
+  text-align: center;
+  color: #ffffff;
+  padding: 0 0.5rem;
+}
+/deep/ .van-search{
+  background-color: transparent;
+  border-radius: 20PX;
+  border: 1px solid #cccccc;
+  padding: 0;
+  overflow: hidden;
+}
+.van-cell__title{
+  color: #666666;
+}
+/deep/ .van-nav-bar--fixed{
+}
+/deep/.van-cell__title{
+  flex: 0.6;
+}
+/deep/.van-cell__title span{
+  font-family: Arial;
+  font-size: 0.4rem;
+  font-weight: normal;
+}
+/deep/.van-cell__value{
+  flex: 0.4;
+}
+/deep/ .van-nav-bar__title{
+  display: flex;
+  max-width: initial;
+  p{
+    line-height: 30Px;
+    margin-left: 6Px;
+    font-size: 21Px;
+    color: #D60303;
+    font-family: SourceHanSansCNBold;
+  }
+}
+/deep/ .van-tabs__content{
+  width: 96%;
+  margin: 0 auto;
+}
+/deep/ van-tab__pane-wrapper{
+  padding: 0 2%;
+}
+/deep/ .van-tab{
+  border: none;
+  color: #1D6FE9;
+}
+/deep/ .van-tab--active{
+  border-radius: 30Px;
+  box-shadow: 0px 5px 5px #ccc;
+  background-color: #FE1313!important;
+}
+/deep/ .van-tabs--card>.van-tabs__wrap{
+  height: 0.9rem;
+  margin: 10Px 0;
+}
+/deep/ .van-tab__pane{
+  background: #FFF;
+  border-radius: 8Px;
+  overflow: hidden;
+}
+/deep/ .van-tabs__nav--card{
+  padding: 3Px 2%;
+  border: none;
+  border-radius: 1rem;
+  height: 0.9rem;
+}
+.bannerTit{
+  position: absolute;
+  bottom: 10px;
+  background: rgba(255,255,255,0.3);
+  width: 100%;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  color: #fff;
+  overflow: hidden;
+  padding: 0 3%;
+  font-size: 16Px;
+}
+.link{
+  color: #000;
+}
+.my-swipe {
+  border-radius: 8Px;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.van-grid-item p{
+  margin-top: 10px;
+}
+.newTit{
+  font-size: 0.45rem;
+  margin: 0.4rem 0;
+  font-family: Source Han Sans SC, Source Han Sans SC-Medium;
+  font-weight: 500;
+  text-align: left;
+  color: #333333;
+}
+.newContent{
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  overflow: hidden;
+}
+.search-icon {
+  line-height: inherit;
+  margin-left: 10px;
+}
+</style>

src/views/lawEnforcement/programme/programmeModify.vue

@@ -0,0 +1,245 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="修改方案信息"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div class="main_box">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+          <span class="custom-title">投诉建议<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <van-field name="radio" label="是否公开" input-align="right">
+        <template #input>
+          <van-radio-group v-model="radio" direction="horizontal">
+            <van-radio name="1">是</van-radio>
+            <van-radio name="2">否</van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field label="方案名称" v-model="form.payee" input-align="right" label-width="auto" placeholder="请输入方案名称"/>
+      <van-field
+        readonly
+        clickable
+        name="picker"
+        :value="value"
+        label="检查开始日期"
+        placeholder="点击选择开始日期"
+        @click="showPicker = true"
+        input-align="right"
+        right-icon="calendar-o"
+      />
+      <van-popup v-model="showPicker" position="bottom">
+        <van-datetime-picker
+          v-model="showPicker"
+          type="date"
+          title="选择年月日"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-field
+        readonly
+        clickable
+        name="picker"
+        :value="value"
+        label="检查结束日期"
+        placeholder="点击选择结束日期"
+        @click="showPicker = true"
+        input-align="right"
+        right-icon="calendar-o"
+      />
+      <van-popup v-model="showPicker" position="bottom">
+        <van-datetime-picker
+          v-model="showPicker"
+          type="date"
+          title="选择年月日"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-field label="检查方式" v-model="form.payeeAccount" input-align="right" label-width="auto" placeholder="请输入检查方式"/>
+      <van-field label="检查部门" v-model="bankType" input-align="right" label-width="auto" placeholder="请输入检查部门"/>
+      <van-field label="检查事项" v-model="form.bankDeposit" input-align="right" label-width="auto" placeholder="请输入检查事项"/>
+      <van-field label="检查类型" v-model="form.bankDeposit" input-align="right" label-width="auto" placeholder="请输入检查类型"/>
+      <van-field label="检察方案描述" v-model="form.bankDeposit" input-align="right" label-width="auto" readonly/>
+      <van-field v-model="form.remark" type="textarea" rows="3" label-width="auto" placeholder="请输入检察方案描述"/>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+          <span class="custom-title">执行人员<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="peopleList">
+        <van-row>
+          <van-col :span="4">序号</van-col>
+          <van-col :span="10">执行人员</van-col>
+          <van-col :span="10">执法证号</van-col>
+        </van-row>
+
+        <van-row>
+          <van-col :span="4">1</van-col>
+          <van-col :span="10">张薇</van-col>
+          <van-col :span="10">456444666123A0FW</van-col>
+        </van-row>
+
+        <van-row>
+          <van-col :span="4">2</van-col>
+          <van-col :span="10">张薇</van-col>
+          <van-col :span="10">456444666123A0FW</van-col>
+        </van-row>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      getDictionaries(){
+        getPayee(this.$route.query.id).then((response) => {
+          this.houseGetDicts("bank_type").then((res) => {
+            for(var i = 0 ; i < res.data.length ; i++){
+              this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+            }
+            this.bankType = this.selectDictLabel(res.data, response.data.bankType);
+          });
+          this.houseGetDicts("payee_type").then((res) => {
+            for(var i = 0 ; i < res.data.length ; i++){
+              this.payeeTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue});
+            }
+            this.payeeType = this.selectDictLabel(res.data, response.data.payeeType);
+          });
+          this.form = response.data;
+        });
+      },
+      onConfirmBankType(data){
+        this.bankType = data.text;
+        this.form.bankType = data.value;
+        this.showBankType = false;
+      },
+      onConfirmPayeeType(data){
+        this.payeeType = data.text;
+        this.form.payeeType = data.value;
+        this.showPayeeType = false;
+      },
+      goAdd(){
+        console.log(this.form)
+        updatePayee(this.form).then(response => {
+          this.$toast.success('修改成功');
+          setTimeout(function(){
+            history.go(-1)
+          },2000)
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /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: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    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: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>

src/views/lawEnforcement/user/index.vue

@@ -0,0 +1,162 @@
+<template>
+  <div class="app-container">
+    <div class="topBackground">
+      <van-nav-bar title="我的" fixed placeholder/>
+      <van-row class="userInformation">
+        <van-col :span="6">
+          <van-image src="../../../../static/images/lawEnforcement/12.jpg" class="headImg" />
+        </van-col>
+        <van-col :span="12">
+          <p class="userName">农燊高科</p>
+          <p class="userDept">农业农村局<i style="margin-right: 0.5rem;"></i>种子部门</p>
+        </van-col>
+        <van-col :span="6" align="right">
+          <van-icon name="arrow" size="20" color="#FFF" style="line-height: 1.7rem;" />
+        </van-col>
+      </van-row>
+    </div>
+    <van-cell-group class="listBox">
+      <van-cell is-link to="/lawEnforcement/programme">
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_fagl.png" size="20"></van-icon>
+          <span class="custom-title">方案管理</span>
+        </template>
+      </van-cell>
+      <van-cell is-link to="/lawEnforcement/complaint">
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_tshf.png" size="20"></van-icon>
+          <span class="custom-title">投诉回复</span>
+        </template>
+      </van-cell>
+    </van-cell-group>
+    <van-cell-group class="listBox">
+      <van-cell is-link to="/lawEnforcement/changePassword">
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_mmxg.png" size="20"></van-icon>
+          <span class="custom-title">密码修改</span>
+        </template>
+      </van-cell>
+      <van-cell is-link to="/lawEnforcement/feedback">
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_bzfk.png" size="20"></van-icon>
+          <span class="custom-title">帮助反馈</span>
+        </template>
+      </van-cell>
+      <van-cell is-link to="/lawEnforcement/agreement">
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_cpxy.png" size="20"></van-icon>
+          <span class="custom-title">产品协议</span>
+        </template>
+      </van-cell>
+    </van-cell-group>
+    <van-button type="default" class="loginOut">退出登录</van-button>
+    <law></law>
+  </div>
+</template>
+<script>
+import { newList } from "@/api/index";
+import law from "@/components/common/law_footer";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+
+    };
+  },
+  created() {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 0 ;
+}
+/deep/ .van-hairline--bottom::after{
+  border: none;
+}
+/deep/ .van-nav-bar{
+  background-color: transparent;
+}
+/deep/ .van-nav-bar__title{
+  color: #FFFFFF;
+}
+.topBackground{
+  background-image: url("../../../../static/images/lawEnforcement/user_bg.png") ;
+  background-size: 100%;
+  background-repeat: no-repeat;
+}
+  .headImg{
+    width: 1.7rem;
+    height: 1.7rem;
+    border-radius: 10PX;
+    overflow: hidden;
+  }
+  .userName{
+    font-size: 20PX;
+    color: #FFFFFF;
+    line-height: 0.85rem;
+  }
+  .userDept{
+    font-size: 14PX;
+    color: #FFFFFF;
+    line-height: 0.85rem;
+  }
+  .userInformation{
+    padding: 0.3rem 6%;
+  }
+.listBox{
+  width: 96%;
+  margin: 0 auto;
+  border-radius: 8Px;
+  overflow: hidden;
+  box-shadow: 0PX 5PX 5PX #cccccc;
+  margin-top: 10PX;
+  padding: 3% 0;
+  .van-icon{
+    vertical-align: middle;
+  }
+  .van-cell{
+    padding: 3% 5%;
+  }
+  .custom-title{
+    font-size: 16PX;
+    color: #333333;
+    vertical-align: middle;
+    line-height: 1;
+    position: relative;
+    margin-left: 5PX;
+  }
+  .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;
+  }
+}
+  .loginOut{
+    width: 96%;
+    margin: 10PX 2%;
+    border-radius: 8Px;
+    box-shadow: 0PX 5PX 5PX #cccccc;
+    border: none;
+  }
+</style>