1

src/components/form/form-item.vue

 <template>
     <div class="form-item" :style="{ borderWidth: props.border ? '2rpx' : '0' }">
         <p class="title">
-            {{ props.title }} <span>{{ props.subTitle }}</span>
+            {{ props.title }} <span>{{ props.subTitle }}</span
+            ><span class="required" v-if="props.required">*</span>
         </p>
         <div class="temp"></div>
         <img v-if="icon" class="icon" :src="iconPath" alt="" />
@@ -26,6 +27,10 @@ const props = defineProps({
         type: Boolean,
         default: () => true
     },
+    required: {
+        type: Boolean,
+        default: () => false
+    },
     // 图标 (如果为空不显示)
     icon: {
         type: String as PropType<"arrow" | "edit" | "">,
@@ -56,6 +61,9 @@ const iconPath = new URL(`../../static/image/icon/${props.icon}.png`, import.met
             font-size: 12px;
             color: #77818f;
         }
+        .required {
+            color: red;
+        }
     }
     .temp {
         margin-top: 36px;

src/pages/signUp/addPost.vue

@@ -28,7 +28,7 @@
                 ></selectbox>
                 <!-- 职位类型 -->
                 <form-row>
-                    <form-item title="职位类型">
+                    <form-item title="职位类型" :required="true">
                         <wd-col-picker
                             v-model="positionTypeValue"
                             :columns="columns"
@@ -46,24 +46,24 @@
                 </form-row>
                 <!-- 岗位名称 -->
                 <form-row>
-                    <form-item title="岗位名称" icon="arrow">
+                    <form-item title="岗位名称" icon="arrow" :required="true">
                         <input type="text" v-model="item.name" placeholder="请输入岗位名称" />
                     </form-item>
                 </form-row>
                 <!-- 职位描述 -->
                 <form-row>
-                    <form-item title="岗位描述" :border="false" icon="">
+                    <form-item title="岗位描述" :border="false" icon="" :required="true">
                         <textarea maxlength="800" v-model="item.positionDesc" placeholder="请输入你的岗位描述"></textarea>
                     </form-item>
                 </form-row>
-                <form-item title="岗位薪资" icon="">
+                <form-item title="岗位薪资" icon="" :required="true">
                     <view
                         v-if="item.settlementType == 4"
                         :class="`inner flex-between ${item.salaryText ? '' : 'placeholder'}`"
                         style="display: flex; justify-content: space-between; width: 100%"
                         @click="onOpen(item, index)"
                     >
-                        {{ item.salaryText || "请选择岗位薪资待遇" }}
+                        {{ item.salaryText || "请选择月薪范围" }}
 
                         <!-- <view class="arrow"></view> -->
                         <checkbox
@@ -80,8 +80,8 @@
                         style="display: flex; justify-content: space-between; width: 100%"
                         @click="onOpen(item, index)"
                     >
-                        <!-- {{ item.salaryText || "请选择时薪范围" }} -->
-                        {{ item.salaryText || "请选择岗位薪资待遇" }}
+                        {{ item.salaryText || "请选择时薪范围" }}
+                        <!-- {{ item.salaryText || "请选择岗位薪资待遇" }} -->
                         <!-- <view class="arrow"></view> -->
                         <checkbox
                             class="checkbox"
@@ -93,7 +93,7 @@
                     </view>
                 </form-item>
 
-                <form-item title="工作地点" icon="">
+                <form-item title="工作地点" icon="" :required="true">
                     <wd-col-picker
                         v-model="cityValue"
                         :columns="cityOpstion"
@@ -108,7 +108,7 @@
                         </p>
                     </wd-col-picker>
                 </form-item>
-                <form-item title="是否提供食宿" icon="">
+                <form-item title="是否提供食宿" icon="" :required="true">
                     <wd-radio-group v-model="item.accommodation" inline shape="dot">
                         <wd-radio v-for="(v, n) in radioOpstion" :value="v.code" :key="n">{{ v.text }}</wd-radio>
                     </wd-radio-group>
@@ -124,7 +124,7 @@
                         >
                     </view>
                 </form-item>
-                <form-item title="人员类别" icon="">
+                <form-item title="人员类别" icon="" :required="true">
                     <wd-picker
                         :columns="identityPostion"
                         value-key="code"
@@ -141,7 +141,7 @@
                     </wd-picker>
                 </form-item>
                 <view>
-                    <form-item title="学历" icon="">
+                    <form-item title="学历" icon="" :required="true">
                         <wd-picker
                             :columns="educationPostion"
                             value-key="code"
@@ -158,7 +158,7 @@
                         </wd-picker>
                     </form-item>
 
-                    <form-item title="专业" icon="">
+                    <form-item title="专业" icon="" :required="true">
                         <wd-col-picker
                             v-model="majorValue"
                             :columns="majorOpstion"
@@ -175,7 +175,7 @@
                     </form-item>
                 </view>
 
-                <form-item title="年龄" icon="">
+                <form-item title="年龄" icon="" :required="true">
                     <wd-col-picker
                         v-model="ageValue"
                         :columns="ageColumns"
@@ -244,13 +244,13 @@
                     <input v-model="item.specialCertificates" type="text" placeholder="请填写特种作业证" />
                 </form-item>
                 <form-row :fill="false">
-                    <form-item title="招聘人数" icon="edit">
+                    <form-item title="招聘人数" icon="edit" :required="true">
                         <input type="number" v-model="item.recruitmentNumber" placeholder="请输入招聘人数" />
                     </form-item>
-                    <form-item title="联系电话" icon="edit">
+                    <form-item title="联系电话" icon="edit" :required="true">
                         <input type="number" v-model="item.contactPhone" placeholder="请输入联系电话" />
                     </form-item> </form-row
-                ><form-item title="联系人" icon="edit">
+                ><form-item title="联系人" icon="edit" :required="true">
                     <input type="text" v-model="item.contactPerson" placeholder="请输入联系人" />
                 </form-item>
             </view>