feats

package-lock.json

@@ -2190,6 +2190,11 @@
       "integrity": "sha1-0pHGpOl5ibXGHZrPOWrk/hM6cY0=",
       "dev": true
     },
+    "@zjxpcyc/vue-tiny-store": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/@zjxpcyc/vue-tiny-store/download/@zjxpcyc/vue-tiny-store-1.0.1.tgz",
+      "integrity": "sha1-nmfA8I6b3dgCvctUOijBgYHic5U="
+    },
     "accepts": {
       "version": "1.3.7",
       "resolved": "https://registry.npm.taobao.org/accepts/download/accepts-1.3.7.tgz",
@@ -2535,6 +2540,14 @@
       "integrity": "sha1-1h9G2DslGSUOJ4Ta9bCUeai0HFk=",
       "dev": true
     },
+    "axios": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npm.taobao.org/axios/download/axios-0.21.1.tgz?cache=0&sync_timestamp=1608611162952&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Faxios%2Fdownload%2Faxios-0.21.1.tgz",
+      "integrity": "sha1-IlY0gZYvTWvemnbVFu8OXTwJsrg=",
+      "requires": {
+        "follow-redirects": "^1.10.0"
+      }
+    },
     "babel-eslint": {
       "version": "10.1.0",
       "resolved": "https://registry.npm.taobao.org/babel-eslint/download/babel-eslint-10.1.0.tgz?cache=0&sync_timestamp=1611946213770&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-eslint%2Fdownload%2Fbabel-eslint-10.1.0.tgz",
@@ -5585,8 +5598,7 @@
     "follow-redirects": {
       "version": "1.13.3",
       "resolved": "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.13.3.tgz",
-      "integrity": "sha1-5VmK1QF0wbxOhyMB6CrCzZf5Amc=",
-      "dev": true
+      "integrity": "sha1-5VmK1QF0wbxOhyMB6CrCzZf5Amc="
     },
     "for-in": {
       "version": "1.0.2",

src/components/Shiro/index.vue

@@ -19,10 +19,12 @@ export default {
   setup(props) {
     const { permissions, getPermission } = useModel('shiro')
 
-    const show = computed(async () => {
+    const show = computed(() => {
       const permission = permissions[props.name]
       if (typeof permission !== 'boolean') {
-        return await getPermission(props.name)
+        // return await getPermission(props.name)
+        getPermission(props.name)
+        return false
       }
 
       return permission

src/components/contextC/index.vue

@@ -1,53 +1,67 @@
 <template>
   <div class="contextc">
-
-        <van-row>
-          <van-col v-for="(item,index) in options" :key="index" :span="item.span||12"  class="contextc-text">
-              <van-button v-if="item.type=='BUTTOM'" type="default" color="#d75e3a" size="mini" @click="item.click">默认按钮</van-button>
-              <span v-else> {{item.name}}: {{item.value}}</span>
-              
-              </van-col>
-          <!-- <van-col span="12" class="context-text">span: 8</van-col>
-          <van-col span="12" class="context-text">span: 8</van-col>
-          <van-col span="12" class="context-text">span: 8</van-col>
-          <van-col span="12" class="context-text">span: 8</van-col>
-          <van-col span="12" class="context-text">span: 8</van-col>
-          <van-col span="12" class="context-text">span: 8</van-col> -->
-        </van-row>
- 
+    <van-row>
+      <van-col
+        v-for="(item, index) in options"
+        :key="index"
+        :span="item.span || 12"
+        class="contextc-text"
+      >
+        <div>
+          <van-button
+            v-if="item.type == 'BUTTOM'"
+            type="default"
+            color="#d75e3a"
+            size="mini"
+            @click="item.click"
+            style="display:flex"
+            >{{item.name}}</van-button
+          >
+          <span v-else class="static" :class="{ 'contextc--required': item.required }">
+            {{ item.name }}: {{ item.value }}</span
+          >
+        </div>
+      </van-col>
+    </van-row>
   </div>
 </template>
 
 <script>
-import {Col,Row,Button } from 'vant'
+import { Col, Row, Button } from "vant";
 export default {
-  name: 'contextc',
-  components:{
-      [Row.name]: Row,
+  name: "contextc",
+  components: {
+    [Row.name]: Row,
     [Col.name]: Col,
     [Button.name]: Button,
-     
   },
   props: {
-    options:{
-        type:Array,
-        default: () => [],
-    }
+    options: {
+      type: Array,
+      default: () => [],
+    },
+    
   },
-  setup(){
-      return{}
-  }
-}
+  setup() {
+    return {};
+  },
+};
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style lang='less' scoped>
-.contextc{
-font-size: 13px;
-    color: #999;
-    &-text{
-        line-height: 24px;
-        display: flex;
-    }
+<style lang="less" scoped>
+.contextc {
+  font-size: 13px;
+  color: #999;
+  &-text {
+    line-height: 24px;
+    display: flex;
+  }
+  &--required::before {
+    left: 8px;
+    color: #ee0a24;
+    font-size: 14px;
+    content: "*";
+  }
 }
 </style>

src/components/editCompents/housetypeC/index.vue

@@ -0,0 +1,118 @@
+<template>
+  <div class="pickerc">
+    <!-- :modelValue="modelValue" -->
+    <van-field
+      :model="modelValue"
+      :name="name"
+      readonly
+      :label="label"
+      :placeholder="placeholder"
+      :required="required"
+    >
+      <template #input>
+        <div class="house-input" style="display: flex;">
+          <van-field v-model="state.value[0]" @update:model-value='e=>onchange(e,0)' type="number" class="text">
+            <template #extra>
+              <div>
+                室
+              </div>
+            </template>
+          </van-field>
+
+         <van-field v-model="state.value[1]" @update:model-value='e=>onchange(e,1)' type="number" class="text">
+            <template #extra>
+              <div>
+                厅
+              </div>
+            </template>
+          </van-field>
+          
+          <van-field v-model="state.value[2]" @update:model-value='e=>onchange(e,2)' type="number" class="text">
+            <template #extra>
+              <div>
+                厨
+              </div>
+            </template>
+          </van-field>
+          <van-field v-model="state.value[3]" @update:model-value='e=>onchange(e,3)' type="number" class="text">
+            <template #extra>
+              <div>
+                卫
+              </div>
+            </template>
+          </van-field>
+          <van-field v-model="state.value[4]" @update:model-value='e=>onchange(e,4)' type="number" class="text">
+            <template #extra>
+              <div>
+                阳台
+              </div>
+            </template>
+          </van-field>
+        </div>
+      </template>
+    </van-field>
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+import { Picker, Field, Popup } from "vant";
+
+export default {
+  name: "pickerc",
+  components: {
+    [Picker.name]: Picker,
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+  },
+  emits: ["update:modelValue"],
+  props: {
+    name: String,
+    modelValue: String,
+    label: String,
+    placeholder: {
+      type: String,
+      default: () => {
+        return "请选择";
+      },
+    },
+    required: Boolean,
+  },
+  setup(props, { emit }) {
+    console.log(props);
+    const state = reactive({ value: [] });
+
+    state.value = props.modelValue.split("/");
+
+    const onchange = (value,index) => {
+      state.value[index] = value;
+      console.log(value,index,emit)
+      emit("update:modelValue", state.value.join('/'));
+
+    };
+
+    return {
+      state,
+onchange,
+      
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less">
+.house-input {
+  display: flex;
+  input {
+    background-color: #eee;
+  }
+  .van-cell {
+    padding: 0;
+  }
+
+  .van-field__body {
+    background-color: #eee;
+  }
+}
+</style>

src/components/editCompents/index.js

@@ -0,0 +1,9 @@
+import Pickerc from './pickerC'
+import Housetypec from './housetypeC'
+import Ladderhousec from './ladderhouseC'
+export {
+    Pickerc,
+    Housetypec,
+
+    Ladderhousec
+};

src/components/editCompents/ladderhouseC/index.vue

@@ -0,0 +1,102 @@
+<template>
+  <div class="ladderhousec">
+    <!-- :modelValue="modelValue" -->
+    <van-field
+      :model="modelValue"
+      :name="name"
+      readonly
+      :label="label"
+      :placeholder="placeholder"
+      :required="required"
+    >
+      <template #input>
+        <div class="house-input" style="display: flex;">
+          <van-field v-model="state.value[0]" @update:model-value='e=>onchange(e,0)' type="number" class="text">
+            <template #extra>
+              <div>
+                梯
+              </div>
+            </template>
+          </van-field>
+
+         <van-field v-model="state.value[1]" @update:model-value='e=>onchange(e,1)' type="number" class="text">
+            <template #extra>
+              <div>
+                户
+              </div>
+            </template>
+          </van-field>
+          
+       
+        </div>
+      </template>
+    </van-field>
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+import { Picker, Field, Popup } from "vant";
+
+export default {
+  name: "ladderhousec",
+  components: {
+    [Picker.name]: Picker,
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+  },
+  emits: ["update:modelValue"],
+  props: {
+    name: String,
+    modelValue: String,
+    label: String,
+    placeholder: {
+      type: String,
+      default: () => {
+        return "请选择";
+      },
+    },
+    required: Boolean,
+  },
+  setup(props, { emit }) {
+    console.log(props);
+    const state = reactive({ value: [] });
+
+    state.value = props.modelValue.split("/");
+
+    const onchange = (value,index) => {
+      state.value[index] = value;
+      console.log(value,index,emit)
+      emit("update:modelValue", state.value.join('/'));
+
+    };
+
+    return {
+      state,
+onchange,
+      
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" >
+.ladderhousec{
+.house-input {
+  display: flex;
+  input {
+    background-color: #eee;
+    width: 40px;
+  }
+  .van-cell {
+    padding: 0;
+  }
+
+  .van-field__body {
+    background-color: #eee;
+  }
+}
+}
+
+</style>

src/components/editCompents/pickerC/index.vue

@@ -0,0 +1,94 @@
+<template>
+  <div class="pickerc">
+    <van-field
+      :modelValue="modelValue"
+      readonly
+      clickable
+      :label="label"
+      :placeholder="placeholder"
+      @click="state.showPicker = true"
+      :required="required"
+    />
+    <van-popup v-model:show="state.showPicker" round position="bottom">
+      <van-picker
+        :columns="columns"
+        @cancel="state.showPicker = false"
+        @confirm="onConfirm"
+      />
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+import { Picker, Field, Popup } from "vant";
+
+export default {
+  name: "pickerc",
+  components: {
+    [Picker.name]: Picker,
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+  },
+  emits: ["update:modelValue"],
+  props: {
+    modelValue: String,
+    columns: {
+      type: Array,
+      default: () => {
+        return [];
+      },
+    },
+    label: String,
+    placeholder: {
+      type: String,
+      default: () => {
+        return "请选择";
+      },
+    },
+    required:Boolean,
+  },
+  setup(props, { emit }) {
+    console.log(props);
+    const state = reactive({
+      showPicker: false,
+    });
+
+    const onConfirm = (value) => {
+      // state.value = value;
+      emit("update:modelValue", value);
+      state.showPicker = false;
+    };
+
+    return {
+      state,
+
+      onConfirm,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.pickerc {
+  width: 100%;
+
+  position: relative;
+  .van-swipe__indicators {
+    display: none;
+  }
+  &-tabs {
+    position: absolute;
+    bottom: 0px;
+    width: 100%;
+  }
+}
+.swiper .van-swipe-item {
+  /* color: #fff;
+  font-size: 20px;
+  line-height: 150px;
+  text-align: center;
+  background-color: #39a9ed; */
+}
+</style>

src/components/herderC/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="herderC">
+
+  </div>
+</template>
+
+<script>
+import {Col,Row,Button } from 'vant'
+export default {
+  name: 'herderC',
+  components:{
+      [Row.name]: Row,
+    [Col.name]: Col,
+    [Button.name]: Button,
+     
+  },
+  props: {
+    options:{
+        type:Array,
+        default: () => [],
+    }
+  },
+  setup(){
+      return{}
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang='less' scoped>
+.herderc{
+
+}
+</style>

src/layout/index.vue

@@ -1,9 +1,13 @@
 <template>
   <div class="layout">
-    <router-view />
+    <div>
+<router-view />
+    </div>
+    
 
     <van-tabbar route>
       <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
+       <van-tabbar-item replace to="/addhouse" icon="add-o">录入</van-tabbar-item>
       <van-tabbar-item replace to="/user" icon="user-o">我的</van-tabbar-item>
     </van-tabbar>
   </div>
@@ -21,11 +25,23 @@ export default {
   },
   data() {
     return {
-      msg: "222",
+     
     };
   },
 };
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped></style>
+<style scoped>
+
+.secondhand-main {
+  width: 100%;
+  height: calc(100vh - 142px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.secondhand-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+
+</style>

src/router.js

@@ -29,7 +29,13 @@ const routes = [{
                     title: '房源管理'
                 }
             },
-
+            {
+                path: '/addhouse',
+                component: () => import('./view/addhouse'),
+                meta: {
+                    title: '房源录入'
+                }
+            },
             {
                 name: 'user',
                 path: '/user',
@@ -48,6 +54,15 @@ const routes = [{
             title: '二手房详情'
         }
     },
+    {
+        path: '/renting/detail',
+        name: '/renting/detail',
+        component: () => import('./view/renting/detail'),
+        meta: {
+            title: '租房详情'
+        }
+    },
+    
     {
         path: '/closehouse',
         name: '/closehouse',
@@ -56,12 +71,29 @@ const routes = [{
             title: '关闭房源'
         }
     },
+
     {
-        path: '/edithouse',
-        name: '/edithouse',
+        path: '/editsecondhandhouse',
+        name: '/editsecondhandhouse',
         component: () => import('./view/secondhand/edithouse'),
         meta: {
-            title: '关闭房源'
+            title: '编辑房源'
+        }
+    },
+    {
+        path: '/editrenting',
+        name: '/editrenting',
+        component: () => import('./view/renting/edithouse'),
+        meta: {
+            title: '编辑房源'
+        }
+    },
+    {
+        path: '/resc',
+        name: '/resc',
+        component: () => import('./view/resc'),
+        meta: {
+            title: '实勘上传'
         }
     },
 

src/store/index.js

@@ -2,11 +2,13 @@ import createStore from '@zjxpcyc/vue-tiny-store'
 import loading from './models/loading'
 import shiro from './models/shiro'
 import dicts from './models/dicts'
+import user from './models/user'
 
 const store = createStore({
   loading,
   shiro,
   dicts,
+  user,
 })
 
 export default store

src/store/models/user.js

@@ -0,0 +1,27 @@
+import {
+    reactive
+} from "vue"
+import request from '../../utils/request'
+
+export default () => {
+    const user = reactive({})
+
+    const getUser = query => {
+
+        return request({
+            url: '/login',
+            params: query,
+        }).then(res => {
+            console.log(res, 'res')
+            //   permissions[x] = Boolean(res)
+            //   return permissions[x]
+
+            return res
+        })
+    }
+
+    return {
+        user,
+        getUser
+    }
+}

src/utils/plugins/shiro.js

@@ -1,15 +1,16 @@
 import { useModel } from '@zjxpcyc/vue-tiny-store'
 
 const shiro = {
-  install: (app, options) => {
-    const { permissions, getPermission } = useModel('shiro')
+  install: (app) => {
 
     const removeNode = el => el.parentNode.removeChild(el)
 
     app.directive('shiro', (el, binding) => {
+      
+    const { permissions, getPermission } = useModel('shiro')
       const permission = permissions[binding.value]
       if (typeof permission !== 'boolean') {
-        getPermission(props.name).then(x => {
+        getPermission(binding.value).then(x => {
           if (!x) {
             removeNode(el)
           }

src/utils/request/index.js

@@ -1,11 +1,18 @@
 import axios from 'axios'
-import { useModel } from '@zjxpcyc/vue-tiny-store'
+import {
+  router
+} from '../../router'
+import {
+  useModel
+} from '@zjxpcyc/vue-tiny-store'
 
 // request 拦截器
 const requestInterceptor = config => {
   if (config.loadingId) {
-    const { setLoading } = useModel('loading')
-    
+    const {
+      setLoading
+    } = useModel('loading')
+
     config.setLoading = loading => setLoading(config.loadingId, loading)
     config.setLoading(true)
   }
@@ -15,9 +22,13 @@ const requestInterceptor = config => {
 
 // response 拦截器
 const responseInterceptor = response => {
-  const { data, headers } = response
+  const {
+    data,
+    headers
+  } = response
   const contentType = headers['Content-Type'] || headers['content-type'] || ''
-  
+
+
   if (response.config.setLoading) {
     response.config.setLoading(false)
   }
@@ -27,6 +38,9 @@ const responseInterceptor = response => {
       return data.data
     } else if ('1' === data.code) {
       return Promise.reject('账号未登录或没有权限')
+    } else if ('-1' === data.code) {
+      router.push('/login')
+      return
     } else {
       return Promise.reject(data.message)
     }
@@ -37,14 +51,14 @@ const responseInterceptor = response => {
 }
 
 // 错误处理
-const handleError = type => error => {  
+const handleError = type => error => {
   if (error.config.setLoading) {
     error.config.setLoading(false)
   }
 
   if (error.response) {
     console.error(`[${type}]:`)
-    console.error(error.response)    
+    console.error(error.response)
   } else {
     const errorMessage = error.message || error.msg || error
     console.error(`[${type}] ${errorMessage}`)
@@ -65,4 +79,4 @@ const request = axios.create({
 request.interceptors.request.use(requestInterceptor, handleError('REQUEST'))
 request.interceptors.response.use(responseInterceptor, handleError('RESPONSE'))
 
-export default request
+export default request

src/view/addhouse/addrenting/index.vue

@@ -0,0 +1,347 @@
+<template>
+  <div class="addrenting ">
+    <div class="detailcard van-hairline--bottom">
+      <div class="detailcard-title">
+        <span>房源信息</span>
+      </div>
+    </div>
+
+    <div>
+      <van-form @submit="onSubmit">
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="标题"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写标题' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="22222"
+          label="选择楼盘"
+          required
+          :rules="[{ required: true, message: '请选择楼盘' }]"
+        >
+          <template #input>
+            <van-search
+              v-model="state.username"
+              style="pdding:0"
+              placeholder="请输入"
+            />
+          </template>
+        </van-field>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="朝向"
+          required
+        ></Pickerc>
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="栋号"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写栋号' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="单元"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写单元' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="楼层"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写楼层' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="总楼层"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写总楼层' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="房号"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写房号' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="业主姓名"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写业主姓名' }]"
+        />
+
+        <van-field v-model="state.checked" name="sex" label="业主姓别" required>
+          <template #input>
+            <van-radio-group v-model="state.checked" direction="horizontal">
+              <van-radio name="1">男</van-radio>
+              <van-radio name="0">女</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="业主电话"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写业主电话' }]"
+        />
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="来源"
+          required
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="出租方式"
+          required
+        ></Pickerc>
+
+        <van-field
+          v-model="state.username"
+          name="aaaa"
+          label="租金"
+          placeholder="请输入"
+          required
+          type="number"
+          :rules="[{ required: true, message: '请填写租金' }]"
+        >
+          <template #extra>
+            元/月
+          </template>
+        </van-field>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="装修"
+          required
+        ></Pickerc>
+
+        <van-field
+          v-model="state.username"
+          name="aaaa"
+          label="面积"
+          placeholder="请输入"
+          required
+          type="number"
+          :rules="[{ required: true, message: '请填写面积' }]"
+        >
+          <template #extra>
+            ㎡
+          </template>
+        </van-field>
+
+        <Housetypec
+          v-model="state.housetype"
+          name="housetype"
+          label="户型"
+          placeholder="请输入"
+          required
+        ></Housetypec>
+
+        <Pickerc v-model="state.username" name="title" label="隔断"></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="付款方式"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="居住现状"
+        ></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="卧室"></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="性别限制"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房屋特色"
+        ></Pickerc>
+        <Ladderhousec
+          v-model="state.username"
+          name="title"
+          label="楼户比例"
+          placeholder="请输入"
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        >
+        </Ladderhousec>
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="建筑类型"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房屋用途"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="抵押信息"
+        ></Pickerc>
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="建成年代"
+          placeholder="请输入"
+        />
+
+        <Pickerc v-model="state.username" name="title" label="电梯"></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="车位"></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="地下室"></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="物业费"></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="燃气"></Pickerc>
+        <Pickerc v-model="state.username" name="title" label="家电"></Pickerc>
+
+        
+
+        <div style="margin: 16px;">
+          <van-button round block type="primary" native-type="submit">
+            提交
+          </van-button>
+        </div>
+      </van-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+
+import {
+  Icon,
+  Popover,
+  Row,
+  Col,
+  Button,
+  steps,
+  step,
+  //   Dialog,
+  Form,
+  Field,
+  Search,
+  RadioGroup,
+  Radio,
+} from "vant";
+
+import {
+  Pickerc,
+  Housetypec,
+  Ladderhousec,
+} from "../../../components/editCompents";
+
+// import { router } from "../../../router";
+
+export default {
+  name: "addrenting",
+  components: {
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [Popover.name]: Popover,
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    [steps.name]: steps,
+    [step.name]: step,
+    [Form.name]: Form,
+    [Field.name]: Field,
+    [Search.name]: Search,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    Housetypec: Housetypec,
+    Pickerc: Pickerc,
+    Ladderhousec: Ladderhousec,
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const state = reactive({
+      username: "",
+      password: "",
+      checked: "1",
+      housetype: "",
+    });
+
+    // 房源信息
+
+    const onSubmit = (values) => {
+      console.log("submit", values, state);
+    };
+
+    return {
+      state,
+      onSubmit,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.addrenting {
+  text-align: left;
+}
+.secondhand-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+
+.detailcard {
+  min-height: 10px;
+
+  padding: 10px;
+  &-title {
+    font-size: 15px;
+    color: #d75e3a;
+    line-height: 30px;
+  }
+  &-context {
+    font-size: 13px;
+    color: #999;
+  }
+}
+
+.van-search {
+  padding: 0;
+}
+</style>

src/view/addhouse/addsecondhand/index.vue

@@ -0,0 +1,346 @@
+<template>
+  <div class="addsecondhand ">
+    <div class="detailcard van-hairline--bottom">
+      <div class="detailcard-title">
+        <span>房源信息</span>
+      </div>
+    </div>
+
+    <div>
+      <van-form @submit="onSubmit">
+        <van-field
+          v-model="state.username"
+          name="22222"
+          label="选择楼盘"
+          required
+          :rules="[{ required: true, message: '请选择楼盘' }]"
+        >
+          <template #input>
+            <van-search
+              v-model="state.username"
+              style="pdding:0"
+              placeholder="请输入"
+            />
+          </template>
+        </van-field>
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="栋号"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写栋号' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="单元"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写单元' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="楼层"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写楼层' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="总楼层"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写总楼层' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="房号"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写房号' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="标题"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写标题' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="aaaa"
+          label="面积"
+          placeholder="请输入"
+          required
+          type="number"
+          :rules="[{ required: true, message: '请填写面积' }]"
+        >
+          <template #extra>
+            ㎡
+          </template>
+        </van-field>
+        <van-field
+          v-model="state.username"
+          name="3333"
+          label="套内面积"
+          placeholder="请输入"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="总价"
+          placeholder="请输入"
+          type="number"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        >
+          <template #extra>
+            万元
+          </template></van-field
+        >
+
+        <!-- <van-field
+          v-model="state.username"
+          name="title"
+          label="户型"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        /> -->
+        <Housetypec
+          v-model="state.housetype"
+          name="housetype"
+          label="户型"
+          placeholder="请输入"
+          required
+        ></Housetypec>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="朝向"
+          required
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房源来源"
+          required
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="装修"
+          required
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="建筑类型"
+        ></Pickerc>
+        <Ladderhousec
+          v-model="state.username"
+          name="title"
+          label="楼户比例"
+          placeholder="请输入"
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        >
+        </Ladderhousec>
+        <!-- <van-field
+          v-model="state.username"
+          name="title"
+          label="楼户比例"
+          placeholder="请输入"
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        /> -->
+
+        <Pickerc v-model="state.username" name="title" label="电梯"></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="交易属性"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房屋用途"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="抵押信息"
+        ></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="税费"></Pickerc>
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="建成年代"
+          placeholder="请输入"
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="业主姓名"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写业主姓名' }]"
+        />
+
+        <van-field v-model="state.checked" name="sex" label="业主姓别" required>
+          <template #input>
+            <van-radio-group v-model="state.checked" direction="horizontal">
+              <van-radio name="1">男</van-radio>
+              <van-radio name="0">女</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="业主电话1"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写业主电话' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="业主电话1"
+          placeholder="请输入"
+       
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="业主电话1"
+          placeholder="请输入"
+         
+        />
+
+        <div style="margin: 16px;">
+          <van-button round block type="primary" native-type="submit">
+            提交
+          </van-button>
+        </div>
+      </van-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+
+import {
+  Icon,
+  Popover,
+  Row,
+  Col,
+  Button,
+  steps,
+  step,
+  //   Dialog,
+  Form,
+  Field,
+  Search,
+  RadioGroup,
+  Radio,
+} from "vant";
+
+import {
+  Pickerc,
+  Housetypec,
+  Ladderhousec,
+} from "../../../components/editCompents";
+
+// import { router } from "../../../router";
+
+export default {
+  name: "addsecondhand",
+  components: {
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [Popover.name]: Popover,
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    [steps.name]: steps,
+    [step.name]: step,
+    [Form.name]: Form,
+    [Field.name]: Field,
+    [Search.name]: Search,
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio,
+    Housetypec: Housetypec,
+    Pickerc: Pickerc,
+    Ladderhousec: Ladderhousec,
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const state = reactive({
+      username: "",
+      password: "",
+      checked: "1",
+      housetype: "",
+    });
+
+    // 房源信息
+
+    const onSubmit = (values) => {
+      console.log("submit", values, state);
+    };
+
+    return {
+      state,
+      onSubmit,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.addsecondhand {
+  text-align: left;
+}
+.secondhand-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+
+.detailcard {
+  min-height: 10px;
+
+  padding: 10px;
+  &-title {
+    font-size: 15px;
+    color: #d75e3a;
+    line-height: 30px;
+  }
+  &-context {
+    font-size: 13px;
+    color: #999;
+  }
+}
+
+.van-search {
+  padding: 0;
+}
+</style>

src/view/addhouse/index.vue

@@ -0,0 +1,48 @@
+<template>
+  <div class="addhouse">
+    <van-tabs v-model="active" background='#e6e4e4' color="#d75e3a" line-width='30%' title-active-color="#d75e3a">
+    <div class="addhouse-main">
+ <van-tab title="二手房"><Addsecondhand /></van-tab>
+      <van-tab title="租房"> <Addrenting /></van-tab>
+    </div>
+     
+    </van-tabs>
+
+    
+  </div>
+</template>
+
+<script>
+// import Vue from 'vue';
+import { Tab, Tabs } from 'vant';
+import  Addsecondhand  from './addsecondhand';
+import  Addrenting  from './addrenting';
+
+export default {
+  name: "addhouse",
+   components: {
+    [Tab.name]: Tab,
+    [Tabs.name]: Tabs,
+    Addsecondhand:Addsecondhand,
+    Addrenting:Addrenting,
+  },
+  data() {
+    return {
+      msg: "222",
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+
+.addhouse-main {
+  width: 100%;
+  height: calc(100vh - 94px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.addhouse-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}</style>

src/view/home/index.vue

@@ -1,29 +1,38 @@
 <template>
   <div class="home">
-    <van-tabs v-model="active" background='#e6e4e4' color="#d75e3a" line-width='30%' title-active-color="#d75e3a">
-      <van-tab title="二手房"><Secondhand/></van-tab>
-      <van-tab title="租房"> 34</van-tab>
+    <van-tabs
+      v-model:active="active"
+      background="#e6e4e4"
+      color="#d75e3a"
+      line-width="30%"
+      title-active-color="#d75e3a"
+    >
+      <van-tab title="二手房"><Secondhand /></van-tab>
+      <van-tab title="租房"> <Renting /></van-tab>
     </van-tabs>
-
-    
   </div>
 </template>
 
 <script>
-// import Vue from 'vue';
-import { Tab, Tabs } from 'vant';
-import  secondhand  from '../secondhand';
+import { ref } from "vue";
+import { Tab, Tabs } from "vant";
+import secondhand from "../secondhand";
+import renting from "../renting";
+
 export default {
   name: "home",
-   components: {
+  components: {
     [Tab.name]: Tab,
     [Tabs.name]: Tabs,
-    Secondhand:secondhand,
+    Secondhand: secondhand,
+    Renting: renting,
   },
   data() {
-    return {
-      msg: "222",
-    };
+    return {};
+  },
+  setup() {
+    const active = ref(1);
+    return { active };
   },
 };
 </script>

src/view/login/index.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="login">
     <p>经纪人平台</p>
-    <div class="login-from"> 
+    <div class="login-from">
       <van-form @submit="onSubmit">
         <van-field
-          v-model="username"
-          name="username"
+          v-model="loginName"
+          name="loginName"
           label=" "
           :left-icon="usericon"
-          label-width='20'
+          label-width="20"
           placeholder="请输入账号"
         />
         <van-field
@@ -16,11 +16,11 @@
           type="password"
           name="password"
           label=" "
-          label-width='20'
+          label-width="20"
           :left-icon="passwordicon"
           placeholder="请输入密码"
         />
-        <van-field name="remember" :border="false">
+        <van-field :border="false">
           <template #input>
             <van-checkbox shape="square" v-model="remember"
               >记住密码</van-checkbox
@@ -43,11 +43,13 @@
 </template>
 
 <script>
-// import Vue from 'vue';
+import { reactive } from "vue";
 import { Form, Button, Field, checkbox } from "vant";
+import { useRouter } from "vue-router";
+
 import usericon from "./../../assets/user.png";
 import passwordicon from "./../../assets/password.png";
-
+import request from "../../utils/request";
 export default {
   name: "login",
   components: {
@@ -60,17 +62,37 @@ export default {
     return {
       usericon,
       passwordicon,
-      username: "",
-      password: "",
+      loginName: null,
+      password: null,
       remember: true,
     };
   },
-  methods: {
-    onSubmit(values) {
-      console.log("submit", values);
+  methods: {},
+
+  setup() {
+    const state = reactive({});
+    const router = useRouter();
+    const onSubmit = (values) => {
+      console.log(values.loginName && values.password, "submit", values);
+      if (values.loginName && values.password) {
+        request({
+          url: "/login",
+          params: values,
+        }).then((res) => {
+          console.log(res, "res");
 
-      this.$router.push('home')
-    },
+          router.push("/home");
+        });
+
+      
+      }
+    
+    };
+
+    return {
+      state,
+      onSubmit,
+    };
   },
 };
 </script>
@@ -80,15 +102,14 @@ export default {
 .login {
   width: 100%;
   padding-top: 15vh;
-  &-from{
+  &-from {
     width: 80%;
-margin: auto;
-     .loginbutton {
-    background: #d7693a;
-    color: #fff;
-    letter-spacing: 6px;
-  }
+    margin: auto;
+    .loginbutton {
+      background: #d7693a;
+      color: #fff;
+      letter-spacing: 6px;
+    }
   }
- 
 }
 </style>

src/view/renting/components/edithouse/index.vue

@@ -0,0 +1,250 @@
+<template>
+  <div class="secondhanddetail ">
+    <div class="detailcard van-hairline--bottom">
+      <div class="detailcard-title">
+        <span>基础信息</span>
+      </div>
+      <Contextc :options="baseInformationOptions"></Contextc>
+    </div>
+
+    <div>
+      <van-form @submit="onSubmit">
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="标题"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写标题' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="aaaa"
+          label="面积"
+          placeholder="请输入"
+          required
+          type="number"
+          :rules="[{ required: true, message: '请填写面积' }]"
+        >
+          <template #extra>
+            ㎡
+          </template>
+        </van-field>
+        <van-field
+          v-model="state.username"
+          name="3333"
+          label="套内面积"
+          placeholder="请输入"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="户型"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="楼户比例"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="装修"
+          required
+        ></Pickerc>
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="总价"
+          placeholder="请输入"
+          type="number"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        >
+          <template #extra>
+            万元
+          </template></van-field
+        >
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="朝向"
+          required
+        ></Pickerc>
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房源来源"
+          required
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="建筑类型"
+        ></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="电梯"></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="交易属性"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房屋用途"
+        ></Pickerc>
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="建成年代"
+          placeholder="请输入"
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="抵押信息"
+        ></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="税费"></Pickerc>
+
+        <div style="margin: 16px;">
+          <van-button round block type="primary" native-type="submit">
+            提交
+          </van-button>
+        </div>
+      </van-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+
+import {
+  Icon,
+  Popover,
+  Row,
+  Col,
+  Button,
+  steps,
+  step,
+  //   Dialog,
+  Form,
+  Field,
+} from "vant";
+import Contextc from "../../../components/contextC";
+import { Pickerc } from "../../../components/editCompents";
+
+// import { router } from "../../../router";
+
+export default {
+  name: "secondhanddetail",
+  components: {
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [Popover.name]: Popover,
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    [steps.name]: steps,
+    [step.name]: step,
+    [Form.name]: Form,
+    [Field.name]: Field,
+    Pickerc: Pickerc,
+    Contextc: Contextc,
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const state = reactive({
+      username: "",
+      password: "",
+    });
+
+    // 房源信息
+    const baseInformationOptions = [
+      {
+        name: "房源编号",
+        value: "123",
+      },
+      {
+        name: "楼盘名称",
+        value: "123",
+      },
+      {
+        name: "楼盘地址",
+        value: "123",
+        span: 24,
+      },
+      {
+        name: "栋号",
+        value: "123",
+        required: true,
+      },
+      {
+        name: "单元",
+        value: "123",
+        required: true,
+      },
+      {
+        name: "楼层",
+        value: "123",
+        required: true,
+      },
+      {
+        name: "房号",
+        value: "123",
+        required: true,
+      },
+    ];
+
+    const onSubmit = (values) => {
+      console.log("submit", values);
+    };
+
+    return {
+      state,
+      onSubmit,
+      baseInformationOptions,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.secondhanddetail {
+  text-align: left;
+}
+.secondhand-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+
+.detailcard {
+  min-height: 10px;
+  border-top: 1px solid #5b6b73;
+  padding: 10px;
+  &-title {
+    font-size: 15px;
+    color: #d75e3a;
+    line-height: 30px;
+  }
+  &-context {
+    font-size: 13px;
+    color: #999;
+  }
+}
+</style>

src/view/renting/components/rentingcard/index.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="secondhandcard">
+    <div class="card" >
+      <div class="card-left">
+        <van-image
+          width="120"
+          height="96"
+          src="https://img.yzcdn.cn/vant/cat.jpeg"
+        />
+      </div>
+      <div class="card-right">
+        <p class="card-right-1">
+          <span style="font-size:16px;color:#101010;font-weight:500"
+            >楼盘名称</span
+          ><span style="font-size:12px;color:#AEAEAE;">在租</span>
+        </p>
+        <p class="card-right-2">三室一厅 107.1㎡ 6/6层 南北</p>
+        <p class="card-right-2">录入时间：</p>
+        <p class="card-right-2">录入人</p>
+        <!-- <p class="card-right-2">维护人</p> -->
+        <div class="card-right-end" style="margin-top:6px">
+          <van-tag class="card-right-end-tag" type="primary">标签</van-tag>
+          <van-tag class="card-right-end-tag" type="primary">标签</van-tag>
+          <van-tag class="card-right-end-tag" type="primary">标签</van-tag>
+        </div>
+
+        <div class="card-right-price">
+          <p>1233万元</p>
+          <p>整租</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { cell, Image as VanImage, Tag } from "vant";
+
+export default {
+  name: "secondhandcard",
+  components: {
+    [cell.name]: cell,
+    [VanImage.name]: VanImage,
+    [Tag.name]: Tag,
+  },
+  props: {
+    datas: {},
+  },
+  data() {
+    return {};
+  },
+  mounted() {},
+
+  setup() {
+
+
+   const toDetail = ()=>{
+console.log('222')
+   }
+
+   return {
+     toDetail,
+   }
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.card {
+  //   height: 200px;
+
+border-bottom:1px solid #DCDCDC;
+
+  display: flex;
+  padding: 10px;
+  text-align: left;
+  &-left {
+    width: 130px;
+    padding: 5px;
+  }
+  &-right {
+    flex: 1;
+    position: relative;
+    &-1 {
+      margin: 0;
+      display: flex;
+      justify-content: space-between;
+
+      align-items: flex-end;
+    }
+    &-2 {
+      margin: 0;
+      font-size: 12px;
+      color: #aeaeae;
+      margin-top: 2px;
+    }
+    &-end {
+      &-tag {
+        margin-right: 3px;
+      }
+    }
+    &-price{
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        color: #ff9800;
+        p{
+            margin: 0;
+        }
+    }
+  }
+}
+</style>

src/view/renting/components/rentingmorescreen/index.vue

@@ -0,0 +1,233 @@
+<template>
+  <div class="secondhandmorescreen">
+    <van-search
+      v-model="serchValue"
+      placeholder="请输入搜索关键词"
+      :actions="searchActions"
+      @select="onSearchSelect"
+    >
+      <template #label>
+        <van-popover
+          v-model:show="showPopover"
+          :actions="searchActions"
+          @select="onSearchSelect"
+        >
+          <template #reference>
+            <span style="width: 65px;">{{ searchType }}</span>
+          </template>
+        </van-popover>
+      </template>
+      <template #left>
+        <van-icon name="revoke" style="margin-right: 20px;" />
+      </template>
+    </van-search>
+
+    <div>
+      <van-form @submit="onSubmit">
+        <van-cell-group title="区位">
+          <AreaQuery name="area.b" label=""></AreaQuery>
+        </van-cell-group>
+        <van-cell-group title="房间要求">
+          <van-field name="number">
+            <template #input>
+              <DemandQuery></DemandQuery>
+            </template>
+          </van-field>
+        </van-cell-group>
+        <van-cell-group title="户型">
+          <CheeckButtomQuery
+            v-model="state.housetype"
+            :options="housetypeoptions"
+          ></CheeckButtomQuery>
+        </van-cell-group>
+        <van-cell-group title="装修">
+          <CheeckButtomQuery
+            v-model="state.renovation"
+            :options="housetypeoptions"
+          ></CheeckButtomQuery>
+        </van-cell-group>
+        <van-cell-group title="房源状态">
+          <CheeckButtomQuery
+            v-model="state.housetype"
+            :options="housetypeoptions"
+          ></CheeckButtomQuery>
+        </van-cell-group>
+        <van-cell-group title="实勘状态">
+          <CheeckButtomQuery
+            v-model="state.housetype"
+            :options="housetypeoptions"
+          ></CheeckButtomQuery>
+        </van-cell-group>
+        <van-cell-group title="房间位置">
+          <PositionQuery></PositionQuery>
+        </van-cell-group>
+
+        <div style="margin-top: 16px;">
+          <van-action-bar style="position: inherit;">
+            <van-action-bar-icon
+              icon="replay"
+              text="重置"
+              @click="onClickIcon"
+            />
+
+            <van-action-bar-button
+              type="danger"
+              text="确定"
+              native-type="submit"
+            />
+          </van-action-bar>
+          <!-- <van-row justify="center">
+            <van-col span="6">
+              <van-button block icon="replay" type="primary"
+                >重置</van-button
+              ></van-col
+            >
+            <van-col span="18">
+              <van-button round block type="primary" native-type="submit"
+                >确定</van-button
+              ></van-col
+            >
+          </van-row> -->
+        </div>
+      </van-form>
+    </div>
+
+
+ 
+  </div>
+</template>
+
+<script>
+import { reactive, ref } from "vue";
+import {
+  Col,
+  Row,
+  Search,
+  Cell,
+  CellGroup,
+  Field,
+  Popup,
+  Cascader,
+  Button,
+  Form,
+  ActionBar,
+  ActionBarIcon,
+  ActionBarButton,
+  Icon,
+  Popover,
+} from "vant";
+import {
+  AreaQuery,
+  DemandQuery,
+  CheeckButtomQuery,
+  PositionQuery,
+} from "../../../../components/queryCompents";
+
+export default {
+  name: "secondhandmorescreen",
+  components: {
+    [Col.name]: Col,
+    [Row.name]: Row,
+    [Search.name]: Search,
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup,
+    [Field.name]: Field,
+    [Popup.name]: Popup,
+    [Cascader.name]: Cascader,
+    [Button.name]: Button,
+    [Form.name]: Form,
+    [ActionBar.name]: ActionBar,
+    [ActionBarIcon.name]: ActionBarIcon,
+    [ActionBarButton.name]: ActionBarButton,
+    [Icon.name]: Icon,
+    [Popover.name]: Popover,
+
+    AreaQuery,
+    DemandQuery,
+    CheeckButtomQuery,
+    PositionQuery,
+  },
+  props: {
+    // options: [],
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const state = reactive({
+      housetype: [],
+      renovation: [],
+    });
+    const serchValue = ref("");
+    const searchType = ref("楼盘");
+    const showPopover = ref(false);
+     const phoneShow = ref(false);
+
+    // 通过 actions 属性来定义菜单选项
+    const searchActions = [
+      { text: "楼盘", value: "1" },
+      { text: "房源", value: "2" },
+      { text: "业主电话", value: "3" },
+    ];
+    const onSearchSelect = (action) => {
+      console.log("housetypeChange", action);
+
+      searchType.value = action.text;
+    };
+
+    const onHousetypeChange = (values) => {
+      console.log("housetypeChange", values);
+
+      state.housetype = values;
+    };
+    const onSubmit = (values) => {
+      console.log(state, "submit", values);
+    };
+
+    const housetypeoptions = [
+      {
+        title: "1室",
+        value: "a",
+      },
+      {
+        title: "2室",
+        value: "b",
+      },
+      {
+        title: "3室",
+        value: "c",
+      },
+      {
+        title: "3室及以上",
+        value: "d",
+      },
+      {
+        title: "全部",
+        value: "all",
+      },
+    ];
+
+    return {
+      phoneShow,
+      serchValue,
+      searchType,
+      state,
+      onSubmit,
+      housetypeoptions,
+      onHousetypeChange,
+      showPopover,
+      searchActions,
+      onSearchSelect,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.secondhandmorescreen {
+  text-align: left;
+  background-color: #f4f4f4;
+}
+</style>

src/view/renting/components/rentingscreen.vue

@@ -0,0 +1,136 @@
+<template>
+  <div class="secondhandscreen">
+    <van-row style="box-shadow: 0 2px 12px rgba(100,101,102,.12);">
+      <van-col span="18">
+        <van-dropdown-menu>
+          <van-dropdown-item
+            v-for="item in options"
+            :key="item.id"
+            :title="item.title"
+            v-model="item.value"
+            :options="item.option"
+          />
+        </van-dropdown-menu>
+      </van-col>
+      <van-col span="6"
+        ><van-cell
+          class="more"
+          title="更多"
+          title-class="more-title"
+          @click="onMore"
+      /></van-col>
+    </van-row>
+
+    
+  </div>
+</template>
+
+<script>
+
+
+import { DropdownMenu, DropdownItem, row, col, cell } from "vant";
+
+export default {
+  name: "secondhandscreen",
+  components: {
+    [cell.name]: cell,
+    // [popup.name]: popup,
+    [row.name]: row,
+    [col.name]: col,
+    [DropdownMenu.name]: DropdownMenu,
+    [DropdownItem.name]: DropdownItem,
+  },
+  props: {
+    options: [],
+  },
+  data() {
+    return {
+      overlayStyle: {
+        top: "88px",
+        position: "absolute",
+      },
+      popupStyle: {
+        top: "88px",
+        minHeight: "200px",
+      },
+      value: "0",
+      //   options: [
+      //     {
+      //       id: 0,
+      //       value: 0,
+      //       title: "区域",
+      //       option: [
+      //         { text: "全部商品", value: 0 },
+      //         { text: "新款商品", value: 1 },
+      //         { text: "活动商品", value: 2 },
+      //       ],
+      //     },
+      //     {
+      //       id: 2,
+      //       value: "a",
+      //       title: "价格",
+      //       option: [
+      //         { text: "默认排序", value: "a" },
+      //         { text: "好评排序", value: "b" },
+      //         { text: "销量排序", value: "c" },
+      //       ],
+      //     },
+      //     {
+      //       id: 3,
+      //       value: "a",
+      //       title: "户型",
+      //       mode:'multiple',
+      //       option: [
+      //         { text: "默认排序", value: "a" },
+      //         { text: "好评排序", value: "b" },
+      //         { text: "销量排序", value: "c" },
+      //       ],
+      //     },
+      //   ],
+    };
+  },
+  mounted() {},
+
+  setup(props,cex) {
+
+    const onMore=()=>{
+      console.log(props,cex,'3332')
+      cex.emit('onShowMore',333)
+      
+    }
+
+
+    return {
+    
+      onMore,
+      // options,
+      // onConfirm,
+      props
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.more {
+  height: 48px;
+  display: flex;
+  /* padding: 0; */
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  cursor: pointer;
+  color: #323233;
+  &-title {
+    position: relative;
+    box-sizing: border-box;
+    max-width: 100%;
+    padding: 0 8px;
+    color: #323233;
+    font-size: 15px;
+    line-height: 22px;
+  }
+}
+</style>

src/view/renting/detail/index.vue

@@ -0,0 +1,499 @@
+<template>
+  <div class="secondhanddetail">
+    <div>
+      <Swiper></Swiper>
+    </div>
+
+    <div class="title">
+      <p>TITLE</p>
+    </div>
+
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>房源信息</span>
+
+        <div style="float:right">
+          <van-popover
+            v-model:show="showPopover"
+            :actions="actions"
+            @select="onSelect"
+            placement="bottom-end"
+          >
+            <template #reference>
+              <van-icon name="chat-o" />
+            </template>
+          </van-popover>
+        </div>
+      </div>
+      <Contextc :options="housingInformationOptions"></Contextc>
+    </div>
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>基础信息</span>
+      </div>
+      <Contextc :options="baseInformationOptions"></Contextc>
+    </div>
+    <!-- <div class="detailcard">
+      <div class="detailcard-title">
+        <span>物业信息</span>
+      </div>
+      <Contextc :options="propertyInformationOptions"></Contextc>
+    </div> -->
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>角色人</span>
+      </div>
+      <Contextc :options="roleInformationOptions"></Contextc>
+    </div>
+    <!-- <div class="detailcard">
+      <div class="detailcard-title">
+        <span>委托书</span>
+      </div>
+      <Contextc :options="entrustOptions" nodata=""></Contextc>
+    </div> -->
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <span>钥匙</span>
+      </div>
+      <Contextc :options="keyOptions" nodata=""></Contextc>
+    </div>
+
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <van-row>
+          <van-col span="12"> <span>跟进记录</span></van-col>
+          <van-col span="12" style="line-height:26px;display: flex;">
+            <van-button type="default" color="#d75e3a" size="mini"
+              >添加跟进</van-button
+            ></van-col
+          >
+        </van-row>
+      </div>
+      <div>
+        <Stepc></Stepc>
+      </div>
+    </div>
+
+    <div class="detailcard">
+      <div class="detailcard-title">
+        <van-row>
+          <van-col span="12"> <span>空看记录</span></van-col>
+          <van-col span="12" style="line-height:26px;display: flex;">
+            <van-button type="default" color="#d75e3a" size="mini"
+              >添加空看</van-button
+            ></van-col
+          >
+        </van-row>
+      </div>
+      <div>
+        <Stepc></Stepc>
+      </div>
+    </div>
+
+    <van-share-sheet
+      v-model:show="showShare"
+      title="立即分享给好友"
+      :options="shareOptions"
+      @select="onShareSelect"
+    />
+
+    <van-dialog v-model:show="phoneShow" title="新增电话" show-cancel-button>
+     <van-field v-model="phone" type="tel" label="业主电话" placeholder="请输入电话" />
+    </van-dialog>
+  </div>
+</template>
+
+<script>
+import { ref } from "vue";
+import { Swiper } from "../../../components/detailCompents";
+import {
+  Icon,
+  Popover,
+  Row,
+  Col,
+  Button,
+  steps,
+  step,
+  Dialog,
+  ShareSheet,
+  Toast,
+  Field,
+} from "vant";
+import Contextc from "../../../components/contextC";
+import Stepc from "../../../components/stepC";
+import { router } from "../../../router";
+
+export default {
+  name: "secondhanddetail",
+  components: {
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [Popover.name]: Popover,
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    [steps.name]: steps,
+    [step.name]: step,
+    [ShareSheet.name]: ShareSheet,
+     [Field.name]: Field,
+     [Dialog.Component.name]: Dialog.Component,
+
+    Stepc: Stepc,
+    Contextc: Contextc,
+    Swiper: Swiper,
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const showPopover = ref(false);
+    const showShare = ref(false);
+    const phoneShow = ref(false);
+     const phone = ref('');
+
+    // 通过 actions 属性来定义菜单选项
+    const actions = [
+      // { text: "设置房源保护", value: "1" },
+      { text: "新增业主电话", value: "2" },
+      { text: "下架房源", value: "3" },
+      { text: "修改房源", value: "4" },
+      // { text: "认领房源", value: "5" },
+      { text: "房源实勘", value: "6" },
+    ];
+    // 设为房源保护后，只有录入人、同部门的上级以及上级部门的上级可以看到房源敏感信息。
+    const onSelect = (action) => {
+      console.log(action);
+      if (action.value == 1) {
+        // 设置房源保护
+        Dialog.confirm({
+          title: "提示",
+          message:
+            "设为房源保护后，只有录入人、同部门的上级以及上级部门的上级可以看到房源敏感信息。",
+          theme: "round-button",
+        })
+          .then(() => {
+            // on close
+          })
+          .catch(() => {
+            // on cancel
+          });
+      } else if (action.value == 2) {
+        // 新增业主电话
+        phoneShow.value = true;
+      } else if (action.value == 3) {
+        // 下架房源
+
+        router.push("/closehouse");
+      } else if (action.value == 4) {
+        // 修改房源
+        router.push("/editrenting");
+      } else if (action.value == 5) {
+        // 分享房源
+        showShare.value = true;
+      } else if (action.value == 6) {
+        // 房源实勘
+        router.push("/resc");
+      }
+    };
+    const onLookClick = () => {
+      console.log("onLookClick");
+    };
+
+    // 房源信息
+    const housingInformationOptions = [
+      {
+        name: "所属楼盘",
+        value: "123",
+        span: 24,
+      },
+      {
+        name: "房源id",
+        value: "123",
+      },
+      {
+        name: "租金",
+        value: "123",
+      },
+      {
+        name: "装修",
+        value: "123",
+      },
+      {
+        name: "出租方式",
+        value: "123",
+      },
+      {
+        name: "居室",
+        value: "123",
+      },
+      {
+        name: "付款方式",
+        value: "123",
+      },
+      {
+        name: "楼房号",
+        value: "123",
+      },
+      {
+        name: "单元",
+        value: "123",
+      },
+      {
+        name: "业主姓名",
+        value: "123",
+      },
+      {
+        name: "楼栋",
+        value: "123",
+      },
+      {
+        name: "业主电话",
+        value: "123",
+      },
+      {
+        name: "查看敏感信息",
+        value: "123",
+        type: "BUTTOM",
+        click: () => onLookClick(),
+      },
+    ];
+    // 基本信息
+    const baseInformationOptions = [
+      {
+        name: "楼层",
+        value: "123",
+      },
+      {
+        name: "朝向",
+        value: "123",
+      },
+      {
+        name: "居住现状",
+        value: "123",
+      },
+      {
+        name: "卧室",
+        value: "123",
+      },
+      {
+        name: "性别限制",
+        value: "123",
+      },
+      {
+        name: "建筑类型",
+        value: "123",
+      },
+      {
+        name: "抵押信息",
+        value: "123",
+      },
+      {
+        name: "建成年代",
+        value: "123",
+      },
+      {
+        name: "物业费",
+        value: "123",
+      },
+      {
+        name: "配备电梯",
+        value: "123",
+      },
+        {
+        name: "车位",
+        value: "123",
+      },
+        {
+        name: "地下室",
+        value: "123",
+      },
+        {
+        name: "管道燃气",
+        value: "123",
+      },
+        {
+        name: "家电",
+        value: "123",
+      },
+        {
+        name: "隔断",
+        value: "123",
+      },
+        {
+        name: "房源来源",
+        value: "123",
+      },
+        {
+        name: "优势推荐",
+        value: "123",
+      },
+    ];
+    // 物业信息
+    const propertyInformationOptions = [
+      {
+        name: "物业费",
+        value: "123",
+      },
+      {
+        name: "建筑年代",
+        value: "123",
+      },
+      {
+        name: "均价",
+        value: "123",
+      },
+      {
+        name: "开发商",
+        value: "123",
+      },
+      {
+        name: "物业公司",
+        value: "123",
+      },
+    ];
+    // 角色人
+    const roleInformationOptions = [
+      {
+        name: "首次录入人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "录入人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "维护人",
+        value: "123",
+      },
+      {
+        name: "查看电话",
+        value: "123",
+        type: "BUTTOM",
+        onClick: () => {},
+      },
+      {
+        name: "实勘人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+      {
+        name: "钥匙人",
+        value: "123",
+        span: 24,
+      },
+
+      {
+        name: "最后修改人",
+        value: "123",
+      },
+      {
+        name: "时间",
+        value: "123",
+      },
+    ];
+
+    // 委托书
+    const entrustOptions = [
+      {
+        name: "委托书编号",
+        value: "123",
+      },
+      {
+        name: "查看委托书",
+        value: "123",
+        type: "BUTTOM",
+        onClick: () => {},
+      },
+      {
+        name: "开始时间",
+        value: "123",
+      },
+      {
+        name: "截止时间",
+        value: "123",
+      },
+    ];
+
+    // 钥匙
+    const keyOptions = [
+      {
+        name: "钥匙编号",
+        value: "123",
+        span: 24,
+      },
+
+      {
+        name: "存放地址",
+        value: "123",
+        span: 24,
+      },
+    ];
+
+    const shareOptions = [
+      { name: "微信", icon: "wechat" },
+      { name: "微博", icon: "weibo" },
+      { name: "复制链接", icon: "link" },
+      { name: "分享海报", icon: "poster" },
+      { name: "二维码", icon: "qrcode" },
+    ];
+
+    const onShareSelect = (option) => {
+      Toast(option.name);
+      showShare.value = false;
+    };
+
+    return {
+      phone,
+      housingInformationOptions,
+      baseInformationOptions,
+      propertyInformationOptions,
+      roleInformationOptions,
+      entrustOptions,
+      keyOptions,
+      actions,
+      onSelect,
+      showPopover,
+      showShare,
+      phoneShow,
+      onShareSelect,
+      shareOptions,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less">
+.secondhanddetail {
+  text-align: left;
+}
+.secondhand-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+
+.detailcard {
+  min-height: 10px;
+  border-top: 1px solid #5b6b73;
+  padding: 10px;
+  &-title {
+    font-size: 15px;
+    color: #d75e3a;
+    line-height: 30px;
+  }
+  &-context {
+    font-size: 13px;
+    color: #999;
+  }
+}
+</style>

src/view/renting/edithouse/index.vue

@@ -0,0 +1,295 @@
+<template>
+  <div class="secondhanddetail ">
+    <div class="detailcard van-hairline--bottom">
+      <div class="detailcard-title">
+        <span>编辑房源信息</span>
+      </div>
+      <Contextc :options="baseInformationOptions"></Contextc>
+    </div>
+
+    <div>
+      <van-form @submit="onSubmit">
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="标题"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写标题' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="aaaa"
+          label="面积"
+          placeholder="请输入"
+          required
+          type="number"
+          :rules="[{ required: true, message: '请填写面积' }]"
+        >
+          <template #extra>
+            ㎡
+          </template>
+        </van-field>
+        <van-field
+          v-model="state.username"
+          name="3333"
+          label="出租方式"
+          placeholder="请输入"
+          type="number"
+          :rules="[{ required: true, message: '请填写出租方式' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="aaaa"
+          label="租金"
+          placeholder="请输入"
+          required
+          type="number"
+          :rules="[{ required: true, message: '请填写租金' }]"
+        >
+          <template #extra>
+            元/月
+          </template>
+        </van-field>
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="装修"
+          required
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="朝向"
+          required
+        ></Pickerc>
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="户型"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房源来源"
+          required
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="付款方式"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="居住现状"
+        ></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="卧室"></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="性别限制"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房屋特色"
+        ></Pickerc>
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="楼户比例"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="建筑类型"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房屋用途"
+        ></Pickerc>
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="建成年代"
+          placeholder="请输入"
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+
+        <Pickerc v-model="state.username" name="title" label="电梯"></Pickerc>
+        <Pickerc v-model="state.username" name="title" label="车位"></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="地下室"></Pickerc>
+
+        <van-field
+          v-model="state.username"
+          name="aaaa"
+          label="物业费"
+          placeholder="请输入"
+          type="number"
+        >
+          <template #extra>
+            元/月/平
+          </template>
+        </van-field>
+
+        <Pickerc v-model="state.username" name="title" label="燃气"></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="家电"></Pickerc>
+
+        <van-field
+          v-model="state.username"
+          name="aaaa1"
+          label="物业推荐"
+          placeholder="请输入"
+          type="textarea"
+        >
+        </van-field>
+
+        <div style="margin: 16px;">
+          <van-button round block type="primary" native-type="submit">
+            提交
+          </van-button>
+        </div>
+      </van-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive } from "vue";
+
+import {
+  Icon,
+  Popover,
+  Row,
+  Col,
+  Button,
+  steps,
+  step,
+  //   Dialog,
+  Form,
+  Field,
+} from "vant";
+import Contextc from "../../../components/contextC";
+import { Pickerc } from "../../../components/editCompents";
+
+// import { router } from "../../../router";
+
+export default {
+  name: "secondhanddetail",
+  components: {
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [Popover.name]: Popover,
+    [Icon.name]: Icon,
+    [Button.name]: Button,
+    [steps.name]: steps,
+    [step.name]: step,
+    [Form.name]: Form,
+    [Field.name]: Field,
+    Pickerc: Pickerc,
+    Contextc: Contextc,
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const state = reactive({
+      username: "",
+      password: "",
+    });
+
+    // 房源信息
+    const baseInformationOptions = [
+      {
+        name: "房源编号",
+        value: "123",
+      },
+      {
+        name: "楼盘名称",
+        value: "123",
+      },
+      {
+        name: "楼盘地址",
+        value: "123",
+        span: 24,
+      },
+      {
+        name: "栋号",
+        value: "123",
+        required: true,
+      },
+      {
+        name: "单元",
+        value: "123",
+        required: true,
+      },
+      {
+        name: "楼层",
+        value: "123",
+        required: true,
+      },
+      {
+        name: "房号",
+        value: "123",
+        required: true,
+      },
+    ];
+
+    const onSubmit = (values) => {
+      console.log("submit", values);
+    };
+
+    return {
+      state,
+      onSubmit,
+      baseInformationOptions,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.secondhanddetail {
+  text-align: left;
+}
+.secondhand-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+
+.detailcard {
+  min-height: 10px;
+  border-top: 1px solid #5b6b73;
+  padding: 10px;
+  &-title {
+    font-size: 15px;
+    color: #d75e3a;
+    line-height: 30px;
+  }
+  &-context {
+    font-size: 13px;
+    color: #999;
+  }
+}
+</style>

src/view/renting/index.vue

@@ -1,27 +1,161 @@
 <template>
   <div class="renting">
-   123
+    <RentingScreen :options="options" @onShowMore="onShowMore" />
+    <div >
+      <van-list
+        class="renting-main"
+        v-model:loading="state.loading"
+        :finished="state.finished"
+        finished-text="没有更多了"
+        @load="onLoad"
+      >
+        <RentingCard
+          v-for="item in state.list"
+          :key="item.id"
+          :datas="item.datas"
+          @click="toDetail()"
+        ></RentingCard>
+      </van-list>
+    </div>
+    <van-popup
+      v-model:show="moreShow"
+      position="right"
+      :style="{ width: '100%', height: '100%' }"
+    ><RentingMoreScreen />
+    </van-popup>
   </div>
 </template>
 
 <script>
 // import Vue from 'vue';
-import { Tab, Tabs } from 'vant';
+import { DropdownMenu, DropdownItem, List, Popup } from "vant";
+import rentingscreen from "./components/rentingscreen";
+import rentingmorescreen from "./components/rentingmorescreen";
+import rentingcard from "./components/rentingcard";
+import { reactive, ref } from "vue";
+import {router} from '../../router'
 
 export default {
   name: "renting",
-   components: {
-    [Tab.name]: Tab,
-    [Tabs.name]: Tabs,
-    
+  components: {
+    [DropdownMenu.name]: DropdownMenu,
+    [DropdownItem.name]: DropdownItem,
+    [List.name]: List,
+    [Popup.name]: Popup,
+    RentingScreen: rentingscreen,
+    RentingCard: rentingcard,
+    RentingMoreScreen: rentingmorescreen,
   },
   data() {
     return {
-      msg: "222",
+      options: [
+        {
+          id: 0,
+          value: 0,
+          title: "区域",
+          option: [],
+        },
+        {
+          id: 2,
+          value: "a",
+          title: "价格",
+          option: [
+            { text: "0-100", value: "a" },
+            { text: "101-200", value: "b" },
+            { text: "201-300", value: "c" },
+            { text: "301-400", value: "e" },
+            { text: "400以上", value: "f" },
+          ],
+        },
+        {
+          id: 3,
+          value: "a",
+          title: "户型",
+          mode: "multiple",
+          option: [
+            { text: "1室", value: "1" },
+            { text: "2室", value: "2" },
+            { text: "3室", value: "3" },
+            { text: "3室以上", value: "4" },
+          ],
+        },
+        // {
+        //   id: 4,
+        //   value: "a",
+        //   title: "更多",
+        //   mode: "multiple",
+        //   option: [
+        //     { text: "默认排序", value: "a" },
+        //     { text: "好评排序", value: "b" },
+        //     { text: "销量排序", value: "c" },
+        //   ],
+        // },
+      ],
+    };
+  },
+
+  setup(props) {
+    const moreShow = ref(false);
+
+    const onShowMore = () => {
+      console.log("22");
+      moreShow.value = true;
+      console.log(moreShow, "22");
+    };
+    const state = reactive({
+      list: [],
+      loading: false,
+      finished: false,
+    });
+
+    const onLoad = () => {
+      // 异步更新数据
+      // setTimeout 仅做示例，真实场景中一般为 ajax 请求
+      setTimeout(() => {
+        for (let i = 0; i < 10; i++) {
+          state.list.push({
+            id: state.list.length + 1,
+            datas: {
+              name: "",
+            },
+          });
+        }
+
+        // 加载状态结束
+        state.loading = false;
+
+        // 数据全部加载完成
+        if (state.list.length >= 40) {
+          state.finished = true;
+        }
+      }, 1000);
+    };
+const toDetail = () => {
+    console.log(props,router,'333')
+    router.push('/renting/detail')
+    };
+    
+
+    return {
+      state,
+      onLoad,
+      moreShow,
+      onShowMore,
+      toDetail,
     };
   },
 };
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped></style>
+<style scoped>
+.renting-main {
+  width: 100%;
+  height: calc(100vh - 142px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.renting-main::-webkit-scrollbar {
+  display: none; /*隐藏滚动条*/
+}
+</style>

src/view/resc/index.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="resc ">
+    <div class="resc-top van-hairline--bottom">
+      <van-row>
+        <van-col span="12">
+          <p>门牌</p>
+          <van-uploader
+            v-model="houseNumberImg"
+            max-count="1"
+            :after-read="afterRead"
+          />
+        </van-col>
+        <van-col span="12">
+          <p>户型</p>
+          <van-uploader
+            v-model="houseNumberImg"
+            max-count="1"
+            :after-read="afterRead"
+          />
+        </van-col>
+      </van-row>
+    </div>
+    <div class="resc-top van-hairline--bottom">
+      <p>客厅</p>
+      <van-uploader v-model="houseNumberImg" :after-read="afterRead" />
+    </div>
+    <div class="resc-top van-hairline--bottom">
+      <p>卧室</p>
+      <van-uploader v-model="houseNumberImg" :after-read="afterRead" />
+    </div>
+    <div class="resc-top van-hairline--bottom">
+      <p>厨房</p>
+      <van-uploader v-model="houseNumberImg" :after-read="afterRead" />
+    </div>
+    <div class="resc-top van-hairline--bottom">
+      <p>卫生间</p>
+      <van-uploader v-model="houseNumberImg" :after-read="afterRead" />
+    </div>
+    <div class=" resc-top van-hairline--bottom">
+      <p>其他</p>
+      <van-uploader v-model="houseNumberImg" :after-read="afterRead" />
+    </div>
+    <div class=" resc-top van-hairline--bottom">
+      <van-button color="rgb(215, 105, 58)" round type="primary"
+      style="border-radius:5px"
+        >保存审核并提交</van-button
+      >
+    </div>
+  </div>
+</template>
+
+<script>
+import { ref } from "vue";
+//
+import {
+  Uploader,
+  Row,
+  Col,
+  Button,
+
+  //   Dialog,
+} from "vant";
+
+// import { router } from "../../../router";
+
+export default {
+  name: "secondhanddetail",
+  components: {
+    [Row.name]: Row,
+    [Col.name]: Col,
+
+    [Uploader.name]: Uploader,
+    [Button.name]: Button,
+  },
+  data() {
+    return {};
+  },
+
+  setup() {
+    const houseNumberImg = ref([]);
+
+    const fileList = ref([
+      { url: "https://img.yzcdn.cn/vant/leaf.jpg" },
+      // Uploader 根据文件后缀来判断是否为图片文件
+      // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
+      { url: "https://cloud-image", isImage: true },
+    ]);
+
+    const afterRead = (file) => {
+      // 此时可以自行将文件上传至服务器
+      console.log(file);
+    };
+
+    return {
+      houseNumberImg,
+      fileList,
+      afterRead,
+    };
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="less" scoped>
+.resc {
+  &-top {
+    padding: 20px;
+  }
+}
+</style>

src/view/secondhand/components/secondhandmorescreen/index.vue

@@ -91,6 +91,9 @@
         </div>
       </van-form>
     </div>
+
+
+ 
   </div>
 </template>
 
@@ -159,6 +162,7 @@ export default {
     const serchValue = ref("");
     const searchType = ref("楼盘");
     const showPopover = ref(false);
+     const phoneShow = ref(false);
 
     // 通过 actions 属性来定义菜单选项
     const searchActions = [
@@ -205,6 +209,7 @@ export default {
     ];
 
     return {
+      phoneShow,
       serchValue,
       searchType,
       state,

src/view/secondhand/detail/index.vue

@@ -11,6 +11,7 @@
     <div class="detailcard">
       <div class="detailcard-title">
         <span>房源信息</span>
+
         <div style="float:right">
           <van-popover
             v-model:show="showPopover"
@@ -88,16 +89,39 @@
         <Stepc></Stepc>
       </div>
     </div>
+
+    <van-share-sheet
+      v-model:show="showShare"
+      title="立即分享给好友"
+      :options="shareOptions"
+      @select="onShareSelect"
+    />
+
+    <van-dialog v-model:show="phoneShow" title="新增电话" show-cancel-button>
+     <van-field v-model="phone" type="tel" label="业主电话" placeholder="请输入电话" />
+    </van-dialog>
   </div>
 </template>
 
 <script>
 import { ref } from "vue";
 import { Swiper } from "../../../components/detailCompents";
-import { Icon, Popover, Row, Col, Button, steps, step, Dialog } from "vant";
+import {
+  Icon,
+  Popover,
+  Row,
+  Col,
+  Button,
+  steps,
+  step,
+  Dialog,
+  ShareSheet,
+  Toast,
+  Field,
+} from "vant";
 import Contextc from "../../../components/contextC";
 import Stepc from "../../../components/stepC";
-import {router} from '../../../router'
+import { router } from "../../../router";
 
 export default {
   name: "secondhanddetail",
@@ -109,6 +133,10 @@ export default {
     [Button.name]: Button,
     [steps.name]: steps,
     [step.name]: step,
+    [ShareSheet.name]: ShareSheet,
+     [Field.name]: Field,
+     [Dialog.Component.name]: Dialog.Component,
+
     Stepc: Stepc,
     Contextc: Contextc,
     Swiper: Swiper,
@@ -119,6 +147,9 @@ export default {
 
   setup() {
     const showPopover = ref(false);
+    const showShare = ref(false);
+    const phoneShow = ref(false);
+     const phone = ref('');
 
     // 通过 actions 属性来定义菜单选项
     const actions = [
@@ -146,23 +177,22 @@ export default {
           .catch(() => {
             // on cancel
           });
-      } else if(action.value == 2){
-// 新增业主电话
-      }
-      else if(action.value == 3){
+      } else if (action.value == 2) {
+        // 新增业主电话
+        phoneShow.value = true;
+      } else if (action.value == 3) {
         // 下架房源
 
- router.push('/closehouse')
-      }
-      else if(action.value == 4){
+        router.push("/closehouse");
+      } else if (action.value == 4) {
         // 修改房源
-        router.push('/edithouse')
-      }
-      else if(action.value == 5){
+        router.push("/editsecondhandhouse");
+      } else if (action.value == 5) {
         // 分享房源
-      }
-      else if(action.value == 6){
+        showShare.value = true;
+      } else if (action.value == 6) {
         // 房源实勘
+        router.push("/resc");
       }
     };
     const onLookClick = () => {
@@ -386,7 +416,21 @@ export default {
       },
     ];
 
+    const shareOptions = [
+      { name: "微信", icon: "wechat" },
+      { name: "微博", icon: "weibo" },
+      { name: "复制链接", icon: "link" },
+      { name: "分享海报", icon: "poster" },
+      { name: "二维码", icon: "qrcode" },
+    ];
+
+    const onShareSelect = (option) => {
+      Toast(option.name);
+      showShare.value = false;
+    };
+
     return {
+      phone,
       housingInformationOptions,
       baseInformationOptions,
       propertyInformationOptions,
@@ -396,13 +440,17 @@ export default {
       actions,
       onSelect,
       showPopover,
+      showShare,
+      phoneShow,
+      onShareSelect,
+      shareOptions,
     };
   },
 };
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style lang="less" scoped>
+<style lang="less">
 .secondhanddetail {
   text-align: left;
 }

src/view/secondhand/edithouse/index.vue

@@ -1,15 +1,153 @@
 <template>
-  <div class="secondhanddetail">
-   
+  <div class="secondhanddetail ">
+    <div class="detailcard van-hairline--bottom">
+      <div class="detailcard-title">
+        <span>基础信息</span>
+      </div>
+      <Contextc :options="baseInformationOptions"></Contextc>
+    </div>
+
+    <div>
+      <van-form @submit="onSubmit">
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="标题"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写标题' }]"
+        />
+        <van-field
+          v-model="state.username"
+          name="aaaa"
+          label="面积"
+          placeholder="请输入"
+          required
+          type="number"
+          :rules="[{ required: true, message: '请填写面积' }]"
+        >
+          <template #extra>
+            ㎡
+          </template>
+        </van-field>
+        <van-field
+          v-model="state.username"
+          name="3333"
+          label="套内面积"
+          placeholder="请输入"
+        />
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="户型"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="楼户比例"
+          placeholder="请输入"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="装修"
+          required
+        ></Pickerc>
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="总价"
+          placeholder="请输入"
+          type="number"
+          required
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        >
+          <template #extra>
+            万元
+          </template></van-field
+        >
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="朝向"
+          required
+        ></Pickerc>
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房源来源"
+          required
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="建筑类型"
+        ></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="电梯"></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="交易属性"
+        ></Pickerc>
+
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="房屋用途"
+        ></Pickerc>
+        <van-field
+          v-model="state.username"
+          name="title"
+          label="建成年代"
+          placeholder="请输入"
+          :rules="[{ required: true, message: '请填写楼户比例' }]"
+        />
+        <Pickerc
+          v-model="state.username"
+          name="title"
+          label="抵押信息"
+        ></Pickerc>
+
+        <Pickerc v-model="state.username" name="title" label="税费"></Pickerc>
+
+        <div style="margin: 16px;">
+          <van-button round block type="primary" native-type="submit">
+            提交
+          </van-button>
+        </div>
+      </van-form>
+    </div>
   </div>
 </template>
 
 <script>
-import { ref } from "vue";
+import { reactive } from "vue";
 
-import { Icon, Popover, Row, Col, Button, steps, step, Dialog } from "vant";
+import {
+  Icon,
+  Popover,
+  Row,
+  Col,
+  Button,
+  steps,
+  step,
+  //   Dialog,
+  Form,
+  Field,
+} from "vant";
+import Contextc from "../../../components/contextC";
+import { Pickerc } from "../../../components/editCompents";
 
-import {router} from '../../../router'
+// import { router } from "../../../router";
 
 export default {
   name: "secondhanddetail",
@@ -21,291 +159,66 @@ export default {
     [Button.name]: Button,
     [steps.name]: steps,
     [step.name]: step,
-
+    [Form.name]: Form,
+    [Field.name]: Field,
+    Pickerc: Pickerc,
+    Contextc: Contextc,
   },
   data() {
     return {};
   },
 
   setup() {
-    const showPopover = ref(false);
-
-    // 通过 actions 属性来定义菜单选项
-    const actions = [
-      { text: "设置房源保护", value: "1" },
-      { text: "新增业主电话", value: "2" },
-      { text: "下架房源", value: "3" },
-      { text: "修改房源", value: "4" },
-      { text: "分享房源", value: "5" },
-      { text: "房源实勘", value: "6" },
-    ];
-    // 设为房源保护后，只有录入人、同部门的上级以及上级部门的上级可以看到房源敏感信息。
-    const onSelect = (action) => {
-      console.log(action);
-      if (action.value == 1) {
-        // 设置房源保护
-        Dialog.confirm({
-          title: "提示",
-          message:
-            "设为房源保护后，只有录入人、同部门的上级以及上级部门的上级可以看到房源敏感信息。",
-          theme: "round-button",
-        })
-          .then(() => {
-            // on close
-          })
-          .catch(() => {
-            // on cancel
-          });
-      } else if(action.value == 2){
-// 新增业主电话
-      }
-      else if(action.value == 3){
-        // 下架房源
-
- router.push('/closehouse')
-      }
-      else if(action.value == 4){
-        // 修改房源
-        router.push('/edithouse')
-      }
-      else if(action.value == 5){
-        // 分享房源
-      }
-      else if(action.value == 6){
-        // 房源实勘
-      }
-    };
-    const onLookClick = () => {
-      console.log("onLookClick");
-    };
+    const state = reactive({
+      username: "",
+      password: "",
+    });
 
     // 房源信息
-    const housingInformationOptions = [
-      {
-        name: "所属楼盘",
-        value: "123",
-        span: 24,
-      },
-      {
-        name: "房源id",
-        value: "123",
-      },
-      {
-        name: "楼层",
-        value: "123",
-      },
-      {
-        name: "所属区县",
-        value: "123",
-      },
-      {
-        name: "面积",
-        value: "123",
-      },
-      {
-        name: "所属商圈",
-        value: "123",
-      },
-      {
-        name: "价格",
-        value: "123",
-      },
-      {
-        name: "楼房号",
-        value: "123",
-      },
-      {
-        name: "单元",
-        value: "123",
-      },
-      {
-        name: "业主姓名",
-        value: "123",
-      },
-      {
-        name: "楼栋",
-        value: "123",
-      },
-      {
-        name: "业主电话",
-        value: "123",
-      },
-      {
-        name: "查看敏感信息",
-        value: "123",
-        type: "BUTTOM",
-        click: () => onLookClick(),
-      },
-    ];
-    // 基本信息
     const baseInformationOptions = [
       {
-        name: "户型",
-        value: "123",
-      },
-      {
-        name: "朝向",
-        value: "123",
-      },
-      {
-        name: "装修",
-        value: "123",
-      },
-      {
-        name: "房屋用途",
+        name: "房源编号",
         value: "123",
       },
       {
-        name: "建筑类型",
+        name: "楼盘名称",
         value: "123",
       },
       {
-        name: "配备电梯",
-        value: "123",
-      },
-      {
-        name: "抵押信息",
-        value: "123",
-      },
-      {
-        name: "税费",
-        value: "123",
-      },
-      {
-        name: "来源",
+        name: "楼盘地址",
         value: "123",
         span: 24,
       },
-    ];
-    // 物业信息
-    const propertyInformationOptions = [
-      {
-        name: "物业费",
-        value: "123",
-      },
       {
-        name: "建筑年代",
+        name: "栋号",
         value: "123",
+        required: true,
       },
       {
-        name: "均价",
-        value: "123",
-      },
-      {
-        name: "开发商",
-        value: "123",
-      },
-      {
-        name: "物业公司",
-        value: "123",
-      },
-    ];
-    // 角色人
-    const roleInformationOptions = [
-      {
-        name: "首次录入人",
-        value: "123",
-      },
-      {
-        name: "时间",
-        value: "123",
-      },
-      {
-        name: "录入人",
-        value: "123",
-      },
-      {
-        name: "时间",
-        value: "123",
-      },
-      {
-        name: "维护人",
-        value: "123",
-      },
-      {
-        name: "查看电话",
-        value: "123",
-        type: "BUTTOM",
-        onClick: () => {},
-      },
-      {
-        name: "实勘人",
-        value: "123",
-      },
-      {
-        name: "时间",
-        value: "123",
-      },
-      {
-        name: "钥匙人",
-        value: "123",
-        span: 24,
-      },
-      {
-        name: "委托人",
-        value: "123",
-      },
-      {
-        name: "时间",
-        value: "123",
-      },
-      {
-        name: "最后修改人",
-        value: "123",
-      },
-      {
-        name: "时间",
-        value: "123",
-      },
-    ];
-
-    // 委托书
-    const entrustOptions = [
-      {
-        name: "委托书编号",
-        value: "123",
-      },
-      {
-        name: "查看委托书",
+        name: "单元",
         value: "123",
-        type: "BUTTOM",
-        onClick: () => {},
+        required: true,
       },
       {
-        name: "开始时间",
+        name: "楼层",
         value: "123",
+        required: true,
       },
       {
-        name: "截止时间",
+        name: "房号",
         value: "123",
+        required: true,
       },
     ];
 
-    // 钥匙
-    const keyOptions = [
-      {
-        name: "钥匙编号",
-        value: "123",
-        span: 24,
-      },
-
-      {
-        name: "存放地址",
-        value: "123",
-        span: 24,
-      },
-    ];
+    const onSubmit = (values) => {
+      console.log("submit", values);
+    };
 
     return {
-      housingInformationOptions,
+      state,
+      onSubmit,
       baseInformationOptions,
-      propertyInformationOptions,
-      roleInformationOptions,
-      entrustOptions,
-      keyOptions,
-      actions,
-      onSelect,
-      showPopover,
     };
   },
 };

vue.config.js

@@ -1,17 +1,17 @@
 module.exports = {
 
-  // publicPath: './',
-  // devServer: {
-  //   disableHostCheck: true,
-  //   proxy:  {
-  //     '/api': {
-  //       target: 'http://localhost:8080/',
-  //       ws: true,
-  //       changeOrigin: true,
-  //       pathRewrite: {'^/api': ''}
-  //     }
-  //   }
-  // }
+  publicPath: './',
+  devServer: {
+    disableHostCheck: true,
+    proxy:  {
+      '/mp': {
+        target: 'http://10.161.7.66:8080/',
+        ws: true,
+        changeOrigin: true,
+        // pathRewrite: {'^/mp': ''}
+      }
+    }
+  },
   css: {
     loaderOptions: {
       less: {
@@ -28,6 +28,7 @@ module.exports = {
             '@step-active-color': '#999',
             '@active-color':'#999',
             '@step-finish-line-color':'#999',
+            // '@border-color':'#000',
             // 'text-color': '#111',D7693A
             // 'border-color': '#eee',
             // // 或者可以通过 less 文件覆盖（文件路径为绝对路径）