'添加担保人'

src/pages/distributorSign/contract-details.vue

@@ -2,7 +2,7 @@
  * @Description: 合同详情
  * @Author: your name
  * @Date: 2019-09-25 15:38:21
- * @LastEditTime: 2019-09-30 15:35:27
+ * @LastEditTime: 2019-09-30 17:26:48
  * @LastEditors: Please set LastEditors
  -->
 <template>
@@ -23,8 +23,23 @@
       <!-- 个人信息（自然人） -->
       <Personal v-if="!bp_flag" :baseInfo="baseInfo"/>
 
-      <div class="equipment-list">担保人信息</div>
+      <div class="equipment-list">担保人信息<span v-if="guarantorInfo.length === 0">(0)</span>></div>
       <list-item :item-height="76">
+        <item v-for="(item,index) in guarantorInfo" :key="index">
+          <div slot="name">
+            <span class="name-box">{{ index+1 }}</span>
+            <span class="name">担保人{{ index+1 }}姓名</span>
+            <span class="card-num">证件号</span>
+          </div>
+          <div slot="content" class="right">
+            <img src="@/assets/intoApproval/introduce.png" >
+            <span :title="item.bp_name">{{ item.bp_name }}</span>
+            <br >
+            <span>{{ item.organization_code }}</span>
+          </div>
+        </item>
+      </list-item>
+      <!-- <list-item :item-height="76">
         <item>
           <div slot="name">
             <span class="name-box">1</span>
@@ -51,7 +66,7 @@
             <span>42112029870928097</span>
           </div>
         </item>
-      </list-item>
+      </list-item> -->
 
       <!-- 联系人 -->
       <div class="bottom-call">
@@ -222,6 +237,7 @@ export default {
       tabNum: 0,
       baseInfo: {},
       bp_flag: false,
+      guarantorInfo: [],
       bp_class: window.sessionStorage.getItem('bp_class'),
     }
   },
@@ -289,7 +305,7 @@ export default {
      vm.hlsHttp.post(url, param).then(function (res) {
        console.log('getGuarantor', res)
        if (res.result === 'S') {
-
+         vm.guarantorInfo = res.lists
        }
      })
    },
@@ -375,12 +391,18 @@ export default {
     }
     .right span {
       float: right;
-      margin-right: 36px;
+      margin-right: 48px;
+      display: block;
       font-family: PingFangSC-Regular;
       font-size: 14px;
       color: rgba(56, 63, 69, 0.6);
       letter-spacing: 0;
       line-height: 18px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      width: 150px;
+      margin-top: -10px;
     }
     .right span:last-child {
       margin-top: 7px;