fix

src/router.js

@@ -75,7 +75,15 @@ const routes = [
             title: '关闭房源'
         }
     },
-
+    {
+        path: '/followup',
+        name: 'followup',
+        component: () => import('./view/followup'),
+        meta: {
+            title: '跟进房源'
+        }
+    },
+    
     {
         path: '/editsecondhandhouse',
         name: '/editsecondhandhouse',

src/view/followup/index.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="closehouse">
+    <van-form @submit="onSubmit">
+      <van-field
+        v-model="state.id"
+        name="id"
+        label="房源编号"
+        readonly
+        placeholder="房源编号"
+      />
+      <van-field
+        v-model="state.building"
+        name="building"
+        label="所属楼盘"
+        readonly
+        placeholder="所属楼盘"
+       
+      />
+      <van-field
+        v-model="pickerState.value"
+        readonly
+        clickable
+        required
+        name="address"
+        label="跟进类型"
+        placeholder="跟进类型"
+        @click="pickerState.showPicker = true"
+        :rules="[{ required: true, message: '请选择跟进类型' }]"
+      />
+      <van-popup v-model:show="pickerState.showPicker" position="bottom">
+        <van-picker
+          :columns="columns"
+          @confirm="onConfirm"
+          @cancel="pickerState.showPicker = false"
+        />
+      </van-popup>
+      <!-- <van-field
+        v-model="state.building"
+        required
+        name="type"
+        label="关闭类型"
+        placeholder="请选择"
+        :rules="[{ required: true, message: '请填写密码' }]"
+      /> -->
+      <van-field
+        v-model="state.explain"
+        required
+        name="explain"
+        label="跟进描述"
+        placeholder="跟进描述"
+        rows="3"
+        autosize
+        type="textarea"
+        :rules="[{ required: true, message: '请填写跟进描述' }]"
+      />
+      <div style="margin: 16px;">
+        <van-button round block type="primary" native-type="submit">
+          提交
+        </van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+import { Form, Button, Field, Picker, Popup } from "vant";
+
+export default {
+  name: "closehouse",
+  components: {
+    [Form.name]: Form,
+    [Button.name]: Button,
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+    [Picker.name]: Picker,
+    // Secondhand:secondhand,
+  },
+  data() {
+    return {};
+  },
+  setup() {
+    const state = reactive({
+      id: "",
+      building: "",
+    });
+    const onSubmit = (values) => {
+      console.log("submit", values);
+    };
+
+    const pickerState = reactive({
+      value: "",
+      showPicker: false,
+    });
+    const columns = ["杭州", "宁波", "温州", "嘉兴", "湖州"];
+
+    const onConfirm = (value) => {
+      pickerState.value = value;
+      pickerState.showPicker = false;
+    };
+
+    return {
+      state,
+      pickerState,
+      columns,
+      onConfirm,
+      onSubmit,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped></style>