讲师管理

src/views/lecturer/Organization.vue

@@ -37,11 +37,11 @@
             </template>
             </a-table>
             <div class="tableBox ">
-      <div style="float: right;">
+      <div class="pa">
 
         <a-pagination
           v-if="tableDataTotal > 10"
-        :showSizeChanger="false"
+        :showSizeChanger="true"
         :showQuickJumper="true"
         :hideOnSinglePage="true"
         :pageSize="searchParam.pageSize"
@@ -122,7 +122,7 @@
                   :options="PlaceOfPayList" allowClear showSearch/> -->
               <!-- <ProjectManager :type="0" v-model:value="formParam.actValue" :placeholder="'请选择担当'" v-model:arrayList="formParam.actArray" ></ProjectManager> -->
                <AddApprover v-model:arrayList="formParam.actArray" @valueChange="valueChange" :type="0">
-                 <a-select v-model:value="formParam.actValue" :open="false" :placeholder="'请选择担当'"></a-select>
+                 <a-select style="width:100%" v-model:value="formParam.actValue" :open="false" :placeholder="'请选择担当'"></a-select>
                </AddApprover>
           </a-form-item>
           </a-col>
@@ -132,14 +132,20 @@
             <a-form-item label="一级审批人" name="leveOneValue">
               <!-- <a-select v-model:value="formParam.yjspr" placeholder="请选择一级审批人"
                   :options="PlaceOfPayList" allowClear showSearch/> -->
-                  <ProjectManager :type="1" v-model:value="formParam.leveOneValue" :placeholder="'请选择一级审批人'" v-model:arrayList="formParam.leveOneArray" ></ProjectManager>
+                  <!-- <ProjectManager :type="1" v-model:value="formParam.leveOneValue" :placeholder="'请选择一级审批人'" v-model:arrayList="formParam.leveOneArray" ></ProjectManager> -->
+                  <AddApprover v-model:arrayList="formParam.leveOneArray" @valueChange="valueChange" :type="1">
+                    <a-select style="width:100%" v-model:value="formParam.leveOneValue" :open="false" :placeholder="'请选择一级审批人'"></a-select>
+                  </AddApprover>
             </a-form-item>
           </a-col>
           <a-col :span="12">
             <a-form-item label="二级审批人">
             <!-- <a-select v-model:value="formParam.zzfzr" placeholder="请选择二级审批人"
                   :options="PlaceOfPayList" allowClear showSearch/> -->
-                  <ProjectManager :type="1" :placeholder="'请选择二级审批人'" v-model:arrayList="formParam.leveTwoArray" ></ProjectManager>
+                  <!-- <ProjectManager :type="1" :placeholder="'请选择二级审批人'" v-model:arrayList="formParam.leveTwoArray" ></ProjectManager> -->
+                  <AddApprover v-model:arrayList="formParam.leveTwoArray" @valueChange="valueChange" :type="2">
+                    <a-select style="width:100%" v-model:value="formParam.leveTwoValue" :open="false" :placeholder="'请选择二级审批人'"></a-select>
+                  </AddApprover>
           </a-form-item>
           </a-col>
         </a-row>
@@ -148,7 +154,10 @@
             <a-form-item label="三级审批人" >
               <!-- <a-select v-model:value="formParam.sjspr" placeholder="请选择三级审批人"
                   :options="PlaceOfPayList" allowClear showSearch/> -->
-                  <ProjectManager :type="1" :placeholder="'请选择三级审批人'" v-model:arrayList="formParam.leveThreeArray" ></ProjectManager>
+                  <!-- <ProjectManager :type="1" :placeholder="'请选择三级审批人'" v-model:arrayList="formParam.leveThreeArray" ></ProjectManager> -->
+                  <AddApprover v-model:arrayList="formParam.leveThreeArray" @valueChange="valueChange" :type="3">
+                    <a-select style="width:100%" v-model:value="formParam.leveThreeValue" :open="false" :placeholder="'请选择三级审批人'"></a-select>
+                  </AddApprover>
             </a-form-item>
           </a-col>
           <a-col :span="12">
