yiliangyiyun-pc-jj/src/views/houseSelfCollect/customerManagementAdd.vue

<!--客户管理-->
<template>
  <div class="content">
     <!-- <el-row>
      <el-col :span="12">
        <h2 class="bg-left titleup">{{ information }}质检信息</h2>
      </el-col>
      <el-col :span="12" class="bg-right">
        <el-button class="bg-bottom" type="primary" size="small" @click="cancel"
          ><img
            width="6"
            height="10"
            style="vertical-align: bottom; margin-right: 3px"
            src="../../../public/img/lujing.png"
            alt=""
          />返回</el-button
        >
      </el-col>
    </el-row> -->
    <div class="title">新增粮商</div>
    <div class="unload">
      <el-upload action="https://jsonplaceholder.typicode.com/posts/" :limit="2" list-type="picture-card"
        :on-preview="handlePictureCardPreview" :on-remove="handleRemove">
        <i class="el-icon-plus"></i>
      </el-upload>
      <el-form ref="form" :model="form" label-width="120px">
        <el-form-item label="姓名">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="身份证号">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="银行卡号">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="开户行">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="开户支行">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="收款人姓名">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="收款人身份证号">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <el-form-item label="手机号">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
        <!-- 验证码 -->
        <el-form-item prop="veriCode" :label="$t('login.register08')">
            <el-input v-model="form.name"></el-input>
   <!--       <div style="display: flex; justify-content: space-between">
            <el-input
              v-model="form.name"
              :disabled="disabledFlag"
              class="code_style"
              :placeholder="$t('login.registerVerif08')"
            />
            <div>
              <ws-button
                v-show="verification"
                type="primary"
                @click="toSend"
                >{{ $t('login.sendVerification') }}</ws-button
              >
              <ws-button v-show="!verification" class="retry" disabled
                >{{ $t('login.retry') }}({{ count }})s</ws-button
              >
            </div>
          </div> -->
        </el-form-item>
        <el-form-item label="联系地址">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
       </el-form>
    </div>
  </div>
</template>
<script>
  // import xx
  // '@/model/houseSelfCollect/index'

  export default {
    components: {},
    watch: {},
    data() {
      return {
        dialogImageUrl: '',
        dialogVisible: false,
        form:{
          name:'姓名'
        },
        disabledFlag: true,

      }
    },
    methods: {
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url;
        this.dialogVisible = true;
      },
      // 发送验证码
      toSend() {
        if (this.registerForm.linkmanPhone) {
          if (validUserCellPhone(this.registerForm.linkmanPhone)) {
            this.disabledFlag = false
            clearInterval(this.timer)
            this.timer = null
            const TIME_COUNT = 60
            if (!this.timer) {
              this.count = TIME_COUNT
              this.verification = false
              let data = {
                mobilePhone: this.registerForm.linkmanPhone,
              }
              sendRegisterCode(data)
                .toPromise()
                .then((res) => {
                  this.timer = setInterval(() => {
                    if (this.count > 0 && this.count <= TIME_COUNT) {
                      this.count--
                    } else {
                      this.verification = true
                      clearInterval(this.timer)
                      this.timer = null
                    }
                  }, 1000)
                })
                .catch((err) => {
                  this.verification = true
                })
            }
          } else {
            EventBus.$emit('error', this.$t('login.registerVerif09'))
          }
        } else {
          EventBus.$emit('error', this.$t('login.registerVerif05'))
        }
      },
    }
  }
</script>
<style lang="scss" scoped>
  /deep/.el-form-item{
    margin-bottom: 0;
  }
  .content {
    padding: 20px;
  }

  .seach {
    display: flex;
    align-items: center;

    .find {
      width: 32px;
    }

    .search-left {
      display: flex;
    }
  }
  .titleup {
  position: relative;
}
</style>