活动价格

杨泽宇
1 parent 04e509d8
Showing 1 changed file with 30 additions and 21 deletions
src/views/event/handwork/edit.vue
@@ -5,7 +5,7 @@ import { useRoute } from &quot;vue-router&quot;;
 import { back } from "@/utils/tool";
 import { getPropertyNbhds } from "@/api/community/residence";
 import { useLoginStore } from "@/pinia/login";
-import { validMobile } from "@/utils/validate";
+import { validMobile, price } from "@/utils/validate";
 import Photowall from "@/components/Photowall/index.vue";
 import Tinymce from "@/components/Tinymce/index.vue";
 import { ElMessageBox } from "element-plus";
@@ -67,6 +67,19 @@ const checkPhone = (rules, value, callback) =&gt; {
   }
 };
 /**
+ * 单价校验
+ * @param {object} rules 验证规则
+ * @param {string} value 待验证数值
+ * @callback checkPrice~checkCallback
+ */
+const checkPrice = (rules, value, callback) => {
+  if (price(value)) {
+    callback();
+  } else {
+    callback(new Error("请输入正确的数值，小数点后最多两位数字"));
+  }
+};
+/**
  * 表单验证规则
  */
 const rules = reactive({
@@ -132,10 +145,11 @@ const rules = reactive({
   unitPrice: [
     {
       required: true,
-      message: "请填写活动单价",
+      message: "请输入活动单价",
       trigger: "change",
-      type: "number",
-      min: 0,
+    },
+    {
+      validator: checkPrice,
     },
   ],
   personLimit: [
@@ -212,7 +226,9 @@ const submitForm = (
  * @param {number} type 1发布 0保存
  */
 const postApi = async (type: number) => {
+  // 活动单价传给后台的单位是【分】
   form.data.publicityPic = form.publicityPic.map((item) => item.url).join(",");
+  form.data.unitPrice = form.data.unitPrice * 100;
   handworkEdit(form.data)
     .then((res) => {
       if (res) {
@@ -278,25 +294,21 @@ onMounted(() =&gt; {
   if (JSON.stringify(useRoute().query) === "{}") {
     form.dataType = "add";
   } else {
-    let queryData = JSON.parse(useRoute().query.p)
+    let queryData = JSON.parse(useRoute().query.p);
     form.dataType = "edit";
-    form.data = queryData
+    form.data = queryData;
     form.value1 = [queryData.startTime, queryData.endTime];
-    form.value2 = [
-      queryData.signupStartTime,
-      queryData.signupEndTime,
-    ];
+    form.value2 = [queryData.signupStartTime, queryData.signupEndTime];
+    form.data.unitPrice = (~~form.data.unitPrice / 100).toFixed(2);
     form.communityList = queryData.neighborhoodId
-      ? queryData.neighborhoodId.split(",")
-          .map((i) => i / 1)
+      ? queryData.neighborhoodId.split(",").map((i) => i / 1)
       : [];
     if (queryData.publicityPic) {
-      queryData.publicityPic.split(",")
-        .map((item) => {
-          form.publicityPic.push({
-            url: item,
-          });
+      queryData.publicityPic.split(",").map((item) => {
+        form.publicityPic.push({
+          url: item,
         });
+      });
     }
   }
 });
@@ -372,10 +384,7 @@ onMounted(() =&gt; {
           </el-input>
         </el-form-item>
         <el-form-item label="活动单价" prop="unitPrice" style="width: 50%">
-          <el-input
-            v-model.number="form.data.unitPrice"
-            placeholder="请填写活动单价"
-          >
+          <el-input v-model="form.data.unitPrice" placeholder="请输入活动单价">
             <template #append>元</template>
           </el-input>
         </el-form-item>