实有人口和实有单位写死数据

dist/assets/site-selector.a28b1750.js → dist/assets/site-selector.61e93b17.js

-import{P as _,Q as i,av as w,U as v,a2 as s,V as r,$ as l,Y as y,X as u,a1 as V,a0 as h,aw as S,a3 as p,W as N,ac as T,a4 as g}from"./index.1c49c616.js";const C=_({name:"SiteSelector",setup(){const e=i(()=>s.state.curView.type),n=i(()=>[...s.state.viewOptions,...s.state.communityOptions]),t=w();return{curViewType:e,options:n,handleChange:a=>{s.commit("SET_CURRENT_VIEW",n.value.find(c=>a===c.type)),s.state.curView.id&&s.dispatch("initStationData",s.state.curView.id),console.log(a),isNaN(+a)&&a!="lfs"?t.push({name:"main"}):isNaN(+a)&&a=="lfs"?t.push({name:"raffles"}):t.push({name:"community",query:{id:a}})}}}});function $(e,n,t,m,a,c){const d=p("a-select-option"),f=p("a-select");return r(),l("div",{id:"site-selector",class:"site-selector",style:S(`left:${isNaN(+e.curViewType)&&e.curViewType!="lfs"?"calc(20vw + .1rem)":isNaN(+e.curViewType)&&e.curViewType=="lfs"?"calc(32vw + .1rem)":"calc(16vw + .1rem)"}`)},[y(f,{value:e.curViewType,"dropdown-class-name":"site-selector-drop-down",onSelect:e.handleChange},{default:u(()=>[(r(!0),l(V,null,h(e.options,o=>(r(),N(d,{key:o.type,value:o.type},{default:u(()=>[T(g(o.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["value","onSelect"])],4)}var E=v(C,[["render",$]]);export{E as S};
+import{P as _,Q as i,av as w,U as v,a2 as s,V as r,$ as l,Y as y,X as u,a1 as V,a0 as h,aw as S,a3 as p,W as N,ac as T,a4 as g}from"./index.f6fd9ad3.js";const C=_({name:"SiteSelector",setup(){const e=i(()=>s.state.curView.type),n=i(()=>[...s.state.viewOptions,...s.state.communityOptions]),t=w();return{curViewType:e,options:n,handleChange:a=>{s.commit("SET_CURRENT_VIEW",n.value.find(c=>a===c.type)),s.state.curView.id&&s.dispatch("initStationData",s.state.curView.id),console.log(a),isNaN(+a)&&a!="lfs"?t.push({name:"main"}):isNaN(+a)&&a=="lfs"?t.push({name:"raffles"}):t.push({name:"community",query:{id:a}})}}}});function $(e,n,t,m,a,c){const d=p("a-select-option"),f=p("a-select");return r(),l("div",{id:"site-selector",class:"site-selector",style:S(`left:${isNaN(+e.curViewType)&&e.curViewType!="lfs"?"calc(20vw + .1rem)":isNaN(+e.curViewType)&&e.curViewType=="lfs"?"calc(32vw + .1rem)":"calc(16vw + .1rem)"}`)},[y(f,{value:e.curViewType,"dropdown-class-name":"site-selector-drop-down",onSelect:e.handleChange},{default:u(()=>[(r(!0),l(V,null,h(e.options,o=>(r(),N(d,{key:o.type,value:o.type},{default:u(()=>[T(g(o.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["value","onSelect"])],4)}var E=v(C,[["render",$]]);export{E as S};

dist/index.html

@@ -6,7 +6,7 @@
   <link rel="icon" href="./favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>南京东路街道</title>
-  <script type="module" crossorigin src="./assets/index.1c49c616.js"></script>
+  <script type="module" crossorigin src="./assets/index.f6fd9ad3.js"></script>
   <link rel="stylesheet" href="./assets/index.3c4c46ef.css">
 </head>
 

src/view/right/company.vue

 <template>
   <m-card title="实有单位">
-    <m-sub2 :addition="{ value: trueCompany.companyNum, unit: '家' }">
-      单位数量
-    </m-sub2>
+    <!-- <m-sub2 :addition="{ value: trueCompany.companyNum, unit: '家' }">
+      单位数量(原本是这个,下面是写死的)
+    </m-sub2> -->
+    <m-sub2 :addition="{ value: 5862, unit: '家' }"> 单位数量 </m-sub2>
     <div class="sum">
       <div v-for="item in sum" :key="item.name">
         <m-count class="count orange-count" :value="item.value" />
@@ -37,9 +38,12 @@ export default defineComponent({
 
     const sum = computed(() => {
       return [
-        { name: '本街道注册', value: trueCompany.value.thisCity },
-        { name: '境外注册', value: trueCompany.value.outCountry, icon: icon1 },
-        { name: '境内注册', value: trueCompany.value.inCountry, icon: icon1 },
+        // { name: '本街道注册', value: trueCompany.value.thisCity },
+        // { name: '境外注册', value: trueCompany.value.outCountry, icon: icon1 },
+        // { name: '境内注册', value: trueCompany.value.inCountry, icon: icon1 },//这个是原本的数据
+        { name: '本街道注册', value: 3409 },
+        // { name: '', value: '' },
+        // { name: '', value: '', icon: icon1 },
       ]
     })
     const pieData = computed(() => {
@@ -53,20 +57,23 @@ export default defineComponent({
       return [
         {
           name: '事业单位',
-          value: institution,
-          rate: (institution / total) * 100,
+          // value: institution,
+          value: 85,
+          rate: (85 / 5862) * 100,
         },
         {
           name: '企业单位',
-          value: enterprise,
-          rate: (enterprise / total) * 100,
+          // value: enterprise,
+          value: 5654,
+          rate: (5654 / 5862) * 100,
+          // rate: (enterprise / total) * 100,
         },
-        {
-          name: '机关团体',
-          value: organization,
-          rate: (organization / total) * 100,
-        },
-        { name: '其他', value: other, rate: (other / total) * 100 },
+        // {
+        //   name: '机关团体',
+        //   value: organization,
+        //   rate: (organization / total) * 100,
+        // },
+        { name: '其他', value: 123, rate: (123 / 5862) * 100 },
       ]
     })
     return {
@@ -84,7 +91,8 @@ export default defineComponent({
 .sum
   display flex
   align-items center
-  justify-content space-around
+  // justify-content space-around
+  justify-content flex-start
   margin 0.05rem 0
   >div
     display flex
@@ -92,7 +100,7 @@ export default defineComponent({
     .count
       font-size 0.14rem
       font-family $font-barlow
-      margin-right .05rem
+      margin-right 0.05rem
     p
       color #ccc
     img
@@ -107,11 +115,11 @@ export default defineComponent({
     justify-content space-between
     .progress
       flex 1
-      margin 0 .05rem
+      margin 0 0.05rem
     span
-      min-width .5rem
+      min-width 0.5rem
     .count
-      min-width .5rem
+      min-width 0.5rem
       font-family $font-barlow
-      font-size .12rem
+      font-size 0.12rem
 </style>

src/view/right/house.vue

@@ -36,8 +36,9 @@
       </div>
     </div>
     <div>
+        <!-- :addition="{ value: pubulicSafeNonResident.nonResidentNum, unit: '幢' }" -->
       <m-sub2
-        :addition="{ value: pubulicSafeNonResident.nonResidentNum, unit: '幢' }"
+        :addition="{ value: 65, unit: '幢' }"
       >
         非居房屋
       </m-sub2>
@@ -130,17 +131,20 @@ export default defineComponent({
       return [
         {
           name: '商办',
-          value: pubulicSafeNonResident.value.commercial,
+          // value: pubulicSafeNonResident.value.commercial,//现在是写死的,走接口就是这个
+          value:45,
           icon: img9,
         },
         {
           name: '商业综合体',
-          value: pubulicSafeNonResident.value.comprehensive,
+          // value: pubulicSafeNonResident.value.comprehensive,
+          value:8,
           icon: img10,
         },
         {
           name: '其他',
-          value: pubulicSafeNonResident.value.others,
+          // value: pubulicSafeNonResident.value.others,
+          value:12,
           icon: img3,
         },
       ]

src/view/right/population.vue

 <template>
   <m-card title="实有人口">
     <!-- <m-sub2 :addition="{ value: truePeople.personnelNum }"> 人口数量 </m-sub2> -->
-    <m-sub2 :addition="{ value: 44450, unit: '人' }"> 人口数量 </m-sub2>
-    <m-sub2 :addition="{ value: 88861, unit: '人' }"> 本市户籍 </m-sub2>
+    <m-sub2 :addition="{ value: 31705, unit: '人' }"> 人口数量 </m-sub2>
+    <m-sub2 :addition="{ value: 74394, unit: '人' }"> 本市户籍 </m-sub2>
     <!-- <Brief :list="summary" color="#fff" /> -->
     <div class="content">
       <div v-for="item in population" :key="item.name">
@@ -36,9 +36,9 @@ export default defineComponent({
     })
 
     const population = ref([
-      { name: '老龄人口', value: 10763 },
-      { name: '低保人口', value: 2936 },
-      { name: '残障人士', value: 3823 },
+      { name: '老龄人口', value: 37649 },
+      { name: '低保人口', value: 718 },
+      { name: '残障人士', value: 3401 },
     ])
     return {
       summary,