农业执法

package-lock.json

@@ -3584,12 +3584,12 @@
       }
     },
     "echarts": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.2.2.tgz",
-      "integrity": "sha512-yxuBfeIH5c+0FsoRP60w4De6omXhA06c7eUYBsC1ykB6Ys2yK5fSteIYWvkJ4xJVLQgCvAdO8C4mN6MLeJpBaw==",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.3.3.tgz",
+      "integrity": "sha512-BRw2serInRwO5SIwRviZ6Xgm5Lb7irgz+sLiFMmy/HOaf4SQ+7oYqxKzRHAKp4xHQ05AuHw1xvoQWJjDQq/FGw==",
       "requires": {
         "tslib": "2.3.0",
-        "zrender": "5.2.1"
+        "zrender": "5.3.2"
       }
     },
     "ee-first": {
@@ -13583,9 +13583,9 @@
       }
     },
     "zrender": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.2.1.tgz",
-      "integrity": "sha512-M3bPGZuyLTNBC6LiNKXJwSCtglMp8XUEqEBG+2MdICDI3d1s500Y4P0CzldQGsqpRVB7fkvf3BKQQRxsEaTlsw==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.3.2.tgz",
+      "integrity": "sha512-8IiYdfwHj2rx0UeIGZGGU4WEVSDEdeVCaIg/fomejg1Xu6OifAL1GVzIPHg2D+MyUkbNgPWji90t0a8IDk+39w==",
       "requires": {
         "tslib": "2.3.0"
       }

package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@vant/area-data": "^1.2.2",
     "axios": "^0.21.1",
-    "echarts": "^5.2.2",
+    "echarts": "^5.3.3",
     "element-ui": "^2.15.6",
     "font-awesome": "^4.7.0",
     "font-awesome.css": "^4.7.2",

src/router/index.js

@@ -3224,7 +3224,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/index_new'], resolve)
   },
