新增页面

马宇豪

2025-01-23 e735896a68d8c1742859a06d7bc1c7c1bb61f57d

 src/views/specialOperationsPay/notCoalPay/components/batchPay.vue

copy from src/views/specialOperationsPay/notCoalPay/components/addStuDialog.vue
copy to src/views/specialOperationsPay/notCoalPay/components/batchPay.vue
文件从 src/views/specialOperationsPay/notCoalPay/components/addStuDialog.vue 复制
@@ -1,6 +1,6 @@
<template>
  <el-dialog
    :title="dialogStatus==='add'?'新增':'编辑'"
    title="批量缴费"
    :visible.sync="dialogVisible"
    :modal-append-to-body="false"
    :close-on-click-modal="false"
@@ -8,28 +8,18 @@
    :before-close="handleClose"
  >
    <el-form ref="dataForm" :model="dataForm"  :rules="rules" label-position="right" label-width="150px" style="padding-right: 50px" element-loading-text="保存中...">
      <el-form-item label="姓名:" prop="name">
        <el-input v-model.trim="dataForm.name"/>
      </el-form-item>
      <el-form-item label="性别:" prop="sex">
        <el-radio-group v-model="dataForm.sex">
          <el-radio label="0">男</el-radio>
          <el-radio label="1">女</el-radio>
      <el-form-item label="缴款人类型:" prop="type">
        <el-radio-group v-model="dataForm.type">
          <el-radio label="0">团体</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="身份证号:" prop="idCard">
        <el-input v-model.trim="dataForm.idCard"/>
      <el-form-item label="缴款单位名称:" prop="name">
        <el-input v-model.trim="dataForm.name"/>
      </el-form-item>
      <el-form-item label="手机号:" prop="phone">
        <el-input v-model.trim="dataForm.phone"/>
      <el-form-item label="缴款单位证件号:" prop="cardNo">
        <el-input v-model.trim="dataForm.cardNo"/>
      </el-form-item>
    </el-form>
    <el-alert

      :closable="false"
      title="提示：请务必填写准确，将用于个人缴费查询。"
      type="warning">
    </el-alert>
    <span slot="footer" class="dialog-footer">
      <el-button @click="handleClose">取 消</el-button>
      <el-button type="primary" @click="onSubmit">确 定</el-button>
@@ -42,30 +32,16 @@
import { verifySimplePhone } from '@/utils/validate'

export default {
  name: 'addUser',
  name: 'batchPay',
  components: {
  },
  data() {
    let validatePhone = (rule, value, callback)=>{
      if(value === ''){
        callback(new Error('请输入手机号'))
      }else{
        if(!verifySimplePhone(value)){
          callback(new Error('手机号格式有误'))
        }else{
          callback()
        }
      }
    }
    return {
      dialogVisible: false,
      dialogStatus: '',

      rules: {
        name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
        idCard: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
        phone:[{ required: true, validator: validatePhone, trigger: 'blur' }],
        sex: [{ required: true, message: '请选择性别', trigger: 'blur' }],
        name: [{ required: true, message: '请输入单位名称', trigger: 'blur' }],
        cardNo: [{ required: true, message: '请输入单位证件号', trigger: 'blur' }]
      },
      dataForm: {},