<el-form
        ref="phoneDialogForm"
        :rules="rules"
        :model="phoneData"
        label-position="right"
        label-width="100px"
      >
        <el-form-item label="手机号码" prop="phone" style="width: 300px;">
          <el-input v-model="phoneData.phone" maxlength="11" />
        </el-form-item>
        <el-form-item label="手机验证码" prop="code" >
          <el-col :span="12">
            <el-input v-model="phoneData.sendcode" placeholder="请输入验证码" style="width: 200px;"  maxlength="4" />
          </el-col>
          <el-col :span="8">
            <el-button
              v-if="disabled==false"
              type="button"
              :disabled="disabled"
              @click="sendcode"
            >发送验证码</el-button>
            <el-button
              v-if="disabled==true"
              type="button"
              :disabled="disabled"
              @click="sendcode"
            >{{ btntxt }}</el-button>
          </el-col>
        </el-form-item>
      </el-form>

      rules: {
        phone: [
          { required: true, message: "请输入手机号", trigger: "blur" },
          {
            pattern: /^1[34578]\d{9}$/,    //正则校验不用字符串
            message: "请填写正确的手机号码", trigger: "blur"
          }
        ],
        code: [{ required: true, message: "请输入验证码", trigger: "blur" }]
      }