| @@ -930,3 +930,45 @@ export function contractionListNew(query) { | |||||
| params: 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> | <template> | ||||
| <div> | <div> | ||||
| <p class="fuTitle">地块位置绘制</p> | |||||
| <!-- <p class="fuTitle">地块位置绘制</p>--> | |||||
| <div id="full-screen-acceptance" style="width: 100%;height:45vh;"> | <div id="full-screen-acceptance" style="width: 100%;height:45vh;"> | ||||
| <div :id=this.uuidMap style="width: 100%;height: 100%"></div> | <div :id=this.uuidMap style="width: 100%;height: 100%"></div> | ||||
| <div id='land-btn-wrap'> | <div id='land-btn-wrap'> | ||||
| <el-row> | |||||
| <!--<el-button :id=this.drawingPolygonMap style="background-color:#D0EEFF;color:#1E88C7" @click="" type="primary">画图</el-button>--> | <!--<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="取消"/> --> | <!--<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>--> | <!--<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.drawingPolygonMap" class="ant-btn ant-btn-red" type="button" value="画图"/> | ||||
| <input :id="this.drawingResetMap" type="button" class="ant-btn ant-btn-red" value="重置图层"/> | <input :id="this.drawingResetMap" type="button" class="ant-btn ant-btn-red" value="重置图层"/> | ||||
| </el-row> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div id="info" style="display: none"></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) | 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', | path: '/lawEnforcement/index_new', | ||||
| name: 'lawEnforcementIndexNew', | name: 'lawEnforcementIndexNew', | ||||
| @@ -21,7 +21,7 @@ | |||||
| @load="getList" | @load="getList" | ||||
| > | > | ||||
| <!--1--> | <!--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="item_box" @click="$router.push({name:'sunVillageInfoFixedAssetsDetail',query:{id:item.id}})"> | ||||
| <div class="head_block"> | <div class="head_block"> | ||||
| <i class="icon"></i> | <i class="icon"></i> | ||||
| @@ -44,28 +44,49 @@ | |||||
| <template #right> | <template #right> | ||||
| <div @click="handleDelete(item,index)" style="background-color: #ee0a24;height: 100%">删除</div> | <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> | <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> | </template> | ||||
| </van-swipe-cell> | </van-swipe-cell> | ||||
| </van-list> | </van-list> | ||||
| </div> | </div> | ||||
| <!-- <div class="bottom_tips">--> | |||||
| <!-- <span class="xs">已经到底啦</span>--> | |||||
| <!-- </div>--> | |||||
| <van-popup v-model="show" lock-scroll closeable position="top" :style="{ height: '30%' }" > | <van-popup v-model="show" lock-scroll closeable position="top" :style="{ height: '30%' }" > | ||||
| <div style="padding: 0 13% 0 5%;"> | <div style="padding: 0 13% 0 5%;"> | ||||
| <van-divider>附件</van-divider> | <van-divider>附件</van-divider> | ||||
| <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | <van-uploader v-model="fileList" :after-read="afterRead" @delete="deleteFile1" multiple /> | ||||
| </div> | </div> | ||||
| </van-popup> | </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> | </div> | ||||
| </template> | </template> | ||||
| <script> | <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 request from '@/utils/request' | ||||
| import MapGisTag from "@/components/Map/MapGisTagDTG"; | |||||
| export default { | export default { | ||||
| name: "certificateList", | name: "certificateList", | ||||
| components: { | |||||
| MapGisTag | |||||
| }, | |||||
| data() { | data() { | ||||
| return { | return { | ||||
| applicationList:[], | applicationList:[], | ||||
| @@ -89,6 +110,9 @@ | |||||
| projectId:'', | projectId:'', | ||||
| projectIndex:'', | projectIndex:'', | ||||
| showBtn:true, | showBtn:true, | ||||
| showMap:false, | |||||
| theGeom:'', | |||||
| listMap:0 | |||||
| }; | }; | ||||
| }, | }, | ||||
| created() { | created() { | ||||
| @@ -103,6 +127,40 @@ | |||||
| }); | }); | ||||
| }, | }, | ||||
| methods: { | 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(){ | getList(){ | ||||
| setTimeout(() => { | setTimeout(() => { | ||||
| permanentList(this.queryParams).then(response => { | permanentList(this.queryParams).then(response => { | ||||
| @@ -111,7 +169,7 @@ | |||||
| response.rows[i].assetStatus = this.selectDictLabel(this.assetStatusOptions, response.rows[i].assetStatus); | 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].assetType = this.selectDictLabel(this.assetTypeOptions, response.rows[i].assetType); | ||||
| response.rows[i].useType = this.selectDictLabel(this.useTypeOptions, response.rows[i].useType); | 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.applicationList.push(response.rows[i]); | ||||
| this.applicationListSecond.push(response.rows[i]); | this.applicationListSecond.push(response.rows[i]); | ||||
| } | } | ||||
| @@ -409,7 +467,7 @@ | |||||
| /deep/ .van-swipe-cell__right{ | /deep/ .van-swipe-cell__right{ | ||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| width: 150PX; | |||||
| width: 200PX; | |||||
| margin-left: 5PX; | margin-left: 5PX; | ||||
| a,div{ | a,div{ | ||||
| margin: 0; | margin: 0; | ||||
| @@ -41,7 +41,7 @@ | |||||
| <template #right> | <template #right> | ||||
| <div @click="handleDelete(item,index)" style="background-color: #ee0a24;height: 100%">删除</div> | <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> | <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> | </template> | ||||
| </van-swipe-cell> | </van-swipe-cell> | ||||
| </van-list> | </van-list> | ||||
| @@ -1,6 +1,8 @@ | |||||
| <template> | <template> | ||||
| <div class="home_wrapper"> | <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 class="return_btn" @click="onClickLeft"></div> | ||||
| </div> | </div> | ||||
| @@ -87,7 +89,7 @@ | |||||
| uploadFiles1:[], | uploadFiles1:[], | ||||
| projectId:'', | projectId:'', | ||||
| projectIndex:'', | projectIndex:'', | ||||
| showBtn:true, | |||||
| showBtn:false, | |||||
| yearMonth:[], | yearMonth:[], | ||||
| deptName:'', | deptName:'', | ||||
| openName:'', | openName:'', | ||||
| @@ -1,6 +1,8 @@ | |||||
| <template> | <template> | ||||
| <div class="home_wrapper"> | <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 class="return_btn" @click="onClickLeft"></div> | ||||
| </div> | </div> | ||||
| @@ -77,7 +79,7 @@ | |||||
| uploadFiles1:[], | uploadFiles1:[], | ||||
| projectId:'', | projectId:'', | ||||
| projectIndex:'', | projectIndex:'', | ||||
| showBtn:true, | |||||
| showBtn:false, | |||||
| yearMonth:[], | yearMonth:[], | ||||
| deptName:'', | deptName:'', | ||||
| openName:'', | openName:'', | ||||
| @@ -1,6 +1,8 @@ | |||||
| <template> | <template> | ||||
| <div class="home_wrapper"> | <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 class="return_btn" @click="onClickLeft"></div> | ||||
| </div> | </div> | ||||
| @@ -73,7 +75,7 @@ | |||||
| uploadFiles1:[], | uploadFiles1:[], | ||||
| projectId:'', | projectId:'', | ||||
| projectIndex:'', | projectIndex:'', | ||||
| showBtn:true, | |||||
| showBtn:false, | |||||
| yearMonth:[], | yearMonth:[], | ||||
| deptName:'', | deptName:'', | ||||
| openName:'', | 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> | |||||