职位管理更新

src/views/manager/jobs/detail.vue

@@ -14,16 +14,9 @@
               <el-input placeholder="每个职位职能录入一个岗位" v-model="info.job_name"></el-input>
             </form-item>
             <form-item label="职位分类">
-              <el-button @click="drawer = true" style="width:100%;">{{ info.category ? info.category : '点击选择职位' }} </el-button>
-              <el-drawer title="选择职位" :visible.sync="drawer" :direction="`rtl`">
-                <el-row>
-                  <el-col :span="24">
-                    <el-button v-for="(item, index) in jobTypeList" :key="index" @click="selectJobs(item)" size="small" style="margin: 0 0.5rem;">
-                      {{ item.label }}
-                    </el-button>
-                  </el-col>
-                </el-row>
-              </el-drawer>
+              <el-select v-model="info.category" placeholder="点击选择职位" multiple style="width:100%;">
+                <el-option v-for="(item, index) in jobTypeList" :key="index" :label="item.name" :value="item.name"></el-option>
+              </el-select>
             </form-item>
             <form-item label="工作城市">
               <tag-all-select
@@ -43,7 +36,7 @@
             </form-item>
             <form-item label="学历要求">
               <el-select v-model="info.xl_req" placeholder="请选择学历要求">
-                <el-option v-for="(item, index) in edu_list" :key="index" :label="item.label" :value="item.label"></el-option>
+                <el-option v-for="(item, index) in edu_list" :key="index" :label="item.name" :value="item.name"></el-option>
               </el-select>
             </form-item>
             <form-item label="职位诱惑">
@@ -84,8 +77,8 @@
             </form-item>
             <form-item label="薪酬福利">
               <el-col :span="8" v-for="(item, index) in welfare_list" :key="index">
-                <el-radio v-model="info.welfare" :label="item.value" :border="true" size="small">
-                  {{ item.label }}
+                <el-radio v-model="info.welfare" :label="item.name" :border="true" size="small">
+                  {{ item.name }}
                 </el-radio>
               </el-col>
             </form-item>
@@ -156,37 +149,13 @@ export default {
     },
     jobType: '',
     drawer: false,
-    jobTypeList: [
-      {
-        label: 'IT',
-        value: '1',
-      },
-      {
-        label: 'test2',
-        value: '2',
-      },
-      {
-        label: 'test3',
-        value: '3',
-      },
-      {
-        label: 'test4',
-        value: '4',
-      },
-    ],
+    jobTypeList: [],
     provinceList: [{ label: '北京市', value: '110000' }, { label: '吉林省', value: '220000' }, { label: '沈阳省', value: '210000' }],
     secondList: [{ label: '长春市', value: '220100' }, { label: '吉林市', value: '220200' }],
     secondList1: [{ label: '沈阳市', value: '210100' }, { label: '大连市', value: '210200' }],
     cityList: [],
     type_list: [{ type_value: 0, type_label: '全职' }, { type_value: 1, type_label: '实习' }],
-    edu_list: [
-      { value: '不限', label: '不限' },
-      { value: '中专及以上', label: '中专及以上' },
-      { value: '大专及以上', label: '大专及以上' },
-      { value: '本科及以上', label: '本科及以上' },
-      { value: '硕士及以上', label: '硕士及以上' },
-      { value: '博士及以上', label: '博士及以上' },
-    ],
+    edu_list: [],
     entice_list: [
       { value: '1', label: '年底双薪' },
       { value: '2', label: '绩效奖金' },
@@ -208,14 +177,7 @@ export default {
       { value: '18', label: '留人基金' },
       { value: '19', label: '学费返还' },
     ],
-    welfare_list: [
-      { value: '无', label: '无' },
-      { value: '五险一金', label: '五险一金' },
-      { value: '三险一金', label: '三险一金' },
-      { value: '六险一金', label: '六险一金' },
-      { value: '五险', label: '五险' },
-      { value: '三险', label: '三险' },
-    ],
+    welfare_list: [],
     subjectList: [
       { label: '不限专业', value: '0' },
       { label: '哲学', value: '1' },
@@ -240,6 +202,7 @@ export default {
     subjectSub2: [{ label: '社会经济学', value: '16' }, { label: '国际经济学', value: '17' }, { label: '资本主义经济学', value: '18' }],
   }),
   created() {
+    this.otherList();
     if (this.$route.query.id) {
       this.search();
     }
@@ -248,12 +211,14 @@ export default {
     ...mapState(['user']),
   },
   methods: {
-    ...mapActions(['postOperation']),
+    ...mapActions(['postOperation', 'dicOperation']),
     async search() {
       let result = await this.postOperation({ type: 'search', data: { id: this.$route.query.id } });
       let infos = JSON.parse(JSON.stringify(result.data));
       this.$set(this, `info`, infos);
       this.returnData(infos);
+      var jobArr = infos.category.split(',');
+      this.$set(this.info, 'category', jobArr);
     },
     selectChange({ val, type }) {
       //此方法是同步选择
@@ -294,6 +259,13 @@ export default {
           mid === '' ? (mid = item.label) : (mid += `,${item.label}`);
         });
         infos.zy_req = mid;
+        mid = '';
+      }
+      if (typeof infos.category === 'object') {
+        infos.category.map(item => {
+          mid === '' ? (mid = item) : (mid += `,${item}`);
+        });
+        infos.category = mid;
       }
       if (this.info.id) {
         result = await this.postOperation({ type: 'update', data: { info: infos, id: this.$route.query.id } });
@@ -366,6 +338,34 @@ export default {
         this.$set(this.info, `job_tag`, selected);
       }
     },
+    async otherList(type) {
+      let result = await this.dicOperation('zwlb');
+      if (`${result.errcode}` === '0') {
+        this.$set(this, `jobTypeList`, result.data);
+      } else {
+        this.$message.error(result.errmsg ? result.errmsg : 'error');
+      }
+      result = await this.dicOperation('xl');
+      if (`${result.errcode}` === '0') {
+        this.$set(this, `edu_list`, result.data);
+      } else {
+        this.$message.error(result.errmsg ? result.errmsg : 'error');
+      }
+      result = await this.dicOperation('zwyh');
+      if (`${result.errcode}` === '0') {
+        var enticeNew = result.data.map(item => ({ value: item.code, label: item.name }));
+        this.$set(this, `entice_list`, enticeNew);
+        console.log(enticeNew);
+      } else {
+        this.$message.error(result.errmsg ? result.errmsg : 'error');
+      }
+      result = await this.dicOperation('xcfl');
+      if (`${result.errcode}` === '0') {
+        this.$set(this, `welfare_list`, result.data);
+      } else {
+        this.$message.error(result.errmsg ? result.errmsg : 'error');
+      }
+    },
   },
 };
 </script>