Main offer UI done

FrontendFolder/switch-room/src/components/OfferPage.vue

@@ -16,7 +16,7 @@
     </el-form-item>
     <el-form-item label="Zip Code" prop="_zipCode">
       <el-col :span="2">
-        <el-input v-model="ruleForm._zipCode" />
+        <el-input v-model="ruleForm._zipCode" placeholder="24061.." />
       </el-col>
     </el-form-item>
     <el-form-item label="Space Type" prop="_spaceType">
@@ -130,57 +130,27 @@ const ruleForm = reactive(new OfferFormModel());
 
 const rules = reactive<FormRules>({
   _spaceLocateCity: [
-    { required: true, message: "Please input Activity name", trigger: "blur" },
-    { min: 3, max: 5, message: "Length should be 3 to 5", trigger: "blur" },
-  ],
-  region: [
-    {
-      required: true,
-      message: "Please select Activity zone",
-      trigger: "change",
-    },
-  ],
-  count: [
     {
       required: true,
-      message: "Please select Activity count",
-      trigger: "change",
+      message: "Please give your space location",
+      trigger: "blur",
     },
+    { min: 0, max: 20, message: "Length should be 0 to 20", trigger: "blur" },
   ],
-  date1: [
+  _zipCode: [
     {
-      type: "date",
       required: true,
-      message: "Please pick a date",
-      trigger: "change",
+      message: "Please give your zip code of your space",
+      trigger: "blur",
     },
   ],
-  date2: [
+  _spaceType: [
     {
-      type: "date",
       required: true,
-      message: "Please pick a time",
+      message: "Please select your space type",
       trigger: "change",
     },
   ],
-  type: [
-    {
-      type: "array",
-      required: true,
-      message: "Please select at least one activity type",
-      trigger: "change",
-    },
-  ],
-  resource: [
-    {
-      required: true,
-      message: "Please select activity resource",
-      trigger: "change",
-    },
-  ],
-  desc: [
-    { required: true, message: "Please input activity form", trigger: "blur" },
-  ],
 });
 
 const submitForm = async (formEl: FormInstance | undefined) => {

FrontendFolder/switch-room/src/models/OfferFormModel.ts

 export class OfferFormModel {
   private readonly _offerId: number;
   private readonly _userId: number;
-  public _zipCode: number;
+  public _zipCode: number | string;
   public _spaceType: string;
   public _otherSpaceType: string;
   public _spaceLocateCity: string;
@@ -15,7 +15,7 @@ export class OfferFormModel {
   constructor(
     offerId = -1,
     userId = -1,
-    zipCode = -1,
+    zipCode = "",
     spaceType = "",
     otherSpaceType = "",
     spaceLocateCity = "",