Skip to content

H
hls-xcmg-vue-app
Commit c8d51e01 authored by Jennie Shi's avatar Jennie Shi
Browse files
Options

fixConflict

parents 4c3cc414 95be47d2
Pipeline #4540 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 630 additions and 584 deletions
      src/pages/contractCreate/sales-info.vue
      View file @ c8d51e01
      ...@@ -186,6 +186,12 @@ export default { ...@@ -186,6 +186,12 @@ export default {
      }, },
      immediate: true, immediate: true,
      }, },
      // '$route' (to, from) {
      // debugger
      // if (from.fullPath !== '/contract-create-list' && to.fullPath === '/sales-info') {
      // this.$router.go(0)
      // }
      // },
      }, },
      activated () { activated () {
      ...@@ -222,7 +228,8 @@ export default { ...@@ -222,7 +228,8 @@ export default {
      } }
      vm.businessQuery().then(res => { vm.businessQuery().then(res => {
      vm.agentQuery().then(res => { vm.agentQuery().then(res => {
      vm.factoryQuery() vm.factoryQuery().then(res => {
      })
      }) })
      }) })
      } else if (from.name === 'CreateBaseInfo') { } else if (from.name === 'CreateBaseInfo') {
      ...@@ -327,7 +334,7 @@ export default { ...@@ -327,7 +334,7 @@ export default {
      phone: window.localStorage.getItem('user_phone'), phone: window.localStorage.getItem('user_phone'),
      } }
      vm.hlsPopup.showLoading('请稍候') vm.hlsPopup.showLoading('请稍候')
      vm.hlsHttp.post(url, param).then(function (res) { return vm.hlsHttp.post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
      vm.factoty = res.lists vm.factoty = res.lists
      if (res.result === 'S') { if (res.result === 'S') {
      ......
      src/pages/contractSigning/contract-detail.vue
      View file @ c8d51e01
      ...@@ -114,59 +114,71 @@ ...@@ -114,59 +114,71 @@
      </div>--> </div>-->
      <!-- <div v-if="tabNum === 1" class="sign-elect"> <!-- <div v-if="tabNum === 1" class="sign-elect">
      <button @click="goElectronicSign">电子签</button> <button @click="goElectronicSign">电子签</button>
      </div>--> </div>-->
      </div> </div>
      </h-content> </h-content>
      <h-content v-if="num === 2"> <h-content v-if="num === 2">
      <list-item :item-height="56" class="contract-text" style="background-color:rgb(250,250,250);"> <list-item :item-height="56" class="contract-text" style="background-color:rgb(250,250,250);">
      <item :proportion="[7,1]"> <item v-for="(item,index) in attachArray" :proportion="[7,1]" :key="index">
      <div slot="name" class="aguremrnt-list"> <div slot="name" class="aguremrnt-list">
      <img src="@/assets/constractSigning/npack.png" alt class="pics" > <img src="@/assets/constractSigning/npack.png" alt class="pics" >
      <p class="second first">承租人确认意见</p> <p class="second first">{{ item.attachment_file }}</p>
      </div>
      <div slot="content" class="in-detail" @click="goContractContent('承租人确认意见')">
      <img src="@/assets/constractSigning/detail.png" alt >
      </div>
      </item>
      <!-- 农行代扣授权书 -->
      <item v-if="abc_deduction_flag === 'Y'" :proportion="[7,1]" :class="{'border-red':isshow}">
      <div slot="name" class="aguremrnt-list">
      <img src="@/assets/constractSigning/pack.png" alt class="pics" >
      <p class="second">农行代扣授权书</p>
      <img :src="bankPic" alt class="read" >
      </div>
      <div slot="content" class="in-all">
      <div @click="entryInfo">
      <img src="@/assets/constractSigning/scan.png" alt >
      </div>
      <div @click="goContractContent('农行代扣授权书')">
      <img src="@/assets/constractSigning/detail.png" alt >
      </div>
      </div>
      </item>
      <item :proportion="[7,1]">
      <div slot="name" class="aguremrnt-list">
      <img src="@/assets/constractSigning/pack.png" alt class="pics" >
      <p class="second">融资租赁合同</p>
      <img :src="leasePic" alt class="read" >
      </div> </div>
      <div slot="content" class="in-detail" @click="goContractContent('融资租赁合同')"> <div slot="content" class="in-detail" @click="goContent(item.attachment_file_path)">
      <img src="@/assets/constractSigning/detail.png" alt > <img src="@/assets/constractSigning/detail.png" alt >
      </div> </div>
      </item> </item>
      </list-item>
      </h-content>
      <!-- <h-content v-if="num === 2">
      <list-item :item-height="56" class="contract-text" style="background-color:rgb(250,250,250);">
      <item :proportion="[7,1]"> <item :proportion="[7,1]">
      <div slot="name" class="aguremrnt-list"> <div slot="name" class="aguremrnt-list">
      <img src="@/assets/constractSigning/pack.png" alt class="pics" > <img src="@/assets/constractSigning/npack.png" alt class="pics" >
      <p class="second">租赁物所有权转移及接收确认书</p> <p class="second first">承租人确认意见</p>
      <img :src="agentPic" alt class="read" >
      </div> </div>
      <div slot="content" class="in-detail" @click="goContractContent('租赁物所有权转移及接收确认书')"> <div slot="content" class="in-detail" @click="goContractContent('承租人确认意见')">
      <img src="@/assets/constractSigning/detail.png" alt > <img src="@/assets/constractSigning/detail.png" alt >
      </div> </div>
      </item> </item>
      <item v-if="abc_deduction_flag === 'Y'" :proportion="[7,1]" :class="{'border-red':isshow}">
      <div slot="name" class="aguremrnt-list">
      <img src="@/assets/constractSigning/pack.png" alt class="pics" >
      <p class="second">农行代扣授权书</p>
      <img :src="bankPic" alt class="read" >
      </div>
      <div slot="content" class="in-all">
      <div @click="entryInfo">
      <img src="@/assets/constractSigning/scan.png" alt >
      </div>
      <div @click="goContractContent('农行代扣授权书')">
      <img src="@/assets/constractSigning/detail.png" alt >
      </div>
      </div>
      </item>
      <item :proportion="[7,1]">
      <div slot="name" class="aguremrnt-list">
      <img src="@/assets/constractSigning/pack.png" alt class="pics" >
      <p class="second">融资租赁合同</p>
      <img :src="leasePic" alt class="read" >
      </div>
      <div slot="content" class="in-detail" @click="goContractContent('融资租赁合同')">
      <img src="@/assets/constractSigning/detail.png" alt >
      </div>
      </item>
      <item :proportion="[7,1]">
      <div slot="name" class="aguremrnt-list">
      <img src="@/assets/constractSigning/pack.png" alt class="pics" >
      <p class="second">租赁物所有权转移及接收确认书</p>
      <img :src="agentPic" alt class="read" >
      </div>
      <div slot="content" class="in-detail" @click="goContractContent('租赁物所有权转移及接收确认书')">
      <img src="@/assets/constractSigning/detail.png" alt >
      </div>
      </item>
      </list-item> </list-item>
      </h-content> </h-content>-->
      <h-content v-if="num === 1"> <h-content v-if="num === 1">
      <list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
      <item> <item>
      ...@@ -302,12 +314,11 @@ ...@@ -302,12 +314,11 @@
      </h-view> </h-view>
      </h-modal> </h-modal>
      <!--活体检测--> <!--活体检测-->
      <body-check ref="body" :check_id="$route.params.check_id" :confirm_id="confirm_id"/> <body-check ref="body" :check_id="$route.params.check_id" :confirm_id="confirm_id" />
      </h-view> </h-view>
      </template> </template>
      <script> <script>
      import Check1 from '@/assets/constractSigning/business.png' import Check1 from '@/assets/constractSigning/business.png'
      import Check2 from '@/assets/constractSigning/constract.png' import Check2 from '@/assets/constractSigning/constract.png'
      import Check3 from '@/assets/constractSigning/lease.png' import Check3 from '@/assets/constractSigning/lease.png'
      ...@@ -334,6 +345,7 @@ export default { ...@@ -334,6 +345,7 @@ export default {
      showModalValue: false, showModalValue: false,
      credit_status: 'N', // 一个月内是否查过征信 N查过 credit_status: 'N', // 一个月内是否查过征信 N查过
      guarantorInfo: [], // 担保人信息 guarantorInfo: [], // 担保人信息
      attachArray: [], // 附件数组
      bp_class: this.$route.params.item.bp_class, // 承租人性质(自然人，企业) bp_class: this.$route.params.item.bp_class, // 承租人性质(自然人，企业)
      info: {}, // 租赁信息 info: {}, // 租赁信息
      baseInfo: {}, // 基本信息 baseInfo: {}, // 基本信息
      ...@@ -366,6 +378,7 @@ export default { ...@@ -366,6 +378,7 @@ export default {
      } }
      }, },
      computed: {}, computed: {},
      watch: { watch: {
      $route (to, from) { $route (to, from) {
      hlsPopup.hideConfirm() hlsPopup.hideConfirm()
      ...@@ -418,6 +431,8 @@ export default { ...@@ -418,6 +431,8 @@ export default {
      vm.getLease() vm.getLease()
      vm.getGuarantor() vm.getGuarantor()
      vm.getContractLists() // 合同列表 vm.getContractLists() // 合同列表
      // 合同文本附件查询
      vm.getAttachment()
      } else if (from.name === 'EntryInfo') { } else if (from.name === 'EntryInfo') {
      vm.bankCardQuery() vm.bankCardQuery()
      } }
      ...@@ -459,6 +474,29 @@ export default { ...@@ -459,6 +474,29 @@ export default {
      // vm.hlsPopup.showLongCenter(res.message) // vm.hlsPopup.showLongCenter(res.message)
      } }
      }, },
      goContent (url) {
      // 详情
      // window.open(url)
      cordova.InAppBrowser.open(url, '_blank', 'location=yes')
      },
      // 合同文本详情附件查询
      getAttachment () {
      let vm = this
      let url = process.env.basePath + 'get_content_app'
      let param = {
      confirm_id: vm.confirm_id,
      data_class: 'PRJ_PROJECT',
      }
      hlsPopup.showLoading('请稍候')
      vm.hlsHttp.post(url, param).then(res => {
      hlsPopup.hideLoading()
      if (res.result === 'S') {
      vm.attachArray = res.attachments
      } else {
      vm.hlsPopup.showLongCenter(res.message)
      }
      })
      },
      // 征信查询 // 征信查询
      creditCheck () { creditCheck () {
      let vm = this let vm = this
      ...@@ -477,7 +515,8 @@ export default { ...@@ -477,7 +515,8 @@ export default {
      } }
      }) })
      }, },
      goBodyCheck (confirm_id) { // 活体检测 goBodyCheck (confirm_id) {
      // 活体检测
      this.$refs.body.show() this.$refs.body.show()
      /* this.$router.push({ /* this.$router.push({
      name: 'BodyCheck', name: 'BodyCheck',
      ...@@ -532,7 +571,6 @@ export default { ...@@ -532,7 +571,6 @@ export default {
      if (index === 1) { if (index === 1) {
      vm.takePhontoOpenCamera() vm.takePhontoOpenCamera()
      } else { } else {
      } }
      }, },
      }) })
      ...@@ -585,11 +623,11 @@ export default { ...@@ -585,11 +623,11 @@ export default {
      hlsPopup.hideLoading() hlsPopup.hideLoading()
      if (res.result === 'S' && res.info) { if (res.result === 'S' && res.info) {
      let cardUrl = let cardUrl =
      process.env.filePath + process.env.filePath +
      'attachment_id=' + 'attachment_id=' +
      res.info.attachment_id + res.info.attachment_id +
      '&access_token=' + '&access_token=' +
      window.localStorage.access_token window.localStorage.access_token
      return cardUrl return cardUrl
      } else if (res.result === 'S' && !res.info) { } else if (res.result === 'S' && !res.info) {
      hlsPopup.showLongCenter('未找到身份证照片') hlsPopup.showLongCenter('未找到身份证照片')
      ...@@ -859,7 +897,8 @@ export default { ...@@ -859,7 +897,8 @@ export default {
      }, },
      async inSure () { async inSure () {
      let flag = await this.signCheck() let flag = await this.signCheck()
      if (flag) { // 只有认证通过后方可进行签约操作 if (flag) {
      // 只有认证通过后方可进行签约操作
      if (!this.bank_flag && this.abc_deduction_flag === 'Y') { if (!this.bank_flag && this.abc_deduction_flag === 'Y') {
      this.isshow = true // 未查到农行卡给出提示且勾选农行代扣 this.isshow = true // 未查到农行卡给出提示且勾选农行代扣
      } else { } else {
      ...@@ -898,629 +937,629 @@ export default { ...@@ -898,629 +937,629 @@ export default {
      } }
      </script> </script>
      <style lang="less" rel="stylesheet"> <style lang="less" rel="stylesheet">
      #contract-details { #contract-details {
      .sign-elect { .sign-elect {
      width:100%; width: 100%;
      height:1.1rem; height: 1.1rem;
      position: fixed; position: fixed;
      bottom: 43px; bottom: 43px;
      // margin-top: 20px; // margin-top: 20px;
      background: #fff; background: #fff;
      display: flex; display: flex;
      justify-content: center; justify-content: center;
      align-items: center; align-items: center;
      button { button {
      width: 7.172rem; width: 7.172rem;
      height: 0.88rem; height: 0.88rem;
      background: #1d3fff; background: #1d3fff;
      border-radius: 0.08rem; border-radius: 0.08rem;
      color: #fff; color: #fff;
      font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
      font-size: 0.3rem; font-size: 0.3rem;
      line-height: 0.4rem; line-height: 0.4rem;
      letter-spacing: 0.2rem; letter-spacing: 0.2rem;
      }
      }
      .bodyCheck{
      width:100%;
      height:1.1rem;
      position: fixed;
      bottom: 92px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      button {
      width: 7.172rem;
      height: 0.88rem;
      background: #1d3fff;
      border-radius: 0.08rem;
      color: #fff;
      font-family: PingFangSC-Semibold;
      font-size: 0.3rem;
      line-height: 0.88rem;
      letter-spacing: 0.2rem;
      }
      } }
      .footer-button { }
      .approve { .bodyCheck {
      width: 358.6px; width: 100%;
      height: 44px; height: 1.1rem;
      background: @headerColor; position: fixed;
      border-radius: 4px; bottom: 92px;
      color: #fff; background: #fff;
      font-family: PingFangSC-Semibold; display: flex;
      font-size: 15px; justify-content: center;
      line-height: 20px; align-items: center;
      letter-spacing: 10px; button {
      img { width: 7.172rem;
      width: 16.8px; height: 0.88rem;
      height: 16.8px; background: #1d3fff;
      } border-radius: 0.08rem;
      } color: #fff;
      font-family: PingFangSC-Semibold;
      font-size: 0.3rem;
      line-height: 0.88rem;
      letter-spacing: 0.2rem;
      } }
      .name-box { }
      display: inline-block; .footer-button {
      text-align: center; .approve {
      line-height: 16px; width: 358.6px;
      color: #00469c; height: 44px;
      width: 16px; background: @headerColor;
      height: 16px;
      background: #cddbec;
      border-radius: 4px; border-radius: 4px;
      } color: #fff;
      .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;
      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;
      text-align: right;
      }
      .right span:last-child {
      margin-top: 7px;
      }
      .right img {
      position: absolute;
      top: 30%;
      left: 88%;
      width: 14px;
      height: 16px;
      }
      .alert {
      padding-bottom: 30px;
      width: 100%;
      //margin-top: -10px;
      background: #fbf2d2;
      }
      .alert-fund {
      margin-top: -10px;
      }
      .alert-content {
      width: 334px;
      margin: 0 auto;
      padding-top: 16px;
      }
      .info-word {
      font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
      font-size: 14px; font-size: 15px;
      color: #fcc800; line-height: 20px;
      letter-spacing: 0.5px; letter-spacing: 10px;
      margin-left: 8px; img {
      } width: 16.8px;
      height: 16.8px;
      .title {
      display: flex;
      align-items: center;
      }
      .top-word {
      p {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #656464;
      letter-spacing: 0.37px;
      margin-top: 7px;
      line-height: 15px;
      text-indent: 16px;
      position: relative;
      }
      p::before {
      content: "";
      display: block;
      position: absolute;
      top: 5px;
      left: 0px;
      width: 4px;
      height: 4px;
      border-radius: 20px;
      background-color: #fcc800;
      } }
      } }
      .top-info { }
      .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;
      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;
      text-align: right;
      }
      .right span:last-child {
      margin-top: 7px;
      }
      .right img {
      position: absolute;
      top: 30%;
      left: 88%;
      width: 14px;
      height: 16px;
      }
      .alert {
      padding-bottom: 30px;
      width: 100%;
      //margin-top: -10px;
      background: #fbf2d2;
      }
      .alert-fund {
      margin-top: -10px;
      }
      .alert-content {
      width: 334px;
      margin: 0 auto;
      padding-top: 16px;
      }
      .info-word {
      font-family: PingFangSC-Semibold;
      font-size: 14px;
      color: #fcc800;
      letter-spacing: 0.5px;
      margin-left: 8px;
      }
      .title {
      display: flex;
      align-items: center;
      }
      .top-word {
      p {
      font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
      font-size: 12px; font-size: 12px;
      color: #656464; color: #656464;
      letter-spacing: 0.37px; letter-spacing: 0.37px;
      margin-top: 7px; margin-top: 7px;
      line-height: 15px; line-height: 15px;
      text-indent: 16px;
      span { position: relative;
      color: #fcc800;
      }
      } }
      p::before {
      content: "";
      display: block;
      position: absolute;
      top: 5px;
      left: 0px;
      width: 4px;
      height: 4px;
      border-radius: 20px;
      background-color: #fcc800;
      }
      }
      .top-info {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #656464;
      letter-spacing: 0.37px;
      margin-top: 7px;
      line-height: 15px;
      .alert img { span {
      width: 18px; color: #fcc800;
      height: 18px;
      } }
      .font-color { }
      font-family: PingFangSC-Regular;
      .alert img {
      width: 18px;
      height: 18px;
      }
      .font-color {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #656464;
      letter-spacing: 0;
      }
      .repay-plan {
      height: 44px;
      width: 100%;
      margin-top: -10px;
      background: #f2f2f2;
      p {
      font-family: PingFangSC-Semibold;
      font-size: 14px; font-size: 14px;
      color: #656464; color: #00469c;
      letter-spacing: 0; letter-spacing: 0;
      }
      .repay-plan {
      height: 44px; height: 44px;
      width: 100%; width: 84px;
      margin-top: -10px; line-height: 44px;
      background: #f2f2f2; font-weight: bold;
      p { text-decoration: underline;
      font-family: PingFangSC-Semibold; margin-left: 16px;
      font-size: 14px;
      color: #00469c;
      letter-spacing: 0;
      height: 44px;
      width: 84px;
      line-height: 44px;
      font-weight: bold;
      text-decoration: underline;
      margin-left: 16px;
      }
      } }
      .equipment-list-fund { }
      height: 40px; .equipment-list-fund {
      line-height: 40px; height: 40px;
      background-color: #fafafa; line-height: 40px;
      display: flex; background-color: #fafafa;
      align-items: center; display: flex;
      color: #00469c; align-items: center;
      font-size: 15px; color: #00469c;
      //margin-left: 16px; font-size: 15px;
      position: relative; //margin-left: 16px;
      //margin-top: -10px; position: relative;
      span { //margin-top: -10px;
      width: 4px; span {
      height: 20px; width: 4px;
      background: #00469c; height: 20px;
      } background: #00469c;
      p {
      padding-left: 10px;
      }
      } }
      .all { p {
      position: absolute; padding-left: 10px;
      background-color: transparent; }
      width: 100%; }
      height: 100%; .all {
      top: 0; position: absolute;
      left: 0; background-color: transparent;
      z-index: 2; width: 100%;
      height: 100%;
      .prompt { top: 0;
      position: absolute; left: 0;
      top: 50%; z-index: 2;
      left: 50%;
      margin-top: -75px;
      margin-left: -121px;
      background-color: #fff;
      box-shadow: 0 1px 2px 1px rgba(128, 128, 128, 0.1);
      border-radius: 4px;
      width: 242px;
      height: 150px;
      .top { .prompt {
      height: 105px; position: absolute;
      border-bottom: 1px solid #f1f0f5; top: 50%;
      left: 50%;
      margin-top: -75px;
      margin-left: -121px;
      background-color: #fff;
      box-shadow: 0 1px 2px 1px rgba(128, 128, 128, 0.1);
      border-radius: 4px;
      width: 242px;
      height: 150px;
      div:first-child { .top {
      font-family: PingFangSC-Semibold; height: 105px;
      font-size: 14px; border-bottom: 1px solid #f1f0f5;
      color: #e50020;
      letter-spacing: 0.5px;
      font-weight: 700;
      margin-top: 13px;
      img { div:first-child {
      width: 18px; font-family: PingFangSC-Semibold;
      line-height: 12px; font-size: 14px;
      display: block; color: #e50020;
      margin: -3px 5px 0 40%; letter-spacing: 0.5px;
      float: left; font-weight: 700;
      } margin-top: 13px;
      }
      div:nth-child(2) { img {
      margin-top: 22px; width: 18px;
      font-family: PingFangSC-Regular; line-height: 12px;
      font-size: 13px; display: block;
      color: #383f45; margin: -3px 5px 0 40%;
      letter-spacing: 0.4px; float: left;
      padding: 0 22px;
      line-height: 20px;
      } }
      } }
      .bottom { div:nth-child(2) {
      text-align: center; margin-top: 22px;
      font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
      font-size: 14px; font-size: 13px;
      color: #00469c; color: #383f45;
      line-height: 32px; letter-spacing: 0.4px;
      padding: 0 22px;
      line-height: 20px;
      } }
      } }
      }
      .tab-style {
      display: flex;
      justify-content: center;
      padding-top: 12px;
      padding-bottom: 8px;
      align-items: center;
      background-color: #fff;
      box-shadow: 0 2px 3px 0 rgba(220, 220, 221, 0.5);
      div { .bottom {
      display: block; text-align: center;
      height: 32px; font-family: PingFangSC-Regular;
      width: 172px;
      border-radius: 16px;
      border-radius: 16px;
      font-family: PingFangSC-Semibold;
      font-size: 14px; font-size: 14px;
      letter-spacing: 0.43px; color: #00469c;
      margin: 0 4px;
      line-height: 32px; line-height: 32px;
      } }
      .undone { }
      background: rgba(220, 220, 221, 0.26); }
      color: #383f45;
      } .tab-style {
      .done { display: flex;
      background: rgba(0, 70, 156, 0.1); justify-content: center;
      color: #00469c; padding-top: 12px;
      padding-bottom: 8px;
      align-items: center;
      background-color: #fff;
      box-shadow: 0 2px 3px 0 rgba(220, 220, 221, 0.5);
      div {
      display: block;
      height: 32px;
      width: 172px;
      border-radius: 16px;
      border-radius: 16px;
      font-family: PingFangSC-Semibold;
      font-size: 14px;
      letter-spacing: 0.43px;
      margin: 0 4px;
      line-height: 32px;
      }
      .undone {
      background: rgba(220, 220, 221, 0.26);
      color: #383f45;
      }
      .done {
      background: rgba(0, 70, 156, 0.1);
      color: #00469c;
      }
      img {
      width: 16px;
      display: block;
      float: left;
      margin: 8px 5px 0 20px;
      }
      span:nth-of-type(2) {
      margin-left: 7px;
      }
      }
      .content {
      height: 87%;
      .contract-text {
      .border-red {
      border: 2px solid rgba(255, 0, 0, 0.4);
      } }
      img { .hls-item {
      width: 16px; margin-top: 8px;
      display: block; background-color: #fff;
      float: left;
      margin: 8px 5px 0 20px;
      } }
      span:nth-of-type(2) { .contents {
      margin-left: 7px; padding: 0;
      } }
      }
      .content { .in-detail {
      height: 87%; background-color: rgba(0, 70, 156, 0.08);
      width: 48px;
      height: 56px;
      text-align: center;
      line-height: 65px;
      .contract-text { img {
      .border-red { width: 16px;
      border: 2px solid rgba(255, 0, 0, 0.4);
      } }
      }
      .hls-item { .in-all {
      margin-top: 8px; //width: 96px;
      background-color: #fff; display: flex;
      }
      .contents { img {
      padding: 0; width: 16px;
      } }
      .in-detail { div {
      background-color: rgba(0, 70, 156, 0.08);
      width: 48px; width: 48px;
      height: 56px; height: 56px;
      text-align: center; text-align: center;
      line-height: 65px; line-height: 65px;
      }
      img { div:first-child {
      width: 16px; background-color: rgba(252, 200, 0, 0.1);
      }
      } }
      .in-all { div:nth-child(2) {
      //width: 96px; background-color: rgba(0, 70, 156, 0.08);
      display: flex; }
      }
      }
      }
      img { .business-condition {
      width: 16px; .equipment-list {
      } height: 40px;
      line-height: 40px;
      background-color: #fafafa;
      color: #00469c;
      font-size: 15px;
      margin-left: 16px;
      position: relative;
      }
      div { .equipment-list::before {
      width: 48px; content: "";
      height: 56px; display: block;
      text-align: center; width: 4px;
      line-height: 65px; height: 20px;
      } background-color: #00469c;
      position: absolute;
      left: -15px;
      top: 10px;
      }
      div:first-child { div {
      background-color: rgba(252, 200, 0, 0.1); font-family: PingFangSC-Regular;
      } color: #656464;
      letter-spacing: 0;
      }
      div:nth-child(2) { section {
      background-color: rgba(0, 70, 156, 0.08); font-family: PingFangSC-Regular;
      } color: rgba(56, 63, 69, 0.6);
      } letter-spacing: 0;
      }
      } }
      }
      .business-condition { .aguremrnt-list {
      .equipment-list { display: flex;
      height: 40px; flex-direction: row;
      line-height: 40px;
      background-color: #fafafa;
      color: #00469c;
      font-size: 15px;
      margin-left: 16px;
      position: relative;
      }
      .equipment-list::before { .pic {
      content: ""; margin-left: -3px;
      display: block; }
      width: 4px;
      height: 20px;
      background-color: #00469c;
      position: absolute;
      left: -15px;
      top: 10px;
      }
      div { .pics {
      font-family: PingFangSC-Regular; // width: 21px;
      color: #656464; height: 30px;
      letter-spacing: 0; }
      }
      section { .read {
      font-family: PingFangSC-Regular; height: 16px;
      color: rgba(56, 63, 69, 0.6); margin-top: 8px;
      letter-spacing: 0; margin-left: 6px;
      }
      } }
      .aguremrnt-list { .second {
      display: flex; height: 32px;
      flex-direction: row; line-height: 32px;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      margin-left: 16px;
      color: #383f45;
      letter-spacing: 0.43px;
      }
      .pic { .first {
      margin-left: -3px; margin-left: 13px;
      } }
      }
      .pics { .myModal {
      // width: 21px; width: 100%;
      height: 30px; height: 100%;
      position: absolute;
      z-index: 999;
      background-color: rgba(56, 63, 69, 0.3);
      display: flex;
      justify-content: center;
      align-items: center;
      .box {
      position: relative;
      width: 301px;
      height: 467px;
      background: url("../../assets/intoApproval/top.png") no-repeat;
      background-size: 301px 24.7px;
      background-color: #fff;
      button {
      width: 240px;
      height: 40px;
      position: absolute;
      color: #fff;
      bottom: 16px;
      left: 30.5px;
      background-color: rgba(56, 63, 69, 0.5);
      } }
      .title-box {
      .read { width: 100%;
      height: 16px; display: block;
      margin-top: 8px; text-align: center;
      margin-left: 6px; margin-top: 37px;
      font-family: PingFangSC-Semibold;
      font-size: 16px;
      color: #00469c;
      } }
      .content-box {
      .second { width: 240px;
      height: 32px; height: 280px;
      line-height: 32px;
      font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
      font-size: 14px; font-size: 12px;
      margin-left: 16px;
      color: #383f45; color: #383f45;
      letter-spacing: 0.43px; margin: 0 auto;
      } margin-top: 12px;
      overflow-y: scroll;
      .first { div {
      margin-left: 13px; height: 20px;
      } line-height: 20px;
      }
      .myModal {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 999;
      background-color: rgba(56, 63, 69, 0.3);
      display: flex;
      justify-content: center;
      align-items: center;
      .box {
      position: relative;
      width: 301px;
      height: 467px;
      background: url("../../assets/intoApproval/top.png") no-repeat;
      background-size: 301px 24.7px;
      background-color: #fff;
      button {
      width: 240px;
      height: 40px;
      position: absolute;
      color: #fff;
      bottom: 16px;
      left: 30.5px;
      background-color: rgba(56, 63, 69, 0.5);
      } }
      .title-box { p {
      width: 100%; text-indent: 22px;
      display: block; line-height: 16px;
      text-align: center; margin-top: 6px;
      margin-top: 37px;
      font-family: PingFangSC-Semibold;
      font-size: 16px;
      color: #00469c;
      } }
      .content-box { .font-blod {
      width: 240px; font-weight: bold;
      height: 280px; text-indent: 0;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #383f45;
      margin: 0 auto;
      margin-top: 12px;
      overflow-y: scroll;
      div {
      height: 20px;
      line-height: 20px;
      }
      p {
      text-indent: 22px;
      line-height: 16px;
      margin-top: 6px;
      }
      .font-blod {
      font-weight: bold;
      text-indent: 0;
      }
      .sec {
      text-indent: 22px;
      }
      } }
      .confirm { .sec {
      width: 240px; text-indent: 22px;
      height: 20px;
      padding-top: 25px;
      margin: 0 auto;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #383f45;
      line-height: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      input {
      width: 16px;
      height: 16px;
      margin-right: 8px;
      background: none;
      }
      input::before {
      content: "";
      display: block;
      background-image: url("../../assets/intoApproval/top.png");
      }
      } }
      } }
      } .confirm {
      .approveContent { width: 240px;
      position: absolute; height: 20px;
      top: 50%; padding-top: 25px;
      background-color: #fafafa; margin: 0 auto;
      overflow-y: scroll; font-family: PingFangSC-Regular;
      } font-size: 12px;
      .approveBottom { color: #383f45;
      width: 343px; line-height: 20px;
      margin: 0 auto; display: flex;
      span { justify-content: center;
      display: block; align-items: center;
      width: 100%; input {
      font-family: PingFangSC-Semibold; width: 16px;
      font-size: 15px; height: 16px;
      color: #00469c; margin-right: 8px;
      height: 21px; background: none;
      line-height: 21px; }
      margin: 16px 0; input::before {
      img { content: "";
      float: right; display: block;
      background-image: url("../../assets/intoApproval/top.png");
      } }
      }
      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 { .approveContent {
      width: 175px; position: absolute;
      height: 40px; top: 50%;
      border-radius: 4px; background-color: #fafafa;
      overflow-y: scroll;
      }
      .approveBottom {
      width: 343px;
      margin: 0 auto;
      span {
      display: block;
      width: 100%;
      font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
      font-size: 15px; font-size: 15px;
      color: #00469c;
      height: 21px;
      line-height: 21px;
      margin: 16px 0;
      img { img {
      width: 13px; float: right;
      height: 13px;
      } }
      } }
      .reject { textarea {
      color: #656464; width: 343px;
      border: 1px solid #656464; height: 178px;
      border-radius: 2px;
      padding: 10px;
      } }
      .same { span::after {
      color: #ffffff; content: "";
      background: #00469c; display: block;
      border: 1px solid #00469c; position: relative;
      left: 70px;
      top: -17px;
      width: 14px;
      height: 14px;
      background: url("../../assets/intoApproval/approv.png");
      background-size: 14px 14px;
      } }
      .add-box { }
      .before { .reject,
      border: 1px solid #fdb62f; .same {
      border-radius: 4px; width: 175px;
      color: #fdb62f; height: 40px;
      img{ border-radius: 4px;
      width: 18px; 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;
      }
      .add-box {
      .before {
      border: 1px solid #fdb62f;
      border-radius: 4px;
      color: #fdb62f;
      img {
      width: 18px;
      } }
      .next { }
      background: #1d3fff; .next {
      border-radius: 4px; background: #1d3fff;
      color: #fff; border-radius: 4px;
      img{ color: #fff;
      width: 18px; img {
      } width: 18px;
      } }
      } }
      } }
      .modal { }
      background-color: rgba(0, 0, 0, 0) !important; .modal {
      } background-color: rgba(0, 0, 0, 0) !important;
      }
      </style> </style>
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment