楼栋，房源，联系记录

src/common/api/loginApi.js

@@ -113,4 +113,21 @@ export function GetSaRoomInfo(data) {
     method: 'post',
     data
   })
+}
+
+/* 联系记录 */
+export function GetSaClientContactList(data) {
+  return request({
+    url: '/GetSaClientContactList',
+    method: 'post',
+    data
+  })
+}
+/* 联系记录详细 */
+export function GetSaClientContactInfo(data) {
+  return request({
+    url: '/GetSaClientContactInfo',
+    method: 'post',
+    data
+  })
 }

src/components/getsabuildingstruct.vue

@@ -30,31 +30,38 @@
           <span >{{keyValue}}</span> 
         </van-col>
     </van-row>
-    <van-row>
-        <van-col span="8">
-            <van-row>
-                <van-col span="12" class="border1">楼层</van-col>
-                <van-col span="12">
-                    <van-col span="24" class="height25">单元号</van-col>
-                    <van-col span="24" class="height25">室号</van-col>
-                </van-col> 
-            </van-row>
-        </van-col>
-        <van-col span="16">
-            <van-col span="24" class="height25"></van-col>
-            <van-col span="24" class="height25" v-if="data!=null&&data.Chambers!=null">
-                <van-col span="3" class="height25_1" v-for="item in data.Chambers[0].SubChambers" :key="item.subcName">{{item.subcName}}</van-col>
-               
+    <van-row type="flex">
+       <van-col span="24">
+        <van-row>
+            <van-col span="8">
+                <van-row>
+                    <van-col span="12" class="border1">楼层</van-col>
+                    <van-col span="12">
+                        <van-col span="24" class="height25">单元号</van-col>
+                        <van-col span="24" class="height25">室号</van-col>
+                    </van-col> 
+                </van-row>
             </van-col>
-        </van-col>
-    </van-row>
-    <van-row>
-      <van-col span="8" class="height25">{{data!=null&&data.Floors!=null?data.Floors[0].fName:''}}</van-col>
-      <van-col span="16" class="height25" v-if="data!=null&&data.Rooms!=null">
-          <van-col span="3" class="height25_2" v-for="item in data.Rooms" :key="item.rID" >
-           <router-link :to="{path:'/getsaroominfo',query:{id:item.rID}}">{{item.rName}}</router-link> 
-          </van-col>
-      </van-col>
+            <van-col span="16">
+                <van-col span="24" class="height25"></van-col>
+                <van-col span="24" class="height25" v-if="data!=null&&data.Chambers!=null">
+                    <van-col span="3" class="height25_1" v-for="item in data.Chambers[0].SubChambers" :key="item.subcName">{{item.subcName}}</van-col>
+                  
+                </van-col>
+            </van-col>
+        </van-row>
+
+        <div v-if="data!=null&&data.Floors!=null">
+          <van-row   v-for="item1 in data.Floors" :key="item1.fName"> 
+            <van-col span="8" class="height25">{{item1.fName}}</van-col>
+            <van-col span="16" class="height25" v-if="data!=null&&data.Rooms!=null">
+                <van-col span="3" class="height25_2" v-for="item in data.Rooms" :key="item.rID" >
+                <router-link :to="{path:'/getsaroominfo',query:{id:item.rID}}">{{item.rName}}</router-link> 
+                </van-col>
+            </van-col>
+          </van-row>
+      </div>
+       </van-col>
     </van-row>
   </div>
 </template>
@@ -156,5 +163,6 @@ export default {
   height:50px;
   
   padding-top:15px;
+  
 }
 </style>

src/components/getsaclientcontactinfo.vue

