ydac/src/components/filterhouse.vue

<template>
  <div>
    <van-nav-bar
      @click-left="onClickLeft"
      @click-right="onClickRight"
      style="background-color: #1989fa"
    >
      <template #title>
        <van-col style="color: #ffffff">筛选房源</van-col>
      </template>
      <template #left>
        <i
          class="fa fa-arrow-circle-left"
          aria-hidden="true"
          style="color: #ffffff; font-size: 18px"
        ></i>
      </template>
      <template #right>
        <van-icon name="replay" size="18" color="#ffffff" />
      </template>
    </van-nav-bar>
    <van-form @submit="onSubmit">
        <van-cell title="楼栋" value="请选择" is-link title-class="title1" value-class="value1"></van-cell>
        <van-cell title="户型" value="请选择" is-link title-class="title1" value-class="value1"></van-cell>
        <van-field
            v-model="danyuan"
            
            label="单元号"
            placeholder="请输入"
            input-align="right"
            label-class="title1"
        />
        <van-field
            v-model="fangjian"
            
            label="房间号"
            placeholder="请输入"
            input-align="right"
            label-class="title1"
        />
        <div style="margin: 16px;">
            <van-button round block type="info" native-type="submit">查询</van-button>
        </div>
    </van-form>
   
  </div>
</template>

<script>
import { GetSaClientSummary } from "@/common/api/loginApi.js";
export default {
  name: "login",
  data() {
    return {
      data: [], 
      danyuan:'',
      fangjian:''
      
    };
  },
  created: function () {
    console.info("created");
    //console.info(this.$util);
    this.$util.persistLogin(this);
  },
  computed:{   //计算属性
    
   
  },
  methods: {
    GetSaClientSummary: function () {
      var that = this;
      var data = {
        userCode: that.$store.state.data.userCode,
        projectId: that.$store.state.projectId
       
      };
      console.info("data", data);
      GetSaClientSummary(data).then((res) => {
        console.info("GetSaClientSummary", res);
        if (!res.result) {
          that.$toast(res.msg);
          return;
        }
        res.data.forEach(function (item, index, array) {
          that.$set(that.data, index, item);
        });
        that.loading = false;
        that.finished = true;
      });
    },
     onSubmit(values) {    //提交按钮
      console.log('submit', values);
    },
    onClickLeft() {
      // this.$toast('返回')
      console.info("left");
      this.$router.go(-1);
    },
    onClickRight() {
      this.$router.go(0);
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.title1 {
  color: #999;
  text-align: left;
}
.value1 {
  color: #1732cf;
  font-size: 18px;
  font-weight: 800;
}
.size{
    font-size:16px;
}
</style>