From d815cd1e7f095c57b42c7ee77ac1a3e731bca99f Mon Sep 17 00:00:00 2001
From: SelfRidicule <selfridicule@gmail.com>
Date: Wed, 27 Mar 2024 16:45:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=8F=E8=BF=B0=EF=BC=9A=E4=BC=81=E4=B8=9A?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/admin/CustomerEdit.vue | 469 ++++++++++++++++++-------------
 src/views/admin/CustomerList.vue |  18 +-
 2 files changed, 281 insertions(+), 206 deletions(-)

diff --git a/src/views/admin/CustomerEdit.vue b/src/views/admin/CustomerEdit.vue
index 0864a37..9986130 100644
--- a/src/views/admin/CustomerEdit.vue
+++ b/src/views/admin/CustomerEdit.vue
@@ -1,267 +1,301 @@
 <template>
-  <a-card :body-style="{padding: '24px 32px'}" :bordered="false">
-    <a-form @submit="handleSubmit" :form="form" :label-col="{ span: 4 }" :wrapper-col="{ span: 6 }">
-      <a-tabs :defaultActiveKey="defaultActiveKey" @change="callback">
-        <a-tab-pane tab="客户详情" key="1">
-          <a-form-item style="display:none">
-            <a-input v-decorator="['id']"/>
+  <a-card :body-style="{padding: '24px 32px'}" :bordered='false'>
+    <a-form @submit='handleSubmit' :form='form' :label-col='{ span: 4 }' :wrapper-col='{ span: 6 }'>
+      <a-tabs :defaultActiveKey='defaultActiveKey' @change='callback'>
+        <a-tab-pane tab='企业详情' key='1'>
+          <a-form-item style='display:none'>
+            <a-input v-decorator="['id']" />
           </a-form-item>
           <a-row>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="客户名称">
-                <a-input placeholder="客户名称" v-decorator="['name', {rules: [{required: true, message: '请输入客户名称'}]}]" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='企业名称'>
+                <a-input placeholder='企业名称'
+                         v-decorator="['name', {rules: [{required: true, message: '请输入企业名称'}]}]" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="简称">
-                <a-input placeholder="简称" v-decorator="['shortName']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='简称'>
+                <a-input placeholder='简称' v-decorator="['shortName']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="客户类型">
-                <a-select v-decorator="['type', {initialValue:'COMPANY',rules: [{required: true, message: '请选择客户类型'}]}]">
-                  <a-select-option value="COMPANY">公司</a-select-option>
-                  <a-select-option value="PERSON">个人</a-select-option>
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='企业类型'>
+                <a-select
+                  v-decorator="['type', {initialValue:'COMPANY',rules: [{required: true, message: '请选择企业类型'}]}]">
+                  <a-select-option value='COMPANY'>公司</a-select-option>
+                  <a-select-option value='PERSON'>个人</a-select-option>
                 </a-select>
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="客户状态">
-                <a-select v-decorator="['customerStatus', {initialValue:'DEAL',rules: [{required: true, message: '请选择客户状态'}]}]">
-                  <a-select-option value="POTENTIAL">潜在客户</a-select-option>
-                  <a-select-option value="PURPOSE">意向客户</a-select-option>
-                  <a-select-option value="DEAL">成交客户</a-select-option>
-                  <a-select-option value="LOSE">流失客户</a-select-option>
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='企业状态'>
+                <a-select
+                  v-decorator="['customerStatus', {initialValue:'DEAL',rules: [{required: true, message: '请选择企业状态'}]}]">
+                  <a-select-option value='POTENTIAL'>潜在企业</a-select-option>
+                  <a-select-option value='PURPOSE'>意向企业</a-select-option>
+                  <a-select-option value='DEAL'>成交企业</a-select-option>
+                  <a-select-option value='LOSE'>流失企业</a-select-option>
                 </a-select>
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="所属行业">
-                <a-input placeholder="所属行业" v-decorator="['sector']" />
+
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='楼层'>
+                <a-select v-decorator="['buildId',{rules: [{ required: true, message: '请选择所属楼层' }]}]"
+                          placeholder='所属楼层' @change='getRoomList'>
+                  <a-select-option v-for='item in floorList' :key='item.id' :value='item.id'>
+                    {{ item.floorName }}
+                  </a-select-option>
+                </a-select>
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="所属国家">
-                <a-input placeholder="所属国家" v-decorator="['country']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='房间'>
+                <a-select v-decorator="['roomId',{rules: [{ required: true, message: '选择所属房间' }]}]"
+                          placeholder='所属房间'>
+                  <a-select-option v-for='item in roomList' :key='item.id' :value='item.id'>
+                    {{ item.name }}
+                  </a-select-option>
+                </a-select>
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="过程管理">
+
+
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='所属行业'>
+                <a-input placeholder='所属行业' v-decorator="['sector']" />
+              </a-form-item>
+            </a-col>
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='所属国家'>
+                <a-input placeholder='所属国家' v-decorator="['country']" />
+              </a-form-item>
+            </a-col>
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='过程管理'>
                 <a-select v-decorator="['process']">
