Contract/src/views/FirmInfo.vue

<template>
  <div class="wrap-ctnr">
    <div class="info-ctnr">
      <mt-field label="企业名称" placeholder="请输入企业名称" v-model="firm.name"></mt-field>
      <mt-field label="企业电话" placeholder="请输入企业电话" type="tel" v-model="firm.tel"></mt-field>
      <mt-field label="企业地址" placeholder="请输入企业地址" v-model="firm.num"></mt-field>
      <mt-field label="营业执照" placeholder="请输入营业执照号" v-model="firm.permit"></mt-field>
      <div class="wrap-box">
        <uploader title="上传营业执照" v-model="imgurl"></uploader>
      </div>
    </div>
    <router-link to="/mine/company/legal" class="btn-box" @click.native="send">下一步</router-link>
  </div>
</template>
<script type="text/javascript">
  import uploader from "./Uploader.vue"
  export default{
    data(){
      return {
        imgurl:'',
        frimList: this.$store.state.frimList,
        firm:{
          name:"",
          tel:"",
          num:""
        }
      }
    },
    components:{
      uploader
    },
    methods:{
      send(){
        this.$store.commit('add',this.firm.name)
      }
    }
  }
</script>
<style scoped>
  .wrap-ctnr{
    height: 100%;
    background: #E8EFF5;
    margin-top: 1.066098rem;
    .info-ctnr{
      background-color: #fff;
      width: 8.795309rem;
      margin: 0 auto;
      border-radius: 0.133262rem;
      position: relative;
      top: -0.666311rem;
      box-shadow: 0 0 20px 5px rgba(96, 192, 255, 0.35);
      overflow: hidden;
      .mint-field{
        height: 1.172708rem;
        line-height: 1.172708rem;
        border-bottom: 2px solid #e8eff5;
      }
      .wrap-box{
        display: flex;
        justify-content: space-around;
      }
    }
    /*按钮样式*/
    .btn-box{
      display: block;
      width: 8.795309rem;
      height: 1.066098rem;
      line-height: 1.066098rem;
      margin: 0 auto;
      border-radius: 40px;
      background-color: #60c0ff;
      color: #fff;
      font-size: 30px;
      box-shadow: 0 0 20px 5px rgba(96, 192, 255, 0.35);
    }
  }
</style>
<style>
  .wrap-ctnr{
    .mint-cell-title{
      margin-right: 20px;
      width: 1.865672rem;
      font-size: 28px;
    }
  }
</style>