58 lines
1.5 KiB
Vue
58 lines
1.5 KiB
Vue
|
<template>
|
||
|
|
<el-drawer v-model="visible" title="土地信息" :size="800">
|
||
|
|
<el-card>
|
||
|
|
<div>基础信息</div>
|
||
|
|
<el-form :model="baseInfo">
|
||
|
|
<el-form-item label="土地名称">
|
||
|
|
<el-input v-model="baseInfo.landName" placeholder="请输入名称"></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="土地名称"></el-form-item>
|
||
|
|
<el-form-item label="土地名称"></el-form-item>
|
||
|
|
<el-form-item label="土地名称"></el-form-item>
|
||
|
|
<el-form-item label="土地名称"></el-form-item>
|
||
|
|
<el-form-item label="土地名称"></el-form-item>
|
||
|
|
<el-form-item label="土地名称"></el-form-item>
|
||
|
|
<el-form-item label="土地名称"></el-form-item>
|
||
|
|
<el-form-item label="土地名称"></el-form-item>
|
||
|
|
</el-form>
|
||
|
|
<LandType v-model:value="baseInfo.LandType" />
|
||
|
|
</el-card>
|
||
|
|
<el-card>
|
||
|
|
<div>土地产权信息</div>
|
||
|
|
</el-card>
|
||
|
|
<el-button @click="handleSubmit"></el-button>
|
||
|
|
</el-drawer>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { reactive, ref, watch } from 'vue';
|
||
|
|
import LandType from '@/components/LandType.vue';
|
||
|
|
|
||
|
|
/* --------------- data --------------- */
|
||
|
|
// #region
|
||
|
|
|
||
|
|
const visible = ref(true);
|
||
|
|
const baseInfo = reactive({
|
||
|
|
landName: '',
|
||
|
|
gridName: '',
|
||
|
|
LandType: 1,
|
||
|
|
});
|
||
|
|
|
||
|
|
watch(
|
||
|
|
() => baseInfo,
|
||
|
|
() => {
|
||
|
|
console.log('---', baseInfo);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
// #endregion
|
||
|
|
|
||
|
|
/* --------------- methods --------------- */
|
||
|
|
// #region
|
||
|
|
function handleSubmit() {
|
||
|
|
console.log('submit', baseInfo);
|
||
|
|
}
|
||
|
|
// #endregion
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|