意思意思

DESKTOP-NC155IP\vm

2022-11-15 83c81464327e274acb9d0694536a88d9aa74be30

 src/page/transfer/index.vue

@@ -9,24 +9,25 @@
    </div>
    <div class="bars">
      <div>
        <span>{{ '资金划转' }}</span>
        <span>{{ $t('hj187') }}</span>
      </div>
    </div>
    <mt-navbar v-model="selected">
      <mt-tab-item v-if="this.$store.state.settingForm.indexDisplay" id="1">融资转指数</mt-tab-item>
      <mt-tab-item v-if="this.$store.state.settingForm.indexDisplay" id="2">指数转融资</mt-tab-item>
      <mt-tab-item v-if="this.$store.state.settingForm.futuresDisplay" id="3">融资转期货</mt-tab-item>
      <mt-tab-item v-if="this.$store.state.settingForm.futuresDisplay" id="4">期货转融资</mt-tab-item>
      <mt-tab-item v-if="this.$store.state.settingForm.indexDisplay" id="1">{{ $t('hj188') }}</mt-tab-item>
      <mt-tab-item v-if="this.$store.state.settingForm.indexDisplay" id="2">{{ $t('hj189') }}</mt-tab-item>
      <!-- <mt-tab-item v-if="this.$store.state.settingForm.futuresDisplay" id="3">融资转期货</mt-tab-item>
      <mt-tab-item v-if="this.$store.state.settingForm.futuresDisplay" id="4">期货转融资</mt-tab-item> -->
    </mt-navbar>
    <mt-tab-container class="order-list" v-model="selected">
      <mt-tab-container-item id="1">
        <div class="form-block">
          <mt-field label="可转金额" placeholder="可转金额" type="text" disabled
                    v-model="this.$store.state.userInfo.enableAmt"></mt-field>
          <mt-field :label="$t('hj190')" :placeholder="$t('hj190')" type="text" disabled
            v-model="this.$store.state.userInfo.enableAmt">
          </mt-field>
        </div>
        <div class="form-block">
          <mt-field label="转账金额" name="amt" v-model="form.account1" placeholder="请输入转账金额" type="text">
            <span @click="selectAll1">全部</span>
          <mt-field :label="$t('hj191')" name="amt" v-model="form.account1" :placeholder="$t('hj192')" type="text">
            <span @click="selectAll1">{{ $t('hj160') }}</span>
          </mt-field>
        </div>
        <!-- <div class="form-block">
@@ -34,27 +35,27 @@
        </div>
        <p class="prompt">资金密码默认为登录密码</p> -->
        <div class="btnbox">
          <span class="text-center btnok loginout" @click="tosubmit">确认转入指数账户</span>
          <span class="text-center btnok loginout" @click="tosubmit">{{ $t('hj193') }}</span>
        </div>
      </mt-tab-container-item>
      <mt-tab-container-item id="2">
        <div class="form-block">
          <mt-field label="可转金额" placeholder="可转金额" type="text" disabled
          <mt-field :label="$t('hj190')" :placeholder="$t('hj190')" type="text" disabled
                    v-model="this.$store.state.userInfo.enableIndexAmt"></mt-field>
        </div>
        <div class="form-block">
          <mt-field label="转账金额" v-model="form.account2" placeholder="请输入转账金额" type="text">
            <span @click="selectAll2">全部</span>
          <mt-field :label="$t('hj191')" v-model="form.account2" :placeholder="$t('hj192')" type="text">
            <span @click="selectAll2">{{ $t('hj160') }}</span>
          </mt-field>
        </div>
        <div class="btnbox">
          <span class="text-center btnok loginout" @click="tosubmit">确认转入融资账户</span>
          <span class="text-center btnok loginout" @click="tosubmit">{{ $t('hj194') }}</span>
        </div>
      </mt-tab-container-item>
      <mt-tab-container-item id="3">
        <div class="form-block">
          <mt-field label="可转金额" placeholder="可转金额" type="text" disabled
                    v-model="this.$store.state.userInfo.enableAmt"></mt-field>
          <mt-field label="可转金额" placeholder="可转金额" type="text" disabled v-model="this.$store.state.userInfo.enableAmt">
          </mt-field>
        </div>
        <div class="form-block">
          <mt-field label="转账金额" v-model="form.account3" placeholder="请输入转账金额" type="text">
@@ -120,6 +121,7 @@
  methods: {
    async getProductSetting () {
      let data = await api.getProductSetting()
      console.log(data)
      if (data.status === 0) {
        this.$store.state.settingForm = data.data
        if (!this.$store.state.settingForm.indexDisplay) {
@@ -175,7 +177,6 @@
}
</script>
<style lang="less" scoped>
 
  .header {
    width: 100%;
    height: 1.5rem;
@@ -183,6 +184,7 @@
    position: fixed;
    z-index: 999;
    border-radius: 0 0 .15rem .15rem;

    .left_back {
      width: 1rem;
      height: 100%;
@@ -191,84 +193,103 @@
      display: flex;
      justify-content: center;
      align-items: center;

      img {
        width: .6rem;
        height: .6rem;
      }
    }

    .header_titles {
      width: 100%;
      height: 100%;
      text-align: center;
      font-size: .4615rem;
      line-height: 1.5rem;

      span {
        font-weight: 600;
      }
    }
  }

  .form-block {
    width: 100%;
    height: 1.5rem;
    margin-top: .3rem;
  }

  /deep/ .mint-field-other {
    padding-right: .3rem;
  }

  /deep/ .mint-cell-wrapper {
    height: 100%;
    border: none;
    background: rgb(245, 245, 245);
    border-radius: .15rem;
  }

  .is-selected {
    background: rgb(235, 235, 235) !important;
    border-radius: .15rem;
  }

  .mint-navbar {
    padding: 0 .3rem;
  }

  .btnbox {
    width: 94%;
    margin-top: .1rem;
  }

  .loginout {
    height: 1.2rem !important;
    line-height: 1.2rem !important;
  }

  .int-cell {
    width: 100%;
    height: 100%;
  }

  a {
    width: 100%;
    height: 100%;

    .mint-cell-wrapper {
      width: 100%;
      height: 100%;
    }
  }

  .bars {
    width: 100%;
    height: 6rem;
    display: flex;
    padding: 0 .3rem;
    align-items: flex-end;

    >div {
      margin-bottom: 1.2rem;
      font-size: .65rem;

      span {
        font-weight: 600;
      }
    }
  }

  .mint-cell.mint-field{
    background: #fff !important;
    color: #000 !important;
  }

  /deep/ .mint-cell-text {
    color: #000 !important;
  }

  .text-center.btnok {
    display: inline-block;
    height: 1rem;
@@ -277,26 +298,32 @@
    border: none;
    border-radius: .1rem;
  }

  .wrapper {
    width: 100%;
    height: 100%;
    background: #fff;
  }

  /deep/.mint-cell-wrapper{
   
    span{
      font-size: 0.35rem!important;
    }

    /deep/input{
      font-size: 0.35rem!important;
    }
  }

  /deep/.mint-cell-value{
    font-size: 0.35rem!important;
  }

  /deep/.mint-tab-item-label{
    font-size: 0.35rem!important;
  }

  /deep/.loginout{
    font-size: 0.35rem!important;
  }