-  { ////阳光村务（新）-- 合同信息
+  { ////农业执法（新）-- 案件分配
     path: '/lawEnforcement/caseAllocation',
     name: 'lawEnforcementCaseAllocation',
     meta: {
@@ -3233,7 +3233,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseAllocation'], resolve)
   },
-  { ////阳光村务（新）-- 合同信息
+  { ////农业执法（新）-- 历史任务
     path: '/lawEnforcement/caseHistory',
     name: 'lawEnforcementCaseHistory',
     meta: {
@@ -3242,7 +3242,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseHistory'], resolve)
   },
-  { ////阳光村务（新）-- 合同信息
+  { ////农业执法（新）-- 查看登记
     path: '/lawEnforcement/caseDetail',
     name: 'lawEnforcementCaseDetail',
     meta: {
@@ -3251,7 +3251,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseDetail'], resolve)
   },
-  { ////阳光村务（新）-- 合同信息
+  { ////农业执法（新）-- 分配案件
     path: '/lawEnforcement/caseDistribution',
     name: 'lawEnforcementCaseDistribution',
     meta: {
@@ -3260,7 +3260,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseDistribution'], resolve)
   },
-  { ////阳光村务（新）-- 合同信息
+  { ////农业执法（新）-- 执行人员
     path: '/lawEnforcement/caseLawEnforcer',
     name: 'lawEnforcementCaseLawEnforcer',
     meta: {
@@ -3269,7 +3269,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseLawEnforcer'], resolve)
   },
-  { ////阳光村务（新）-- 合同信息
+  { ////农业执法（新）-- 退回案件
     path: '/lawEnforcement/caseReturn',
     name: 'lawEnforcementCaseReturn',
     meta: {
@@ -3278,7 +3278,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseReturn'], resolve)
   },
-  { ////阳光村务（新）-- 合同信息
+  { ////农业执法（新）-- 任务查看
     path: '/lawEnforcement/task',
     name: 'lawEnforcementTask',
     meta: {
@@ -3287,7 +3287,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/task/task'], resolve)
   },
-  { ////阳光村务（新）-- 合同信息
+  { ////农业执法（新）-- 查看登记案件
     path: '/lawEnforcement/taskDetail',
     name: 'lawEnforcementTaskDetail',
     meta: {
@@ -3296,7 +3296,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/task/taskDetail'], resolve)
   },
-  { ////阳光村务（新）-- 合同信息
+  { ////农业执法（新）-- 执法打卡
     path: '/lawEnforcement/taskSignIn',
     name: 'lawEnforcementTaskSignIn',
     meta: {
@@ -3304,6 +3304,78 @@ export const constantRoutes = [
       hidden: true,
     },
     component: (resolve) => require(['@/views/lawEnforcement/task/taskSignIn'], resolve)
+  },
+  { ////农业执法（新）-- 签到记录
+    path: '/lawEnforcement/taskRecord',
+    name: 'lawEnforcementTaskRecord',
+    meta: {
+      title: '签到记录',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/task/taskRecord'], resolve)
+  },
+  { ////农业执法（新）-- 现场检查（勘察）笔录
+    path: '/lawEnforcement/record',
+    name: 'lawEnforcementRecord',
+    meta: {
+      title: '现场检查（勘察）笔录',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/record/record'], resolve)
+  },
+  { ////农业执法（新）-- 案件列表
+    path: '/lawEnforcement/caseList',
+    name: 'lawEnforcementCaseList',
+    meta: {
+      title: '案件列表',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/record/caseList'], resolve)
+  },
+  { ////农业执法（新）-- 文书打印
+    path: '/lawEnforcement/recordDocument',
+    name: 'lawEnforcementRecordDocument',
+    meta: {
+      title: '文书打印',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/record/recordDocument'], resolve)
+  },
+  { ////农业执法（新）-- 案件查询
+    path: '/lawEnforcement/caseQuery',
+    name: 'lawEnforcementCaseQuery',
+    meta: {
+      title: '案件查询',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseQuery/caseQuery'], resolve)
+  },
+  { ////农业执法（新）-- 归档详情
+    path: '/lawEnforcement/caseQueryDocument',
+    name: 'lawEnforcementCaseQueryDocument',
+    meta: {
+      title: '归档详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseQuery/caseQueryDocument'], resolve)
+  },
+  { ////农业执法（新）-- 案件统计
+    path: '/lawEnforcement/caseStatistics',
+    name: 'lawEnforcementCaseStatistics',
+    meta: {
+      title: '案件统计',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseStatistics/caseStatistics'], resolve)
+  },
+  { ////农业执法（新）-- 案件统计
+    path: '/lawEnforcement/caseDistributionMap',
+    name: 'lawEnforcementCaseDistributionMap',
+    meta: {
+      title: '案件分布',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseDistribution/caseDistribution'], resolve)
   }
 ];
 

src/views/lawEnforcement/caseDistribution/caseDistribution.vue

@@ -0,0 +1,109 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main">
+        案件分布
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+      <div style="height: 58px;"></div>
+
+      <div class="tab">
+        <van-dropdown-menu active-color="#1989fa">
+          <van-dropdown-item v-model="value1" :options="option1" />
+          <van-dropdown-item v-model="value2" :options="option2" />
+        </van-dropdown-menu>
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  import * as echarts from 'echarts';
+  export default {
+    name: "caseAllocation",
+    data() {
+      return {
+        value1: 0,
+        value2: 'a',
+        option1: [
+          { text: '2022', value: 0 },
+          { text: '2021', value: 1 },
+          { text: '2020', value: 2 },
+        ],
+        option2: [
+          { text: '全部', value: 'a' },
+          { text: '羊亭镇', value: 'b' },
+          { text: '张村镇', value: 'c' },
+          { text: '桥头镇', value: 'd' },
+          { text: '温泉镇', value: 'e' },
+        ],
+      };
+    },
+    created() {
+
+    },
+    mounted(){
+    },
+    methods: {
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 ;
+    background: url('../../../../static/images/lawEnforcement/new/map.png') no-repeat 27%;
+    background-size: auto 100%;
+    .header_main{
+        height: 116px;
+        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        z-index: 999;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+}
+  .tab{
+    width: 94%;
+    position: absolute;
+    top: 130px;
+    left: 3%;
+    border-radius: 8PX;
+    overflow: hidden;
+    /deep/ .van-dropdown-item__content{
+      width: 94%;
+      left: 3%;
+      border-bottom-left-radius: 8PX;
+      border-bottom-right-radius: 8PX;
+    }
+  }
+</style>

src/views/lawEnforcement/caseQuery/caseQuery.vue

@@ -0,0 +1,282 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+          案件查询
+          <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+      <div style="height: 58px;"></div>
+      <div class="search_box">
+        <div class="search">
+          <input type="text" placeholder="请输入搜索内容" />
+          <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+        </div>
+      </div>
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        >
+        <van-swipe-cell v-for="(item,index) in 10" :key="index">
+          <van-cell title="关于徐胜峰在禁渔期内收购非法捕捞渔获..." :to="{name:'lawEnforcementCaseDetail', query: {id:item.id}}">
+            <template #icon>
+              <p>{{index+1}}.</p>
+            </template>
+            <template #label>
+              <p>2022000002</p>
+              <p>勘察</p>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square type="info" :to="{name:'lawEnforcementCaseQueryDocument', query: {id:item.id}}" class="delete-button" >归档<br/>详情</van-button>
+              </van-col>
+            </van-row>
+          </template>
+        </van-swipe-cell>
+      </van-list>
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "caseAllocation",
+    data() {
+      return {
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'createTime',
+          isAsc:'desc',
+          year:'2022',
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        financePublicList(_this.queryParams).then(response => {
+          _this.listLength = response.total;
+          response.rows.map(res=>{
+            _this.applicationList.push(res);
+          })
+          if(_this.applicationList.length >= response.total){
+            _this.finished = true;
+            return;
+          }else{
+            _this.loading = false;
+            _this.queryParams.pageNum += 1 ;
+          }
+
+        });
+      },
+      tabClick(year){
+        this.queryParams.year = year ;
+        this.applicationList = [];
+        this.getList();
+      },
+      tabShow(){
+        this.showTab = !this.showTab;
+      },
+      /** 删除按钮操作 */
+      handleDelete(row,index) {
+        let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
+        if (assetStatus === '2' || assetStatus === '3') {
+          this.$notify({
+            message: "不允许删除已出售或已报废的资产",
+            type: "warning",
+          });
+          return;
+        }
+        let useType = row.useType;
+        if(useType == 3) {
+          this.$notify({
+            message: "出租或出借的资产不允许删除",
+            type: "warning",
+          });
+          return ;
+        }
+        const ids = row.id || this.ids;
+
+        this.$dialog.alert(
+          {
+            message:'是否确认删除固定资产?',
+            title:"警告",
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+          }
+        )
+          .then(function () {
+            return delPermanent(ids);
+          })
+          .then(() => {
+            this.applicationList.splice(index, 1);
+            this.$notify({ type: 'success', message: '删除成功' });
+          });
+      },
+      goAdd(){
+        this.$router.push('/sunVillage_info/list_finance_add')
+      },
+      goDetail(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_detail',query: {id:id,type:'finance'}})
+      },
+      goRanking(id,time){
+        this.$router.push({path:'/sunVillage_info/list_finance_ranking',query: {id:id,time:time}})
+      },
+      goEdit(id){
+        this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}})
+      },
+      goRemove(id){
+        this.$dialog.alert({
+          title: '提示',
+          message: '确认删除？',
+          showCancelButton:true,
+        })
+          .then(() => {
+            openRemove(id).then(response => {
+              this.$notify({ type: 'success', message: '删除成功' });
+              this.getList()
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 3% 0.2rem;
+    .search_box{
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 92%;
+      margin: 0PX auto;
+      .search{
+        background: #ffffff;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 100%;
+        margin: 10PX auto;
+        border: 1px solid #1D6FE9;
+        padding: 1PX 1PX 1PX 12PX ;
+        border-radius: 50PX;
+        input{
+          flex: 1;
+          background: transparent;
+        }
+      }
+    }
+    .header_main{
+        height: 116px;
+        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        z-index: 999;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+
+}
+/deep/.van-cell__title 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;
+}
+/deep/.van-cell__label {
+  display: flex;
+  justify-content: space-between;
+  p{
+    display: inline-block;
+    color: #1D6FE9;
+    font-size: 0.35rem;
+    &:last-child{
+      background: rgba(254,19,19,0.2);
+      padding: 0 5PX;
+      border-radius: 3PX;
+      color: #FE1313;
+    }
+  }
+}
+/deep/.van-cell__value{
+  flex: 0.3;
+  color: #1D6FE9;
+  font-weight: bold;
+}
+/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-ellipsis{
+  font-weight: bold;
+}
+.van-row{
+  height: 100%;
+}
+.van-col{
+  height: 100%;
+}
+.delete-button {
+  height: 100%;
+}
+</style>

src/views/lawEnforcement/caseQuery/caseQueryDocument.vue

@@ -0,0 +1,332 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      归档详情
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+
+    <div class="search_box">
+      <div class="search">
+        <input type="text" placeholder="请输入搜索内容" />
+        <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+      </div>
+    </div>
+
+    <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>
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 2" :key="index" >
+          <van-col :span="2">{{index+1}}</van-col>
+          <van-col :span="18">
+            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
+            <p>指定管辖通知书</p>
+          </van-col>
+          <van-col :span="4">
+            <p>打印</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_kc.png" size="20"></van-icon>
+          <span class="custom-title">勘察<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 2" :key="index" >
+          <van-col :span="2">{{index+1}}</van-col>
+          <van-col :span="18">
+            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
+            <p>指定管辖通知书</p>
+          </van-col>
+          <van-col :span="4">
+            <p>下载</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+          <span class="custom-title">备案<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 2" :key="index" >
+          <van-col :span="2">{{index+1}}</van-col>
+          <van-col :span="18">
+            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
+            <p>指定管辖通知书</p>
+          </van-col>
+          <van-col :span="4">
+            <p>下载</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    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">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .search_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 92%;
+    margin: 0PX auto;
+    .select_box{
+      border: 1px solid #1D6FE9;
+      border-radius: 8PX;
+      padding: 0 12PX ;
+      background: #ffffff;
+      height: 30PX;
+      line-height: 30PX;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+    }
+    .search{
+      background: #ffffff;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      margin: 10PX auto;
+      border: 1px solid #1D6FE9;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 50PX;
+      input{
+        flex: 1;
+        background: transparent;
+      }
+    }
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding: 0 3%;
+    text-align: left;
+    .van-row{
+      border-bottom: 1px solid #dddddd;
+      display: flex;
+      align-items: center;
+      &:last-child{
+        border: none;
+      }
+      .van-col--18{
+        display: flex;
+        align-items: center;
+        p{
+          margin-left: 10PX;
+        }
+      }
+      .van-col--4{
+        display: flex;
+        justify-content: right;
+        p{
+          color: #1D6FE9;
+          border: 1px solid #1D6FE9;
+          text-align: center;
+          border-radius: 15PX;
+          display: inline-block;
+          padding: 5px 15px;
+        }
+      }
+      .van-col{
+        text-align: left;
+        font-size: 14PX;
+        color: #333333;
+        padding: 15PX 0;
+        img{
+          display: block;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 45%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+  .submit_box{
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    background: #ffffff;
+    padding: 25PX 0;
+  }
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>

src/views/lawEnforcement/caseStatistics/caseStatistics.vue

@@ -0,0 +1,314 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main">
+        案件统计
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+      <div style="height: 58px;"></div>
+
+      <div class="top_main">
+        <img src="../../../../static/images/lawEnforcement/icon/statistics_icon_01.png">
+        <div class="main_text">
+          <p>156</p>
+          <p>案件数量</p>
+        </div>
+        <van-popover
+          v-model="showPopover"
+          trigger="click"
+          :actions="actions"
+          placement="bottom-end"
+        >
+          <template #reference>
+            <div class="select_box">
+              <p>2022</p>
+              <van-icon name="arrow-down" color="#ffffff" />
+            </div>
+          </template>
+        </van-popover>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <p class="tit">案件分类统计</p>
+
+        <div id="main" style="width: 100%;height: 200px;margin-top: 10px"></div>
+
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <p class="tit">案件来源分析</p>
+
+        <div id="main2" style="width: 100%;height: 200px;margin-top: 10px"></div>
+
+        <div class="len_box">
+          <div class="len_box_01">
+            <p><i></i>计划执法</p>
+            <p>64</p>
+          </div>
+          <div class="len_box_02">
+            <p><i></i>计划执法</p>
+            <p>64</p>
+          </div>
+          <div class="len_box_03">
+            <p><i></i>计划执法</p>
+            <p>64</p>
+          </div>
+          <div class="len_box_04">
+            <p><i></i>计划执法</p>
+            <p>64</p>
+          </div>
+        </div>
+
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <p class="tit">案件月度走势</p>
+
+        <div id="main3" style="width: 100%;height: 200px;margin-top: 10px"></div>
+
+      </div>
+
+    </div>
+</template>
+
+<script>
+  import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  import * as echarts from 'echarts';
+  export default {
+    name: "caseAllocation",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+      };
+    },
+    created() {
+
+    },
+    mounted(){
+      this.chart();
+      this.chart2();
+      this.chart3();
+    },
+    methods: {
+      chart(){
+        var chartDom = document.getElementById('main');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+          tooltip: {
+            trigger: 'item'
+          },
+          series: [
+            {
+              type: 'pie',
+              radius: ['40%', '70%'],
+              data: [
+                { value: 1048, name: '农药 1048' },
+                { value: 735, name: '种子 735' },
+                { value: 580, name: '肥料 580' },
+                { value: 484, name: '屠宰 484' },
+                { value: 300, name: '动检 300' },
+                { value: 300, name: '兽药 300' },
+                { value: 300, name: '植检 300' },
+                { value: 300, name: '饲料 300' },
+                { value: 300, name: '其他 300' },
+              ]
+            }
+          ]
+        };
+
+        option && myChart.setOption(option);
+      },
+      chart2(){
+        var chartDom = document.getElementById('main2');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+          tooltip: {
+            trigger: 'item'
+          },
+          series: [
+            {
+              type: 'pie',
+              radius: ['40%', '70%'],
+              data: [
+                { value: 1048, name: '农药 1048' },
+                { value: 735, name: '种子 735' },
+                { value: 580, name: '肥料 580' },
+                { value: 484, name: '屠宰 484' },
+              ]
+            }
+          ]
+        };
+
+        option && myChart.setOption(option);
+      },
+      chart3(){
+        var chartDom = document.getElementById('main3');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+          grid: {
+            top:'5%',
+            left: '3%',
+            right: '4%',
+            bottom: '3%',
+            containLabel: true
+          },
+          xAxis: {
+            type: 'category',
+            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+          },
+          yAxis: {
+            type: 'value'
+          },
+          series: [
+            {
+              data: [150, 230, 224, 218, 135, 147, 260, 224, 218, 135, 147, 260],
+              type: 'line'
+            }
+          ]
+        };
+
+        option && myChart.setOption(option);
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 3% 0.2rem;
+    .header_main{
+        height: 116px;
+        background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        z-index: 999;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+}
+.top_main{
+  display: flex;
+  align-items: center;
+  background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+  background-size: 100% 100%;
+  color: #ffffff;
+  padding: 15PX;
+  margin-top: 10PX;
+  border-radius: 8PX;
+  .main_text{
+    margin-left: 15PX;
+    p{
+      &:first-child{
+        font-size: .6rem;
+      }
+    }
+  }
+  /deep/ .van-popover__wrapper{
+    margin-left: auto;
+  }
+}
+.select_box{
+  border: 1px solid #ffffff;
+  border-radius: 50PX;
+  padding: 0 12PX ;
+  height: 25PX;
+  line-height: 25PX;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  p{
+    margin-right: 10PX;
+  }
+}
+.main_box {
+  width: 100%;
+  margin: 0 auto;
+  border-radius: 10PX;
+  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
+  overflow: hidden;
+  background-color: #FFF;
+  padding: 15PX;
+  .tit{
+    background: url('../../../../static/images/lawEnforcement/icon/statistics_icon_02.png') no-repeat left center;
+    padding-left: 10PX;
+    font-size: .4rem;
+  }
+}
+.len_box{
+  display: flex;
+  justify-content: space-between;
+  div{
+    background: rgba(196,218,249,0.2);
+    width: 24%;
+    border-radius: 5PX;
+    padding: 8PX;
+    i{
+      width: 10PX;
+      height: 10PX;
+      display: inline-block;
+      border-radius: 2PX;
+      margin-right: 5PX;
+    }
+    p:last-child{
+      padding-left: 15PX;
+      margin-top: 8PX;
+      font-size: .4rem;
+    }
+  }
+  .len_box_01{
+    i{
+      background: #1CB8B1;
+    }
+  }
+  .len_box_02{
+    i{
+      background: #508EEC;
+    }
+  }
+  .len_box_03{
+    i{
+      background: #F68E68;
+    }
+  }
+  .len_box_04{
+    i{
+      background: #6163B0;
+    }
+  }
+}
+</style>

src/views/lawEnforcement/index_new.vue

@@ -47,27 +47,27 @@
       <p class="tit">文书制作</p>
       <div class="content">
         <div class="images">
-          <img src="../../../static/images/lawEnforcement/new/index_icon_08.png">
-          <img src="../../../static/images/lawEnforcement/new/index_icon_09.png">
-          <img src="../../../static/images/lawEnforcement/new/index_icon_10.png">
-          <img src="../../../static/images/lawEnforcement/new/index_icon_11.png">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_08.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_09.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'2'}})">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'3'}})">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'4'}})">
         </div>
-        <img src="../../../static/images/lawEnforcement/new/index_icon_12.png">
+        <img src="../../../static/images/lawEnforcement/new/index_icon_12.png" @click="$router.push({name:'lawEnforcementRecordDocument'})">
       </div>
     </div>
 
     <div class="main3">
       <p class="tit">案件分析</p>
       <van-grid :column-num="3" :border="false">
-        <van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementCaseQuery'}">
           <img src="../../../static/images/lawEnforcement/new/index_icon_13.png"/>
           <p>案件查询</p>
         </van-grid-item>
-        <van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementCaseStatistics'}">
           <img src="../../../static/images/lawEnforcement/new/index_icon_14.png"/>
           <p>案件统计</p>
         </van-grid-item>
-        <van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementCaseDistributionMap'}">
           <img src="../../../static/images/lawEnforcement/new/index_icon_15.png"/>
           <p>案件分布</p>
         </van-grid-item>

src/views/lawEnforcement/record/caseList.vue

@@ -0,0 +1,254 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      案件列表
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+
+    <div class="search_box">
+      <div class="search">
+        <input type="text" placeholder="请输入搜索内容" />
+        <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+      </div>
+    </div>
+
+    <div class="main_box">
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 10" :key="index" >
+          <van-col :span="20">张雷未经定点从事生猪屠宰活动案</van-col>
+          <van-col :span="4">
+            <div class="icon_box">
+              <van-checkbox v-model="checked" shape="square"></van-checkbox>
+            </div>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <p class="submitButton">确定</p>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    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">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .search_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 92%;
+    margin: 0PX auto;
+    .select_box{
+      border: 1px solid #1D6FE9;
+      border-radius: 8PX;
+      padding: 0 12PX ;
+      background: #ffffff;
+      height: 30PX;
+      line-height: 30PX;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+    }
+    .search{
+      background: #ffffff;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      margin: 10PX auto;
+      border: 1px solid #1D6FE9;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 50PX;
+      input{
+        flex: 1;
+        background: transparent;
+      }
+    }
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding: 3%;
+    text-align: left;
+    .van-row{
+      margin-bottom: 10PX;
+      background: rgba(196,218,249,0.3);
+      border-radius: 5PX;
+      .van-col{
+        text-align: left;
+        font-size: 14PX;
+        color: #333333;
+        padding: 5PX 15PX;
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 45%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+    margin-top: 25PX;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>

src/views/lawEnforcement/record/record.vue

@@ -0,0 +1,274 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      {{headTitle}}
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+    <div class="main_box">
+      <van-field v-model="value" label="案件名称" placeholder="请选择案件名称" :border="false" readonly is-link @click="$router.push({name:'lawEnforcementCaseList'})" />
+      <van-field v-model="value" label="执法节点" placeholder="请选择执法节点" :border="false" readonly is-link arrow-direction="down" >
+        <template #input>
+          <van-popover
+            v-model="showPopover"
+            trigger="click"
+            :actions="actions"
+            placement="bottom-start"
+          >
+            <template #reference>
+              <p style="color: #cccccc">请选择执法节点</p>
+            </template>
+          </van-popover>
+        </template>
+      </van-field>
+      <van-field v-model="value" label="签字上传" :border="false" readonly >
+        <template #input>
+          <van-uploader v-model="fileList" multiple />
+        </template>
+      </van-field>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/record_icon_01.png" size="20"></van-icon>
+          <span class="custom-title">视频地址<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <van-field type="textarea" autosize :border="false" placeholder="输入视频地址、执法文件名称等" />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+          <span class="custom-title">模板<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="cf">
+        <van-row>
+          <van-col :span="6">
+            <van-image src="../../../../static/images/lawEnforcement/icon/record_icon_02.png" width="50" />
+          </van-col>
+          <van-col :span="18">
+            <p>现场检查（勘验）笔录.docx</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <div class="submit_box">
+      <p class="submitButton">保存</p>
+      <p class="submitButton">处理</p>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+
+        fileList:[],
+        headTitle:''
+      };
+    },
+    created() {
+      // this.getDictionaries()
+      if (this.$route.query.type == '1'){
+        this.headTitle = '现场检查（勘察）笔录';
+      }
+      if (this.$route.query.type == '2'){
+        this.headTitle = '询问笔录';
+      }
+      if (this.$route.query.type == '3'){
+        this.headTitle = '当场行政处罚决定书';
+      }
+      if (this.$route.query.type == '4'){
+        this.headTitle = '责令改正通知书';
+      }
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      display: flex;
+      align-items: center;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+          text-align: left;
+          font-size: .4rem;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding-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: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 40%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #77A6EF , #2E79E9);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+    margin-top: 25PX;
+    &:first-child{
+      background-image: linear-gradient(to right, #21CAC3 , #17A8A2);
+    }
+  }
+  .submit_box{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+
+</style>

src/views/lawEnforcement/record/recordDocument.vue

@@ -0,0 +1,288 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      文书打印
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+
+    <div class="search_box">
+      <div class="search">
+        <input type="text" placeholder="请输入搜索内容" />
+        <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+      </div>
+    </div>
+
+    <div class="main_box">
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 10" :key="index" >
+          <van-col :span="2">{{index+1}}</van-col>
+          <van-col :span="18">
+            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
+            <p>指定管辖通知书</p>
+          </van-col>
+          <van-col :span="4">
+            <p>打印</p>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <div class="submit_box">
+      <p class="submitButton">进入任务</p>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showPopover: false,
+        // 通过 actions 属性来定义菜单选项
+        actions: [{ text: '选项一' }, { text: '选项二' }, { text: '选项三' }],
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    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">
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .search_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 92%;
+    margin: 0PX auto;
+    .select_box{
+      border: 1px solid #1D6FE9;
+      border-radius: 8PX;
+      padding: 0 12PX ;
+      background: #ffffff;
+      height: 30PX;
+      line-height: 30PX;
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+    }
+    .search{
+      background: #ffffff;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+      margin: 10PX auto;
+      border: 1px solid #1D6FE9;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 50PX;
+      input{
+        flex: 1;
+        background: transparent;
+      }
+    }
+  }
+  .cf{
+    padding: 0 3%;
+    margin-top: 20PX;
+    margin-bottom: 20PX;
+    .van-row{
+      background: #F0F3F5;
+      .van-col{
+        padding: 5PX 0;
+        font-size: 12PX!important;
+        text-align: center;
+        p{
+          color: #1D6FE9;
+        }
+      }
+      &:first-child{
+        background: transparent;
+      }
+    }
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding: 0 3%;
+    text-align: left;
+    .van-row{
+      border-bottom: 1px solid #dddddd;
+      display: flex;
+      align-items: center;
+      &:last-child{
+        border: none;
+      }
+      .van-col--18{
+        display: flex;
+        align-items: center;
+        p{
+          margin-left: 10PX;
+        }
+      }
+      .van-col--4{
+        display: flex;
+        justify-content: right;
+        p{
+          color: #1D6FE9;
+          border: 1px solid #1D6FE9;
+          text-align: center;
+          border-radius: 15PX;
+          display: inline-block;
+          padding: 5px 15px;
+        }
+      }
+      .van-col{
+        text-align: left;
+        font-size: 14PX;
+        color: #333333;
+        padding: 15PX 0;
+        img{
+          display: block;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    .van-icon{
+      vertical-align: middle;
+    }
+    .custom-title{
+      font-size: 17PX;
+      color: #333333;
+      vertical-align: middle;
+      line-height: 1;
+      position: relative;
+    }
+    .tap{
+      color: #1D6FE9;
+    }
+    .bgBlue{
+      display: block;
+      position: absolute;
+      width: 17PX;
+      height: 17PX;
+      border-radius: 50%;
+      background-color: rgba(29,111,233,0.26);
+      top: -2PX;
+      right: -8PX;
+    }
+  }
+  .submitButton{
+    width: 45%;
+    margin: 0 auto;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 70px;
+    line-height: 70px;
+    border-radius: 8PX;
+  }
+  .submit_box{
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    background: #ffffff;
+    padding: 25PX 0;
+  }
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>

src/views/lawEnforcement/task/taskRecord.vue

@@ -0,0 +1,186 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      签到记录
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></div>
+
+    <div class="top_box">
+      <img src="../../../../static/images/lawEnforcement/icon/task_icon_04.png" class="icon_02">
+      <div class="name_box">
+        <p>张薇</p>
+        <p>执法检查人员</p>
+      </div>
+      <img src="../../../../static/images/lawEnforcement/icon/task_icon_03.png" class="icon_01">
+    </div>
+
+    <div class="center_box">
+      <div class="center_box_list">
+        <div class="center_box_list_left">
+          <p>2022-07-09 14:10</p>
+          <p>宿州市埇桥区永乡镇供销社楼下</p>
+        </div>
+        <p class="goSee">查看</p>
+      </div>
+      <div class="center_box_list">
+        <div class="center_box_list_left">
+          <p>2022-07-09 14:10</p>
+          <p>宿州市埇桥区永乡镇供销社楼下</p>
+        </div>
+        <p class="goSee">查看</p>
+      </div>
+      <div class="center_box_list">
+        <div class="center_box_list_left">
+          <p>2022-07-09 14:10</p>
+          <p>宿州市埇桥区永乡镇供销社楼下</p>
+        </div>
+        <p class="goSee">查看</p>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    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">
+  .app-container {
+    padding: 2% 2% 10%;
+    background: #ffffff;
+    height: 100vh;
+  }
+  .header_main{
+    height: 116px;
+    background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;
+    background-size: 100% 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+
+  .top_box{
+    display: flex;
+    align-items: center;
+    padding: 20px 3%;
+    .icon_01{
+      margin-left: auto;
+    }
+    .icon_02{
+      margin-right: 3%;
+    }
+    .name_box{
+      p{
+        &:first-child{
+          font-size: 0.45rem;
+          color: #333333;
+        }
+        &:last-child{
+          font-size: 0.35rem;
+          color: #B4B0B0;
+        }
+      }
+    }
+  }
+
+  .center_box{
+    background: #F5F9FF;
+    font-size: 0.35rem;
+    .center_box_list{
+      display: flex;
+      align-items: center;
+      padding: 5% 0;
+      width: 94%;
+      margin: 0 auto;
+      border-bottom: 1px solid #C9C9C9;
+      &:last-child{
+        border: none;
+      }
+      .center_box_list_left{
+        p{
+          &:first-child{
+            font-size: .4rem;
+          }
+          &:last-child{
+            color: #333333;
+            background: url('../../../../static/images/lawEnforcement/icon/task_icon_02.png') no-repeat center left;
+            margin-top: 10PX;
+            padding-left: 20PX;
+          }
+        }
+      }
+      .goSee{
+        margin-left: auto;
+        background: url('../../../../static/images/lawEnforcement/icon/task_icon_05.png') no-repeat top center;
+        padding-top: 18PX;
+        color: #1D6FE9;
+      }
+    }
+  }
+</style>

src/views/lawEnforcement/task/taskSignIn.vue

@@ -24,7 +24,7 @@
             <p class="time">8:29<span>（2022年9月6日）</span></p>
             <p class="dress">宿州市埇桥区永乡镇供销社楼下</p>
           </div>
-          <div class="file_box_btn">
+          <div class="file_box_btn" @click="$router.push({name:'lawEnforcementTaskRecord'})">
             <img src="../../../../static/images/lawEnforcement/icon/task_icon.png">
             <p>打卡记录</p>
           </div>