@@ -903,3 +903,30 @@ export function getMessage(id) { | |||||
method: 'get', | method: 'get', | ||||
}) | }) | ||||
} | } | ||||
// 资源公开 | |||||
export function orcodeList(query) { | |||||
return request({ | |||||
url: '/open/assetresource/orcode/list', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 资产公开 | |||||
export function orcodeListZC(query) { | |||||
return request({ | |||||
url: '/open/asset/orcode/list', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 5、合同公开 | |||||
export function contractionListNew(query) { | |||||
return request({ | |||||
url: '/open/contraction/list', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} |
@@ -125,6 +125,9 @@ const whiteList = [ | |||||
'/sunVillage_info/list_multipleLotsNh_detail', | '/sunVillage_info/list_multipleLotsNh_detail', | ||||
'/sunVillage_info/list_cbf', | '/sunVillage_info/list_cbf', | ||||
'/sunVillage_info/list_cbht_detail', | '/sunVillage_info/list_cbht_detail', | ||||
'/sunVillage_info/list_resources_ranking', | |||||
'/sunVillage_info/list_property_ranking', | |||||
'/sunVillage_info/list_contract_ranking', | |||||
// 新型经营主体 | // 新型经营主体 | ||||
'newBusinessEntity/newsBulletin', //新闻公告 | 'newBusinessEntity/newsBulletin', //新闻公告 | ||||
@@ -3957,6 +3957,33 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/sunVillage_info/index_code_rights'], resolve) | component: (resolve) => require(['@/views/sunVillage_info/index_code_rights'], resolve) | ||||
}, | }, | ||||
{ ////阳光村务(新)-- 资源公开 | |||||
path: '/sunVillage_info/list_resources_ranking', | |||||
name: 'sunVillageInfoListResourcesRanking', | |||||
meta: { | |||||
title: '资源公开', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/sunVillage_info/list_resources_ranking'], resolve) | |||||
}, | |||||
{ ////阳光村务(新)-- 资产公开 | |||||
path: '/sunVillage_info/list_property_ranking', | |||||
name: 'sunVillageInfoListPropertyRanking', | |||||
meta: { | |||||
title: '资产公开', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/sunVillage_info/list_property_ranking'], resolve) | |||||
}, | |||||
{ ////阳光村务(新)-- 合同公开 | |||||
path: '/sunVillage_info/list_contract_ranking', | |||||
name: 'sunVillageInfoListContractRanking', | |||||
meta: { | |||||
title: '合同公开', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/sunVillage_info/list_contract_ranking'], resolve) | |||||
}, | |||||
{ ////农业综合行政执法公众平台 | { ////农业综合行政执法公众平台 | ||||
path: '/lawEnforcement/index_new', | path: '/lawEnforcement/index_new', | ||||
name: 'lawEnforcementIndexNew', | name: 'lawEnforcementIndexNew', | ||||
@@ -0,0 +1,541 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<div class="header_main"> | |||||
合同公开 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div class="center_box"> | |||||
<div class="name_box"> | |||||
<van-row> | |||||
<van-col :span="24">合同名称</van-col> | |||||
</van-row> | |||||
<van-row v-for="(item,index) in applicationList" :key="index"> | |||||
<van-col :span="24">{{item.name}}</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="4">合同编码</van-col> | |||||
<van-col :span="2">合同类型</van-col> | |||||
<van-col :span="2">合同乙方</van-col> | |||||
<van-col :span="2">结款方式</van-col> | |||||
<van-col :span="2">合同金额</van-col> | |||||
<van-col :span="2">已结款</van-col> | |||||
<van-col :span="2">下次应结</van-col> | |||||
<van-col :span="1">数量</van-col> | |||||
<van-col :span="1">单位</van-col> | |||||
<van-col :span="2">签订日期</van-col> | |||||
<van-col :span="2">开始日期</van-col> | |||||
<van-col :span="2">结束日期</van-col> | |||||
</van-row> | |||||
<van-row v-for="(item,index) in applicationList" :key="index"> | |||||
<van-col :span="4">{{item.code}}</van-col> | |||||
<van-col :span="2">{{item.biddingType}}</van-col> | |||||
<van-col :span="2">{{item.secondParty}}</van-col> | |||||
<van-col :span="2">{{item.settleType}}</van-col> | |||||
<van-col :span="2">{{item.totalAmount}}</van-col> | |||||
<van-col :span="2">{{item.settledAmount}}</van-col> | |||||
<van-col :span="2">{{item.receivedAmount}}</van-col> | |||||
<van-col :span="1">{{item.num}}</van-col> | |||||
<van-col :span="1">{{item.unit}}</van-col> | |||||
<van-col :span="2">{{item.buildingTime}}</van-col> | |||||
<van-col :span="2">{{item.startTime}}</van-col> | |||||
<van-col :span="2">{{item.endTime}}</van-col> | |||||
</van-row> | |||||
</div> | |||||
</div> | |||||
<div class="clear"></div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { contractionListNew } from "@/api/sunVillage_info/fixedAssets"; | |||||
import Cookies from "js-cookie"; | |||||
import request from '@/utils/request' | |||||
export default { | |||||
name: "certificateList", | |||||
data() { | |||||
return { | |||||
applicationList:[], | |||||
applicationListSecond:[], | |||||
assetStatusOptions:[], | |||||
applicationSummary:[], | |||||
auditStatus:[], | |||||
loading: false, | |||||
finished: false, | |||||
show: false, | |||||
showTab: false, | |||||
fileList:[], | |||||
listLength:'0', | |||||
searchInput:'', | |||||
queryParams:{ | |||||
contractionStatus:1, | |||||
bookId:'', | |||||
translate_dict:1, | |||||
pageNum: 1, | |||||
pageSize: 99999, | |||||
orderByColumn: 'code', | |||||
isAsc: 'asc', | |||||
}, | |||||
uploadFiles1:[], | |||||
projectId:'', | |||||
projectIndex:'', | |||||
showBtn:true, | |||||
yearMonth:[], | |||||
deptName:'', | |||||
openName:'', | |||||
}; | |||||
}, | |||||
created() { | |||||
this.queryParams.bookId = Cookies.get('bookId'); | |||||
this.getList() | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
var _this = this; | |||||
setTimeout(() => { | |||||
console.log(_this.queryParams) | |||||
contractionListNew(_this.queryParams).then(response => { | |||||
_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: center; | |||||
.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: 180PX; | |||||
position: relative; | |||||
.name_bg{ | |||||
background-color: rgba(47,172,254,0.2); | |||||
width: 180PX; | |||||
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; | |||||
text-align: center; | |||||
} | |||||
} | |||||
.van-col{ | |||||
font-size: 16PX; | |||||
padding: 0PX 10PX; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
line-height: 41PX; | |||||
text-align: left; | |||||
} | |||||
} | |||||
.center_box{ | |||||
padding: 0 3%; | |||||
margin-top: 30PX; | |||||
} | |||||
.right_box{ | |||||
float: left; | |||||
width: calc(100% - 180PX); | |||||
overflow:hidden; | |||||
overflow-x: scroll; | |||||
white-space:nowrap; | |||||
display: -webkit-box; | |||||
-webkit-overflow-scrolling: touch; | |||||
.right_box_box{ | |||||
width: 1500PX; | |||||
} | |||||
.van-row:nth-child(odd){ | |||||
background-color: #ffffff; | |||||
} | |||||
.van-row:nth-child(1){ | |||||
border-top-right-radius: 10PX; | |||||
border-bottom-right-radius: 10PX; | |||||
.van-col{ | |||||
color: #2facfe; | |||||
text-align: center; | |||||
} | |||||
} | |||||
.van-col{ | |||||
font-size: 16PX; | |||||
padding: 0PX 10PX; | |||||
text-align: center; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
line-height: 41PX; | |||||
} | |||||
} | |||||
.clear{ | |||||
clear: both; | |||||
} | |||||
.bottom_box{ | |||||
padding: 0 3%; | |||||
p{ | |||||
float: left; | |||||
width: 180PX; | |||||
padding: 10PX 15PX; | |||||
text-align: center; | |||||
font-size: 16PX; | |||||
color: red; | |||||
} | |||||
.van-row{ | |||||
float: left; | |||||
width: calc(100% - 180PX); | |||||
.van-col{ | |||||
font-size: 16PX; | |||||
padding: 10PX 15PX; | |||||
text-align: center; | |||||
color: red; | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -38,7 +38,7 @@ | |||||
{{item.openNy}} | {{item.openNy}} | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="operation" v-show="showBtn"> | |||||
<div class="operation"> | |||||
<!-- delete 删除 edit编辑 view查看 --> | <!-- delete 删除 edit编辑 view查看 --> | ||||
<div class="opera_btn list" @click="goRanking(item.id,item.openNy,item.openName)"> | <div class="opera_btn list" @click="goRanking(item.id,item.openNy,item.openName)"> | ||||
<i class="icon "></i> | <i class="icon "></i> | ||||
@@ -0,0 +1,531 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<div class="header_main"> | |||||
资产公开 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div class="center_box"> | |||||
<div class="name_box"> | |||||
<van-row> | |||||
<van-col :span="24">资产名称</van-col> | |||||
</van-row> | |||||
<van-row v-for="(item,index) in applicationList" :key="index"> | |||||
<van-col :span="24">{{item.name}}</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="6">资产编码</van-col> | |||||
<van-col :span="3">资产类别</van-col> | |||||
<van-col :span="3">构建时间</van-col> | |||||
<van-col :span="3">使用情况</van-col> | |||||
<van-col :span="3">数量</van-col> | |||||
<van-col :span="3">单位</van-col> | |||||
<van-col :span="3">原值</van-col> | |||||
</van-row> | |||||
<van-row v-for="(item,index) in applicationList" :key="index"> | |||||
<van-col :span="6">{{item.code}}</van-col> | |||||
<van-col :span="3">{{item.assetType}}</van-col> | |||||
<van-col :span="3">{{item.buildTime}}</van-col> | |||||
<van-col :span="3">{{item.useType}}</van-col> | |||||
<van-col :span="3">{{item.netValue}}</van-col> | |||||
<van-col :span="3">{{item.unit}}</van-col> | |||||
<van-col :span="3">{{item.originalValue}}</van-col> | |||||
</van-row> | |||||
</div> | |||||
</div> | |||||
<div class="clear"></div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { orcodeListZC } from "@/api/sunVillage_info/fixedAssets"; | |||||
import Cookies from "js-cookie"; | |||||
import request from '@/utils/request' | |||||
export default { | |||||
name: "certificateList", | |||||
data() { | |||||
return { | |||||
applicationList:[], | |||||
applicationListSecond:[], | |||||
assetStatusOptions:[], | |||||
applicationSummary:[], | |||||
auditStatus:[], | |||||
loading: false, | |||||
finished: false, | |||||
show: false, | |||||
showTab: false, | |||||
fileList:[], | |||||
listLength:'0', | |||||
searchInput:'', | |||||
queryParams:{ | |||||
translate_dict:1, | |||||
pageNum:1, | |||||
pageSize:9999999, | |||||
orderByColumn: 'code', | |||||
isAsc: 'asc', | |||||
bookId: '', | |||||
}, | |||||
uploadFiles1:[], | |||||
projectId:'', | |||||
projectIndex:'', | |||||
showBtn:true, | |||||
yearMonth:[], | |||||
deptName:'', | |||||
openName:'', | |||||
}; | |||||
}, | |||||
created() { | |||||
this.queryParams.bookId = Cookies.get('bookId'); | |||||
this.getList() | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
var _this = this; | |||||
setTimeout(() => { | |||||
console.log(_this.queryParams) | |||||
orcodeListZC(_this.queryParams).then(response => { | |||||
_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: center; | |||||
.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: 180PX; | |||||
position: relative; | |||||
.name_bg{ | |||||
background-color: rgba(47,172,254,0.2); | |||||
width: 180PX; | |||||
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; | |||||
text-align: center; | |||||
} | |||||
} | |||||
.van-col{ | |||||
font-size: 16PX; | |||||
padding: 0PX 10PX; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
line-height: 41PX; | |||||
text-align: left; | |||||
} | |||||
} | |||||
.center_box{ | |||||
padding: 0 3%; | |||||
margin-top: 30PX; | |||||
} | |||||
.right_box{ | |||||
float: left; | |||||
width: calc(100% - 180PX); | |||||
overflow:hidden; | |||||
overflow-x: scroll; | |||||
white-space:nowrap; | |||||
display: -webkit-box; | |||||
-webkit-overflow-scrolling: touch; | |||||
.right_box_box{ | |||||
width: 800PX; | |||||
} | |||||
.van-row:nth-child(odd){ | |||||
background-color: #ffffff; | |||||
} | |||||
.van-row:nth-child(1){ | |||||
border-top-right-radius: 10PX; | |||||
border-bottom-right-radius: 10PX; | |||||
.van-col{ | |||||
color: #2facfe; | |||||
text-align: center; | |||||
} | |||||
} | |||||
.van-col{ | |||||
font-size: 16PX; | |||||
padding: 0PX 10PX; | |||||
text-align: center; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
line-height: 41PX; | |||||
} | |||||
} | |||||
.clear{ | |||||
clear: both; | |||||
} | |||||
.bottom_box{ | |||||
padding: 0 3%; | |||||
p{ | |||||
float: left; | |||||
width: 180PX; | |||||
padding: 10PX 15PX; | |||||
text-align: center; | |||||
font-size: 16PX; | |||||
color: red; | |||||
} | |||||
.van-row{ | |||||
float: left; | |||||
width: calc(100% - 180PX); | |||||
.van-col{ | |||||
font-size: 16PX; | |||||
padding: 10PX 15PX; | |||||
text-align: center; | |||||
color: red; | |||||
} | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,527 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<div class="header_main"> | |||||
资源公开 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div class="center_box"> | |||||
<div class="name_box"> | |||||
<van-row> | |||||
<van-col :span="24">资源名称</van-col> | |||||
</van-row> | |||||
<van-row v-for="(item,index) in applicationList" :key="index"> | |||||
<van-col :span="24">{{item.name}}</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="9">资产源码</van-col> | |||||
<van-col :span="4">资源分类</van-col> | |||||
<van-col :span="4">资源类型</van-col> | |||||
<van-col :span="4">面积</van-col> | |||||
<van-col :span="3">使用情况</van-col> | |||||
</van-row> | |||||
<van-row v-for="(item,index) in applicationList" :key="index"> | |||||
<van-col :span="9">{{item.code}}</van-col> | |||||
<van-col :span="4">{{item.resourceSort}}</van-col> | |||||
<van-col :span="4">{{item.resourceType}}</van-col> | |||||
<van-col :span="4">{{item.totalArea}}</van-col> | |||||
<van-col :span="3">{{item.useType}}</van-col> | |||||
</van-row> | |||||
</div> | |||||
</div> | |||||
<div class="clear"></div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { orcodeList } from "@/api/sunVillage_info/fixedAssets"; | |||||
import Cookies from "js-cookie"; | |||||
import request from '@/utils/request' | |||||
export default { | |||||
name: "certificateList", | |||||
data() { | |||||
return { | |||||
applicationList:[], | |||||
applicationListSecond:[], | |||||
assetStatusOptions:[], | |||||
applicationSummary:[], | |||||
auditStatus:[], | |||||
loading: false, | |||||
finished: false, | |||||
show: false, | |||||
showTab: false, | |||||
fileList:[], | |||||
listLength:'0', | |||||
searchInput:'', | |||||
queryParams:{ | |||||
bookId:'', | |||||
pageNum:1, | |||||
pageSize:10, | |||||
orderByColumn: 'code', | |||||
isAsc: 'asc', | |||||
translate_dict:1, | |||||
}, | |||||
uploadFiles1:[], | |||||
projectId:'', | |||||
projectIndex:'', | |||||
showBtn:true, | |||||
yearMonth:[], | |||||
deptName:'', | |||||
openName:'', | |||||
}; | |||||
}, | |||||
created() { | |||||
this.queryParams.bookId = Cookies.get('bookId'); | |||||
this.getList() | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
var _this = this; | |||||
setTimeout(() => { | |||||
console.log(_this.queryParams) | |||||
orcodeList(_this.queryParams).then(response => { | |||||
_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: 180PX; | |||||
position: relative; | |||||
.name_bg{ | |||||
background-color: rgba(47,172,254,0.2); | |||||
width: 180PX; | |||||
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; | |||||
text-align: center; | |||||
} | |||||
} | |||||
.van-col{ | |||||
font-size: 16PX; | |||||
padding: 0PX 10PX; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
line-height: 41PX; | |||||
text-align: left; | |||||
} | |||||
} | |||||
.center_box{ | |||||
padding: 0 3%; | |||||
margin-top: 30PX; | |||||
} | |||||
.right_box{ | |||||
float: left; | |||||
width: calc(100% - 180PX); | |||||
overflow:hidden; | |||||
overflow-x: scroll; | |||||
white-space:nowrap; | |||||
display: -webkit-box; | |||||
-webkit-overflow-scrolling: touch; | |||||
.right_box_box{ | |||||
width: 600PX; | |||||
} | |||||
.van-row:nth-child(odd){ | |||||
background-color: #ffffff; | |||||
} | |||||
.van-row:nth-child(1){ | |||||
border-top-right-radius: 10PX; | |||||
border-bottom-right-radius: 10PX; | |||||
.van-col{ | |||||
color: #2facfe; | |||||
text-align: center; | |||||
} | |||||
} | |||||
.van-col{ | |||||
font-size: 16PX; | |||||
padding: 0PX 10PX; | |||||
text-align: center; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
line-height: 41PX; | |||||
} | |||||
} | |||||
.clear{ | |||||
clear: both; | |||||
} | |||||
.bottom_box{ | |||||
padding: 0 3%; | |||||
p{ | |||||
float: left; | |||||
width: 180PX; | |||||
padding: 10PX 15PX; | |||||
text-align: center; | |||||
font-size: 16PX; | |||||
color: red; | |||||
} | |||||
.van-row{ | |||||
float: left; | |||||
width: calc(100% - 180PX); | |||||
.van-col{ | |||||
font-size: 16PX; | |||||
padding: 10PX 15PX; | |||||
text-align: center; | |||||
color: red; | |||||
} | |||||
} | |||||
} | |||||
</style> |