客户信息详情 客户分类2

src/views/iosBasicData/bcorps/detailsPage.vue

@@ -1,210 +1,221 @@
 <template>
-  <basic-container>
-    <el-form ref="userDataForm" :rules="rules" :model="formData" size="medium" label-width="100px">
-      <div class="head">
-        <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
-          @click="backToList">返回列表
-        </el-button>
-        <el-button type="primary" @click="submitForm">保存</el-button>
-      </div>
-      <el-row style="display: flex; flex-direction: row; align-items: center;">
-        <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
-        <h4>客户资料（必填）</h4>
-      </el-row>
-      <el-row gutter="15">
-        <el-col :span="8">
-          <el-form-item label="客户分类" prop="corpType">
-            <!-- <el-select v-model="formData.corpType" placeholder="请选择客户分类" clearable :style="{ width: '100%' }">
+  <dev>
+    <el-card class="box-card">
+
+      <el-form ref="userDataForm" :rules="rules" :model="formData" size="medium" label-width="100px">
+        <div class="head">
+          <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
+            @click="backToList">返回列表
+          </el-button>
+          <el-button type="primary" @click="submitForm">保存</el-button>
+        </div>
+        <el-row style="display: flex; flex-direction: row; align-items: center;">
+          <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
+          <h4>客户资料（必填）</h4>
+        </el-row>
+        <el-row gutter="15">
+          <el-col :span="8">
+            <el-form-item label="客户分类" prop="corpType">
+              <!-- <el-select v-model="formData.corpType" placeholder="请选择客户分类" clearable :style="{ width: '100%' }">
               <el-option v-for="(item, index) in field102Options" :key="index" :label="item.label" :value="item.value"
                 :disabled="item.disabled"></el-option>
             </el-select> -->
-            <avue-input-tree :check-strictly="true" @change="corpTypeChange" multiple v-model="formData.corpTypeList"
-              placeholder="请选择内容" :props="{ label: 'cnName', value: 'id' }" :dic="customTypeData"
-              :style="{ width: '100%' }"></avue-input-tree>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="客户编号" prop="code">
-            <!-- <el-select v-model="formData.code" placeholder="请选择客户编号" clearable :style="{width: '100%'}">
+              <avue-input-tree :check-strictly="true" @change="corpTypeChange" multiple v-model="formData.corpTypeList"
+                placeholder="请选择内容" :props="{ label: 'cnName', value: 'id' }" :dic="customTypeData"
+                :style="{ width: '100%' }"></avue-input-tree>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="客户编号" prop="code">
+              <!-- <el-select v-model="formData.code" placeholder="请选择客户编号" clearable :style="{width: '100%'}">
               <el-option v-for="(item, index) in field103Options" :key="index" :label="item.label"
                 :value="item.value" :disabled="item.disabled"></el-option>
             </el-select> -->
-            <el-input v-model="formData.code" placeholder="请选择客户编号" clearable :style="{ width: '100%' }">
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="客户简称" prop="shortName">
-            <!-- <el-select v-model="formData.shortName" placeholder="请选择客户简称" clearable :style="{width: '100%'}">
+              <el-input v-model="formData.code" placeholder="请选择客户编号" clearable :style="{ width: '100%' }">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="客户简称" prop="shortName">
+              <!-- <el-select v-model="formData.shortName" placeholder="请选择客户简称" clearable :style="{width: '100%'}">
               <el-option v-for="(item, index) in field104Options" :key="index" :label="item.label"
                 :value="item.value" :disabled="item.disabled"></el-option>
             </el-select> -->