@@ -0,0 +1,156 @@
+<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-row style="border-bottom: #efefef solid 3px;">
+        <van-col span="24" class="title">
+                <i class="fa fa-user-circle-o" aria-hidden="true"></i> {{data.ClientName}}
+        </van-col>
+      </van-row>
+     <van-row style="border-bottom: #efefef solid 3px;">
+        <van-col span="24" style="text-align:left;margin-left:15px;" >
+                {{data.Remark}}
+        </van-col>
+      </van-row>
+      <van-cell
+        title="接待业务员"
+        :value="data.UserName"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+     <van-cell
+        title="接待时间"
+        :value="data.VisitDate+' '+data.VisitTime"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="访问类型"
+        :value="data.VisitType"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="意向强度"
+        :value="data.Intention"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="来访计划日期"
+        :value="data.PlanVisitDate"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="下次接待日期"
+        :value="data.NextReceiveDate"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+       <van-cell
+        title="录入人"
+        :value="data.CreateMan"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+       <van-cell
+        title="录入时间"
+        :value="data.CreateDate"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      
+  </div>
+</template>
+
+<script>
+import { GetSaClientContactInfo } from "@/common/api/loginApi.js";
+export default {
+  name: "login",
+  data() {
+    return {
+      data: {}, 
+    };
+  },
+  created: function () {
+    console.info("created");
+    //console.info(this.$util);
+    this.$util.persistLogin(this);
+    this.GetSaClientContactInfo();
+  },
+  methods: {
+    GetSaClientContactInfo: function () {
+      var that = this;
+      var data = {
+          userCode:that.$store.state.data.userCode,
+          projectId: that.$store.state.projectId,
+          ccId:that.$route.query.id
+      };
+      console.info("data", data);
+      GetSaClientContactInfo(data).then((res) => {
+        console.info("GetSaClientContactInfo", res);
+        if (!res.result) {
+          that.$toast(res.msg);
+          return;
+        }
+       that.data=res.data;
+      });
+    },    
+    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>
+.title{
+    color:#0f0fa7;
+    font-size:18px;
+    font-weight:900;
+    text-align: left;
+    margin-left:15px;
+    height:40px;
+    margin-top:15px;
+}
+.title1 {
+  color: #999;
+  text-align: left;
+}
+.value1{
+    color:#0f0fa7;
+    font-size:15px;
+}
+</style>

src/components/getsaclientcontactlist.vue

@@ -0,0 +1,165 @@
+<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-pull-refresh v-model="isLoading" @refresh="onRefresh">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        loading-text="加载中..."
+        finished-text="我是有底线的~"
+        @load="onLoad"
+      >
+        <van-cell
+          v-for="item in listdata"
+          :key="item.ccId"
+          :to="'/getsaclientcontactinfo?id='+item.ccId"
+        >
+          <template #title>
+            <van-col span="24" class="title1">{{item.ClientName}}</van-col>
+            <van-col span="24">
+                <van-row>
+                    <van-col span="9">接待日期</van-col>
+                    <van-col span="15">{{item.ccVisitDate}} {{item.ccVisitTime}}</van-col>
+                </van-row>
+                </van-col>
+            </template>
+            <template #default>
+                <van-col span="24" class="star" > 
+                    <span v-for="i in listdata.ccIntention" :key="i">★</span>
+                
+                </van-col>
+                <van-col span="24">
+                    <van-row>
+                        <van-col span="24">业务员：{{item.UserName}}</van-col>
+                    </van-row>
+                </van-col>
+            </template>
+        </van-cell>
+      </van-list>
+    </van-pull-refresh>
+  </div>
+</template>
+
+<script>
+import { GetSaClientContactList } from "@/common/api/loginApi.js";
+export default {
+  name: "login",
+  data() {
+    return {
+      listdata: [], 
+      loading: false,
+      finished: false,
+      isLoading: false,
+      page:"1"
+    };
+  },
+  created: function () {
+    console.info("created");
+    //console.info(this.$util);
+    this.$util.persistLogin(this);
+  },
+  methods: {
+    GetSaClientContactList: function () {
+      var that = this;
+      var data = {
+        userCode: that.$store.state.data.userCode,
+        projectId: that.$store.state.projectId,
+        page: that.page,
+        pageCount: "10",
+        jsonQuery: "",
+        sortby: "",
+      };
+      console.info("data", data);
+      GetSaClientContactList(data).then((res) => {
+        console.info("GetSaClientContactList", res);
+        if (!res.result) {
+          that.$toast(res.msg);
+          return;
+        }
+        if(res.data!=null&&res.data.listdata.length>0){
+          that.loading=false;
+          res.data.listdata.forEach(function (item, index, array) {
+            that.listdata.push(item);
+            //console.info('length:'+res.data.listdata.length,'index:'+index);
+            if(res.data.listdata.length-1==index){
+              that.page++;
+              if(res.data.page.totalPages==that.page-1){
+                that.finished=true;
+              }
+            }
+          });
+          if(res.data==null||res.data.listdata==null||res.data.listdata.length==0){
+            that.finished = true;
+          }
+          
+        }
+         else{
+          that.finished=true;
+        }
+      });
+    },
+    // 列表加载
+    onLoad () {
+      setTimeout(() => {
+        this.GetSaClientContactList()
+        this.loading = true
+      }, 500)
+    },
+    onRefresh () {
+      setTimeout(() => {
+        // 重新初始化这些属性
+        this.isLoading = false
+        this.listdata = []
+        this.page = 1
+        this.loading = false
+        this.finished = false
+        //this.noData = false
+        // 请求信息
+        this.GetSaClientContactList()
+      }, 500)
+    },
+    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:#0f0fa7;
+    font-size:16px;
+    font-weight:900;
+    text-align: left;
+    margin-left:15px;
+    height:35px;
+}
+.star{
+    height:40px;
+}
+</style>

src/components/getsaroominfo.vue

@@ -28,11 +28,94 @@
         title="楼栋"
         :value="data.BuildingName"
         title-class="title1"
+        value-class="value1"
         size="large"
         
-      >
-      </van-cell>
-     
+      />
+      <van-cell
+        title="户型"
+        :value="data.ModelName"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+     <van-cell
+        title="产品类型"
+        :value="data.HouseType"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="建筑面积"
+        :value="data.rBuildingArea"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="室内面积"
+        :value="data.rInnerArea"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="其他面积"
+        :value="data.rOtherArea"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="销售方式"
+        :value="data.SaleType"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+       <van-cell
+        title="销售状态"
+        :value="data.rStateName"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+       <van-cell
+        title="补差方式"
+        :value="data.ReserveType"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+       <van-cell
+        title="表单价"
+        :value="data.rListPrice"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+       <van-cell
+        title="表总价"
+        :value="data.rListTotalPrice"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="当前业主"
+        :value="data.OwnerName"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
+      <van-cell
+        title="房源备注"
+        :value="data.rRemark"
+        title-class="title1"
+        value-class="value1"
+        size="large"
+      />
   </div>
 </template>
 
@@ -90,11 +173,14 @@ export default {
     text-align: left;
     margin-left:15px;
     height:40px;
-    margin:0 auto;
+    margin-top:15px;
 }
 .title1 {
   color: #999;
   text-align: left;
 }
-
+.value1{
+    color:#0f0fa7;
+    font-size:15px;
+}
 </style>

src/components/saleindex.vue

@@ -114,7 +114,7 @@
     </van-grid>
     <van-grid :border="false" :column-num="4">
       <van-grid-item>
-        <router-link to="/getoverduesummary" >
+        <router-link to="/GetSaClientContactList" >
           <van-image
             :src="require('@/assets/img/query.jpg')"
             width="50"

src/router/index.js

@@ -12,6 +12,8 @@ import gettodaytodosummary from '@/components/gettodaytodosummary'
 import getsabuildingselectlist from '@/components/getsabuildingselectlist'
 import getsabuildingstruct from '@/components/getsabuildingstruct'
 import getsaroominfo from '@/components/getsaroominfo'
+import getsaclientcontactlist from '@/components/getsaclientcontactlist'
+import getsaclientcontactinfo from '@/components/getsaclientcontactinfo'
 Vue.use(Router)
 
 export default new Router({
@@ -76,5 +78,15 @@ export default new Router({
       name: 'getsaroominfo',
       component: getsaroominfo
     },
+    {     //联系记录
+      path: '/getsaclientcontactlist',
+      name: 'getsaclientcontactlist',
+      component: getsaclientcontactlist
+    },
+    {     //联系记录详情
+      path: '/getsaclientcontactinfo',
+      name: 'getsaclientcontactinfo',
+      component: getsaclientcontactinfo
+    },
   ]
 })