From aa11585ecee2019be8e0e77605bef0ad86b18f75 Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Thu, 27 Oct 2022 13:40:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=AE=A2=E6=88=B7=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2--=E6=84=8F=E5=90=91=E8=BD=A6=E5=9E=8B=E3=80=81?=
 =?UTF-8?q?=E8=B7=9F=E8=BF=9B=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../kehuguanli/kehuchaxun/genjinlook.vue      | 288 ++++++++++++++++
 .../kehuguanli/kehuchaxun/kehuchaxun.vue      |  82 ++---
 .../kehuchaxun/yixiangchexinglook.vue         | 307 ++++++++++++++++++
 3 files changed, 630 insertions(+), 47 deletions(-)
 create mode 100644 anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/genjinlook.vue
 create mode 100644 anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/yixiangchexinglook.vue

diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/genjinlook.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/genjinlook.vue
new file mode 100644
index 0000000000..23619320b6
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/genjinlook.vue
@@ -0,0 +1,288 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <button-bar view-title="客户跟进记录" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item class="formItem" label="跟进时间">
+                <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.start_follow_time" clearable type="date" placeholder="开始日期"/>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.end_follow_time" clearable type="date" placeholder="结束日期"/>
+              </el-form-item>
+              <el-form-item label="跟进形式">
+                <el-select v-model="listQuery.params.follow_form_key" class="addinputw" placeholder="请输入">
+                  <el-option v-for="item in followupform" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="跟进状态">
+                <el-select v-model="listQuery.params.follow_state_key" class="addinputw" placeholder="">
+                  <el-option v-for="item in followupstatus" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+                </el-select>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="handleReset()">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="handleFilter()">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">客户跟进记录列表</div>
+          <!-- 翻页分页 -->
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange">
+            <el-table-column type="selection" align="center" width="50"/>
+            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
+            <el-table-column label="跟进形式" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.follow_form }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="跟进时间" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.follow_time }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="跟进结果" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.follow_result }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="跟进状态" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.follow_state }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="业务员" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.staffName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否开启提醒" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.isOnRemind }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="提醒日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remind_day }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="见证材料" align="center">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="handleCheck(scope.row)">查看</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车辆需求" align="center">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="handleCheliang(scope.row)">{{ scope.row.xqcounts }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <el-dialog :visible.sync="dialogFormVisible" width="1000px" :close-on-click-modal="false">
+          <div class="result-cont">
+            <el-carousel indicator-position="outside" style="height: 500px;">
+              <el-carousel-item v-for="(item,index) in material" :key="index" style="height: 500px;">
+                <img style="width: 100%; height: 500px;" :src="item.filePath">
+              </el-carousel-item>
+            </el-carousel>
+          </div>
+        </el-dialog>
+      </div>
+    </div>
+    <!--车辆需求-->
+    <yixiangchexinglook ref="divYiXiang" v-show="viewState == 2" @handleReturn="resetState"/>
+  </div>
+</template>
+
+<script>
+import { pagerList } from '@/api/jichuxinxi/crmvisit'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import { typeValues } from '@/api/dictcommons/shujuzidian'
+import { getPcAppendix } from '@/api/jichuxinxi/commonappendix'
+import yixiangchexinglook from './yixiangchexinglook'
+
+export default {
+  name: 'genjinlook',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    yixiangchexinglook
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      viewState: 1,
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      // 查询 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          start_follow_time: '',
+          end_follow_time: '',
+          follow_form_key: '',
+          follow_state_key: '',
+          customerSid: '',
+          staffSid: ''
+        }
+      },
+      makings: {
+        attachType: '0004',
+        linkSid: ''
+      },
+      material: [],
+      Kehu_Name: '',
+      kehu_uesrsid: '',
+      followupform: [],
+      followupstatus: [],
+      dialogFormVisible: false
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    // 初始
+    init() {
+      typeValues({ type: 'visitWay' }).then((response) => {
+        if (response.success) {
+          this.followupform = response.data
+        }
+      })
+      typeValues({ type: 'followState' }).then((response) => {
+        if (response.success) {
+          this.followupstatus = response.data
+        }
+      })
+    },
+    // 接收客户管理值
+    newpage(sid, name) {
+      this.Kehu_Name = name
+      this.kehu_uesrsid = sid
+      this.init()
+      this.getList()
+    },
+    // 查询
+    handleReset() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.staffSid = window.sessionStorage.getItem('staffSid')
+      this.listQuery.params.customerSid = this.kehu_uesrsid
+      pagerList(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.success) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
+        } else {
+          this.list = []
+          this.listQuery.total = 0
+        }
+      })
+    },
+    // 重置
+    handleFilter() {
+      this.listQuery.current = 1
+      this.listQuery.size = 10
+      this.listQuery.total = 0
+      this.listQuery.params.start_follow_time = ''
+      this.listQuery.params.end_follow_time = ''
+      this.listQuery.params.follow_form_key = ''
+      this.listQuery.params.follow_state_key = ''
+      this.listQuery.params.staffSid = ''
+      this.getList()
+    },
+    // 勾选
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    // 查看詳情
+    handleCheck(row) {
+      this.dialogFormVisible = true
+      this.makings.linkSid = row.sid
+      getPcAppendix(this.makings).then((response) => {
+        if (response.code === '200') {
+          this.material = response.data
+          console.log('2000', this.material)
+        }
+      })
+    },
+    // 查看车辆需求详情
+    handleCheliang(row) {
+      this.viewState = 2
+      this.$refs['divYiXiang'].cheLiang(this.kehu_uesrsid, this.Kehu_Name)
+    },
+    doClose() {
+      this.$emit('handleReturn')
+    }
+  }
+}
+</script>
+<style scoped>
+
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/kehuchaxun.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/kehuchaxun.vue
index 41874d1ba1..5c4d50b89e 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/kehuchaxun.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/kehuchaxun.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
     <div v-show="viewState ==1">
