HC_YFZX
/
CaiYuanYiTiHua
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://123.132.248.154:10000/HC_YFZX/CaiYuanYiTiHua

dianlixunjian
徐景良 2024-07-27 17:33:57 +08:00
parent c21fe7a3fd 507a8aa710
commit 4262d69639
6 changed files with 101 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
src/views/demo/caseoffence/index.vue
View File

@ -7,130 +7,168 @@
<template #bodyCell="{ column, record }">
<!-- 县区 -->
<!-- <template v-if="column.key === 'countyname'">
<a @click="getOrgCaseList(column, record)">{{ record.countyname }}</a>
<a @click="getOrgCaseList(column, record)">
{{ record.countyname }}
</a>
</template> -->
<!-- 下发图斑·宗数 -->
<template v-if="column.key === 'xftbzs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 1)">{{ record.xftbzs }}</a>
<a @click="handlePreViewData(column, record, 1)"> {{ record.xftbzs }} </a>
</template>
<!-- 下发图斑·面积 -->
<template v-if="column.key === 'xfmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 1)">{{ record.xfmj }}</a>
<a @click="handlePreViewData(column, record, 1)">
{{ record.xfmj == 0 ? 0 : record.xfmj.toFixed(2) }}
</a>
</template>
<!-- 下发图斑·耕地面积 -->
<template v-if="column.key === 'xfgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 1)">{{ record.xfgdmj }}</a>
<a @click="handlePreViewData(column, record, 1)">
{{ record.xfgdmj == 0 ? 0 : record.xfgdmj.toFixed(2) }}
</a>
</template>
<!-- 合法·宗数 -->
<template v-if="column.key === 'hfzs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 2)">{{ record.hfzs }}</a>
<a @click="handlePreViewData(column, record, 2)"> {{ record.hfzs }} </a>
</template>
<!-- 合法·面积 -->
<template v-if="column.key === 'hfmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 2)">{{ record.hfmj }}</a>
<a @click="handlePreViewData(column, record, 2)">
{{ record.hfmj == 0 ? 0 : record.hfmj.toFixed(2) }}
</a>
</template>
<!-- 合法·耕地面积 -->
<template v-if="column.key === 'hfgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 2)">{{ record.hfgdmj }}</a>
<a @click="handlePreViewData(column, record, 2)">
{{ record.hfgdmj == 0 ? 0 : record.hfgdmj.toFixed(2) }}
</a>
</template>
<!-- 违法·小计·宗数 -->
<template v-if="column.key === 'wfzs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 3)">{{ record.wfzs }}</a>
<a @click="handlePreViewData(column, record, 3)"> {{ record.wfzs }} </a>
</template>
<!-- 违法·小计·面积 -->
<template v-if="column.key === 'wfmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 3)">{{ record.wfmj }}</a>
<a @click="handlePreViewData(column, record, 3)">
{{ record.wfmj == 0 ? 0 : record.wfmj.toFixed(2) }}
</a>
</template>
<!-- 违法·小计·耕地面积 -->
<template v-if="column.key === 'wfgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 3)">{{ record.wfgdmj }}</a>
<a @click="handlePreViewData(column, record, 3)">
{{ record.wfgdmj == 0 ? 0 : record.wfgdmj.toFixed(2) }}
</a>
</template>
<!-- 违法·非农化·宗数 -->
<template v-if="column.key === 'fnhzs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 10)">{{ record.fnhzs }}</a>
<a @click="handlePreViewData(column, record, 10)"> {{ record.fnhzs }} </a>
</template>
<!-- 违法·非农化·面积 -->
<template v-if="column.key === 'fnhmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 10)">{{ record.fnhmj }}</a>
<a @click="handlePreViewData(column, record, 10)">
{{ record.fnhmj == 0 ? 0 : record.fnhmj.toFixed(2) }}
</a>
</template>
<!-- 违法·非农化·耕地面积 -->
<template v-if="column.key === 'fnhgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 10)">{{ record.fnhgdmj }}</a>
<a @click="handlePreViewData(column, record, 10)">
{{ record.fnhgdmj == 0 ? 0 : record.fnhgdmj.toFixed(2) }}
</a>
</template>
<!-- 违法·非粮化·宗数 -->
<template v-if="column.key === 'flhzs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 5)">{{ record.flhzs }}</a>
<a @click="handlePreViewData(column, record, 5)"> {{ record.flhzs }} </a>
</template>
<!-- 违法·非粮化·面积 -->
<template v-if="column.key === 'flhmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 5)">{{ record.flhmj }}</a>
<a @click="handlePreViewData(column, record, 5)">
{{ record.flhmj == 0 ? 0 : record.flhmj.toFixed(2) }}
</a>
</template>
<!-- 违法·非粮化·耕地面积 -->
<template v-if="column.key === 'flhgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 5)">{{ record.flhgdmj }}</a>
<a @click="handlePreViewData(column, record, 5)">
{{ record.flhgdmj == 0 ? 0 : record.flhgdmj.toFixed(2) }}
</a>
</template>
<!-- 其他·宗数 -->
<template v-if="column.key === 'qtzs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 4)">{{ record.qtzs }}</a>
<a @click="handlePreViewData(column, record, 4)"> {{ record.qtzs }} </a>
</template>
<!-- 其他·面积 -->
<template v-if="column.key === 'qtmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 4)">{{ record.qtmj }}</a>
<a @click="handlePreViewData(column, record, 4)">
{{ record.qtmj == 0 ? 0 : record.qtmj.toFixed(2) }}
</a>
</template>
<!-- 其他·耕地面积 -->
<template v-if="column.key === 'qtgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 4)">{{ record.qtgdmj }}</a>
<a @click="handlePreViewData(column, record, 4)">
{{ record.qtgdmj == 0 ? 0 : record.qtgdmj.toFixed(2) }}
</a>
</template>
<!-- 整改情况·补办手续·宗数 -->
<template v-if="column.key === 'bbsxzs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 6)">{{ record.bbsxzs }}</a>
<a @click="handlePreViewData(column, record, 6)"> {{ record.bbsxzs }} </a>
</template>
<!-- 整改情况·补办手续·面积 -->
<template v-if="column.key === 'bbsxmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 6)">{{ record.bbsxmj }}</a>
<a @click="handlePreViewData(column, record, 6)">
{{ record.bbsxmj == 0 ? 0 : record.bbsxmj.toFixed(2) }}
</a>
</template>
<!-- 整改情况·补办手续·耕地面积 -->
<template v-if="column.key === 'bbsxgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 6)">{{ record.bbsxgdmj }}</a>
<a @click="handlePreViewData(column, record, 6)">
{{ record.bbsxgdmj == 0 ? 0 : record.bbsxgdmj.toFixed(2) }}
</a>
</template>
<!-- 整改情况·拆除复耕·宗数 -->
<template v-if="column.key === 'cczs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 7)">{{ record.cczs }}</a>
<a @click="handlePreViewData(column, record, 7)"> {{ record.cczs }} </a>
</template>
<!-- 整改情况·拆除复耕·面积 -->
<template v-if="column.key === 'ccmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 7)">{{ record.ccmj }}</a>
<a @click="handlePreViewData(column, record, 7)">
{{ record.ccmj == 0 ? 0 : record.ccmj.toFixed(2) }}
</a>
</template>
<!-- 整改情况·拆除复耕·耕地面积 -->
<template v-if="column.key === 'ccgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 7)">{{ record.ccgdmj }}</a>
<a @click="handlePreViewData(column, record, 7)">
{{ record.ccgdmj == 0 ? 0 : record.ccgdmj.toFixed(2) }}
</a>
</template>
<!-- 新增违法占用耕地情况·核实后新增违法耕地·宗数 -->
<template v-if="column.key === 'hshxzwfgdzs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 8)">{{ record.hshxzwfgdzs }}</a>
<a @click="handlePreViewData(column, record, 8)"> {{ record.hshxzwfgdzs }} </a>
</template>
<!-- 新增违法占用耕地情况·核实后新增违法耕地·耕地面积 -->
<template v-if="column.key === 'hshxzwfgdgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 8)">{{ record.hshxzwfgdgdmj }}</a>
<a @click="handlePreViewData(column, record, 8)">
{{ record.hshxzwfgdgdmj == 0 ? 0 : record.hshxzwfgdgdmj.toFixed(2) }}
</a>
</template>
<!-- 新增违法占用耕地情况·整改后剩余违法耕地·宗数 -->
<template v-if="column.key === 'zghsywfgdzs' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 9)">{{ record.zghsywfgdzs }}</a>
<a @click="handlePreViewData(column, record, 9)"> {{ record.zghsywfgdzs }} </a>
</template>
<!-- 新增违法占用耕地情况·整改后剩余违法耕地·耕地面积 -->
<template v-if="column.key === 'zghsywfgdgdmj' && record.countyname != '总计'">
<a @click="handlePreViewData(column, record, 9)">{{ record.zghsywfgdgdmj }}</a>
<a @click="handlePreViewData(column, record, 9)">
{{ record.zghsywfgdgdmj == 0 ? 0 : record.zghsywfgdgdmj.toFixed(2) }}
</a>
</template>
<!-- 面积只取小数点后两位 -->
<template v-if="column.key.slice(-2) === 'mj'">
<template v-if="column.key.slice(-2) === 'mj' && record.countyname == '总计'">
{{ record[column.key].toFixed(2) }}
</template>
</template>

