fix

src/router.js

@@ -83,6 +83,14 @@ const routes = [
             title: '跟进房源'
         }
     },
+    {
+        path: '/lookRecord',
+        name: 'lookRecord',
+        component: () => import('./view/lookRecord'),
+        meta: {
+            title: '添加空看'
+        }
+    },
     
     {
         path: '/editsecondhandhouse',

src/view/lookRecord/index.vue

@@ -0,0 +1,127 @@
+<template>
+  <div class="lookrecord">
+    <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-datetime-picker
+          type="datetime"
+          @confirm="onConfirm"
+          @cancel="state.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: '请填写跟进描述' }]"
+      />
+
+      <van-field name="uploader" label="文件上传">
+  <template #input>
+    <van-uploader v-model="state.image" />
+  </template>
+</van-field>
+      <div style="margin: 16px;">
+        <van-button round block type="primary" native-type="submit">
+          提交
+        </van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+import { reactive, ref } from "vue";
+import { Form, Button, Field, Picker, Popup, DatetimePicker,Uploader } from "vant";
+
+export default {
+  name: "lookrecord",
+  components: {
+    [Form.name]: Form,
+    [Button.name]: Button,
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+    [Picker.name]: Picker,
+    [DatetimePicker.name]: DatetimePicker,
+    [Uploader.name]: Uploader,
+    
+    // Secondhand:secondhand,
+  },
+  data() {
+    return {};
+  },
+  setup() {
+    const state = reactive({
+      id: "",
+      building: "",
+      image:[],
+    });
+
+    const currentDate = ref(null);
+    const onSubmit = (values) => {
+      console.log("submit", values);
+    };
+
+    const pickerState = reactive({
+      value: "",
+      showPicker: false,
+    });
+    const columns = ["杭州", "宁波", "温州", "嘉兴", "湖州"];
+
+    const onConfirm = (value) => {
+      console.log(value,'value')
+      pickerState.value = value;
+      pickerState.showPicker = false;
+    };
+
+    return {
+      currentDate,
+      state,
+      pickerState,
+      columns,
+      onConfirm,
+      onSubmit,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped></style>