zhangzl
/
nsgk_mobile
2
0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Quellcode durchsuchen

优化

wulanhaote
庞东旭 vor 2 Jahren
Ursprung
2df3be118f
Commit
69fe2779bf
8 geänderte Dateien mit 1064 neuen und 351 gelöschten Zeilen
Geteilte Ansicht
Diff-Optionen
Statistiken anzeigen Patch-Datei herunterladen Vergleichs-Datei herunterladen
  1. +32
    -1
      src/api/sunVillage_info/fixedAssets.js
  2. +18
    -0
      src/router/index.js
  3. +150
    -84
      src/views/sunVillage_info/details.vue
  4. +2
    -2
      src/views/sunVillage_info/index.vue
  5. +12
    -5
      src/views/sunVillage_info/list_finance.vue
  6. +97
    -0
      src/views/sunVillage_info/list_finance_add.vue
  7. +392
    -0
      src/views/sunVillage_info/list_issues.vue
  8. +361
    -259
      src/views/sunVillage_info/list_tourists.vue

+ 32
- 1
src/api/sunVillage_info/fixedAssets.js Datei anzeigen

@@ -104,13 +104,44 @@ export function updateInfo(data) {
}
// 财务公开列表
export function financePublicList(query) {
console.log(query)
return request({
url: '/villageAffairs/public/financePublicList',
method: 'get',
params: query
})
}
// 零工公开列表
export function tempWorkerPublicList(query) {
return request({
url: '/villageAffairs/public/tempWorkerPublicList',
method: 'get',
params: query
})
}
// 重大事项公开列表
export function majorEventPublicList(query) {
return request({
url: '/villageAffairs/public/majorEventPublicList',
method: 'get',
params: query
})
}
// 财务公开详情
export function financePublicDetail(query) {
return request({
url: '/villageAffairs/public/financePublicDetail',
method: 'get',
params: query
})
}
// 零工公开详情
export function tempWorkerPublicDetail(query) {
return request({
url: '/villageAffairs/public/tempWorkerPublicDetail',
method: 'get',
params: query
})
}

//获取区、镇、村地区
export function treeselectByUser(query) {


+ 18
- 0
src/router/index.js Datei anzeigen

@@ -2952,6 +2952,24 @@ export const constantRoutes = [
hidden: true,
},
component: (resolve) => require(['@/views/sunVillage_info/list_finance'], resolve)
},
{ ////阳光村务（新）-- 合同信息
path: '/sunVillage_info/list_issues',
name: 'sunVillageInfoListIssues',
meta: {
title: '重大事项',
hidden: true,
},
component: (resolve) => require(['@/views/sunVillage_info/list_issues'], resolve)
},
{ ////阳光村务（新）-- 合同信息
path: '/sunVillage_info/list_finance_add',
name: 'sunVillageInfoListFinanceAdd',
meta: {
title: '新增重大事项',
hidden: true,
},
component: (resolve) => require(['@/views/sunVillage_info/list_finance_add'], resolve)
}
];



+ 150
- 84
src/views/sunVillage_info/details.vue Datei anzeigen

@@ -1,97 +1,163 @@
<template>
<div class="home_wrapper">
<div class="header_main">
李家村4月零工公示
<div class="return_btn"></div>
<div class="add_btn"></div>
{{form.openName}}
<div class="return_btn" @click="onClickLeft"></div>
</div>
<div class="release_head">
<div class="people"><i class="icon"></i>发布人:李铁根</div>
<div class="time"><i class="icon"></i>发布日期:2022-10-12</div>
<div class="people"><i class="icon"></i>发布人:{{form.createBy}}</div>
<div class="time"><i class="icon"></i>发布日期:{{form.createTime}}</div>
</div>
<div class="release_conetnt">
<img src="../../assets/images/sunVillage_info/img_1.png" />
<img src="../../assets/images/sunVillage_info/img_1.png" />
<p>本月公示已上传，有异议请致电 81451296 ，联系人王书记。</p>
<img :src="'/api'+item" v-for="(item,index) in form.openPic" :key="index" />
<van-cell-group inset>
<van-cell :title="item.substr(27,item.length)" v-for="(item,index) in form.openFile" :key="index" @click="goFile(item)" />
</van-cell-group>
<p style="margin-top: 10PX">{{form.remark}}</p>
</div>
</div>
</template>
<style scoped lang="scss">

