|
@@ -0,0 +1,232 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <!--部门数据-->
|
|
|
+ <el-col :span="4" :xs="24">
|
|
|
+ <div class="head-container">
|
|
|
+ <el-input
|
|
|
+ v-model="deptName"
|
|
|
+ placeholder="请输入部门名称"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ prefix-icon="el-icon-search"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="head-container" ref="treeContainer" :style="{ height: treeHeight + 'px' } ">
|
|
|
+ <el-tree
|
|
|
+ :data="deptOptions"
|
|
|
+ :props="defaultProps"
|
|
|
+ :expand-on-click-node="false"
|
|
|
+ node-key="id"
|
|
|
+ :default-expanded-keys="[365]"
|
|
|
+ :filter-node-method="filterNode"
|
|
|
+ ref="tree"
|
|
|
+ @node-click="handleNodeClick"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <!--用户数据-->
|
|
|
+ <el-col :span="20" :xs="24">
|
|
|
+
|
|
|
+ <el-row :gutter="10" class="mb8">
|
|
|
+ <el-col :span="1.5">
|
|
|
+ <el-button
|
|
|
+ type="warning"
|
|
|
+ plain
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ @click="handleExport"
|
|
|
+ v-hasPermi="['StillField:StillField:export']"
|
|
|
+ >导出
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-table v-loading="loading" :data="collectiveFarmlandList"><!--@selection-change="handleSelectionChange"-->
|
|
|
+<!-- <el-table-column type="selection" width="55" align="center"/>-->
|
|
|
+ <el-table-column label="所属部门" align="center" prop="deptName"/>
|
|
|
+ <el-table-column label="承包地(亩)" align="center" prop="contractedLand"/>
|
|
|
+ <el-table-column label="机动地(亩)" align="center" prop="maneuverableLand"/>
|
|
|
+ <el-table-column label="独生子女地(亩)" align="center" prop="onlyChildLand"/>
|
|
|
+ <el-table-column label="全户消亡地(亩)" align="center" prop="extinctionLand"/>
|
|
|
+ <el-table-column label="其他集体耕地面积合计(亩)" align="center" prop="otherCollectiveFarmland"/>
|
|
|
+ <el-table-column label="四荒地(亩)" align="center" prop="fourWastelandsLand"/>
|
|
|
+ <el-table-column label="集体耕地总面积合计(亩)" align="center" prop="collectiveFarmland"/>
|
|
|
+ <el-table-column label="家庭承包面积(亩)" align="center" prop="homeContracting"/>
|
|
|
+ <el-table-column label="二轮整包地后开垦地、复垦地(亩)" align="center" prop="reclaimLang"/>
|
|
|
+ <el-table-column label="农户交回的家庭承包地(亩)" align="center" prop="returnableLand"/>
|
|
|
+ <el-table-column label="校田地(亩)" align="center" prop="schoolLand"/>
|
|
|
+ <el-table-column label="其中:由村经营的校田地(亩)" align="center" prop="villageSchoolLand"/>
|
|
|
+ <el-table-column label="水面(亩)" align="center" prop="waterArea"/>
|
|
|
+ <el-table-column label="林地面积(亩)" align="center" prop="forestArea"/>
|
|
|
+ <el-table-column label="切割地(亩)" align="center" prop="dicallyLand"/>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ countFarmland,
|
|
|
+} from "@/api/data/digitalagriculture/collective_farmland/farmland";
|
|
|
+import deptselector from '@/views/components/deptselector'
|
|
|
+import {getToken} from '@/utils/auth'
|
|
|
+import {treeselect} from '@/api/system/dept'
|
|
|
+import Treeselect from '@riophae/vue-treeselect'
|
|
|
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
|
|
+import {format_date} from "@/views/data/common/dateExport";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "StandingBook",
|
|
|
+ dicts: ['centerdata_land_type'],
|
|
|
+ components: {
|
|
|
+ deptselector,
|
|
|
+ Treeselect,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 树形容器
|
|
|
+ treeContainer: null,
|
|
|
+ // 树形高度
|
|
|
+ treeHeight: 0,
|
|
|
+ // 遮罩层
|
|
|
+ loading: true,
|
|
|
+ // 非单个禁用
|
|
|
+ single: true,
|
|
|
+ // 非多个禁用
|
|
|
+ multiple: true,
|
|
|
+ // 显示搜索条件
|
|
|
+ showSearch: true,
|
|
|
+ // 弹出层宽度
|
|
|
+ labelWidth: '150px',
|
|
|
+ // 文本框宽度
|
|
|
+ inputStyle: 'width: 310px',
|
|
|
+ collectiveFarmlandList: [],
|
|
|
+ // 弹出层标题
|
|
|
+ title: "",
|
|
|
+ // 是否显示弹出层
|
|
|
+ open: false,
|
|
|
+ // 部门名称
|
|
|
+ deptName: undefined,
|
|
|
+ // 部门树选项
|
|
|
+ deptOptions: undefined,
|
|
|
+ // 路由参数
|
|
|
+ routeParams: {
|
|
|
+ stillFieldType: null
|
|
|
+ },
|
|
|
+ // 查询参数
|
|
|
+ queryParams: {
|
|
|
+ deptId: '',
|
|
|
+ deptName: '',
|
|
|
+ name: null,
|
|
|
+ },
|
|
|
+ defaultProps: {
|
|
|
+ children: 'children',
|
|
|
+ label: 'label'
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ // 根据名称筛选部门树
|
|
|
+ deptName(val) {
|
|
|
+ this.$refs.tree.filter(val)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getList();
|
|
|
+ this.getTreeselect();
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.treeContainer = this.$refs.treeContainer
|
|
|
+ window.addEventListener('resize', this.handleResize)
|
|
|
+ this.handleResize()
|
|
|
+ },
|
|
|
+ beforeDestroy() {
|
|
|
+ window.removeEventListener('resize', this.handleResize)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ /** 查询部门下拉树结构 */
|
|
|
+ getTreeselect() {
|
|
|
+ treeselect().then(response => {
|
|
|
+ this.deptOptions = response.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ hx(node) {
|
|
|
+ this.form.dataDeptId = node.id
|
|
|
+ this.form.deptId = node.id
|
|
|
+ this.form.deptName = node.label
|
|
|
+ this.$refs.form.validateField('deptId');
|
|
|
+ },
|
|
|
+ handleResize() {
|
|
|
+ this.treeHeight = window.innerHeight - 200// 按需减去其他元素的高度
|
|
|
+ },
|
|
|
+ // 筛选节点
|
|
|
+ filterNode(value, data) {
|
|
|
+ if (!value) return true
|
|
|
+ return data.label.indexOf(value) !== -1
|
|
|
+ },
|
|
|
+ // 节点单击事件
|
|
|
+ handleNodeClick(data) {
|
|
|
+ this.queryParams.deptId = data.id
|
|
|
+ this.handleQuery()
|
|
|
+ },
|
|
|
+ /** 查询农业还田列表 */
|
|
|
+ getList() {
|
|
|
+ this.loading = true;
|
|
|
+ countFarmland(this.queryParams).then(res=>{
|
|
|
+ this.collectiveFarmlandList = res.data;
|
|
|
+ this.loading = false;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 表单重置
|
|
|
+ reset() {
|
|
|
+ this.form = {
|
|
|
+ id: null,
|
|
|
+ stillName: null,
|
|
|
+ stillArea: null,
|
|
|
+ stillType: null,
|
|
|
+ stillAmount: null,
|
|
|
+ stillUserName: null,
|
|
|
+ stillPhone: null,
|
|
|
+ subsidyMoney: null,
|
|
|
+ stillTime: null,
|
|
|
+ city: null,
|
|
|
+ district: null,
|
|
|
+ village: null,
|
|
|
+ landInfoId: null,
|
|
|
+ createBy: null,
|
|
|
+ createDate: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateDate: null,
|
|
|
+ remarks: null,
|
|
|
+ delFlag: null,
|
|
|
+ deptId: null,
|
|
|
+ deptName: null
|
|
|
+ };
|
|
|
+ this.resetForm("form");
|
|
|
+ },
|
|
|
+ /** 搜索按钮操作 */
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+
|
|
|
+ /** 导出按钮操作 */
|
|
|
+ handleExport() {
|
|
|
+ this.download('center-data/collectiveFarmland/export', {
|
|
|
+ ...this.queryParams
|
|
|
+ }, `农村集体耕地_${format_date(new Date())}.xlsx`)
|
|
|
+ },
|
|
|
+
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+.head-container {
|
|
|
+ overflow-y: auto;
|
|
|
+}
|
|
|
+</style>
|