contract-details.vue 22.5 KB
Newer Older
1
<!--
786817560's avatar
786817560 committed
2 3
 * @Description: 合同详情
 * @Author: your name
4
 * @Date: 2019-09-25 15:38:21
5
 * @LastEditTime: 2019-11-28 17:42:24
6 7 8
 * @LastEditors: Please set LastEditors
 -->
<template>
9
  <h-view id="details" class="public-style" title="经销商签约">
10 11 12
    <h-header :proportion="[5,1,1]" class="bar-custom">
      <div slot="left" class="h-header-btn">
        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
13
        <span>签约详情</span>
14 15
      </div>
    </h-header>
16
    <Tab :tabNums="tabNum" @getTabNum="getTabNum" />
786817560's avatar
786817560 committed
17
    <!-- 基本信息 -->
786817560's avatar
786817560 committed
18
    <h-content v-if="tabNum === 0">
786817560's avatar
786817560 committed
19 20

      <!-- 法人信息 -->
786817560's avatar
786817560 committed
21
      <LegalPerson v-if="bp_flag" :baseInfo="baseInfo"/>
786817560's avatar
786817560 committed
22 23

      <!-- 个人信息(自然人) -->
786817560's avatar
786817560 committed
24
      <Personal v-if="!bp_flag" :baseInfo="baseInfo"/>
786817560's avatar
786817560 committed
25

786817560's avatar
786817560 committed
26
      <div class="equipment-list">担保人信息<span v-if="guarantorInfo.length === 0">(无)</span></div>
27
      <list-item v-if="guarantorInfo.length" :item-height="76">
786817560's avatar
786817560 committed
28 29 30 31 32 33 34 35 36 37
        <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 >
38
            <span>{{ item.bp_class==='NP'? item.id_card_no: item.organization_code }}</span>
786817560's avatar
786817560 committed
39 40 41
          </div>
        </item>
      </list-item>
42

786817560's avatar
786817560 committed
43
      <!-- 联系人 -->
李晓兵's avatar
李晓兵 committed
44 45 46 47 48 49 50 51 52 53 54 55
      <div class="bottom-call-wrap">
        <div class="bottom-call">
          <div class="left">
            <img src="@/assets/distributorSign/call.png" alt="">
          </div>
          <div class="center">
            <p>业务经办:{{ baseInfo.bp_user_id_n }}</p>
            <p>联系电话:{{ baseInfo.agent_phone }}</p>
          </div>
          <div class="right1" @click="callUp(baseInfo.agent_phone)">
            <img src="@/assets/distributorSign/calls.png" alt="">
          </div>
786817560's avatar
786817560 committed
56 57 58 59
        </div>
      </div>
    </h-content>
    <h-content v-if="tabNum === 1">
60 61 62
      <list-item :item-height="44" class="second-part">
        <item>
          <div slot="name" class="font-color">商务政策</div>
786817560's avatar
786817560 committed
63
          <input slot="content" v-model="info.product_plan_id_n" readonly>
64 65 66
        </item>
        <item>
          <div slot="name" class="font-color">设备总价</div>
786817560's avatar
786817560 committed
67
          <span slot="content">{{ info.equip_price * info.product_num | currency }}</span>
68 69 70
        </item>
        <item>
          <div slot="name" class="font-color">融资金额</div>
786817560's avatar
786817560 committed
71
          <span slot="content">{{ info.finance_amount * info.product_num | currency }}</span>
72 73 74
        </item>
        <item>
          <div slot="name" class="font-color">首付款</div>
786817560's avatar
786817560 committed
75
          <span slot="content">{{ info.down_payment * info.product_num | currency }}</span>
76 77 78
        </item>
        <item>
          <div slot="name" class="font-color">保证金比例</div>
786817560's avatar
786817560 committed
79
          <span slot="content">{{ info.deposit_ratio_n }}</span>
80 81 82
        </item>
        <item>
          <div slot="name" class="font-color">保证金</div>
786817560's avatar
786817560 committed
83
          <span slot="content">{{ info.deposit * info.product_num | currency }}</span>
84 85 86
        </item>
        <item>
          <div slot="name" class="font-color">手续费比例</div>
linxin's avatar
linxin committed
87
          <input slot="content" v-model="info.lease_charge_ratio_n" readonly>
88 89 90
        </item>
        <item>
          <div slot="name" class="font-color">手续费</div>