-            <el-input v-model="formData.shortName" placeholder="请选择客户简称" clearable :style="{ width: '100%' }">
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="16">
-          <el-form-item label="客户名称" prop="cnName">
-            <el-input v-model="formData.cnName" placeholder="请输入英文名称" clearable :style="{ width: '100%' }">
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="英文名称" prop="enName">
-            <el-input v-model="formData.enName" placeholder="请输入英文名称" clearable :style="{ width: '100%' }">
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="16">
-          <el-form-item label="中文地址" prop="cnAddr">
-            <el-input v-model="formData.cnAddr" placeholder="请输入中文地址" clearable :style="{ width: '100%' }">
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="英文地址" prop="enAddr">
-            <el-input v-model="formData.enAddr" placeholder="请输入英文地址" clearable :style="{ width: '100%' }">
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row gutter="15">
-        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
-          <el-tab-pane label="客户详情" name="kgxq">
-            <el-col :span="8">
-              <el-form-item label="企业类型" prop="enterpriseType">
-                <el-select v-model="formData.enterpriseType" placeholder="请输入信用等级" clearable :style="{ width: '100%' }">
-                  <el-option v-for="(item, index) in enterpriseTypeDict" :key="index" :label="item.dictValue"
-                    :value="item.dictKey" :disabled="item.disabled"></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="客户来源" prop="sourceType">
-                <el-input v-model="formData.sourceType" placeholder="请输入客户来源" clearable :style="{ width: '100%' }">
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="国家" prop="cntyCode">
-                <search-query ref="SearchQuery" :datalist="cntyOptions" title="国家" :filterable="true" :clearable="true"
-                  :remote="true" :forParameter="{ key: 'id', label: 'cnName', value: 'code', disabled: 'status' }"
-                  :disabledStatus="1" @remoteMethod="bcountrysListfun" @corpChange="bcountrysChange">
-                  <bcountrys></bcountrys>
-                </search-query>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="优势航线" prop="advantageRoute">
-                <el-input v-model="formData.advantageRoute" placeholder="请输入优势航线" clearable :style="{ width: '100%' }">
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="海关号" prop="customsCode">
-                <el-input v-model="formData.customsCode" placeholder="请输入海关号" clearable :style="{ width: '100%' }">
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="状态" prop="status">
-                <el-select v-model="formData.status" placeholder="请选择状态" clearable :style="{ width: '100%' }">
-                  <el-option v-for="(item, index) in statusOptions" :key="index" :label="item.label" :value="item.value"
-                    :disabled="item.disabled"></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="负责人" prop="mgrName">
-                <el-input v-model="formData.mgrName" placeholder="请输入负责人" clearable :style="{ width: '100%' }">
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="联系人电话" prop="tel">
-                <el-input v-model="formData.tel" placeholder="请输入联系人电话" clearable :style="{ width: '100%' }">
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="传真" prop="fax">
-                <el-input v-model="formData.fax" placeholder="请输入传真" clearable :style="{ width: '100%' }">
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="SCAC码" prop="scacCode">
-                <el-input v-model="formData.scacCode" placeholder="请输入SCAC码" clearable :style="{ width: '100%' }">
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="维护人员" prop="maintenanceStaffName">
-                <el-input v-model="formData.maintenanceStaffName" placeholder="请输入维护人员" clearable
-                  :style="{ width: '100%' }">
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="业务员" prop="salesId">
-                <!-- <el-input v-model="formData.salesId" placeholder="请输入业务员" clearable :style="{ width: '100%' }"> -->
-                <el-select v-model="formData.salesId" filterable @change="salesChange" placeholder="请选择业务员" clearable
-                  :style="{ width: '100%' }">
-                  <el-option v-for="(item, index) in userOptions" :key="index" :label="item.realName" :value="item.id"
-                    :disabled="item.disabled"></el-option>
-                </el-select>
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <!-- <el-col :span="8">
+              <el-input v-model="formData.shortName" placeholder="请选择客户简称" clearable :style="{ width: '100%' }">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item label="客户名称" prop="cnName">
+              <el-input v-model="formData.cnName" placeholder="请输入英文名称" clearable :style="{ width: '100%' }">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="英文名称" prop="enName">
+              <el-input v-model="formData.enName" placeholder="请输入英文名称" clearable :style="{ width: '100%' }">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="16">
+            <el-form-item label="中文地址" prop="cnAddr">
+              <el-input v-model="formData.cnAddr" placeholder="请输入中文地址" clearable :style="{ width: '100%' }">
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="英文地址" prop="enAddr">
+              <el-input v-model="formData.enAddr" placeholder="请输入英文地址" clearable :style="{ width: '100%' }">
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+    </el-card>
+
+
+
+    <el-card class="box-card">
+
+      <el-form :model="formData" size="medium" label-width="100px">
+        <el-row gutter="15">
+          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+            <el-tab-pane label="客户详情" name="kgxq">
+              <el-col :span="8">
+                <el-form-item label="企业类型" prop="enterpriseType">
+                  <el-select v-model="formData.enterpriseType" placeholder="请输入信用等级" clearable :style="{ width: '100%' }">
+                    <el-option v-for="(item, index) in enterpriseTypeDict" :key="index" :label="item.dictValue"
+                      :value="item.dictKey" :disabled="item.disabled"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="客户来源" prop="sourceType">
+                  <el-input v-model="formData.sourceType" placeholder="请输入客户来源" clearable :style="{ width: '100%' }">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="国家" prop="cntyCode">
+                  <search-query ref="SearchQuery" :datalist="cntyOptions" title="国家" :filterable="true" :clearable="true"
+                    :remote="true" :forParameter="{ key: 'id', label: 'cnName', value: 'code', disabled: 'status' }"
+                    :disabledStatus="1" @remoteMethod="bcountrysListfun" @corpChange="bcountrysChange">
+                    <bcountrys></bcountrys>
+                  </search-query>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="优势航线" prop="advantageRoute">
+                  <el-input v-model="formData.advantageRoute" placeholder="请输入优势航线" clearable :style="{ width: '100%' }">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="海关号" prop="customsCode">
+                  <el-input v-model="formData.customsCode" placeholder="请输入海关号" clearable :style="{ width: '100%' }">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="状态" prop="status">
+                  <el-select v-model="formData.status" placeholder="请选择状态" clearable :style="{ width: '100%' }">
+                    <el-option v-for="(item, index) in statusOptions" :key="index" :label="item.label" :value="item.value"
+                      :disabled="item.disabled"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="负责人" prop="mgrName">
+                  <el-input v-model="formData.mgrName" placeholder="请输入负责人" clearable :style="{ width: '100%' }">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="联系人电话" prop="tel">
+                  <el-input v-model="formData.tel" placeholder="请输入联系人电话" clearable :style="{ width: '100%' }">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="传真" prop="fax">
+                  <el-input v-model="formData.fax" placeholder="请输入传真" clearable :style="{ width: '100%' }">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="SCAC码" prop="scacCode">
+                  <el-input v-model="formData.scacCode" placeholder="请输入SCAC码" clearable :style="{ width: '100%' }">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="维护人员" prop="maintenanceStaffName">
+                  <el-input v-model="formData.maintenanceStaffName" placeholder="请输入维护人员" clearable
+                    :style="{ width: '100%' }">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="业务员" prop="salesId">
+                  <!-- <el-input v-model="formData.salesId" placeholder="请输入业务员" clearable :style="{ width: '100%' }"> -->
+                  <el-select v-model="formData.salesId" filterable @change="salesChange" placeholder="请选择业务员" clearable
+                    :style="{ width: '100%' }">
+                    <el-option v-for="(item, index) in userOptions" :key="index" :label="item.realName" :value="item.id"
+                      :disabled="item.disabled"></el-option>
+                  </el-select>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <!-- <el-col :span="8">
               <el-form-item label="所属单位编号" prop="field125">
                 <el-input v-model="formData.field125" placeholder="请输入所属单位编号" clearable :style="{width: '100%'}">
                 </el-input>
               </el-form-item>
             </el-col> -->