-                  <a-select-option value="FIRST_VISIT">初次拜访</a-select-option>
-                  <a-select-option value="NEED_GUID">需求引导分析</a-select-option>
-                  <a-select-option value="COMPETE">竞争阶段</a-select-option>
-                  <a-select-option value="PREDETERMINE">预定阶段</a-select-option>
-                  <a-select-option value="CONTRACT">合同阶段</a-select-option>
+                  <a-select-option value='FIRST_VISIT'>初次拜访</a-select-option>
+                  <a-select-option value='NEED_GUID'>需求引导分析</a-select-option>
+                  <a-select-option value='COMPETE'>竞争阶段</a-select-option>
+                  <a-select-option value='PREDETERMINE'>预定阶段</a-select-option>
+                  <a-select-option value='CONTRACT'>合同阶段</a-select-option>
                 </a-select>
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="联系人">
-                <a-input placeholder="联系人" v-decorator="['contacts']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='联系人'>
+                <a-input placeholder='联系人' v-decorator="['contacts']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="联系电话">
-                <a-input placeholder="联系电话" v-decorator="['phone']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='联系电话'>
+                <a-input placeholder='联系电话' v-decorator="['phone']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="邮箱">
-                <a-input placeholder="邮箱" v-decorator="['email']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='邮箱'>
+                <a-input placeholder='邮箱' v-decorator="['email']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="统一信用代码">
-                <a-input placeholder="统一信用代码" v-decorator="['creditNo']" />
-                <a-button type="primary" @click="getQiXinBasicInfo">同步工商数据</a-button>
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='统一信用代码'>
+                <a-input placeholder='统一信用代码' v-decorator="['creditNo']" />
+                <a-button type='primary' @click='getQiXinBasicInfo'>同步工商数据</a-button>
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="邮编">
-                <a-input placeholder="邮编" v-decorator="['postalCode']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='邮编'>
+                <a-input placeholder='邮编' v-decorator="['postalCode']" />
               </a-form-item>
             </a-col>
-            <a-col :span="24">
-              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="通讯地址">
-                <a-input placeholder="通讯地址" v-decorator="['mailAddress']" />
+            <a-col :span='24'>
+              <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='通讯地址'>
+                <a-input placeholder='通讯地址' v-decorator="['mailAddress']" />
               </a-form-item>
             </a-col>
-            <a-col :span="24">
-              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上传公司头像" extra="尺寸建议：宽160px，高160px">
+            <a-col :span='24'>
+              <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='上传公司头像'
+                           extra='尺寸建议：宽160px，高160px'>
                 <a-upload
                   v-decorator="['headImg']"
-                  list-type="picture-card"
-                  class="avatar-uploader"
-                  :show-upload-list="false"
-                  :action="uploadUrl"
-                  :headers="headers"
-                  :before-upload="beforeUpload"
-                  @change="handleChange"
+                  list-type='picture-card'
+                  class='avatar-uploader'
+                  :show-upload-list='false'
+                  :action='uploadUrl'
+                  :headers='headers'
+                  :before-upload='beforeUpload'
+                  @change='handleChange'
                 >
-                  <img v-if="imageUrl" :src="imageUrl" style="width: 102px; height: 102px" />
+                  <img v-if='imageUrl' :src='imageUrl' style='width: 102px; height: 102px' />
                   <div v-else>
                     <a-icon :type="loading ? 'loading' : 'plus'" />
