报名

src/views/Apply/apply.vue

@@ -5,23 +5,22 @@
     <div class="container px-6 bg-white">
       <div class="item-box flex justify-between items-center border-b">
         <div class="item-title text-gray-400">姓名<span class="text-red-500 ml-1 align-middle">*</span></div>
-        <input class="text-right outline-none" :disabled="isApply" v-model="name" type="text" placeholder="请输入您的姓名" />
+        <input class="text-right outline-none" v-model="name" type="text" placeholder="请输入您的姓名" />
       </div>
 
       <div class="item-box flex justify-between items-center border-b">
         <div class="item-title text-gray-400">身份证号<span class="text-red-500 ml-1 align-middle">*</span></div>
-        <input class="text-right outline-none" :disabled="isApply" v-model="idCard" type="text" placeholder="请输入您的身份证号" />
+        <input class="text-right outline-none" v-model="idCard" type="text" placeholder="请输入您的身份证号" />
       </div>
 
       <div class="item-box flex justify-between items-center border-b">
         <div class="item-title text-gray-400">年龄</div>
-        <input class="text-right outline-none" :disabled="isApply" v-model="age" type="number" placeholder="请输入您的年龄" />
+        <input class="text-right outline-none" v-model="age" type="number" placeholder="请输入您的年龄" />
       </div>
 
       <div class="item-box flex justify-between items-center border-b">
         <div class="item-title text-gray-400">性别</div>
-        <input v-if="isApply" class="text-right outline-none" disabled v-model="genderName" />
+        <a-radio-group v-model="gender" @change="onChange">
-        <a-radio-group v-else v-model="gender" @change="onChange">
           <a-radio :value="1"> 男 </a-radio>
           <a-radio :value="0"> 女 </a-radio>
         </a-radio-group>
@@ -29,8 +28,7 @@
 
       <div class="item-box flex justify-between items-center border-b">
         <div class="item-title text-gray-400">身份<span class="text-red-500 ml-1 align-middle">*</span></div>
-        <input v-if="isApply" class="text-right outline-none" disabled v-model="positionName" />
+        <div class="flex justify-end items-center" @click="openMenu(1)">
-        <div v-else class="flex justify-end items-center" @click="openMenu(1)">
           <span class="mr-1 truncate">{{ positionName }}</span>
           <a-icon type="right" />
         </div>
@@ -42,12 +40,12 @@
     <div class="container px-6 bg-white">
       <div class="item-box flex justify-between items-center border-b">
         <div class="item-title text-gray-400">地址</div>
-        <input class="text-right outline-none" :disabled="isApply" v-model="address" type="text" placeholder="请输入您的详细地址" />
+        <input class="text-right outline-none" v-model="address" type="text" placeholder="请输入您的详细地址" />
       </div>
 
       <div class="item-box flex justify-between items-center border-b">
         <div class="item-title text-gray-400">电话<span class="text-red-500 ml-1 align-middle">*</span></div>
-        <input class="text-right outline-none" :disabled="isApply" v-model="phone" type="text" placeholder="请输入您的电话" />
+        <input class="text-right outline-none" v-model="phone" type="text" placeholder="请输入您的电话" />
       </div>
     </div>
 
@@ -56,8 +54,7 @@
     <div class="container px-6 bg-white">
       <div class="item-box flex justify-between items-center border-b">
         <div class="item-title text-gray-400">培训目标<span class="text-red-500 ml-1 align-middle">*</span></div>
-        <input v-if="isApply" class="text-right outline-none" disabled v-model="targetName" />
+        <div class="flex justify-end items-center" @click="openMenu(2)">
-        <div v-else class="flex justify-end items-center" @click="openMenu(2)">
           <span class="mr-1 truncate">{{ targetName }}</span>
           <a-icon type="right" />
         </div>