feat

sub-government-affairs-service/src/views/landManage/component/landsManage/common/CreateLand.vue

@@ -1,25 +1,29 @@
 <template>
-  <el-drawer v-model="visible" title="土地信息" :size="800">
+  <el-drawer v-model="_visible" title="土地信息" :size="800" @close="handleClose">
     <el-card>
       <div>基础信息</div>
-      <el-form :model="baseInfo" class="base_form">
+      <el-form :model="baseInfo" class="base_form" label-width="120px">
         <el-form-item label="土地名称" prop="landName">
           <el-input v-model="baseInfo.landName" placeholder="请输入名称"></el-input>
         </el-form-item>
-        <el-form-item label="所属网格">
+        <el-form-item label="所属网格" prop="gridName">
           <GridSelect />
         </el-form-item>
         <el-form-item label="用地分类" prop="LandType">
           <LandClassificationType v-model:value="baseInfo.landClassificationType" />
         </el-form-item>
-        <el-form-item label="位置">
+        <el-form-item label="位置" prop="villageCode">
           <el-input v-model="baseInfo.villageCode" placehodler="请输入"></el-input>
         </el-form-item>
-        <el-form-item label="是否土地流转">
+        <el-form-item label="是否土地流转" prop="isTransfer">
           <LandIsTranfer v-model:value="baseInfo.isTransfer" />
         </el-form-item>
-        <el-form-item label="面积"></el-form-item>
-        <el-form-item label="产权人" prop="owner"></el-form-item>
+        <el-form-item label="面积" prop="area">
+          <el-input v-model="baseInfo.area" placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="产权人" prop="owner">
+          <el-input v-model="baseInfo.owner" placeholder="请输入"></el-input>
+        </el-form-item>
         <el-form-item label="土壤类型">
           <LandType v-model:value="baseInfo.landType" />
         </el-form-item>
@@ -39,10 +43,17 @@ import GridSelect from '@/components/GridSelect.vue';
 import LandIsTranfer from '@/components/LandIsTranfer.vue';
 import LandType from '@/components/LandType.vue';
 
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+});
+const emit = defineEmits(['close']);
 /* --------------- data --------------- */
 // #region
 
-const visible = ref(true);
+const _visible = ref(false);
 const baseInfo = reactive({
   landName: '',
   gridName: '',
@@ -53,7 +64,12 @@ const baseInfo = reactive({
   owner: '',
   landType: '0',
 });
-
+watch(
+  () => props.visible,
+  () => {
+    _visible.value = props.visible;
+  }
+);
 watch(
   () => baseInfo,
   () => {
@@ -67,6 +83,9 @@ watch(
 function handleSubmit() {
   console.log('submit', baseInfo);
 }
+function handleClose() {
+  emit('close');
+}
 // #endregion
 </script>
 

sub-government-affairs-service/src/views/landManage/component/landsManage/index.vue

@@ -57,7 +57,7 @@
     </el-table>
     <Pagina :page-data="pageData" />
   </CustCard>
-  <CreateLand />
+  <CreateLand :visible="addFlag" @close="addFlag = false" />
 </template>
 
 <script setup>
@@ -73,6 +73,7 @@ onMounted(() => {
 
 /* --------------- data --------------- */
 // #region
+const addFlag = ref(false);
 const landsType = ref([
   {
     value: '0',
@@ -106,6 +107,7 @@ const btns = reactive([
     label: '新增土地',
     method: function () {
       console.log('add');
+      addFlag.value = true;
     },
   },
   {