@@ -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> |
@@ -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) | |||||
} | } | ||||
]; | ]; | ||||
@@ -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> |
@@ -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{ | ||||
@@ -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> |
@@ -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> |
@@ -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> |
@@ -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> |
@@ -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> |
@@ -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> |
@@ -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> |
@@ -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> |
@@ -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> |
@@ -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> |
@@ -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> |