1
src/views/demo/tiankongdi/util.ts
View File

@ -13,6 +13,7 @@ export const dataProcessing = (value) => {
}
};
export const dataProcessingCount = (value) => {
value = value.toString()
if (!value) {
return 0;
}

6
src/views/sys/exception/Exception.vue
View File

@ -27,7 +27,7 @@
@handlerChangePolygonType="handlerChangePolygonType"
:style="{
position: 'absolute',
top: '680px',
bottom: '-10px',
left: '48px',
height: '180px',
}"
@ -37,8 +37,8 @@
@countyClick="countyClick"
:style="{
position: 'absolute',
bottom: '0px',
left: '280px',
bottom: '-3px',
left: '320px',
}"
/>
</div>

15
src/views/sys/exception/dataScreen/DataStatistics/index.vue
View File

@ -10,19 +10,19 @@
</div>
<div class="data-item">
<div class="data-label data-center">图斑面积(亩）</div>
<div class="data-value data-center">{{ wfmj }}</div>
<div class="data-value data-center">{{ dataProcessingCount(wfmj) }}</div>
</div>
<div class="data-item">
<div class="data-label data-center">耕地面积(亩）</div>
<div class="data-value data-center">{{xfgdmj}}</div>
<div class="data-value data-center">{{dataProcessingCount(xfgdmj)}}</div>
</div>
<div class="data-item">
<div class="data-label data-center">整改后剩余耕地面积(亩）</div>
<div class="data-value data-center">{{zghsywfgdgdmj}}</div>
<div class="data-value data-center">{{dataProcessingCount(zghsywfgdgdmj)}}</div>
</div>
<div class="data-item">
<div class="data-label data-center">核实后新增违法耕地(亩）</div>
<div class="data-value data-center">{{hshxzwfgdgdmj}}</div>
<div class="data-value data-center">{{dataProcessingCount(hshxzwfgdgdmj)}}</div>
</div>
</div>
<div class="data-div">
@ -35,7 +35,7 @@
<div class="item-interval"></div>
<div class="item-div" style=" padding-left: 17px;">
<div class="item-label">合法用地(亩）</div>
<div class="item-value">{{hfmj}}</div>
<div class="item-value">{{dataProcessingCount(hfmj)}}</div>
</div>
</div>
<div class="row-item-div" style="margin-bottom: 27px;">
@ -46,7 +46,7 @@
<div class="item-interval"></div>
<div class="item-div" style=" padding-left: 17px;">
<div class="item-label">违法用地(亩）</div>
<div class="item-value">{{wfmj}}</div>
<div class="item-value">{{dataProcessingCount(wfmj)}}</div>
</div>
</div>
<div class="sub-title-div" style="margin-bottom:15px;">其他用地</div>
@ -58,7 +58,7 @@
<div class="item-interval"></div>
<div class="item-div" style=" padding-left: 17px;">
<div class="item-label">其他用地(亩）</div>
<div class="item-value">{{qtmj}}</div>
<div class="item-value">{{dataProcessingCount(qtmj)}}</div>
</div>
</div>
</div>
@ -68,6 +68,7 @@
<script setup lang="ts">
import { ref, defineProps, onMounted,watch } from "vue"
import { GetTotalAndArea } from '@/api/statistical/index.ts'
import { dataProcessingCount } from '@/views/demo/tiankongdi/util.ts'
const props = defineProps(['countyId','landType'])

5
src/views/sys/exception/dataScreen/TopSelect/index.vue
View File

@ -5,13 +5,13 @@
<div class="item-mark"></div>
<div class="item-value">
<div>{{`已办结${ybjzs}个`}}</div>
<div>{{`共${ybjmj}亩`}}</div>
<div>{{`共${dataProcessingCount(ybjmj)}亩`}}</div>
</div>
</div>
<div class="right-data-item">
<div class="item-value">
<div>{{`未办结${wbjzs}个`}}</div>
<div>{{`共${wbjmj}亩`}}</div>
<div>{{`共${dataProcessingCount(wbjmj)}亩`}}</div>
</div>
<div class="item-mark"></div>
</div>
@ -39,6 +39,7 @@ justify-content:center;">总数量</div>
<script setup lang="ts">
import { ref, onMounted, defineProps, watch } from "vue"
import { GetTotalAndAreaByType } from '@/api/statistical/index.ts'
import { dataProcessingCount } from '@/views/demo/tiankongdi/util.ts'
const totalzs = ref(0)
const wbjmj = ref(0)

24
src/views/sys/exception/mapComponent/left_county.vue
View File

@ -2,8 +2,7 @@
<div class="county">
<div class="county_div">
<img
id="left_direction_left"
src="/statistical/left_direction_left1.png"
:src="scrollImgLeft"
:style="{
position: 'relative',
top: '42px',
@ -21,6 +20,8 @@
id="left_county_nochoose"
src="/statistical/left_county_nochoose.png"
:style="{
position: 'relative',
top: '-7px',
marginLeft: '11.5px',
marginRight: '11.5px',
}"
@ -37,8 +38,7 @@
</div>
</div>
<img
id="left_direction_right"
src="/statistical/left_direction_right2.png"
:src="scrollImgRight"
:style="{
position: 'relative',
top: '42px',
@ -61,7 +61,7 @@
</div>
</template>
<script lang="ts" setup>
import { ref, onMounted, defineEmits } from 'vue';
import { ref, onMounted, defineEmits, watch } from 'vue';
import { getChildrenTree } from '@/api/demo/system';
import { message } from 'ant-design-vue';
@ -70,6 +70,8 @@
// 按键控制滚动条
const countyList = ref<HTMLElement | null>(null);
const scrollImgLeft = ref('/statistical/left_direction_left1.png');
const scrollImgRight = ref('/statistical/left_direction_right2.png');
const scrollToElement = async (type) => {
if (countyList.value) {
if (type == 'left') {
@ -78,6 +80,16 @@
if (type == 'right') {
countyList.value.scrollLeft = countyList.value.scrollLeft + 110;
}
if (countyList.value.scrollLeft == 0) {
scrollImgLeft.value = '/statistical/left_direction_left1.png';
} else {
scrollImgLeft.value = '/statistical/left_direction_left2.png';
}
if (countyList.value.scrollLeft > 7 * 110) {
scrollImgRight.value = '/statistical/left_direction_right1.png';
} else {
scrollImgRight.value = '/statistical/left_direction_right2.png';
}
}
};
@ -125,7 +137,7 @@
span {
position: relative;
top: 35px;
top: 30px;
width: 110px;
display: inline-flex;
align-items: center;