-                    <div class="ant-upload-text"> 上传 </div>
+                    <div class='ant-upload-text'> 上传</div>
                   </div>
                 </a-upload>
               </a-form-item>
             </a-col>
-            <a-col :span="24">
-              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="上传照片墙">
+            <a-col :span='24'>
+              <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='上传照片墙'>
                 <a-upload
                   v-decorator="['bannerImages', {rules: [{ required: false, message: '上传照片墙' }]}]"
-                  list-type="picture-card"
-                  class="avatar-uploader"
-                  :file-list="fileList"
-                  :action="uploadUrl"
-                  :headers="headers"
-                  @preview="handlePreview"
-                  @change="handleChangeFileList"
+                  list-type='picture-card'
+                  class='avatar-uploader'
+                  :file-list='fileList'
+                  :action='uploadUrl'
+                  :headers='headers'
+                  @preview='handlePreview'
+                  @change='handleChangeFileList'
                 >
-                  <div v-if="fileList.length < 4">
-                    <a-icon type="plus" />
-                    <div class="ant-upload-text"> 上传 </div>
+                  <div v-if='fileList.length < 4'>
+                    <a-icon type='plus' />
+                    <div class='ant-upload-text'> 上传</div>
                   </div>
                 </a-upload>
-                <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
-                  <img style="width: 100%" :src="previewImage" />
+                <a-modal :visible='previewVisible' :footer='null' @cancel='handleCancel'>
+                  <img style='width: 100%' :src='previewImage' />
                 </a-modal>
               </a-form-item>
             </a-col>
-            <a-col :span="8">
-              <a-form-item :labelCol="labelColOneThird" :wrapperCol="wrapperColOneThird" label="渠道类型">
+            <a-col :span='8'>
+              <a-form-item :labelCol='labelColOneThird' :wrapperCol='wrapperColOneThird' label='渠道类型'>
                 <a-select v-decorator="['channelType']">
-                  <a-select-option value="AGENT">中介公司</a-select-option>
-                  <a-select-option value="AD">广告</a-select-option>
-                  <a-select-option value="COOPERATE">合作推荐</a-select-option>
-                  <a-select-option value="MY_CHANNEL">自开发渠道</a-select-option>
+                  <a-select-option value='AGENT'>中介公司</a-select-option>
+                  <a-select-option value='AD'>广告</a-select-option>
+                  <a-select-option value='COOPERATE'>合作推荐</a-select-option>
+                  <a-select-option value='MY_CHANNEL'>自开发渠道</a-select-option>
                 </a-select>
               </a-form-item>
             </a-col>
-            <a-col :span="8">
-              <a-form-item :labelCol="labelColOneThird" :wrapperCol="wrapperColOneThird" label="渠道名称">
-                <a-input placeholder="渠道名称" v-decorator="['channelName']" />
+            <a-col :span='8'>
+              <a-form-item :labelCol='labelColOneThird' :wrapperCol='wrapperColOneThird' label='渠道名称'>
+                <a-input placeholder='渠道名称' v-decorator="['channelName']" />
               </a-form-item>
             </a-col>
-            <a-col :span="8">
-              <a-form-item :labelCol="labelColOneThird" :wrapperCol="wrapperColOneThird" label="是否黑名单">
-                <a-switch :checked="customerForm.isBlacklist" @change="onChangeBlacklist" v-decorator="['isBlacklist']" />
+            <a-col :span='8'>
+              <a-form-item :labelCol='labelColOneThird' :wrapperCol='wrapperColOneThird' label='是否黑名单'>
+                <a-switch :checked='customerForm.isBlacklist' @change='onChangeBlacklist'
+                          v-decorator="['isBlacklist']" />
               </a-form-item>
             </a-col>
-            <a-col :span="24">
-              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperColOneThird" label="客户备注">
-                <a-input placeholder="客户备注" v-decorator="['remark']" />
+            <a-col :span='24'>
+              <a-form-item :labelCol='labelCol' :wrapperCol='wrapperColOneThird' label='企业备注'>
+                <a-input placeholder='企业备注' v-decorator="['remark']" />
               </a-form-item>
             </a-col>
