技术认证方向封装

components/public/occupation_direction.vue

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <el-cascader
+      :options="list"
+    ></el-cascader>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      list: []
+    };
+  },
+  async mounted() {
+    const res = await this.$axios.$post("/uapi/work/get/get.occupation.direction.form.sign.new");
+    this.list=res.data.list;
+  },
+  methods: {
+
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>

pages/frontend/skill_cert/profile.vue

@@ -33,9 +33,7 @@
        <div class="field-selector skill-cert-status-main">
         <span class="selector-title">选择认证方向:</span>
         <div class="fields skill-cert-select">
-          <el-cascader
-            :options="testoptions"
-          ></el-cascader>
+            <occupation_direction />
         </div>
         <div class="skill-cert-status">已认证</div>
       </div>
@@ -46,7 +44,7 @@
 
 
      <!-- 技能认证：end -->
-    
+
     <div class="col-title width-infinity">
       <span class="label">填写表单</span>
     </div>
@@ -151,11 +149,12 @@
   import flow from "@/components/flow/flow";
   import skillCertHeader from "@/components/skill_cert_header/skill_cert_header";
   import skills from "./components/skills";
+  import occupation_direction from "@/components/public/occupation_direction";
 
   export default {
     name: "profile",
     components: {
-      flow, skillCertHeader,skills
+      flow, skillCertHeader,skills,occupation_direction
     },
     data() {
       return {
@@ -807,9 +806,9 @@
       display: flex;
       align-items: center;
       justify-content:center;
-      
+
     }
-    
+
   }
 
   .skill-cert-status-main{