update experience

components/sign/experience.vue

@@ -2,107 +2,37 @@
   <div class="info">
     <header>
       <h5>工作经历</h5>
-      <div v-if="editing" class="opts">
-        <el-button type="info" @click="editing = false">取消</el-button>
-        <el-button type="primary" @click="onSubmit">确认</el-button>
-      </div>
-      <div v-else class="opts">
-        <el-button type="primary" @click="editing = true">编辑</el-button>
-      </div>
     </header>
     <div v-if="editing" class="edit">
       <el-form ref="form" :rules="rules" :model="form" label-width="147px">
-        <el-form-item label="昵称">
-          <el-input v-model="form.name"></el-input>
-        </el-form-item>
-        <el-form-item label="工作状态">
-          <el-select v-model="form.region" placeholder="请选择">
+        <div class="header">
+          <el-date-picker v-model="value1" type="date" placeholder="开始时间"></el-date-picker>
+          <span class="to">至</span>
+          <el-date-picker v-model="value1" type="date" placeholder="结束时间"></el-date-picker>
+          <el-select v-model="form.region" placeholder="学校名称">
             <el-option label="区域一" value="shanghai"></el-option>
             <el-option label="区域二" value="beijing"></el-option>
           </el-select>
-        </el-form-item>
-        <el-form-item label="职业方向">
-          <el-select v-model="form.region" placeholder="请选择">
+          <el-select v-model="form.region" placeholder="选择专业">
             <el-option label="区域一" value="shanghai"></el-option>
             <el-option label="区域二" value="beijing"></el-option>
           </el-select>
-          <el-select v-model="form.region" placeholder="请选择">
-            <el-option label="区域一" value="shanghai"></el-option>
-            <el-option label="区域二" value="beijing"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="所在地区">
-          <el-select v-model="form.region" placeholder="请选择">
-            <el-option label="区域一" value="shanghai"></el-option>
-            <el-option label="区域二" value="beijing"></el-option>
-          </el-select>
-          <!-- <el-date-picker
-              type="date"
-              placeholder="选择日期"
-              v-model="form.date1"
-              style="width: 100%;"
-          ></el-date-picker>-->
-          <el-select v-model="form.region" placeholder="请选择">
-            <el-option label="区域一" value="shanghai"></el-option>
-            <el-option label="区域二" value="beijing"></el-option>
-          </el-select>
-          <!-- <el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker> -->
-        </el-form-item>
-        <el-form-item label="日薪">
-          <el-input-number
-            :min="200"
-            :max="2000"
-            :controls="false"
-            v-model="form.name"
-            :style="{width: '150px', marginRight: '10px'}"
-          ></el-input-number>元/天（8小时）
-        </el-form-item>
-        <el-form-item label="可工作时间">
-          <div class="times">
-            <el-checkbox v-model="form.workingday" label="工作日"></el-checkbox>
-            <el-time-select
-              v-model="form.workingStart"
-              :picker-options="{
-                  start: '00:00',
-                  step: '00:30',
-                  end: '24:00'
-                }"
-              placeholder="开始时间"
-            ></el-time-select>
-            <span class="to">至</span>
-            <el-time-select
-              v-model="form.workingEnd"
-              :picker-options="{
-                  start: '00:00',
-                  step: '00:30',
-                  end: '24:00'
-                }"
-              placeholder="结束时间"
-            ></el-time-select>
+          <div v-if="editing" class="opts">
+            <el-button type="info" @click="editing = false">取消</el-button>
+            <el-button type="primary" @click="onSubmit">确认</el-button>
           </div>
-          <div class="times">
-            <el-checkbox v-model="form.weekend" label="周末"></el-checkbox>
-            <el-time-select
-              v-model="form.weekendStart"
-              :picker-options="{
-                  start: '00:00',
-                  step: '00:30',
-                  end: '24:00'
-                }"
-              placeholder="开始时间"
-            ></el-time-select>
-            <span class="to">至</span>
-            <el-time-select
-              v-model="form.weekendEnd"
-              :picker-options="{
-                  start: '00:00',
-                  step: '00:30',
-                  end: '24:00'
-                }"
-              placeholder="结束时间"
-            ></el-time-select>
+          <div v-else class="opts">
+            <el-button type="primary" @click="editing = true">编辑</el-button>
           </div>
-        </el-form-item>
+        </div>
+        <div class="content">
+          <el-input type="textarea" :rows="2" placeholder="教育经历文字说明，不得低于15个字符" v-model="textarea"></el-input>
+          <uploader :imageUrl="form.imageUrl" title="毕业证图片" @change="handleImageUrl"></uploader>
+        </div>
+        <footer>
+          <p>学信网在线验证报告, 例如：https://www.proginn.com</p>
+          <p>注：学历证明可以是毕业证图片或学信网在线验证报告（二选一即可）</p>
+        </footer>
       </el-form>
     </div>
     <div v-else class="show">
@@ -119,15 +49,17 @@
 </template>
 
 <script>
+import uploader from "@/components/uploader";
 export default {
   data() {
     return {
+      editing: true,
       rules: {
         name: ""
       },
       form: {
         name: "1123",
-        status: "123",
+        imageUrl: "",
         position: "123",
         address: "123",
         region: "123",
@@ -139,13 +71,18 @@ export default {
         weekendEnd: "333",
         dailyRate: "312",
         workingTime: "123"
-      },
-      editing: false
+      }
     };
   },
+  components: {
+    uploader
+  },
   methods: {
     onSubmit() {
       console.log("submit!");
+    },
+    handleImageUrl(url) {
+      this.form.imageUrl = url;
     }
   }
 };

components/uploader.vue

@@ -32,7 +32,7 @@ export default {
       this.$emit("change", "");
     },
     handleFileChange(file) {
-      const file = e.target.files[0];
+      // const file = e.target.files[0];
       // if (file.size / 1024 > 500) {
       //   this.$message.error("图片大小不得超过500k，请重新选择");
       //   return false;