linxin's avatar
linxin committed
91
          <span slot="content">{{ parseFloat(info.lease_charge * info.product_num).toFixed(2) | currency }}</span>
李晓兵's avatar
李晓兵 committed
92 93 94
        </item>
        <item>
          <div slot="name" class="font-color">保险押金</div>
786817560's avatar
786817560 committed
95
          <span slot="content">{{ info.insurance_fee * info.product_num | currency }}</span>
李晓兵's avatar
李晓兵 committed
96 97 98
        </item>
        <item>
          <div slot="name" class="font-color">GPS费用</div>
786817560's avatar
786817560 committed
99
          <span slot="content">{{ info.gps_fee * info.product_num | currency }}</span>
100
        </item>
linxin's avatar
linxin committed
101 102
        <item>
          <div slot="name">首次付款合计</div>
linxin's avatar
linxin committed
103
          <span slot="content">{{ parseFloat(info.first_pay).toFixed(2) | currency }}</span>
linxin's avatar
linxin committed
104
        </item>
105 106
        <item>
          <div slot="name" class="font-color">预计付款日</div>
786817560's avatar
786817560 committed
107
          <span slot="content">{{ dateConverse(info.lease_start_date) }}</span>
108 109 110
        </item>
        <item>
          <div slot="name" class="font-color">还款周期</div>
111
          <input slot="content" v-model="info.annual_pay_times_n" readonly>
112 113 114
        </item>
        <item>
          <div slot="name" class="font-color">租赁期数</div>
786817560's avatar
786817560 committed
115
          <input slot="content" v-model="info.lease_times" readonly>
116 117 118
        </item>
        <item>
          <div slot="name" class="font-color">年利率</div>
786817560's avatar
786817560 committed
119
          <input slot="content" v-model="info.int_rate_n" readonly>
120 121 122
        </item>
      </list-item>
      <div class="repay-plan">
786817560's avatar
786817560 committed
123
        <p @click="repayPlan">查看还款计划</p>
124
      </div>
李晓兵's avatar
李晓兵 committed
125
      <div class="equipment-list-fund">
李晓兵's avatar
李晓兵 committed
126 127
        <span/>
      <p>设备清单</p></div>
128 129 130
      <list-item :item-height="44" class="second-part">
        <item>
          <div slot="name" class="font-color">参数项</div>
131
          <input slot="content" v-model="info.product_code" readonly>
132 133 134
        </item>
        <item>
          <div slot="name" class="font-color">产品线</div>
135
          <input slot="content" v-model="info.product_name" readonly>
136 137 138
        </item>
        <item>
          <div slot="name" class="font-color">产品数量</div>
786817560's avatar
786817560 committed
139
          <input slot="content" v-model="info.product_num" readonly>
140 141
        </item>
      </list-item>
李晓兵's avatar
李晓兵 committed
142 143 144 145 146 147 148 149 150 151 152 153
      <div class="bottom-call-wrap">
        <div class="bottom-call">
          <div class="left">
            <img src="@/assets/distributorSign/call.png" alt="">
          </div>
          <div class="center">
            <p>业务经办:{{ baseInfo.bp_user_id_n }}</p>
            <p>联系电话:{{ baseInfo.agent_phone }}</p>
          </div>
          <div class="right1" @click="callUp(baseInfo.agent_phone)">
            <img src="@/assets/distributorSign/calls.png" alt="">
          </div>
154 155 156
        </div>
      </div>
    </h-content>
786817560's avatar
786817560 committed
157
    <h-content v-if="tabNum === 2">
158 159 160
      <list-item :item-height="56">
        <item :proportion="[4,1]">
          <div slot="name" class="aguremrnt-list">
786817560's avatar
786817560 committed
161
            <img src="@/assets/distributorSign/gray.png" alt="" class="pics">
162
            <p class="second">经销商担保协议</p>
786817560's avatar
786817560 committed
163
            <img :src="agentPic" alt="" class="read">
164
          </div>
786817560's avatar
786817560 committed
165
          <div slot="content" class="in-detail" @click="goContractContent('经销商担保协议')"><img src="@/assets/constractSigning/detail.png" alt=""></div>
166 167
        </item>
      </list-item>
786817560's avatar
786817560 committed
168

169
    </h-content>
786817560's avatar
786817560 committed
170 171
    <bottom-tab v-if="confirm_status!=='APPROVED'" class="footer-button">
      <tab-button class="approve" @click.native="contractConfirm('APPROVED')">
