农业执法

package-lock.json

@@ -183,7 +183,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
       "requires": {
         "sprintf-js": "~1.0.2"
       }
@@ -1346,6 +1345,34 @@
       "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
       "dev": true
     },
+    "bmaplib.curveline": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/bmaplib.curveline/-/bmaplib.curveline-1.0.0.tgz",
+      "integrity": "sha512-9wcFMVhiYxNPqpvsLDAADn3qDhNzXp2mA6VyHSHg2XOAgSooC7ZiujdFhy0sp+0QYjTfJ/MjmLuNoUg2HHxH4Q=="
+    },
+    "bmaplib.heatmap": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/bmaplib.heatmap/-/bmaplib.heatmap-1.0.4.tgz",
+      "integrity": "sha512-rmhqUARBpUSJ9jXzUI2j7dIOqnc38bqubkx/8a349U2qtw/ulLUwyzRD535OrA8G7w5cz4aPKm6/rNvUAarg/Q=="
+    },
+    "bmaplib.lushu": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/bmaplib.lushu/-/bmaplib.lushu-1.0.7.tgz",
+      "integrity": "sha512-LVvgpESPii6xGxyjnQjq8u+ic4NjvhdCPV/RiSS/PGTUdZKeTDS7prSpleJLZH3ES0+oc0gYn8bw0LtPYUSz2w=="
+    },
+    "bmaplib.markerclusterer": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/bmaplib.markerclusterer/-/bmaplib.markerclusterer-1.0.13.tgz",
+      "integrity": "sha512-VrLyWSiuDEVNi0yUfwOhFQ6z1oEEHS4w36GNu3iASu6p52QIx9uAXMUkuSCHReNR0bj2Cp9SA1dSx5RpojXajQ==",
+      "requires": {
+        "bmaplib.texticonoverlay": "^1.0.2"
+      }
+    },
+    "bmaplib.texticonoverlay": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bmaplib.texticonoverlay/-/bmaplib.texticonoverlay-1.0.2.tgz",
+      "integrity": "sha512-4ZTWr4ZP3B6qEWput5Tut16CfZgII38YwM3bpyb4gFTQyORlKYryFp9WHWrwZZaHlOyYDAXG9SX0hka43jTADg=="
+    },
     "bn.js": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.0.tgz",
@@ -5867,6 +5894,14 @@
       "resolved": "https://registry.npmjs.org/lib-flexible/-/lib-flexible-0.3.2.tgz",
       "integrity": "sha1-BvWnSDIxSi01wSA5vJw8otrqpCY="
     },
+    "linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
     "load-json-file": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz",
@@ -6044,6 +6079,25 @@
         "object-visit": "^1.0.0"
       }
     },
+    "markdown-it": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-8.4.2.tgz",
+      "integrity": "sha512-GcRz3AWTqSUphY3vsUqQSFMbgR38a4Lh3GWlHRh/7MRwz8mcu9n2IO7HOh+bXHrR9kOPDl5RNCaEsrneb+xhHQ==",
+      "requires": {
+        "argparse": "^1.0.7",
+        "entities": "~1.1.1",
+        "linkify-it": "^2.0.0",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "dependencies": {
+        "entities": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+        }
+      }
+    },
     "math-expression-evaluator": {
       "version": "1.3.7",
       "resolved": "https://registry.npmjs.org/math-expression-evaluator/-/math-expression-evaluator-1.3.7.tgz",
@@ -6073,6 +6127,11 @@
       "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
       "dev": true
     },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -11210,8 +11269,7 @@
     "sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
-      "dev": true
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
     },
     "sshpk": {
       "version": "1.16.1",
@@ -11702,6 +11760,11 @@
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
       "dev": true
     },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA=="
+    },
     "uglify-js": {
       "version": "3.4.10",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
@@ -12084,6 +12147,18 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.6.12.tgz",
       "integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg=="
     },
