@@ -12,8 +12,8 @@ module.exports = { | |||
proxyTable: { | |||
"/api": { | |||
// 请求的目标主机 | |||
// target: 'http://116.255.223.226:8081/nsgk_test/', | |||
target: 'http://localhost:8080/', | |||
target: 'http://116.255.223.226:8081/nsgk_test/', | |||
// target: 'http://localhost:8080/', | |||
changeOrigin: true, | |||
pathRewrite: { | |||
'^/api': '' | |||
@@ -345,3 +345,12 @@ export function selectApprovalByTemplateId(templateId) { | |||
method: 'get' | |||
}) | |||
} | |||
// 撤回 | |||
export function updateTYinnongTransferFoStatus(data) { | |||
return request({ | |||
url: '/yinnong/transfer/updateTYinnongTransferFoStatus', | |||
method: 'post', | |||
data: data | |||
}) | |||
} |
@@ -121,6 +121,7 @@ const whiteList = [ | |||
'/sunVillage_info/list_issues_detail', //详情页 | |||
'/sunVillage_info/list_finance_detail', //详情页 | |||
'/sunVillage_info/list_finance_ranking', //详情页 | |||
'/sunVillage_info/list_tourists_ranking', //详情页 | |||
] | |||
router.beforeEach((to, from, next) => { | |||
@@ -3079,6 +3079,15 @@ export const constantRoutes = [ | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/list_issues_edit'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 合同信息 | |||
path: '/sunVillage_info/list_tourists_ranking', | |||
name: 'sunVillageInfoListTouristsRanking', | |||
meta: { | |||
title: '零工公式公布榜', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/list_tourists_ranking'], resolve) | |||
} | |||
]; | |||
@@ -1,61 +1,86 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
财务公开榜 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
<!-- <div class="add_btn" v-show="showBtn" @click="goAdd"></div>--> | |||
</div> | |||
<div class="banner" id="top_view2"> | |||
<div class="banner_tabs"> | |||
<div>7月</div> | |||
</div> | |||
<div class="banner_tabs"> | |||
<div>支出</div> | |||
<div>¥100</div> | |||
</div> | |||
<div class="banner_tabs"> | |||
<div>收入</div> | |||
<div>¥200</div> | |||
</div> | |||
</div> | |||
<div class="list_main"> | |||
<van-list | |||
v-model="loading" | |||
:finished="finished" | |||
finished-text="没有更多了" | |||
@load="getList" | |||
> | |||
<!----1--> | |||
<div class="item" v-for="(item,index) in applicationList" :key="index"> | |||
<div class="info" @click="goDetail(item.id)"> | |||
<div class="title"> | |||
<i class="icon_box"></i> | |||
<p class="news_title">{{item.openName}}</p> | |||
</div> | |||
<div class="time red green"> | |||
+¥100.00 | |||
</div> | |||
</div> | |||
<!-- <div class="operation">--> | |||
<!-- <!– delete 删除 edit编辑 view查看 –>--> | |||
<!-- <div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn">--> | |||
<!-- <i class="icon "></i>--> | |||
<!-- </div>--> | |||
<!-- <div class="opera_btn delete" @click="goRemove(item.id)" v-show="showBtn">--> | |||
<!-- <i class="icon"></i>--> | |||
<!-- </div>--> | |||
<!-- <div class="opera_btn view" @click="goDetail(item.id)" v-show="!showBtn">--> | |||
<!-- <i class="icon "></i>--> | |||
<!-- </div>--> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
财务公开榜 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
<!-- <div class="add_btn" v-show="showBtn" @click="goAdd"></div>--> | |||
</div> | |||
<!-- <div class="banner" id="top_view2">--> | |||
<!-- <div class="banner_tabs">--> | |||
<!-- <div>7月</div>--> | |||
<!-- </div>--> | |||
<!-- <div class="banner_tabs">--> | |||
<!-- <div>支出</div>--> | |||
<!-- <div>¥100</div>--> | |||
<!-- </div>--> | |||
<!-- <div class="banner_tabs">--> | |||
<!-- <div>收入</div>--> | |||
<!-- <div>¥200</div>--> | |||
<!-- </div>--> | |||
<!-- </div>--> | |||
<p class="top_head_title">崖西镇崖后村2022年7月份集体用工情况公布榜</p> | |||
<div class="center_box"> | |||
<div class="name_box"> | |||
<van-row> | |||
<van-col :span="24">姓名</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<div class="name_bg"></div> | |||
<img src="../../assets/images/sunVillage_info/name_icon.png" class="name_icon"/> | |||
</div> | |||
<div class="right_box"> | |||
<van-row> | |||
<van-col :span="12">收入金额</van-col> | |||
<van-col :span="12">支出金额</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="12">¥392.96</van-col> | |||
<van-col :span="12">¥392.96</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="12"></van-col> | |||
<van-col :span="12">¥392.96</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="12"></van-col> | |||
<van-col :span="12">¥392.96</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="12"></van-col> | |||
<van-col :span="12">¥392.96</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="12"></van-col> | |||
<van-col :span="12">¥392.96</van-col> | |||
</van-row> | |||
</div> | |||
<!-- </div>--> | |||
</div> | |||
</van-list> | |||
</div> | |||
<!-- <div class="bottom_tips">--> | |||
<!-- <span class="xs">已经到底啦</span>--> | |||
<!-- </div>--> | |||
<div class="clear"></div> | |||
</div> | |||
<div class="bottom_box"> | |||
<p>本月合计:</p> | |||
<van-row> | |||
<van-col :span="12">¥392.96</van-col> | |||
<van-col :span="12">¥3920.96</van-col> | |||
</van-row> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
@@ -190,225 +215,225 @@ | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper{ | |||
.home_wrapper{ | |||
background: #e9e9e9; | |||
min-height: 100vh; | |||
width: 100vw; | |||
.header_main{ | |||
height: 116px; | |||
background: url('../../assets/images/sunVillage_info/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; | |||
position: relative; | |||
.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; | |||
} | |||
height: 116px; | |||
background: url('../../assets/images/sunVillage_info/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; | |||
position: relative; | |||
.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; | |||
} | |||
} | |||
.record_main{ | |||
padding:30px 22px; | |||
.record_det{ | |||
height: 38px; | |||
line-height: 38px; | |||
display: flex; | |||
justify-content:space-between; | |||
.year_l{ | |||
font-size: 30px; | |||
display: flex; | |||
align-items: center; | |||
color: #858585; | |||
padding:30px 22px; | |||
.record_det{ | |||
height: 38px; | |||
line-height: 38px; | |||
display: flex; | |||
justify-content:space-between; | |||
.year_l{ | |||
font-size: 30px; | |||
display: flex; | |||
align-items: center; | |||
color: #858585; | |||
.unit{ | |||
padding-left: 5px; | |||
} | |||
.icon{ | |||
width: 23px; | |||
height: 12px; | |||
display: block; | |||
background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-bottom: 4px; | |||
margin-right: 8px; | |||
&.zk { | |||
transform: rotate(0deg) | |||
} | |||
&.ss{ | |||
transform: rotate(180deg) | |||
} | |||
} | |||
.unit{ | |||
padding-left: 5px; | |||
} | |||
.icon{ | |||
width: 23px; | |||
height: 12px; | |||
display: block; | |||
background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-bottom: 4px; | |||
margin-right: 8px; | |||
&.zk { | |||
transform: rotate(0deg) | |||
} | |||
.total_r{ | |||
font-size: 26px; | |||
letter-spacing: 2px; | |||
&.ss{ | |||
transform: rotate(180deg) | |||
} | |||
} | |||
} | |||
.record_list{ | |||
display: flex; | |||
flex-flow: wrap; | |||
margin-top: 12PX; | |||
.flex_block{ | |||
font-size: 30px; | |||
color: #878787; | |||
padding-right: 30px; | |||
&.current{ | |||
color: #4199fe; | |||
font-weight: bold; | |||
} | |||
} | |||
.total_r{ | |||
font-size: 26px; | |||
letter-spacing: 2px; | |||
} | |||
} | |||
.record_list{ | |||
display: flex; | |||
flex-flow: wrap; | |||
margin-top: 12PX; | |||
.flex_block{ | |||
font-size: 30px; | |||
color: #878787; | |||
padding-right: 30px; | |||
&.current{ | |||
color: #4199fe; | |||
font-weight: bold; | |||
} | |||
} | |||
} | |||
} | |||
.list_main{ | |||
padding:0 22px; | |||
.item{ | |||
height: 100px; | |||
border-radius: 30px; | |||
background: #fff; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
padding:15px 32px; | |||
padding:0 22px; | |||
.item{ | |||
height: 100px; | |||
border-radius: 30px; | |||
background: #fff; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
padding:15px 32px; | |||
display: flex; | |||
margin-bottom: 20px; | |||
.info{ | |||
flex:1; | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
.title{ | |||
display: flex; | |||
font-size: 32px; | |||
align-items: center; | |||
height: 58px; | |||
.icon_box{ | |||
width: 34px; | |||
display: block; | |||
height: 30px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 10px; | |||
} | |||
.news_title{ | |||
max-width:416px; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
-o-text-overflow: ellipsis; | |||
} | |||
.tips_mark{ | |||
width: 34px; | |||
height: 34px; | |||
background: #fa0c0c; | |||
border-radius: 8px; | |||
font-size: 24px; | |||
color: #fff; | |||
text-align: center; | |||
line-height: 34px; | |||
margin-left: 10px; | |||
} | |||
} | |||
.red{ | |||
color: #fa0c0c; | |||
} | |||
.green{ | |||
color: #4caf50; | |||
} | |||
.time{ | |||
font-size: 32px; | |||
display: flex; | |||
margin-bottom: 20px; | |||
.info{ | |||
flex:1; | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
.title{ | |||
display: flex; | |||
font-size: 32px; | |||
align-items: center; | |||
height: 58px; | |||
.icon_box{ | |||
width: 34px; | |||
display: block; | |||
height: 30px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 10px; | |||
} | |||
.news_title{ | |||
max-width:416px; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
-o-text-overflow: ellipsis; | |||
} | |||
.tips_mark{ | |||
width: 34px; | |||
height: 34px; | |||
background: #fa0c0c; | |||
border-radius: 8px; | |||
font-size: 24px; | |||
color: #fff; | |||
text-align: center; | |||
line-height: 34px; | |||
margin-left: 10px; | |||
} | |||
} | |||
.red{ | |||
color: #fa0c0c; | |||
} | |||
.green{ | |||
color: #4caf50; | |||
} | |||
.time{ | |||
font-size: 32px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: right; | |||
height: 30px; | |||
margin-top: 6px; | |||
.icon_time{ | |||
width: 25px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 10px; | |||
} | |||
} | |||
align-items: center; | |||
justify-content: right; | |||
height: 30px; | |||
margin-top: 6px; | |||
.icon_time{ | |||
width: 25px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 10px; | |||
} | |||
.operation{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
justify-content: flex-end; | |||
text-align: right; | |||
.opera_btn{ | |||
width: 52px; | |||
height: 52px; | |||
border-radius: 50%; | |||
display: flex; | |||
align-items: center; | |||
justify-content:center; | |||
} | |||
} | |||
.operation{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
justify-content: flex-end; | |||
text-align: right; | |||
.opera_btn{ | |||
width: 52px; | |||
height: 52px; | |||
border-radius: 50%; | |||
display: flex; | |||
align-items: center; | |||
justify-content:center; | |||
&.delete{ | |||
background:#df0707; | |||
margin-left: 28px; | |||
.icon{ | |||
width: 22px; | |||
height: 29px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
&.edit{ | |||
background: #79cf13; | |||
.icon { | |||
width: 26px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
&.view{ | |||
background: #3494ff; | |||
.icon { | |||
width: 29px; | |||
height: 21px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
} | |||
&.delete{ | |||
background:#df0707; | |||
margin-left: 28px; | |||
.icon{ | |||
width: 22px; | |||
height: 29px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
&.edit{ | |||
background: #79cf13; | |||
.icon { | |||
width: 26px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
&.view{ | |||
background: #3494ff; | |||
.icon { | |||
width: 29px; | |||
height: 21px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
.bottom_tips{ | |||
font-size: 24px; | |||
color: #a7a6a6; | |||
text-align: center; | |||
margin-top: 32px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat; | |||
background-size: 260px 2px; | |||
.xs{ | |||
padding:0 8px; | |||
background: #e9e9e9; | |||
} | |||
font-size: 24px; | |||
color: #a7a6a6; | |||
text-align: center; | |||
margin-top: 32px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat; | |||
background-size: 260px 2px; | |||
.xs{ | |||
padding:0 8px; | |||
background: #e9e9e9; | |||
} | |||
} | |||
.banner { | |||
display: flex; | |||
@@ -427,5 +452,92 @@ | |||
margin-top: 5PX; | |||
} | |||
} | |||
} | |||
} | |||
.top_head_title{ | |||
font-size: 16PX; | |||
text-align: center; | |||
padding: 15PX 0; | |||
} | |||
.name_box{ | |||
float: left; | |||
width: 150PX; | |||
position: relative; | |||
.name_bg{ | |||
background-color: rgba(47,172,254,0.2); | |||
width: 150PX; | |||
height: 100%; | |||
position: absolute; | |||
top: 0; | |||
} | |||
.name_icon{ | |||
position: absolute; | |||
top: 40PX; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
} | |||
.van-row:nth-child(odd){ | |||
.van-col { | |||
background-color: #ffffff; | |||
} | |||
} | |||
.van-row:nth-child(1){ | |||
border-top-left-radius: 10PX; | |||
border-bottom-left-radius: 10PX; | |||
background-color: #ffffff; | |||
.van-col { | |||
background-color: #2facfe; | |||
color: #ffffff; | |||
border-radius: 10PX; | |||
} | |||
} | |||
.van-col{ | |||
font-size: 16PX; | |||
padding: 10PX 15PX; | |||
text-align: center; | |||
} | |||
} | |||
.center_box{ | |||
padding: 0 3%; | |||
} | |||
.right_box{ | |||
float: left; | |||
width: calc(100% - 150PX); | |||
.van-row:nth-child(odd){ | |||
background-color: #ffffff; | |||
} | |||
.van-row:nth-child(1){ | |||
.van-col{ | |||
color: #2facfe; | |||
} | |||
} | |||
.van-col{ | |||
font-size: 16PX; | |||
padding: 10PX 15PX; | |||
text-align: center; | |||
} | |||
} | |||
.clear{ | |||
clear: both; | |||
} | |||
.bottom_box{ | |||
padding: 0 3%; | |||
p{ | |||
float: left; | |||
width: 150PX; | |||
padding: 10PX 15PX; | |||
text-align: center; | |||
font-size: 16PX; | |||
color: red; | |||
} | |||
.van-row{ | |||
float: left; | |||
width: calc(100% - 150PX); | |||
.van-col{ | |||
font-size: 16PX; | |||
padding: 10PX 15PX; | |||
text-align: center; | |||
color: red; | |||
} | |||
} | |||
} | |||
</style> |
@@ -45,6 +45,9 @@ | |||
<div class="opera_btn delete" @click="goRemove(item.id)" v-show="showBtn"> | |||
<i class="icon"></i> | |||
</div> | |||
<div class="opera_btn list" @click="goRanking(item.id,item.openNy)" v-show="!showBtn"> | |||
<i class="icon "></i> | |||
</div> | |||
<div class="opera_btn view" @click="goDetail(item.id)" v-show="!showBtn"> | |||
<i class="icon "></i> | |||
</div> | |||
@@ -169,6 +172,9 @@ | |||
goEdit(id){ | |||
this.$router.push({path:'/sunVillage_info/list_tourists_edit',query: {id:id,type:'finance'}}) | |||
}, | |||
goRanking(id,time){ | |||
this.$router.push({path:'/sunVillage_info/list_tourists_ranking',query: {id:id,time:time}}) | |||
}, | |||
goRemove(id){ | |||
this.$dialog.alert({ | |||
title: '提示', | |||
@@ -376,6 +382,7 @@ | |||
} | |||
&.view{ | |||
background: #3494ff; | |||
margin-left: 28px; | |||
.icon { | |||
width: 29px; | |||
height: 21px; | |||
@@ -384,6 +391,16 @@ | |||
display: block; | |||
} | |||
} | |||
&.list{ | |||
background: #79cf13; | |||
.icon { | |||
width: 29px; | |||
height: 21px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_10.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
@@ -0,0 +1,553 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
零工公开榜 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
<!-- <div class="add_btn" v-show="showBtn" @click="goAdd"></div>--> | |||
</div> | |||
<!-- <div class="banner" id="top_view2">--> | |||
<!-- <div class="banner_tabs">--> | |||
<!-- <div>7月</div>--> | |||
<!-- </div>--> | |||
<!-- <div class="banner_tabs">--> | |||
<!-- <div>支出</div>--> | |||
<!-- <div>¥100</div>--> | |||
<!-- </div>--> | |||
<!-- <div class="banner_tabs">--> | |||
<!-- <div>收入</div>--> | |||
<!-- <div>¥200</div>--> | |||
<!-- </div>--> | |||
<!-- </div>--> | |||
<p class="top_head_title">崖西镇崖后村2022年7月份集体用工情况公布榜</p> | |||
<div class="center_box"> | |||
<div class="name_box"> | |||
<van-row> | |||
<van-col :span="24">姓名</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="24">庞东旭</van-col> | |||
</van-row> | |||
<div class="name_bg"></div> | |||
<img src="../../assets/images/sunVillage_info/name_icon.png" class="name_icon"/> | |||
</div> | |||
<div class="right_box"> | |||
<div class="right_box_box"> | |||
<van-row> | |||
<van-col :span="8">出工事由</van-col> | |||
<van-col :span="8">记工员</van-col> | |||
<van-col :span="8">出工数</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="8">收拾卫生(车)</van-col> | |||
<van-col :span="8">曲秀君王晓乐</van-col> | |||
<van-col :span="8">1车</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="8">收拾卫生(车)</van-col> | |||
<van-col :span="8">曲秀君王晓乐</van-col> | |||
<van-col :span="8">1车</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="8">收拾卫生(车)</van-col> | |||
<van-col :span="8">曲秀君王晓乐</van-col> | |||
<van-col :span="8">1车</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="8">收拾卫生(车)</van-col> | |||
<van-col :span="8">曲秀君王晓乐</van-col> | |||
<van-col :span="8">1车</van-col> | |||
</van-row> | |||
<van-row> | |||
<van-col :span="8">收拾卫生(车)</van-col> | |||
<van-col :span="8">曲秀君王晓乐</van-col> | |||
<van-col :span="8">1车</van-col> | |||
</van-row> | |||
</div> | |||
</div> | |||
<div class="clear"></div> | |||
</div> | |||
<!-- <div class="list_main">--> | |||
<!-- <van-list--> | |||
<!-- v-model="loading"--> | |||
<!-- :finished="finished"--> | |||
<!-- finished-text="没有更多了"--> | |||
<!-- @load="getList"--> | |||
<!-- >--> | |||
<!-- <div class="item" v-for="(item,index) in applicationList" :key="index">--> | |||
<!-- <div class="info" @click="goDetail(item.id)">--> | |||
<!-- <div class="title">--> | |||
<!-- <i class="icon_box"></i>--> | |||
<!-- <p class="news_title">{{item.openName}}</p>--> | |||
<!-- </div>--> | |||
<!-- <div class="time red green">--> | |||
<!-- +¥100.00--> | |||
<!-- </div>--> | |||
<!-- </div>--> | |||
<!-- </div>--> | |||
<!-- </van-list>--> | |||
<!-- </div>--> | |||
</div> | |||
</template> | |||
<script> | |||
import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets"; | |||
import Cookies from "js-cookie"; | |||
import request from '@/utils/request' | |||
export default { | |||
name: "certificateList", | |||
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:'', | |||
}, | |||
uploadFiles1:[], | |||
projectId:'', | |||
projectIndex:'', | |||
showBtn:true, | |||
}; | |||
}, | |||
created() { | |||
this.queryParams.bookId = Cookies.get('bookId'); | |||
this.queryParams.deptId = Cookies.get('deptId'); | |||
if (this.$route.query.type == 'code'){ | |||
this.showBtn = false; | |||
} | |||
}, | |||
methods: { | |||
getList(){ | |||
var _this = this; | |||
setTimeout(() => { | |||
console.log(_this.queryParams) | |||
financePublicList(_this.queryParams).then(response => { | |||
_this.listLength = response.total; | |||
_this.applicationList = response.rows; | |||
if(_this.applicationList.length >= response.total){ | |||
_this.finished = true; | |||
return; | |||
}else{ | |||
_this.loading = false; | |||
_this.queryParams.pageNum += 1 ; | |||
} | |||
}); | |||
}, 1000); | |||
}, | |||
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'}}) | |||
}, | |||
goEdit(id){ | |||
this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}}) | |||
}, | |||
goRemove(id){ | |||
this.$dialog.alert({ | |||
title: '提示', | |||
message: '确认删除?', | |||
}) | |||
.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; | |||
.header_main{ | |||
height: 116px; | |||
background: url('../../assets/images/sunVillage_info/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; | |||
position: relative; | |||
.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; | |||
} | |||
} | |||
.record_main{ | |||
padding:30px 22px; | |||
.record_det{ | |||
height: 38px; | |||
line-height: 38px; | |||
display: flex; | |||
justify-content:space-between; | |||
.year_l{ | |||
font-size: 30px; | |||
display: flex; | |||
align-items: center; | |||
color: #858585; | |||
.unit{ | |||
padding-left: 5px; | |||
} | |||
.icon{ | |||
width: 23px; | |||
height: 12px; | |||
display: block; | |||
background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-bottom: 4px; | |||
margin-right: 8px; | |||
&.zk { | |||
transform: rotate(0deg) | |||
} | |||
&.ss{ | |||
transform: rotate(180deg) | |||
} | |||
} | |||
} | |||
.total_r{ | |||
font-size: 26px; | |||
letter-spacing: 2px; | |||
} | |||
} | |||
.record_list{ | |||
display: flex; | |||
flex-flow: wrap; | |||
margin-top: 12PX; | |||
.flex_block{ | |||
font-size: 30px; | |||
color: #878787; | |||
padding-right: 30px; | |||
&.current{ | |||
color: #4199fe; | |||
font-weight: bold; | |||
} | |||
} | |||
} | |||
} | |||
.list_main{ | |||
padding:0 22px; | |||
.item{ | |||
height: 100px; | |||
border-radius: 30px; | |||
background: #fff; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
padding:15px 32px; | |||
display: flex; | |||
margin-bottom: 20px; | |||
.info{ | |||
flex:1; | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
.title{ | |||
display: flex; | |||
font-size: 32px; | |||
align-items: center; | |||
height: 58px; | |||
.icon_box{ | |||
width: 34px; | |||
display: block; | |||
height: 30px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 10px; | |||
} | |||
.news_title{ | |||
max-width:416px; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
-o-text-overflow: ellipsis; | |||
} | |||
.tips_mark{ | |||
width: 34px; | |||
height: 34px; | |||
background: #fa0c0c; | |||
border-radius: 8px; | |||
font-size: 24px; | |||
color: #fff; | |||
text-align: center; | |||
line-height: 34px; | |||
margin-left: 10px; | |||
} | |||
} | |||
.red{ | |||
color: #fa0c0c; | |||
} | |||
.green{ | |||
color: #4caf50; | |||
} | |||
.time{ | |||
font-size: 32px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: right; | |||
height: 30px; | |||
margin-top: 6px; | |||
.icon_time{ | |||
width: 25px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 10px; | |||
} | |||
} | |||
} | |||
.operation{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
justify-content: flex-end; | |||
text-align: right; | |||
.opera_btn{ | |||
width: 52px; | |||
height: 52px; | |||
border-radius: 50%; | |||
display: flex; | |||
align-items: center; | |||
justify-content:center; | |||
&.delete{ | |||
background:#df0707; | |||
margin-left: 28px; | |||
.icon{ | |||
width: 22px; | |||
height: 29px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
&.edit{ | |||
background: #79cf13; | |||
.icon { | |||
width: 26px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
&.view{ | |||
background: #3494ff; | |||
.icon { | |||
width: 29px; | |||
height: 21px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
.bottom_tips{ | |||
font-size: 24px; | |||
color: #a7a6a6; | |||
text-align: center; | |||
margin-top: 32px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat; | |||
background-size: 260px 2px; | |||
.xs{ | |||
padding:0 8px; | |||
background: #e9e9e9; | |||
} | |||
} | |||
.banner { | |||
display: flex; | |||
background:#3494ff; | |||
color:#fff; | |||
text-align: center; | |||
margin:3%; | |||
border-radius: 10PX; | |||
} | |||
.banner_tabs{ | |||
flex:1; | |||
padding:10PX 0; | |||
font-size: 16PX; | |||
div:nth-child(2){ | |||
font-size: 14PX; | |||
margin-top: 5PX; | |||
} | |||
} | |||
} | |||
.top_head_title{ | |||
font-size: 16PX; | |||
text-align: center; | |||
padding: 15PX 0; | |||
} | |||
.name_box{ | |||
float: left; | |||
width: 100PX; | |||
position: relative; | |||
.name_bg{ | |||
background-color: rgba(47,172,254,0.2); | |||
width: 100PX; | |||
height: 100%; | |||
position: absolute; | |||
top: 0; | |||
} | |||
.name_icon{ | |||
position: absolute; | |||
top: 40PX; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
} | |||
.van-row:nth-child(odd){ | |||
.van-col { | |||
background-color: #ffffff; | |||
} | |||
} | |||
.van-row:nth-child(1){ | |||
border-top-left-radius: 10PX; | |||
border-bottom-left-radius: 10PX; | |||
background-color: #ffffff; | |||
.van-col { | |||
background-color: #2facfe; | |||
color: #ffffff; | |||
border-radius: 10PX; | |||
} | |||
} | |||
.van-col{ | |||
font-size: 16PX; | |||
padding: 10PX 15PX; | |||
text-align: center; | |||
} | |||
} | |||
.center_box{ | |||
padding-left: 3%; | |||
} | |||
.right_box{ | |||
float: left; | |||
width: calc(100% - 100PX); | |||
overflow:hidden; | |||
overflow-x: scroll; | |||
white-space:nowrap; | |||
display: -webkit-box; | |||
.right_box_box{ | |||
width: 430PX; | |||
} | |||
.van-row:nth-child(odd){ | |||
background-color: #ffffff; | |||
} | |||
.van-row:nth-child(1){ | |||
.van-col{ | |||
color: #2facfe; | |||
} | |||
} | |||
.van-col{ | |||
font-size: 16PX; | |||
padding: 10PX 15PX; | |||
text-align: center; | |||
float: none; | |||
display: inline-block; | |||
} | |||
} | |||
.clear{ | |||
clear: both; | |||
} | |||
</style> |
@@ -43,6 +43,9 @@ | |||
<van-col> | |||
<van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" /> | |||
</van-col> | |||
<van-col> | |||
<van-button v-if="item.auditStatus=='待审'" square text="撤回" type="danger" @click="cancelApply(item)" class="delete-button" /> | |||
</van-col> | |||
</van-row> | |||
</template> | |||
</van-swipe-cell> | |||
@@ -51,7 +54,7 @@ | |||
</template> | |||
<script> | |||
import { listTransfer , customSubmit , delTransfer } from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
import { listTransfer , customSubmit , delTransfer , updateTYinnongTransferFoStatus } from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
export default { | |||
name: "approvalList", | |||
data() { | |||
@@ -64,7 +67,8 @@ export default { | |||
pageNum:1, | |||
pageSize:10, | |||
transferType:"1", | |||
} | |||
}, | |||
form:{} | |||
}; | |||
}, | |||
created() { | |||
@@ -142,6 +146,29 @@ export default { | |||
goBack(){ | |||
this.$router.push({path:'/yinnong/workbench'}) | |||
}, | |||
cancelApply(row) { | |||
console.log(row) | |||
const instanceId = row.instanceId; | |||
this.form.id = row.id; | |||
this.form.auditStatus = "0"; | |||
this.form.applyUserId = ""; | |||
this.form.applyUserName = ""; | |||
this.form.applyTime = ""; | |||
this.form.instanceId = ""; | |||
this.form.processKey = ""; | |||
let that = this; | |||
this.$dialog.confirm({ | |||
message: '您确认撤回待审数据?', | |||
}) | |||
.then(function () { | |||
return updateTYinnongTransferFoStatus(that.form).then(response => { | |||
setTimeout(function(){ | |||
history.go(0) | |||
},2000) | |||
that.$toast.success('撤回成功'); | |||
}); | |||
}) | |||
}, | |||
}, | |||
} | |||
</script> | |||
@@ -41,6 +41,9 @@ | |||
<van-col> | |||
<van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" /> | |||
</van-col> | |||
<van-col> | |||
<van-button v-if="item.auditStatus=='待审'" square text="撤回" type="danger" @click="cancelApply(item)" class="delete-button" /> | |||
</van-col> | |||
</van-row> | |||
</template> | |||
</van-swipe-cell> | |||
@@ -63,7 +66,8 @@ export default { | |||
pageNum:1, | |||
pageSize:10, | |||
cashType: '11', | |||
} | |||
}, | |||
form:{} | |||
}; | |||
}, | |||
created() { | |||
@@ -137,7 +141,30 @@ export default { | |||
.catch(() => { | |||
// on cancel | |||
}); | |||
} | |||
}, | |||
cancelApply(row) { | |||
console.log(row) | |||
const instanceId = row.instanceId; | |||
this.form.id = row.id; | |||
this.form.auditStatus = "0"; | |||
this.form.applyUserId = ""; | |||
this.form.applyUserName = ""; | |||
this.form.applyTime = ""; | |||
this.form.instanceId = ""; | |||
this.form.processKey = ""; | |||
let that = this; | |||
this.$dialog.confirm({ | |||
message: '您确认撤回待审数据?', | |||
}) | |||
.then(function () { | |||
return updateTYinnongTransferFoStatus(that.form).then(response => { | |||
setTimeout(function(){ | |||
history.go(0) | |||
},2000) | |||
that.$toast.success('撤回成功'); | |||
}); | |||
}) | |||
}, | |||
}, | |||
} | |||
</script> | |||
@@ -41,6 +41,9 @@ | |||
<van-col> | |||
<van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" /> | |||
</van-col> | |||
<van-col> | |||
<van-button v-if="item.auditStatus=='待审'" square text="撤回" type="danger" @click="cancelApply(item)" class="delete-button" /> | |||
</van-col> | |||
</van-row> | |||
</template> | |||
</van-swipe-cell> | |||
@@ -63,7 +66,8 @@ export default { | |||
pageNum:1, | |||
pageSize:100, | |||
cashType: '12', | |||
} | |||
}, | |||
form:{} | |||
}; | |||
}, | |||
created() { | |||
@@ -136,7 +140,30 @@ export default { | |||
.catch(() => { | |||
// on cancel | |||
}); | |||
} | |||
}, | |||
cancelApply(row) { | |||
console.log(row) | |||
const instanceId = row.instanceId; | |||
this.form.id = row.id; | |||
this.form.auditStatus = "0"; | |||
this.form.applyUserId = ""; | |||
this.form.applyUserName = ""; | |||
this.form.applyTime = ""; | |||
this.form.instanceId = ""; | |||
this.form.processKey = ""; | |||
let that = this; | |||
this.$dialog.confirm({ | |||
message: '您确认撤回待审数据?', | |||
}) | |||
.then(function () { | |||
return updateTYinnongTransferFoStatus(that.form).then(response => { | |||
setTimeout(function(){ | |||
history.go(0) | |||
},2000) | |||
that.$toast.success('撤回成功'); | |||
}); | |||
}) | |||
}, | |||
}, | |||
} | |||
</script> | |||
@@ -41,6 +41,9 @@ | |||
<van-col> | |||
<van-button v-if="item.auditStatus=='草稿'||item.auditStatus=='驳回'" square text="删除" type="danger" @click="deleteList(item.id,index)" class="delete-button" /> | |||
</van-col> | |||
<van-col> | |||
<van-button v-if="item.auditStatus=='待审'" square text="撤回" type="danger" @click="cancelApply(item)" class="delete-button" /> | |||
</van-col> | |||
</van-row> | |||
</template> | |||
</van-swipe-cell> | |||
@@ -49,7 +52,7 @@ | |||
</template> | |||
<script> | |||
import { listTransfer , customSubmit , delTransfer } from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
import { listTransfer , customSubmit , delTransfer , updateTYinnongTransferFoStatus } from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||
export default { | |||
name: "approvalList2", | |||
data() { | |||
@@ -62,7 +65,8 @@ export default { | |||
pageNum:1, | |||
pageSize:10, | |||
transferType:"2", | |||
} | |||
}, | |||
form:{} | |||
}; | |||
}, | |||
created() { | |||
@@ -140,6 +144,29 @@ export default { | |||
goBack(){ | |||
this.$router.push({path:'/yinnong/workbench'}) | |||
}, | |||
cancelApply(row) { | |||
console.log(row) | |||
const instanceId = row.instanceId; | |||
this.form.id = row.id; | |||
this.form.auditStatus = "0"; | |||
this.form.applyUserId = ""; | |||
this.form.applyUserName = ""; | |||
this.form.applyTime = ""; | |||
this.form.instanceId = ""; | |||
this.form.processKey = ""; | |||
let that = this; | |||
this.$dialog.confirm({ | |||
message: '您确认撤回待审数据?', | |||
}) | |||
.then(function () { | |||
return updateTYinnongTransferFoStatus(that.form).then(response => { | |||
setTimeout(function(){ | |||
history.go(0) | |||
},2000) | |||
that.$toast.success('撤回成功'); | |||
}); | |||
}) | |||
}, | |||
}, | |||
} | |||
</script> | |||