|
@@ -8,11 +8,12 @@
|
|
|
<el-input v-model="form.email" :placeholder="L['请输入邮箱']" />
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="quantity">
|
|
|
- <el-input
|
|
|
+ <el-input-number
|
|
|
v-model="form.quantity"
|
|
|
- min="0"
|
|
|
- type="number"
|
|
|
- :placeholder="L['请输入数量']"
|
|
|
+ :min="0"
|
|
|
+ :max="199999999"
|
|
|
+ :controls="false"
|
|
|
+ :placeholder="L['请输入数量'] + ' ( 0~199999999 ) '"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="message">
|
|
@@ -65,7 +66,7 @@ const form = reactive({
|
|
|
name: "",
|
|
|
message: "",
|
|
|
email: "",
|
|
|
- quantity: "",
|
|
|
+ quantity: undefined,
|
|
|
});
|
|
|
|
|
|
const email = computed(() => filtersStore.getMemberInfo.memberEmail ?? "");
|
|
@@ -84,7 +85,9 @@ const checkEmailFun = (rule, value, callback) => {
|
|
|
|
|
|
const rules = reactive({
|
|
|
name: [{ required: true, message: L["请输入姓名"], trigger: "blur" }],
|
|
|
- quantity: [{ required: true, message: L["请输入数量"], trigger: "blur" }],
|
|
|
+ quantity: [
|
|
|
+ { required: true, message: L["请输入数量"], trigger: "blur" },
|
|
|
+ ],
|
|
|
email: [
|
|
|
{ required: true, message: L["请输入邮箱"], trigger: "blur" },
|
|
|
{ validator: checkEmailFun, trigger: "blur" },
|
|
@@ -172,7 +175,20 @@ onMounted(() => {
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss">
|
|
|
+<style lang="scss" scoped>
|
|
|
+.form {
|
|
|
+ :deep(.el-input-number) {
|
|
|
+ width: 100% !important;
|
|
|
+
|
|
|
+ .el-input__inner {
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .el-input__validateIcon {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
.self-btn {
|
|
|
width: 100%;
|
|
|
background: #00985e;
|