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