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

【举证审核】【接收办理】样式修改

dianlixunjian
Zhufu 2024-07-10 15:15:24 +08:00
parent c49d7010ae
commit 7035d5e43b
4 changed files with 129 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/demo/tiankongdi/auditinfo/MapList/index.vue
View File

@ -95,7 +95,7 @@
>
<div class="data-list-layout-div">
<div class="data-list-title-div">
<img src="/positioning.png" class="map-mark"/>
<img src="/positioning.png" class="map-mark" @click="locationFun(item)"/>
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
@ -119,19 +119,19 @@
</div>
<div class="data-list-info-div">
<div class="info-layout-div">
<div class="info-item" style="width: 79px;">
<div class="info-item">
<div class="info-label">总</div>
<div class="info-data">{{item.area}}亩</div>
</div>
<div class="info-item" style="width: 79px;">
<div class="info-item">
<div class="info-label">耕</div>
<div class="info-data">{{item.gengdi_area}}亩</div>
</div>
<div class="info-item" style="width: 90px;">
<div class="info-item">
<div class="info-label">基</div>
<div class="info-data">{{item.yongjiujibennongtian_area}}亩</div>
</div>
<div class="info-item" style="width: 90px;">
<div class="info-item">
<div class="info-label">农</div>
<div class="info-data">{{item.nongyongdi_area}}亩</div>
</div>
@ -452,7 +452,7 @@
.screen-div {
padding: 10px 10px 19px 10px;
display: flex;
width: 565px;
width: 590px;
// margin-top: 10px;
flex-wrap: wrap;
// background: @component-background;
@ -530,6 +530,8 @@
padding: 10px;
// margin-top: 10px;
height: 60vh;
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
.data-list-item{
background:#fff;
padding:10px;
@ -547,6 +549,7 @@
.map-mark{
width:17px;
height:17px;
cursor:pointer;
}
.label-div{
display: flex;
@ -650,6 +653,9 @@
border-bottom-right-radius: 6px;
}
}
.data-list-div::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.pagination-div {
background: @component-background;
padding: 0 10px 10px;

2
src/views/demo/tiankongdi/auditinfo/index.vue
View File

@ -196,7 +196,7 @@
height: 100%;
display: flex;
.show-list {
width: 565px;
width: 590px;
background: #EFEFEF;
}
.map-box-div {

121
src/views/demo/tiankongdi/curbspotcity/MapList/index.vue
View File

@ -3,7 +3,7 @@
<div class="top-radio-button-div">
<a-radio-group
v-model:value="props.infoScreenData.landType"
@change="(value) => emits('mapListScreenChange','landType')"
@change="(e) => emits('mapListScreenChange',e.target.value,'landType')"
button-style="solid"
style="width:100%">
<a-radio-button :value="0" class="radio-item">农用地</a-radio-button>
@ -88,8 +88,8 @@
</div>
<div class="sift-div">
<div class="layout-div">
<RollbackOutlined class="back-button" @click="emits('closeShowInfo', false)"/>
<div class="interval-div"></div>
<!-- <RollbackOutlined class="back-button" @click="emits('closeShowInfo', false)"/> -->
<!-- <div class="interval-div"></div> -->
<div class="sift-item" @click="dataListSort('area')">
<div class="sift-label">总面积</div>
<div class="sift-icon">
@ -181,7 +181,7 @@
<div v-for="(item, index) in props.infoDataList" :key="index" class="data-list-item">
<div class="data-list-layout-div">
<div class="data-list-title-div">
<img src="/positioning.png" class="map-mark"/>
<img src="/positioning.png" class="map-mark" style="cursor:pointer;" @click="locationFun(item)"/>
<div class="label-div">
<div class="item-label">{{item.countyname}}</div>
<div class="item-sub-label">
@ -191,26 +191,26 @@
</div>
<div class="item-mark" v-if="item.isbuildname">{{item.isbuildname}}</div>
</div>
<div class="data-item-type-div" style="cursor:pointer;" @click="() => {}">
<div class="data-item-type-div" style="cursor:pointer;" @click="goAudit(item)">
{{item.unitname}}
</div>
</div>
<div class="data-list-info-div">
<div class="info-layout-div">
<div class="info-item" style="width: 67px;">
<div class="info-item">
<div class="info-label">总</div>
<div class="info-data">{{item.area}}亩</div>
</div>
<div class="info-item" style="width: 67px;">
<div class="info-item">
<div class="info-label">耕</div>
<div class="info-data">{{item.gengdiarea}}亩</div>
</div>
<div class="info-item">
<div class="info-label" style="width: 80px;">基</div>
<div class="info-label">基</div>
<div class="info-data">{{item.yongjiujibennongtianarea}}亩</div>
</div>
<div class="info-item">
<div class="info-label" style="width: 80px;">农</div>
<div class="info-label">农</div>
<div class="info-data">{{item.nongyongdiarea}}亩</div>
</div>
</div>
@ -251,6 +251,36 @@
<ShowInfoModal :showInfoData="showInfoData"/>
</div>
</a-modal>
<a-modal
width="100%"
wrap-class-name="full-modal"
v-model:open="auditOpen"
title="审核"
footer=""
:destroyOnClose="true"
>
<template #footer> </template>
<div class="handoff">
<a-button
type="primary"
style="margin-right: 25px;"
@click="prevData"
>上一条</a-button>
<a-button
type="primary"
@click="nextData"
>下一条</a-button>
</div>
<Audit
v-if="handoffShow"
ref="posRef"
:processId="processId"
:taskId="taskId"
:isRead="isRead"
:type="type"
@closeModel="closeMolder"
/>
</a-modal>
</div>
</template>
@ -273,8 +303,10 @@ import {
import { useUserStore } from '@/store/modules/user.ts'
import { message } from "ant-design-vue";
import ShowInfoModal from './ShowInfoModal/index.vue'
import { flowStore } from '@/store/modules/flow';
import { getDetail } from '@/api/sys/WFSchemeInfo';
const userStore = useUserStore()
const flowWfDataStore = flowStore();
const emits = defineEmits([
"closeShowInfo",
"mapListScreenChange",
@ -310,6 +342,13 @@ const orderMark = () => {
}
}
const showInfoOpen = ref(false)
const showDataIndex = ref()
const auditOpen = ref(false);
const processId = ref('');
const taskId = ref('');
const type = ref('');
const handoffShow = ref(true)
const isRead: any = ref(0);
const openCollect = computed(() => {
if(props.infoScreenData.type === '') return false
return true
@ -382,6 +421,61 @@ const showInfo = (item) => {
showInfoOpen.value = true
})
}
async function goAudit(record) {
showDataIndex.value = props.infoDataList.findIndex(item => item.taskeid === record.taskeid)
let data = await getDetail({ code: record.processcode });
let scheme = JSON.parse(data.scheme.content);
let wfData = scheme.wfData;
flowWfDataStore.setWfDataAll(wfData);
auditOpen.value = true;
processId.value = record.processid;
taskId.value = record.taskeid;
type.value = record.type;
}
const prevData = async () => {
if(showDataIndex.value === 0){
if(props.pageNo === 1){
message.warning('已经是第一条数据了')
return
}
await emits('changeInfoPage',props.pageNo - 1,props.pageSize)
showDataIndex.value = props.infoDataList.length -1
}else{
showDataIndex.value = showDataIndex.value -1
}
handoffShow.value = false
let record = props.infoDataList[showDataIndex.value]
let data = await getDetail({ code: record.processcode });
let scheme = JSON.parse(data.scheme.content);
let wfData = scheme.wfData;
flowWfDataStore.setWfDataAll(wfData);
processId.value = record.processid;
taskId.value = record.taskeid;
type.value = record.type;
handoffShow.value = true
}
const nextData = async () => {
if(showDataIndex.value === props.infoDataList.length -1){
if(Math.ceil(props.total / props.pageSize) === props.pageNo){
message.warning('已经是最后一条数据了')
return
}
await emits('changeInfoPage',props.pageNo + 1,props.pageSize)
showDataIndex.value = 0
}else{
showDataIndex.value = showDataIndex.value + 1
}
handoffShow.value = false
let record = props.infoDataList[showDataIndex.value]
let data = await getDetail({ code: record.processcode });
let scheme = JSON.parse(data.scheme.content);
let wfData = scheme.wfData;
flowWfDataStore.setWfDataAll(wfData);
processId.value = record.processid;
taskId.value = record.taskeid;
type.value = record.type;
handoffShow.value = true
}
</script>
<style lang="scss" scoped>
@ -422,7 +516,7 @@ const showInfo = (item) => {
.screen-div{
padding: 10px;
display: flex;
width:565px;
width:590px;
flex-wrap: wrap;
.screen-item{
width: 33.3%;
@ -513,6 +607,8 @@ const showInfo = (item) => {
flex: 1;
overflow: auto;
padding: 10px;
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
.data-list-item{
background:#fff;
padding:10px;
@ -619,6 +715,9 @@ const showInfo = (item) => {
border-bottom-right-radius: 6px
}
}
.data-list-div::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.pagination-div{
height: 60px;
display: flex;

12
src/views/demo/tiankongdi/curbspotcity/index.vue
View File

@ -2,7 +2,7 @@
<div class="curb-spot-city">
<div class="show-list">
<a-spin :spinning="spinning">
<AuditProgress
<!-- <AuditProgress
v-if="!showInfo"
:year="year"
:batch="batch"
@ -11,9 +11,8 @@
:dataList="dataList"
@auditProgressScreenChange="auditProgressScreenChange"
@showInfo="changeShowInfo"
/>
/> -->
<MapList
v-if="showInfo"
:infoScreenData="infoScreenData"
:cityType="cityType"
:pageNo="pageNo"
@ -136,6 +135,7 @@ const mapListScreenChange = (value, type) => {
switch(type){
case 'landType':
infoScreenData.value.landType = value
getInfoList()
break
case 'year':
infoScreenData.value.year = value
@ -351,10 +351,10 @@ const getInfoList = () => {
spinning.value = false
})
}
const changeInfoPage = (page, limit) => {
const changeInfoPage = async(page, limit) => {
pageNo.value = page
pageSize.value = limit
getInfoList()
await getInfoList()
}
const collectChange = (value) => {
pageNo.value = 1
@ -440,7 +440,7 @@ onMounted(() => {
height: 100%;
display: flex;
.show-list{
width: 565px;
width: 590px;
background: #EFEFEF;
:deep(.ant-spin-nested-loading){
height: 100%;