feat: 星级开发区基础数据

package-lock.json

@@ -21,6 +21,7 @@
         "qrcode": "^1.5.3",
         "swiper": "^11.0.5",
         "vue": "^3.3.9",
+        "vue-datepicker-next": "^1.0.3",
         "vue-router": "^4.2.5"
       },
       "devDependencies": {
@@ -5404,6 +5405,11 @@
         "node": ">=18"
       }
     },
+    "node_modules/date-format-parse": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmmirror.com/date-format-parse/-/date-format-parse-0.2.7.tgz",
+      "integrity": "sha512-/+lyMUKoRogMuTeOVii6lUwjbVlesN9YRYLzZT/g3TEZ3uD9QnpjResujeEqUW+OSNbT7T1+SYdyEkTcRv+KDQ=="
+    },
     "node_modules/dayjs": {
       "version": "1.11.10",
       "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz",
@@ -11375,6 +11381,18 @@
       "integrity": "sha512-LK3wJHs3vJxHG292C8cnsRusgyC5SEZDCzDCD01mdE/AoREFMl2tzLRuzwyuEsOIz13tqgBcnvysN3Lxsa14Fw==",
       "dev": true
     },
+    "node_modules/vue-datepicker-next": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/vue-datepicker-next/-/vue-datepicker-next-1.0.3.tgz",
+      "integrity": "sha512-Brqjh896BJGVxP7d6tGDsPMu0SDAB8hAdtG7zWF8VIHJB21dk1VB9KgdajD9Y9uXbg+wHN0vmL7sbMPIyehQVQ==",
+      "dependencies": {
+        "date-format-parse": "^0.2.7",
+        "vue": "^3.0.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/vue-demi": {
       "version": "0.14.6",
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",
@@ -15395,6 +15413,11 @@
         "whatwg-url": "^14.0.0"
       }
     },
+    "date-format-parse": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmmirror.com/date-format-parse/-/date-format-parse-0.2.7.tgz",
+      "integrity": "sha512-/+lyMUKoRogMuTeOVii6lUwjbVlesN9YRYLzZT/g3TEZ3uD9QnpjResujeEqUW+OSNbT7T1+SYdyEkTcRv+KDQ=="
+    },
     "dayjs": {
       "version": "1.11.10",
       "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz",
@@ -19499,6 +19522,15 @@
       "integrity": "sha512-LK3wJHs3vJxHG292C8cnsRusgyC5SEZDCzDCD01mdE/AoREFMl2tzLRuzwyuEsOIz13tqgBcnvysN3Lxsa14Fw==",
       "dev": true
     },
+    "vue-datepicker-next": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/vue-datepicker-next/-/vue-datepicker-next-1.0.3.tgz",
+      "integrity": "sha512-Brqjh896BJGVxP7d6tGDsPMu0SDAB8hAdtG7zWF8VIHJB21dk1VB9KgdajD9Y9uXbg+wHN0vmL7sbMPIyehQVQ==",
+      "requires": {
+        "date-format-parse": "^0.2.7",
+        "vue": "^3.0.0"
+      }
+    },
     "vue-demi": {
       "version": "0.14.6",
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.6.tgz",

src/views/develop/DevelopZoneDetail.vue

@@ -25,12 +25,18 @@
             {{ detail.description }}
           </div>
         </DetailInfoCell>
+        <DetailInfoCell v-if="isStar" :infos="baseInfo" title="基础信息">
+          <DetailInfo :infos="baseInfo"></DetailInfo>
+        </DetailInfoCell>
         <DetailInfoCell :infos="industryBase" title="产业基础">
           <DetailInfo :infos="industryBase"></DetailInfo>
         </DetailInfoCell>
         <DetailInfoCell :infos="elementCost" title="要素成本">
           <DetailInfo :infos="elementCost"></DetailInfo>
         </DetailInfoCell>
+        <DetailInfoCell :infos="joinRequired" title="入驻要求">
+          <DetailInfo :infos="joinRequired"></DetailInfo>
+        </DetailInfoCell>
         <DetailInfoCell
           :infos="importantEnterprise[importantEnterpriseIndex]"
           :tab-index="importantEnterpriseIndex"
@@ -52,9 +58,6 @@
         <DetailInfoCell v-if="industryFund.length" :infos="industryFund" title="产业基金">
           <DetailInfo :infos="industryFund"></DetailInfo>
         </DetailInfoCell>
-        <DetailInfoCell :infos="joinRequired" title="入驻要求">
-          <DetailInfo :infos="joinRequired"></DetailInfo>
-        </DetailInfoCell>
         <DetailInfoCell title="周边配套" title-center>
           <MapView
             :lat="detail.latitude"
@@ -179,6 +182,39 @@ const { open } = useJump();
 
 const { industryBase } = useIndustryBase(detail);
 
+const baseInfo = computed(() => {
+  if (detail.value) {
+    const { levelName, type, planArea, primaryIndustry } = detail.value;
+    const result: Infos = [
+      [
+        {
+          name: '开发区级别',
+          value: levelName,
+        },
+        {
+          name: '开发区类型',
+          value: type,
+        },
+      ],
+      [
+        {
+          name: '开发区面积',
+          value: formatNumber(planArea),
+          unit: '平方公里',
+        },
+        {
+          name: '主导产业',
+          value: primaryIndustry,
+        },
+      ],
+    ];
+
+    return result;
+  } else {
+    return [];
+  }
+});
+
 /** 要素成本 */
 const elementCost = computed(() => {
   if (detail.value) {