+    "vue-baidu-map": {
+      "version": "0.21.22",
+      "resolved": "https://registry.npmjs.org/vue-baidu-map/-/vue-baidu-map-0.21.22.tgz",
+      "integrity": "sha512-WQMPCih4UTh0AZCKKH/OVOYnyAWjfRNeK6BIeoLmscyY5aF8zzlJhz/NOHLb3mdztIpB0Z6aohn4Jd9mfCSjQw==",
+      "requires": {
+        "bmaplib.curveline": "^1.0.0",
+        "bmaplib.heatmap": "^1.0.4",
+        "bmaplib.lushu": "^1.0.7",
+        "bmaplib.markerclusterer": "^1.0.13",
+        "markdown-it": "^8.4.0"
+      }
+    },
     "vue-cookies": {
       "version": "1.7.4",
       "resolved": "https://registry.npmjs.org/vue-cookies/-/vue-cookies-1.7.4.tgz",

package.json

@@ -28,6 +28,7 @@
     "sass-loader": "^6.0.6",
     "vant": "^2.12.8",
     "vue": "^2.5.2",
+    "vue-baidu-map": "^0.21.22",
     "vue-cookies": "^1.7.4",
     "vue-esign": "^1.0.5",
     "vue-router": "^3.0.1",

src/main.js

@@ -14,6 +14,8 @@ import SearchTree from 'vue-search-tree'
 import VueHtml5Editor from 'vue-html5-editor'
 import "font-awesome/css/font-awesome.css"
 import VueCookies from 'vue-cookies'
+//引用百度地图
+import BaiduMap from 'vue-baidu-map'
 Vue.use(VueCookies);
 import global from '@/utils/global';
 
@@ -40,6 +42,10 @@ import Vant from 'vant';
 import 'vant/lib/index.css';
 Vue.use(Vant)
 Vue.use(SearchTree)
+Vue.use(BaiduMap, {
+  /* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */
+  ak: 'XzwOBaO4CElCsPdl8LIFEvv5rTemG6w1'
+})
 Vue.use(VueHtml5Editor,{
   // 全局组件名称，使用new VueHtml5Editor(options)时该选项无效
   // global component name

src/router/index.js

@@ -3214,6 +3214,96 @@ export const constantRoutes = [
       hidden: true,
     },
     component: (resolve) => require(['@/views/sunVillage_info/index_code_rights'], resolve)
+  },
+  { ////农业综合行政执法公众平台
+    path: '/lawEnforcement/index_new',
+    name: 'lawEnforcementIndexNew',
+    meta: {
+      title: '农业综合行政执法公众平台',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/index_new'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/lawEnforcement/caseAllocation',
+    name: 'lawEnforcementCaseAllocation',
+    meta: {
+      title: '案件分配',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseAllocation'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/lawEnforcement/caseHistory',
+    name: 'lawEnforcementCaseHistory',
+    meta: {
+      title: '历史任务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseHistory'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/lawEnforcement/caseDetail',
+    name: 'lawEnforcementCaseDetail',
+    meta: {
+      title: '查看登记',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseDetail'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/lawEnforcement/caseDistribution',
+    name: 'lawEnforcementCaseDistribution',
+    meta: {
+      title: '分配案件',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseDistribution'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/lawEnforcement/caseLawEnforcer',
+    name: 'lawEnforcementCaseLawEnforcer',
+    meta: {
+      title: '执行人员',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseLawEnforcer'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/lawEnforcement/caseReturn',
+    name: 'lawEnforcementCaseReturn',
+    meta: {
+      title: '退回案件',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseReturn'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/lawEnforcement/task',
+    name: 'lawEnforcementTask',
+    meta: {
+      title: '任务查看',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/task/task'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/lawEnforcement/taskDetail',
+    name: 'lawEnforcementTaskDetail',
+    meta: {
+      title: '查看登记案件',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/task/taskDetail'], resolve)
+  },
+  { ////阳光村务（新）-- 合同信息
+    path: '/lawEnforcement/taskSignIn',
+    name: 'lawEnforcementTaskSignIn',
+    meta: {
+      title: '执法打卡',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/task/taskSignIn'], resolve)
   }
 ];
 

src/views/lawEnforcement/caseAllocation/caseAllocation.vue

@@ -0,0 +1,288 @@
+<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">
+        <img src="../../../../static/images/lawEnforcement/new/list_icon_02.png" @click="$router.push({name:'lawEnforcementCaseHistory'})"/>
+        <div class="search">
+          <input type="text" placeholder="请输入搜索内容" />
+          <img src="../../../../static/images/lawEnforcement/new/index_icon_04.png">
+        </div>
+        <img src="../../../../static/images/lawEnforcement/new/list_icon_03.png"/>
+      </div>
+
+
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        >
+        <van-swipe-cell v-for="(item,index) in 10" :key="index">
+          <van-cell title="关于徐胜峰在禁渔期内收购非法捕捞渔获..." center :to="{name:'lawEnforcementCaseDetail', query: {id:item.id}}">
+            <template #icon>
+              <van-icon name="../../../../static/images/lawEnforcement/new/list_icon_01.png" size="20" color="#FF4646" style="margin-right: 10px;" />
+            </template>
+            <template #label>
+              <p>上级交办</p>
+              <p>第一中队</p>
+              <p>2021-09-07</p>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square text="退回" type="danger" :to="{name:'lawEnforcementCaseReturn', query: {id:item.id}}" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square text="分配" type="info" :to="{name:'lawEnforcementCaseDistribution', query: {id:item.id}}" class="delete-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: 80%;
+        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;
+  color: #1D6FE9;
+  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;
+    &:first-child{
+      background: rgba(28,184,177,0.2);
+      padding: 0 5PX;
+      border-radius: 3PX;
+      color: #1CB8B1;
+    }
+  }
+}
+/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/caseAllocation/caseDetail.vue

@@ -0,0 +1,274 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查看登记
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></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>
+      <van-cell title="登记号" :border="false" value="登记号" />
+      <van-cell title="案件来源" :border="false" value="案件来源" />
+      <van-cell title="关联方案" :border="false" value="关联方案" />
+      <van-cell title="案件属地" :border="false" value="案件属地" />
+      <van-cell title="执行主体" :border="false" value="执行主体" />
+      <van-cell title="案件名称" :border="false" value="案件名称" />
+      <van-cell title="登记日期" :border="false" value="登记日期" />
+      <van-cell title="执法类别" :border="false" value="执法类别" />
+      <van-cell title="案件简述" :border="false" value="案件简述 " />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_dsr.png" size="20"></van-icon>
+            <span class="custom-title">当事人<i class="bgBlue"></i></span>
+          </template>
+          <van-cell title="当事人类型" :border="false" value="当事人类型" />
+          <van-cell title="当事人姓名" :border="false" value="当事人姓名" />
+          <van-cell title="性别" :border="false" value="性别" />
+          <van-cell title="身份证号" :border="false" value="身份证号" />
+          <van-cell title="出生日期" :border="false" value="出生日期" />
+          <van-cell title="民族" :border="false" value="民族" />
+          <van-cell title="工作单位及职务" :border="false" value="工作单位及职务" />
+          <van-cell title="联系电话" :border="false" value="联系电话" />
+          <van-cell title="联系地址" :border="false" value="联系地址" />
+          <van-cell title="统一社会信用代码" :border="false" value="统一社会信用代码" />
+          <van-cell title="字号名称" :border="false" value="字号名称" />
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames1">
+        <van-collapse-item name="1">
+          <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>
+          <div class="cf">
+            <van-row>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6"></van-col>
+              <van-col :span="6"></van-col>
+            </van-row>
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames2">
+        <van-collapse-item name="1">
+          <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>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="5">执行人员</van-col>
+              <van-col :span="8">执法证号</van-col>
+              <van-col :span="7">结办时间</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in 10" :key="index" >
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="5">庞东旭{{index}}</van-col>
+              <van-col :span="8">2303888{{index}}</van-col>
+              <van-col :span="7">2022-09-09</van-col>
+            </van-row>
+
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .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;
+      .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-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: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>

src/views/lawEnforcement/caseAllocation/caseDistribution.vue

@@ -0,0 +1,294 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      分配案件
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></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>
+      <van-cell title="登记号" :border="false" value="登记号" />
+      <van-cell title="案件来源" :border="false" value="案件来源" />
+      <van-cell title="关联方案" :border="false" value="关联方案" />
+      <van-cell title="案件属地" :border="false" value="案件属地" />
+      <van-cell title="执行主体" :border="false" value="执行主体" />
+      <van-cell title="案件名称" :border="false" value="案件名称" />
+      <van-cell title="登记日期" :border="false" value="登记日期" />
+      <van-cell title="执法类别" :border="false" value="执法类别" />
+      <van-cell title="案件简述" :border="false" value="案件简述 " />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_dsr.png" size="20"></van-icon>
+            <span class="custom-title">当事人<i class="bgBlue"></i></span>
+          </template>
+          <van-cell title="当事人类型" :border="false" value="当事人类型" />
+          <van-cell title="当事人姓名" :border="false" value="当事人姓名" />
+          <van-cell title="性别" :border="false" value="性别" />
+          <van-cell title="身份证号" :border="false" value="身份证号" />
+          <van-cell title="出生日期" :border="false" value="出生日期" />
+          <van-cell title="民族" :border="false" value="民族" />
+          <van-cell title="工作单位及职务" :border="false" value="工作单位及职务" />
+          <van-cell title="联系电话" :border="false" value="联系电话" />
+          <van-cell title="联系地址" :border="false" value="联系地址" />
+          <van-cell title="统一社会信用代码" :border="false" value="统一社会信用代码" />
+          <van-cell title="字号名称" :border="false" value="字号名称" />
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames1">
+        <van-collapse-item name="1">
+          <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>
+          <div class="cf">
+            <van-row>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6"></van-col>
+              <van-col :span="6"></van-col>
+            </van-row>
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames2">
+        <van-collapse-item name="1">
+          <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>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="6">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+              <van-col :span="4">带队人</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in 10" :key="index" >
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="6">庞东旭{{index}}</van-col>
+              <van-col :span="10">2303888{{index}}</van-col>
+              <van-col :span="4">
+                <div class="icon_box">
+                  <van-checkbox v-model="checked" shape="square"></van-checkbox>
+                  <van-icon name="../../../static/images/lawEnforcement/icon/icon_delete.png" size="20"></van-icon>
+                </div>
+              </van-col>
+            </van-row>
+            <img src="../../../../static/images/lawEnforcement/new/addPeop_btn.png" style="margin: 0 auto;" @click="$router.push({name:'lawEnforcementCaseLawEnforcer'})">
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </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% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .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: center;
+    .van-row{
+      margin-bottom: 10PX;
+      background: rgba(196,218,249,0.3);
+      border-radius: 5PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+        color: #333333;
+        padding: 5PX 0;
+      }
+      &:first-child{
+        background: none;
+        .van-col{
+          padding: 0;
+          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: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+</style>

src/views/lawEnforcement/caseAllocation/caseHistory.vue

@@ -0,0 +1,287 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            历史任务
+            <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+      <div class="jg"></div>
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        >
+          <van-cell center v-for="(item,index) in 10" :key="index" :to="{name:'approvalDetail', query: {id:item.id}}">
+            <template #title>
+              <div class="first">
+                <span>2021-09-07  09:30:00</span>
+                <span>执法人：刘月、张薇</span>
+              </div>
+              <span>关于徐胜峰在禁渔期内收购非法捕捞渔获...</span>
+            </template>
+            <template #label>
+              <div class="label">
+                <p>上级交办</p>
+                <p>立案</p>
+              </div>
+            </template>
+          </van-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">
+  .jg{
+    height: 116px;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 0 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: 80%;
+        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{
+  .first{
+    display: flex;
+    justify-content: space-between;
+    span{
+      color: #1D6FE9;
+    }
+  }
+  span{
+    font-family: Arial;
+    font-size: 0.35rem;
+    font-weight: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    word-break: break-all;
+    overflow: hidden;
+  }
+}
+/deep/.van-cell__label .label {
+  display: flex;
+  justify-content: space-between;
+  p{
+    display: inline-block;
+    font-size: 0.35rem;
+    &:first-child{
+      color: #D60303;
+    }
+    &:last-child{
+      padding: 0 7PX;
+      border: 1px solid #666666;
+      color: #666666;
+      border-radius: 1rem;
+    }
+  }
+}
+/deep/.van-cell__value{
+  flex: 0.3;
+  color: #1D6FE9;
+  font-weight: bold;
+}
+/deep/.van-cell{
+  margin-bottom: 0.2rem;
+  overflow: hidden;
+}
+/deep/.van-cell:first-child{
+  margin-top: 0.2rem;
+}
+/deep/van-ellipsis{
+  font-weight: bold;
+}
+.van-row{
+  height: 100%;
+}
+.van-col{
+  height: 100%;
+}
+.delete-button {
+  height: 100%;
+}
+</style>

src/views/lawEnforcement/caseAllocation/caseLawEnforcer.vue

@@ -0,0 +1,283 @@
+<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">
+      <van-popover
+        v-model="showPopover"
+        trigger="click"
+        :actions="actions"
+        placement="bottom-start"
+      >
+        <template #reference>
+          <div class="select_box">
+            <p>第一中队</p>
+            <van-icon name="arrow-down" color="#1D6FE9" />
+          </div>
+        </template>
+      </van-popover>
+      <div class="search">
+        <input type="text" placeholder="请输入执行人姓名/证号" />
+        <img src="../../../../static/images/lawEnforcement/new/index_icon_19.png">
+      </div>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <div class="peopleList">
+        <van-row>
+          <van-col :span="4">执行主体</van-col>
+          <van-col :span="6">执行人员</van-col>
+          <van-col :span="10">执法证号</van-col>
+          <van-col :span="4"></van-col>
+        </van-row>
+
+        <van-row v-for="(item,index) in 10" :key="index" >
+          <van-col :span="4">{{index+1}}</van-col>
+          <van-col :span="6">庞东旭{{index}}</van-col>
+          <van-col :span="10">2303888{{index}}</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: 70%;
+      margin: 10PX auto;
+      border: 1px solid #1D6FE9;
+      padding: 1PX 1PX 1PX 12PX ;
+      border-radius: 8PX;
+      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: center;
+    .van-row{
+      margin-bottom: 10PX;
+      background: rgba(196,218,249,0.3);
+      border-radius: 5PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+        color: #333333;
+        padding: 5PX 0;
+      }
+      &:first-child{
+        background: none;
+        .van-col{
+          padding: 0;
+          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: 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/caseAllocation/caseReturn.vue

@@ -0,0 +1,234 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      退回案件
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></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>
+      <van-cell title="登记号" :border="false" value="登记号" />
+      <van-cell title="案件来源" :border="false" value="案件来源" />
+      <van-cell title="关联方案" :border="false" value="关联方案" />
+      <van-cell title="案件属地" :border="false" value="案件属地" />
+      <van-cell title="执行主体" :border="false" value="执行主体" />
+      <van-cell title="案件名称" :border="false" value="案件名称" />
+      <van-cell title="登记日期" :border="false" value="登记日期" />
+      <van-cell title="执法类别" :border="false" value="执法类别" />
+      <van-cell title="案件简述" :border="false" value="案件简述 " />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;padding-bottom: 15px;">
+      <van-cell>
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.png" size="20"></van-icon>
+          <span class="custom-title">退回原因<i class="bgBlue"></i></span>
+        </template>
+      </van-cell>
+      <div class="textarea_box">
+        <van-field
+          v-model="message"
+          rows="5"
+          autosize
+          type="textarea"
+          maxlength="300"
+          placeholder="请简述退回原因~"
+          show-word-limit
+        />
+      </div>
+    </div>
+    <p class="submitButton">确定</p>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+        message:'',
+
+        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;
+  }
+  .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-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;
+    }
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  .textarea_box{
+    border: 2px solid #C9C9C9;
+    width: 94%;
+    margin: 0 auto;
+    border-radius: 8PX;
+    overflow: hidden;
+    margin-top: 10PX;
+  }
+  .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;
+  }
+</style>

src/views/lawEnforcement/index_new.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="app-container">
+    <div class="header">
+      <img src="../../../static/images/lawEnforcement/new/index_icon_01.png" width="30" height="30"/>
+      <p style="">埇桥区农业综合行政执法大队</p>
+    </div>
+
+    <div class="search">
+      <img src="../../../static/images/lawEnforcement/new/index_icon_03.png">
+      <input type="text" placeholder="请输入搜索内容" />
+      <img src="../../../static/images/lawEnforcement/new/index_icon_04.png">
+    </div>
+
+    <van-notice-bar left-icon="../../../static/images/lawEnforcement/new/index_icon_02.png" :scrollable="false" background="rgba(135,174,241,0.3)" color="#2574E9">
+      <van-swipe
+        vertical
+        class="notice-swipe"
+        :autoplay="3000"
+        :show-indicators="false"
+      >
+        <van-swipe-item>冬季种子市场摸底调查活动，截止日期10.5日！1</van-swipe-item>
+        <van-swipe-item>冬季种子市场摸底调查活动，截止日期10.5日！2</van-swipe-item>
+        <van-swipe-item>冬季种子市场摸底调查活动，截止日期10.5日！3</van-swipe-item>
+      </van-swipe>
+    </van-notice-bar>
+
+    <div class="main1">
+      <p class="tit">日常执法</p>
+      <p class="content">农业农村管理方面法律及法规规定的行政处罚</p>
+      <van-grid :column-num="3" :border="false">
+        <van-grid-item :to="{name:'lawEnforcementCaseAllocation'}">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_05.png"/>
+          <p>案件分配</p>
+        </van-grid-item>
+        <van-grid-item :to="{name:'lawEnforcementTask'}">
+          <img src="../../../static/images/lawEnforcement/new/index_icon_06.png"/>
+          <p>任务查看</p>
+        </van-grid-item>
+        <van-grid-item>
+          <img src="../../../static/images/lawEnforcement/new/index_icon_07.png"/>
+          <p>巡查登记</p>
+        </van-grid-item>
+      </van-grid>
+    </div>
+
+    <div class="main2">
+      <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">
+        </div>
+        <img src="../../../static/images/lawEnforcement/new/index_icon_12.png">
+      </div>
+    </div>
+
+    <div class="main3">
+      <p class="tit">案件分析</p>
+      <van-grid :column-num="3" :border="false">
+        <van-grid-item>
+          <img src="../../../static/images/lawEnforcement/new/index_icon_13.png"/>
+          <p>案件查询</p>
+        </van-grid-item>
+        <van-grid-item>
+          <img src="../../../static/images/lawEnforcement/new/index_icon_14.png"/>
+          <p>案件统计</p>
+        </van-grid-item>
+        <van-grid-item>
+          <img src="../../../static/images/lawEnforcement/new/index_icon_15.png"/>
+          <p>案件分布</p>
+        </van-grid-item>
+      </van-grid>
+    </div>
+
+    <div class="main4">
+      <p class="tit">监管对象</p>
+      <div class="images">
+        <img src="../../../static/images/lawEnforcement/new/index_icon_16.png">
+        <img src="../../../static/images/lawEnforcement/new/index_icon_17.png">
+      </div>
+    </div>
+
+    <div style="height: 20PX"></div>
+    <law></law>
+  </div>
+</template>
+<script>
+import request from "@/utils/request";
+import { getTopDeptId , news , scheme , communicate } from "@/api/lawEnforcement/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
+      },
+    };
+  },
+  created() {
+
+  },
+  watch: {
+
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 0 ;
+}
+::-webkit-input-placeholder { color:#C9C9C9;}
+:-moz-placeholder {color:#C9C9C9;}
+::-moz-placeholder { color:#C9C9C9;}
+:-ms-input-placeholder { color:#C9C9C9;}
+.header{
+  display: flex;
+  background: #ffffff;
+  padding: 4% 5%;
+  box-shadow: 0 3Px 6Px rgba(22,70,141,0.15);
+  p{
+    line-height: 30Px;
+    margin-left: 6Px;
+    font-size: 16Px;
+    color: #666666;
+    font-family: SourceHanSansCNBold;
+  }
+}
+.search{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 88%;
+  margin: 15PX auto;
+  border: 1px solid #1D6FE9;
+  padding: 1PX 1PX 1PX 12PX ;
+  border-radius: 50PX;
+  input{
+    flex: 1;
+    background: transparent;
+    border-left: 1px solid #C9C9C9;
+    padding-left: 12PX;
+    margin-left: 12PX;
+  }
+}
+.notice-swipe {
+  height: 40px;
+  line-height: 40px;
+}
+/deep/ .van-icon__image{
+  width: 22PX;
+  height: 22PX;
+}
+/deep/ .van-notice-bar{
+  width: 94%;
+  margin: 0 auto;
+  border-radius: 5PX;
+}
+.tit{
+  font-weight: bold;
+  font-size: 16PX;
+  padding: 0 2%;
+  background: url("../../../static/images/lawEnforcement/new/index_icon_18.png") no-repeat left center;
+  line-height: 1;
+}
+.main1{
+  width: 92%;
+  padding: 0 3%;
+  margin: 25PX auto 0;
+  .content{
+    color: #878787;
+    padding-left: 2%;
+    margin-top: 10PX;
+  }
+  /deep/ .van-grid-item__content{
+    background: transparent;
+    p{
+      color: #333333;
+      font-size: 14PX;
+    }
+  }
+}
+.main2{
+  width: 92%;
+  padding: 15PX 3% 3%;
+  margin: 0 auto 25PX;
+  box-shadow: 0px 3PX 6PX rgba(0,0,0,0.16);
+  background: #ffffff;
+  border-radius: 5PX;
+  .content{
+    display: flex;
+    justify-content: space-between;
+    margin-top: 15PX;
+  }
+  .images{
+    display: flex;
+    flex-wrap: wrap;
+    align-content: space-between;
+    justify-content: space-between;
+    flex: 1;
+    margin-right: 10PX;
+  }
+}
+.main3{
+  width: 92%;
+  padding: 0 3%;
+  margin: 25PX auto 0;
+  /deep/ .van-grid{
+    justify-content: space-between;
+    margin-top: 15PX;
+  }
+  /deep/ .van-grid-item{
+    flex-basis: 31%!important;
+    box-shadow: 0px 3PX 6PX rgba(0,0,0,0.16);
+    border-radius: 5PX;
+    overflow: hidden;
+    &:nth-child(2){
+      margin: 0 10PX;
+    }
+  }
+  /deep/ .van-grid-item__content{
+    p{
+      color: #333333;
+      font-size: 14PX;
+      margin-top: 10PX;
+    }
+  }
+}
+.main4{
+  width: 92%;
+  margin: 25PX auto 0;
+  .tit{
+    margin-left: 3%;
+  }
+  .images{
+    display: flex;
+    justify-content: space-between;
+    margin-top: 10PX;
+    img{
+      display: block;
+      width: 50%;
+    }
+  }
+}
+</style>

src/views/lawEnforcement/task/task.vue

@@ -0,0 +1,317 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            任务查看
+            <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+      <div class="jg"></div>
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        >
+        <van-swipe-cell v-for="(item,index) in 10" :key="index">
+          <van-cell center :to="{name:'lawEnforcementTaskDetail', query: {id:item.id}}">
+            <template #title>
+              <span>关于徐胜峰在禁渔期内收购非法捕捞渔获...</span>
+              <div class="first">
+                <span>上级交办</span>
+                <span>分配时间：2021-09-07</span>
+              </div>
+            </template>
+            <template #label>
+              <div class="label">
+                <p>执法人：刘月、张薇</p>
+                <p>立案</p>
+              </div>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square color="#FFA63E" text="打卡" :to="{name:'lawEnforcementCaseReturn', query: {id:item.id}}" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square color="#1CB8B1" :to="{name:'lawEnforcementCaseDistribution', query: {id:item.id}}" class="delete-button" >上传<br/>文件</van-button>
+              </van-col>
+              <van-col>
+                <van-button square color="#1D6FE9" :to="{name:'lawEnforcementCaseDistribution', 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">
+  .jg{
+    height: 116px;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    padding: 0 2% 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: 80%;
+        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{
+  .first{
+    display: flex;
+    justify-content: space-between;
+    span{
+      color: #FE1313;
+      &:last-child{
+        color: #B4B0B0;
+      }
+    }
+  }
+  span{
+    font-family: Arial;
+    font-size: 0.35rem;
+    font-weight: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    word-break: break-all;
+    overflow: hidden;
+  }
+}
+/deep/.van-cell__label .label {
+  display: flex;
+  justify-content: space-between;
+  p{
+    display: inline-block;
+    font-size: 0.35rem;
+    &:first-child{
+      color: #333333;
+    }
+    &:last-child{
+      padding: 0 7PX;
+      border: 1px solid #1D6FE9;
+      color: #1D6FE9;
+      border-radius: 1rem;
+    }
+  }
+}
+/deep/.van-cell__value{
+  flex: 0.3;
+  color: #1D6FE9;
+  font-weight: bold;
+}
+/deep/.van-cell{
+  /*margin-bottom: 0.2rem;*/
+  /*overflow: hidden;*/
+}
+/deep/.van-cell:first-child{
+  /*margin-top: 0.2rem;*/
+}
+/deep/van-ellipsis{
+  font-weight: bold;
+}
+/deep/ .van-swipe-cell{
+  margin-bottom: 0.3rem;
+  border-radius: 0.2rem;
+  overflow: hidden;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  &:first-child{
+    margin-top: 0.3rem;
+  }
+}
+/deep/ .van-swipe-cell__right{
+  right: -1PX;
+}
+.van-row{
+  height: 100%;
+}
+.van-col{
+  height: 100%;
+}
+.delete-button {
+  height: 100%;
+}
+</style>

src/views/lawEnforcement/task/taskDetail.vue

@@ -0,0 +1,300 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查看登记案件
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div style="height: 58px;"></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>
+      <van-cell title="登记号" :border="false" value="登记号" />
+      <van-cell title="案件来源" :border="false" value="案件来源" />
+      <van-cell title="关联方案" :border="false" value="关联方案" />
+      <van-cell title="案件属地" :border="false" value="案件属地" />
+      <van-cell title="执行主体" :border="false" value="执行主体" />
+      <van-cell title="案件名称" :border="false" value="案件名称" />
+      <van-cell title="登记日期" :border="false" value="登记日期" />
+      <van-cell title="执法类别" :border="false" value="执法类别" />
+      <van-cell title="案件简述" :border="false" value="案件简述 " />
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames">
+        <van-collapse-item name="1">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_dsr.png" size="20"></van-icon>
+            <span class="custom-title">当事人<i class="bgBlue"></i></span>
+          </template>
+          <van-cell title="当事人类型" :border="false" value="当事人类型" />
+          <van-cell title="当事人姓名" :border="false" value="当事人姓名" />
+          <van-cell title="性别" :border="false" value="性别" />
+          <van-cell title="身份证号" :border="false" value="身份证号" />
+          <van-cell title="出生日期" :border="false" value="出生日期" />
+          <van-cell title="民族" :border="false" value="民族" />
+          <van-cell title="工作单位及职务" :border="false" value="工作单位及职务" />
+          <van-cell title="联系电话" :border="false" value="联系电话" />
+          <van-cell title="联系地址" :border="false" value="联系地址" />
+          <van-cell title="统一社会信用代码" :border="false" value="统一社会信用代码" />
+          <van-cell title="字号名称" :border="false" value="字号名称" />
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames1">
+        <van-collapse-item name="1">
+          <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>
+          <div class="cf">
+            <van-row>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6"></van-col>
+              <van-col :span="6"></van-col>
+            </van-row>
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+    <div class="main_box" style="margin-top: 10px;">
+      <van-collapse v-model="activeNames2">
+        <van-collapse-item name="1">
+          <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>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="6">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+              <van-col :span="4">带队人</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in 10" :key="index" >
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="6">庞东旭{{index}}</van-col>
+              <van-col :span="10">2303888{{index}}</van-col>
+              <van-col :span="4">
+                <div class="icon_box">
+                  <van-checkbox v-model="checked" shape="square"></van-checkbox>
+<!--                  <van-icon name="../../../static/images/lawEnforcement/icon/icon_delete.png" size="20"></van-icon>-->
+                </div>
+              </van-col>
+            </van-row>
+          </div>
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+    <p class="submitButton" @click="$router.push({name:'lawEnforcementTaskSignIn'})">执法打卡</p>
+  </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% 0 10%;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-checkbox{
+    justify-content: center;
+  }
+  .icon_box{
+    display: flex;
+    justify-content: space-around;
+  }
+  .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: center;
+    .van-row{
+      margin-bottom: 10PX;
+      background: rgba(196,218,249,0.3);
+      border-radius: 5PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+        color: #333333;
+        padding: 5PX 0;
+      }
+      &:first-child{
+        background: none;
+        .van-col{
+          padding: 0;
+          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;
+    }
+  }
+
+  .addFamily{
+    position: absolute;
+    top: -2px;
+    right: 0;
+    border-radius: 50%;
+  }
+  .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;
+  }
+</style>

src/views/lawEnforcement/task/taskSignIn.vue

@@ -0,0 +1,218 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      执法打卡
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <baidu-map :center="center" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:100vh" >
+      <!-- 必须给容器指高度，不然地图将显示在一个高度为0的容器中，看不到 -->
+      <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation>
+      <bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: 'http://developer.baidu.com/map/jsdemo/img/fox.gif', size: {width: 300, height: 157}}"></bm-marker>
+    </baidu-map>
+
+    <div style="position:absolute;top: 70px;width: 100%;">
+      <div class="main_box top_box">
+        <van-field readonly value="案件来源" label="案件来源" placeholder="请输入案件来源" :border="false" />
+        <van-field readonly value="关联方案" label="关联方案" placeholder="请输入关联方案" :border="false" />
+        <van-field readonly value="案件名称" label="案件名称" placeholder="请输入案件名称" :border="false" />
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;padding: 0rem 0.426667rem;">
+        <div class="file_box">
+          <p class="left_box">未</p>
+          <div class="center_box">
+            <p class="time">8:29<span>（2022年9月6日）</span></p>
+            <p class="dress">宿州市埇桥区永乡镇供销社楼下</p>
+          </div>
+          <div class="file_box_btn">
+            <img src="../../../../static/images/lawEnforcement/icon/task_icon.png">
+            <p>打卡记录</p>
+          </div>
+        </div>
+        <div class="file_box" style="border-top: 1px solid #DEDEDE">
+          <van-uploader v-model="fileList" multiple />
+        </div>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;padding: 0.266667rem 0.426667rem;">
+        <p class="now_dress">当前位置：宿州市埇桥区永乡镇供销社楼下</p>
+      </div>
+    </div>
+
+    <div class="submitButton">
+      <p class="datetime">{{ nowDate }}</p>
+      <p>打卡</p>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        checked:'',
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+        center: { lng: 122.089726, lat: 37.540728 }, //经纬度
+        zoom: 15, //地图展示级别
+
+        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'],
+        nowDate: '', // 当前时间
+
+        fileList:[]
+      };
+    },
+    created() {
+      // this.getDictionaries()
+      var that = this;
+      setInterval(function () {
+        that.nowDate = that.format(new Date(),'HH:mm')
+      }, 500);
+    },
+    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: 0;
+  }
+  .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{
+    background: url('../../../../static/images/lawEnforcement/icon/task_icon_03.png') no-repeat 97% 10%;
+    padding: 10PX 0;
+    /*background-size: 100% 100%;*/
+    /deep/ .van-cell{
+      background: none;
+    }
+  }
+  .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;
+  }
+  .file_box{
+    display: flex;
+    align-items: center;
+    font-size: 0.35rem;
+    padding: 0.266667rem 0;
+    .left_box{
+      background: #C9C9C9;
+      color: #ffffff;
+      width: 27PX;
+      height: 27PX;
+      line-height: 27PX;
+      text-align: center;
+      border-radius: 100%;
+    }
+    .center_box{
+      padding: 0rem 0.426667rem;
+      .time{
+        font-size: 0.5rem;
+        span{
+          font-size: 0.35rem;
+          color: #878787;
+        }
+      }
+      .dress{
+        color: #B4B0B0;
+        background: url('../../../../static/images/lawEnforcement/icon/task_icon_01.png') no-repeat left center;
+        padding-left: 14PX;
+      }
+    }
+    .file_box_btn{
+      text-align: center;
+      color: #1CB8B1;
+      margin-left: auto;
+    }
+  }
+  .now_dress{
+    font-size: 0.35rem;
+    background: url('../../../../static/images/lawEnforcement/icon/task_icon_02.png') no-repeat left center;
+    padding-left: 20PX;
+    line-height: 35PX;
+  }
+  .submitButton{
+    width: 25vw;
+    background-image: linear-gradient(to right, #2E79E9 , #77A6EF);
+    text-align: center;
+    color: #ffffff;
+    height: 25vw;
+    line-height: 70px;
+    border-radius: 100%;
+    position: absolute;
+    bottom: 5%;
+    left: 50%;
+    transform: translateX(-50%);
+    p{
+      font-size: 0.4rem;
+      line-height: 1;
+      margin-top: 3vw;
+    }
+    .datetime{
+      margin-top: 7vw;
+      font-weight: bold;
+      font-size: 0.5rem;
+    }
+  }
+</style>