-            <el-col :span="8">
-              <el-form-item label="所属单位名称" prop="corpName">
-                <el-input v-model="formData.corpName" placeholder="请输入名称" clearable :style="{ width: '100%' }">
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="信用等级" prop="creditLevel">
-                <el-select v-model="formData.creditLevel" placeholder="请输入信用等级" clearable :style="{ width: '100%' }">
-                  <el-option v-for="(item, index) in creditLevelDict" :key="index" :label="item.dictValue"
-                    :value="item.dictKey" :disabled="item.disabled"></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="PS规则" prop="psRate">
-                <!-- <el-input v-model="formData.psRate" placeholder="请输入PS规则" clearable :style="{ width: '100%' }"> -->
-                <el-input-number v-model="corpsAttnForm.sort" controls-position="right" @change="handleChange" :min="0"
-                  :precision="2" :step="1" :style="{ width: '100%' }"></el-input-number>
-                </el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="存在HP/S" prop="isPs">
-                <el-switch v-model="formData.isPs" :active-value="1" :inactive-value="0" active-text="开启"
-                  inactive-text="关闭"></el-switch>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="允许负大于收" prop="psAllowLargeCredit">
-                <el-switch v-model="formData.psAllowLargeCredit" :active-value="1" :inactive-value="0" active-text="开启"
-                  inactive-text="关闭"></el-switch>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="详情信息" prop="details">
-                <el-input v-model="formData.details" type="textarea" placeholder="请输入详情信息"
-                  :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-tab-pane>
-          <el-tab-pane label="财务信息" name="cwxx">
-            <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
+              <el-col :span="8">
+                <el-form-item label="所属单位名称" prop="corpName">
+                  <el-input v-model="formData.corpName" placeholder="请输入名称" clearable :style="{ width: '100%' }">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="信用等级" prop="creditLevel">
+                  <el-select v-model="formData.creditLevel" placeholder="请输入信用等级" clearable :style="{ width: '100%' }">
+                    <el-option v-for="(item, index) in creditLevelDict" :key="index" :label="item.dictValue"
+                      :value="item.dictKey" :disabled="item.disabled"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="PS规则" prop="psRate">
+                  <!-- <el-input v-model="formData.psRate" placeholder="请输入PS规则" clearable :style="{ width: '100%' }"> -->
+                  <el-input-number v-model="corpsAttnForm.sort" controls-position="right" @change="handleChange" :min="0"
+                    :precision="2" :step="1" :style="{ width: '100%' }"></el-input-number>
+                  </el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="存在HP/S" prop="isPs">
+                  <el-switch v-model="formData.isPs" :active-value="1" :inactive-value="0" active-text="开启"
+                    inactive-text="关闭"></el-switch>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="允许负大于收" prop="psAllowLargeCredit">
+                  <el-switch v-model="formData.psAllowLargeCredit" :active-value="1" :inactive-value="0" active-text="开启"
+                    inactive-text="关闭"></el-switch>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-form-item label="详情信息" prop="details">
+                  <el-input v-model="formData.details" type="textarea" placeholder="请输入详情信息"
+                    :autosize="{ minRows: 4, maxRows: 4 }" :style="{ width: '100%' }"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-tab-pane>
+            <el-tab-pane label="财务信息" name="cwxx">
+              <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
               <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
               <h4>人民币（RMB）</h4>
             </el-row>
