@@ -930,3 +930,45 @@ export function contractionListNew(query) { | |||
params: query | |||
}) | |||
} | |||
export function listResource(query) { | |||
return request({ | |||
url: '/asset/resource/list', | |||
method: 'get', | |||
params: query | |||
}) | |||
} | |||
export function getResource(id) { | |||
return request({ | |||
url: '/asset/resource/get/' + id, | |||
method: 'get' | |||
}) | |||
} | |||
// 资源新增 | |||
export function addResource(data) { | |||
return request({ | |||
url: '/asset/resource/add', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 资源新增 | |||
export function updateResource(data) { | |||
return request({ | |||
url: '/asset/resource/edit', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 删除资源性资产 | |||
export function delResource(id) { | |||
return request({ | |||
url: '/asset/resource/remove/' + id, | |||
method: 'get' | |||
}) | |||
} | |||
@@ -1,16 +1,14 @@ | |||
<template> | |||
<div> | |||
<p class="fuTitle">地块位置绘制</p> | |||
<!-- <p class="fuTitle">地块位置绘制</p>--> | |||
<div id="full-screen-acceptance" style="width: 100%;height:45vh;"> | |||
<div :id=this.uuidMap style="width: 100%;height: 100%"></div> | |||
<div id='land-btn-wrap'> | |||
<el-row> | |||
<!--<el-button :id=this.drawingPolygonMap style="background-color:#D0EEFF;color:#1E88C7" @click="" type="primary">画图</el-button>--> | |||
<!--<input id="drawRemove" type="button" class="ant-btn ant-btn-red" value="取消"/> --> | |||
<!--<el-button :id=this.drawingPolygonMap style="background-color:#D0EEFF;color:#1E88C7" type="primary">重置图层</el-button>--> | |||
<input :id="this.drawingPolygonMap" class="ant-btn ant-btn-red" type="button" value="画图"/> | |||
<input :id="this.drawingResetMap" type="button" class="ant-btn ant-btn-red" value="重置图层"/> | |||
</el-row> | |||
</div> | |||
</div> | |||
<div id="info" style="display: none"></div> | |||
@@ -3984,6 +3984,42 @@ export const constantRoutes = [ | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/list_contract_ranking'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 资源管理 | |||
path: '/sunVillage_info/resource', | |||
name: 'sunVillageInfoListResource', | |||
meta: { | |||
title: '资源管理', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/resource'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 新增资源 | |||
path: '/sunVillage_info/resourceAdd', | |||
name: 'sunVillageInfoListResourceAdd', | |||
meta: { | |||
title: '新增资源', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/resourceAdd'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 修改资源 | |||
path: '/sunVillage_info/resourceEdit', | |||
name: 'sunVillageInfoListResourceEdit', | |||
meta: { | |||
title: '修改资源', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/resourceEdit'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 修改资源 | |||
path: '/sunVillage_info/resourceDetail', | |||
name: 'sunVillageInfoListResourceDetail', | |||
meta: { | |||
title: '资源详情', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/resourceDetail'], resolve) | |||
}, | |||
{ ////农业综合行政执法公众平台 | |||
path: '/lawEnforcement/index_new', | |||
name: 'lawEnforcementIndexNew', | |||
@@ -21,7 +21,7 @@ | |||
@load="getList" | |||
> | |||
<!--1--> | |||
<van-swipe-cell right-width="150" class="item" v-for="(item,index) in applicationList" :key="index"> | |||
<van-swipe-cell right-width="200" class="item" v-for="(item,index) in applicationList" :key="index"> | |||
<div class="item_box" @click="$router.push({name:'sunVillageInfoFixedAssetsDetail',query:{id:item.id}})"> | |||
<div class="head_block"> | |||
<i class="icon"></i> | |||
@@ -44,28 +44,49 @@ | |||
<template #right> | |||
<div @click="handleDelete(item,index)" style="background-color: #ee0a24;height: 100%">删除</div> | |||
<router-link :to="{name:'sunVillageInfoFixedAssetsEdit',query:{id:item.id}}" style="background-color: #07c160">修改</router-link> | |||
<div @click="openLoader(item.id,0)" style="background-color: rgb(98,173,102,0.2);color: #62AD66;">附件</div> | |||
<div @click="openLoader(item.id,0)" style="background-color: rgba(98,173,102,0.2);color: #62AD66;">附件</div> | |||
<div @click="openMap(item.theGeom,index)" style="background-color: #62AD66;color: #ffffff;">地图</div> | |||
</template> | |||
</van-swipe-cell> | |||
</van-list> | |||
</div> | |||
<!-- <div class="bottom_tips">--> | |||
<!-- <span class="xs">已经到底啦</span>--> | |||
<!-- </div>--> | |||
<van-popup v-model="show" lock-scroll closeable position="top" :style="{ height: '30%' }" > | |||
<div style="padding: 0 13% 0 5%;"> | |||
<van-divider>附件</van-divider> | |||
<van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | |||
</div> | |||
</van-popup> | |||
<van-popup v-model="showMap" lock-scroll position="top" :style="{ height: '32%' }" > | |||
<div style="padding: 0;text-align: center"> | |||
<MapGisTag ref="clickLoading" :showBtn="true" :message="theGeom" v-on:formSubmit="MapTag"></MapGisTag> | |||
<div style="margin-top: 1.5vh"> | |||
<van-button type="info" size="small" @click="saveGeom">保存</van-button> | |||
<van-button plain type="info" size="small" @click="showMap = false">取消</van-button> | |||
</div> | |||
</div> | |||
</van-popup> | |||
</div> | |||
</template> | |||
<script> | |||
import { permanentList , commonAttach , attachmentList , systemAttachment , delPermanent } from "@/api/sunVillage_info/fixedAssets"; | |||
import { | |||
permanentList, | |||
commonAttach, | |||
attachmentList, | |||
systemAttachment, | |||
delPermanent, | |||
updatePermanent | |||
} from "@/api/sunVillage_info/fixedAssets"; | |||
import request from '@/utils/request' | |||
import MapGisTag from "@/components/Map/MapGisTagDTG"; | |||
export default { | |||
name: "certificateList", | |||
components: { | |||
MapGisTag | |||
}, | |||
data() { | |||
return { | |||
applicationList:[], | |||
@@ -89,6 +110,9 @@ | |||
projectId:'', | |||
projectIndex:'', | |||
showBtn:true, | |||
showMap:false, | |||
theGeom:'', | |||
listMap:0 | |||
}; | |||
}, | |||
created() { | |||
@@ -103,6 +127,40 @@ | |||
}); | |||
}, | |||
methods: { | |||
openMap(theGeom,index){ | |||
this.showMap = true; | |||
this.theGeom = theGeom; | |||
this.listMap = index; | |||
this.mapClickLoading(); | |||
}, | |||
//获取自己返回值 | |||
/** 查找地图中定位点 */ | |||
MapTag: function (data) { | |||
this.applicationList[this.listMap].theGeom = data; | |||
this.theGeom = data; | |||
}, | |||
//每个查看修改,新增 方法下引用下面方法 | |||
mapClickLoading(){ | |||
setTimeout(() => { | |||
this.$refs.clickLoading.pointPaceCountryDarw(); | |||
}, 500); | |||
}, | |||
saveGeom(){ | |||
console.log(this.theGeom) | |||
var that = this; | |||
this.applicationList[this.listMap].theGeom = this.theGeom; | |||
updatePermanent(this.applicationList[this.listMap]).then((response) => { | |||
if (response.code == 200){ | |||
this.$notify({ type: 'success', message: '修改成功' }); | |||
setTimeout(function(){ | |||
that.showMap = false; | |||
that.queryParams.pageNum += 1 ; | |||
that.applicationList = []; | |||
that.getList(); | |||
},500) | |||
} | |||
}); | |||
}, | |||
getList(){ | |||
setTimeout(() => { | |||
permanentList(this.queryParams).then(response => { | |||
@@ -111,7 +169,7 @@ | |||
response.rows[i].assetStatus = this.selectDictLabel(this.assetStatusOptions, response.rows[i].assetStatus); | |||
response.rows[i].assetType = this.selectDictLabel(this.assetTypeOptions, response.rows[i].assetType); | |||
response.rows[i].useType = this.selectDictLabel(this.useTypeOptions, response.rows[i].useType); | |||
response.rows[i].originalValue = Number(response.rows[i].originalValue ).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => { return $1 + ","; }).replace(/\.$/, "") | |||
// response.rows[i].originalValue = Number(response.rows[i].originalValue ).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => { return $1 + ","; }).replace(/\.$/, "") | |||
this.applicationList.push(response.rows[i]); | |||
this.applicationListSecond.push(response.rows[i]); | |||
} | |||
@@ -409,7 +467,7 @@ | |||
/deep/ .van-swipe-cell__right{ | |||
display: flex; | |||
align-items: center; | |||
width: 150PX; | |||
width: 200PX; | |||
margin-left: 5PX; | |||
a,div{ | |||
margin: 0; | |||
@@ -41,7 +41,7 @@ | |||
<template #right> | |||
<div @click="handleDelete(item,index)" style="background-color: #ee0a24;height: 100%">删除</div> | |||
<router-link :to="{name:'sunVillageInfoInformationEdit',query:{id:item.id}}" style="background-color: #07c160">修改</router-link> | |||
<div @click="openLoader(item.id,0)" style="background-color: rgb(98,173,102,0.2);color: #62AD66;">附件</div> | |||
<div @click="openLoader(item.id,0)" style="background-color: rgba(98,173,102,0.2);color: #62AD66;">附件</div> | |||
</template> | |||
</van-swipe-cell> | |||
</van-list> | |||
@@ -1,6 +1,8 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
<div class="header_main" | |||
:style="`background-image:url(${require(showBtn?'@/assets/images/sunVillage_info/list_head.png':'@/assets/images/sunVillage_info/list_head_red.png')})`" | |||
> | |||
合同公开 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
</div> | |||
@@ -87,7 +89,7 @@ | |||
uploadFiles1:[], | |||
projectId:'', | |||
projectIndex:'', | |||
showBtn:true, | |||
showBtn:false, | |||
yearMonth:[], | |||
deptName:'', | |||
openName:'', | |||
@@ -1,6 +1,8 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
<div class="header_main" | |||
:style="`background-image:url(${require(showBtn?'@/assets/images/sunVillage_info/list_head.png':'@/assets/images/sunVillage_info/list_head_red.png')})`" | |||
> | |||
资产公开 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
</div> | |||
@@ -77,7 +79,7 @@ | |||
uploadFiles1:[], | |||
projectId:'', | |||
projectIndex:'', | |||
showBtn:true, | |||
showBtn:false, | |||
yearMonth:[], | |||
deptName:'', | |||
openName:'', | |||
@@ -1,6 +1,8 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
<div class="header_main" | |||
:style="`background-image:url(${require(showBtn?'@/assets/images/sunVillage_info/list_head.png':'@/assets/images/sunVillage_info/list_head_red.png')})`" | |||
> | |||
资源公开 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
</div> | |||
@@ -73,7 +75,7 @@ | |||
uploadFiles1:[], | |||
projectId:'', | |||
projectIndex:'', | |||
showBtn:true, | |||
showBtn:false, | |||
yearMonth:[], | |||
deptName:'', | |||
openName:'', | |||
@@ -0,0 +1,472 @@ | |||
<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="search_info"> | |||
<div class="search_block"> | |||
<i class="icon"></i> | |||
<input type="text" class="ipt" v-model="queryParams.name" placeholder="搜索" @input="getSearchList"> | |||
<!-- --> | |||
</div> | |||
<div class="total">共{{listLength}}个资产</div> | |||
</div> | |||
<div class="list_main"> | |||
<van-list | |||
v-model="loading" | |||
:finished="finished" | |||
finished-text="没有更多了" | |||
@load="getList" | |||
> | |||
<!--1--> | |||
<van-swipe-cell right-width="200" class="item" v-for="(item,index) in applicationList" :key="index"> | |||
<div class="item_box" @click="$router.push({name:'sunVillageInfoListResourceDetail',query:{id:item.id}})"> | |||
<div class="head_block"> | |||
<i class="icon"></i> | |||
<div class="title">{{item.name}}</div> | |||
<div class="describe">{{item.useType}}</div> | |||
</div> | |||
<div class="order_block"> | |||
<div class="order">{{item.code}}</div> | |||
<div class="describe">{{item.resourceSort}}</div> | |||
</div> | |||
</div> | |||
<template #right> | |||
<div @click="handleDelete(item,index)" style="background-color: #ee0a24;height: 100%">删除</div> | |||
<router-link :to="{name:'sunVillageInfoListResourceEdit',query:{id:item.id}}" style="background-color: #07c160">修改</router-link> | |||
<div @click="openLoader(item.id,0)" style="background-color: rgb(98,173,102,0.2);color: #62AD66;">附件</div> | |||
<div @click="openMap(item.theGeom,index)" style="background-color: #62AD66;color: #ffffff;">地图</div> | |||
</template> | |||
</van-swipe-cell> | |||
</van-list> | |||
</div> | |||
<!-- <div class="bottom_tips">--> | |||
<!-- <span class="xs">已经到底啦</span>--> | |||
<!-- </div>--> | |||
<van-popup v-model="showMap" lock-scroll position="top" :style="{ height: '52%' }" > | |||
<div style="padding: 0;text-align: center"> | |||
<MapGisLine ref="clickLoading" :message="theGeom" v-on:formSubmit="MapTag"></MapGisLine> | |||
<div style="margin-top: 1.5vh"> | |||
<van-button type="info" size="small" @click="saveGeom">保存</van-button> | |||
<van-button plain type="info" size="small" @click="showMap = false">取消</van-button> | |||
</div> | |||
</div> | |||
</van-popup> | |||
<van-popup v-model="show" lock-scroll closeable position="top" :style="{ height: '30%' }" > | |||
<div style="padding: 0 13% 0 5%;"> | |||
<van-divider>附件</van-divider> | |||
<van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | |||
</div> | |||
</van-popup> | |||
</div> | |||
</template> | |||
<script> | |||
import { | |||
listResource, | |||
commonAttach, | |||
attachmentList, | |||
systemAttachment, | |||
delResource, | |||
updateResource | |||
} from "@/api/sunVillage_info/fixedAssets"; | |||
import request from '@/utils/request' | |||
import MapGisLine from "@/components/Map/MapGisLine"; | |||
export default { | |||
name: "certificateList", | |||
components: { MapGisLine,}, | |||
data() { | |||
return { | |||
theGeom:'', | |||
applicationList:[], | |||
applicationListSecond:[], | |||
assetStatusOptions:[], | |||
auditStatus:[], | |||
loading: false, | |||
finished: false, | |||
show: false, | |||
showMap: false, | |||
fileList:[], | |||
listLength:'0', | |||
searchInput:'', | |||
queryParams:{ | |||
pageNum:1, | |||
pageSize:10, | |||
orderByColumn:'createTime', | |||
isAsc:'desc', | |||
translate_dict:1, | |||
name:'' | |||
}, | |||
uploadFiles1:[], | |||
projectId:'', | |||
projectIndex:'', | |||
showBtn:true, | |||
}; | |||
}, | |||
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; | |||
}); | |||
}, | |||
methods: { | |||
saveGeom(){ | |||
var that = this; | |||
this.applicationList[this.listMap].theGeom = this.theGeom; | |||
updateResource(this.applicationList[this.listMap]).then((response) => { | |||
if (response.code == 200){ | |||
this.$notify({ type: 'success', message: '修改成功' }); | |||
setTimeout(function(){ | |||
that.showMap = false; | |||
that.queryParams.pageNum += 1 ; | |||
that.applicationList = []; | |||
that.getList(); | |||
},500) | |||
} | |||
}); | |||
}, | |||
openMap(theGeom,index){ | |||
this.showMap = true; | |||
this.theGeom = theGeom; | |||
this.listMap = index; | |||
this.mapClickLoading(); | |||
}, | |||
//每个查看修改,新增 方法下引用下面方法 | |||
mapClickLoading(){ | |||
setTimeout(() => { | |||
this.$refs.clickLoading.drawingPaceCountryLine(); | |||
}, 500); | |||
}, | |||
/** 查找地图中定位点 */ | |||
MapTag: function (data) { | |||
// this.applicationList[this.listMap].theGeom = data; | |||
this.theGeom = data; | |||
}, | |||
guidProduct(){ | |||
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||
var r = Math.random() * 16 | 0, | |||
v = c == 'x' ? r : (r & 0x3 | 0x8); | |||
return v.toString(16); | |||
}); | |||
}, | |||
getList(){ | |||
listResource(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 ; | |||
} | |||
}); | |||
}, | |||
afterRead(file) { | |||
// 此时可以自行将文件上传至服务器 | |||
console.log(file) | |||
this.uploadFiles1.push(file.file); | |||
let params1 = new FormData(); | |||
params1.append("tableId", this.projectId); | |||
params1.append("tableName", "t_asset_resource"); | |||
params1.append("bizPath", "asset"); | |||
params1.append("fileType", this.projectIndex); | |||
params1.append("file", file.file); | |||
commonAttach(params1).then((r1) => { | |||
this.$notify({ type: 'success', message: '上传成功' }); | |||
}) | |||
}, | |||
openLoader(id,index){ | |||
this.show = true; | |||
this.projectId = id; | |||
this.projectIndex = index; | |||
this.fileList = []; | |||
let oData1= { | |||
tableId: id, | |||
tableName: "t_asset_resource", | |||
bizPath: "asset", | |||
fileType: '', | |||
} | |||
attachmentList(oData1).then(res => { | |||
res.rows.map(r => { | |||
let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL | |||
this.fileList.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id}) | |||
}) | |||
}) | |||
}, | |||
/** 删除按钮操作 */ | |||
handleDelete(row,index) { | |||
let useType = row.useType; | |||
if(useType == 3) { | |||
this.$notify({ | |||
message: "出租或出借的资产不允许删除", | |||
type: "warning", | |||
}); | |||
return ; | |||
} | |||
const ids = row.id || this.ids; | |||
this.$dialog.alert( | |||
{ | |||
message:'是否确认删除资源资产?', | |||
title:"警告", | |||
showCancelButton:true, | |||
confirmButtonText: "确定", | |||
cancelButtonText: "取消", | |||
} | |||
) | |||
.then(function () { | |||
return delResource(ids); | |||
}) | |||
.then(() => { | |||
this.applicationList.splice(index, 1); | |||
this.$notify({ type: 'success', message: '删除成功' }); | |||
}); | |||
}, | |||
getSearchList(){ | |||
this.applicationList = []; | |||
this.queryParams.pageNum = 1; | |||
this.getList(); | |||
}, | |||
deleteFile1(file){ | |||
console.log(file) | |||
systemAttachment(file.id).then(res => { | |||
this.$notify({ type: 'success', message: '删除成功' }); | |||
}) | |||
}, | |||
goAdd(){ | |||
this.$router.push('/sunVillage_info/resourceAdd') | |||
}, | |||
}, | |||
} | |||
</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; | |||
} | |||
} | |||
.search_info{ | |||
padding:20px 23px; | |||
display: flex; | |||
.search_block{ | |||
height: 59px; | |||
width: 535px; | |||
border-radius: 59px; | |||
background: #fff; | |||
display: flex; | |||
border:2px solid #3494ff; | |||
padding-right: 35px; | |||
align-items: center; | |||
.icon{ | |||
width: 30px; | |||
height: 30px; | |||
background: url('../../assets/images/sunVillage_info/fixedAssets_icon_1.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin:0 8px 0 26px; | |||
} | |||
.ipt{ | |||
flex: 1; | |||
font-size: 26px; | |||
background: none; | |||
border:0 none; | |||
line-height: 59px; | |||
} | |||
} | |||
.total{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
font-size: 26px; | |||
color: #858585; | |||
} | |||
} | |||
.list_main{ | |||
padding:0 22px; | |||
.item{ | |||
/*height: 198px;*/ | |||
border-radius: 30px; | |||
background: #fff; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
margin-bottom: 20px; | |||
.item_box{ | |||
padding:25px 32px; | |||
} | |||
.head_block{ | |||
height: 56px; | |||
display: flex; | |||
align-items: center; | |||
width: 100%; | |||
.icon{ | |||
width: 34px; | |||
height: 30px; | |||
background: url('../../assets/images/sunVillage_info/fixedAssets_icon_2.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 12px; | |||
} | |||
.title{ | |||
flex:1; | |||
font-size: 32px; | |||
color: #252525; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: nowrap; | |||
padding-right: 20px; | |||
} | |||
.describe{ | |||
height: 34px; | |||
padding: 0 15px; | |||
font-size: 24px; | |||
color: #3494ff; | |||
background: #e6f2ff; | |||
border-radius: 8px; | |||
} | |||
} | |||
.order_block{ | |||
height: 50px; | |||
display: flex; | |||
align-items: center; | |||
width: 100%; | |||
.order{ | |||
flex: 1; | |||
font-size: 26px; | |||
color: #252525; | |||
} | |||
.describe{ | |||
font-size: 26px; | |||
color: #3494ff; | |||
} | |||
} | |||
.function_block{ | |||
height: 46px; | |||
display: flex; | |||
align-items: center; | |||
.time{ | |||
display: flex; | |||
flex: 1; | |||
align-items: center; | |||
font-size: 24px; | |||
color: #858585; | |||
.icon{ | |||
width: 25px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/fixedAssets_icon_3.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 8px; | |||
} | |||
} | |||
.state{ | |||
/*flex: 1;*/ | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
&.sell{ | |||
color: #f69600; | |||
} | |||
&.scrap{ | |||
color: #858585; | |||
} | |||
&.normal{ | |||
color: #68c000; | |||
} | |||
} | |||
.value{ | |||
flex:1; | |||
display: flex; | |||
align-items: center; | |||
justify-content:flex-end; | |||
font-size: 24px; | |||
color: #858585; | |||
.amount{ | |||
color: #eb1616; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
.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; | |||
} | |||
} | |||
/deep/ .van-swipe-cell__right{ | |||
display: flex; | |||
align-items: center; | |||
width: 200PX; | |||
margin-left: 5PX; | |||
a,div{ | |||
margin: 0; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
color: #ffffff; | |||
font-size: 14PX; | |||
height: 100%; | |||
flex: 1; | |||
} | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,512 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
资源新增 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
</div> | |||
<van-form @submit="onSubmit"> | |||
<div class="list_main"> | |||
<div class="titBox"> | |||
<img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/> | |||
<p class="tit">基本信息</p> | |||
</div> | |||
<van-field v-model="form.code" label="资源编码" placeholder="不输入时系统自动分配" input-align="right" :border="false" /> | |||
<van-field required :rules="[{ required: true }]" v-model="form.name" label="资源名称" placeholder="资源名称" input-align="right" :border="false" /> | |||
<van-field | |||
readonly | |||
clickable | |||
label="资源分类" | |||
placeholder="请选择" | |||
v-model="resourceType" | |||
@click="showResourceType = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true }]" | |||
/> | |||
<van-popup v-model="showResourceType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="resourceTypeOptions" | |||
@confirm="onConfirmResourceType" | |||
@cancel="showResourceType = false" | |||
/> | |||
</van-popup> | |||
<van-field | |||
readonly | |||
clickable | |||
label="资源类型" | |||
placeholder="请选择" | |||
v-model="resourceSort" | |||
@click="showResourceSort = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true }]" | |||
/> | |||
<van-popup v-model="showResourceSort" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="farmingResourceTypeOptions" | |||
@confirm="onConfirmResourceSort" | |||
@cancel="showResourceSort = false" | |||
/> | |||
</van-popup> | |||
<van-field v-model="form.location" label="坐落位置" placeholder="坐落位置" input-align="right" :border="false" /> | |||
<van-field v-model="form.east" label="东至" placeholder="东至" input-align="right" :border="false" /> | |||
<van-field v-model="form.west" label="西至" placeholder="西至" input-align="right" :border="false" /> | |||
<van-field v-model="form.south" label="南至" placeholder="南至" input-align="right" :border="false" /> | |||
<van-field v-model="form.north" label="北至" placeholder="北至" input-align="right" :border="false" /> | |||
<van-field v-model="form.totalArea" label="总面积(亩)" placeholder="总面积(亩)" required :rules="[{ required: true }]" input-align="right" :border="false" /> | |||
<van-field | |||
readonly | |||
clickable | |||
label="使用情况" | |||
placeholder="请选择" | |||
v-model="useType" | |||
@click="showUseType = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true }]" | |||
/> | |||
<van-popup v-model="showUseType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="useTypeOptions" | |||
@confirm="onConfirmUseType" | |||
@cancel="showUseType = false" | |||
/> | |||
</van-popup> | |||
<van-field | |||
readonly | |||
clickable | |||
label="资产状态" | |||
placeholder="请选择" | |||
v-model="assetStatus" | |||
@click="showAssetStatus = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true }]" | |||
/> | |||
<van-popup v-model="showAssetStatus" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="assetStatusOptions" | |||
@confirm="onConfirmAssetStatus" | |||
@cancel="showAssetStatus = false" | |||
/> | |||
</van-popup> | |||
<van-field v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" /> | |||
</div> | |||
<!-- <div class="list_main">--> | |||
<!-- <div class="titBox">--> | |||
<!-- <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>--> | |||
<!-- <p class="tit">未承包到户</p>--> | |||
<!-- </div>--> | |||
<!-- <van-field v-model="form.sumArea" label="总面积(亩)" placeholder="总面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-divider>集体经营</van-divider>--> | |||
<!-- <van-field v-model="form.groupArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.groupValue" label="年收益(元)" placeholder="年收益(元)" input-align="right" :border="false" />--> | |||
<!-- <van-divider>出租经营</van-divider>--> | |||
<!-- <van-field v-model="form.rentArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.rentValue" label="年租金(元)" placeholder="年租金(元)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.rentLessee" label="承租人" placeholder="承租人" input-align="right" :border="false" />--> | |||
<!-- <van-field--> | |||
<!-- autocomplete="off"--> | |||
<!-- input-align="right"--> | |||
<!-- v-model="form.rentStartTime"--> | |||
<!-- name="开始时间"--> | |||
<!-- label="开始时间"--> | |||
<!-- placeholder="开始时间"--> | |||
<!-- readonly--> | |||
<!-- @click="showStartTime = true"--> | |||
<!-- :border="false"--> | |||
<!-- />--> | |||
<!-- <van-popup v-model:show="showStartTime" position="bottom">--> | |||
<!-- <van-datetime-picker--> | |||
<!-- type="date"--> | |||
<!-- v-model="buildTime"--> | |||
<!-- @confirm="onConfirStartTime"--> | |||
<!-- @cancel="showStartTime = false"--> | |||
<!-- :min-date="minDate"--> | |||
<!-- />--> | |||
<!-- </van-popup>--> | |||
<!-- <van-field--> | |||
<!-- autocomplete="off"--> | |||
<!-- input-align="right"--> | |||
<!-- v-model="form.rentEndTime"--> | |||
<!-- name="到期时间"--> | |||
<!-- label="到期时间"--> | |||
<!-- placeholder="到期时间"--> | |||
<!-- readonly--> | |||
<!-- @click="showEndTime = true"--> | |||
<!-- :border="false"--> | |||
<!-- />--> | |||
<!-- <van-popup v-model:show="showEndTime" position="bottom">--> | |||
<!-- <van-datetime-picker--> | |||
<!-- type="date"--> | |||
<!-- v-model="buildTime"--> | |||
<!-- @confirm="onConfirEndTime"--> | |||
<!-- @cancel="showEndTime = false"--> | |||
<!-- :min-date="minDate"--> | |||
<!-- />--> | |||
<!-- </van-popup>--> | |||
<!--<!– <van-field v-model="form.rentStartTime" label="开始时间" placeholder="开始时间" input-align="right" :border="false" />–>--> | |||
<!--<!– <van-field v-model="form.rentEndTime" label="到期时间" placeholder="到期时间" input-align="right" :border="false" />–>--> | |||
<!-- <van-divider>其他经营</van-divider>--> | |||
<!-- <van-field v-model="form.otherArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.otherValue" label="年收益(元)" placeholder="年收益(元)" input-align="right" :border="false" />--> | |||
<!-- </div>--> | |||
<!-- <div class="list_main">--> | |||
<!-- <div class="titBox">--> | |||
<!-- <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>--> | |||
<!-- <p class="tit">已承包到户</p>--> | |||
<!-- </div>--> | |||
<!-- <van-field v-model="form.farmerArea" label="总面积(亩)" placeholder="总面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-divider>流转入集体统一经营</van-divider>--> | |||
<!-- <van-field v-model="form.circulationArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.circulationValue" label="年收益(元)" placeholder="年收益(元)" input-align="right" :border="false" />--> | |||
<!-- </div>--> | |||
<div style="margin: 16px auto;width: 50%;"> | |||
<van-button round block type="primary" native-type="submit"> | |||
保存 | |||
</van-button> | |||
</div> | |||
</van-form> | |||
</div> | |||
</template> | |||
<script> | |||
import { addResource } from "@/api/sunVillage_info/fixedAssets"; | |||
export default { | |||
name: "certificateList", | |||
data() { | |||
return { | |||
// 资源分类字典 | |||
resourceTypeOptions: [], | |||
//农用地资源类型字典 | |||
farmingResourceTypeOptions: [], | |||
//建设用地资源类型字典 | |||
buildResourceTypeOptions: [], | |||
//未利用地、林木用地资源类型字典 | |||
unusedResourceTypeOptions: [], | |||
showStartTime:false, | |||
showEndTime:false, | |||
showResourceType:false, | |||
resourceType:'', | |||
showResourceSort:false, | |||
resourceSort:'', | |||
minDate:new Date(1900,1,1), | |||
applicationList:[], | |||
applicationListSecond:[], | |||
form:{ | |||
assetType:'151001', | |||
operationType:'1', | |||
addType:'1', | |||
buildTime:this.format(new Date(),'yyyy-MM-dd'), | |||
useType:'1', | |||
assetStatus:'1', | |||
isMin:'Y', | |||
isFormAsset:'N', | |||
quantity:1.00, | |||
depreciationSubject:"152:累计折旧", | |||
fixedSubject:"153:固定资产清理", | |||
depreciationFeeSubject:"541005:管理费用-折旧及修理费", | |||
depreciationType:'3', | |||
expectedYears:1, | |||
depreciationYears:0, | |||
netValue:0.00, | |||
originalValue:0.00, | |||
residualsRate:1, | |||
netSalvage:0.00, | |||
fixedValue:null, | |||
perYearDepreciationValue:null, | |||
depreciationValue:0 | |||
}, | |||
//资产类别 | |||
assetType:'房屋及建筑物', | |||
showAssetType:false, | |||
resourceSortOptions:[], | |||
//经营属性 | |||
operationType:'经营性', | |||
showOperationType:false, | |||
operationTypeOptions:[], | |||
//增加方式 | |||
addTypeOptions:[], | |||
showAddType:false, | |||
addType:'购入', | |||
//使用情况 | |||
useTypeOptions:[], | |||
showUseType:false, | |||
useType:'自用', | |||
//资产状态 | |||
assetStatusOptions:[], | |||
showAssetStatus:false, | |||
assetStatus:'正常', | |||
//资产状态 | |||
depreciationTypeOptions:[], | |||
showDepreciationType:false, | |||
depreciationType:'不折旧', | |||
showBuildTime:false, | |||
auditStatus:[], | |||
loading: false, | |||
finished: false, | |||
listLength:'0', | |||
searchInput:'', | |||
queryParams:{ | |||
pageNum:1, | |||
pageSize:10, | |||
orderByColumn:'createTime', | |||
isAsc:'desc', | |||
name:'', | |||
}, | |||
buildTime:new Date() | |||
}; | |||
}, | |||
created() { | |||
this.houseGetDicts("resource_sort").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.resourceSortOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("operation_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.operationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("add_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.addTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("use_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.useTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("sys_normal_disable").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.assetStatusOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("depreciation_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.depreciationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
// this.houseGetDicts("resource_farming_type").then((response) => { | |||
// for(var i = 0 ; i < response.data.length ; i++){ | |||
// this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
// } | |||
// }); | |||
// this.houseGetDicts("resources_build_type").then((response) => { | |||
// for(var i = 0 ; i < response.data.length ; i++){ | |||
// this.buildResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
// } | |||
// }); | |||
// this.houseGetDicts("resources_unused_type").then((response) => { | |||
// for(var i = 0 ; i < response.data.length ; i++){ | |||
// this.unusedResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
// } | |||
// }); | |||
this.houseGetDicts("resource_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.resourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
}, | |||
methods: { | |||
onConfirStartTime(val){ | |||
let year = val.getFullYear() | |||
let month = val.getMonth() + 1 | |||
let day = val.getDate() | |||
if (month >= 1 && month <= 9) { month = `0${month}` } | |||
if (day >= 1 && day <= 9) { day = `0${day}` } | |||
this.form.rentStartTime = year+"-"+month+"-"+day | |||
this.showStartTime= false | |||
}, | |||
onConfirEndTime(val){ | |||
let year = val.getFullYear() | |||
let month = val.getMonth() + 1 | |||
let day = val.getDate() | |||
if (month >= 1 && month <= 9) { month = `0${month}` } | |||
if (day >= 1 && day <= 9) { day = `0${day}` } | |||
this.form.rentEndTime = year+"-"+month+"-"+day | |||
this.showEndTime= false | |||
}, | |||
onConfirmResourceType(data){ | |||
this.resourceType = data.text; | |||
this.form.resourceType = data.value; | |||
this.showResourceType = false; | |||
this.farmingResourceTypeOptions = []; | |||
this.resourceSort = ''; | |||
this.form.resourceSort = ''; | |||
if (data.value == '1'){//农用地 | |||
this.houseGetDicts("resource_farming_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
} | |||
if (data.value == '2'){//建设用地 | |||
this.houseGetDicts("resources_build_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
} | |||
if (data.value == '3'){//未利用地 | |||
this.houseGetDicts("resources_unused_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
} | |||
}, | |||
onConfirmResourceSort(data){ | |||
this.resourceSort = data.text; | |||
this.form.resourceSort = data.value; | |||
this.showResourceSort = false; | |||
}, | |||
onConfirmUseType(data){ | |||
this.useType = data.text; | |||
this.form.useType = data.value; | |||
this.showUseType = false; | |||
}, | |||
onConfirmAssetStatus(data){ | |||
this.assetStatus = data.text; | |||
this.form.status = data.value; | |||
this.showAssetStatus = false; | |||
}, | |||
onSubmit(){ | |||
addResource(this.form).then(response => { | |||
if (response.code == 200){ | |||
this.$notify({ type: 'success', message: '新增成功' }); | |||
setTimeout(function(){ | |||
history.back(-1); | |||
},2000) | |||
} | |||
}); | |||
} | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
/deep/ .van-button--primary{ | |||
background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat; | |||
background-size: 100% 100%; | |||
border: none; | |||
} | |||
.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; | |||
} | |||
} | |||
.list_main{ | |||
padding:25px; | |||
background: #ffffff; | |||
width: 94%; | |||
margin: 25px auto 0; | |||
border-radius: 15PX; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
} | |||
.titBox{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.tit{ | |||
font-size: 36px; | |||
font-weight: bold; | |||
} | |||
/deep/ .van-cell{ | |||
padding-left: 0!important; | |||
padding-right: 0!important; | |||
padding-bottom: 0!important; | |||
} | |||
/deep/ .van-field__label{ | |||
padding-left: 10PX; | |||
width: 8.2em; | |||
} | |||
/deep/ .van-cell--required::before{ | |||
left: 0; | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,481 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
资源详情 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
</div> | |||
<van-form @submit="onSubmit"> | |||
<div class="list_main"> | |||
<div class="titBox"> | |||
<img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/> | |||
<p class="tit">基本信息</p> | |||
</div> | |||
<van-field readonly v-model="form.code" label="资源编码" placeholder="不输入时系统自动分配" input-align="right" :border="false" /> | |||
<van-field readonly v-model="form.name" label="资源名称" placeholder="资源名称" input-align="right" :border="false" /> | |||
<van-field | |||
readonly | |||
label="资源分类" | |||
placeholder="请选择" | |||
v-model="resourceType" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
:border="false" | |||
/> | |||
<van-field | |||
readonly | |||
label="资源类型" | |||
placeholder="请选择" | |||
v-model="resourceSort" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
:border="false" | |||
/> | |||
<van-field readonly v-model="form.location" label="坐落位置" placeholder="坐落位置" input-align="right" :border="false" /> | |||
<van-field readonly v-model="form.east" label="东至" placeholder="东至" input-align="right" :border="false" /> | |||
<van-field readonly v-model="form.west" label="西至" placeholder="西至" input-align="right" :border="false" /> | |||
<van-field readonly v-model="form.south" label="南至" placeholder="南至" input-align="right" :border="false" /> | |||
<van-field readonly v-model="form.north" label="北至" placeholder="北至" input-align="right" :border="false" /> | |||
<van-field readonly v-model="form.totalArea" label="总面积(亩)" placeholder="总面积(亩)" required :rules="[{ required: true }]" input-align="right" :border="false" /> | |||
<van-field | |||
readonly | |||
label="使用情况" | |||
placeholder="请选择" | |||
v-model="useType" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
/> | |||
<van-field | |||
readonly | |||
label="资产状态" | |||
placeholder="请选择" | |||
v-model="assetStatus" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
:border="false" | |||
/> | |||
<van-field readonly v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" /> | |||
</div> | |||
<!-- <div class="list_main">--> | |||
<!-- <div class="titBox">--> | |||
<!-- <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>--> | |||
<!-- <p class="tit">未承包到户</p>--> | |||
<!-- </div>--> | |||
<!-- <van-field v-model="form.sumArea" label="总面积(亩)" placeholder="总面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-divider>集体经营</van-divider>--> | |||
<!-- <van-field v-model="form.groupArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.groupValue" label="年收益(元)" placeholder="年收益(元)" input-align="right" :border="false" />--> | |||
<!-- <van-divider>出租经营</van-divider>--> | |||
<!-- <van-field v-model="form.rentArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.rentValue" label="年租金(元)" placeholder="年租金(元)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.rentLessee" label="承租人" placeholder="承租人" input-align="right" :border="false" />--> | |||
<!-- <van-field--> | |||
<!-- autocomplete="off"--> | |||
<!-- input-align="right"--> | |||
<!-- v-model="form.rentStartTime"--> | |||
<!-- name="开始时间"--> | |||
<!-- label="开始时间"--> | |||
<!-- placeholder="开始时间"--> | |||
<!-- readonly--> | |||
<!-- @click="showStartTime = true"--> | |||
<!-- :border="false"--> | |||
<!-- />--> | |||
<!-- <van-popup v-model:show="showStartTime" position="bottom">--> | |||
<!-- <van-datetime-picker--> | |||
<!-- type="date"--> | |||
<!-- v-model="buildTime"--> | |||
<!-- @confirm="onConfirStartTime"--> | |||
<!-- @cancel="showStartTime = false"--> | |||
<!-- :min-date="minDate"--> | |||
<!-- />--> | |||
<!-- </van-popup>--> | |||
<!-- <van-field--> | |||
<!-- autocomplete="off"--> | |||
<!-- input-align="right"--> | |||
<!-- v-model="form.rentEndTime"--> | |||
<!-- name="到期时间"--> | |||
<!-- label="到期时间"--> | |||
<!-- placeholder="到期时间"--> | |||
<!-- readonly--> | |||
<!-- @click="showEndTime = true"--> | |||
<!-- :border="false"--> | |||
<!-- />--> | |||
<!-- <van-popup v-model:show="showEndTime" position="bottom">--> | |||
<!-- <van-datetime-picker--> | |||
<!-- type="date"--> | |||
<!-- v-model="buildTime"--> | |||
<!-- @confirm="onConfirEndTime"--> | |||
<!-- @cancel="showEndTime = false"--> | |||
<!-- :min-date="minDate"--> | |||
<!-- />--> | |||
<!-- </van-popup>--> | |||
<!--<!– <van-field v-model="form.rentStartTime" label="开始时间" placeholder="开始时间" input-align="right" :border="false" />–>--> | |||
<!--<!– <van-field v-model="form.rentEndTime" label="到期时间" placeholder="到期时间" input-align="right" :border="false" />–>--> | |||
<!-- <van-divider>其他经营</van-divider>--> | |||
<!-- <van-field v-model="form.otherArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.otherValue" label="年收益(元)" placeholder="年收益(元)" input-align="right" :border="false" />--> | |||
<!-- </div>--> | |||
<!-- <div class="list_main">--> | |||
<!-- <div class="titBox">--> | |||
<!-- <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>--> | |||
<!-- <p class="tit">已承包到户</p>--> | |||
<!-- </div>--> | |||
<!-- <van-field v-model="form.farmerArea" label="总面积(亩)" placeholder="总面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-divider>流转入集体统一经营</van-divider>--> | |||
<!-- <van-field v-model="form.circulationArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.circulationValue" label="年收益(元)" placeholder="年收益(元)" input-align="right" :border="false" />--> | |||
<!-- </div>--> | |||
<!-- <div style="margin: 16px auto;width: 50%;">--> | |||
<!-- <van-button round block type="primary" native-type="submit">--> | |||
<!-- 保存--> | |||
<!-- </van-button>--> | |||
<!-- </div>--> | |||
</van-form> | |||
</div> | |||
</template> | |||
<script> | |||
import { updateResource,getResource } from "@/api/sunVillage_info/fixedAssets"; | |||
export default { | |||
name: "certificateList", | |||
data() { | |||
return { | |||
// 资源分类字典 | |||
resourceTypeOptions: [], | |||
//农用地资源类型字典 | |||
farmingResourceTypeOptions: [], | |||
//建设用地资源类型字典 | |||
buildResourceTypeOptions: [], | |||
//未利用地、林木用地资源类型字典 | |||
unusedResourceTypeOptions: [], | |||
showStartTime:false, | |||
showEndTime:false, | |||
showResourceType:false, | |||
resourceType:'', | |||
showResourceSort:false, | |||
resourceSort:'', | |||
minDate:new Date(1900,1,1), | |||
applicationList:[], | |||
applicationListSecond:[], | |||
form:{ | |||
assetType:'151001', | |||
operationType:'1', | |||
addType:'1', | |||
buildTime:this.format(new Date(),'yyyy-MM-dd'), | |||
useType:'1', | |||
assetStatus:'1', | |||
isMin:'Y', | |||
isFormAsset:'N', | |||
quantity:1.00, | |||
depreciationSubject:"152:累计折旧", | |||
fixedSubject:"153:固定资产清理", | |||
depreciationFeeSubject:"541005:管理费用-折旧及修理费", | |||
depreciationType:'3', | |||
expectedYears:1, | |||
depreciationYears:0, | |||
netValue:0.00, | |||
originalValue:0.00, | |||
residualsRate:1, | |||
netSalvage:0.00, | |||
fixedValue:null, | |||
perYearDepreciationValue:null, | |||
depreciationValue:0 | |||
}, | |||
//资产类别 | |||
assetType:'房屋及建筑物', | |||
showAssetType:false, | |||
resourceSortOptions:[], | |||
//经营属性 | |||
operationType:'经营性', | |||
showOperationType:false, | |||
operationTypeOptions:[], | |||
//增加方式 | |||
addTypeOptions:[], | |||
showAddType:false, | |||
addType:'购入', | |||
//使用情况 | |||
useTypeOptions:[], | |||
showUseType:false, | |||
useType:'自用', | |||
//资产状态 | |||
assetStatusOptions:[], | |||
showAssetStatus:false, | |||
assetStatus:'正常', | |||
//资产状态 | |||
depreciationTypeOptions:[], | |||
showDepreciationType:false, | |||
depreciationType:'不折旧', | |||
showBuildTime:false, | |||
auditStatus:[], | |||
loading: false, | |||
finished: false, | |||
listLength:'0', | |||
searchInput:'', | |||
queryParams:{ | |||
pageNum:1, | |||
pageSize:10, | |||
orderByColumn:'createTime', | |||
isAsc:'desc', | |||
name:'', | |||
}, | |||
buildTime:new Date() | |||
}; | |||
}, | |||
created() { | |||
this.houseGetDicts("resource_sort").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.resourceSortOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("operation_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.operationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("add_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.addTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("use_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.useTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("sys_normal_disable").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.assetStatusOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("depreciation_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.depreciationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("resource_type").then((response) => { | |||
this.resourceTypeOptionsSelect = response.data; | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.resourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("resource_farming_type").then((response) => { | |||
this.farmingResourceTypeOptionsSelect = response.data; | |||
}); | |||
this.houseGetDicts("resources_build_type").then((response) => { | |||
this.buildResourceTypeOptionsSelect = response.data; | |||
}); | |||
this.houseGetDicts("resources_unused_type").then((response) => { | |||
this.unusedResourceTypeOptionsSelect = response.data; | |||
}); | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getDetail(){ | |||
getResource(this.$route.query.id).then(response => { | |||
this.form = response.data; | |||
this.resourceType = this.selectDictLabel(this.resourceTypeOptionsSelect, response.data.resourceType); | |||
if(response.data.resourceType == 1){ | |||
this.resourceSort = this.selectDictLabel(this.farmingResourceTypeOptionsSelect, response.data.resourceSort); | |||
} | |||
if(response.data.resourceType == 2){ | |||
this.resourceSort = this.selectDictLabel(this.buildResourceTypeOptionsSelect, response.data.resourceSort); | |||
} | |||
if(response.data.resourceType == 3){ | |||
this.resourceSort = this.selectDictLabel(this.unusedResourceTypeOptionsSelect, response.data.resourceSort); | |||
} | |||
}); | |||
}, | |||
onConfirStartTime(val){ | |||
let year = val.getFullYear() | |||
let month = val.getMonth() + 1 | |||
let day = val.getDate() | |||
if (month >= 1 && month <= 9) { month = `0${month}` } | |||
if (day >= 1 && day <= 9) { day = `0${day}` } | |||
this.form.rentStartTime = year+"-"+month+"-"+day | |||
this.showStartTime= false | |||
}, | |||
onConfirEndTime(val){ | |||
let year = val.getFullYear() | |||
let month = val.getMonth() + 1 | |||
let day = val.getDate() | |||
if (month >= 1 && month <= 9) { month = `0${month}` } | |||
if (day >= 1 && day <= 9) { day = `0${day}` } | |||
this.form.rentEndTime = year+"-"+month+"-"+day | |||
this.showEndTime= false | |||
}, | |||
onConfirmResourceType(data){ | |||
this.resourceType = data.text; | |||
this.form.resourceType = data.value; | |||
this.showResourceType = false; | |||
this.farmingResourceTypeOptions = []; | |||
this.resourceSort = ''; | |||
this.form.resourceSort = ''; | |||
if (data.value == '1'){//农用地 | |||
this.houseGetDicts("resource_farming_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
} | |||
if (data.value == '2'){//建设用地 | |||
this.houseGetDicts("resources_build_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
} | |||
if (data.value == '3'){//未利用地 | |||
this.houseGetDicts("resources_unused_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
} | |||
}, | |||
onConfirmResourceSort(data){ | |||
this.resourceSort = data.text; | |||
this.form.resourceSort = data.value; | |||
this.showResourceSort = false; | |||
}, | |||
onConfirmUseType(data){ | |||
this.useType = data.text; | |||
this.form.useType = data.value; | |||
this.showUseType = false; | |||
}, | |||
onConfirmAssetStatus(data){ | |||
this.assetStatus = data.text; | |||
this.form.status = data.value; | |||
this.showAssetStatus = false; | |||
}, | |||
onSubmit(){ | |||
updateResource(this.form).then(response => { | |||
if (response.code == 200){ | |||
this.$notify({ type: 'success', message: '修改成功' }); | |||
setTimeout(function(){ | |||
history.back(-1); | |||
},2000) | |||
} | |||
}); | |||
} | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
/deep/ .van-button--primary{ | |||
background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat; | |||
background-size: 100% 100%; | |||
border: none; | |||
} | |||
.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; | |||
} | |||
} | |||
.list_main{ | |||
padding:25px; | |||
background: #ffffff; | |||
width: 94%; | |||
margin: 25px auto 0; | |||
border-radius: 15PX; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
} | |||
.titBox{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.tit{ | |||
font-size: 36px; | |||
font-weight: bold; | |||
} | |||
/deep/ .van-cell{ | |||
padding-left: 0!important; | |||
padding-right: 0!important; | |||
padding-bottom: 0!important; | |||
} | |||
/deep/ .van-field__label{ | |||
padding-left: 10PX; | |||
width: 8.2em; | |||
} | |||
/deep/ .van-cell--required::before{ | |||
left: 0; | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,528 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
资源修改 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
</div> | |||
<van-form @submit="onSubmit"> | |||
<div class="list_main"> | |||
<div class="titBox"> | |||
<img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/> | |||
<p class="tit">基本信息</p> | |||
</div> | |||
<van-field v-model="form.code" label="资源编码" placeholder="不输入时系统自动分配" input-align="right" :border="false" /> | |||
<van-field required :rules="[{ required: true }]" v-model="form.name" label="资源名称" placeholder="资源名称" input-align="right" :border="false" /> | |||
<van-field | |||
readonly | |||
clickable | |||
label="资源分类" | |||
placeholder="请选择" | |||
v-model="resourceType" | |||
@click="showResourceType = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true }]" | |||
/> | |||
<van-popup v-model="showResourceType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="resourceTypeOptions" | |||
@confirm="onConfirmResourceType" | |||
@cancel="showResourceType = false" | |||
/> | |||
</van-popup> | |||
<van-field | |||
readonly | |||
clickable | |||
label="资源类型" | |||
placeholder="请选择" | |||
v-model="resourceSort" | |||
@click="showResourceSort = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true }]" | |||
/> | |||
<van-popup v-model="showResourceSort" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="farmingResourceTypeOptions" | |||
@confirm="onConfirmResourceSort" | |||
@cancel="showResourceSort = false" | |||
/> | |||
</van-popup> | |||
<van-field v-model="form.location" label="坐落位置" placeholder="坐落位置" input-align="right" :border="false" /> | |||
<van-field v-model="form.east" label="东至" placeholder="东至" input-align="right" :border="false" /> | |||
<van-field v-model="form.west" label="西至" placeholder="西至" input-align="right" :border="false" /> | |||
<van-field v-model="form.south" label="南至" placeholder="南至" input-align="right" :border="false" /> | |||
<van-field v-model="form.north" label="北至" placeholder="北至" input-align="right" :border="false" /> | |||
<van-field v-model="form.totalArea" label="总面积(亩)" placeholder="总面积(亩)" required :rules="[{ required: true }]" input-align="right" :border="false" /> | |||
<van-field | |||
readonly | |||
clickable | |||
label="使用情况" | |||
placeholder="请选择" | |||
v-model="useType" | |||
@click="showUseType = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true }]" | |||
/> | |||
<van-popup v-model="showUseType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="useTypeOptions" | |||
@confirm="onConfirmUseType" | |||
@cancel="showUseType = false" | |||
/> | |||
</van-popup> | |||
<van-field | |||
readonly | |||
clickable | |||
label="资产状态" | |||
placeholder="请选择" | |||
v-model="assetStatus" | |||
@click="showAssetStatus = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true }]" | |||
/> | |||
<van-popup v-model="showAssetStatus" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="assetStatusOptions" | |||
@confirm="onConfirmAssetStatus" | |||
@cancel="showAssetStatus = false" | |||
/> | |||
</van-popup> | |||
<van-field v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" /> | |||
</div> | |||
<!-- <div class="list_main">--> | |||
<!-- <div class="titBox">--> | |||
<!-- <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>--> | |||
<!-- <p class="tit">未承包到户</p>--> | |||
<!-- </div>--> | |||
<!-- <van-field v-model="form.sumArea" label="总面积(亩)" placeholder="总面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-divider>集体经营</van-divider>--> | |||
<!-- <van-field v-model="form.groupArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.groupValue" label="年收益(元)" placeholder="年收益(元)" input-align="right" :border="false" />--> | |||
<!-- <van-divider>出租经营</van-divider>--> | |||
<!-- <van-field v-model="form.rentArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.rentValue" label="年租金(元)" placeholder="年租金(元)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.rentLessee" label="承租人" placeholder="承租人" input-align="right" :border="false" />--> | |||
<!-- <van-field--> | |||
<!-- autocomplete="off"--> | |||
<!-- input-align="right"--> | |||
<!-- v-model="form.rentStartTime"--> | |||
<!-- name="开始时间"--> | |||
<!-- label="开始时间"--> | |||
<!-- placeholder="开始时间"--> | |||
<!-- readonly--> | |||
<!-- @click="showStartTime = true"--> | |||
<!-- :border="false"--> | |||
<!-- />--> | |||
<!-- <van-popup v-model:show="showStartTime" position="bottom">--> | |||
<!-- <van-datetime-picker--> | |||
<!-- type="date"--> | |||
<!-- v-model="buildTime"--> | |||
<!-- @confirm="onConfirStartTime"--> | |||
<!-- @cancel="showStartTime = false"--> | |||
<!-- :min-date="minDate"--> | |||
<!-- />--> | |||
<!-- </van-popup>--> | |||
<!-- <van-field--> | |||
<!-- autocomplete="off"--> | |||
<!-- input-align="right"--> | |||
<!-- v-model="form.rentEndTime"--> | |||
<!-- name="到期时间"--> | |||
<!-- label="到期时间"--> | |||
<!-- placeholder="到期时间"--> | |||
<!-- readonly--> | |||
<!-- @click="showEndTime = true"--> | |||
<!-- :border="false"--> | |||
<!-- />--> | |||
<!-- <van-popup v-model:show="showEndTime" position="bottom">--> | |||
<!-- <van-datetime-picker--> | |||
<!-- type="date"--> | |||
<!-- v-model="buildTime"--> | |||
<!-- @confirm="onConfirEndTime"--> | |||
<!-- @cancel="showEndTime = false"--> | |||
<!-- :min-date="minDate"--> | |||
<!-- />--> | |||
<!-- </van-popup>--> | |||
<!--<!– <van-field v-model="form.rentStartTime" label="开始时间" placeholder="开始时间" input-align="right" :border="false" />–>--> | |||
<!--<!– <van-field v-model="form.rentEndTime" label="到期时间" placeholder="到期时间" input-align="right" :border="false" />–>--> | |||
<!-- <van-divider>其他经营</van-divider>--> | |||
<!-- <van-field v-model="form.otherArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.otherValue" label="年收益(元)" placeholder="年收益(元)" input-align="right" :border="false" />--> | |||
<!-- </div>--> | |||
<!-- <div class="list_main">--> | |||
<!-- <div class="titBox">--> | |||
<!-- <img src="../../assets/images/sunVillage_info/add_icon_1.png" style="width:22PX;height:22PX;margin-right: 10px;"/>--> | |||
<!-- <p class="tit">已承包到户</p>--> | |||
<!-- </div>--> | |||
<!-- <van-field v-model="form.farmerArea" label="总面积(亩)" placeholder="总面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-divider>流转入集体统一经营</van-divider>--> | |||
<!-- <van-field v-model="form.circulationArea" label="面积(亩)" placeholder="面积(亩)" input-align="right" :border="false" />--> | |||
<!-- <van-field v-model="form.circulationValue" label="年收益(元)" placeholder="年收益(元)" input-align="right" :border="false" />--> | |||
<!-- </div>--> | |||
<div style="margin: 16px auto;width: 50%;"> | |||
<van-button round block type="primary" native-type="submit"> | |||
保存 | |||
</van-button> | |||
</div> | |||
</van-form> | |||
</div> | |||
</template> | |||
<script> | |||
import { updateResource,getResource } from "@/api/sunVillage_info/fixedAssets"; | |||
export default { | |||
name: "certificateList", | |||
data() { | |||
return { | |||
// 资源分类字典 | |||
resourceTypeOptions: [], | |||
//农用地资源类型字典 | |||
farmingResourceTypeOptions: [], | |||
//建设用地资源类型字典 | |||
buildResourceTypeOptions: [], | |||
//未利用地、林木用地资源类型字典 | |||
unusedResourceTypeOptions: [], | |||
showStartTime:false, | |||
showEndTime:false, | |||
showResourceType:false, | |||
resourceType:'', | |||
showResourceSort:false, | |||
resourceSort:'', | |||
minDate:new Date(1900,1,1), | |||
applicationList:[], | |||
applicationListSecond:[], | |||
form:{ | |||
assetType:'151001', | |||
operationType:'1', | |||
addType:'1', | |||
buildTime:this.format(new Date(),'yyyy-MM-dd'), | |||
useType:'1', | |||
assetStatus:'1', | |||
isMin:'Y', | |||
isFormAsset:'N', | |||
quantity:1.00, | |||
depreciationSubject:"152:累计折旧", | |||
fixedSubject:"153:固定资产清理", | |||
depreciationFeeSubject:"541005:管理费用-折旧及修理费", | |||
depreciationType:'3', | |||
expectedYears:1, | |||
depreciationYears:0, | |||
netValue:0.00, | |||
originalValue:0.00, | |||
residualsRate:1, | |||
netSalvage:0.00, | |||
fixedValue:null, | |||
perYearDepreciationValue:null, | |||
depreciationValue:0 | |||
}, | |||
//资产类别 | |||
assetType:'房屋及建筑物', | |||
showAssetType:false, | |||
resourceSortOptions:[], | |||
//经营属性 | |||
operationType:'经营性', | |||
showOperationType:false, | |||
operationTypeOptions:[], | |||
//增加方式 | |||
addTypeOptions:[], | |||
showAddType:false, | |||
addType:'购入', | |||
//使用情况 | |||
useTypeOptions:[], | |||
showUseType:false, | |||
useType:'自用', | |||
//资产状态 | |||
assetStatusOptions:[], | |||
showAssetStatus:false, | |||
assetStatus:'正常', | |||
//资产状态 | |||
depreciationTypeOptions:[], | |||
showDepreciationType:false, | |||
depreciationType:'不折旧', | |||
showBuildTime:false, | |||
auditStatus:[], | |||
loading: false, | |||
finished: false, | |||
listLength:'0', | |||
searchInput:'', | |||
queryParams:{ | |||
pageNum:1, | |||
pageSize:10, | |||
orderByColumn:'createTime', | |||
isAsc:'desc', | |||
name:'', | |||
}, | |||
buildTime:new Date() | |||
}; | |||
}, | |||
created() { | |||
this.houseGetDicts("resource_sort").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.resourceSortOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("operation_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.operationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("add_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.addTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("use_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.useTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("sys_normal_disable").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.assetStatusOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("depreciation_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.depreciationTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("resource_type").then((response) => { | |||
this.resourceTypeOptionsSelect = response.data; | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.resourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
this.houseGetDicts("resource_farming_type").then((response) => { | |||
this.farmingResourceTypeOptionsSelect = response.data; | |||
}); | |||
this.houseGetDicts("resources_build_type").then((response) => { | |||
this.buildResourceTypeOptionsSelect = response.data; | |||
}); | |||
this.houseGetDicts("resources_unused_type").then((response) => { | |||
this.unusedResourceTypeOptionsSelect = response.data; | |||
}); | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getDetail(){ | |||
getResource(this.$route.query.id).then(response => { | |||
this.form = response.data; | |||
this.resourceType = this.selectDictLabel(this.resourceTypeOptionsSelect, response.data.resourceType); | |||
if(response.data.resourceType == 1){ | |||
this.resourceSort = this.selectDictLabel(this.farmingResourceTypeOptionsSelect, response.data.resourceSort); | |||
} | |||
if(response.data.resourceType == 2){ | |||
this.resourceSort = this.selectDictLabel(this.buildResourceTypeOptionsSelect, response.data.resourceSort); | |||
} | |||
if(response.data.resourceType == 3){ | |||
this.resourceSort = this.selectDictLabel(this.unusedResourceTypeOptionsSelect, response.data.resourceSort); | |||
} | |||
}); | |||
}, | |||
onConfirStartTime(val){ | |||
let year = val.getFullYear() | |||
let month = val.getMonth() + 1 | |||
let day = val.getDate() | |||
if (month >= 1 && month <= 9) { month = `0${month}` } | |||
if (day >= 1 && day <= 9) { day = `0${day}` } | |||
this.form.rentStartTime = year+"-"+month+"-"+day | |||
this.showStartTime= false | |||
}, | |||
onConfirEndTime(val){ | |||
let year = val.getFullYear() | |||
let month = val.getMonth() + 1 | |||
let day = val.getDate() | |||
if (month >= 1 && month <= 9) { month = `0${month}` } | |||
if (day >= 1 && day <= 9) { day = `0${day}` } | |||
this.form.rentEndTime = year+"-"+month+"-"+day | |||
this.showEndTime= false | |||
}, | |||
onConfirmResourceType(data){ | |||
this.resourceType = data.text; | |||
this.form.resourceType = data.value; | |||
this.showResourceType = false; | |||
this.farmingResourceTypeOptions = []; | |||
this.resourceSort = ''; | |||
this.form.resourceSort = ''; | |||
if (data.value == '1'){//农用地 | |||
this.houseGetDicts("resource_farming_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
} | |||
if (data.value == '2'){//建设用地 | |||
this.houseGetDicts("resources_build_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
} | |||
if (data.value == '3'){//未利用地 | |||
this.houseGetDicts("resources_unused_type").then((response) => { | |||
for(var i = 0 ; i < response.data.length ; i++){ | |||
this.farmingResourceTypeOptions.push({text:response.data[i].dictLabel,value:response.data[i].dictValue}); | |||
} | |||
}); | |||
} | |||
}, | |||
onConfirmResourceSort(data){ | |||
this.resourceSort = data.text; | |||
this.form.resourceSort = data.value; | |||
this.showResourceSort = false; | |||
}, | |||
onConfirmUseType(data){ | |||
this.useType = data.text; | |||
this.form.useType = data.value; | |||
this.showUseType = false; | |||
}, | |||
onConfirmAssetStatus(data){ | |||
this.assetStatus = data.text; | |||
this.form.status = data.value; | |||
this.showAssetStatus = false; | |||
}, | |||
onSubmit(){ | |||
updateResource(this.form).then(response => { | |||
if (response.code == 200){ | |||
this.$notify({ type: 'success', message: '修改成功' }); | |||
setTimeout(function(){ | |||
history.back(-1); | |||
},2000) | |||
} | |||
}); | |||
} | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
/deep/ .van-button--primary{ | |||
background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat; | |||
background-size: 100% 100%; | |||
border: none; | |||
} | |||
.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; | |||
} | |||
} | |||
.list_main{ | |||
padding:25px; | |||
background: #ffffff; | |||
width: 94%; | |||
margin: 25px auto 0; | |||
border-radius: 15PX; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
} | |||
.titBox{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.tit{ | |||
font-size: 36px; | |||
font-weight: bold; | |||
} | |||
/deep/ .van-cell{ | |||
padding-left: 0!important; | |||
padding-right: 0!important; | |||
padding-bottom: 0!important; | |||
} | |||
/deep/ .van-field__label{ | |||
padding-left: 10PX; | |||
width: 8.2em; | |||
} | |||
/deep/ .van-cell--required::before{ | |||
left: 0; | |||
} | |||
} | |||
</style> |