<script>
import { financePublicDetail , tempWorkerPublicDetail } from "@/api/sunVillage_info/fixedAssets";
import Cookies from "js-cookie";
import request from '@/utils/request'
export default {
name: "certificateList",
data() {
return {
queryParams:{
id:'',
},
form:{},
type:''
};
},
created() {
this.houseGetDicts("asset_status").then((response) => {
this.assetStatusOptions = response.data;
});
this.houseGetDicts("asset_type").then((response) => {
this.assetTypeOptions = response.data;
});
this.houseGetDicts("use_type").then((response) => {
this.useTypeOptions = response.data;
});
this.queryParams.id = this.$route.query.id;
this.type = this.$route.query.type;
this.queryParams.bookId = Cookies.get('bookId');
this.queryParams.deptId = Cookies.get('deptId');
this.getDetail()
},
methods: {
getDetail(id){
setTimeout(() => {
if (this.type == 'finance'){
financePublicDetail(this.queryParams).then(response => {
if (response.code == 200){
if (response.data.openFile){response.data.openFile = response.data.openFile.split(',');}
if (response.data.openPic){response.data.openPic = response.data.openPic.split(',');}
response.data.createTime = response.data.createTime.substr(0,10)
this.form = response.data;
}
});
}
if (this.type == 'tourists'){
tempWorkerPublicDetail(this.queryParams).then(response => {
if (response.code == 200){
if (response.data.openFile){response.data.openFile = response.data.openFile.split(',');}
if (response.data.openPic){response.data.openPic = response.data.openPic.split(',');}
response.data.createTime = response.data.createTime.substr(0,10)
this.form = response.data;
}
});
}

}, 1000);
},
goFile(item){
window.location = '/api'+item;
}
},
}
</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;
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;
}
}
.release_head{
height: 90px;
padding:0 23px;
display: flex;
align-items: center;
font-size: 26px;
color: #929292;
.people{
flex: 1;
display: flex;
align-items: center;
.icon{
width: 24px;
height: 21px;
background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
background-size: 100% 100%;
display: block;
margin-right: 8px;
}
}
.time{
flex: 1;
display: flex;
align-items: center;
justify-content:flex-end;
.icon{
width: 25px;
height: 25px;
background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
background-size: 100% 100%;
display: block;
margin-right: 8px;
}
}
}
.release_conetnt{
padding:0 22px;
font-size: 32px;
color: #252525;
line-height: 44px;
img{
max-width: 100%;
margin-bottom: 16px;
}
p{
margin-bottom: 16px;
}
}
.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;
}
}
.release_head{
height: 90px;
padding:0 23px;
display: flex;
align-items: center;
font-size: 26px;
color: #929292;
.people{
flex: 1;
display: flex;
align-items: center;
.icon{
width: 24px;
height: 21px;
background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
background-size: 100% 100%;
display: block;
margin-right: 8px;
}
}
.time{
flex: 1;
display: flex;
align-items: center;
justify-content:flex-end;
.icon{
width: 25px;
height: 25px;
background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
background-size: 100% 100%;
display: block;
margin-right: 8px;
}
}
}
.release_conetnt{
padding:0 22px;
font-size: 32px;
color: #252525;
line-height: 44px;
img{
max-width: 100%;
margin-bottom: 16px;
}
p{
margin-bottom: 16px;
}
}
}
</style>
</style>

+ 2
- 2
src/views/sunVillage_info/index.vue Datei anzeigen

@@ -36,8 +36,8 @@
<div class="title"></div>
<div class="nav_list">
<router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link>
<div class="nav_item n_2">零工公开榜</div>
<div class="nav_item n_3">重大事项</div>
<router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link>
<router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link>
<router-link :to="{name:'sunVillageInfoFixedAssets'}" class="nav_item n_4">固定资产</router-link>
<router-link :to="{name:'sunVillageInfoInformation'}" class="nav_item n_5">合同登记</router-link>
</div>


