选择教师专长弹窗

src/views/lecturer/InsideLecturer.vue

@@ -259,6 +259,7 @@
             :options="getTeacherExpertiseByPidList">
           </a-select>
           <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.expertise }}</span>
+          <div class="add_content" @click="addContentData">+</div>
         </div>
               <div class="del_btnbox"  v-if="teacherdialog1 == 0">
                 <a-button class="del_btn btn1" @click="cancelTeacherDialog" style="margin-right: 32px;">取消</a-button>
@@ -377,6 +378,7 @@
       </a-modal>
     </div>
     <!-- <div> <Upload/> </div>         -->
+    <AddContent v-model:showContent="showContent" @AddContentList="AddContentList" />
   </div>
 </template>
 <script lang="jsx">
@@ -384,6 +386,7 @@ import { reactive, toRefs, ref ,watch} from "vue";
 import Editor from "@/components/project/Editor";
 import Upload from "@/components/project/Upload";
 import { message } from "ant-design-vue";
+import AddContent from "@/components/project/AddContent";
 import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList, getLevel,insertTeacher,deleteInTeacher,updateInTeacher,getTeacherById, updateTeacherState,getTeacherCourseList , getTeacherExpertise,getTeacherExpertiseByPid ,infoteacher,getTeacherLogList } from "../../api/Lecturer";
 // import {getProjSt} from "../../api/indexProjStu";
 // import AddTeacher from "../../components/drawers/project/AddTeacher"
@@ -392,10 +395,12 @@ export default {
   components: {
     // AddTeacher,
     Editor,
-    Upload
+    Upload,
+    AddContent
   },
   setup() {
     const state = reactive({
+      showContent: false,
       byPid:null,
       currentPage1: 1,
       pageSize1: 10,
@@ -532,7 +537,36 @@ export default {
     { value: 1, label: "专业力"  , children: [{value: 0, label: "管理团队"  ,value: 1, label: "专业力"  ,value: 2, label: "专业力"   }]},
     { value: 2, label: "通用力"  , children: [{value: 0, label: "管理团队"  ,value: 1, label: "通用力"  ,value: 2, label: "通用力"   }]},
     ])
-
+    const addContentData = () => {
+      state.showContent = true
+    }
+    const AddContentList = (data) => {
+      console.log(data,'treedatalist')
+      //组件获取返回的所有值，调用以前接口，现环境不可用，示例：
+      // [{
+      //   "id": "966459050400600064",
+      //   "sysCreateAid": "952948872212635648",
+      //   "sysCreateBy": "董瑞华",
+      //   "sysCreateTime": "2022-04-20 22:03:13",
+      //   "sysUpdateTime": "2022-04-20 22:03:13",
+      //   "sysUpdateBy": "董瑞华",
+      //   "sysVersion": 0,
+      //   "deleted": false,
+      //   "name": "研发",
+      //   "parentId": "966458733088919552",
+      //   "filter": true,
+      //   "orderIndex": 2,
+      //   "origin": 2,
+      //   "status": 1,
+      //   "total": 0,
+      //   "sysResType": 1,
+      //   "children": "",
+      //   "parentName": "专业力",
+      //   "resDataManager": "",
+      //   "code": "966459050400600064",
+      //   "value": "966459050400600064"
+      // }]
+    }
     //获取讲师父 专长
     const TeacherExpertiseList = ref([
     ]);
@@ -1238,6 +1272,8 @@ export default {
       getTeacherExpertiseByPida,
       infoteacherList,
       getinfoteacher,
+      addContentData,
+      AddContentList,
     }
   },
 };
@@ -1255,6 +1291,17 @@ export default {
   display: inline-block;
   width: 200px;
 }
+.add_content{
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: #4ea6ff;
+  text-align: center;
+  line-height: 40px;
+  color: #ffffff;
+  font-size: 26px;
+}
 
 // .display0{
 // display:inline-block ;