786817560's avatar
786817560 committed
172
        确认签约
173 174
      </tab-button>
    </bottom-tab>
175 176 177 178
  </h-view>
</template>

<script>
786817560's avatar
786817560 committed
179
import Tab from '@/pages/distributorSign/details-tab'
786817560's avatar
786817560 committed
180 181
import LegalPerson from '@/pages/distributorSign/legal-person'
import Personal from '@/pages/distributorSign/personal'
182 183 184 185
export default {
  name: 'ContractDetails',
  components: {
    Tab,
786817560's avatar
786817560 committed
186 187
    Personal,
    LegalPerson,
188 189 190
  },
  data () {
    return {
191
      showModalValue: false,
192
      info: {}, // 租赁信息
193
      tabNum: 0,
194 195
      baseInfo: {}, // 基本信息
      project_id: '',
786817560's avatar
786817560 committed
196
      bp_flag: false,
197 198 199
      guarantorInfo: [], // 担保人信息
      bp_class: '', // 商业伙伴类型
      confirm_status: '', // 签约状态
786817560's avatar
786817560 committed
200
      faceListUpload: [], // 自拍照上传
201 202
      confirm_note: '', // 审批意见
      confirm_id: '',
786817560's avatar
786817560 committed
203 204 205
      agentPic: '', // 经销商担保协议图片
      readed: require('@/assets/constractSigning/read.png'), // 已读
      unRead: require('@/assets/constractSigning/unread.png'), // 未读
206 207 208
    }
  },
  computed: {},
209
  watch: {
786817560's avatar
786817560 committed
210 211 212
    bp_class () {
      if (this.bp_class === 'NP') {
        this.bp_flag = false
786817560's avatar
786817560 committed
213
        // this.getBseMsg()
786817560's avatar
786817560 committed
214 215 216 217
      } else {
        this.bp_flag = true
      }
    },
218
  },
786817560's avatar
786817560 committed
219 220
  beforeRouteEnter (to, from, next) {
    next(vm => {
221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244
      if (from.name === 'ContractList') {
        vm.tabNum = 0
        vm.baseInfo = {}
        vm.info = {}
        vm.bp_flag = false
        vm.guarantorInfo = []
        vm.faceListUpload = []
        vm.confirm_note = ''
        vm.bp_class = vm.$route.params.item.bp_class
        vm.project_id = vm.$route.params.item.project_id
        vm.confirm_id = vm.$route.params.item.confirm_id
        vm.confirm_status = vm.$route.params.item.confirm_status
        vm.agentPic = vm.unRead
        if (vm.bp_class === 'NP') {
          vm.bp_flag = false
          vm.getBseMsg()
          vm.getGuarantor()
        } else {
          vm.bp_flag = true
          vm.getBseMsg()
          vm.getGuarantor()
        }
        vm.getLease()
      } else if (from.name === 'ContractContent') {
786817560's avatar
786817560 committed
245 246 247 248 249
        vm.tabNum = 2
        vm.agentPic = vm.readed
      }
    })
  },
250
  created () {},
251 252
  methods:
 {
786817560's avatar
786817560 committed
253
   // 签约确认
786817560's avatar
786817560 committed
254 255
   contractConfirm (status) {
     let vm = this
786817560's avatar
786817560 committed
256 257 258 259 260
     this.hlsPopup.showConfirm({
       title: '提示',
       content: '您确认签约吗?',
       onConfirm: (data) => {
         if (data) {
786817560's avatar
786817560 committed
261 262
           // this.issure('APPROVED')
           vm.takePhonto(status)
786817560's avatar
786817560 committed
263 264
         }
       },
786817560's avatar
786817560 committed
265

786817560's avatar
786817560 committed
266 267
     })
   },
786817560's avatar
786817560 committed
268

786817560's avatar
786817560 committed
269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309
   takePhonto (status) {
     let vm = this
     hlsPopup.showPopup({
       title: '提示',
       content: `请自拍一张`,
       onConfirm: () => {
         vm.takePhontoOpenCamera(status)
       },
     })
   },
   // 打开相机自拍
   takePhontoOpenCamera (status) {
     let vm = this
     vm.faceListUpload = []
     let obj = {
       'pkvalue': vm.confirm_id,
       'source_type': 'PRJ_PROJECT_BP_CONFIRM',
       'picture': '',
       'filePath': '',
       'attachment_id': '',
       'user_id': 1,
       'fileName': 'face',
     }
     let cameraoptions = {
       quality: 100,
       cameraDirection: 1,
     }
     let success = function (imgdata) {
       obj.filePath = imgdata
       // obj.filePath = 'http://hlsapp.hand-china.com/file/XCMG/2.jpg'
       vm.confirmContractSign(imgdata, status)
       vm.faceListUpload.push(obj)
     }
     let error = function () {
       hlsPopup.showLongCenter('请拍照')
     }
     hlsUtil.openCamera(cameraoptions, success, error)
   },
   // 执行同意的逻辑(查询对应的身份证正面图片->人脸识别->确认签约)
   async confirmContractSign (faceImg, status) {
     let idCardImgUrl = await this.idCardImgUrlGet()
310
     if (idCardImgUrl) {
李晓兵's avatar
李晓兵 committed
311 312
       this.faceIdentify(faceImg, idCardImgUrl, status)
     }
786817560's avatar
786817560 committed
313 314 315 316 317 318 319 320 321 322 323
   },
   // 获取身份证照片
   async idCardImgUrlGet () {
     let vm = this
     let url = $config.basePath + 'prj_id_card_query'
     let param = {
       confirm_id: vm.confirm_id,
     }
     hlsPopup.showLoading('请稍候')
     let res = await vm.$post(url, param)
     hlsPopup.hideLoading()
李晓兵's avatar
李晓兵 committed
324
     if (res.result === 'S' && res.info) {
786817560's avatar
786817560 committed
325 326
       let cardUrl = process.env.filePath + 'attachment_id=' + res.info.attachment_id + '&access_token=' + window.localStorage.access_token
       return cardUrl
327
     } else if (res.result === 'S' && !res.info) {
李晓兵's avatar
李晓兵 committed
328 329
       hlsPopup.showLongCenter('未找到身份证照片')
       return null
786817560's avatar
786817560 committed
330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358
     } else {
       hlsPopup.showLongCenter(res.message)
       return null
     }
   },
   // 人脸比对
   faceIdentify (faceImg, idCardImgUrl, status) {
     let vm = this
     let obj = {
       'fileUrl': faceImg,
       'idCardImgUrl': idCardImgUrl,
     }
     hlsPopup.showLoading('正在比对')
     let url = process.env.ocrPath + '/baidu/ocr/face'
     hlsUtil.baiduOcrFace(obj, url, function (res) {
       hlsPopup.hideLoading()
       if (res.success) {
         let identifyScore = res.result.result.score.toFixed(0)
         hlsPopup.showConfirm({
           title: '提示',
           content: `识别分数为${identifyScore}`,
           onConfirm: (data) => {
             if (data) {
               vm.issure(status)
             } else {

             }
           },
         })
李晓兵's avatar
李晓兵 committed
359
       } else {
李晓兵's avatar
李晓兵 committed
360
         hlsPopup.showLongCenter('比对失败,请保证和绑定时是同一个人')
786817560's avatar
786817560 committed
361 362 363 364 365
       }
     })
   },

   // 确认逻辑
786817560's avatar
786817560 committed
366 367 368 369 370
   issure (status) {
     let vm = this
     let url = process.env.basePath + 'do_confrim_bp'
     let param = {
       'master': {
786817560's avatar
786817560 committed
371
         confirm_id: vm.confirm_id,
786817560's avatar
786817560 committed
372 373 374 375 376 377 378 379
         confirm_status: status,
         confirm_note: vm.confirm_note,
       },
     }
     vm.hlsPopup.showLoading('提交数据中!')
     vm.hlsHttp.post(url, param).then(function (res) {
       vm.hlsPopup.hideLoading()
       if (res.result === 'S') {
786817560's avatar
786817560 committed
380
         vm.save_picture(vm.faceListUpload)
786817560's avatar
786817560 committed
381 382 383
         vm.hlsPopup.showSuccess('签约成功')
         vm.$router.push({
           name: 'ContractList',
384 385 386
           params: {
             backFlag: true,
           },
786817560's avatar
786817560 committed
387 388 389 390 391 392
         })
       } else {
         vm.hlsPopup.showSuccess(res.message)
       }
     })
   },
786817560's avatar
786817560 committed
393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432
   // 图片保存
   save_picture (list) {
     alert('list' + JSON.stringify(list))
     let vm = this
     if (list.length) {
       // hlsPopup.showLoading('图片上传请稍候')
       var alreadyUploadNum = 0
       var attLength = 0
       var recordUploadInterval = setInterval(function () {
         if (alreadyUploadNum === attLength) {
           clearInterval(recordUploadInterval)
           /* hlsPopup.hideLoading()
            hlsPopup.showLongCenter('图片上传成功') */
         }
       }, 500)
       for (var i = 0; i < list.length; i++) {
         let uploadSuccess = function (res) {
           if (res.result === 'S') {
             alreadyUploadNum++
             for (var j = 0; j < list.length; j++) {
               if (list[j].filePath === res.response.filePath) {
                 list[j].attachment_id = res.response.attachment_id
                 vm.faceListUpload.push(list[j])
                 alert('faceListUpload' + JSON.stringify(vm.faceListUpload))
                 break
               }
             }
           } else {
             hlsPopup.hideLoading()
           }
         }
         if (!list[i].attachment_id) {
           attLength++
           hlsUtil.fileUploadSvc(list[i], uploadSuccess)
         }
       }
     } else {
       hlsPopup.hideLoading()
     }
   },
786817560's avatar
786817560 committed
433 434 435
   // 基本信息
   getBseMsg () {
     let vm = this
786817560's avatar
786817560 committed
436 437 438 439
     let url = ''
     let url1 = $config.basePath + 'prj_np_info_query'
     let url2 = $config.basePath + 'prj_org_info_query'
     vm.bp_class === 'NP' ? url = url1 : url = url2
786817560's avatar
786817560 committed
440
     let param = {
441
       project_id: vm.project_id,
786817560's avatar
786817560 committed
442
     }
786817560's avatar
786817560 committed
443
     vm.hlsPopup.showLoading('数据加载中')
786817560's avatar
786817560 committed
444
     vm.hlsHttp.post(url, param).then(function (res) {
786817560's avatar
786817560 committed
445
       vm.hlsPopup.hideLoading()
786817560's avatar
786817560 committed
446 447 448
       if (res.result === 'S') {
         //  vm.lists = res.lists
         vm.baseInfo = res.info
786817560's avatar
786817560 committed
449
         if (res.info.auth_flag) {
linxin's avatar
linxin committed
450
           window.localStorage.setItem('auth_flag', res.info.auth_flag)
786817560's avatar
786817560 committed
451
         }
786817560's avatar
786817560 committed
452 453 454
       }
     })
   },
786817560's avatar
786817560 committed
455 456 457 458 459 460

   // 担保人
   getGuarantor () {
     let vm = this
     let url = $config.basePath + 'prj_guarantor_list_query'
     let param = {
461
       project_id: vm.project_id,
786817560's avatar
786817560 committed
462
     }
786817560's avatar
786817560 committed
463
     vm.hlsPopup.showLoading('数据加载中')
786817560's avatar
786817560 committed
464
     vm.hlsHttp.post(url, param).then(function (res) {
786817560's avatar
786817560 committed
465
       vm.hlsPopup.hideLoading()
786817560's avatar
786817560 committed
466
       if (res.result === 'S') {
786817560's avatar
786817560 committed
467
         vm.guarantorInfo = res.lists
786817560's avatar
786817560 committed
468 469 470
       }
     })
   },
786817560's avatar
786817560 committed
471 472 473 474
   getLease () {
     let vm = this
     let url = $config.basePath + 'prj_lease_query'
     let param = {
475
       project_id: vm.project_id,
786817560's avatar
786817560 committed
476 477
     }
     // 租赁信息
786817560's avatar
786817560 committed
478
     vm.hlsPopup.showLoading('数据加载中')
786817560's avatar
786817560 committed
479
     vm.hlsHttp.post(url, param).then(function (res) {
786817560's avatar
786817560 committed
480
       vm.hlsPopup.hideLoading()
786817560's avatar
786817560 committed
481 482 483 484 485
       if (res.result === 'S') {
         vm.info = res.info
       }
     })
   },
486 487 488
   getTabNum (i) {
     this.tabNum = i
   },
489 490 491
   dateConverse (date) {
     return date.replace(/\//g, '-')
   },
李晓兵's avatar
李晓兵 committed
492 493
   callUp (phonenumber) {
     window.open('tel:' + phonenumber)
786817560's avatar
786817560 committed
494
   },
786817560's avatar
786817560 committed
495 496 497 498 499 500 501 502 503
   // 跳转合同详情
   goContractContent (name) {
     this.$router.push({
       name: 'ContractContent',
       params: {
         name,
       },
     })
   },
786817560's avatar
786817560 committed
504 505 506
   repayPlan () {
     this.$router.push({
       name: 'FinancDetails',
786817560's avatar
786817560 committed
507
       params: {
508
         project_id: this.project_id,
786817560's avatar
786817560 committed
509
         product_num: this.info.product_num,
786817560's avatar
786817560 committed
510
       },
786817560's avatar
786817560 committed
511 512
     })
   },
513 514 515
 },
}
</script>
516
<style lang='less'>
517 518 519 520 521 522 523 524 525 526 527 528 529 530 531
#details {
    .h-header-btn {
      img {
        width: 16px;
        height: 16px;
        margin-left: 4px;
      }
      span {
        font-family: PingFangSC-Semibold;
        margin-left: 16px;
        font-size: 17px;
        letter-spacing: 0.61px;
        line-height: 24px;
      }
}
786817560's avatar
786817560 committed
532 533 534 535 536 537 538 539 540 541 542
.in-detail{
          background-color: rgba(0,70,156,0.08);
          width: 48px;
          height: 56px;
          text-align: center;
          line-height: 65px;

          img{
              width: 16px;
          }
      }
786817560's avatar
786817560 committed
543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573
.name-box {
      display: inline-block;
      text-align: center;
      line-height: 16px;
      color: #00469c;
      width: 16px;
      height: 16px;
      background: #cddbec;
      border-radius: 4px;
    }
    .name {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #383f45;
      letter-spacing: 0;
      margin-left: 10px;
    }
    .card-num {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #383f45;
      letter-spacing: 0;
      display: block;
      margin-left: 31px;
      margin-top: 7px;
    }
    .right {
      position: relative;
    }
    .right span {
      float: right;
786817560's avatar
786817560 committed
574 575
      margin-right: 48px;
      display: block;
786817560's avatar
786817560 committed
576 577 578 579 580
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: rgba(56, 63, 69, 0.6);
      letter-spacing: 0;
      line-height: 18px;
786817560's avatar
786817560 committed
581 582 583 584 585
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 150px;
      margin-top: -10px;
586
      text-align: right
786817560's avatar
786817560 committed
587 588 589 590 591 592 593
    }
    .right span:last-child {
      margin-top: 7px;
    }
    .right img {
      position: absolute;
      top: 30%;
786817560's avatar
786817560 committed
594
      left: 88%;
786817560's avatar
786817560 committed
595 596 597
      width: 14px;
      height: 16px;
    }
598 599 600 601 602 603 604 605 606
.font-color {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #656464;
    letter-spacing: 0;
}
.repay-plan {
    height: 44px;
    width: 100%;
李晓兵's avatar
李晓兵 committed
607
  margin-top: -10px;
李晓兵's avatar
李晓兵 committed
608 609
   // background: rgba(0,70,156,0.03);
  background: #F2F2F2;
610 611 612 613 614 615 616 617 618 619 620 621 622
    p {
        font-family: PingFangSC-Semibold;
        font-size: 14px;
        color: #00469C;
        letter-spacing: 0;
        height: 44px;
        width: 84px;
        line-height: 44px;
        font-weight: bold;
        text-decoration: underline;
        margin-left: 16px;
    }
}
李晓兵's avatar
李晓兵 committed
623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642
  .equipment-list-fund{
    height: 40px;
    line-height: 40px;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    color: #00469c;
    font-size: 15px;
    //margin-left: 16px;
    position: relative;
    margin-top: -10px;
    span{
      width: 4px;
      height: 20px;
      background: #00469c;
    }
    p{
      padding-left: 10px;
    }
  }
643 644 645 646
.equipment-list {
      height: 40px;
      line-height: 40px;
      background-color: #fafafa;
李晓兵's avatar
李晓兵 committed
647 648
      display: flex;
      align-items: center;
649 650 651 652
      color: #00469c;
      font-size: 15px;
      margin-left: 16px;
      position: relative;
786817560's avatar
786817560 committed
653
      margin-top: -10px;
654 655 656 657 658 659 660 661 662 663
}
.equipment-list::before {
      content: "";
      display: block;
      width: 4px;
      height: 20px;
      background-color: #00469c;
      position: absolute;
      left: -15px;
      top: 10px;
786817560's avatar
786817560 committed
664 665 666
}
.equipment-list:nth-of-type(3) {
  margin-top: 0
667 668 669 670 671 672 673 674 675 676
}
    // .left {
    //     width: 60px;
    //     height: 60px;
    //     background: rgba(0,70,156,0.03);
    //     margin-left: -15px;
    //     display: flex;
    //     justify-content: center;
    //     align-items: center
    // }
李晓兵's avatar
李晓兵 committed
677 678 679 680 681 682 683 684 685
.bottom-call-wrap{
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: #ffffff;
  margin-top: -10px;
  .bottom-call {
李晓兵's avatar
李晓兵 committed
686
    margin-top: 10px;
李晓兵's avatar
李晓兵 committed
687
   width: 100%;
李晓兵's avatar
李晓兵 committed
688
    height: 58%;
李晓兵's avatar
李晓兵 committed
689 690 691
    display: flex;
    justify-content: center;
    align-items: center;
692
    .left {
李晓兵's avatar
李晓兵 committed
693 694 695
      width: 16%;
      height: 60px;
      // background: rgba(0,70,156,0.03);
李晓兵's avatar
李晓兵 committed
696
      background: #F2F2F2;
李晓兵's avatar
李晓兵 committed
697 698 699
      display: flex;
      justify-content: center;
      align-items: center
700 701
    }
    .center {
李晓兵's avatar
李晓兵 committed
702 703 704 705
      height: 100%;
      width: 66%;
      margin-left: 2px;
      // background: rgba(0,70,156,0.03);
李晓兵's avatar
李晓兵 committed
706
      background: #F2F2F2;
李晓兵's avatar
李晓兵 committed
707 708 709 710 711 712 713 714 715
      p {
        height: 30px;
        line-height: 30px;
        margin-left: 10px;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #656464;
        letter-spacing: 0.43px;
      }
716
    }
786817560's avatar
786817560 committed
717
    .right1 {
李晓兵's avatar
李晓兵 committed
718 719 720
      height: 100%;
      width: 16%;
      //background: rgba(0,70,156,0.20);
李晓兵's avatar
李晓兵 committed
721
      background: #CCCCCC;
李晓兵's avatar
李晓兵 committed
722 723 724
      display: flex;
      justify-content: center;
      align-items: center
725
    }
李晓兵's avatar
李晓兵 committed
726
  }
727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755
}
.aguremrnt-list {
    display: flex;
    flex-direction: row;
    .pic {
        margin-left: -3px;
    }
    .pics {
        //    width: 21px;
           height: 30px;
           }
    .read {
        height: 16px;
        margin-top: 8px;
        margin-left: 12.5px;
    }
    .second {
        height: 32px;
        line-height: 32px;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        margin-left: 21px;
        color: #383F45;
        letter-spacing: 0.43px;
    }
    .first {
        margin-left: 13px;
    }
}
756 757 758 759
  .footer-button {
    .approve {
      width: 358.6px;
      height: 44px;
760
      background: @headerColor;
761 762 763 764 765
      border-radius: 4px;
      color: #fff;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      line-height: 20px;
786817560's avatar
786817560 committed
766
      //letter-spacing: 10px;
767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836
      img {
        width: 16.8px;
        height: 16.8px;
      }
    }
  }
  .approveContent {
    position: absolute;
    top: 50%;
    background-color: #fafafa;
    overflow-y: scroll;
  }
  .approveBottom {
    width: 343px;
    margin: 0 auto;
    span {
      display: block;
      width: 100%;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #00469c;
      height: 21px;
      line-height: 21px;
      margin: 16px 0;
      img {
        float: right;
      }
    }
    textarea {
      width: 343px;
      height: 178px;
      border-radius: 2px;
      padding: 10px;
    }
    span::after {
      content: "";
      display: block;
      position: relative;
      left: 70px;
      top: -17px;
      width: 14px;
      height: 14px;
      background: url("../../assets/intoApproval/approv.png");
      background-size: 14px 14px;
    }
  }
  .reject,
  .same {
    width: 175px;
    height: 40px;
    border-radius: 4px;
    font-family: PingFangSC-Semibold;
    font-size: 15px;
    img {
      width: 13px;
      height: 13px;
    }
  }
  .reject {
    color: #656464;
    border: 1px solid #656464;
  }
  .same {
    color: #ffffff;
    background: #00469c;
    border: 1px solid #00469c;
  }
}
.modal {
  background-color: rgba(0, 0, 0, 0) !important;
837 838
}
</style>