+ 12
- 5
src/views/sunVillage_info/list_finance.vue Datei anzeigen

@@ -7,10 +7,10 @@
</div>
<div class="record_main">
<div class="record_det">
<div class="year_l"><i class="icon ss"></i>{{queryParams.year == '' ? '全部': queryParams.year}}<span class="unit">{{queryParams.year == '' ? '': '年'}}</span></div>
<div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab , 'ss':showTab } "></i>{{queryParams.year == '' ? '全部': queryParams.year}}<span class="unit">{{queryParams.year == '' ? '': '年'}}</span></div>
<div class="total_r">共{{listLength}}条公告</div>
</div>
<div class="record_list">
<div class="record_list" v-if="showTab">
<div :class="{'flex_block':true , 'current':queryParams.year == ''}" @click="tabClick('')">全部</div>
<div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>
<div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>
@@ -25,7 +25,7 @@
@load="getList"
>
<!----1-->
<div class="item" v-for="(item,index) in applicationList" :key="index" >
<div class="item" v-for="(item,index) in applicationList" :key="index" @click="goDetail(item.id)">
<div class="info">
<div class="title">
<i class="icon_box"></i>
@@ -74,6 +74,7 @@
loading: false,
finished: false,
show: false,
showTab: false,
fileList:[],
listLength:'0',
searchInput:'',
@@ -127,6 +128,9 @@
this.applicationList = [];
this.getList();
},
tabShow(){
this.showTab = !this.showTab;
},
/** 删除按钮操作 */
handleDelete(row,index) {
let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus;
@@ -164,7 +168,10 @@
});
},
goAdd(){
this.$router.push('/sunVillage_info/fixedAssetsAdd')
this.$router.push('/sunVillage_info/list_finance_add')
},
goDetail(id){
this.$router.push({path:'/sunVillage_info/details',query: {id:id,type:'finance'}})
},
},
}
@@ -248,7 +255,7 @@
.record_list{
display: flex;
flex-flow: wrap;
margin-top: 12px;
margin-top: 12PX;
.flex_block{
font-size: 30px;
color: #878787;


+ 97
- 0
src/views/sunVillage_info/list_finance_add.vue Datei anzeigen

@@ -0,0 +1,97 @@
<template>
<div class="home_wrapper">
<div class="header_main">
李家村4月零工公示
<div class="return_btn"></div>
<div class="add_btn"></div>
</div>
<div class="release_head">
<div class="people"><i class="icon"></i>发布人:李铁根</div>
<div class="time"><i class="icon"></i>发布日期:2022-10-12</div>
</div>
<div class="release_conetnt">
<img src="../../assets/images/sunVillage_info/img_1.png" />
<img src="../../assets/images/sunVillage_info/img_1.png" />
<p>本月公示已上传，有异议请致电 81451296 ，联系人王书记。</p>
</div>
</div>
</template>
<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;
}
}
.release_head{
height: 90px;
padding:0 23px;
display: flex;
align-items: center;
font-size: 26px;
color: #929292;
.people{
flex: 1;
display: flex;
align-items: center;
.icon{
width: 24px;
height: 21px;
background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat;
background-size: 100% 100%;
display: block;
margin-right: 8px;
}
}
.time{
flex: 1;
display: flex;
align-items: center;
justify-content:flex-end;
.icon{
width: 25px;
height: 25px;
background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat;
background-size: 100% 100%;
display: block;
margin-right: 8px;
}
}
}
.release_conetnt{
padding:0 22px;
font-size: 32px;
color: #252525;
line-height: 44px;
img{
max-width: 100%;
margin-bottom: 16px;
}
p{
margin-bottom: 16px;
}
}
}
</style>

+ 392
- 0
src/views/sunVillage_info/list_issues.vue Datei anzeigen