-      <button-bar view-title="客户管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <button-bar view-title="客户查询" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
       <!--登记类型弹窗-->
       <div class="main-content">
         <div class="searchcon">
@@ -26,7 +26,7 @@
               </el-form-item>
               <el-form-item label="提醒日期">
                 <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.remindStartDay" clearable style="width: 160px;" type="date" placeholder="开始日期"/>
-                <div class="line">至</div>
+                <span style="padding: 0 8px">至</span>
                 <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.remindEndDay" clearable style="width: 160px;" type="date" placeholder="结束日期"/>
               </el-form-item>
             </el-form>
@@ -43,19 +43,29 @@
         </div>
         <div class="">
           <el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;" @selection-change="handleSelectionChange">
-            <el-table-column type="selection" align="center" width="50"/>
-            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
-            <el-table-column label="客户编号" align="center">
+            <el-table-column fixed type="selection" align="center" width="50"/>
+            <el-table-column fixed label="序号" type="index" width="80" :index="indexMethod" align="center"/>
+            <el-table-column label="分公司" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.customerNo }}</span>
+                <span>{{ scope.row.createOrgName }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="jc" label="客户名称" align="center">
+            <el-table-column label="部门" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.deptName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售专员" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.staffName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="客户名称" align="center" width="120">
               <template slot-scope="scope">
                 <span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.name }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="客户类型" align="center">
+            <el-table-column label="客户类型" align="center" width="120">
               <template slot-scope="scope">
                 <span>{{ scope.row.customerType }}</span>
               </template>
