| 
					
				 | 
			
			
				@@ -2,6 +2,30 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <div class="app-container box progress"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div class="box-top"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       <customForm ref="formRef" :model="queryParams" :config="FormConfig"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template #region> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-tree-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-model="queryParams.xzqdm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :data="deptList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :props="{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              value: 'id', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              label: 'label', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              children: 'children', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            value-key="id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            default-expanded-keys 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            check-strictly 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            style="width: 200px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template #monTime> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-date-picker 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-model="queryParams.time" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type="daterange" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            range-separator="至" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            start-placeholder="开始时间" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            end-placeholder="结束时间" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <template #action> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <el-button type="primary" icon="Search" @click="handleQuery" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             >搜索</el-button 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -19,12 +43,12 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           <div class="text"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div class="ibolk"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <div>{{ zldata[zl.prop] || 0 }}个</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <div>{{ (zldata[zl.prop1] || 0).toFixed(2) }}亩</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <div>{{ countData[`${zl.prop}num`] || 0 }}个</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <div>{{ (countData[`${zl.prop}mj`] || 0).toFixed(2) }}亩</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <div class="ibolk progrestext" v-if="zl.prop3"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <div class="radio">{{ zldata[zl.prop3] || 0 }}%</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <div class="protitle">完成进度</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <div class="radio">{{ countData[`${zl.prop}zb`] || 0 }}%</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <div class="protitle">{{ zl.prop3 }}</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </div> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -141,6 +165,8 @@ import EchartsMap from "@/components/echarts/EchartsMap.vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import bar from "@/components/echarts/bar.vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { FormConfig, titles, units, TableHeader, judgeTable } from "./config"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { nextTick } from "vue"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { userDept } from "@/api/system/dept"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { getcount, listJctb, listJz } from "@/api/rsmonitoring/statistics"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const route = useRoute(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const router = useRouter(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const { proxy } = getCurrentInstance(); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -1748,19 +1774,14 @@ const data = reactive({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   queryParams: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     pageNum: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     pageSize: 10, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    xzqdm: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    time: ["", ""], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    startTime: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     roleName: undefined, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     roleKey: undefined, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     status: undefined, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  rules: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    roleName: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { required: true, message: "角色名称不能为空", trigger: "blur" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    roleKey: [{ required: true, message: "权限字符不能为空", trigger: "blur" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    roleSort: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { required: true, message: "角色顺序不能为空", trigger: "blur" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  countData: {}, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   eData: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     xData: ["2020", "2021", "2022", "2023"], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     yData: [ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -1775,25 +1796,26 @@ const data = reactive({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 const showdata = reactive({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  deptList: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   zllist: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     all: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "监测\n图斑" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "已举证\n图斑", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "县级\n已审核", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "市级\n已审核", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "省级\n已审核", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "监测\n图斑", prop: "all" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "已举证\n图斑", prop: "WYTJ", prop3: "完成进度" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "县级\n已审核", prop: "XJYSH", prop3: "完成进度" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "市级\n已审核", prop: "SJYSH", prop3: "完成进度" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "省级\n已审核", prop: "SJJYSH", prop3: "完成进度" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     judge: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "监测\n图斑" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "未判定\n图斑", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "已判定\n图斑\n(拆分前)", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "已判定\n图斑\n(拆分后)", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "监测\n图斑", pro: "all" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "未判定\n图斑", prop: "WPD", prop3: "占比" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "已判定\n图斑\n(拆分前)", prop: "PDCFQ", prop3: "占比" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "已判定\n图斑\n(拆分后)", prop: "PDCFH" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     result: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "已判定\n图斑" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "判定为\n合法用地", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "判定为\n违法用地", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      { name: "判定为\n其它用地", prop: "zb", prop1: "zb", prop3: "%" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "已判定\n图斑", pro: "all" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "判定为\n合法用地", prop: "HFYD", prop3: "占比" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "判定为\n违法用地", prop: "WFYD", prop3: "占比" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { name: "判定为\n其它用地", prop: "QTYD", prop3: "占比" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -1806,17 +1828,84 @@ const showdata = reactive({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   judgetype: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   resulttype: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-const zldata = ref({}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-const { queryParams, form, rules, eData } = toRefs(data); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-const { zllist, typeoptions, ntype, nunit, judgetype, resulttype } = 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+const { queryParams, countData, eData } = toRefs(data); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+const { deptList, zllist, typeoptions, ntype, nunit, judgetype, resulttype } = 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   toRefs(showdata); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+let countparm = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  all: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    all: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    WYTJ: [{ auditflowStep: "WYTJ" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    XJYSH: [{ auditflowStep: "XJSH" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    SJYSH: [{ auditflowStep: "SJSH" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    SJJYSH: [{ auditflowStep: "SJJSH" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  judge: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    XJDSH: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { auditflowStep: "XJHGX" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { auditflowStep: "XJSH" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { auditflowStep: "WYTJ", successType: "0" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    XJYSH: [{ auditflowStep: "XJSH" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    XJYTJ: [{ auditflowStep: "XJTJ" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    SJTH: [{ auditflowStep: "SJTJ", successType: "1" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    SJJTH: [{ auditflowStep: "SJJTJ", successType: "1" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  result: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    SJDSH: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { auditflowStep: "SJSH" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      { auditflowStep: "XJTJ", successType: "0" }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    SJYSH: [{ auditflowStep: "SJSH" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    SJYTJ: [{ auditflowStep: "SJTJ" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    SJJTH: [{ auditflowStep: "SJJTJ", successType: "1" }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 onMounted(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   nextTick(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     // 初始化主题样式 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     echartRef.value.setOptions(eData.value); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+function getDrpt() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  userDept({}).then((response) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    deptList.value = response.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+function getData() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  countData.value = {}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  let prams = countparm[route.query.type]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  Object.keys(prams).forEach((key) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getcount({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      xzqdm: queryParams.value.xzqdm, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      startTime: queryParams.value.time[0], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      endTime: queryParams.value.time[1], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      auditflowList: prams[key], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }).then((res) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      countData.value[`${key}num`] = res.data.dq.countNumber; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      countData.value[`${key}mj`] = res.data.dq.countSum; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      countData.value[`${key}zb`] = res.data.zb; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+// function getDrpt() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+//   userDept({}).then((response) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+//     // deptList.value = response.data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+//   }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+// } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+/** 搜索按钮操作 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+function handleQuery() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  queryParams.value.pageNum = 1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  queryParams.value.startTime = queryParams.value.time[0]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  queryParams.value.endTime = queryParams.value.time[1]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  getData(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  getList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+/** 重置按钮操作 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+function resetQuery() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  proxy.resetForm("queryRef"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  handleQuery(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 /** 查询角色列表 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 function getList() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   // loading.value = true; 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -1839,6 +1928,8 @@ function setLnbh(data) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   // this.setEchart(this.eData, 0); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+getDrpt(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+getData(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 getList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <style scoped lang="scss"> 
			 |