@@ -276,36 +287,36 @@
                 </el-form-item>
               </el-col>
             </el-row> -->
-            <el-row style="display: flex; flex-direction: row; align-items: center;">
-              <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;">
-              </div>
-              <h4>授信信息</h4>
-              <el-form-item label="授信状态" prop="creditStatus">
-                <el-switch style="margin-bottom = 0" :active-value="1" :inactive-value="0" v-model="formData.creditStatus"
-                  active-text="开启" inactive-text="关闭"></el-switch>
-              </el-form-item>
-            </el-row>
-            <el-row gutter="15">
-              <el-col :span="8">
-                <el-form-item label="授信额度" prop="creditGrant">
-                  <el-input v-model="formData.creditGrant" placeholder="请输入授信额度" clearable :style="{ width: '100%' }">
-                  </el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="8">
-                <el-form-item label="授信天数" prop="creditDay">
-                  <el-input v-model="formData.creditDay" placeholder="请输入授信天数" clearable :style="{ width: '100%' }">
-                  </el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="8">
-                <el-form-item label="授信利率" prop="creditRate">
-                  <el-input v-model="formData.creditRate" placeholder="请输入授信利率" clearable :style="{ width: '100%' }">
-                  </el-input>
+              <el-row style="display: flex; flex-direction: row; align-items: center;">
+                <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;">
+                </div>
+                <h4>授信信息</h4>
+                <el-form-item label="授信状态" prop="creditStatus">
+                  <el-switch style="margin-bottom = 0" :active-value="1" :inactive-value="0"
+                    v-model="formData.creditStatus" active-text="开启" inactive-text="关闭"></el-switch>
                 </el-form-item>
-              </el-col>
-            </el-row>
-            <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
+              </el-row>
+              <el-row gutter="15">
+                <el-col :span="8">
+                  <el-form-item label="授信额度" prop="creditGrant">
+                    <el-input v-model="formData.creditGrant" placeholder="请输入授信额度" clearable :style="{ width: '100%' }">
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="授信天数" prop="creditDay">
+                    <el-input v-model="formData.creditDay" placeholder="请输入授信天数" clearable :style="{ width: '100%' }">
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="8">
+                  <el-form-item label="授信利率" prop="creditRate">
+                    <el-input v-model="formData.creditRate" placeholder="请输入授信利率" clearable :style="{ width: '100%' }">
+                    </el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <!-- <el-row style="display: flex; flex-direction: row; align-items: center;">
               <div style="width: 8px; height: 20px; border-radius: 2px; background-color: #bd3124; margin-right: 6px;"></div>
               <h4>财务联系人</h4>
             </el-row>
@@ -329,149 +340,153 @@
                 </el-form-item>
               </el-col>
             </el-row> -->