@@ -70,7 +80,7 @@
                 <span>{{ scope.row.weixin }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="客户级别" align="center">
+            <el-table-column label="客户级别" align="center" width="120">
               <template slot-scope="scope">
                 <span>{{ scope.row.level }}</span>
               </template>
@@ -80,16 +90,14 @@
                 <span>{{ scope.row.remind_day }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="意向车型" align="center">
+            <el-table-column label="意向车型" align="center" width="120">
               <template slot-scope="scope">
-                <span>{{ scope.row.yxcounts }}</span>
-<!--                <span class="bluezi" @click="handleCheliang(scope.row)">{{ scope.row.yxcounts }}</span>-->
+                <span class="bluezi" @click="handleCheliang(scope.row)">{{ scope.row.yxcounts }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="跟进记录" align="center">
+            <el-table-column label="跟进记录" align="center" width="120">
               <template slot-scope="scope">
-                <span>{{ scope.row.gjcounts }}</span>
-<!--                <span class="bluezi" @click="handleJiLu(scope.row)">{{ scope.row.gjcounts }}</span>-->
+                <span class="bluezi" @click="handleJiLu(scope.row)">{{ scope.row.gjcounts }}</span>
               </template>
             </el-table-column>
           </el-table>
@@ -99,9 +107,9 @@
         </div>
       </div>
     </div>
-    <kehudanganInfo v-show="viewState ==4" ref="Info" @handleReturn="handleReturn"/>
-    <cheliangxuqiu v-show="viewState ==6" ref="openCheXu" @handleReturn="handleReturn"/>
-    <genjinjiluguanli v-show="viewState ==5" ref="Newpage" @handleReturn="handleReturn"/>
+    <kehudanganInfo v-show="viewState ==4" ref="Info" @handleReturn="resetState"/>
+    <yixiangchexinglook v-show="viewState ==3" ref="divYiXiang" @handleReturn="resetState"/>
+    <genjinlook v-show="viewState ==2" ref="divGenJin" @handleReturn="resetState"/>
   </div>
 </template>
 
@@ -112,8 +120,8 @@ import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
 import ButtonBar from '@/components/ButtonBar'
 import kehudanganInfo from '../../kehuguanli/kehudangan/kehudanganinfo.vue'
-import cheliangxuqiu from '../../kehuguanli/cheliangxuqiu/cheliangxuqiu'
-import genjinjiluguanli from '@/views/kehuguanli/kehugenjinjilu/genjinjiluguanli.vue'
+import yixiangchexinglook from './yixiangchexinglook'
+import genjinlook from './genjinlook'
 
 export default {
   name: 'kehuchaxun',
@@ -122,8 +130,8 @@ export default {
     pageye,
     ButtonBar,
     kehudanganInfo,
-    cheliangxuqiu,
-    genjinjiluguanli
+    yixiangchexinglook,
+    genjinlook
   },
   data() {
     return {
@@ -257,13 +265,13 @@ export default {
     },
     // 打开意向车型(车辆需求)
     handleCheliang(row) {
-      this.viewState = 6
-      this.$refs['openCheXu'].cheLiang(row.sid, this.upLevel, row.name, '01')
+      this.viewState = 3
+      this.$refs['divYiXiang'].cheLiang(row.sid, this.upLevel, row.name)
     },
     // 打开跟进记录
     handleJiLu(row) {
-      this.viewState = 5
-      this.$refs['Newpage'].newpage(row.sid, row.name, '02')
+      this.viewState = 2
+      this.$refs['divGenJin'].newpage(row.sid, row.name)
     },
     // 勾选
     handleSelectionChange(row) {
@@ -278,7 +286,7 @@ export default {
       this.viewState = 4
       this.$refs['Info'].openInfo(row.sid)
     },
-    handleReturn() {
+    resetState() {
       this.viewState = 1
     },
     // ---------------------数据字典----------------------------------------
@@ -318,24 +326,4 @@ export default {
 }
 </script>
 <style scoped>
-.diaForm {
-  margin-bottom: 8px;
-}
-
-/* >>>操作符影响子组件 */
-.diaForm >>> .el-form-item__label {
-  margin-right: 16px;
-}
-
-/deep/ .el-dialog__footer {
-  text-align: center;
-}
-
-.el-button-sure {
-  margin-right: 10%;
-}
-.line {
-  display: inline-block;
-  margin: 0px 15px;
-}
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/yixiangchexinglook.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/yixiangchexinglook.vue
new file mode 100644
index 0000000000..6019d267d9
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/kehuguanli/kehuchaxun/yixiangchexinglook.vue
@@ -0,0 +1,307 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState ==1">
+      <button-bar :view-title=" this.customerName + '客户-意向车型'" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
+              <el-form-item label="品牌">
+                <el-select v-model="listQuery.params.brandName" class="addinputw" placeholder="请选择" @change="changePinPai" style="width:200px">
+                  <el-option v-for="item in brand_list" :key="item.sid" :label="item.brandName" :value="item.sid"/>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="车型">
+                <el-select v-model="listQuery.params.modelName" class="addinputw" placeholder="请选择" style="width:300px">
+                  <el-option v-for="item in figuration" :key="item.sid" :label="item.modelName" :value="item.modelName"/>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="购车方式">
+                <el-select v-model="listQuery.params.purchaseMethodValue" class="addinputw" placeholder="请选择" style="width:200px">
+                  <el-option v-for="item in orgSid_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
+                </el-select>
+              </el-form-item>
+              <el-form-item class="formItem" label="创建时间">
+                <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeStart" clearable style="width: 160px;" type="date" placeholder="开始日期"/>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.createTimeEnd" clearable style="width: 160px;" type="date" placeholder="结束日期"/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="handleFilter">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetSearch">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">意向车型列表</div>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column width="50px" type="selection" align="center"/>
+            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column label="品牌" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.brandName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型" align="center" width="250">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.modelName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="购车方式" align="center" width="120">
+              <template slot-scope="scope">
+                <span>{{ scope.row.purchaseMethodValue }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售指导价(万元)" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.saleReferencePrice }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="车型报价" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.vehicleModelOffer }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="数量" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.number }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="预提车日期" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.estimatedPickupDate }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建时间" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.createTime }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="备注" align="center">
+              <template slot-scope="scope">
+                <span>{{ scope.row.remarks }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pages">
+          <div class="tit"/>
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
+        </div>
+      </div>
+    </div>
+    <cheliangxuqiuinfo v-show="viewState == 2" ref="divinfo" @handleReturn="resetState"/>
+  </div>
+</template>
+
+<script>
+import { pagerList } from '@/api/jichuxinxi/crmvehicle'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import { getSelectDown } from '@/api/dictcommons/basemanufacturer'
+import { typeValues } from '@/api/dictcommons/shujuzidian'
+import cheliangxuqiuinfo from '../cheliangxuqiu/cheliangxuqiuinfo'
+import { brandDown, getPathSidByUserSid } from '@/api/chexingchaxun/modelinquire'
+
+export default {
+  name: 'yixiangchexinglook',
+  components: {
+    cheliangxuqiuinfo,
+    Pagination,
+    pageye,
+    ButtonBar
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      viewState: 1,
+      btnVisible: false,
+      customerSid: '',
+      customerName: '',
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      tableKey: 0,
+      sids: [],
+      list: [],
+      total: 1,
+      FormLoading: false,
+      listLoading: false,
+      figuration: [],
+      listQuery: {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          brandName: '',
+          createTimeEnd: '',
+          createTimeStart: '',
+          customerSid: '',
+          modelName: '',
+          purchaseMethodValue: ''
+        }
+      },
+      stateId: '',
+      brand_list: [],
+      orgSid_list: []
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  methods: {
+    btnHandle(btnKey) {
+      console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+      switch (btnKey) {
+        case 'doClose':
+          this.doClose()
+          break
+        default:
+          break
+      }
+    },
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    init() {
+      this.getShuJUZiDian()
+      this.getPathSid()
+    },
+    getShuJUZiDian() {
+      typeValues({ type: 'purchaseType' }).then((res) => {
+        if (res.code === '200') {
+          this.orgSid_list = res.data
+        }
+      })
+    },
+    getPathSid() {
+      getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
+        if (res.success) {
+          brandDown({ useOrg: res.data }).then((resp) => {
+            if (resp.success) {
+              this.brand_list = resp.data
+            }
+          })
+        }
+      })
+    },
+    changePinPai(value) {
+      let bb = []
+      this.brand_list.forEach((e) => {
+        if (e.sid === value) {
+          bb = {
+            name: e.brandName,
+            sid: e.sid
+          }
+        }
+      })
+      this.listQuery.params.brandName = bb.name
+      this.getCheXingName(bb.sid)
+    },
+    // 接收客户管理值
+    cheLiang(sid, name) {
+      this.customerName = name
+      this.stateId = sid
+      this.getList()
+      this.init()
+    },
+    // 车型名称
+    getCheXingName(brandSid) {
+      var sid = {
+        sid: brandSid
+      }
+      getSelectDown(sid).then((response) => {
+        if (response.code === '200') {
+          this.figuration = response.data
+        }
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    // 勾选
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+      console.log('勾选记录', this.sids)
+    },
+    // 打开查看详情
+    handleCheck(row) {
+      this.viewState = 2
+      this.$refs['divinfo'].openinfo(row.sid, this.stateId)
+    },
+    // ----------功能打开结束--------
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    // 返回
+    doClose() {
+      this.btnVisible = false
+      this.$emit('handleReturn')
+    },
+    // 查询列表信息
+    getList() {
+      this.listLoading = true
+      this.listQuery.params.customerSid = this.stateId
+      pagerList(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.code === '200') {
+          this.list = response.data.records
+        }
+      })
+    },
+    resetSearch() {
+      this.listQuery = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          brandName: '',
+          createTimeEnd: '',
+          createTimeStart: '',
+          customerSid: '',
+          modelName: '',
+          purchaseMethodValue: ''
+        }
+      }
+      this.figuration = []
+      this.getList()
+    },
+    // 查询按钮
+    handleFilter() {
+      this.listQuery.current = 1
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>