Lou
2024-02-04 9d6053d8c5f175a90ee569f1c8fdbd89be5729c3
subPackage/label/form.vue
@@ -8,8 +8,20 @@
               <u-input v-model="info.districtName" border="none" placeholder="请输入" placeholderClass="f-28 c-99"
                  inputAlign="right"></u-input>
            </u-form-item>
            <u-form-item label="对象电话" prop="transactionObjectTel" borderBottom required>
               <u-input v-model="info.transactionObjectTel" type="number" border="none" placeholder="请输入"
            <u-form-item label="物品名称" prop="transactionObject" borderBottom required>
               <u-input v-model="info.transactionObject" border="none" placeholder="请输入"
                  placeholderClass="f-28 c-99" inputAlign="right"></u-input>
            </u-form-item>
            <u-form-item label="请输入交易人姓名" prop="owner" borderBottom required>
               <u-input v-model="info.owner" border="none" placeholder="请输入" placeholderClass="f-28 c-99"
                  inputAlign="right"></u-input>
            </u-form-item>
            <u-form-item label="请输入交易人电话" prop="phoneNumber" borderBottom required>
               <u-input v-model="info.phoneNumber" type="number" border="none" placeholder="请输入"
                  placeholderClass="f-28 c-99" inputAlign="right"></u-input>
            </u-form-item>
            <u-form-item label="身份证号" prop="idCard" borderBottom required>
               <u-input v-model="info.idCard" type="idcard" border="none" placeholder="请输入"
                  placeholderClass="f-28 c-99" inputAlign="right"></u-input>
            </u-form-item>
            <u-form-item label="交易金额" prop="transactionMoney" borderBottom required>
@@ -89,6 +101,10 @@
      data() {
         return {
            info: {
               transactionObject: "",
               owner: "",
               phoneNumber: "",
               idCard: "",
               transactionObjectTel: "",
               transactionMoney: "",
               goodsNums: "",
@@ -105,10 +121,20 @@
                  message: '请输入场所名称',
                  trigger: ['blur', 'change']
               },
               'info.transactionObjectTel': [{
               'info.transactionObject': {
                  required: true,
                  message: '请输入物品名称',
                  trigger: ['blur', 'change']
               },
               'info.owner': {
                  required: true,
                  message: '请输入交易人姓名',
                  trigger: ['blur', 'change']
               },
               'info.phoneNumber': [{
                     type: 'number',
                     required: true,
                     message: '请输入对象电话',
                     message: '请输入交易人手机号',
                     trigger: ['blur', 'change']
                  },
                  {
@@ -119,6 +145,24 @@
                     trigger: ['change', 'blur']
                  }
               ],
               'info.idCard': [{
                     type: 'string',
                     required: false,
                     message: '请输入身份证号码',
                     trigger: ['change', 'blur']
                  },
                  {
                     validator: (rule, value, callback) => {
                        const idCardRegex =
                           /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
                        return idCardRegex.test(value)
                     },
                     message: '身份证号码有误',
                     trigger: ['change', 'blur']
                  }
               ],
               'info.transactionMoney': {
                  required: true,
                  message: '请输入交易金额',