-          </el-tab-pane>
-          <el-tab-pane label="客户联系人" name="khlxk">
-            <el-button type="primary" @click="corpsAttnAdd">新增</el-button>
-            <el-table :data="formData.corpsAttnList"
-              :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
-              style="width: 100%">
-              <el-table-column prop="code" label="编号" width="180" />
-              <el-table-column prop="cname" label="名称" width="180" />
-              <el-table-column prop="attn" label="联系方式" width="180" />
-              <el-table-column prop="tel" label="电话" width="180" />
-              <el-table-column prop="position" label="岗位" width="180" />
-              <el-table-column prop="addr" label="公司地址" width="180" />
-              <el-table-column prop="sex" label="性别" width="180" />
-              <el-table-column prop="email" label="邮箱地址" width="180" />
-              <el-table-column prop="status" label="状态" width="180">
-                <template slot-scope="scope">
-                  <span v-if="scope.row.status == 0">正常</span>
-                  <span v-if="scope.row.status == 1">启用</span>
-                </template>
-              </el-table-column>
-              <el-table-column fixed="right" label="操作" width="180">
-                <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
-                  <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-tab-pane>
-          <el-tab-pane label="银行信息" name="yhxx">
-            <el-button type="primary" @click="corpsAttnAdd">新增</el-button>
-            <el-table :data="formData.corpsBankList"
-              :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
-              style="width: 100%">
-              <el-table-column prop="uscc" label="统一社会信用代码" width="180" />
-              <el-table-column prop="accountName" label="账号名称" width="180" />
-              <el-table-column prop="accountBank" label="账号银行" width="180" />
-              <el-table-column prop="accountNo" label="银行账号" width="180" />
-              <el-table-column prop="curId" label="币别" width="180" />
-              <el-table-column prop="subjectNumber" label="科目编码" width="180" />
-              <el-table-column prop="address" label="地址" width="180" />
-              <el-table-column prop="swiftCode" label="Swift Code" width="180" />
-              <el-table-column prop="cnapsCode" label="CNAPS" width="180" />
-              <el-table-column prop="status" label="状态">
-                <template slot-scope="scope">
-                  <span v-if="scope.row.status == 0">正常</span>
-                  <span v-if="scope.row.status == 1">启用</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" label="备注" width="180" />
-              <el-table-column fixed="right" label="操作" width="180">
-                <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
-                  <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-tab-pane>
-          <el-tab-pane label="附件" name="fj">
-            <el-button type="primary" @click="corpsAttnAdd">新增</el-button>
-            <el-table :data="formData.corpsFilesList"
-              :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
-              style="width: 100%">
-              <el-table-column prop="sort" label="排序" />
-              <el-table-column prop="fileName" label="文件名" />
-              <el-table-column prop="url" label="文件地址" :show-overflow-tooltip="true">
-                <template slot-scope="scope">
-                  <el-link type="primary" :href="scope.row.url">{{ scope.row.url }}</el-link>
-                </template>
-              </el-table-column>
-              <el-table-column prop="status" label="状态">
-                <template slot-scope="scope">
-                  <span v-if="scope.row.status == 0">正常</span>
-                  <span v-if="scope.row.status == 1">启用</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" label="备注" />
-              <el-table-column fixed="right" label="操作" width="180">
-                <template slot-scope="scope">
-                  <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
-                  <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-tab-pane>
-          <el-tab-pane label="更名记录" name="gmjl">
-            <el-table :data="formData.corpsRenameList"
-              :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
-              style="width: 100%">
-              <el-table-column prop="oldCnName" label="原中文名称" width="180" />
-              <el-table-column prop="newCnName" label="新中文名称" width="180" />
-              <el-table-column prop="oldEnName" label="原英文名称" width="180" />
-              <el-table-column prop="newEnName" label="新英文名称" width="180" />
-              <!-- <el-table-column prop="byId" label="操作人" width="180"/> -->
-              <el-table-column prop="byTime" label="操作时间" width="180" />
-              <el-table-column prop="remarks" label="备注" width="180" />
-            </el-table>
-          </el-tab-pane>
-          <el-tab-pane label="发票抬头" name="fptt">
-            <el-button type="primary" @click="corpsAttnAdd">新增</el-button>
-            <el-table :data="formData.corpsInvoiceHeaderList"
-              :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
-              style="width: 100%">
-              <!-- <el-table-column prop="pid" label="主表id" width="180" /> -->
-              <el-table-column prop="guaranteeNo" label="保函号码" width="180" />
-              <el-table-column prop="guaranteeDate" label="保函日期" width="180" />
-              <el-table-column prop="invoiceHeader" label="发票抬头" width="180" />
-              <el-table-column prop="version" label="版本" width="180" />
-              <el-table-column prop="status" label="状态" width="180">
-                <template slot-scope="scope">
-                  <span v-if="scope.row.status == 0">正常</span>
-                  <span v-if="scope.row.status == 1">启用</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" label="备注" width="180" />
-            </el-table>
-          </el-tab-pane>
-          <el-tab-pane label="不良记录" name="bljl">
-            <el-table :data="formData.corpsBadrecordList"
-              :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
-              style="width: 100%">
-              <el-table-column prop="pid" label="主表客户id" width="180" />
-              <el-table-column prop="oldCreditLevel" label="原授信等级" width="180" />
-              <el-table-column prop="newCreditLevel" label="新授信等级" width="180" />
-              <el-table-column prop="version" label="版本" width="180" />
-              <el-table-column prop="status" label="状态" width="180">
-                <template slot-scope="scope">
-                  <span v-if="scope.row.status == 0">正常</span>
-                  <span v-if="scope.row.status == 1">启用</span>
-                </template>
-              </el-table-column>
-              <el-table-column prop="remarks" label="备注" width="180" />
-            </el-table>
-          </el-tab-pane>
-          <el-tab-pane label="增值税开票" name="zzskp">
-            定时任务补偿
-          </el-tab-pane>
-          <el-tab-pane label="匹配编号" name="ppbh">
-            定时任务补偿
-          </el-tab-pane>
-        </el-tabs>
+            </el-tab-pane>
+            <el-tab-pane label="客户联系人" name="khlxk">
+              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
+              <el-table :data="formData.corpsAttnList"
+                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
+                style="width: 100%">
+                <el-table-column prop="code" label="编号" width="180" />
+                <el-table-column prop="cname" label="名称" width="180" />
+                <el-table-column prop="attn" label="联系方式" width="180" />
+                <el-table-column prop="tel" label="电话" width="180" />
+                <el-table-column prop="position" label="岗位" width="180" />
+                <el-table-column prop="addr" label="公司地址" width="180" />
+                <el-table-column prop="sex" label="性别" width="180" />
+                <el-table-column prop="email" label="邮箱地址" width="180" />
+                <el-table-column prop="status" label="状态" width="180">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.status == 0">正常</span>
+                    <span v-if="scope.row.status == 1">启用</span>
+                  </template>
+                </el-table-column>
+                <el-table-column fixed="right" label="操作" width="180">
+                  <template slot-scope="scope">
+                    <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
+                    <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-tab-pane>
+            <el-tab-pane label="银行信息" name="yhxx">
+              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
+              <el-table :data="formData.corpsBankList"
+                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
+                style="width: 100%">
+                <el-table-column prop="uscc" label="统一社会信用代码" width="180" />
+                <el-table-column prop="accountName" label="账号名称" width="180" />
+                <el-table-column prop="accountBank" label="账号银行" width="180" />
+                <el-table-column prop="accountNo" label="银行账号" width="180" />
+                <el-table-column prop="curId" label="币别" width="180" />
+                <el-table-column prop="subjectNumber" label="科目编码" width="180" />
+                <el-table-column prop="address" label="地址" width="180" />
+                <el-table-column prop="swiftCode" label="Swift Code" width="180" />
+                <el-table-column prop="cnapsCode" label="CNAPS" width="180" />
+                <el-table-column prop="status" label="状态">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.status == 0">正常</span>
+                    <span v-if="scope.row.status == 1">启用</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="remarks" label="备注" width="180" />
+                <el-table-column fixed="right" label="操作" width="180">
+                  <template slot-scope="scope">
+                    <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
+                    <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-tab-pane>
+            <el-tab-pane label="附件" name="fj">
+              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
+              <el-table :data="formData.corpsFilesList"
+                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
+                style="width: 100%">
+                <el-table-column prop="sort" label="排序" />
+                <el-table-column prop="fileName" label="文件名" />
+                <el-table-column prop="url" label="文件地址" :show-overflow-tooltip="true">
+                  <template slot-scope="scope">
+                    <el-link type="primary" :href="scope.row.url">{{ scope.row.url }}</el-link>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="status" label="状态">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.status == 0">正常</span>
+                    <span v-if="scope.row.status == 1">启用</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="remarks" label="备注" />
+                <el-table-column fixed="right" label="操作" width="180">
+                  <template slot-scope="scope">
+                    <el-button type="text" size="small" @click="corpsAttnHandle(scope)">编辑</el-button>
+                    <el-button type="text" size="small" @click="corpsAttnDelete(scope)">删除</el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-tab-pane>
+            <el-tab-pane label="更名记录" name="gmjl">
+              <el-table :data="formData.corpsRenameList"
+                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
+                style="width: 100%">
+                <el-table-column prop="oldCnName" label="原中文名称" width="180" />
+                <el-table-column prop="newCnName" label="新中文名称" width="180" />
+                <el-table-column prop="oldEnName" label="原英文名称" width="180" />
+                <el-table-column prop="newEnName" label="新英文名称" width="180" />
+                <!-- <el-table-column prop="byId" label="操作人" width="180"/> -->
+                <el-table-column prop="byTime" label="操作时间" width="180" />
+                <el-table-column prop="remarks" label="备注" width="180" />
+              </el-table>
+            </el-tab-pane>
+            <el-tab-pane label="发票抬头" name="fptt">
+              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
+              <el-table :data="formData.corpsInvoiceHeaderList"
+                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
+                style="width: 100%">
+                <!-- <el-table-column prop="pid" label="主表id" width="180" /> -->
+                <el-table-column prop="guaranteeNo" label="保函号码" width="180" />
+                <el-table-column prop="guaranteeDate" label="保函日期" width="180" />
+                <el-table-column prop="invoiceHeader" label="发票抬头" width="180" />
+                <el-table-column prop="version" label="版本" width="180" />
+                <el-table-column prop="status" label="状态" width="180">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.status == 0">正常</span>
+                    <span v-if="scope.row.status == 1">启用</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="remarks" label="备注" width="180" />
+              </el-table>
+            </el-tab-pane>
+            <el-tab-pane label="不良记录" name="bljl">
+              <el-table :data="formData.corpsBadrecordList"
+                :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
+                style="width: 100%">
+                <el-table-column prop="pid" label="主表客户id" width="180" />
+                <el-table-column prop="oldCreditLevel" label="原授信等级" width="180" />
+                <el-table-column prop="newCreditLevel" label="新授信等级" width="180" />
+                <el-table-column prop="version" label="版本" width="180" />
+                <el-table-column prop="status" label="状态" width="180">
+                  <template slot-scope="scope">
+                    <span v-if="scope.row.status == 0">正常</span>
+                    <span v-if="scope.row.status == 1">启用</span>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="remarks" label="备注" width="180" />
+              </el-table>
+            </el-tab-pane>
+            <!-- <el-tab-pane label="增值税开票" name="zzskp">
+              定时任务补偿
+            </el-tab-pane>
+            <el-tab-pane label="匹配编号" name="ppbh">
+              定时任务补偿
+            </el-tab-pane>kai -->
+          </el-tabs>
+
+        </el-row>
+      </el-form>
+    </el-card>
+
+
 
