提交

src/views/growthpath/GrowthPath.vue

@@ -165,12 +165,11 @@
               <span>任职资格等级</span>
             </div>
             <div class="bg_body_input">
-              <OfficeSelect
-                disabled
-                width="384px"
-                :searchData="statusPosts"
-                @bandCodes="getBandCodes"
+              <a-input
                 v-model:value="statusOffices"
+                disabled
+                style="width: 384px; height: 40px"
+                allowClear
               />
             </div>
           </div>
@@ -220,7 +219,10 @@
               <span>匹配学员</span>
             </div>
             <div class="bg_body_input">
-              <a-radio-group v-model:value="matchRules">
+              <a-radio-group
+                v-model:value="matchRules"
+                @change="matchRulesChange"
+              >
                 <div style="display: flex">
                   <a-radio value="1" style="margin-bottom: 15px"
                     >自动匹配学员</a-radio
@@ -286,11 +288,39 @@
       </div>
     </div>
   </a-modal>
+  <a-modal
+    v-model:visible="matchRulesVisible"
+    title="提示"
+    @ok="
+      () => {
+        keepLearner = true;
+        matchRulesVisible = false;
+      }
+    "
+    @cancel="
+      () => {
+        keepLearner = false;
+        matchRulesVisible = false;
+      }
+    "
+  >
+    <div style="padding: 30px 24px; font-size: 16px">
+      是否保留已绑定的学员？
+    </div>
+  </a-modal>
   <UpdateRecord ref="UpdateRecordRef" />
 </template>
 
 <script>
-import { reactive, toRefs, ref, onMounted, watch, computed } from "vue";
+import {
+  reactive,
+  toRefs,
+  ref,
+  onMounted,
+  watch,
+  computed,
+  createVNode,
+} from "vue";
 import { useRouter } from "vue-router";
 import { message } from "ant-design-vue";
 import dialog from "@/utils/dialog";
@@ -305,6 +335,7 @@ import CommonStudent from "@/components/growthpath/GrowthCommonStudent";
 import TableModelStudent from "@/components/growthpath/GrowthTableModel";
 import UpdateRecord from "@/components/growthpath/UpdateRecord";
 import { useStore } from "vuex";
+
 import {
   listData,
   published,
@@ -344,7 +375,8 @@ export default {
       pathWays: "",
       statusPost: null,
       matchRules: "1",
-      template: "1",
+      matchRulesVisible: false,
+      template: "2",
       statusPostMaps: [],
       statusPosts: null,
       editId: null,
@@ -360,6 +392,7 @@ export default {
       pageNum: 1,
       pageSize: 10,
       dataList: [],
+      keepLearner: false,
     });
     const releaseLearnPath = (item) => {
       dialog({
@@ -389,8 +422,8 @@ export default {
     const columns = ref([
       {
         title: "标准岗位",
-        dataIndex: "positionName",
-        key: "positionName",
+        dataIndex: "stdPositionName",
+        key: "stdPositionName",
         width: 100,
         align: "center",
         ellipsis: true,
@@ -469,6 +502,7 @@ export default {
       state.statusValue = null;
       state.statusPost = null;
       state.statusRank = [];
+      state.statusOffice = null;
       state.pageNum = 1;
       listDatas();
     };
@@ -482,15 +516,20 @@ export default {
     const editPath = (record) => {
       state.editId = record.id;
       state.statusPosts = record.stdPosition;
-      state.statusOffices = record.qualsLevelCode;
+      state.statusOffices = record.qualsLevelDesr;
       state.courseNum = record.electivesCompletedNum;
       state.elePublishedNum = record.elePublishedNum;
       state.pathWays = record.description;
-      state.band = record.bandCodes;
+      state.band = record.band;
       state.matchRules = record.matchRules || "1";
-      state.template = state.template || "1";
+      state.template = state.template || "2";
       state.bg_check = true;
     };
+
+    // 切换匹配学员方式
+    const matchRulesChange = () => {
+      state.matchRulesVisible = true;
+    };
     // 确定
     const confirm = () => {
       if (state.courseNum !== 0 && !state.courseNum) {
@@ -503,12 +542,13 @@ export default {
       }
       const params = {
         stdPosition: state.statusPosts,
-        qualsLevelCode: state.statusOffices,
+        qualsLevelDesr: state.statusOffices,
         electivesCompletedNum: state.courseNum,
         description: state.pathWays,
         matchRules: state.matchRules,
         id: state.editId ? state.editId : null,
         template: state.template,
+        keepLearner: state.keepLearner,
       };
       updatePostInfomation(params)
         .then((res) => {
@@ -590,6 +630,7 @@ export default {
       withdraw,
       releaseLearnPath,
       UpdateRecordRef,
+      matchRulesChange,
     };
   },
 };