@@ -227,6 +236,7 @@ export default{
     setup() {
       const formRef = ref();
       const state = reactive({
+        tableDataTotal: 0,
       vf:true,
       showContent: false,
       tableLoading:false,
@@ -247,6 +257,8 @@ export default{
         actValue: null,
         actArray: [],
         leveOneValue: null,
+        leveTwoValue: null,
+        leveThreeValue: null,
         leveOneArray: [],
         leveTwoArray: [],
         leveThreeArray: [],
@@ -397,6 +409,7 @@ const getTableDate = (obj) => {
       let objA = { ...state.searchParam };
       queryTrainOrg(objA)
         .then((res) => {
+          console.log(res,'res')
           tableData.value = res.data.data.records
           state.tableDataTotal = Number(res.data.data.total);
           state.tableLoading = false
@@ -487,6 +500,7 @@ const getTableDate = (obj) => {
             return {
               label: item.userName + item.userNo,
               value: item.userId,
+              realName: item.userName,
               ...item
             };
           });
@@ -495,6 +509,7 @@ const getTableDate = (obj) => {
             return {
               label: item.userName + item.userNo,
               value: item.userId,
+              realName: item.userName,
               ...item
             };
           });
@@ -503,16 +518,20 @@ const getTableDate = (obj) => {
             return {
               label: item.userName + item.userNo,
               value: item.userId,
+              realName: item.userName,
               ...item
             };
           });
+          state.formParam.leveTwoValue = state.formParam.leveTwoArray.map(item => item.label).join(',');
           state.formParam.leveThreeArray = leveThreeArray.map(item => {
             return {
               label: item.userName + item.userNo,
               value: item.userId,
+              realName: item.userName,
               ...item
             };
           });
+          state.formParam.leveThreeValue = state.formParam.leveThreeArray.map(item => item.label).join(',');
           state.teacherdialog = true;
           state.teacherdialogtitle = '修改归属组织'
           state.vf = false
@@ -533,6 +552,8 @@ const getTableDate = (obj) => {
         actValue: null,
         actArray: [],
         leveOneValue: null,
+        leveTwoValue:null,
+        leveThreeValue:null,
         leveOneArray: [],
         leveTwoArray: [],
         leveThreeArray: [],
@@ -553,6 +574,17 @@ const getTableDate = (obj) => {
     }
     const valueChange = (val) => {
       console.log(val,'vallll')
+      if(val.length>0){
+        if(val[0].type==0){
+          state.formParam.actValue = val.map(item=>item.label).join(',') || null
+        }else if(val[0].type==1){
+          state.formParam.leveOneValue = val.map(item=>item.label).join(',') || null
+        }else if(val[0].type==2){
+          state.formParam.leveTwoValue = val.map(item=>item.label).join(',') || null
+        }else if(val[0].type==3){
+          state.formParam.leveThreeValue = val.map(item=>item.label).join(',') || null
+        }
+      }
     }
    //保存
    const createTeacherDialog = async () => {
@@ -635,7 +667,24 @@ const getTableDate = (obj) => {
 
 </script>
 <style lang="scss" scoped>
-
+.tableBox {
+  padding-bottom: 20px;
+  margin: 20px 38px 30px;
+  ::v-deep .ant-select-dropdown{
+    display: inline-block;
+  }
+  ::v-deep .ant-select-selection-item{
+    margin-left: 3px;
+  }
+  ::v-deep .ant-pagination-options-size-changer.ant-select{
+    width: 84px;
+  }
+  .pa {
+    width: 100%;
+    display: flex;
+    justify-content: right;
+  }
+}
 .add_content{
   width: 40px;
   height: 40px;
@@ -932,6 +981,7 @@ position: relative;
   border-radius:8px;
   height:40px;
   line-height: 40px;
+  text-align: left;
 }
 .ant-col-12{
   height:90px;