-      </el-row>
-    </el-form>
 
     <el-dialog title="窗口" :visible.sync="corpsAttnDialogVisible" :append-to-body="true" width="40%"
       :before-close="handleClose">
@@ -613,7 +628,7 @@
         <el-button type="primary" @click="corpsAttnAddConfirm">确 定</el-button>
       </span>
     </el-dialog>
-  </basic-container>
+  </dev>
 </template>
 <script>
 import { getToken } from "@/util/auth";
@@ -676,70 +691,132 @@ export default {
         corpsBankList: [],
         corpsFilesList: [],
       },
+      // rules: {
+      //   corpType: [{
+      //     required: true,
+      //     message: '请选择客户分类',
+      //     trigger: 'change'
+      //   }],
+      //   code: [{
+      //     required: true,
+      //     message: '请选择客户编号',
+      //     trigger: 'change'
+      //   }],
+      //   shortName: [{
+      //     required: true,
+      //     message: '请选择客户简称',
+      //     trigger: 'change'
+      //   }],
+      //   cnName: [{
+      //     required: true,
+      //     message: '请选择客户名称',
+      //     trigger: 'change'
+      //   }],
+      //   enName: [{
+      //     required: true,
+      //     message: '请选择英文名称',
+      //     trigger: 'change'
+      //   }],
+      //   cnAddr: [{
+      //     required: true,
+      //     message: '请选择中文地址',
+      //     trigger: 'change'
+      //   }],
+      //   enAddr: [{
+      //     required: true,
+      //     message: '请选择英文地址',
+      //     trigger: 'change'
+      //   }],
+      // },
       rules: {
         corpType: [{
           required: true,
-          message: '请选择客户分类',
+          message: ' ',
           trigger: 'change'
         }],
         code: [{
           required: true,
-          message: '请选择客户编号',
+          message: ' ',
           trigger: 'change'
         }],
         shortName: [{
           required: true,
-          message: '请选择客户简称',
+          message: ' ',
           trigger: 'change'
         }],
         cnName: [{
           required: true,
-          message: '请选择客户名称',
+          message: ' ',
           trigger: 'change'
         }],
         enName: [{
           required: true,
-          message: '请选择英文名称',
+          message: ' ',
           trigger: 'change'
         }],
         cnAddr: [{
           required: true,
-          message: '请选择中文地址',
+          message: ' ',
           trigger: 'change'
         }],
         enAddr: [{
           required: true,
-          message: '请选择英文地址',
+          message: ' ',
           trigger: 'change'
         }],
       },
       // 客户联系人表单校验