@@ -0,0 +1,392 @@
<template>
<div class="home_wrapper">
<div class="header_main">
重大事项
<div class="return_btn" @click="onClickLeft"></div>
<div class="add_btn" @click="goAdd"></div>
</div>
<div class="record_main">
<div class="record_det">
<div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab , 'ss':showTab } "></i>{{queryParams.year == '' ? '全部': queryParams.year}}<span class="unit">{{queryParams.year == '' ? '': '年'}}</span></div>
<div class="total_r">共{{listLength}}条公告</div>
</div>
<div class="record_list" v-if="showTab">
<div :class="{'flex_block':true , 'current':queryParams.year == ''}" @click="tabClick('')">全部</div>
<div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>
<div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>
<div :class="{'flex_block':true , 'current':queryParams.year == '2020'}" @click="tabClick('2020')">2020</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" @click="goDetail(item.id)" >
<div class="info">
<div class="title">
<i class="icon_box"></i>
<p class="news_title">{{item.openName}}</p>
<p class="tips_mark">新</p>
</div>
<div class="time">
<div class="icon_time"></div>
{{item.openNy}}
</div>
</div>
<div class="operation">
<!-- delete 删除 edit编辑 view查看 -->
<div class="opera_btn edit">
<i class="icon "></i>
</div>
<div class="opera_btn delete">
<i class="icon"></i>
</div>
<!-- <div class="opera_btn view">
<i class="icon "></i>
</div> -->
</div>
</div>
</van-list>
</div>
<!-- <div class="bottom_tips">-->
<!-- <span class="xs">已经到底啦</span>-->
<!-- </div>-->
</div>
</template>

<script>
import { majorEventPublicList } 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:''
};
},
created() {
this.houseGetDicts("asset_status").then((response) => {
this.assetStatusOptions = response.data;
});
this.houseGetDicts("asset_type").then((response) => {
this.assetTypeOptions = response.data;
});
this.houseGetDicts("use_type").then((response) => {
this.useTypeOptions = response.data;
});
console.log(Cookies.get('bookId'))
this.queryParams.bookId = Cookies.get('bookId');
this.queryParams.deptId = Cookies.get('deptId');
},
methods: {
getList(){
var _this = this;
setTimeout(() => {
console.log(_this.queryParams)
majorEventPublicList(_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/fixedAssetsAdd')
},
goDetail(id){
this.$router.push({path:'/sunVillage_info/details',query: {id:id}})
},
},
}
</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: 140px;
border-radius: 30px;
background: #fff;
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
padding:25px 32px;
display: flex;
margin-bottom: 20px;
.info{
flex:0 0 510px;
.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;
}
}
.time{
font-size: 24px;
color: #858585;
display: flex;
align-items: center;
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;
}
}
}
</style>

+ 361
- 259
src/views/sunVillage_info/list_tourists.vue Datei anzeigen

@@ -1,290 +1,392 @@
<template>
<div class="home_wrapper">
<div class="header_main">
月度零工公示
<div class="return_btn"></div>
<div class="add_btn"></div>
</div>
<div class="record_main">
<div class="record_det">
<div class="year_l"><i class="icon ss"></i>2022<span class="unit">年</span></div>
<div class="total_r">共4条公告</div>
<div class="home_wrapper">
<div class="header_main">
零工公开榜
<div class="return_btn" @click="onClickLeft"></div>
<div class="add_btn" @click="goAdd"></div>
</div>
<div class="record_main">
<div class="record_det">
<div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab , 'ss':showTab } "></i>{{queryParams.year == '' ? '全部': queryParams.year}}<span class="unit">{{queryParams.year == '' ? '': '年'}}</span></div>
<div class="total_r">共{{listLength}}条公告</div>
</div>
<div class="record_list" v-if="showTab">
<div :class="{'flex_block':true , 'current':queryParams.year == ''}" @click="tabClick('')">全部</div>
<div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>
<div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>
<div :class="{'flex_block':true , 'current':queryParams.year == '2020'}" @click="tabClick('2020')">2020</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" @click="goDetail(item.id)" >
<div class="info">
<div class="title">
<i class="icon_box"></i>
<p class="news_title">{{item.openName}}</p>
<p class="tips_mark">新</p>
</div>
<div class="record_list">
<div class="flex_block ">全部</div>
<div class="flex_block current">2022</div>
<div class="flex_block">2021</div>
<div class="flex_block">2020</div>
<div class="time">
<div class="icon_time"></div>
{{item.openNy}}
</div>
</div>
<div class="list_main">
<!----1-->
<div class="item">
<div class="info">
<div class="title">
<i class="icon_box"></i>
<p class="news_title">李家村4月零工公示</p>
<p class="tips_mark">新</p>
</div>
<div class="time">
<div class="icon_time"></div>
2022-05-03
</div>
</div>
<div class="operation">
<!-- delete 删除 edit编辑 view查看 -->
<div class="opera_btn edit">
<i class="icon "></i>
</div>
<div class="opera_btn delete">
<i class="icon"></i>
</div>
<!-- <div class="opera_btn view">
<i class="icon "></i>
</div> -->

