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

src/views/demo/tiankongdi/auditinfo/MapList/index.vue

@@ -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;

src/views/demo/tiankongdi/auditinfo/index.vue

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

src/views/demo/tiankongdi/curbspotcity/MapList/index.vue

@@ -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)"/>
+        <!-- <RollbackOutlined  class="back-button" @click="emits('closeShowInfo', false)"/> -->
-        <div class="interval-div"></div>
+        <!-- <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;

src/views/demo/tiankongdi/curbspotcity/index.vue

@@ -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%;