|
- <template>
- <div class="app-container">
- <van-nav-bar
- left-arrow
- fixed
- placeholder
- @click-left="$router.back(-1)"
- >
- <template #title>
- <p style="font-weight: bold;">宅基地利用情况</p>
- </template>
- </van-nav-bar>
- <van-form @submit="onSubmit">
- <div class="main_box">
- <van-field
- readonly
- clickable
- name="picker"
- :value="value"
- label="宅基地代码"
- placeholder="请选择"
- @click="showPicker = true"
- input-align="right"
- right-icon="arrow-down"
- />
- <van-popup v-model="showPicker" position="bottom">
- <van-picker
- show-toolbar
- :columns="columns"
- @confirm="onConfirm"
- @cancel="showPicker = false"
- />
- </van-popup>
- <van-field
- readonly
- clickable
- name="picker"
- :value="value"
- label="宅基地利用情况"
- placeholder="请选择"
- @click="showPicker = true"
- input-align="right"
- right-icon="arrow-down"
- label-width="auto"
- />
- <van-popup v-model="showPicker" position="bottom">
- <van-picker
- show-toolbar
- :columns="columns"
- @confirm="onConfirm"
- @cancel="showPicker = false"
- />
- </van-popup>
- <van-field label="宅基地闲置原因" placeholder="闲置原因" input-align="right" label-width="auto"/>
- <van-field
- readonly
- clickable
- name="picker"
- :value="value"
- label="宅基地闲置起始时间"
- placeholder="宅基地闲置起始时间"
- @click="showPicker1 = true"
- input-align="right"
- right-icon="arrow-down"
- label-width="auto"
- />
- <van-popup v-model="showPicker1" position="bottom">
- <van-datetime-picker
- v-model="currentDate"
- type="date"
- title="选择年月日"
- :min-date="minDate"
- :max-date="maxDate"
- />
- </van-popup>
- <van-field
- readonly
- clickable
- name="picker"
- :value="value"
- label="调查事件"
- placeholder="调查事件"
- @click="showPicker1 = true"
- input-align="right"
- right-icon="arrow-down"
- label-width="auto"
- />
- <van-field label="备注" type="textarea" placeholder="请输入内容" input-align="right" label-width="auto"/>
- </div>
-
- <div style="padding: 16px 0;">
- <van-row>
- <van-col span="12" align="center">
- <van-button type="info" color="#B4B0B0" native-type="submit" class="submitButton">关闭</van-button>
- </van-col>
- <van-col span="12" align="center">
- <van-button type="info" native-type="submit" class="submitButton">保存</van-button>
- </van-col>
- </van-row>
- <div class="clear"></div>
- </div>
-
- </van-form>
- </div>
- </template>
-
- <script>
- export default {
- name: "circulationAdd",
- data() {
- return {
- value: '',
- columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'],
- showPicker: false,
- showPicker1: false,
- minDate: new Date(2020, 0, 1),
- maxDate: new Date(2025, 10, 1),
- currentDate: new Date(2021, 0, 17),
- findList:[]
- };
- },
- created() {
-
- },
- methods: {
- onConfirm(value) {
- this.value = value;
- this.showPicker = false;
- },
- },
- }
- </script>
-
- <style scoped lang="scss">
- .app-container {
- padding: 2% 0;
- }
- .main_title{
- font-size: 0.4rem;
- color: #1D6FE9;
- margin: 0.2rem 6%;
- position: relative;
- }
- .main_box{
- width: 96%;
- margin: 0 auto;
- border-radius: 6px;
- box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
- overflow: hidden;
- background-color: #FFF;
- }
- .submitButton{
- width: 80%;
- margin: 0 auto;
- background-color: #1D6FE9;
-
- }
- </style>
|