zhangzl
/
nsgk_mobile
2
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

农业执法

wulanhaote
庞东旭 2 years ago
parent
e6db4c6a67
commit
b235e17de1
45 changed files with 2917 additions and 45 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +69
    -0
      src/components/common/lawNew_footer.vue
  2. +100
    -1
      src/router/index.js
  3. +174
    -0
      src/views/lawEnforcement/basis/basis.vue
  4. +9
    -39
      src/views/lawEnforcement/caseQuery/caseQueryDocument.vue
  5. +28
    -5
      src/views/lawEnforcement/index_new.vue
  6. +129
    -0
      src/views/lawEnforcement/retrospect/retrospect.vue
  7. +297
    -0
      src/views/lawEnforcement/retrospect/retrospectDetail.vue
  8. +341
    -0
      src/views/lawEnforcement/supervise/enterprise.vue
  9. +214
    -0
      src/views/lawEnforcement/supervise/enterpriseDetail.vue
  10. +298
    -0
      src/views/lawEnforcement/supervise/enterpriseRelation.vue
  11. +337
    -0
      src/views/lawEnforcement/supervise/individual.vue
  12. +213
    -0
      src/views/lawEnforcement/supervise/individualDetail.vue
  13. +298
    -0
      src/views/lawEnforcement/supervise/individualRelation.vue
  14. +149
    -0
      src/views/lawEnforcement/userNew/changePassword.vue
  15. +261
    -0
      src/views/lawEnforcement/userNew/user_new.vue
  16. BIN
      static/images/lawEnforcement/icon/individual_icon_01.png
  17. BIN
      static/images/lawEnforcement/icon/individual_icon_02.png
  18. BIN
      static/images/lawEnforcement/icon/individual_icon_03.png
  19. BIN
      static/images/lawEnforcement/new/header_bg.png
  20. BIN
      static/images/lawEnforcement/new/index_icon_20.png
  21. BIN
      static/images/lawEnforcement/new/retrospect_icon_01.png
  22. BIN
      static/images/lawEnforcement/new/retrospect_icon_02.png
  23. BIN
      static/images/lawEnforcement/new/retrospect_icon_03.png
  24. BIN
      static/images/lawEnforcement/new/retrospect_icon_04.png
  25. BIN
      static/images/lawEnforcement/new/retrospect_icon_05.png
  26. BIN
      static/images/lawEnforcement/new/retrospect_icon_06.png
  27. BIN
      static/images/lawEnforcement/new/retrospect_icon_07.png
  28. BIN
      static/images/lawEnforcement/new/retrospect_icon_08.png
  29. BIN
      static/images/lawEnforcement/new/retrospect_icon_09.png
  30. BIN
      static/images/lawEnforcement/new/retrospect_icon_10.png
  31. BIN
      static/images/lawEnforcement/new/retrospect_icon_11.png
  32. BIN
      static/images/lawEnforcement/new/retrospect_icon_12.png
  33. BIN
      static/images/lawEnforcement/new/retrospect_icon_13.png
  34. BIN
      static/images/lawEnforcement/new/retrospect_icon_14.png
  35. BIN
      static/images/lawEnforcement/new/retrospect_icon_15.png
  36. BIN
      static/images/lawEnforcement/new/retrospect_icon_16.png
  37. BIN
      static/images/lawEnforcement/new/tab_00.png
  38. BIN
      static/images/lawEnforcement/new/tab_01.png
  39. BIN
      static/images/lawEnforcement/new/tab_02.png
  40. BIN
      static/images/lawEnforcement/new/tab_03.png
  41. BIN
      static/images/lawEnforcement/new/tab_04.png
  42. BIN
      static/images/lawEnforcement/new/tab_05.png
  43. BIN
      static/images/lawEnforcement/new/tab_06.png
  44. BIN
      static/images/lawEnforcement/new/tab_07.png
  45. BIN
      static/images/lawEnforcement/new/user_icon_01.png

+ 69
- 0
src/components/common/lawNew_footer.vue View File

@@ -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>

+ 100
- 1
src/router/index.js View File