-            <a-col :span="24">
-              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="工商注册号">
-                <a-input placeholder="工商注册号" v-decorator="['regNo']" />
+            <a-col :span='24'>
+              <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='工商注册号'>
+                <a-input placeholder='工商注册号' v-decorator="['regNo']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="组织机构代码">
-                <a-input placeholder="组织机构代码" v-decorator="['orgNo']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='组织机构代码'>
+                <a-input placeholder='组织机构代码' v-decorator="['orgNo']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="法人名">
-                <a-input placeholder="法人名" v-decorator="['operName']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='法人名'>
+                <a-input placeholder='法人名' v-decorator="['operName']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="经营状态">
-                <a-input placeholder="经营状态" v-decorator="['status']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='经营状态'>
+                <a-input placeholder='经营状态' v-decorator="['status']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="公司类型(企业性质)">
-                <a-input placeholder="公司类型(企业性质)" v-decorator="['econKind']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='公司类型(企业性质)'>
+                <a-input placeholder='公司类型(企业性质)' v-decorator="['econKind']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="注册资金">
-                <a-input placeholder="注册资金" v-decorator="['registCapi']" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='注册资金'>
+                <a-input placeholder='注册资金' v-decorator="['registCapi']" />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="成立日期">
-                <a-date-picker @change="onChange" v-decorator="['startDate']" placeholder="成立日期" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='成立日期'>
+                <a-date-picker @change='onChange' v-decorator="['startDate']" placeholder='成立日期' />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="营业结束日期">
-                <a-date-picker @change="onChange" v-decorator="['endDate']" placeholder="营业结束日期" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='营业结束日期'>
+                <a-date-picker @change='onChange' v-decorator="['endDate']" placeholder='营业结束日期' />
               </a-form-item>
             </a-col>
-            <a-col :span="12">
-              <a-form-item :labelCol="labelColHalf" :wrapperCol="wrapperColHalf" label="登记机关">
-                <a-input placeholder="登记机关" v-decorator="['belongOrg',{rules: [{required: true, message: '请选择登记机关'}]}]" />
+            <a-col :span='12'>
+              <a-form-item :labelCol='labelColHalf' :wrapperCol='wrapperColHalf' label='登记机关'>
+                <a-input placeholder='登记机关'
+                         v-decorator="['belongOrg',{rules: [{required: true, message: '请选择登记机关'}]}]" />
               </a-form-item>
             </a-col>
-            <a-col :span="24">
-              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="注册地址">
-                <a-input placeholder="注册地址" v-decorator="['address',{rules: [{required: true, message: '请选择注册地址'}]}]" />
+            <a-col :span='24'>
+              <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='注册地址'>
+                <a-input placeholder='注册地址'
+                         v-decorator="['address',{rules: [{required: true, message: '请选择注册地址'}]}]" />
               </a-form-item>
             </a-col>
-            <a-col :span="24">
-              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="经营范围">
+            <a-col :span='24'>
+              <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='经营范围'>
                 <!-- <a-input placeholder="经营范围" v-decorator="['scope']" /> -->
-                <a-textarea placeholder="经营范围" v-decorator="['scope']" :autoSize="{ minRows: 3, maxRows: 5 }"></a-textarea>
+                <a-textarea placeholder='经营范围' v-decorator="['scope']"
+                            :autoSize='{ minRows: 3, maxRows: 5 }'></a-textarea>
               </a-form-item>
             </a-col>
           </a-row>
-          <a-form-item :wrapperCol="{ span: 24 }" style="text-align: center">
-            <a-button htmlType="submit" type="primary">提交</a-button>
-            <a-button icon="rollback" style="margin-left: 8px" @click="rollback">关闭</a-button>
+          <a-form-item :wrapperCol='{ span: 24 }' style='text-align: center'>
+            <a-button htmlType='submit' type='primary'>提交</a-button>
+            <a-button icon='rollback' style='margin-left: 8px' @click='rollback'>关闭</a-button>
           </a-form-item>
         </a-tab-pane>
-        <a-tab-pane tab="关联合同" key="2" forceRender v-if="$route.query.customerId">
-          <div style="margin: 10px">
-            <a-button type="primary" @click="navContract" >新增合同</a-button>
+        <a-tab-pane tab='关联合同' key='2' forceRender v-if='$route.query.customerId'>
+          <div style='margin: 10px'>
+            <a-button type='primary' @click='navContract'>新增合同</a-button>
           </div>
           <a-table
