农业执法

src/components/common/lawNew_footer.vue

@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <router-view />
+    <van-tabbar route :placeholder="true" >
+      <van-tabbar-item replace to="/lawEnforcement/index_new">
+        首页
+        <template #icon="props">
+          <img :src="props.active ? '../../../static/images/lawEnforcement/new/tab_04.png' : '../../../static/images/lawEnforcement/new/tab_00.png'" />
+        </template>
+      </van-tabbar-item>
+      <van-tabbar-item replace to="/lawEnforcement/retrospect">
+        追溯
+        <template #icon="props">
+          <img :src="props.active ? '../../../static/images/lawEnforcement/new/tab_05.png' : '../../../static/images/lawEnforcement/new/tab_01.png'" />
+        </template>
+      </van-tabbar-item>
+      <van-tabbar-item replace to="/lawEnforcement/caseList">
+        监控
+        <template #icon="props">
+          <img :src="props.active ? '../../../static/images/lawEnforcement/new/tab_06.png' : '../../../static/images/lawEnforcement/new/tab_02.png'" />
+        </template>
+      </van-tabbar-item>
+      <van-tabbar-item replace to="/lawEnforcement/user_new">
+        我的
+        <template #icon="props">
+          <img :src="props.active ? '../../../static/images/lawEnforcement/new/tab_07.png' : '../../../static/images/lawEnforcement/new/tab_03.png'" />
+        </template>
+      </van-tabbar-item>
+    </van-tabbar>
+  </div>
+</template>
+<script>
+import { getUserProfile } from "@/api/lawEnforcement/index";
+export default {
+  name: "lawNew",
+  data() {
+    return {
+      active: 0,
+      tabShow: true,
+    };
+  },
+  created() {
+    // v-if="tabShow"
+    // getUserProfile().then(response => {
+    //   if (response.data.roles.length < 1){
+    //     this.tabShow = false;
+    //   }else{
+    //     response.data.roles.forEach(res=>{
+    //       if(res.roleKey == 'personal_user' || res.roleKey == 'company_user'){
+    //         this.tabShow = false;
+    //       }else{
+    //         this.tabShow = true;
+    //       }
+    //     })
+    //   }
+    // });
+  },
+  methods: {
+
+  },
+};
+</script>
+
+<style scoped >
+
+.van-tabbar{
+  height:1.5rem;
+}
+</style>

src/router/index.js

@@ -3368,7 +3368,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/caseStatistics/caseStatistics'], resolve)
   },