@@ -3368,7 +3368,7 @@ export const constantRoutes = [
}, },
component: (resolve) => require(['@/views/lawEnforcement/caseStatistics/caseStatistics'], resolve) component: (resolve) => require(['@/views/lawEnforcement/caseStatistics/caseStatistics'], resolve)
}, },
{ ////农业执法（新）-- 案件统计
{ ////农业执法（新）-- 案件分布
path: '/lawEnforcement/caseDistributionMap', path: '/lawEnforcement/caseDistributionMap',
name: 'lawEnforcementCaseDistributionMap', name: 'lawEnforcementCaseDistributionMap',
meta: { meta: {
@@ -3376,6 +3376,105 @@ export const constantRoutes = [
hidden: true, hidden: true,
}, },
component: (resolve) => require(['@/views/lawEnforcement/caseDistribution/caseDistribution'], resolve) 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)
} }
]; ];




+ 174
- 0
src/views/lawEnforcement/basis/basis.vue View File

@@ -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>

+ 9
- 39
src/views/lawEnforcement/caseQuery/caseQueryDocument.vue View File

@@ -7,10 +7,7 @@
<div style="height: 58px;"></div> <div style="height: 58px;"></div>


<div class="search_box"> <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>


<div class="main_box"> <div class="main_box">
@@ -22,8 +19,7 @@
</van-cell> </van-cell>
<div class="peopleList"> <div class="peopleList">
<van-row v-for="(item,index) in 2" :key="index" > <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"/> <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
<p>指定管辖通知书</p> <p>指定管辖通知书</p>
</van-col> </van-col>
@@ -43,8 +39,7 @@
</van-cell> </van-cell>
<div class="peopleList"> <div class="peopleList">
<van-row v-for="(item,index) in 2" :key="index" > <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"/> <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
<p>指定管辖通知书</p> <p>指定管辖通知书</p>
</van-col> </van-col>
@@ -64,8 +59,7 @@
</van-cell> </van-cell>
<div class="peopleList"> <div class="peopleList">
<van-row v-for="(item,index) in 2" :key="index" > <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"/> <img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/>
<p>指定管辖通知书</p> <p>指定管辖通知书</p>
</van-col> </van-col>
@@ -142,36 +136,12 @@
} }
.search_box{ .search_box{
display: flex; display: flex;
justify-content: space-between;
justify-content: center;
align-items: center; align-items: center;
width: 92%; 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{ .cf{
padding: 0 3%; padding: 0 3%;
@@ -238,7 +208,7 @@
&:last-child{ &:last-child{
border: none; border: none;
} }
.van-col--18{
.van-col--20{
display: flex; display: flex;
align-items: center; align-items: center;
p{ p{


+ 28
- 5
src/views/lawEnforcement/index_new.vue View File

@@ -77,23 +77,30 @@
<div class="main4"> <div class="main4">
<p class="tit">监管对象</p> <p class="tit">监管对象</p>
<div class="images"> <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> </div>


<div style="height: 20PX"></div> <div style="height: 20PX"></div>
<law></law>
<lawNew></lawNew>
</div> </div>
</template> </template>
<script> <script>
import request from "@/utils/request"; import request from "@/utils/request";
import { getTopDeptId , news , scheme , communicate } from "@/api/lawEnforcement/index"; 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 { export default {
name: "index", name: "index",
components: { components: {
law
lawNew
}, },
data() { data() {
return { 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> </style>

+ 129
- 0
src/views/lawEnforcement/retrospect/retrospect.vue View File

@@ -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>

+ 297
- 0
src/views/lawEnforcement/retrospect/retrospectDetail.vue View File

@@ -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>

+ 341
- 0
src/views/lawEnforcement/supervise/enterprise.vue View File

@@ -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>

+ 214
- 0
src/views/lawEnforcement/supervise/enterpriseDetail.vue View File

@@ -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>

+ 298
- 0
src/views/lawEnforcement/supervise/enterpriseRelation.vue View File

@@ -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>

+ 337
- 0
src/views/lawEnforcement/supervise/individual.vue View File

@@ -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>

+ 213
- 0
src/views/lawEnforcement/supervise/individualDetail.vue View File

@@ -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>

+ 298
- 0
src/views/lawEnforcement/supervise/individualRelation.vue View File

@@ -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>

+ 149
- 0
src/views/lawEnforcement/userNew/changePassword.vue View File

@@ -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>

+ 261
- 0
src/views/lawEnforcement/userNew/user_new.vue View File

@@ -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>

BIN
static/images/lawEnforcement/icon/individual_icon_01.png View File

Before After
Width: 22  |  Height: 16  |  Size: 411 B

BIN
static/images/lawEnforcement/icon/individual_icon_02.png View File

Before After
Width: 9  |  Height: 9  |  Size: 237 B

BIN
static/images/lawEnforcement/icon/individual_icon_03.png View File

Before After
Width: 41  |  Height: 41  |  Size: 1.6 KiB

BIN
static/images/lawEnforcement/new/header_bg.png View File

Before After
Width: 375  |  Height: 250  |  Size: 16 KiB

BIN
static/images/lawEnforcement/new/index_icon_20.png View File

Before After
Width: 350  |  Height: 101  |  Size: 23 KiB

BIN
static/images/lawEnforcement/new/retrospect_icon_01.png View File

Before After
Width: 51  |  Height: 51  |  Size: 598 B

BIN
static/images/lawEnforcement/new/retrospect_icon_02.png View File

Before After
Width: 51  |  Height: 52  |  Size: 997 B

BIN
static/images/lawEnforcement/new/retrospect_icon_03.png View File

Before After
Width: 51  |  Height: 51  |  Size: 607 B

BIN
static/images/lawEnforcement/new/retrospect_icon_04.png View File

Before After
Width: 68  |  Height: 68  |  Size: 4.7 KiB

BIN
static/images/lawEnforcement/new/retrospect_icon_05.png View File

Before After
Width: 68  |  Height: 68  |  Size: 4.8 KiB

BIN
static/images/lawEnforcement/new/retrospect_icon_06.png View File

Before After
Width: 68  |  Height: 68  |  Size: 4.6 KiB

BIN
static/images/lawEnforcement/new/retrospect_icon_07.png View File

Before After
Width: 68  |  Height: 68  |  Size: 4.5 KiB

BIN
static/images/lawEnforcement/new/retrospect_icon_08.png View File

Before After
Width: 68  |  Height: 68  |  Size: 4.6 KiB

BIN
static/images/lawEnforcement/new/retrospect_icon_09.png View File

Before After
Width: 68  |  Height: 68  |  Size: 4.9 KiB

BIN
static/images/lawEnforcement/new/retrospect_icon_10.png View File

Before After
Width: 22  |  Height: 22  |  Size: 281 B

BIN
static/images/lawEnforcement/new/retrospect_icon_11.png View File

Before After
Width: 18  |  Height: 21  |  Size: 561 B

BIN
static/images/lawEnforcement/new/retrospect_icon_12.png View File

Before After
Width: 21  |  Height: 21  |  Size: 676 B

BIN
static/images/lawEnforcement/new/retrospect_icon_13.png View File

Before After
Width: 21  |  Height: 21  |  Size: 605 B

BIN
static/images/lawEnforcement/new/retrospect_icon_14.png View File

Before After
Width: 67  |  Height: 96  |  Size: 1.6 KiB

BIN
static/images/lawEnforcement/new/retrospect_icon_15.png View File

Before After
Width: 57  |  Height: 57  |  Size: 1.0 KiB

BIN
static/images/lawEnforcement/new/retrospect_icon_16.png View File

Before After
Width: 16  |  Height: 16  |  Size: 513 B

BIN
static/images/lawEnforcement/new/tab_00.png View File

Before After
Width: 26  |  Height: 26  |  Size: 557 B

BIN
static/images/lawEnforcement/new/tab_01.png View File

Before After
Width: 25  |  Height: 26  |  Size: 739 B

BIN
static/images/lawEnforcement/new/tab_02.png View File

Before After
Width: 23  |  Height: 26  |  Size: 805 B

BIN
static/images/lawEnforcement/new/tab_03.png View File

Before After
Width: 23  |  Height: 27  |  Size: 731 B

BIN
static/images/lawEnforcement/new/tab_04.png View File

Before After
Width: 26  |  Height: 26  |  Size: 627 B

BIN
static/images/lawEnforcement/new/tab_05.png View File

Before After
Width: 25  |  Height: 26  |  Size: 838 B

BIN
static/images/lawEnforcement/new/tab_06.png View File

Before After
Width: 23  |  Height: 26  |  Size: 878 B

BIN
static/images/lawEnforcement/new/tab_07.png View File

Before After
Width: 23  |  Height: 27  |  Size: 1.1 KiB

BIN
static/images/lawEnforcement/new/user_icon_01.png View File

Before After
Width: 19  |  Height: 22  |  Size: 416 B

Write Preview
Loading…
Cancel
Save