-            :pagination="false"
-            :columns="contractColumns"
-            :dataSource="contractData"
-            rowKey="id"
+            :pagination='false'
+            :columns='contractColumns'
+            :dataSource='contractData'
+            rowKey='id'
           >
-            <div slot="sn" slot-scope="text, record" style="cursor:pointer;color:#1890ff" @click="handleDetail(record.id)">
+            <div slot='sn' slot-scope='text, record' style='cursor:pointer;color:#1890ff'
+                 @click='handleDetail(record.id)'>
               <span>{{ text }}</span>
             </div>
-            <span slot="serial" slot-scope="text, record, index">
+            <span slot='serial' slot-scope='text, record, index'>
               {{ index + 1 }}
             </span>
-            <span slot="status" slot-scope="text">
+            <span slot='status' slot-scope='text'>
               {{ text | statusFilter }}
             </span>
           </a-table>
         </a-tab-pane>
-        <a-tab-pane tab="联系人" key="3" v-if="$route.query.customerId">
-          <div style="margin: 10px">
-            <a-button type="primary" @click="$refs.contactModal.add({ customerId: $route.query.customerId })">新建联系人</a-button>
+        <a-tab-pane tab='联系人' key='3' v-if='$route.query.customerId'>
+          <div style='margin: 10px'>
+            <a-button type='primary' @click='$refs.contactModal.add({ customerId: $route.query.customerId })'>
+              新建联系人
+            </a-button>
           </div>
-          <a-table :pagination="false" :columns="contactsItemColumns" :dataSource="contactsItemData" rowKey="id">
-            <template slot="operation" slot-scope="text, record">
-<!--              <a-button type="link" @click="$refs.contactModal.add(record)">编辑</a-button>-->
-<!--              <a-divider type="vertical" />-->
-              <a-popconfirm @confirm="handleDeleteContact(record)">
-                <template slot="title">
+          <a-table :pagination='false' :columns='contactsItemColumns' :dataSource='contactsItemData' rowKey='id'>
+            <template slot='operation' slot-scope='text, record'>
+              <!--              <a-button type="link" @click="$refs.contactModal.add(record)">编辑</a-button>-->
+              <!--              <a-divider type="vertical" />-->
+              <a-popconfirm @confirm='handleDeleteContact(record)'>
+                <template slot='title'>
                   <span>确定删除 {{ record.name }} 吗？</span>
                 </template>
-                <a-icon slot="icon" type="question-circle-o" style="color: red" />
-                <a-button type="link">删除</a-button>
+                <a-icon slot='icon' type='question-circle-o' style='color: red' />
+                <a-button type='link'>删除</a-button>
               </a-popconfirm>
             </template>
           </a-table>
         </a-tab-pane>
-        <a-tab-pane tab="相关文件" key="4" v-if="$route.query.customerId">
-          <customer-attachment-list :customer-id="$route.query.customerId"></customer-attachment-list>
+        <a-tab-pane tab='相关文件' key='4' v-if='$route.query.customerId'>
+          <customer-attachment-list :customer-id='$route.query.customerId'></customer-attachment-list>
 
         </a-tab-pane>
       </a-tabs>
     </a-form>
-    <customer-contacts-modal ref="contactModal" @ok="handleContactSaved"/>
+    <customer-contacts-modal ref='contactModal' @ok='handleContactSaved' />
   </a-card>
 </template>
 
@@ -269,7 +303,18 @@
 import moment from 'moment'
 import storage from 'store'
 import { ACCESS_TOKEN } from '@/store/mutation-types'
-import { saveCustomer, getCustomer, getQiXinBasicInfo, getCustomerContactsList,getStaffList, delCustomerContacts } from '@/api/admin/customer'
+import {
+  saveCustomer,
+  getCustomer,
+  getQiXinBasicInfo,
+  getCustomerContactsList,
+  getStaffList,
+  delCustomerContacts
+} from '@/api/admin/customer'
+import {
+  getFloorList,
+  getRoomListByFloorId
+} from '@/api/admin/meeting/roomContent'
 import { getCustomerContractList } from '@/api/admin/customerContract'
 import CustomerContactsModal from './modules/CustomerContactsModal.vue'
 import CustomerAttachmentList from './modules/CustomerAttachmentList.vue'
@@ -281,7 +326,7 @@ export default {
     CustomerContactsModal,
     CustomerAttachmentList
   },
