|
|
@@ -1,9 +1,9 @@
|
|
|
<script setup lang="ts">
|
|
|
-import { ref } from 'vue'
|
|
|
-import { ElDescriptions, ElDescriptionsItem, ElDialog, ElMessage, ElMessageBox, type UploadFile } from 'element-plus'
|
|
|
-import { clientDel, clientGet, clientPost, clientPut } from '@/utils/request.ts'
|
|
|
-import type { BaseResponse } from '@/utils/type.ts'
|
|
|
-import { getSuffix } from '@/utils/getSuffix.ts'
|
|
|
+import {ref} from 'vue'
|
|
|
+import {ElDescriptions, ElDescriptionsItem, ElDialog, ElMessage, ElMessageBox, type UploadFile} from 'element-plus'
|
|
|
+import {clientDel, clientGet, clientPost, clientPut} from '@/utils/request.ts'
|
|
|
+import type {BaseResponse} from '@/utils/type.ts'
|
|
|
+import {getSuffix} from '@/utils/getSuffix.ts'
|
|
|
|
|
|
interface IntroductItem {
|
|
|
id: string;
|
|
|
@@ -70,9 +70,9 @@ const initData: IntroductItem = {
|
|
|
|
|
|
const handleView = async (row: IntroductItem) => {
|
|
|
dialogVisible.value = true
|
|
|
- const res = await clientGet<null, IntroductItemResponse>('/park/parkInfo/getById',{
|
|
|
- params:{
|
|
|
- id:row.id
|
|
|
+ const res = await clientGet<null, IntroductItemResponse>('/park/parkInfo/getById', {
|
|
|
+ params: {
|
|
|
+ id: row.id
|
|
|
}
|
|
|
})
|
|
|
if (res.code !== 200) {
|
|
|
@@ -85,7 +85,7 @@ const editForm = ref<IntroductItem>(initData)
|
|
|
|
|
|
const handleEdit = (row: IntroductItem) => {
|
|
|
editDialogVisible.value = true
|
|
|
- editForm.value = { ...row }
|
|
|
+ editForm.value = {...row}
|
|
|
}
|
|
|
const handleAdd = async () => {
|
|
|
try {
|
|
|
@@ -209,21 +209,33 @@ init()
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <el-dialog v-model="dialogVisible" title="详情" width="80%" destroy-on-close>
|
|
|
+ <el-dialog v-model="dialogVisible" title="详情" width="80%" destroy-on-close top="50px">
|
|
|
<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?.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?.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?.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'">
|
|
|
@@ -233,7 +245,7 @@ init()
|
|
|
<el-descriptions-item min-width="200" label="附件">
|
|
|
<template #default>
|
|
|
<video v-if="getSuffix(currentRow?.filePath) === 'mp4'" :src="minioBaseUrl+currentRow?.filePath"
|
|
|
- controls="true" class="w-full h-full" autoplay="true" />
|
|
|
+ controls="true" class="w-full h-full" autoplay="true"/>
|
|
|
<el-link v-else :href="minioBaseUrl+currentRow?.filePath" type="primary" target="_blank">
|
|
|
{{ currentRow?.filePath }}
|
|
|
</el-link>
|
|
|
@@ -241,7 +253,7 @@ init()
|
|
|
</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
</el-dialog>
|
|
|
- <el-dialog v-model="editDialogVisible" title="编辑园区信息" width="50%">
|
|
|
+ <el-dialog v-model="editDialogVisible" title="编辑园区信息" width="50%" top="50px">
|
|
|
<el-form :model="editForm" label-width="180px">
|
|
|
<el-form-item label="园区介绍">
|
|
|
<el-input type="textarea" v-model="editForm.parkName"></el-input>
|
|
|
@@ -249,36 +261,49 @@ init()
|
|
|
<el-form-item label="园区总面积(单位:公顷)">
|
|
|
<el-input v-model="editForm.totalArea"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="入驻企业">
|
|
|
- <el-input v-model="editForm.enteredCompany"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="已开发面积(单位:亩)">
|
|
|
- <el-input v-model="editForm.numberBuildings"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="园区人员(单位:位)">
|
|
|
- <el-input v-model="editForm.parkPersonnel"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="标准厂房(单位:亩)">
|
|
|
- <el-input v-model="editForm.standardFactory"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="总车位(单位;个)">
|
|
|
- <el-input v-model="editForm.parkingLot"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="生产用地(单位:亩)">
|
|
|
- <el-input v-model="editForm.productionLand"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="办公用地(单位:亩)">
|
|
|
- <el-input v-model="editForm.officeLand"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <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-input v-model="editForm.developmentArea"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+ <el-form-item label="入驻企业">
|
|
|
+ <el-input v-model="editForm.enteredCompany"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="已开发面积(单位:亩)">
|
|
|
+ <el-input v-model="editForm.numberBuildings"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+ <el-form-item label="园区人员(单位:位)">
|
|
|
+ <el-input v-model="editForm.parkPersonnel"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="标准厂房(单位:亩)">
|
|
|
+ <el-input v-model="editForm.standardFactory"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+
|
|
|
+ <el-form-item label="总车位(单位;个)">
|
|
|
+ <el-input v-model="editForm.parkingLot"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="生产用地(单位:亩)">
|
|
|
+ <el-input v-model="editForm.productionLand"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+
|
|
|
+ <el-form-item label="办公用地(单位:亩)">
|
|
|
+ <el-input v-model="editForm.officeLand"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="绿色植被(单位:亩)">
|
|
|
+ <el-input v-model="editForm.greenVegetation"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+
|
|
|
+ <el-form-item label="基础设施">
|
|
|
+ <el-input v-model="editForm.infrastructure"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="待开发区(单位:亩)">
|
|
|
+ <el-input v-model="editForm.developmentArea"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
<el-form-item label="业务类型">
|
|
|
<el-input v-model="editForm.businessType"></el-input>
|
|
|
</el-form-item>
|
|
|
@@ -310,7 +335,7 @@ init()
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
- <el-dialog v-model="addDialogVisible" title="新增园区信息" width="50%">
|
|
|
+ <el-dialog v-model="addDialogVisible" title="新增园区信息" top="50px">
|
|
|
<el-form :model="addForm" label-width="180px">
|
|
|
<el-form-item label="园区介绍">
|
|
|
<el-input type="textarea" v-model="addForm.parkName"></el-input>
|
|
|
@@ -318,36 +343,46 @@ init()
|
|
|
<el-form-item label="园区总面积(单位:公顷)">
|
|
|
<el-input v-model="addForm.totalArea"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="入驻企业">
|
|
|
- <el-input v-model="addForm.enteredCompany"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="已开发面积(单位:亩)">
|
|
|
- <el-input v-model="addForm.numberBuildings"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="园区人员(单位:位)">
|
|
|
- <el-input v-model="addForm.parkPersonnel"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="标准厂房(单位:亩)">
|
|
|
- <el-input v-model="addForm.standardFactory"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="总车位(单位;个)">
|
|
|
- <el-input v-model="addForm.parkingLot"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="生产用地(单位:亩)">
|
|
|
- <el-input v-model="addForm.productionLand"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="办公用地(单位:亩)">
|
|
|
- <el-input v-model="addForm.officeLand"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <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-input v-model="addForm.developmentArea"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+ <el-form-item label="入驻企业">
|
|
|
+ <el-input v-model="addForm.enteredCompany"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="已开发面积(单位:亩)">
|
|
|
+ <el-input v-model="addForm.numberBuildings"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+ <el-form-item label="园区人员(单位:位)">
|
|
|
+ <el-input v-model="addForm.parkPersonnel"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="标准厂房(单位:亩)">
|
|
|
+ <el-input v-model="addForm.standardFactory"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+ <el-form-item label="总车位(单位;个)">
|
|
|
+ <el-input v-model="addForm.parkingLot"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="生产用地(单位:亩)">
|
|
|
+ <el-input v-model="addForm.productionLand"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+ <el-form-item label="办公用地(单位:亩)">
|
|
|
+ <el-input v-model="addForm.officeLand"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="绿色植被(单位:亩)">
|
|
|
+ <el-input v-model="addForm.greenVegetation"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content:space-between">
|
|
|
+ <el-form-item label="基础设施">
|
|
|
+ <el-input v-model="addForm.infrastructure"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="待开发区(单位:亩)">
|
|
|
+ <el-input v-model="addForm.developmentArea"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
<el-form-item label="业务类型">
|
|
|
<el-input v-model="addForm.businessType"></el-input>
|
|
|
</el-form-item>
|
丁烨烨