</div>
</div>
<div class="operation">
<!-- delete 删除 edit编辑 view查看 -->
<div class="opera_btn edit">
<i class="icon "></i>
</div>
<!----1-->
<div class="item">
<div class="info">
<div class="title">
<i class="icon_box"></i>
<p class="news_title">李家村4月零工公示</p>
<p class="tips_mark">新</p>
</div>
<div class="time">
<div class="icon_time"></div>
2022-05-03
</div>
</div>
<div class="operation">
<!-- delete 删除 edit编辑 view查看 -->
<div class="opera_btn view">
<i class="icon "></i>
</div>

</div>
<div class="opera_btn delete">
<i class="icon"></i>
</div>
<!-- <div class="opera_btn view">
<i class="icon "></i>
</div> -->
</div>
</div>
<div class="bottom_tips">
<span class="xs">已经到底啦</span>
</div>
</van-list>
</div>
<!-- <div class="bottom_tips">-->
<!-- <span class="xs">已经到底啦</span>-->
<!-- </div>-->
</div>
</template>

<script>
import { tempWorkerPublicList } 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:''
};
},
created() {
this.houseGetDicts("asset_status").then((response) => {
this.assetStatusOptions = response.data;
});
this.houseGetDicts("asset_type").then((response) => {
this.assetTypeOptions = response.data;
});
this.houseGetDicts("use_type").then((response) => {
this.useTypeOptions = response.data;
});
console.log(Cookies.get('bookId'))
this.queryParams.bookId = Cookies.get('bookId');
this.queryParams.deptId = Cookies.get('deptId');
},
methods: {
getList(){
var _this = this;
setTimeout(() => {
console.log(_this.queryParams)
tempWorkerPublicList(_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/fixedAssetsAdd')
},
goDetail(id){
this.$router.push({path:'/sunVillage_info/details',query: {id:id,type:'tourists'}})
},
},
}
</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;
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)
}

}
}
.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;
.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;
}
}
}
}
.record_main{
padding:30px 22px;
.record_det{
height: 38px;
line-height: 38px;
.list_main{
padding:0 22px;
.item{
height: 140px;
border-radius: 30px;
background: #fff;
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
padding:25px 32px;
display: flex;
margin-bottom: 20px;
.info{
flex:0 0 510px;
.title{
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)
}
}
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;
}
.total_r{
font-size: 26px;
letter-spacing: 2px;
.news_title{
max-width:416px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
}
.record_list{
.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;
}
}
.time{
font-size: 24px;
color: #858585;
display: flex;
flex-flow: wrap;
margin-top: 12px;
.flex_block{
font-size: 30px;
color: #878787;
padding-right: 30px;
&.current{
color: #4199fe;
font-weight: bold;
}
align-items: center;
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;
}
}
}
}
.list_main{
padding:0 22px;
.item{
height: 140px;
border-radius: 30px;
background: #fff;
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
padding:25px 32px;
.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;
margin-bottom: 20px;
.info{
flex:0 0 510px;
.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;
}
}
.time{
font-size: 24px;
color: #858585;
display: flex;
align-items: center;
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: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;
}
}
.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;
}
}
}
&.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;
}
}
}
</style>
}
</style>

Verfassen Vorschau
Laden…
Abbrechen
Speichern