-  { ////农业执法（新）-- 案件统计
+  { ////农业执法（新）-- 案件分布
     path: '/lawEnforcement/caseDistributionMap',
     name: 'lawEnforcementCaseDistributionMap',
     meta: {
@@ -3376,6 +3376,105 @@ export const constantRoutes = [
       hidden: true,
     },
     component: (resolve) => require(['@/views/lawEnforcement/caseDistribution/caseDistribution'], resolve)
+  },
+  { ////农业执法（新）-- 个体商户
+    path: '/lawEnforcement/individual',
+    name: 'lawEnforcementIndividual',
+    meta: {
+      title: '个体商户',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/supervise/individual'], resolve)
+  },
+  { ////农业执法（新）-- 查看个体工商户
+    path: '/lawEnforcement/individualDetail',
+    name: 'lawEnforcementIndividualDetail',
+    meta: {
+      title: '查看个体工商户',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/supervise/individualDetail'], resolve)
+  },
+  { ////农业执法（新）-- 关联案件
+    path: '/lawEnforcement/individualRelation',
+    name: 'lawEnforcementIndividualRelation',
+    meta: {
+      title: '关联案件',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/supervise/individualRelation'], resolve)
+  },
+  { ////农业执法（新）-- 企业商户
+    path: '/lawEnforcement/enterprise',
+    name: 'lawEnforcementEnterprise',
+    meta: {
+      title: '企业商户',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/supervise/enterprise'], resolve)
+  },
+  { ////农业执法（新）-- 查看企业商户
+    path: '/lawEnforcement/enterpriseDetail',
+    name: 'lawEnforcementEnterpriseDetail',
+    meta: {
+      title: '查看企业商户',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/supervise/enterpriseDetail'], resolve)
+  },
+  { ////农业执法（新）-- 关联案件
+    path: '/lawEnforcement/enterpriseRelation',
+    name: 'lawEnforcementEnterpriseRelation',
+    meta: {
+      title: '关联案件',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/supervise/enterpriseRelation'], resolve)
+  },
+  { ////农业执法（新）-- 电子追溯
+    path: '/lawEnforcement/retrospect',
+    name: 'lawEnforcementRetrospect',
+    meta: {
+      title: '电子追溯',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/retrospect/retrospect'], resolve)
+  },
+  { ////农业执法（新）-- 执法依据
+    path: '/lawEnforcement/basis',
+    name: 'lawEnforcementBasis',
+    meta: {
+      title: '执法依据',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/basis/basis'], resolve)
+  },
+  { ////农业执法（新）-- 种子扫描
+    path: '/lawEnforcement/retrospectDetail',
+    name: 'lawEnforcementRetrospectDetail',
+    meta: {
+      title: '种子扫描',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/retrospect/retrospectDetail'], resolve)
+  },
+  { ////农业执法（新）-- 我的
+    path: '/lawEnforcement/user_new',
+    name: 'lawEnforcementUserNew',
+    meta: {
+      title: '我的',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/userNew/user_new'], resolve)
+  },
+  { ////农业执法（新）-- 修改密码
+    path: '/lawEnforcement/changePasswordNew',
+    name: 'lawEnforcementChangePasswordNew',
+    meta: {
+      title: '修改密码',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/userNew/changePassword'], resolve)
   }
 ];
 

src/views/lawEnforcement/basis/basis.vue

@@ -0,0 +1,174 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      文书打印
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div class="jg"></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_04.png">
+      </div>
+    </div>
+
+    <div class="main_box">
+      <div class="peopleList">
+        <van-row v-for="(item,index) in 10" :key="index" >
+          <van-col :span="24">
+            <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
+            <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: '选项三' }],
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 0 0 0.2rem;
+  }
+  .jg{
+    height: 116px;
+  }
+  .search_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 92%;
+    margin: 10PX auto;
+    .van-popover__wrapper{
+      flex: 1;
+      margin-right: 10PX;
+    }
+    .select_box{
+      border: 1px solid #1D6FE9;
+      border-radius: 50PX;
+      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%;
+      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;
+    }
+  }
+  .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--24{
+        display: flex;
+        align-items: center;
+        p{
+          margin-left: 10PX;
+        }
+      }
+      .van-col{
+        text-align: left;
+        font-size: 14PX;
+        color: #333333;
+        padding: 15PX 0;
+        img{
+          display: block;
+        }
+      }
+    }
+  }
+  .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;
+  }
+</style>

src/views/lawEnforcement/caseQuery/caseQueryDocument.vue

@@ -7,10 +7,7 @@
     <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>
+        <p>张雷未经定点从事生猪屠宰活动案</p>
     </div>
 
     <div class="main_box">
@@ -22,8 +19,7 @@
       </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">
+          <van-col :span="20">
             <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
             <p>指定管辖通知书</p>
           </van-col>
@@ -43,8 +39,7 @@
       </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">
+          <van-col :span="20">
             <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
             <p>指定管辖通知书</p>
           </van-col>
@@ -64,8 +59,7 @@
       </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">
+          <van-col :span="20">
             <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
             <p>指定管辖通知书</p>
           </van-col>
@@ -142,36 +136,12 @@
   }
   .search_box{
     display: flex;
-    justify-content: space-between;
+    justify-content: center;
     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;
-      }
-    }
+    margin: 10PX auto;
+    color: #1D6FE9;
+    font-size: 0.4rem;
   }
   .cf{
     padding: 0 3%;
@@ -238,7 +208,7 @@
       &:last-child{
         border: none;
       }
-      .van-col--18{
+      .van-col--20{
         display: flex;
         align-items: center;
         p{

src/views/lawEnforcement/index_new.vue

@@ -77,23 +77,30 @@
     <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">
+        <img src="../../../static/images/lawEnforcement/new/index_icon_16.png" @click="$router.push({name:'lawEnforcementIndividual'})">
+        <img src="../../../static/images/lawEnforcement/new/index_icon_17.png" @click="$router.push({name:'lawEnforcementEnterprise'})">
+      </div>
+    </div>
+
+    <div class="main5">
+      <p class="tit">执法依据</p>
+      <div class="images">
+        <img src="../../../static/images/lawEnforcement/new/index_icon_20.png" @click="$router.push({name:'lawEnforcementBasis'})">
       </div>
     </div>
 
     <div style="height: 20PX"></div>
-    <law></law>
+    <lawNew></lawNew>
   </div>
 </template>
 <script>
 import request from "@/utils/request";
 import { getTopDeptId , news , scheme , communicate } from "@/api/lawEnforcement/index";
-import law from "@/components/common/law_footer";
+import lawNew from "@/components/common/lawNew_footer";
 export default {
   name: "index",
   components: {
-    law
+    lawNew
   },
   data() {
     return {
@@ -259,4 +266,20 @@ export default {
     }
   }
 }
+.main5{
+  width: 92%;
+  margin: 10PX auto 0;
+  .tit{
+    margin-left: 3%;
+  }
+  .images{
+    display: flex;
+    justify-content: space-between;
+    margin-top: 15PX;
+    img{
+      display: block;
+      width: 100%;
+    }
+  }
+}
 </style>

src/views/lawEnforcement/retrospect/retrospect.vue

@@ -0,0 +1,129 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+          电子追溯
+<!--          <div class="return_btn" @click="onClickLeft"></div>-->
+        </div>
+      <div class="jg"></div>
+
+      <div class="main_box">
+        <van-grid :column-num="3" :border="false" square clickable>
+          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="农药扫码" :to="{name:'lawEnforcementRetrospectDetail'}" />
+          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_02.png" text="种子扫码" />
+          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_03.png" text="肥料扫码" />
+          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="兽药扫码" />
+          <van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_02.png" text="饲料扫码" />
+        </van-grid>
+      </div>
+
+      <div class="main_box">
+        <van-grid :column-num="3" :border="false" square clickable>
+          <van-grid-item>
+            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_04.png" />
+            <p>查农药</p>
+          </van-grid-item>
+          <van-grid-item>
+            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_05.png" />
+            <p>查种子</p>
+          </van-grid-item>
+          <van-grid-item>
+            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_06.png" />
+            <p>查肥料</p>
+          </van-grid-item>
+          <van-grid-item>
+            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_07.png" />
+            <p>查兽药</p>
+          </van-grid-item>
+          <van-grid-item>
+            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_08.png" />
+            <p>查饲料</p>
+          </van-grid-item>
+          <van-grid-item>
+            <van-image src="../../../static/images/lawEnforcement/new/retrospect_icon_09.png" />
+            <p>查农产品</p>
+          </van-grid-item>
+        </van-grid>
+      </div>
+
+      <div style="height: 20PX"></div>
+      <lawNew></lawNew>
+    </div>
+</template>
+
+<script>
+  import lawNew from "@/components/common/lawNew_footer";
+  export default {
+    name: "caseAllocation",
+    components: {
+      lawNew
+    },
+    data() {
+      return {
+
+      };
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 116px;
+  }
+.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;
+        }
+    }
+}
+.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;
+  margin-top: 10PX;
+  p,/deep/ .van-grid-item__text{
+    font-size: .35rem;
+    color: #646566;
+  }
+}
+</style>

src/views/lawEnforcement/retrospect/retrospectDetail.vue

@@ -0,0 +1,297 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      种子扫描
+      <div class="return_btn" @click="onClickLeft"></div>
+      <div class="top_box">
+        <div class="top_01">
+          <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_10.png">
+          <p>码上放心</p>
+        </div>
+        <p class="tt">产品溯源信息</p>
+        <div class="top_02">
+          <p><i></i>一物一码</p>
+          <p><i></i>扫码验真</p>
+          <p><i></i>拒绝假货</p>
+        </div>
+      </div>
+      <div class="jg"></div>
+    </div>
+
+    <div class="main">
+
+      <div class="main_box center_box">
+        <img src="../../../../static/images/lawEnforcement/new/retrospect_icon_15.png" alt="">
+        <p>该产品单元识别代码合规</p>
+        <p>1534565635645126353535335656</p>
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-cell :border="false">
+          <template #title>
+            <span class="custom-title">草甘膦铵盐</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="登记持有人" />
+      </div>
+
+      <div class="main_box" style="margin-top: 10px;">
+        <van-cell title="防伪追溯网址" :border="false" value="防伪追溯网址" />
+        <van-cell title="单元识别代码" :border="false" value="单元识别代码" />
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 80px;
+  }
+  .app-container {
+
+  }
+  .top_box{
+    line-height: 1;
+    text-align: left;
+    width: 85%;
+    margin: 0 auto;
+    padding-bottom: 10PX;
+    background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_14.png') no-repeat right bottom;
+    .top_01{
+      display: flex;
+      align-items: center;
+      font-size: 0.4rem;
+      margin-top: 15PX;
+      img{
+        margin-right: 10PX;
+      }
+    }
+    .tt{
+      font-size: 0.7rem;
+      margin-top: 15PX;
+    }
+    .top_02{
+      display: flex;
+      align-items: center;
+      font-size: 0.3rem;
+      margin-top: 15PX;
+      i{
+        display: inline-block;
+        width: 15PX;
+        height: 15PX;
+        margin-right: 3PX;
+      }
+      p{
+        display: flex;
+        align-items: center;
+        margin-right: 10PX;
+        &:nth-child(1){
+          i{
+            background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_11.png') no-repeat center;
+            background-size: auto 15PX;
+          }
+        }
+        &:nth-child(2){
+          i{
+            background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_12.png') no-repeat center;
+            background-size: auto 15PX;
+          }
+        }
+        &:nth-child(3){
+          i{
+            background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_13.png') no-repeat center;
+            background-size: auto 15PX;
+          }
+        }
+      }
+    }
+  }
+  .main{
+    position: relative;
+    top: -30PX;
+  }
+  .center_box{
+    text-align: center;
+    padding: 30PX 0!important;
+    p{
+      margin-top: 15PX;
+      &:nth-child(2){
+        font-size: 0.4rem;
+        color: #59C145;
+      }
+      &:nth-child(3){
+        font-size: 0.4rem;
+        color: #B4B0B0;
+        display: inline-block;
+        background: url('../../../../static/images/lawEnforcement/new/retrospect_icon_16.png') no-repeat left center;
+        padding-left: 20PX;
+      }
+    }
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
+  .header_main{
+    /*height: 116px;*/
+    background: url('../../../../static/images/lawEnforcement/new/header_bg.png') no-repeat;
+    background-size: 100% 100%;
+    /*position: fixed;*/
+    top: 0;
+    left: 0;
+    width: 100%;
+    font-size: 36px;
+    line-height: 116px;
+    text-align: center;
+    color: #fff;
+    z-index: 999;
+    .return_btn{
+      width: 24px;
+      height: 43.2px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+      background-size: 20px 36px;
+      position: absolute;
+      left: 38px;
+      top: 36px;
+    }
+    .add_btn{
+      width: 56.4px;
+      height: 40.8px;
+      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+      background-size: 47px 34px;
+      position: absolute;
+      right: 38px;
+      top: 36px;
+    }
+  }
+  /deep/ .van-radio--horizontal{
+    margin-left: 0.32rem;
+    margin-right: 0;
+  }
+  .peopleList{
+    padding-right: 3%;
+    .van-row{
+      margin-bottom: 10PX;
+      .van-col{
+        text-align: center;
+        font-size: 14PX;
+      }
+      &:first-child{
+        .van-col{
+          color: #1D6FE9;
+        }
+      }
+    }
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    margin-top: 0;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 10PX;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 10PX 0;
+    .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/supervise/enterprise.vue

@@ -0,0 +1,341 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main">
+        企业商户
+        <div class="return_btn" @click="onClickLeft"></div>
+      </div>
+      <div class="jg"></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 :to="{name:'lawEnforcementEnterpriseDetail', query: {id:item.id}}">
+            <template #title>
+              <p style="font-size: 0.4rem;">宿州市宏丰发展农资有限公司</p>
+              <div class="cellTit">
+                <p>陈建南<i></i></p>
+                <p>信用代码</p>
+                <p>92341302MA2Q95JX82</p>
+              </div>
+            </template>
+            <template #icon>
+              <p style="font-size: 0.4rem;margin-right: 5px;">{{index+1}}.</p>
+            </template>
+            <template #label>
+              <div class="cellLabel">
+                <img src="../../../../static/images/lawEnforcement/icon/individual_icon_01.png"/>
+                <p>342201199106191412</p>
+                <p><i></i>15314031621</p>
+              </div>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square type="info" :to="{name:'lawEnforcementIndividualRelation', 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 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;
+        }
+    }
+
+}
+.cellTit{
+  display: flex;
+  justify-content: space-between;
+  p{
+    &:nth-child(1){
+      font-size: 0.4rem;
+      display: flex;
+      align-items: flex-start;
+      i{
+        display: inline-block;
+        width: 10PX;
+        height: 10PX;
+        background: url("../../../../static/images/lawEnforcement/icon/individual_icon_03.png") no-repeat center;
+        background-size: 10PX 10PX;
+        margin-top: 5px;
+        margin-left: 5px;
+      }
+    }
+    &:nth-child(2){
+      color: #B4B0B0;
+      font-size: 0.3rem;
+      margin-left: auto;
+      margin-right: 10PX;
+    }
+    &:nth-child(3){
+      color: #6D6EB8;
+      font-size: 0.3rem;
+    }
+  }
+}
+.cellLabel{
+  display: flex;
+  align-items: center;
+  font-size: 0.35rem;
+  img{
+    display: block;
+    margin-right: 5PX;
+  }
+  p{
+    display: inline-block;
+    color: #666666;
+    &:last-child{
+      background: rgba(28,184,177,0.2);
+      padding: 0 8PX;
+      border-radius: 3PX;
+      color: #1CB8B1;
+      margin-left: auto;
+      display: flex;
+      align-items: center;
+      border-radius: 5PX;
+      border-top-left-radius: 30px;
+      i{
+        display: inline-block;
+        width: 10PX;
+        height: 10PX;
+        background: url("../../../../static/images/lawEnforcement/icon/individual_icon_02.png") no-repeat center;
+      }
+    }
+  }
+}
+/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__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/supervise/enterpriseDetail.vue

@@ -0,0 +1,214 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      查看企业工商户
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div class="jg"></div>
+    <div class="main_box">
+      <van-cell title="企业名称" :border="false" value="企业名称" />
+      <van-cell title="法人/负责人" :border="false" value="法人/负责人" />
+      <van-cell title="所在地区" :border="false" value="所在地区" />
+      <van-cell title="统一社会信用代码" :border="false" value="统一社会信用代码" />
+      <van-cell title="手机号码" :border="false" value="手机号码" />
+      <van-cell title="企业分支机构" :border="false" value="企业分支机构" />
+      <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>
+    <p class="submitButton" @click="$router.push({name:'lawEnforcementEnterpriseRelation'})">关联案件</p>
+  </div>
+</template>
+
+<script>
+  import { getScheme } from "@/api/lawEnforcement/index";
+  export default {
+    name: "programmeDetail",
+    data() {
+      return {
+        showBankType:false,
+        showPayeeType:false,
+        showPicker:false,
+        form:{},
+
+        bankType:'',
+        payeeType:'',
+        value:'',
+
+        bankTypeOptions:[],
+        payeeTypeOptions:[],
+        tEnforceSchemeHandlerList:[],
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(2021, 0, 17),
+
+        activeNames: ['1'],
+        activeNames1: ['1'],
+        activeNames2: ['1'],
+      };
+    },
+    created() {
+      // this.getDictionaries()
+    },
+    methods: {
+      getDictionaries(){
+        getScheme(this.$route.query.id).then((response) => {
+          this.form = response.data;
+        });
+      },
+      goBack(){
+        window.history.go(-1)
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .jg{
+    height: 116px;
+  }
+  .app-container {
+    padding: 2% 0;
+  }
+  /deep/ .van-collapse-item__content{
+    padding: 0;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 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;
+    padding: 10PX 0;
+    .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/supervise/enterpriseRelation.vue

@@ -0,0 +1,298 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            关联案件
+            <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+      <div class="jg"></div>
+
+      <div class="search_box">
+        <p><span>宿州市宏丰发展农资有限公司</span>关联案件</p>
+      </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>{{index+1}}. 张磊未经指定定点从事生猪屠宰活动案</span>
+            </template>
+            <template #label>
+              <div class="label">
+                <p>投诉案件</p>
+                <p>立案</p>
+              </div>
+            </template>
+          </van-cell>
+        </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: center;
+      align-items: center;
+      width: 92%;
+      margin: 10PX auto;
+      font-size: 0.4rem;
+      span{
+        color: #1D6FE9;
+      }
+    }
+    .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{
+      background: rgba(29,111,233,0.2);
+      padding: 0 8PX;
+      border-radius: 3PX;
+      color: #1D6FE9;
+    }
+    &:last-child{
+      padding: 0 7PX;
+      border: 1px solid #1CB8B1;
+      color: #1CB8B1;
+      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/supervise/individual.vue

@@ -0,0 +1,337 @@
+<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 :to="{name:'lawEnforcementIndividualDetail', query: {id:item.id}}">
+            <template #title>
+              <div class="cellTit">
+                <p>陈建南<i></i></p>
+                <p>信用代码</p>
+                <p>92341302MA2Q95JX82</p>
+              </div>
+            </template>
+            <template #icon>
+              <p style="font-size: 0.4rem;margin-right: 5px;">{{index+1}}.</p>
+            </template>
+            <template #label>
+              <div class="cellLabel">
+                <img src="../../../../static/images/lawEnforcement/icon/individual_icon_01.png"/>
+                <p>342201199106191412</p>
+                <p><i></i>15314031621</p>
+              </div>
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button square type="info" :to="{name:'lawEnforcementIndividualRelation', 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;
+        }
+    }
+
+}
+.cellTit{
+  display: flex;
+  justify-content: space-between;
+  p{
+    &:nth-child(1){
+      font-size: 0.4rem;
+      display: flex;
+      align-items: flex-start;
+      i{
+        display: inline-block;
+        width: 10PX;
+        height: 10PX;
+        background: url("../../../../static/images/lawEnforcement/icon/individual_icon_03.png") no-repeat center;
+        background-size: 10PX 10PX;
+        margin-top: 5px;
+        margin-left: 5px;
+      }
+    }
+    &:nth-child(2){
+      color: #B4B0B0;
+      font-size: 0.3rem;
+      margin-left: auto;
+      margin-right: 10PX;
+    }
+    &:nth-child(3){
+      color: #6D6EB8;
+      font-size: 0.3rem;
+    }
+  }
+}
+.cellLabel{
+  display: flex;
+  align-items: center;
+  font-size: 0.35rem;
+  img{
+    display: block;
+    margin-right: 5PX;
+  }
+  p{
+    display: inline-block;
+    color: #666666;
+    &:last-child{
+      background: rgba(28,184,177,0.2);
+      padding: 0 8PX;
+      border-radius: 3PX;
+      color: #1CB8B1;
+      margin-left: auto;
+      display: flex;
+      align-items: center;
+      border-radius: 5PX;
+      border-top-left-radius: 30px;
+      i{
+        display: inline-block;
+        width: 10PX;
+        height: 10PX;
+        background: url("../../../../static/images/lawEnforcement/icon/individual_icon_02.png") no-repeat center;
+      }
+    }
+  }
+}
+/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__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/supervise/individualDetail.vue

@@ -0,0 +1,213 @@
+<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 title="姓名" :border="false" value="姓名" />
+      <van-cell title="性别" :border="false" value="性别" />
+      <van-cell title="身份证号" :border="false" value="身份证号" />
+      <van-cell title="民族" :border="false" value="民族" />
+      <van-cell title="出生日期" :border="false" value="出生日期" />
+      <van-cell title="手机号码" :border="false" value="手机号码" />
+      <van-cell title="工作单位及职务" :border="false" value="工作单位及职务" />
+      <van-cell title="所在地区" :border="false" value="所在地区" />
+      <van-cell title="详细地址" :border="false" value="详细地址" />
+      <van-cell title="经营类别" :border="false" value="经营类别" />
+      <van-cell title="经营范围" :border="false" value="经营范围" />
+      <van-cell title="统一社会信用代码" :border="false" value="统一社会信用代码" />
+      <van-cell title="字号名称" :border="false" value="字号名称 " />
+    </div>
+
+    <p class="submitButton" @click="$router.push({name:'lawEnforcementIndividualRelation'})">关联案件</p>
+  </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;
+  }
+  /deep/ .van-cell{
+    padding-bottom: 0;
+    padding-top: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 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;
+    padding: 10PX 0;
+    .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/supervise/individualRelation.vue

@@ -0,0 +1,298 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            关联案件
+            <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+      <div class="jg"></div>
+
+      <div class="search_box">
+        <p><span>张雷</span>关联案件</p>
+      </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>{{index+1}}. 张磊未经指定定点从事生猪屠宰活动案</span>
+            </template>
+            <template #label>
+              <div class="label">
+                <p>投诉案件</p>
+                <p>立案</p>
+              </div>
+            </template>
+          </van-cell>
+        </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: center;
+      align-items: center;
+      width: 92%;
+      margin: 10PX auto;
+      font-size: 0.4rem;
+      span{
+        color: #1D6FE9;
+      }
+    }
+    .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{
+      background: rgba(29,111,233,0.2);
+      padding: 0 8PX;
+      border-radius: 3PX;
+      color: #1D6FE9;
+    }
+    &:last-child{
+      padding: 0 7PX;
+      border: 1px solid #1CB8B1;
+      color: #1CB8B1;
+      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/userNew/changePassword.vue

@@ -0,0 +1,149 @@
+<template>
+  <div class="app-container">
+    <div class="header_main">
+      修改密码
+      <div class="return_btn" @click="onClickLeft"></div>
+    </div>
+    <div class="jg"></div>
+    <van-form validate-first ref="form">
+      <div class="tabsBox">
+        <van-field
+          v-model="user.oldPassword"
+          type="password"
+          placeholder="请输入原密码"
+          :rules="[{ required: true }]"
+        >
+          <template #left-icon>
+            <van-icon name="../../../../static/images/lawEnforcement/icon/icon_xgmm.png"></van-icon>
+          </template>
+        </van-field>
+        <van-field
+          v-model="user.newPassword"
+          type="password"
+          placeholder="请输入新密码"
+          :rules="[{ required: true }]"
+        >
+          <template #left-icon>
+            <van-icon name="../../../../static/images/lawEnforcement/icon/icon_xgmm.png"></van-icon>
+          </template>
+        </van-field>
+        <van-field
+          v-model="user.confirmPassword"
+          type="password"
+          placeholder="请确认新密码"
+          :rules="[{ required: true }]"
+        >
+          <template #left-icon>
+            <van-icon name="../../../../static/images/lawEnforcement/icon/icon_xgmm.png"></van-icon>
+          </template>
+        </van-field>
+      </div>
+      <p class="submitButton" @click="submit">确定</p>
+    </van-form>
+  </div>
+</template>
+<script>
+import { updateUserPwd } from "@/api/lawEnforcement/index";
+export default {
+  name: "index",
+  data() {
+    return {
+      active:0,
+      message:'',
+      password:'',
+      newPassword:'',
+      user: {
+        oldPassword: undefined,
+        newPassword: undefined,
+        confirmPassword: undefined
+      },
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    submit() {
+      const data = {
+        oldPassword:this.user.oldPassword,
+        newPassword:this.user.newPassword
+      }
+      updateUserPwd(data).then(response => {
+        this.$notify({ type: 'success' , message: response.msg });
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.jg{
+  height: 116px;
+}
+.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;
+}
+.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;
+  }
+}
+.tabsBox{
+  padding: 2% 0;
+  margin: 0 auto;
+  background-color: #FFF;
+  border-radius: 8PX;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  margin-bottom: 15PX;
+  margin-top: 15PX;
+  width: 92%;
+}
+.loginOut{
+  width: 88%;
+  margin: 10PX 6%;
+  border-radius: 8Px;
+  box-shadow: 0PX 5PX 5PX #cccccc;
+  border: none;
+  background-color: #1D6FE9;
+  color: #FFF;
+}
+</style>

src/views/lawEnforcement/userNew/user_new.vue

@@ -0,0 +1,261 @@
+<template>
+  <div class="app-container">
+    <div class="topBackground">
+      <van-nav-bar title="我的" fixed placeholder/>
+      <van-row class="userInformation">
+        <van-col :span="5" v-show="loginType">
+          <img src="../../../../static/images/lawEnforcement/12.jpg" alt="" width="80%" style="border-radius: 10px;">
+        </van-col>
+        <van-col :span="19" v-show="loginType">
+          <p class="userName">{{user.nickName}}</p>
+          <p class="userDept">({{companyName}})</p>
+        </van-col>
+        <van-col :span="24" v-show="loginButton">
+          <van-button icon="friends" color="red" style="border-radius: 30PX;padding: 0 30PX;height: 30PX;" to="/lawEnforcement/login">
+            请登录
+          </van-button>
+          <p style="margin-top: 10PX;color: #5289ed">登录后可查看更多信息</p>
+        </van-col>
+      </van-row>
+    </div>
+
+    <div style="position:relative;top: -35px;">
+      <van-cell-group class="listBox">
+        <van-cell is-link :to="{name:loginType ? 'lawEnforcementTask':''}">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/new/user_icon_01.png" size="20"></van-icon>
+            <span class="custom-title">任务查看</span>
+          </template>
+        </van-cell>
+        <van-cell is-link :to="{name:loginType ? 'lawEnforcementChangePasswordNew':''}">
+          <template #title>
+            <van-icon name="../../../static/images/lawEnforcement/icon/icon_mmxg.png" size="20"></van-icon>
+            <span class="custom-title">密码修改</span>
+          </template>
+        </van-cell>
+      </van-cell-group>
+      <van-button type="default" class="loginOut" @click="loginOut" v-if="loginType">退出登录</van-button>
+    </div>
+
+    <div style="height: 20PX"></div>
+    <lawNew></lawNew>
+  </div>
+</template>
+<script>
+import request from "@/utils/request";
+import { getUserProfile , companyList} from "@/api/lawEnforcement/index";
+import { logout ,getInfo } from "@/api/login/index";
+import lawNew from "@/components/common/lawNew_footer";
+import Cookies from "js-cookie";
+export default {
+  name: "user",
+  components: {
+    lawNew
+  },
+  data() {
+    return {
+      user: {
+        dept:{}
+      },
+      loginType:false,
+      loginButton:false,
+      tabShow: false,
+      // 查询参数
+      queryParamsTask: {
+        pageNum: 1,
+        pageSize: 5,
+        taskId: null,
+        taskName: null,
+        systemType: 26,
+      },
+      roleGroup: {},
+      postGroup: {},
+
+      activeTab: "userinfo",
+      taskList:[],
+      activityBusinessTypeOptions:[],
+      companyName:''
+    };
+  },
+  created() {
+    this.getDicts("activity_business_type").then((response) => {
+      this.activityBusinessTypeOptions = response.data;
+    });
+    console.log(Cookies.get("User-Token"))
+    if(!Cookies.get("User-Token")){
+      this.loginType = false ;
+      this.loginButton = true ;
+      return
+    }
+    this.getUser();
+  },
+  activated: function () {
+    this.getDicts("activity_business_type").then((response) => {
+      this.activityBusinessTypeOptions = response.data;
+    });
+    if(!Cookies.get("User-Token")){
+      this.loginType = false ;
+      this.loginButton = true ;
+      return
+    }
+    this.getUser();
+  },
+  methods: {
+    loginOut(){
+      logout().then(response => {
+        console.log(response);
+        Cookies.remove("User-Token");
+        this.$router.push({
+          path: '/lawEnforcement'
+        })
+      });
+    },
+    getUser() {
+      getUserProfile().then(response => {
+          this.loginType = true ;
+          this.user = response.data;
+          this.roleGroup = response.roleGroup;
+          this.postGroup = response.postGroup;
+          if (response.data.roles.length < 1){
+            this.tabShow = false;
+          }else{
+            response.data.roles.forEach(res=>{
+              if (res.roleKey == 'personal_user' || res.roleKey == 'company_user'){
+                this.tabShow = false;
+              }else{
+                this.tabShow = true;
+              }
+            })
+          }
+          let data = {
+            userId:response.data.userId
+          }
+          companyList(data).then((res) => {
+            console.log(res.data.companyName)
+            this.companyName = res.data.companyName;
+          });
+          this.getTaskList();
+      });
+    },
+    getTaskList() {
+      this.loading = true;
+      return request({
+        url: "/activiti/process/taskList",
+        method: "get",
+        params: this.queryParamsTask,
+      })
+      .then((response) => {
+        console.log(response)
+        this.taskList = response.rows;
+        this.total = response.total;
+        console.log(this.total)
+        this.loading = false;
+      })
+      .then(() => {
+
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 0 ;
+}
+/deep/ .van-hairline--bottom::after{
+  border: none;
+}
+/deep/ .van-nav-bar{
+  background-color: transparent;
+}
+/deep/ .van-nav-bar__title{
+  color: #FFFFFF;
+}
+.topBackground{
+  background-image: url("../../../../static/images/lawEnforcement/new/header_bg.png") ;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  padding-bottom: 30PX;
+}
+  .headImg{
+    width: 1.7rem;
+    height: 1.7rem;
+    border-radius: 10PX;
+    overflow: hidden;
+  }
+  .userName{
+    font-size: 0.5rem;
+    color: #FFFFFF;
+    line-height: 0.85rem;
+  }
+  .userDept{
+    font-size: 0.35rem;
+    color: #FFFFFF;
+  }
+  .userInformation{
+    padding: 0.3rem 6%;
+  }
+.listBox{
+  width: 96%;
+  margin: 0 auto;
+  border-radius: 8Px;
+  overflow: hidden;
+  box-shadow: 0PX 5PX 5PX #cccccc;
+  margin-top: 10PX;
+  padding: 3% 0;
+  .van-icon{
+    vertical-align: middle;
+  }
+  .van-cell{
+    padding: 3% 5%;
+  }
+  .custom-title{
+    font-size: 16PX;
+    color: #333333;
+    vertical-align: middle;
+    line-height: 1;
+    position: relative;
+    margin-left: 5PX;
+  }
+  .tap{
+    color: #1D6FE9;
+  }
+  .bgBlue{
+    display: block;
+    position: absolute;
+    width: 17PX;
+    height: 17PX;
+    border-radius: 50%;
+    background-color: rgba(29,111,233,0.26);
+    top: -2PX;
+    right: -8PX;
+  }
+}
+  .loginOut{
+    width: 96%;
+    margin: 10PX 2%;
+    border-radius: 8Px;
+    box-shadow: 0PX 5PX 5PX #cccccc;
+    border: none;
+  }
+.db{
+  .van-cell__title{
+    color: #666666;
+    flex: 0.7;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    word-break: break-all;
+    overflow: hidden;
+  }
+  .van-cell__value{
+    flex: 0.3;
+  }
+}
+
+</style>