+      // corpsAttnRules: {
+      //   code: [
+      //     { required: true, message: '请输入编号', trigger: 'change' }
+      //   ],
+      //   cname: [
+      //     { required: true, message: '请输入名称', trigger: 'change' }
+      //   ],
+      //   accountName: [
+      //     { required: true, message: '请输入账号名称', trigger: 'change' }
+      //   ],
+      //   accountBank: [
+      //     { required: true, message: '请输入账号银行', trigger: 'change' }
+      //   ],
+      //   accountNo: [
+      //     { required: true, message: '请输入银行账号', trigger: 'change' }
+      //   ],
+      //   curId: [
+      //     { required: true, message: '请输入币别', trigger: 'change' }
+      //   ],
+      //   sort: [
+      //     { required: true, message: '请输入排序', trigger: 'change' }
+      //   ],
+      //   invoiceHeader: [
+      //     { required: true, message: '请输入发票抬头', trigger: 'change' }
+      //   ],
+      // },
       corpsAttnRules: {
         code: [
-          { required: true, message: '请输入编号', trigger: 'change' }
+          { required: true, message: ' ', trigger: 'change' }
         ],
         cname: [
-          { required: true, message: '请输入名称', trigger: 'change' }
+          { required: true, message: ' ', trigger: 'change' }
         ],
         accountName: [
-          { required: true, message: '请输入账号名称', trigger: 'change' }
+          { required: true, message: ' ', trigger: 'change' }
         ],
         accountBank: [
-          { required: true, message: '请输入账号银行', trigger: 'change' }
+          { required: true, message: ' ', trigger: 'change' }
         ],
         accountNo: [
-          { required: true, message: '请输入银行账号', trigger: 'change' }
+          { required: true, message: ' ', trigger: 'change' }
         ],
         curId: [
-          { required: true, message: '请输入币别', trigger: 'change' }
+          { required: true, message: ' ', trigger: 'change' }
         ],
         sort: [
-          { required: true, message: '请输入排序', trigger: 'change' }
+          { required: true, message: ' ', trigger: 'change' }
         ],
         invoiceHeader: [
-          { required: true, message: '请输入发票抬头', trigger: 'change' }
+          { required: true, message: ' ', trigger: 'change' }
         ],
-
       },
       statusOptions: [{
         "label": "正常",
@@ -857,7 +934,7 @@ export default {
       this.$refs['userDataForm'].resetFields()
     },
     // -------------------------------------- 弹窗相关 ---------------------------------
-    // 客户联系人新增
+    // 客户联系人新建
     corpsAttnAdd() {
       this.corpsAttnDialogVisible = true
     },
@@ -865,12 +942,12 @@ export default {
     corpsAttnAddConfirm() {
       if (this.corpsAttnDialogIndex == null) {
         this.corpsAttnForm.pid = this.formData.id
-        // 新增
+        // 新建
         this.$refs['corpsAttnForm'].validate(valid => {
           if (!valid) return
           // TODO 提交表单
           // if (this.formData.id != null) {
-          //   // 调用新增接口
+          //   // 调用新建接口
           //   if (this.activeName == 'khlxk') {
           //     addBcorpsattn(this.corpsAttnForm).then(() => {
           //       this.$message({
@@ -1033,13 +1110,26 @@ export default {
 
 </script>
 <style lang="scss" scoped>
-// /deep/ .el-form-item {
-// margin-bottom: 8px;
-// margin-top: 8px;
-// }
+/deep/ .el-form-item {
+  margin-bottom: 8px;
+  // margin-top: 8px;
+}
+
 .head {
   width: 100%;
   display: flex;
   justify-content: space-between;
 }
+
+.text {
+  font-size: 14px;
+}
+
+.item {
+  padding: 18px 0;
+}
+
+.box-card {
+  width: 480px;
+}
 </style>