修改

src/components/system/jobapply-form.vue

+<style>
+  .jobInfo_item {
+    margin-bottom: 20px;
+  }
+
+  .job_Line {
+    width: 3px;
+    height: 11px;
+    margin-right: 10px;
+    background-color: #3FC4FF;
+    display: inline-block;
+  }
+
+  .visiHidden {
+    visibility: hidden;
+  }
+
+</style>
 <template>
   <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
     <q-card style="width: 800px;max-width:900px;">
@@ -5,7 +23,55 @@
         <div class="text-h6">{{optionTitle}}</div>
       </q-card-section>
       <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
-        <div class="text-caption q-mb-lg q-px-md text-grey-6">招聘类型信息</div>
+        <div class="jobInfo_item">
+          <span class="job_Line"></span>招聘信息
+        </div>
+        <div class="row wrap">
+          <q-select filled stack-label option-value="Id" option-label="TypeName" disable
+            v-model="RecruitmentInfo.TypeId" :options="typeList" label="招聘类型" :dense="false"
+            class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
+          <q-input filled stack-label maxlength="50" :dense="false" disable v-model="RecruitmentInfo.PositionName"
+            class="col-6 q-pb-lg" label="岗位名称" />
+          <q-select filled stack-label option-value="Id" disable option-label="Name"
+            v-model="RecruitmentInfo.SalaryType" :options="SalaryTypeList" label="薪资类型" :dense="false"
+            class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
+          <q-input filled stack-label maxlength="50" disable :class="{'visiHidden':RecruitmentInfo.SalaryType==2}"
+            :dense="false" v-model="RecruitmentInfo.SalaryNum" class="col-6 q-pb-lg" label="多少薪" />
+          <template v-if="RecruitmentInfo.SalaryType==1">
+            <q-input filled stack-label maxlength="50" disable :dense="false" v-model="RecruitmentInfo.SalaryStart"
+              class="col-6 q-pr-lg q-pb-lg" label="开始薪资" />
+            <q-input filled stack-label maxlength="50" disable :dense="false" v-model="RecruitmentInfo.SalaryEnd"
+              class="col-6 q-pb-lg" label="结束薪资" />
+          </template>
+          <q-input filled stack-label maxlength="50" disable :dense="false" v-model="RecruitmentInfo.Experience"
+            class="col-6 q-pr-lg q-pb-lg" label="工作经验" />
+          <q-input filled stack-label maxlength="50" disable :dense="false" v-model="RecruitmentInfo.Education" 
+            class="col-6 q-pb-lg" label="学历" />
+          <q-input filled stack-label maxlength="100" disable :dense="false" v-model="RecruitmentInfo.WorkPlace"
+            class="col-6 q-pr-lg q-pb-lg" label="工作地点" />
+          <q-input filled v-model="RecruitmentInfo.PublishTime" disable class="col-6 q-pb-lg" mask="date" label="更新时间">
+            <template v-slot:append>
+              <q-icon name="event" class="cursor-pointer">
+                <q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
+                  <q-date v-model="RecruitmentInfo.PublishTime" @input="() => $refs.qDateProxy.hide()" />
+                </q-popup-proxy>
+              </q-icon>
+            </template>
+          </q-input>
+          <q-input filled stack-label :dense="false" disable v-model="RecruitmentInfo.PositionDesc" style="margin-top: 20px"
+            type="textarea" class="col-12" label="岗位描述" />
+        </div>
+        <div class="jobInfo_item" style="margin-top:20px;">
+          <span class="job_Line"></span>职务信息
+        </div>
+        <div class="row wrap">
+          <q-input filled stack-label maxlength="50" :dense="false" disable v-model="JobInfo.LinkMan"
+            class="col-6 q-pr-lg q-pb-lg" label="申请人" />
+          <q-input filled stack-label maxlength="50" :dense="false" disable v-model="JobInfo.LinkTel"
+            class="col-6 q-pb-lg" label="电话" />
+          <q-input filled stack-label maxlength="50" :dense="false" disable v-model="JobInfo.PositionName"
+            class="col-6 q-pb-lg q-pr-lg" label="职务" />
+        </div>
         <div class="row wrap">
           <q-radio v-model="objOption.ApplyStatus" :val="1" label="已联系" />
           <q-radio v-model="objOption.ApplyStatus" :val="2" label="不合适" />
@@ -14,6 +80,7 @@
           <q-input filled stack-label :dense="false" v-model="objOption.ApplyContent" style="margin-top: 20px"
             type="textarea" class="col-12" label="内容" maxlength="200" />
         </div>
+
       </q-card-section>
       <q-separator />
       <q-card-actions align="right" class="bg-white">
@@ -28,7 +95,8 @@
 <script>
   import {
     GetWebJobApply,
-    UpdateWebJobApply
+    UpdateWebJobApply,
+    GetWebRecruitmentTypeList
   } from '../../api/system/webkit'
   export default {
     props: {
@@ -45,14 +113,42 @@
           ApplyStatus: 0, //处理状态(0-待处理，1-已联系，2-不合适）
           ApplyContent: ''
         },
+        RecruitmentInfo: {}, //招聘信息
+        JobInfo: {}, // 职务信息
         optionTitle: "",
         saveLoading: false,
+        typeList: [],
+        SalaryTypeList: [{
+          Id: 1,
+          Name: '固定薪资'
+        }, {
+          Id: 2,
+          Name: '面议'
+        }],
+
       }
     },
     mounted() {
+      this.getTypeList();
       this.initObj()
     },
     methods: {
+      //获取招聘类型下拉数据
+      getTypeList() {
+        let msg = {
+          TypeName: ''
+        }
+        GetWebRecruitmentTypeList(msg).then(res => {
+          if (res.Code == 1) {
+            this.typeList = res.Data;
+            let obj = {
+              Id: 0,
+              TypeName: '不限'
+            }
+            this.typeList.unshift(obj);
+          }
+        }).catch(() => {})
+      },
       //初始化表单
       initObj() {
         if (this.saveObj && this.saveObj.Id > 0) {
@@ -61,9 +157,12 @@
           }).then(res => {
             if (res.Code == 1) {
               this.objOption.Id = res.Data.Id;
-              this.objOption.ApplyStatus = res.Data.ApplyStatus;
-              this.objOption.ApplyContent = res.Data.ApplyContent;
-              this.optionTitle = '修改招聘信息'
+              this.objOption.ApplyStatus = res.Data.JobInfo.ApplyStatus;
+              this.objOption.ApplyContent = res.Data.JobInfo.ApplyContent;
+
+              this.RecruitmentInfo = res.Data.RecruitmentInfo;
+              this.JobInfo = res.Data.JobInfo;
+              this.optionTitle = '修改招聘信息';
             }
           })
         }

src/pages/system/jobapplyManage.vue

@@ -59,6 +59,11 @@
     data() {
       return {
         columns: [{
+          name: 'PositionName',
+          label: '申请职位',
+          field: 'PositionName',
+          align: 'left'
+        },{
           name: 'LinkMan',
           label: '联系人',
           field: 'LinkMan',