-  data () {
+  data() {
     return {
       id: '',
       defaultActiveKey: '1',
@@ -326,11 +371,11 @@ export default {
       contactsItemColumns: [
         {
           title: '昵称',
-          dataIndex: 'username',
+          dataIndex: 'username'
         },
         {
           title: '手机号',
-          dataIndex: 'mobile',
+          dataIndex: 'mobile'
         },
         {
           title: '操作',
@@ -375,11 +420,13 @@ export default {
       loading: false,
       imageUrl: '',
       // form
-      form: this.$form.createForm(this)
+      form: this.$form.createForm(this),
+      floorList: [],
+      roomList: [],
     }
   },
   filters: {
-    statusFilter (type) {
+    statusFilter(type) {
       const statusMap = {
         'DRAFT': '草稿',
         'APPROVING': '待审批',
@@ -393,24 +440,45 @@ export default {
       return statusMap[type]
     }
   },
-  created () {
+  created() {
     this.id = this.$route.query.customerId
     if (this.$route.query.types) {
       this.defaultActiveKey = '2'
     }
     this.handleInit()
+    // 获取楼层
+    this.getFloorDataList();
   },
   methods: {
-    handleDetail (id) {
-      this.$router.push({ name: 'customerContractDetailModal', query: { id: id, customerId: this.$route.query.customerId, url: 'customerEdit' } })
+    // 获取楼层
+    getFloorDataList() {
+      getFloorList().then((res) => {
+        this.floorList = res.data
+      })
     },
-    navContract (e) {
+    // 获取房间
+    getRoomList(value) {
+      let param = {
+        'buildingDetailId': value,
+        'type': 0
+      }
+      getRoomListByFloorId(param).then((res) => {
+        this.roomList = res.data
+      })
+    },
+    handleDetail(id) {
+      this.$router.push({
+        name: 'customerContractDetailModal',
+        query: { id: id, customerId: this.$route.query.customerId, url: 'customerEdit' }
+      })
+    },
+    navContract(e) {
       this.$router.push({ name: 'customerContractEdit', query: { customerId: this.id, url: 'customerEdit' } })
     },
-    onChangeBlacklist (checked) {
+    onChangeBlacklist(checked) {
       this.customerForm.isBlacklist = checked
     },
-    getQiXinBasicInfo () {
+    getQiXinBasicInfo() {
       var keyword = this.form.getFieldValue('creditNo')
       getQiXinBasicInfo({ 'keyword': keyword }).then(res => {
         if (res.code === 0) {
@@ -424,11 +492,18 @@ export default {
         }
       })
     },
-    handleInit () {
+    handleInit() {
       const { customerId } = this.$route.query
       if (customerId) {
         getCustomer(customerId).then(res => {
           this.customerForm = res
+          // 房间
+          if (this.customerForm.roomId) {
+            this.roomList.push({
+              id: this.customerForm.roomId,
+              name: this.customerForm.roomName
+            })
+          }
           // 头像
           if (this.customerForm.headImg) {
             this.imageUrl = process.env.VUE_APP_API_BASE_URL + this.customerForm.headImg
@@ -446,11 +521,11 @@ export default {
       this.getContastsList()
       this.getContractList()
     },
-    onChange (date, dateString) {
+    onChange(date, dateString) {
       console.log(date, dateString)
     },
     // handler
-    handleSubmit (e) {
+    handleSubmit(e) {
       e.preventDefault()
       this.form.validateFields((err, values) => {
         if (!err) {
@@ -489,20 +564,20 @@ export default {
         }
       })
     },
-    rollback () {
+    rollback() {
       this.$router.push('/admin/service/customer')
     },
     // 联系人列表
-    getContastsList () {
+    getContastsList() {
       let param = {
         customerId: this.$route.query.customerId
       }
-      getStaffList(param).then(res =>{
-        this.contactsItemData =res.rows
+      getStaffList(param).then(res => {
+        this.contactsItemData = res.rows
       })
     },
     // 合同列表
-    getContractList () {
+    getContractList() {
       getCustomerContractList({ customerId: this.$route.query.customerId }).then(res => {
         // console.log(res)
         if (res.code === 0) {
@@ -511,11 +586,11 @@ export default {
       })
     },
     // 新增联系人回调
-    handleContactSaved () {
+    handleContactSaved() {
       this.getContastsList()
     },
     // 删除联系人
-    handleDeleteContact (contactInfo) {
+    handleDeleteContact(contactInfo) {
       delCustomerContacts({ ids: contactInfo.id }).then(res => {
         if (res.code === 0) {
           this.$message.success('删除成功')
@@ -531,7 +606,7 @@ export default {
       })
     },
 
-    beforeUpload (file) {
+    beforeUpload(file) {
       const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'
       if (!isJpgOrPng) {
         this.$message.error('You can only upload JPG file!')
@@ -542,7 +617,7 @@ export default {
       }
       return isJpgOrPng && isLt2M
     },
-    handleChange (info) {
+    handleChange(info) {
       if (info.file.status === 'uploading') {
         this.loading = true
         return
@@ -563,32 +638,32 @@ export default {
         })
       }
     },
-    async handlePreview (file) {
+    async handlePreview(file) {
       if (!file.url && !file.preview) {
         file.preview = await getBase64FileList(file.originFileObj)
       }
       this.previewImage = file.url || file.preview
       this.previewVisible = true
     },
-    handleCancel () {
+    handleCancel() {
       this.previewVisible = false
     },
     // 上传照片墙
-    handleChangeFileList ({ fileList }) {
+    handleChangeFileList({ fileList }) {
       this.fileList = fileList
     }
   }
 }
 
 // 上传头像
-function getBase64 (img, callback) {
+function getBase64(img, callback) {
   const reader = new FileReader()
   reader.addEventListener('load', () => callback(reader.result))
   reader.readAsDataURL(img)
 }
 
 // 上传照片墙
-function getBase64FileList (file) {
+function getBase64FileList(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader()
     reader.readAsDataURL(file)
@@ -599,18 +674,18 @@ function getBase64FileList (file) {
 </script>
 
 <style>
-  .avatar-uploader>.ant-upload {
-    width: 102px;
-    height: 102px;
-  }
+.avatar-uploader > .ant-upload {
+  width: 102px;
+  height: 102px;
+}
 
-  .ant-upload-select-picture-card i {
-    font-size: 32px;
-    color: #999;
-  }
+.ant-upload-select-picture-card i {
+  font-size: 32px;
+  color: #999;
+}
 
-  .ant-upload-select-picture-card .ant-upload-text {
-    margin-top: 8px;
-    color: #666;
-  }
+.ant-upload-select-picture-card .ant-upload-text {
+  margin-top: 8px;
+  color: #666;
+}
 </style>
diff --git a/src/views/admin/CustomerList.vue b/src/views/admin/CustomerList.vue
index cc14273..2f00f49 100644
--- a/src/views/admin/CustomerList.vue
+++ b/src/views/admin/CustomerList.vue
@@ -4,8 +4,8 @@
       <a-form layout="inline">
         <a-row :gutter="48">
           <a-col :md="5" :sm="15">
-            <a-form-item label="客户名称">
-              <a-input placeholder="请输入客户名称" v-model="queryParam.name"/>
+            <a-form-item label="企业名称">
+              <a-input placeholder="请输入企业名称" v-model="queryParam.name"/>
             </a-form-item>
           </a-col>
           <a-col :md="5" :sm="15">
@@ -93,16 +93,16 @@ export default {
           fixed: 'left'
         },
         {
-          title: '客户名称',
+          title: '企业名称',
           dataIndex: 'name'
         },
         {
-          title: '客户类型',
+          title: '企业类型',
           dataIndex: 'type',
           scopedSlots: { customRender: 'type' }
         },
         {
-          title: '客户状态',
+          title: '企业状态',
           dataIndex: 'customerStatus',
           scopedSlots: { customRender: 'customerStatus' }
         },
@@ -180,10 +180,10 @@ export default {
     },
     customerStatusFilter (customerStatus) {
       const customerStatusMap = {
-        'POTENTIAL': '潜在客户',
-        'PURPOSE': '意向客户',
-        'DEAL': '成交客户',
-        'LOSE': '流失客户'
+        'POTENTIAL': '潜在企业',
+        'PURPOSE': '意向企业',
+        'DEAL': '成交企业',
+        'LOSE': '流失企业'
       }
       return customerStatusMap[customerStatus]
     }