|
|
@@ -18,27 +18,15 @@ |
|
|
|
<!-- <div>¥200</div>--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- </div>--> |
|
|
|
<p class="top_head_title">崖西镇崖后村2022年7月份集体用工情况公布榜</p> |
|
|
|
<p class="top_head_title">{{deptName}}{{yearMonth[0]}}年{{yearMonth[1]}}月份经济收支情况公布榜</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 v-for="(item,index) in applicationList"> |
|
|
|
<van-col :span="24">{{item.voucherSummary}}</van-col> |
|
|
|
</van-row> |
|
|
|
<div class="name_bg"></div> |
|
|
|
<img src="../../assets/images/sunVillage_info/name_icon.png" class="name_icon"/> |
|
|
@@ -49,25 +37,9 @@ |
|
|
|
<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 v-for="(item,index) in applicationList"> |
|
|
|
<van-col :span="12"><template v-if="item.jieAmount">¥{{item.jieAmount}}</template></van-col> |
|
|
|
<van-col :span="12"><template v-if="item.daiAmount">¥{{item.daiAmount}}</template></van-col> |
|
|
|
</van-row> |
|
|
|
</div> |
|
|
|
|
|
|
@@ -76,15 +48,15 @@ |
|
|
|
<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-col :span="12">¥{{applicationSummary.jie}}</van-col> |
|
|
|
<van-col :span="12">¥{{applicationSummary.dai}}</van-col> |
|
|
|
</van-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { financePublicList,openRemove } from "@/api/sunVillage_info/fixedAssets"; |
|
|
|
import { financialAmountPublicMonthList } from "@/api/sunVillage_info/fixedAssets"; |
|
|
|
import Cookies from "js-cookie"; |
|
|
|
import request from '@/utils/request' |
|
|
|
export default { |
|
|
@@ -94,6 +66,7 @@ |
|
|
|
applicationList:[], |
|
|
|
applicationListSecond:[], |
|
|
|
assetStatusOptions:[], |
|
|
|
applicationSummary:[], |
|
|
|
auditStatus:[], |
|
|
|
loading: false, |
|
|
|
finished: false, |
|
|
@@ -103,34 +76,35 @@ |
|
|
|
listLength:'0', |
|
|
|
searchInput:'', |
|
|
|
queryParams:{ |
|
|
|
pageNum:1, |
|
|
|
pageSize:10, |
|
|
|
orderByColumn:'createTime', |
|
|
|
isAsc:'desc', |
|
|
|
year:'', |
|
|
|
yearMonth:'', |
|
|
|
bookId:'', |
|
|
|
deptId:'', |
|
|
|
all: false |
|
|
|
}, |
|
|
|
uploadFiles1:[], |
|
|
|
projectId:'', |
|
|
|
projectIndex:'', |
|
|
|
showBtn:true, |
|
|
|
yearMonth:[], |
|
|
|
deptName:'' |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.queryParams.bookId = Cookies.get('bookId'); |
|
|
|
this.queryParams.deptId = Cookies.get('deptId'); |
|
|
|
if (this.$route.query.type == 'code'){ |
|
|
|
this.showBtn = false; |
|
|
|
} |
|
|
|
this.deptName = Cookies.get('deptName'); |
|
|
|
this.queryParams.yearMonth = this.$route.query.time; |
|
|
|
this.yearMonth = this.$route.query.time.split('-') |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getList(){ |
|
|
|
var _this = this; |
|
|
|
setTimeout(() => { |
|
|
|
console.log(_this.queryParams) |
|
|
|
financePublicList(_this.queryParams).then(response => { |
|
|
|
_this.listLength = response.total; |
|
|
|
financialAmountPublicMonthList(_this.queryParams).then(response => { |
|
|
|
_this.applicationList = response.rows; |
|
|
|
|
|
|
|
_this.applicationSummary = response.summary; |
|
|
|
if(_this.applicationList.length >= response.total){ |
|
|
|
_this.finished = true; |
|
|
|
return; |
|
|
@@ -492,8 +466,14 @@ |
|
|
|
} |
|
|
|
.van-col{ |
|
|
|
font-size: 16PX; |
|
|
|
padding: 10PX 15PX; |
|
|
|
padding: 0PX 15PX; |
|
|
|
text-align: center; |
|
|
|
display: -webkit-box; |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
-webkit-line-clamp: 1; |
|
|
|
word-break: break-all; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 41PX; |
|
|
|
} |
|
|
|
} |
|
|
|
.center_box{ |
|
|
@@ -512,8 +492,14 @@ |
|
|
|
} |
|
|
|
.van-col{ |
|
|
|
font-size: 16PX; |
|
|
|
padding: 10PX 15PX; |
|
|
|
padding: 0PX 15PX; |
|
|
|
text-align: center; |
|
|
|
display: -webkit-box; |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
-webkit-line-clamp: 1; |
|
|
|
word-break: break-all; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 41PX; |
|
|
|
} |
|
|
|
} |
|
|
|
.clear{ |
|
|
|