Kaynağa Gözat

refactor(zhdpgl):优化园区信息展示和编辑功能- 在 components.d.ts 中添加了多个 Element Plus 组件的类型声明
- 在 yqjs.vue 中修改了园区信息的展示单位,增加了单位说明
- 调整了表单布局,增加了文本域输入框
- 优化了编辑和新增园区信息的对话框样式

nahida 1 yıl önce
ebeveyn
işleme
34766edbe5
2 değiştirilmiş dosya ile 51 ekleme ve 45 silme
  1. 7 1
      components.d.ts
  2. 44 44
      src/views/zhdpgl/yqzl/yqjs.vue

+ 7 - 1
components.d.ts

@@ -7,7 +7,6 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCol: typeof import('element-plus/es')['ElCol']
@@ -21,6 +20,7 @@ declare module 'vue' {
     ElHeader: typeof import('element-plus/es')['ElHeader']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
+    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElLink: typeof import('element-plus/es')['ElLink']
     ElMain: typeof import('element-plus/es')['ElMain']
     ElMenu: typeof import('element-plus/es')['ElMenu']
@@ -35,11 +35,17 @@ declare module 'vue' {
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
     ElSkeletonItem: typeof import('element-plus/es')['ElSkeletonItem']
+    ElStatistic: typeof import('element-plus/es')['ElStatistic']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTag: typeof import('element-plus/es')['ElTag']
+    ElText: typeof import('element-plus/es')['ElText']
+    ElTimeline: typeof import('element-plus/es')['ElTimeline']
+    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
+    ElTimePicker: typeof import('element-plus/es')['ElTimePicker']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']
     IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default']

+ 44 - 44
src/views/zhdpgl/yqzl/yqjs.vue

@@ -182,17 +182,17 @@ init()
     <el-table :data="tableData" style="width: 100%">
       <el-table-column :show-overflow-tooltip="true" type="index" label="序号"></el-table-column>
       <el-table-column :show-overflow-tooltip="true" prop="parkName" label="园区介绍"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="totalArea" label="园区总面积"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="enteredCompany" label="入企业"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="numberBuildings" label="楼栋数量"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="parkPersonnel" label="园区人员"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="standardFactory" label="标准厂房"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="parkingLot" label="总车位"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="productionLand" label="生产用地"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="officeLand" label="办公用地"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="greenVegetation" label="绿色植被"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="totalArea" label="园区总面积(单位:公顷)"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="enteredCompany" label="入企业"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="numberBuildings" label="已开发面积(单位:亩)"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="parkPersonnel" label="园区人员(单位:位)"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="standardFactory" label="标准厂房(单位:亩)"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="parkingLot" label="总车位(单位:个)"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="productionLand" label="生产用地(单位:亩)"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="officeLand" label="办公用地(单位:亩)"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="greenVegetation" label="绿色植被(单位:亩)"></el-table-column>
       <el-table-column :show-overflow-tooltip="true" prop="infrastructure" label="基础设施"></el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="developmentArea" label="待开发区"></el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="developmentArea" label="待开发区(单位:亩)"></el-table-column>
       <el-table-column prop="businessType" label="业务类型"></el-table-column>
       <el-table-column prop="isEnable" label="是否启用">
         <template #default="scope">
@@ -213,17 +213,17 @@ init()
       <el-descriptions border>
         <el-descriptions-item min-width="200" label="ID">{{ currentRow?.id }}</el-descriptions-item>
         <el-descriptions-item min-width="200" label="园区介绍">{{ currentRow?.parkName }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="园区总面积">{{ currentRow?.totalArea }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="入企业">{{ currentRow?.enteredCompany }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="楼栋数量">{{ currentRow?.numberBuildings }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="园区人员">{{ currentRow?.parkPersonnel }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="标准厂房">{{ currentRow?.standardFactory }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="总车位">{{ currentRow?.parkingLot }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="生产用地">{{ currentRow?.productionLand }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="办公用地">{{ currentRow?.officeLand }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="绿色植被">{{ currentRow?.greenVegetation }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="园区总面积(单位:公顷)">{{ currentRow?.totalArea }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="入企业">{{ currentRow?.enteredCompany }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="已开发面积(单位:亩)">{{ currentRow?.numberBuildings }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="园区人员(单位:位)">{{ currentRow?.parkPersonnel }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="标准厂房(单位:亩)">{{ currentRow?.standardFactory }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="总车位(单位;个)">{{ currentRow?.parkingLot }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="生产用地(单位:亩)">{{ currentRow?.productionLand }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="办公用地(单位:亩)">{{ currentRow?.officeLand }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="绿色植被(单位:亩)">{{ currentRow?.greenVegetation }}</el-descriptions-item>
         <el-descriptions-item min-width="200" label="基础设施">{{ currentRow?.infrastructure }}</el-descriptions-item>
-        <el-descriptions-item min-width="200" label="待开发区">{{ currentRow?.developmentArea }}</el-descriptions-item>
+        <el-descriptions-item min-width="200" label="待开发区(单位:亩)">{{ currentRow?.developmentArea }}</el-descriptions-item>
         <el-descriptions-item min-width="200" label="业务类型">{{ currentRow?.businessType }}</el-descriptions-item>
         <el-descriptions-item min-width="200" label="是否启用">
           <el-tag :type="currentRow?.isEnable === 1 ? 'success' : 'danger'">
@@ -242,41 +242,41 @@ init()
       </el-descriptions>
     </el-dialog>
     <el-dialog v-model="editDialogVisible" title="编辑园区信息" width="50%">
-      <el-form :model="editForm" label-width="120px">
+      <el-form :model="editForm" label-width="180px">
         <el-form-item label="园区介绍">
-          <el-input v-model="editForm.parkName"></el-input>
+          <el-input type="textarea" v-model="editForm.parkName"></el-input>
         </el-form-item>
-        <el-form-item label="园区总面积">
+        <el-form-item label="园区总面积(单位:公顷)">
           <el-input v-model="editForm.totalArea"></el-input>
         </el-form-item>
-        <el-form-item label="入企业">
+        <el-form-item label="入企业">
           <el-input v-model="editForm.enteredCompany"></el-input>
         </el-form-item>
-        <el-form-item label="楼栋数量">
+        <el-form-item label="已开发面积(单位:亩)">
           <el-input v-model="editForm.numberBuildings"></el-input>
         </el-form-item>
-        <el-form-item label="园区人员">
+        <el-form-item label="园区人员(单位:位)">
           <el-input v-model="editForm.parkPersonnel"></el-input>
         </el-form-item>
-        <el-form-item label="标准厂房">
+        <el-form-item label="标准厂房(单位:亩)">
           <el-input v-model="editForm.standardFactory"></el-input>
         </el-form-item>
-        <el-form-item label="总车位">
+        <el-form-item label="总车位(单位;个)">
           <el-input v-model="editForm.parkingLot"></el-input>
         </el-form-item>
-        <el-form-item label="生产用地">
+        <el-form-item label="生产用地(单位:亩)">
           <el-input v-model="editForm.productionLand"></el-input>
         </el-form-item>
-        <el-form-item label="办公用地">
+        <el-form-item label="办公用地(单位:亩)">
           <el-input v-model="editForm.officeLand"></el-input>
         </el-form-item>
-        <el-form-item label="绿色植被">
+        <el-form-item label="绿色植被(单位:亩)">
           <el-input v-model="editForm.greenVegetation"></el-input>
         </el-form-item>
         <el-form-item label="基础设施">
           <el-input v-model="editForm.infrastructure"></el-input>
         </el-form-item>
-        <el-form-item label="待开发区">
+        <el-form-item label="待开发区(单位:亩)">
           <el-input v-model="editForm.developmentArea"></el-input>
         </el-form-item>
         <el-form-item label="业务类型">
@@ -311,41 +311,41 @@ init()
       </template>
     </el-dialog>
     <el-dialog v-model="addDialogVisible" title="新增园区信息" width="50%">
-      <el-form :model="addForm" label-width="120px">
+      <el-form :model="addForm" label-width="180px">
         <el-form-item label="园区介绍">
-          <el-input v-model="addForm.parkName"></el-input>
+          <el-input type="textarea" v-model="addForm.parkName"></el-input>
         </el-form-item>
-        <el-form-item label="园区总面积">
+        <el-form-item label="园区总面积(单位:公顷)">
           <el-input v-model="addForm.totalArea"></el-input>
         </el-form-item>
-        <el-form-item label="入企业">
+        <el-form-item label="入企业">
           <el-input v-model="addForm.enteredCompany"></el-input>
         </el-form-item>
-        <el-form-item label="楼栋数量">
+        <el-form-item label="已开发面积(单位:亩)">
           <el-input v-model="addForm.numberBuildings"></el-input>
         </el-form-item>
-        <el-form-item label="园区人员">
+        <el-form-item label="园区人员(单位:位)">
           <el-input v-model="addForm.parkPersonnel"></el-input>
         </el-form-item>
-        <el-form-item label="标准厂房">
+        <el-form-item label="标准厂房(单位:亩)">
           <el-input v-model="addForm.standardFactory"></el-input>
         </el-form-item>
-        <el-form-item label="总车位">
+        <el-form-item label="总车位(单位;个)">
           <el-input v-model="addForm.parkingLot"></el-input>
         </el-form-item>
-        <el-form-item label="生产用地">
+        <el-form-item label="生产用地(单位:亩)">
           <el-input v-model="addForm.productionLand"></el-input>
         </el-form-item>
-        <el-form-item label="办公用地">
+        <el-form-item label="办公用地(单位:亩)">
           <el-input v-model="addForm.officeLand"></el-input>
         </el-form-item>
-        <el-form-item label="绿色植被">
+        <el-form-item label="绿色植被(单位:亩)">
           <el-input v-model="addForm.greenVegetation"></el-input>
         </el-form-item>
         <el-form-item label="基础设施">
           <el-input v-model="addForm.infrastructure"></el-input>
         </el-form-item>
-        <el-form-item label="待开发区">
+        <el-form-item label="待开发区(单位:亩)">
           <el-input v-model="addForm.developmentArea"></el-input>
         </el-form-item>
         <el-form-item label="业务类型">