From 200c95b04731cdc48134e9c571deac323299933c Mon Sep 17 00:00:00 2001
From: gengxin <gengxin@tojoy1.com>
Date: Tue, 18 Feb 2025 19:18:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A1=E6=89=B9=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/lecturer/Organization.vue         | 1647 +------------------
 src/views/lecturer/OrganizationApproval.vue | 1577 ++++++++++++++++++
 src/views/lecturer/OrganizationList.vue     | 1646 ++++++++++++++++++
 3 files changed, 3245 insertions(+), 1625 deletions(-)
 create mode 100644 src/views/lecturer/OrganizationApproval.vue
 create mode 100644 src/views/lecturer/OrganizationList.vue

diff --git a/src/views/lecturer/Organization.vue b/src/views/lecturer/Organization.vue
index 16093486..805ab452 100644
--- a/src/views/lecturer/Organization.vue
+++ b/src/views/lecturer/Organization.vue
@@ -1,1652 +1,49 @@
 <!-- 归属组织 -->
 <template>
   <a-tabs v-model:activeKey="activeKey">
-    <a-tab-pane key="1" tab="培训发僧组织列表"> 培训发僧组织列表 </a-tab-pane>
+    <a-tab-pane key="1" tab="培训发僧组织列表"> 
+      <OrganizationList/>
+    </a-tab-pane>
     <!-- v-if="lecturerAdmin('lecturer-admin')" -->
-    <a-tab-pane key="2" tab="审批中心"> 审批中心 </a-tab-pane>
+    <a-tab-pane key="2" tab="审批中心"> 
+      <OrganizationApproval/>
+    </a-tab-pane>
   </a-tabs>
 
-  <!-- 搜索框及按钮 -->
-  <div class="filter" style="min-width: 1380px; margin: 20px">
-    <a-form layout="inline">
-      <a-form-item class="select">
-        <div>
-          <a-input
-            style="width: 235px; height: 40px; border-radius: 8px"
-            v-model:value="searchParam.name"
-            placeholder="请输入编号/名称进行搜索"
-            v-on:keydown.enter="enterPressHadlerSearch"
-          />
-        </div>
-      </a-form-item>
-      <a-form-item class="select">
-        <div>
-          <a-select
-            style="width: 235px"
-            v-model:value="searchParam.isParent"
-            placeholder="请选择节点类型"
-            allowClear
-            :options="TrainOrglist"
-            v-on:keydown.enter="enterPressHadlerSearch"
-          />
-        </div>
-      </a-form-item>
-      <a-form-item class="select">
-        <div>
-          <a-input
-            style="width: 235px; height: 40px; border-radius: 8px"
-            v-model:value="searchParam.leaderName"
-            placeholder="请输入担当姓名/工号"
-            v-on:keydown.enter="enterPressHadlerSearch"
-          />
-        </div>
-      </a-form-item>
-      <div style="display: flex; margin-bottom: 20px">
-        <a-button @click="searchSubmit()" type="primary" class="resetbtn"
-          >查询
-        </a-button>
-        <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
-        <!-- <div class="search"></div> -->
-        <a-button class="resetbtn" @click="searchReset">重置</a-button>
-      </div>
-    </a-form>
-    <div style="width: 100%"></div>
-    <div style="display: flex; margin-bottom: 20px">
-      <a-button
-        v-if="checkMenu('lecturerTrainOrgAdd')"
-        @click="addTeacher()"
-        type="primary"
-        class="resetbtn"
-        style="width: 164px"
-      >
-        <div class="search"></div>
-        新增培训发生组织
-      </a-button>
-      <div
-        class="btnn btn2"
-        @click="downOpen"
-        style="margin-right: 14px"
-        v-if="checkMenu('lecturerTrainOrgExport')"
-      >
-        <div class="daochu"></div>
-        <div class="btnText">导出</div>
-      </div>
-    </div>
-    <a-table
-      style="border: 1px solid #f2f6fe"
-      :columns="columns"
-      :data-source="tableData"
-      :loading="tableLoading"
-      @expand="expandTable"
-      :pagination="false"
-    >
-      <template #bodyCell="{ record, column }">
-        <template v-if="column.key === 'operation'">
-          <a-space>
-            <lockLecturer
-              :parentName="record.parentName"
-              :id="record.id"
-              :title="'培训发生组织详情'"
-              @searchList="searchList"
-            >
-              <div style="color: #1890ff; cursor: pointer">查看</div>
-            </lockLecturer>
-            <a-button
-              v-if="record.status != 2 && checkMenu('lecturerTrainOrgEdit')"
-              type="link"
-              @click="() => handleModify(record, String(record.courseform))"
-              >编辑</a-button
-            >
-            <a-button
-              v-if="record.status == 2 && false"
-              type="link"
-              @click="() => updateModal(record)"
-              >撤回</a-button
-            >
-            <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
-            <a-button
-              @click="isEnablePost(record, 0)"
-              v-if="record.enable && checkMenu('lecturerTrainOrgStop')"
-              type="link"
-              >启用</a-button
-            >
-            <a-button
-              @click="isEnablePost(record, 1)"
-              v-if="!record.enable && checkMenu('lecturerTrainOrgStop')"
-              type="link"
-              >停用</a-button
-            >
-          </a-space>
-        </template>
-      </template>
-    </a-table>
-    <div class="tableBox">
-      <div class="pa">
-        <a-pagination
-          v-if="tableDataTotal > 10"
-          :showSizeChanger="true"
-          :showQuickJumper="true"
-          :hideOnSinglePage="false"
-          :pageSize="searchParam.pageSize"
-          :current="searchParam.pageNo"
-          :total="tableDataTotal"
-          class="pagination"
-          @change="changePagination"
-        />
-      </div>
-    </div>
-    <!-- 删除功能弹窗 -->
-    <div>
-      <a-modal
-        v-model:visible="deleteInTeacherdialog"
-        :footer="null"
-        :closable="close"
-        centered="true"
-      >
-        <div class="delete">
-          <div class="del_header"></div>
-          <div class="del_main">
-            <div class="header">
-              <div class="icon1"></div>
-              <span>提示</span>
-            </div>
-            <div class="body">
-              <span>您确定要删除当前组织吗</span>
-            </div>
-            <div class="del_btnbox">
-              <div
-                class="del_btn btn2"
-                @click="cancelTeacherDialog"
-                style="margin-right: 32px"
-              >
-                <div class="btnText">取消</div>
-              </div>
-              <div class="del_btn btn2" @click="closeDeleteTeacher">
-                <div class="btnText">确定</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </a-modal>
-    </div>
-    <!-- 抽屉 -->
-    <div class="example" v-if="example">
-      <a-spin />
-    </div>
-    <a-drawer
-      class="largeDrawerInside"
-      v-model:visible="teacherdialog"
-      :closable="false"
-      :title="false"
-      placement="right"
-      width="60%"
-      :maskClosable="false"
-    >
-      <div style="padding: 24px">
-        <div class="headers" style="margin-top: -24px">
-          <div class="headerTitle">{{ teacherdialogtitle }}</div>
-          <img
-            style="width: 29px; height: 29px; cursor: pointer"
-            src="@/assets/images/basicinfo/close.png"
-            @click="cancelTeacherDialog"
-          />
-        </div>
-        <a-form :model="formParam" layout="vertical" ref="formRef">
-          <a-row :gutter="16">
-            <a-col :span="24">
-              <!-- <span class="line"></span><span>讲师体系基本信息</span> -->
-            </a-col>
-          </a-row>
-          <a-row :gutter="16">
-            <a-col :span="12">
-              <a-form-item name="affiliationCode">
-                <template v-slot:label>
-                  <img
-                    style="margin-right: 4px; width: 7px; height: 7px"
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                  培训发生组织编号：
-                </template>
-                <a-input
-                  disabled
-                  v-model:value="formParam.affiliationCode"
-                  class="draitem"
-                  placeholder="请输入讲师体系编号"
-                  allowClear
-                  showSearch
-                >
-                </a-input>
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item name="affiliationName">
-                <template v-slot:label>
-                  <img
-                    style="margin-right: 4px; width: 7px; height: 7px"
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                  培训发生组织名称：
-                </template>
-                <a-input
-                  :maxlength="30"
-                  show-count
-                  v-model:value="formParam.affiliationName"
-                  class="draitem"
-                  placeholder="请输入培训发生组织名称"
-                  allowClear
-                  showSearch
-                >
-                </a-input>
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-row :gutter="16">
-            <a-col :span="12">
-              <a-form-item name="code">
-                <template v-slot:label>
-                  <img
-                    style="margin-right: 4px; width: 7px; height: 7px"
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                  是否为根节点：
-                </template>
-                <div style="display: flex; align-items: center">
-                  <a-radio-group
-                    :disabled="formParam.locking"
-                    style="min-width: 126px"
-                    @change="selectRadio"
-                    v-model:value="formParam.isParent"
-                    name="radioGroup"
-                  >
-                    <a-radio :value="1">否</a-radio>
-                    <a-radio :value="0">是</a-radio>
-                  </a-radio-group>
-                  <a-select
-                    :disabled="formParam.locking"
-                    v-model:value="formParam.code"
-                    :placeholder="
-                      !formParam.isParent ? '请选择审批层级' : '请选择根节点'
-                    "
-                    :options="
-                      !formParam.isParent ? PlaceOfPayList : PlaceOfPayListTwo
-                    "
-                    allowClear
-                    showSearch
-                  />
-                </div>
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item name="actValue">
-                <template v-slot:label>
-                  <img
-                    style="margin-right: 4px; width: 7px; height: 7px"
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                  组织担当：
-                </template>
-                <!-- <a-select v-model:value="formParam.zzfzr" placeholder="请选择组织负责人"
-                    :options="PlaceOfPayList" allowClear showSearch/> -->
-                <!-- <ProjectManager :type="0" v-model:value="formParam.actValue" :placeholder="'请选择担当'" v-model:arrayList="formParam.actArray" ></ProjectManager> -->
-                <AddApprover
-                  :title="'组织担当'"
-                  v-model:arrayList="formParam.actArray"
-                  @valueChange="valueChange"
-                  :type="0"
-                >
-                  <a-select
-                    style="width: 100%"
-                    v-model:value="formParam.actValue"
-                    :open="false"
-                    :placeholder="'请选择担当'"
-                  ></a-select>
-                </AddApprover>
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-row :gutter="16" v-if="formParam.isParent">
-            <a-col :span="12">
-              <a-form-item name="leveOneValue">
-                <template v-slot:label>
-                  <img
-                    style="margin-right: 4px; width: 7px; height: 7px"
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                  一级审批人
-                </template>
-                <!-- <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> -->
-                <AddApprover
-                  :title="'一级审批人'"
-                  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> -->
-                <AddApprover
-                  :title="'二级审批人'"
-                  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>
-          <a-row :gutter="16">
-            <a-col :span="12" v-if="formParam.isParent">
-              <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> -->
-                <AddApprover
-                  :title="'三级审批人'"
-                  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" v-if="formParam.isParent == 0">
-              <a-form-item name="isContains">
-                <template v-slot:label>
-                  <img
-                    style="margin-right: 4px; width: 7px; height: 7px"
-                    src="@/assets/images/coursewareManage/asterisk.png"
-                    alt=""
-                  />
-                  审批流程是否加该担当
-                </template>
-                <a-select
-                  v-model:value="formParam.isContains"
-                  placeholder="请选择审批流程是否加担当"
-                  :options="isConSelect"
-                  allowClear
-                  showSearch
-                />
-              </a-form-item>
-            </a-col>
-            <a-col :span="12">
-              <a-form-item label="备注">
-                <a-input
-                  v-model:value="formParam.remark"
-                  showCount
-                  :maxlength="200"
-                  style="width: 100%; height: 40px; border-radius: 8px"
-                  placeholder="请输入"
-                />
-              </a-form-item>
-            </a-col>
-          </a-row>
-          <a-form-item name="orglistName">
-            <template v-slot:label>
-              <img
-                style="margin-right: 4px; width: 7px; height: 7px"
-                src="@/assets/images/coursewareManage/asterisk.png"
-                alt=""
-              />
-              选择管理组织
-            </template>
-            <a-row :gutter="50" style="margin-bottom: 10px">
-              <a-col :span="2">
-                <!-- <a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag> -->
-                <a-button
-                  type="primary"
-                  @click="addContentData"
-                  style="width: 100px; height: 40px; border-radius: 8px"
-                  >添加组织</a-button
-                >
-              </a-col>
-              <!-- <a-col :span="20">
-        <div class="add_content" @click="addContentData" >+</div>
-        </a-col> -->
-            </a-row>
-          </a-form-item>
-          <!-- 备注 remark -->
-          <a-row :gutter="16" style="padding-bottom: 60px">
-            <a-col :span="24">
-              <a-form-item label="">
-                <!-- <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
-                  style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" /> -->
-                <a-table
-                  :dataSource="formParam?.affiliationOrgList"
-                  :scroll="{ x: '600' }"
-                  :columns="orgColumns"
-                />
-              </a-form-item>
-            </a-col>
-          </a-row>
-        </a-form>
-        <!-- 交互按钮 -->
-        <div
-          :style="{
-            position: 'absolute',
-            right: 0,
-            bottom: 0,
-            width: '100%',
-            borderTop: '1px solid #e9e9e9',
-            padding: '10px 16px',
-            background: '#fff',
-            textAlign: 'right',
-            zIndex: 1,
-          }"
-        >
-          <a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
-          <a-button
-            class="drabtn"
-            type="primary"
-            @click="createTeacherDialog(0)"
-            :loading="buttonLoading"
-            >保存</a-button
-          >
-          <a-button
-            v-if="editParams || editIndex > 1"
-            class="drabtn"
-            type="primary"
-            @click="createTeacherDialog(1)"
-            :loading="buttonLoading"
-            >提交</a-button
-          >
-        </div>
-      </div>
-    </a-drawer>
-    <AddOrgContent
-      :Addtitle="'选择组织'"
-      :isParent="formParam.isParent"
-      v-model:showContent="showContent"
-      :AddContentLists="formParam.affiliationOrgLists"
-      v-model:AddContentList="formParam.affiliationOrgList"
-    />
-  </div>
+
 </template>
 <script lang="jsx">
-import { reactive, toRefs, ref, watch } from "vue";
-import { FolderAddOutlined } from "@ant-design/icons-vue";
-import { message } from "ant-design-vue";
-import dialog from "@/utils/dialog";
-import ProjectManager from "@/components/project/ProjectManagerLecturer";
-import {
-  queryTrainOrg,
-  deleteTrainOrg,
-  addReviewer,
-  updateTrainOrg,
-} from "../../api/organization";
-import AddOrgContent from "../../components/project/AddOrgContent.vue";
-import * as lecturer from "../../api/Lecturer.js";
-import lockLecturer from "@/components/project/lockLecturer";
-import AddApprover from "@/components/project/AddApprover";
-import { checkMenu } from "@/utils/utils";
+import { reactive, toRefs, ref, watch ,onMounted} from "vue";
+import OrganizationList from "../lecturer/OrganizationList.vue"
+import OrganizationApproval from "../lecturer/OrganizationApproval.vue"
+
+import { useRoute } from "vue-router";
 export default {
   name: "organization",
   components: {
-    ProjectManager,
-    FolderAddOutlined, //图标--新增
-    AddOrgContent,
-    lockLecturer,
-    AddApprover,
+    OrganizationList,
+    OrganizationApproval
   },
   setup() {
-    const formRef = ref();
+    const route = useRoute();
 
     const state = reactive({
-      example: false,
-      editParams: true,
-      editIndex: 0,
-      tableDataTotal: 0,
-      vf: true,
-      showContent: false,
-      tableLoading: false,
-      deleteInTeacherdialog: false,
-      teacherdialog: false,
-      teacherdialogtitle: null,
-      delId: null,
-      searchParam: {
-        name: null,
-        isParent: null,
-        leaderName: null,
-        pageNo: "1",
-        pageSize: "10",
-      },
-      formParam: {
-        orglistName: null,
-        affiliationCode: null,
-        affiliationName: null,
-        isParent: 1,
-        remark: null,
-        actValue: null,
-        actArray: [],
-        leveOneValue: null,
-        leveTwoValue: null,
-        leveThreeValue: null,
-        leveOneArray: [],
-        leveTwoArray: [],
-        leveThreeArray: [],
-        code: null,
-        isContains: "0",
-        affiliationOrgList: [],
-        affiliationOrgLists: [],
-        locking: 1,
-      },
+      activeKey: '1',
     });
-    const PlaceOfPayList = ref([
-      { value: "1", label: "一级审批" },
-      { value: "2", label: "二级审批" },
-      { value: "3", label: "三级审批" },
-    ]);
-    const isConSelect = ref([
-      { value: "1", label: "是" },
-      { value: "0", label: "否" },
-    ]);
-    const placeData = () => {
-      lecturer.parentList().then((res) => {
-        if (res.data.code == 200) {
-          PlaceOfPayListTwo.value = res.data.data.map((item) => {
-            return {
-              value: item.affiliationCode,
-              label: item.affiliationName,
-            };
-          });
-        }
-      });
-    };
-    // placeData()
-    const PlaceOfPayListTwo = ref([]);
-    const selectRadio = (val) => {
-      if (val.target.value == 1) {
-        state.formParam.leveOneArray = [];
-        state.formParam.leveTwoArray = [];
-        state.formParam.leveThreeArray = [];
-        state.formParam.leveOneValue = null;
-        state.formParam.leveTwoValue = null;
-        state.formParam.leveThreeValue = null;
-      }
-      state.formParam.code = null;
-    };
-    const columns = ref([
-      // {
-      //   title: '培训发生组织编号 ',
-      //   dataIndex: 'affiliationCode',
-      //   key: 'affiliationCode',
-      //   ellipsis: true,
-      //   align: "center",
-      //   width: '100px',
-      // },
-      {
-        title: "培训发生组织名称 ",
-        dataIndex: "affiliationName",
-        key: "affiliationName",
-        ellipsis: true,
-        align: "left",
-        width: "200px",
-        customCell: () => {
-          return { style: { userSelect: "text" } };
-        },
-      },
-      {
-        title: "状态",
-        dataIndex: "status",
-        key: "status",
-        ellipsis: true,
-        align: "center",
-        width: "100px",
-        customRender: ({ text }) => {
-          switch (text) {
-            case "1":
-              return <span>待提交</span>;
-            case "2":
-              return <span>审核中</span>;
-            case "3":
-              return <span>已完成</span>;
-            case "4":
-              return <span>审核失败</span>;
-            case "5":
-              return <span>待审核</span>;
-            default:
-              return <span>-</span>;
-          }
-        },
-      },
-      {
-        title: "是否为根节点",
-        dataIndex: "parentName",
-        key: "parentName",
-        align: "left",
-        width: "200px",
-        customRender: ({ text, record }) => {
-          return text ? (
-            <div>
-              <span style={{ marginRight: "10px" }}>否</span>({text})
-            </div>
-          ) : (
-            <div>
-              <span style={{ marginRight: "10px" }}>是</span>(
-              {{ 1: "一", 2: "二", 3: "三" }[record.code]}级审批)
-            </div>
-          );
-        },
-      },
-      {
-        title: "担当",
-        dataIndex: "leaderName",
-        key: "leaderName",
-        ellipsis: true,
-        align: "left",
-        width: "200px",
-        customCell: () => {
-          return { style: { userSelect: "text" } };
-        },
-      },
 
-      // {
-      //   title: '备注 ',
-      //   dataIndex: 'remark',
-      //   key: 'remark',
-      //   ellipsis: true, align: "center",
-      //   width: 160,
-      // },
-      {
-        title: "操作 ",
-        dataIndex: "operation",
-        key: "operation",
-        width: "120px",
-        align: "center",
-        fixed: "right",
-        scopedSlots: { customRender: "action" },
-      },
-    ]);
-    const orgColumns = ref([
-      {
-        title: "组织名称",
-        dataIndex: "orgName",
-        key: "orgName",
-        ellipsis: true,
-        width: "20%",
-        align: "center",
-      },
-      {
-        title: "是否被培训发生组织选择",
-        dataIndex: "isSelect",
-        key: "isSelect",
-        ellipsis: true,
-        align: "center",
-        width: "30%",
-        customRender: (text) => {
-          return (
-            <div>
-              {text.record.isSelect == 1
-                ? `是 (${text.record.affiliationName})`
-                : "否 (-)"}
-            </div>
-          );
-        },
-      },
-      {
-        title: "担当",
-        dataIndex: "leaders",
-        key: "leaders",
-        ellipsis: true,
-        align: "center",
-        width: "60%",
-        customRender: (text) => {
-          return <div>{text.record.leaders || "-"}</div>;
-        },
-      },
-    ]);
-    //列表数据
-    const tableData = ref([]);
-    //  List接口数据
-    const getTableDate = (obj) => {
-      state.tableLoading = true;
-      let objA = { ...state.searchParam };
-      queryTrainOrg(objA).then((res) => {
-        tableData.value = res.data.data.records;
-        state.tableDataTotal = Number(res.data.data.total);
-        state.tableLoading = false;
-      });
-    };
-    getTableDate();
-    // 搜索
-    const searchSubmit = () => {
-      state.searchParam.pageNo = 1;
-      getTableDate();
-    };
-    const searchList = (val) => {
-      getTableDate();
-    };
-    //重置
-    const searchReset = () => {
-      state.searchParam = {
-        name: null,
-        isParent: null,
-        leaderName: null,
-        pageNo: 1,
-        pageSize: 10,
-      };
-      getTableDate();
-    };
-    //   // 翻页
-    const changePagination = (page, pageSize) => {
-      state.searchParam.pageNo = page;
-      // state.pageNo = page;
-      state.searchParam.pageSize = pageSize;
-      getTableDate();
-    };
-    const updateModal = (record) => {
-      dialog({
-        content: "是否确认撤回 ?",
-        ok: () => {
-          lecturer
-            .affiliatIsConfirm(record.id)
-            .then((res) => {
-              message.success("撤回成功");
-              getTableDate();
-            })
-            .catch((err) => {
-              message.destroy();
-              message.error(err.data.msg);
-            });
-        },
-      });
-    };
-    //删除弹窗
-    const deleteModal = (record) => {
-      let contents = "";
-      (record.status == 1 || record.status == 4) &&
-        record.parentName &&
-        (contents = "是否确认进行删除?");
-      (record.status == 1 || record.status == 4) &&
-        !record.parentName &&
-        (contents = "是否确认进行删除?删除后关联的子节点将一并删除");
-      record.status == 2 && (contents = "该培训发生组织正在审核中，无法删除");
-      dialog({
-        content: contents || "是否确认进行删除?",
-        isCloseBtn: record.status == 2 ? false : true,
-        ok: () => {
-          lecturer
-            .affiliationDelById(record.id)
-            .then((res) => {
-              if (typeof res.data.data != "object") {
-                message.error(res.data.data);
-                return;
-              }
-              message.success("删除成功");
-              searchSubmit();
-            })
-            .catch((err) => {
-              message.destroy();
-              message.error(err.data.msg);
-            });
-        },
-      });
-    };
-    const isEnablePost = (record, status) => {
-      dialog({
-        content: `是否确认${!status ? "启用" : "停用"}该培训发生组织?`,
-        ok: () => {
-          lecturer
-            .isEnable({ id: record.id, status })
-            .then((res) => {
-              if (typeof res.data.data != "object") {
-                message.error(res.data.data);
-                return;
-              }
-              message.success(`${!status ? "启用" : "停用"}成功`);
-              searchSubmit();
-            })
-            .catch((err) => {
-              message.destroy();
-              message.error(err.data.msg);
-            });
-        },
-      });
-    };
-    //确认删除
-    const closeDeleteTeacher = () => {
-      //调用删除接口
-      deleteTrainOrg({ kid: state.delId }).then((res) => {
-        if (res.data.code == 200) {
-          // message.success("删除成功");
-          state.deleteInTeacherdialog = false;
-          searchSubmit();
-        }
-      });
-    };
-    //取消按钮 清空输入的数据
-    const cancelTeacherDialog = () => {
-      if ((state.teacherdialog = true)) {
-        formRef.value.resetFields();
-        state.teacherdialog = false;
+
+    onMounted(() => {
+      if (route.query.activeKey) {
+        state.activeKey = '2'
       }
-      cancel();
-      state.deleteInTeacherdialog = false;
-      state.editTeacher = false;
-    };
-    watch(
-      () => state.teacherdialog,
-      (val) => {
-        if (val) {
-          placeData();
-        } else {
-          state.editParams = true;
-          state.editIndex = 0;
-        }
-      }
-    );
-    const addTeacher = () => {
-      (state.teacherdialog = true), (state.formParam.locking = 0);
-      state.teacherdialogtitle = "新增培训发生组织";
-      state.vf = true;
-      lecturer
-        .getAffiliationCode()
-        .then((res) => {
-          state.formParam.affiliationCode = res.data.data;
-        })
-        .catch(() => {
-          message.error("获取培训发生组织编号失败");
-        });
-    };
-    const downOpen = () => {
-      window.open(
-        `/manageApi/admin/export/exportTeacherAffiliation?name=${
-          state.searchParam.name || ""
-        }&isParent=${state.searchParam.isParent || ""}&leaderName=${
-          state.searchParam.leaderName || ""
-        }`
-      );
-    };
-    const addContentData = () => {
-      state.showContent = true;
-    };
-    watch(
-      () => state.formParam,
-      (val) => {
-        if (!state.editParams) {
-          state.editIndex++;
-        }
-      },
-      { deep: true }
-    );
-    //修改信息弹窗
-    const handleModify = (record) => {
-      lecturer.getAffiliationById(record.id).then((res) => {
-        res.data.data.status == 3 && (state.editParams = false);
-        state.formParam = res.data.data;
-        const actArray = res.data.data.affiliationUserList
-          .filter((item) => item.type == 0)
-          .reduce((accumulator, current) => {
-            if (!accumulator.some((item) => item.userId === current.userId)) {
-              accumulator.push(current);
-            }
-            return accumulator;
-          }, []);
-        const leveOneArray = res.data.data.affiliationUserList
-          .filter((item) => item.type == 1)
-          .reduce((accumulator, current) => {
-            if (!accumulator.some((item) => item.userId === current.userId)) {
-              accumulator.push(current);
-            }
-            return accumulator;
-          }, []);
-        const leveTwoArray = res.data.data.affiliationUserList
-          .filter((item) => item.type == 2)
-          .reduce((accumulator, current) => {
-            if (!accumulator.some((item) => item.userId === current.userId)) {
-              accumulator.push(current);
-            }
-            return accumulator;
-          }, []);
-        const leveThreeArray = res.data.data.affiliationUserList
-          .filter((item) => item.type == 3)
-          .reduce((accumulator, current) => {
-            if (!accumulator.some((item) => item.userId === current.userId)) {
-              accumulator.push(current);
-            }
-            return accumulator;
-          }, []);
-        state.formParam.actArray = actArray.map((item) => {
-          return {
-            label: item.userName + item.userNo,
-            value: item.userId,
-            realName: item.userName,
-            ...item,
-            id: item.userId,
-          };
-        });
-        state.formParam.actValue = state.formParam.actArray
-          .map((item) => item.label)
-          .join(",");
-        state.formParam.leveOneArray = leveOneArray.map((item) => {
-          return {
-            label: item.userName + item.userNo,
-            value: item.userId,
-            realName: item.userName,
-            ...item,
-          };
-        });
-        state.formParam.leveOneValue = state.formParam.leveOneArray
-          .map((item) => item.label)
-          .join(",");
-        state.formParam.leveTwoArray = leveTwoArray.map((item) => {
-          return {
-            label: item.userName + item.userNo,
-            value: item.userId,
-            realName: item.userName,
-            ...item,
-          };
-        });
-        state.formParam.leveTwoValue =
-          state.formParam.leveTwoArray.map((item) => item.label).join(",") ||
-          null;
-        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(",") ||
-          null;
-        state.formParam.orglistName = state.formParam.affiliationOrgList
-          ?.map((item) => item.id)
-          .join(",");
-        state.formParam.selectOrgList?.map((item) => {
-          state.formParam.affiliationOrgList.some((item2) => {
-            if (item.orgId == item2.orgId) {
-              item2 = Object.assign(item2, item);
-              return true;
-            }
-          });
-        });
-        state.formParam.affiliationOrgLists =
-          state.formParam.affiliationOrgList;
-        state.formParam.isContains = String(state.formParam.isContains);
-        state.teacherdialog = true;
-        state.teacherdialogtitle = "编辑培训发生组织";
-        state.vf = false;
-      });
-      // TeacherSystem(record)
-    };
-    const TeacherSystem = (record) => {
-      state.formParam.affiliationCode = record.affiliationCode;
-      state.formParam.affiliationName = record.affiliationName;
-      state.formParam.remark = record.remark;
-    };
-    const cancel = () => {
-      state.formParam = {
-        orglistName: null,
-        affiliationCode: null,
-        affiliationName: null,
-        isParent: 1,
-        remark: null,
-        actValue: null,
-        actArray: [],
-        leveOneValue: null,
-        leveTwoValue: null,
-        leveThreeValue: null,
-        leveOneArray: [],
-        leveTwoArray: [],
-        leveThreeArray: [],
-        code: null,
-        isContains: "0",
-        affiliationOrgList: [],
-        affiliationOrgLists: [],
-        locking: 1,
-      };
-    };
-    async function validateField(name) {
-      return new Promise((resolve) => {
-        formRef.value
-          .validateFields([name])
-          .then(() => {
-            resolve(false);
-          })
-          .catch(() => {
-            resolve(true);
-          });
-      });
-    }
-    const valueChange = (val, type) => {
-      if (type == 0) {
-        state.formParam.actValue =
-          val?.map((item) => item.label).join(",") || null;
-      } else if (type == 1) {
-        state.formParam.leveOneValue =
-          val?.map((item) => item.label).join(",") || null;
-      } else if (type == 2) {
-        state.formParam.leveTwoValue =
-          val?.map((item) => item.label).join(",") || null;
-      } else if (type == 3) {
-        state.formParam.leveThreeValue =
-          val?.map((item) => item.label).join(",") || null;
-      }
-    };
-    //保存
-    const createTeacherDialog = async (val) => {
-      state.formParam.affiliationName = state.formParam.affiliationName?.trim();
-      state.formParam.affiliationUserList = [
-        ...state.formParam?.actArray,
-        ...state.formParam?.leveOneArray,
-        ...state.formParam?.leveTwoArray,
-        ...state.formParam?.leveThreeArray,
-      ];
-      state.formParam.orglistName = state.formParam.affiliationOrgList
-        ?.map((item) => item.id)
-        .join(",");
-      let formItemNames = Object.keys(rules);
-      if (state.formParam.isParent == 0) {
-        formItemNames = formItemNames.filter((item) => item != "leveOneValue");
-      } else {
-        formItemNames = formItemNames.filter((item) => item != "isContains");
-      }
-      for (let i = 0; i < formItemNames.length; i++) {
-        // const result = await validateField(formItemNames[i]);
-        const result = state.formParam[formItemNames[i]];
-        if (!result) {
-          if (formItemNames[i] == "code" && !state.formParam.isParent) {
-            return message.error(rules[formItemNames[i]][0].log2);
-          } else {
-            return message.error(rules[formItemNames[i]][0].log);
-          }
-        }
-      }
-      if (
-        !state.formParam.leveTwoValue &&
-        state.formParam.leveThreeValue &&
-        state.formParam.isParent
-      ) {
-        return message.error("请选择二级审批人");
-      }
-      state.formParam.remark = state.formParam?.remark?.trim();
-      state.formParam.submitStatus = val;
-      dialog({
-        content: val
-          ? "是否确认提交，一旦提交将进入（BPM系统）审核流程。"
-          : "是否确认保存？",
-        ok: () => {
-          state.example = true;
-          if (state.vf == false) {
-            updateTrainOrg(state.formParam)
-              .then((res) => {
-                if (res.data.code == 200) {
-                  message.success("修改成功");
-                  cancel();
-                  getTableDate();
-                } else {
-                  message.error(res.data.msg);
-                }
-                state.teacherdialog = false;
-                state.example = false;
-              })
-              .catch((err) => {
-                message.destroy();
-                message.error(err.data.msg);
-                state.teacherdialog = false;
-                state.example = false;
-                cancel();
-              });
-          } else {
-            addReviewer(state.formParam)
-              .then((res) => {
-                message.success("保存成功");
-                state.teacherdialog = false;
-                cancel();
-                searchSubmit();
-                state.example = false;
-              })
-              .catch((err) => {
-                message.destroy();
-                message.error(err.data.msg);
-                state.teacherdialog = false;
-                cancel();
-                state.example = false;
-              });
-          }
-        },
-      });
-    };
-    const rules = {
-      affiliationCode: [
-        { required: true, message: "", log: "请选择培训发生组织编号" },
-      ],
-      affiliationName: [
-        { required: true, message: "", log: "请选择培训发生组织名称" },
-      ],
-      code: [
-        {
-          required: true,
-          message: "",
-          log: "请选择根节点",
-          log2: "请选择审批层级",
-        },
-      ],
-      actValue: [{ required: true, message: "", log: "请选择组织担当" }],
-      leveOneValue: [{ required: true, message: "", log: "请选择一级审批人" }],
-      isContains: [
-        { required: true, message: "", log: "请选择审批流程是否加担当" },
-      ],
-      orglistName: [{ required: true, message: "", log: "请选择管理组织" }],
-    };
-    const TrainOrglist = ref([
-      { label: "全部", value: "" },
-      { label: "根节点", value: "0" },
-      { label: "子节点", value: "1" },
-    ]);
-    //回车
-    const enterPressHadlerSearch = (e) => {
-      if (e.keyCode === 13) {
-        searchSubmit();
-      }
-    };
+    })
+
     return {
       ...toRefs(state),
-      enterPressHadlerSearch,
-      TrainOrglist,
-      rules,
-      formRef,
-      columns,
-      orgColumns,
-      tableData,
-      getTableDate,
-      searchSubmit,
-      selectRadio,
-      PlaceOfPayList,
-      isConSelect,
-      PlaceOfPayListTwo,
-      placeData,
-      searchReset,
-      searchList,
-      deleteModal,
-      isEnablePost,
-      updateModal,
-      cancelTeacherDialog,
-      addTeacher,
-      downOpen,
-      addContentData,
-      handleModify,
-      closeDeleteTeacher,
-      changePagination,
-      TeacherSystem,
-      createTeacherDialog,
-      valueChange,
-      validateField,
-      checkMenu,
     };
   },
 };
 </script>
 <style lang="scss" scoped>
-.example {
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.45);
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 999999;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.headers {
-  height: 73px;
-  border-bottom: 1px solid #e8e8e8;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  // background-color: red;
-  margin-bottom: 20px;
 
-  .headerTitle {
-    font-size: 18px;
-    font-weight: 600;
-    color: #333333;
-    line-height: 25px;
-    // margin-left: 24px;
-  }
-}
-.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;
-  cursor: pointer;
-  border-radius: 50%;
-  background-color: #4ea6ff;
-  text-align: center;
-  line-height: 40px;
-  color: #ffffff;
-  font-size: 26px;
-}
-//导出按钮icon
-.daochu {
-  width: 16px;
-  height: 18px;
-  background-image: url("../../assets/images/coursewareManage/export1.png");
-}
-
-//弹窗内详情样式
-.display1 {
-  display: inline-block;
-  width: 200px;
-}
-
-// .display0{
-// display:inline-block ;
-// width:200px ;
-// text-align:center }
-//弹窗内确认取消按钮布局
-.del_btnbox {
-  display: flex;
-  margin: 30px auto;
-  justify-content: center;
-
-  .del_btn {
-    width: 100px;
-    height: 40px;
-    background: rgba(64, 158, 255, 0);
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    cursor: pointer;
-
-    .btnText {
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 40px;
-    }
-  }
-
-  .btn1 {
-    border: 1px solid rgba(64, 158, 255, 1);
-    color: #4ea6ff;
-    margin-right: 14px;
-  }
-
-  .btn2 {
-    background-color: #4ea6ff;
-    color: #ffffff;
-  }
-}
-
-.ant-table-cell-fix-right {
-  width: 300px !important;
-}
-
-.ant-table-tbody > tr > td {
-  text-align: center;
-}
-
-.InsideLecturer {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  .filter {
-    margin-left: 38px;
-    margin-right: 38px;
-    margin-top: 30px;
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    .select {
-      margin-right: 20px;
-      margin-bottom: 20px;
-    }
-  }
-}
-
-.delete {
-  z-index: 9999;
-  width: 424px;
-  background: #ffffff;
-  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-  border-radius: 4px;
-  position: absolute;
-  left: 30%;
-  top: 10%;
-  // transform: translate(-50%, -50%);
-
-  .del_header {
-    position: absolute;
-    width: calc(100%);
-    height: 40px;
-    background: linear-gradient(
-      rgba(78, 166, 255, 0.2) 0%,
-      rgba(78, 166, 255, 0) 100%
-    );
-  }
-
-  .del_main {
-    width: 100%;
-    position: relative;
-
-    .header {
-      display: flex;
-      align-items: center;
-      padding-top: 20px;
-      padding-left: 26px;
-      font-size: 16px;
-
-      .del-icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/notice.png);
-        background-size: 100% 100%;
-      }
-
-      .icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/QR.png);
-        background-size: 100% 100%;
-      }
-
-      .close_exit {
-        position: absolute;
-        right: 42px;
-        cursor: pointer;
-        width: 20px;
-        height: 20px;
-        background-image: url(@/assets/images/coursewareManage/close.png);
-        background-size: 100% 100%;
-      }
-    }
-
-    .body {
-      width: 100%;
-      margin: 34px auto 56px auto;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .del_btnbox {
-      display: flex;
-      margin: 30px auto;
-      justify-content: center;
-
-      .del_btn {
-        width: 100px;
-        height: 40px;
-        background: rgba(64, 158, 255, 0);
-        border-radius: 8px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          line-height: 40px;
-        }
-      }
-
-      .btn1 {
-        border: 1px solid rgba(64, 158, 255, 1);
-        color: #4ea6ff;
-      }
-
-      .btn2 {
-        background-color: #4ea6ff;
-        color: #ffffff;
-      }
-    }
-  }
-}
-
-.CreatePath {
-  .out {
-    z-index: 9999;
-    display: block;
-    position: absolute;
-    top: 90px;
-    width: 1080px !important;
-    height: 650px;
-    overflow: auto;
-    background-color: #fff;
-
-    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
-    left: 50%;
-    top: 300px;
-    transform: translate(-50%, -50%);
-
-    .top {
-      width: 100%;
-      height: 68px;
-
-      background: linear-gradient(
-        rgba(78, 166, 255, 0.2) 0%,
-        rgba(78, 166, 255, 0) 100%
-      );
-      display: flex;
-      align-items: center;
-
-      .topimg {
-        width: 18px;
-        height: 18px;
-        margin-left: 27px;
-        margin-top: -2px;
-      }
-
-      .topc {
-        color: #000000;
-        font-size: 16px;
-        margin-left: 8px;
-      }
-    }
-
-    .mid {
-      width: 100%;
-      height: 100%;
-      background-color: #fff;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-
-      .d {
-        // margin-top: 8px;
-        // color: #ff4e4e;
-        margin-left: -5px;
-      }
-    }
-  }
-}
-
-// 重置样式
-.resetbtn {
-  width: 100px;
-  height: 40px;
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 14px;
-  flex-shrink: 0;
-  cursor: pointer;
-  .search {
-    width: 15px;
-    height: 16px;
-    margin-right: 5px;
-    background: url("../../assets/images/courseManage/add0.png") no-repeat;
-    background-size: 100% 100%;
-  }
-}
-.btnn {
-  padding: 0px 26px 0px 26px;
-  height: 40px;
-  background: #1890ff;
-  border-radius: 8px;
-  border: 1px solid #1890ff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 14px;
-  flex-shrink: 0;
-  cursor: pointer;
-
-  .btnText {
-    font-size: 14px;
-    font-weight: 400;
-    color: #fff;
-    line-height: 36px;
-    margin-left: 5px;
-  }
-  .daochu {
-    width: 16px;
-    height: 18px;
-    background-image: url("../../assets/images/coursewareManage/export1.png");
-  }
-}
-
-//展开收起样式
-.moreidbtn {
-  border: none;
-  color: #4ea6ff;
-  width: 80px;
-}
-
-//小竖线
-.line {
-  float: left;
-  width: 3px;
-  height: 25px;
-  background: #4ea6ff;
-  border-radius: 30%;
-  margin-right: 5px;
-}
-//抽屉功能
-.drawaer
-/* 改变所有 a-tree-select 输入框的高度 */
-.ant-tree-select .ant-select-selection {
-  height: 40px;
-  line-height: 40px;
-  /* 确保文字垂直居中 */
-}
-.draitem {
-  width: 100%;
-  height: 40px !important;
-  border-radius: 8px;
-  line-height: 40px;
-}
-.drabtn {
-  height: 40px;
-  width: 80px;
-  border-radius: 8px;
-  margin-right: 20px;
-}
-::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  border-radius: 8px;
-  height: 40px;
-  line-height: 40px;
-  text-align: left;
-}
-.ant-col-12 {
-  height: 90px;
-}
-.item_inp {
-  flex: 1;
-  text-align: center;
-  .i_upload_img {
-    width: 100px;
-    height: 100px;
-    border-radius: 8px;
-  }
-
-  .i_upload {
-    width: 100px;
-    height: 100px;
-    border: 1px solid #4ea6ff;
-    border-radius: 50%;
-    text-align: center;
-    align-items: center;
-    cursor: pointer;
-
-    .addimg {
-      position: relative;
-
-      .heng {
-        position: absolute;
-        top: 50px;
-        left: 25px;
-        width: 50px;
-        border: 1px solid #4ea6ff;
-      }
-
-      .shu {
-        position: absolute;
-        top: 25px;
-        left: 50px;
-        height: 50px;
-        border: 1px solid #4ea6ff;
-      }
-    }
-  }
-
-  .ant-upload.ant-upload-select-picture-card {
-    border: 0px !important;
-    border-radius: 50% !important;
-  }
-}
-.ant-upload.ant-upload-select-picture-card {
-  border: 0px !important;
-  border-radius: 50% !important;
-}
 </style>
diff --git a/src/views/lecturer/OrganizationApproval.vue b/src/views/lecturer/OrganizationApproval.vue
new file mode 100644
index 00000000..01bdd8c6
--- /dev/null
+++ b/src/views/lecturer/OrganizationApproval.vue
@@ -0,0 +1,1577 @@
+<!-- 讲师费审批页面 -->
+<template>
+  <div>
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <a-form layout="inline" style="min-width: 1380px;">
+        <a-form-item class="select">
+          <a-select style="width: 235px" v-model:value="searchParam.trainOrgId" placeholder="培训发生组织" allowClear
+            :options="trainOrglist" v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+        </a-form-item>
+        <a-form-item class="select ">
+          <!-- <div class="select addTimeBox">
+            <div class="addTime" >汇总时间：</div> -->
+          <a-range-picker v-model:value="searchdate" style="width: 340px !important;" format="YYYY-MM-DD"
+            valueFormat="YYYY-MM-DD" separator="至" :placeholder="['汇总时间开始时间', '汇总时间结束时间']"
+            v-on:keydown.enter="enterPressHadlerSearch" />
+          <!-- </div> -->
+        </a-form-item>
+        <a-form-item class="select">
+          <a-select style="width: 200px ;margin-bottom:20px" v-model:value="searchParam.status" placeholder="请选择状态"
+            allowClear :options="AuthenticationStatusList" v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+        </a-form-item>
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+          <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+          <!-- <div class="search"></div> -->
+          <a-button class="resetbtn " @click="searchReset">重置</a-button>
+
+          <!-- 更多筛选-->
+          <!-- <div v-if="moreid == 1">
+              <a-button @click="handlemoreid()" class="moreidbtn" type="text"> 展开
+                <RightOutlined />
+              </a-button>
+            </div>
+            <div v-if="moreid == 2">
+              <a-button @click="handlemoreid()" class="moreidbtn"> 返回
+                <UpOutlined />
+              </a-button>
+            </div> -->
+        </div>
+        <!-- <div style="width:100%"></div> -->
+        <!-- <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.courseType" placeholder="请选择费用类型" allowClear
+              :options="courseTypeList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.type" placeholder="请选择课程类型" allowClear
+              :options="OnTheJobStatusList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.status" placeholder="请选择状态" allowClear
+              :options="AuthenticationStatusList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2"> 
+            <a-select style="width: 230px ;margin-bottom:20px" placeholder="请选择讲师体系" v-model:value="searchParam.kid" allowClear
+              :options="lecturerSystemList" @change="changetlevel">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select"  v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:10px" v-model:value="searchParam.levelId" placeholder="请选择讲师级别" allowClear   :disabled="getLevelList.length!==0 ? false:true"
+              :options="getLevelList">
+            </a-select>
+          </a-form-item> -->
+      </a-form>
+      <!-- <div style="width: 100%;"></div>
+        <div style="display: flex; margin-bottom: 20px">
+          
+          <a-button @click="handleExport()" class="resetbtn">
+            <UploadOutlined /> 导出
+          </a-button>
+          <div  v-if="moreid == 2"   style="line-height: 40px;" >当前页面汇总金额：<span style="line-height: 40px; font-size: 24px; color: rgb(207, 34, 34) ;font-weight: 600;">1,230,490</span>元     当前总汇总金额：<span style="line-height: 40px; font-size: 24px; color: rgb(207, 34, 34) ;font-weight: 600;">9,230,490</span>元</div>
+        </div>  -->
+      <!-- 表格 -->
+      <div>
+        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
+          :data-source="tableData" :loading="tableLoading" @expand="expandTable" :pagination="false">
+          <template #bodyCell="{ record, column }">
+            <template v-if="column.key === 'operation'">
+              <a-space>
+                <a-button type="link" v-if="record.status != 2 && record.status != 3" @click="goDdit(record)">提交</a-button>
+                <a-button type="link" v-if="record.status != 1 && record.status != 5"
+                  @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                <!-- <a-button  type="link" @click="() => handleOperate(record, String(record.courseform))">审批</a-button> -->
+                <!-- TODO1 -->
+                <a-button v-if="record.status == 1 || record.status == 4" type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
+                <!-- <a-button v-if="record.status == 4" type="link" @click="submit(record)">提交</a-button> -->
+                <a-button v-if="record.status == 2 && false" type="link" @click="withdraw(record)">撤回</a-button>
+              </a-space>
+            </template>
+          </template>
+        </a-table>
+      </div>
+
+    </div>
+    <div class="tableBox ">
+      <div style="float: right;">
+        <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
+          :hideOnSinglePage="false" :pageSize="searchParam.pageSize" :current="searchParam.pageNo"
+          :total="tableDataTotal" class="pagination" @change="changePagination" />
+      </div>
+    </div>
+    <!-- 弹窗组件 -->
+    <!--查看讲师费详情 -->
+    <a-drawer class="largeDrawerInside" :closable="false" v-model:visible="teachingdialog" placement="right"
+      @closa="cancelTeachingDialog" width="60%" :title="false">
+      <div style="padding:24px;">
+        <div class="headers" style="margin-top:-24px;">
+          <div class="headerTitle">汇总讲师费详情</div>
+          <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+            @click="cancelTeachingDialog" />
+        </div>
+        <span class="line"></span>
+        <span style="font-weight:600;">基本信息</span>
+        <a-descriptions style="margin-top:16px" bordered :column="2" :contentStyle="rowCenter" :labelStyle="rowCenter">
+          <a-descriptions-item label="审批编号">
+            <div style="user-select:text">{{ formParam?.approvalNumber || '-' }}</div>
+          </a-descriptions-item>
+          <a-descriptions-item label="培训发生组织">
+            <div style="user-select:text">{{ formParam?.trainOrgName || '-' }}</div>
+          </a-descriptions-item>
+          <a-descriptions-item label="汇总时间">{{ formParam?.summaryTime || '-' }}</a-descriptions-item>
+          <a-descriptions-item
+            label="汇总金额">{{ formParam?.summaryTotal ? formParam?.summaryTotal + '元' : '-' }}</a-descriptions-item>
+          <a-descriptions-item label="提交时间">{{ formParam?.approvalSubmitTime || '-' }}</a-descriptions-item>
+          <a-descriptions-item label="状态">{{ {
+            0: '待确认', 1: '待提交', 2: '审核中', 3: '审核通过',
+            4: '审核拒绝', 5: '待提交'
+          }[formParam?.status]}}</a-descriptions-item>
+        </a-descriptions>
+        <!-- <span>审批详情</span> -->
+        <!-- <span class="line" style="margin-top:15px;"></span> -->
+        <a-tabs v-model:activeKey="activeKey" @change="tabsChange">
+          <a-tab-pane key="1" tab="讲师费列表">
+            <div style="padding: 10px 0;">
+              <div style="display: flex;margin-bottom: 20px;">
+                <div style="margin-right:20px;">
+                  <a-input @pressEnter="searchTeacherFeeApprovalList()" style="height:40px;border-radius:8px;"
+                    v-model:value="userNoOrName" placeholder="请输入工号/讲师名称进行搜索" />
+                </div>
+                <div style="margin-right:20px;">
+                  <a-range-picker style="height:40px;border-radius:8px;" @change="seeDateChange"
+                    valueFormat="YYYY-MM-DD" format="YYYY-MM-DD" v-model:value="seeDateValue" />
+                </div>
+                <div style="margin-right:20px;">
+                  <a-button style="margin-right:15px;height:40px;border-radius:8px;" type="primary"
+                    @click="searchTeacherFeeApprovalList()">搜索</a-button>
+                  <a-button style="margin-right:15px;height:40px;border-radius:8px;" type="primary"
+                    @click="resetSearch()">重置</a-button>
+                </div>
+              </div>
+              <div style="padding-bottom:70px">
+                <a-table :scroll="{ x: 'max-content' }" :header-cell-style="{ 'text-align': 'center' }"
+                  style="border: 1px solid #f2f6fe" :columns="columnsExamine" :data-source="tableDataExamine"
+                  :loading="examinetableLoading" @expand="expandTable" :pagination="pagination">
+                </a-table>
+              </div>
+            </div>
+          </a-tab-pane>
+          <a-tab-pane key="2" tab="讲师费审批记录" force-render v-if="false">
+            <div style="padding-bottom:70px">
+              <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
+                :columns="columnsExamineTwo" :data-source="tableDataExamineTwo" :loading="tableDataExamineLoading"
+                @expand="expandTable" :pagination="false">
+              </a-table>
+            </div>
+          </a-tab-pane>
+        </a-tabs>
+        <div v-if="formParam?.status == 1 || formParam?.status == 5" :style="{
+          position: 'absolute',
+          right: 0,
+          bottom: 0,
+          width: '100%',
+          borderTop: '1px solid #e9e9e9',
+          padding: '10px 16px',
+          background: '#fff',
+          textAlign: 'right',
+          zIndex: 1,
+        }">
+          <a-button class="drabtn" @click="cancelTeachingDialog">取消</a-button>
+          <a-button class="drabtn" type="primary" @click="cancelTeachingDialog(1)" :loading="buttonLoading">提交
+          </a-button>
+          <!-- <a-button  class="drabtn"  @click="cancelTeachingDialog" type="primary" danger>拒绝</a-button> -->
+        </div>
+      </div>
+    </a-drawer>
+    <!-- 修改状态功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName="" centered="true">
+        <div class="delete" style="width:500px">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon1"></div>
+              <span>提示</span>
+            </div>
+            <a-form style="margin-left:20px; margin-top:10px ">
+              <a-form-item label="审批">
+                <a-radio-group v-model:value="formParamstatues.status">
+                  <a-radio value="S20">同意</a-radio>
+                  <a-radio value="E10">拒绝</a-radio>
+                </a-radio-group>
+              </a-form-item>
+              <a-form-item label="备注">
+                <a-textarea v-model:value="formParamstatues.remark"
+                  style="width: 90%; height: 100px; border-radius: 8px ;" placeholder="一旦拒绝 备注变为必填" />
+              </a-form-item>
+            </a-form>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeachingDialog" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closehandleOperate">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- <div> <Upload/> </div>         -->
+    <LecturerAppEdit @example="getExample" @successParams="successParams" v-model:visible="editTeacherDialog"
+      :id="editId">
+    </LecturerAppEdit>
+    <div class="example" v-if="example">
+      <a-spin />
+    </div>
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch, watchEffect, computed, onMounted, onUpdated} from "vue";
+import { useRouter } from "vue-router";
+import { message } from "ant-design-vue";
+import dayjs from "dayjs";
+import dialog from '@/utils/dialog'
+import {
+  RightOutlined,
+  UpOutlined,
+  UploadOutlined,
+  FolderAddOutlined,
+  DownloadOutlined
+} from '@ant-design/icons-vue';
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import { expenseBillList, queryById, queryExpnseByBillId, updateTeacherFee, updateStatusSubmit, approveTeacherFee, getTrainOrg, isConfirm , expenseBillDelById} from "../../api/lecturerFeeManagement";
+import { getTeacherSystemList, getApprovalResultByBusinessIdList } from "../../api/Lecturer";
+import { queryTrainOrgPor, } from "../../api/organization";
+// lecturerFeeManagement
+// import {getProjSt} from "../../api/indexProjStu";
+// import AddTeacher from "../../components/drawers/project/AddTeacher"
+import LecturerAppEdit from "./LecturerAPPEdit"
+export default {
+  name: "LecturerApproval",
+  components: {
+    RightOutlined, //图标--展开
+    UpOutlined,//图标--收起
+    UploadOutlined,//图标--导出
+    DownloadOutlined,//图标-导入
+    FolderAddOutlined,//图标--新增
+    ProjectManager,
+    LecturerAppEdit,
+  },
+  props: {
+    activeKeyProps: String,
+  },
+  setup(props) {
+    onMounted(() => {
+      console.log("props.activeKeyProps",props.activeKeyProps)
+      // const search = sessionStorage.getItem('searchApprlval')
+      // console.log(search,'search')
+      // if(search){
+      //   state.searchParam = JSON.parse(search)
+      //   state.searchdate = state.searchParam.searchdate
+      // }
+      getTableDate()
+    })
+    const router = useRouter()
+    const state = reactive({
+      example: false,
+      editId: null,
+      editTeacherDialog: false,
+      tableDataExamineLoading: false,
+      tableDataExamineTwo: [],
+      tableDataParams: {
+        pageNo: 1,
+        pageSize: 10,
+        total: 0,
+      },
+      userNoOrName: null,
+      seeDateValue: [],
+      seeBegin: null,
+      seeEnd: null,
+      activeKey: '1',
+      moreid: 1,
+      byPid: null,
+      currentPage1: 1,
+      pageSize1: 10,
+      promotionrecordsLoading: false,  //晋级记录遮罩层
+      teacherrecordsLoading: false,// 授课记录遮罩层
+      tableLoading: false,
+      examinetableLoading: false,
+      tagsshow: "1",
+      delTeacherId: null, //删除id确认
+      newStatus: null, //修改状态码确认
+      id: null,    //内部讲师工号确认 
+      lookTeacherId: null, //内部讲师详情id确认
+      // deleteInTeacherdialog: false, //删除弹窗
+      editTeacher: false,   //修改状态弹窗
+      handleOperate1: null, //修改状态弹窗内容
+      teacherdialog1: null,
+      teachingdialog: false,  //控制讲师弹窗
+      teacherdialogtitle: '',//讲师弹框title内容
+      pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+      pageSize: 10,
+      tableDataTotal: -1,//table列表总条数
+      formParam: {
+        beginTime: null,
+        defaultTeachingTime: "0",
+      },
+      formParamstatues: {
+        status: 'S20',
+        remark: null,
+        id: null,
+      },
+      searchdate: null, //选择时间
+      searchParam: {
+        teacherNo: null,
+        teacherName: null,
+        trainOrgId: null,
+        id: null,
+        levelId: null,
+        courseType: null,
+        certStatus: null,
+        salaryName: null,
+        payrollPlaceId: null,
+        status: null,
+        pageNo: "1",
+        pageSize: "10",
+        beginTime: null,
+        endTime: null,
+      },
+    })
+    //费用类型
+    const courseTypeList = ref([
+      { value: 1, label: "课程开发" },
+      { value: 2, label: "作业人员入模培训" },
+      { value: 3, label: "其他" },
+    ])
+
+    const lecturerSystemList = ref([
+    ]);
+    ///获取讲师体系列表
+    const LecturerSystemLista = () => {
+      // console.log('点击了LecturerSystemLista')
+      getTeacherSystemList().then((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data;
+          let array = [];
+          arr?.map((value) => {
+            let obj = {
+              value: value.kid,
+              label: value.systemName,
+            };
+            array.push(obj);
+          });
+          lecturerSystemList.value = array;
+        }
+      })
+    }
+    // LecturerSystemLista()
+    const trainOrglist = ref([])
+    //获取培训发生组织
+    const trainOrglista = () => {
+      let obj = {
+        pageNo: "1",
+        pageSize: "10000"
+      }
+      queryTrainOrgPor(obj).then((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.id,
+              label: value.affiliationName,
+            };
+            array.push(obj);
+          });
+          trainOrglist.value = array;
+          trainOrglist.value.unshift({
+            value: '',
+            label: "全部"
+          })
+        }
+      })
+    }
+    trainOrglista()
+
+    //课程类型
+    const OnTheJobStatusList = ref([
+      { value: 1, label: "项目开课" },
+      { value: 2, label: "路径开课" },
+      { value: 3, label: "面授开课" },
+    ])
+    //认证状态0待确认 1待提交 2审核中 3审核通过 4.审核拒绝
+    const AuthenticationStatusList = ref([
+      { value: '', label: "全部" },
+      { value: 1, label: "待提交" },
+      { value: 2, label: "审核中" },
+      { value: 4, label: "审核拒绝" },
+      { value: 3, label: "已审核" },
+    ])
+
+    //状态
+    const AccountStatusList = ref([
+      { value: "A10", label: "待审核", },
+      { value: "A20", label: "已提交", },
+      { value: "A30", label: "审核中", },
+      { value: "E10", label: "审核打回", },
+      { value: "S20", label: "审核通过", },
+    ])
+  
+    //切换筛选
+    const handlemoreid = () => {
+      if (state.moreid == 1) {
+        state.moreid = 2
+      }
+      else if (state.moreid == 2) {
+        state.moreid = 1
+        state.searchParam.certStatus = null
+        state.searchParam.salaryName = null
+        state.searchParam.payrollPlaceId = null
+        state.searchParam.status = null
+      }
+    }
+    //新增页面内部姓名
+    const infoteacherList = ref([
+      //   { value: 0, systemName: "讲师体系" },
+    ]);
+    const getinfoteacher = () => {
+      // state.tableLoading=true 
+      // ()
+      //   .then((res) => {
+      //     infoteacherList.value = res.data.data.records
+      // }) 
+    };
+    const columns = ref([
+
+      {
+        title: '培训发生组织 ',
+        dataIndex: 'trainOrgName',
+        key: 'trainOrgName',
+        ellipsis: true, align: "center",
+        width: 200,
+        customCell: () => { return { style: { userSelect: 'text' } } }
+      },
+      {
+        title: '汇总时间 ',
+        dataIndex: 'summaryTime',
+        key: 'summaryTime',
+        ellipsis: true,
+        align: "center",
+        width: 200
+      },
+      {
+        title: '汇总金额 ',
+        dataIndex: 'summaryTotal',
+        key: 'summaryTotal',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+        customRender: ({ text }) => {
+          return text ? text + '元' : '-'
+        }
+      },
+      {
+        title: '提交时间',
+        dataIndex: 'approvalSubmitTime',
+        key: 'approvalSubmitTime',
+        ellipsis: true, align: "center",
+        width: 200,
+        customRender: ({ text, record }) => {
+          return text ? text : '-'
+        }
+      },
+      {
+        title: '状态 ',
+        dataIndex: 'status',
+        key: 'status',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        // customCell: (record) => {return{style:{color:['#67C23A','#F56C6C'][record.status]}}},
+        customRender: (value) => {
+          switch (value.record.status) {
+            case 0:
+              return "待确认 "
+            case 1:
+              return "待提交"
+            case 2:
+              return "审核中"
+            case 3:
+              return "审核通过"
+            case 4:
+              return "审核拒绝"
+            case 5:
+              return "待提交"
+            default:
+              return "-"
+          }
+        }
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: true, align: "center",
+        fixed: "right",
+        width: 120,
+        scopedSlots: { customRender: "action" },
+      },
+
+    ])
+    //列表数据
+    const tableData = ref([
+    ])
+    // 搜索
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1;
+      getTableDate();
+      // sessionStorage.removeItem('searchApprlval')
+    };
+    //重置
+    const searchReset = () => {
+      state.searchdate = null,
+        state.searchParam = {
+          endTime: null,
+          beginTime: null,
+          teacherNo: null,
+          id: null,
+          levelId: null,
+          courseType: null,
+          certStatus: null,
+          salaryName: null,
+          payrollPlaceId: null,
+          status: null,
+          pageNo: 1,
+          pageSize: 10,
+        };
+      getTableDate();
+      // sessionStorage.removeItem('searchApprlval')
+    };
+    //              //修改时间
+    //              function searchTimeChange(time, timeStr) {
+    //       let startTime = timeStr[0]
+    //       let endTime = timeStr[1] ;
+    //       state.startTime = new Date(startTime).getTime();
+    //       state.endTime = new Date(endTime).getTime();
+    //       // state.searchParam.beginTime = new Date(beginTime).getTime() ;
+    //       // state.searchParam.endTime = new Date(endTime).getTime() ;
+    //       state.searchParam.beginTime = state.startTime ? state.startTime : null,
+    //         state.searchParam.endTime = state.endTime ? state.endTime : null
+    // }
+    //  List接口数据
+    const getTableDate = (obj) => {
+      console.log("执行 getTableDate")
+      state.tableLoading = true
+      let objA = { ...state.searchParam };
+      objA.beginTime = state.searchdate ? dayjs(state.searchdate[0]).format("YYYY-MM-DD") : "",
+        objA.endTime = state.searchdate ? dayjs(state.searchdate[1]).format("YYYY-MM-DD") : "",
+        delete objA.searchdate
+      expenseBillList(objA)
+        .then((res) => {
+          tableData.value = res.data.data.records
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading = false
+        }).catch(err => {
+          state.tableLoading = false
+          message.destroy()
+          message.error(err.data.msg)
+        })
+    };
+    // getTableDate()
+    //   // 翻页
+    const changePagination = (page, pageSize) => {
+      state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    // 新增讲师
+    const addTeacher = () => {
+      state.teachingdialog = true;
+      state.teacherdialogtitle = '添加讲师费'
+
+    }
+    //修改状态窗口
+    const handleOperate = (record) => {
+      state.editTeacher = true
+      state.formParamstatues.id = record.id
+    };
+    //提交
+    const closehandleOperate = () => {
+      approveTeacherFee(state.formParamstatues).then((res) => {
+        message.success("审批成功");
+        state.editTeacher = false
+        getTableDate();
+      })
+    }
+    //取消按钮 清空输入的数据
+    const cancelTeachingDialog = (val) => {
+      if (state.teachingdialog = true) {
+        if (val == 1) {
+          submit(state.formParam)
+          return
+        }
+        state.teachingdialog = false
+        cancel()
+      }
+      state.deleteInTeacherdialog = false
+      state.editTeacher = false
+    };
+    //清空数据
+    const cancel = () => {
+      state.formParam = {
+        teacher: null,
+        teacherNo: null,
+        departId: null,
+        id: null,
+        courseName: 0,
+        levelId: null,
+        payrollPlaceId: null,
+        // 费用类型 : null
+        teacherpayrollPlace: null,
+        teachingDate: null,
+        defaultTeachingTime: 0,
+        courseType: null,
+        studys: null,
+        teacherlevelPay: null,
+        score: null,
+        trainOrg: null,
+        payableExpense: null,
+        expense: null,
+        remark: null,
+      }
+    }
+    const goDdit = (record) => {
+      state.editTeacherDialog = true
+      state.editId = record.id
+      // state.searchParam.searchdate = state.searchdate
+      // sessionStorage.setItem('searchApprlval', JSON.stringify(state.searchParam))
+      // router.push({
+      //   path:'/LecturerAppEdit',
+      //   query:{
+      //     id: record.id
+      //   }
+      // })
+    }
+    //表格内查看数据操作
+    const handleLook = (record) => {
+      state.activeKey = '1'
+      state.teachingdialog = true;
+      state.id = record.id
+      TeacherSystem()
+      gettableDataExamine()
+    }
+    const params = reactive({
+      pageNo: 1,
+      pageSize: 10,
+      total: 0,
+      businessType: 1,
+      businessId: '366'
+    })
+    const paginations = computed(() => ({
+      total: params.total,
+      showSizeChanger: true,
+      showQuickJumper: true,
+      current: params.pageNo,
+      pageSize: params.pageSize,
+      onChange: paginationChanges,
+    }));
+    const paginationChanges = (e, pageSize) => {
+      params.pageNo = e;
+      params.pageSize = pageSize
+      // getListData()
+    };
+    const tabsChange = (val) => {
+      if (val == 2) {
+        getListData()
+      }
+    }
+    const getListData = () => {
+      state.tableDataExamineLoading = true
+      getApprovalResultByBusinessIdList({
+        businessType: 1,
+        businessId: state.id
+      }).then(res => {
+        if (res.data.code == 200) {
+          state.tableDataExamineTwo = res.data.data
+          // params.total = res.data.data.total
+        }
+        state.tableDataExamineLoading = false
+      }).catch(err => {
+        message.destroy()
+        state.tableDataExamineLoading = false
+        message.error(err.data.msg)
+      })
+    }
+    const submit = (record) => {
+      dialog({
+        content: '请仔细核对讲师费信息，确认无误后，将自动进入(BPM系统)审批流程',
+        ok: () => {
+          isConfirm({
+            id: record.id,
+            status: 2
+          }).then(res => {
+            if (res.data.code == 200) {
+              message.success('提交成功')
+              getTableDate();
+              cancel()
+              state.teachingdialog = false
+            }
+          }).catch(err => {
+            message.destroy()
+            cancel()
+            state.teachingdialog = false
+            message.error(err.data.msg)
+          })
+        }
+      })
+    }
+    const successParams = () => {
+      getTableDate();
+    }
+    const getExample = (val) => {
+      state.example = val
+    }
+    const withdraw = (record) => {
+      dialog({
+        content: '确定要撤回此条数据吗？',
+        ok: () => {
+          isConfirm({
+            id: record.id,
+            status: 1
+          }).then(res => {
+            if (res.data.code == 200) {
+              message.success('撤回成功')
+              getTableDate();
+
+            }
+          }).catch(err => {
+            message.destroy()
+            message.error(err.data.msg)
+          })
+        }
+      })
+    }
+
+    //详情
+    const TeacherSystem = () => {
+      queryById({ id: state.id }).then((res) => {
+        // state.formParam=Object.assign({} ,res.data.data)
+        state.formParam = res.data.data
+      })
+        .catch((err) => {
+          console.log("详情", err);
+        });
+    }
+    const searchTeacherFeeApprovalList = () => {
+      state.tableDataParams.pageNo = 1
+      gettableDataExamine()
+    }
+    const resetSearch = () => {
+      state.userNoOrName = null
+      state.seeDateValue = []
+      state.seeBegin = null
+      state.seeEnd = null
+      searchTeacherFeeApprovalList()
+    }
+    const seeDateChange = (e) => {
+      if (e) {
+        state.seeBegin = e[0]
+        state.seeEnd = e[1]
+      } else {
+        state.seeBegin = null
+        state.seeEnd = null
+      }
+    }
+    const tableDataExamine = ref([])
+    const gettableDataExamine = () => {
+      state.examinetableLoading = true
+      queryExpnseByBillId({
+        billId: state.id,
+        pageNo: state.tableDataParams.pageNo,
+        pageSize: state.tableDataParams.pageSize,
+        name: state.userNoOrName,
+        startTime: state.seeBegin,
+        endTime: state.seeEnd
+      }).then((res) => {
+        tableDataExamine.value = res.data.data.records
+        state.tableDataParams.total = Number(res.data.data.total);
+        state.examinetableLoading = false
+      }).catch(err => {
+        state.examinetableLoading = false
+        message.error(err.data.msg)
+      })
+    };
+    const pagination = computed(() => ({
+      total: state.tableDataParams.total,
+      showSizeChanger: true,
+      showQuickJumper: true,
+      current: state.tableDataParams.pageNo,
+      pageSize: state.tableDataParams.pageSize,
+      onChange: paginationChange,
+    }));
+    const paginationChange = (e, pageSize) => {
+      state.tableDataParams.pageNo = e;
+      state.tableDataParams.pageSize = pageSize
+      gettableDataExamine();
+    };
+
+    //TODO1
+    const deleteModal = (record) => {
+      dialog({
+        content: '是否确认进行删除?',
+        ok: () => {
+          expenseBillDelById(record.id).then(res => {
+            if (typeof (res.data.data) != 'object') {
+              message.success('删除成功')
+              message.error(res.data.data)
+              return
+            }
+            message.success("删除成功");
+            searchSubmit()
+          }).catch(err => {
+            message.destroy()
+            message.error(err.data.msg)
+          })
+        }
+      })
+
+    }
+
+
+
+    const columnsExamineTwo = ref([
+      {
+        title: '审批层级 ',
+        dataIndex: 'levelName',
+        key: 'levelName',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '层级审批人 ',
+        dataIndex: 'employeeNames',
+        key: 'employeeNames',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'approvalStatus',
+        key: 'approvalStatus',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: ({ text }) => {
+          switch (text) {
+            case -1:
+              return <span>未处理</span>;
+            case 3:
+              return <span>通过</span>;
+            case 4:
+              return <span>拒绝</span>;
+            default:
+              return <span>-</span>;
+          }
+        }
+      },
+      {
+        title: '审批人 ',
+        dataIndex: 'employeeName',
+        key: 'employeeName',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '审批时间 ',
+        dataIndex: 'approvalTime',
+        key: 'approvalTime',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '审批建议 ',
+        dataIndex: 'approvalMsg',
+        key: 'approvalMsg',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: ({ text }) => {
+          return text || '-'
+        }
+      },
+    ])
+    //二级页面
+    const columnsExamine = ref([
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'name',
+        key: 'name',
+        ellipsis: true,
+        align: "center",
+        width: 180,
+        customRender: (value) => {
+          return (
+            <div style="user-select:text">
+              { value.record?.name }  /  { value.record?.userNo }
+            </div>
+          );
+        },
+      },
+      // {
+      //   title: '讲师工号 ',
+      //   dataIndex: 'userNo',
+      //   key: 'userNo',
+      //   ellipsis: true,
+      //   align: "center",
+      //   width: 120,
+      // },
+      {
+        title: '课程名称 ',
+        dataIndex: 'courseName',
+        key: 'courseName',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+        customCell: () => { return { style: { userSelect: 'text' } } }
+      },
+      {
+        title: '培训发生组织',
+        dataIndex: 'trainOrgName',
+        key: 'trainOrgName',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customCell: () => { return { style: { userSelect: 'text' } } }
+      },
+
+      {
+        title: '授课时长 ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              { (value.record?.teachingTime / 60).toFixed(2) }小时
+            </div>
+          )
+        }
+      },
+      {
+        title: '授课时间 ',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+
+      },
+      {
+        title: '讲师体系',
+        dataIndex: 'tsystemName',
+        key: 'tsystemName',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '讲师级别 ',
+        dataIndex: 'tlevelName',
+        key: 'tlevelName',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '发薪地 ',
+        dataIndex: 'payrollPlace',
+        key: 'payrollPlace',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: ({ text }) => {
+          return text || '-'
+        }
+      },
+      {
+        title: '基准课酬 ',
+        dataIndex: 'levelPay',
+        key: 'levelPay',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: ({ text }) => {
+          return text || text == 0 ? text + '元' : '-';
+        }
+      },
+      {
+        title: '计划费用 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: ({ text }) => {
+          return text ? text + '元' : '-';
+        }
+      },
+      {
+        title: '参训人数 ',
+        dataIndex: 'studys',
+        key: 'studys',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: ({ text }) => {
+          return text ? text + '人' : '-';
+        }
+      },
+      {
+        title: '评分 ',
+        dataIndex: 'score',
+        key: 'score',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              { value.record.score ? Number(value.record.score).toFixed(0) == 0 ? '-' : Number(value.record.score).toFixed(2) + '分' : '-' }
+            </div>
+          )
+        }
+      },
+      {
+        title: '课程类型 ',
+        dataIndex: ' courseType',
+        key: ' courseType',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              { String(value.record.courseType)
+                ? {
+                  "0": "在线课",
+                  "1": "面授课",
+                  "2": "课程开发",
+                  "3": "作业员入模培训",
+                  "4": "其他",
+                }[value.record.courseType + ""]
+                : "-" }
+            </div>
+          )
+        }
+      },
+    ])
+    function managerChange(e, l, d, t, orgName) {
+      state.searchParam.teacherNo = d;
+      state.searchParam.teacherName = t;
+      // state.searchParam.trainorgName=orgName
+    }
+    //导出功能
+    const handleExport = () => {
+      window.open(
+        `${process.env.VUE_APP_BASE_API}/teachez/fee/exportTeacherFee?pageNo=${state.searchParam.pageNo}&pageSize=${state.searchParam.pageSize}&trainOrgId=${state.searchParam.trainOrgId ? state.searchParam.trainOrgId : ""}&status=${state.searchParam.status ? state.searchParam.status : ""}&beginTime=${state.searchParam.beginTime ? state.searchParam.beginTime : ""}&endTime=${state.searchParam.endTime ? state.searchParam.endTime : ""}`
+      );
+      // this.download('lesson_records/export', {
+      //           ...state.searchParam
+      //       }, `project_${new Date().getTime()}.xlsx` )
+    }
+    //回车
+    const enterPressHadlerSearch = e => {
+      if (e.keyCode === 13) {
+        searchSubmit()
+
+      }
+    }
+
+    //TODO1
+    watchEffect(() => {
+      console.log('Item changed:', props.activeKeyProps);
+      if(props.activeKeyProps == 2){
+        state.searchParam.pageNo = 1;
+        getTableDate()
+      }
+      // 在这里你可以根据 props.item 进行一些操作
+    });
+
+
+    return {
+      ...toRefs(state),
+      enterPressHadlerSearch,
+      // searchTimeChange,
+      gettableDataExamine,
+      courseTypeList,
+      managerChange,
+      trainOrglist,
+      trainOrglista,
+      handlemoreid,
+      handleExport,
+      lecturerSystemList,
+      OnTheJobStatusList,
+      AuthenticationStatusList,
+      AccountStatusList,
+      searchSubmit,
+      searchReset,
+      columns,
+      columnsExamine,
+      columnsExamineTwo,
+      tableData,
+      tableDataExamine,
+      seeDateChange,
+      changePagination,
+      addTeacher,
+      cancelTeachingDialog,
+      handleLook,
+      submit,
+      getListData,
+      tabsChange,
+      withdraw,
+      successParams,
+      getExample,
+      goDdit,
+      cancel,
+      handleOperate,
+      closehandleOperate,
+      getTableDate, //list接口数据调用
+      // getStu
+      LecturerSystemLista,
+      TeacherSystem,
+      infoteacherList,
+      getinfoteacher,
+      pagination,
+      paginationChange,
+      searchTeacherFeeApprovalList,
+      resetSearch,
+      paginations,
+      paginationChanges,
+      deleteModal
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+.example {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.45);
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.select .ant-picker {
+  width: 410px !important;
+}
+
+.headers {
+  height: 73px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+  flex-shrink: 0;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .addTime {
+    position: absolute;
+    z-index: 1;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+
+  .ant-picker {
+    padding-left: 85px;
+  }
+
+  ::v-deep .ant-picker-range .ant-picker-active-bar {
+    margin-left: 85px !important;
+  }
+}
+
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.display1 {
+  display: inline-block;
+  width: 200px;
+}
+
+// .display0{
+// display:inline-block ;
+// width:200px ;
+// text-align:center }
+//弹窗内确认取消按钮布局
+.del_btnbox {
+  display: flex;
+  margin: 30px auto;
+  justify-content: center;
+
+  .del_btn {
+    width: 100px;
+    height: 40px;
+    background: rgba(64, 158, 255, 0);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    cursor: pointer;
+
+    .btnText {
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 40px;
+    }
+  }
+
+  .btn1 {
+    border: 1px solid rgba(64, 158, 255, 1);
+    color: #4ea6ff;
+    margin-right: 14px;
+  }
+
+  .btn2 {
+    background-color: #4ea6ff;
+    color: #ffffff;
+  }
+}
+
+.ant-table-cell-fix-right {
+  width: 300px !important;
+}
+
+.ant-table-tbody>tr>td {
+  text-align: center;
+}
+
+.InsideTeaching {
+  width: 100%;
+  height: 100%;
+
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.delete {
+  z-index: 9999;
+  width: 424px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  border-radius: 4px;
+  position: absolute;
+  left: 30%;
+  top: 10%;
+  // transform: translate(-50%, -50%);
+
+  .del_header {
+    position: absolute;
+    width: calc(100%);
+    height: 40px;
+    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%);
+  }
+
+  .del_main {
+    width: 100%;
+    position: relative;
+
+    .header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .del-icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/notice.png);
+        background-size: 100% 100%;
+      }
+
+      .icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/QR.png);
+        background-size: 100% 100%;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .body {
+      width: 100%;
+      margin: 34px auto 56px auto;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .del_btnbox {
+      display: flex;
+      margin: 30px auto;
+      justify-content: center;
+
+      .del_btn {
+        width: 100px;
+        height: 40px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
+        }
+      }
+
+      .btn1 {
+        border: 1px solid rgba(64, 158, 255, 1);
+        color: #4ea6ff;
+      }
+
+      .btn2 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+//添加样式
+.langbtn {
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 17px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+  margin-top: 3px;
+}
+
+//抽屉功能
+.drawaer // /* 改变所有 a-tree-select 输入框的高度 */
+//   ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+//   height: 40px;
+//   line-height: 40px;
+//   border-radius: 8px
+
+//   /* 确保文字垂直居中 */
+// }
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+
+// 抽屉内样式
+.draitem {
+  width: 100%;
+  height: 40px !important;
+  border-radius: 8px;
+  line-height: 40px;
+}
+
+.drabtn {
+  height: 40px;
+  width: 80px;
+  border-radius: 8px;
+  margin-right: 20px
+}
+
+::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-radius: 8px;
+  height: 40px;
+}
+
+.ant-col-12 {
+  height: 90px;
+}
+
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+
+.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;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/OrganizationList.vue b/src/views/lecturer/OrganizationList.vue
new file mode 100644
index 00000000..5bb3ec10
--- /dev/null
+++ b/src/views/lecturer/OrganizationList.vue
@@ -0,0 +1,1646 @@
+<!-- 归属组织 -->
+<template>
+  <!-- 搜索框及按钮 -->
+  <div class="filter" style="min-width: 1380px; margin: 20px">
+    <a-form layout="inline">
+      <a-form-item class="select">
+        <div>
+          <a-input
+            style="width: 235px; height: 40px; border-radius: 8px"
+            v-model:value="searchParam.name"
+            placeholder="请输入编号/名称进行搜索"
+            v-on:keydown.enter="enterPressHadlerSearch"
+          />
+        </div>
+      </a-form-item>
+      <a-form-item class="select">
+        <div>
+          <a-select
+            style="width: 235px"
+            v-model:value="searchParam.isParent"
+            placeholder="请选择节点类型"
+            allowClear
+            :options="TrainOrglist"
+            v-on:keydown.enter="enterPressHadlerSearch"
+          />
+        </div>
+      </a-form-item>
+      <a-form-item class="select">
+        <div>
+          <a-input
+            style="width: 235px; height: 40px; border-radius: 8px"
+            v-model:value="searchParam.leaderName"
+            placeholder="请输入担当姓名/工号"
+            v-on:keydown.enter="enterPressHadlerSearch"
+          />
+        </div>
+      </a-form-item>
+      <div style="display: flex; margin-bottom: 20px">
+        <a-button @click="searchSubmit()" type="primary" class="resetbtn"
+          >查询
+        </a-button>
+        <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+        <!-- <div class="search"></div> -->
+        <a-button class="resetbtn" @click="searchReset">重置</a-button>
+      </div>
+    </a-form>
+    <div style="width: 100%"></div>
+    <div style="display: flex; margin-bottom: 20px">
+      <a-button
+        v-if="checkMenu('lecturerTrainOrgAdd')"
+        @click="addTeacher()"
+        type="primary"
+        class="resetbtn"
+        style="width: 164px"
+      >
+        <div class="search"></div>
+        新增培训发生组织
+      </a-button>
+      <div
+        class="btnn btn2"
+        @click="downOpen"
+        style="margin-right: 14px"
+        v-if="checkMenu('lecturerTrainOrgExport')"
+      >
+        <div class="daochu"></div>
+        <div class="btnText">导出</div>
+      </div>
+    </div>
+    <a-table
+      style="border: 1px solid #f2f6fe"
+      :columns="columns"
+      :data-source="tableData"
+      :loading="tableLoading"
+      @expand="expandTable"
+      :pagination="false"
+    >
+      <template #bodyCell="{ record, column }">
+        <template v-if="column.key === 'operation'">
+          <a-space>
+            <lockLecturer
+              :parentName="record.parentName"
+              :id="record.id"
+              :title="'培训发生组织详情'"
+              @searchList="searchList"
+            >
+              <div style="color: #1890ff; cursor: pointer">查看</div>
+            </lockLecturer>
+            <a-button
+              v-if="record.status != 2 && checkMenu('lecturerTrainOrgEdit')"
+              type="link"
+              @click="() => handleModify(record, String(record.courseform))"
+              >编辑</a-button
+            >
+            <a-button
+              v-if="record.status == 2 && false"
+              type="link"
+              @click="() => updateModal(record)"
+              >撤回</a-button
+            >
+            <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
+            <a-button
+              @click="isEnablePost(record, 0)"
+              v-if="record.enable && checkMenu('lecturerTrainOrgStop')"
+              type="link"
+              >启用</a-button
+            >
+            <a-button
+              @click="isEnablePost(record, 1)"
+              v-if="!record.enable && checkMenu('lecturerTrainOrgStop')"
+              type="link"
+              >停用</a-button
+            >
+          </a-space>
+        </template>
+      </template>
+    </a-table>
+    <div class="tableBox">
+      <div class="pa">
+        <a-pagination
+          v-if="tableDataTotal > 10"
+          :showSizeChanger="true"
+          :showQuickJumper="true"
+          :hideOnSinglePage="false"
+          :pageSize="searchParam.pageSize"
+          :current="searchParam.pageNo"
+          :total="tableDataTotal"
+          class="pagination"
+          @change="changePagination"
+        />
+      </div>
+    </div>
+    <!-- 删除功能弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="deleteInTeacherdialog"
+        :footer="null"
+        :closable="close"
+        centered="true"
+      >
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon1"></div>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您确定要删除当前组织吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div
+                class="del_btn btn2"
+                @click="cancelTeacherDialog"
+                style="margin-right: 32px"
+              >
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closeDeleteTeacher">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 抽屉 -->
+    <div class="example" v-if="example">
+      <a-spin />
+    </div>
+    <a-drawer
+      class="largeDrawerInside"
+      v-model:visible="teacherdialog"
+      :closable="false"
+      :title="false"
+      placement="right"
+      width="60%"
+      :maskClosable="false"
+    >
+      <div style="padding: 24px">
+        <div class="headers" style="margin-top: -24px">
+          <div class="headerTitle">{{ teacherdialogtitle }}</div>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="@/assets/images/basicinfo/close.png"
+            @click="cancelTeacherDialog"
+          />
+        </div>
+        <a-form :model="formParam" layout="vertical" ref="formRef">
+          <a-row :gutter="16">
+            <a-col :span="24">
+              <!-- <span class="line"></span><span>讲师体系基本信息</span> -->
+            </a-col>
+          </a-row>
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item name="affiliationCode">
+                <template v-slot:label>
+                  <img
+                    style="margin-right: 4px; width: 7px; height: 7px"
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                  培训发生组织编号：
+                </template>
+                <a-input
+                  disabled
+                  v-model:value="formParam.affiliationCode"
+                  class="draitem"
+                  placeholder="请输入讲师体系编号"
+                  allowClear
+                  showSearch
+                >
+                </a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item name="affiliationName">
+                <template v-slot:label>
+                  <img
+                    style="margin-right: 4px; width: 7px; height: 7px"
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                  培训发生组织名称：
+                </template>
+                <a-input
+                  :maxlength="30"
+                  show-count
+                  v-model:value="formParam.affiliationName"
+                  class="draitem"
+                  placeholder="请输入培训发生组织名称"
+                  allowClear
+                  showSearch
+                >
+                </a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item name="code">
+                <template v-slot:label>
+                  <img
+                    style="margin-right: 4px; width: 7px; height: 7px"
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                  是否为根节点：
+                </template>
+                <div style="display: flex; align-items: center">
+                  <a-radio-group
+                    :disabled="formParam.locking"
+                    style="min-width: 126px"
+                    @change="selectRadio"
+                    v-model:value="formParam.isParent"
+                    name="radioGroup"
+                  >
+                    <a-radio :value="1">否</a-radio>
+                    <a-radio :value="0">是</a-radio>
+                  </a-radio-group>
+                  <a-select
+                    :disabled="formParam.locking"
+                    v-model:value="formParam.code"
+                    :placeholder="
+                      !formParam.isParent ? '请选择审批层级' : '请选择根节点'
+                    "
+                    :options="
+                      !formParam.isParent ? PlaceOfPayList : PlaceOfPayListTwo
+                    "
+                    allowClear
+                    showSearch
+                  />
+                </div>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item name="actValue">
+                <template v-slot:label>
+                  <img
+                    style="margin-right: 4px; width: 7px; height: 7px"
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                  组织担当：
+                </template>
+                <!-- <a-select v-model:value="formParam.zzfzr" placeholder="请选择组织负责人"
+                    :options="PlaceOfPayList" allowClear showSearch/> -->
+                <!-- <ProjectManager :type="0" v-model:value="formParam.actValue" :placeholder="'请选择担当'" v-model:arrayList="formParam.actArray" ></ProjectManager> -->
+                <AddApprover
+                  :title="'组织担当'"
+                  v-model:arrayList="formParam.actArray"
+                  @valueChange="valueChange"
+                  :type="0"
+                >
+                  <a-select
+                    style="width: 100%"
+                    v-model:value="formParam.actValue"
+                    :open="false"
+                    :placeholder="'请选择担当'"
+                  ></a-select>
+                </AddApprover>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="16" v-if="formParam.isParent">
+            <a-col :span="12">
+              <a-form-item name="leveOneValue">
+                <template v-slot:label>
+                  <img
+                    style="margin-right: 4px; width: 7px; height: 7px"
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                  一级审批人
+                </template>
+                <!-- <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> -->
+                <AddApprover
+                  :title="'一级审批人'"
+                  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> -->
+                <AddApprover
+                  :title="'二级审批人'"
+                  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>
+          <a-row :gutter="16">
+            <a-col :span="12" v-if="formParam.isParent">
+              <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> -->
+                <AddApprover
+                  :title="'三级审批人'"
+                  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" v-if="formParam.isParent == 0">
+              <a-form-item name="isContains">
+                <template v-slot:label>
+                  <img
+                    style="margin-right: 4px; width: 7px; height: 7px"
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                  审批流程是否加该担当
+                </template>
+                <a-select
+                  v-model:value="formParam.isContains"
+                  placeholder="请选择审批流程是否加担当"
+                  :options="isConSelect"
+                  allowClear
+                  showSearch
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="备注">
+                <a-input
+                  v-model:value="formParam.remark"
+                  showCount
+                  :maxlength="200"
+                  style="width: 100%; height: 40px; border-radius: 8px"
+                  placeholder="请输入"
+                />
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-form-item name="orglistName">
+            <template v-slot:label>
+              <img
+                style="margin-right: 4px; width: 7px; height: 7px"
+                src="@/assets/images/coursewareManage/asterisk.png"
+                alt=""
+              />
+              选择管理组织
+            </template>
+            <a-row :gutter="50" style="margin-bottom: 10px">
+              <a-col :span="2">
+                <!-- <a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag> -->
+                <a-button
+                  type="primary"
+                  @click="addContentData"
+                  style="width: 100px; height: 40px; border-radius: 8px"
+                  >添加组织</a-button
+                >
+              </a-col>
+              <!-- <a-col :span="20">
+        <div class="add_content" @click="addContentData" >+</div>
+        </a-col> -->
+            </a-row>
+          </a-form-item>
+          <!-- 备注 remark -->
+          <a-row :gutter="16" style="padding-bottom: 60px">
+            <a-col :span="24">
+              <a-form-item label="">
+                <!-- <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
+                  style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" /> -->
+                <a-table
+                  :dataSource="formParam?.affiliationOrgList"
+                  :scroll="{ x: '600' }"
+                  :columns="orgColumns"
+                />
+              </a-form-item>
+            </a-col>
+          </a-row>
+        </a-form>
+        <!-- 交互按钮 -->
+        <div
+          :style="{
+            position: 'absolute',
+            right: 0,
+            bottom: 0,
+            width: '100%',
+            borderTop: '1px solid #e9e9e9',
+            padding: '10px 16px',
+            background: '#fff',
+            textAlign: 'right',
+            zIndex: 1,
+          }"
+        >
+          <a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
+          <a-button
+            class="drabtn"
+            type="primary"
+            @click="createTeacherDialog(0)"
+            :loading="buttonLoading"
+            >保存</a-button
+          >
+          <a-button
+            v-if="editParams || editIndex > 1"
+            class="drabtn"
+            type="primary"
+            @click="createTeacherDialog(1)"
+            :loading="buttonLoading"
+            >提交</a-button
+          >
+        </div>
+      </div>
+    </a-drawer>
+    <AddOrgContent
+      :Addtitle="'选择组织'"
+      :isParent="formParam.isParent"
+      v-model:showContent="showContent"
+      :AddContentLists="formParam.affiliationOrgLists"
+      v-model:AddContentList="formParam.affiliationOrgList"
+    />
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch } from "vue";
+import { FolderAddOutlined } from "@ant-design/icons-vue";
+import { message } from "ant-design-vue";
+import dialog from "@/utils/dialog";
+import ProjectManager from "@/components/project/ProjectManagerLecturer";
+import {
+  queryTrainOrg,
+  deleteTrainOrg,
+  addReviewer,
+  updateTrainOrg,
+} from "../../api/organization";
+import AddOrgContent from "../../components/project/AddOrgContent.vue";
+import * as lecturer from "../../api/Lecturer.js";
+import lockLecturer from "@/components/project/lockLecturer";
+import AddApprover from "@/components/project/AddApprover";
+import { checkMenu } from "@/utils/utils";
+export default {
+  name: "organizationList",
+  components: {
+    ProjectManager,
+    FolderAddOutlined, //图标--新增
+    AddOrgContent,
+    lockLecturer,
+    AddApprover,
+  },
+  setup() {
+    const formRef = ref();
+
+    const state = reactive({
+      example: false,
+      editParams: true,
+      editIndex: 0,
+      tableDataTotal: 0,
+      vf: true,
+      showContent: false,
+      tableLoading: false,
+      deleteInTeacherdialog: false,
+      teacherdialog: false,
+      teacherdialogtitle: null,
+      delId: null,
+      searchParam: {
+        name: null,
+        isParent: null,
+        leaderName: null,
+        pageNo: "1",
+        pageSize: "10",
+      },
+      formParam: {
+        orglistName: null,
+        affiliationCode: null,
+        affiliationName: null,
+        isParent: 1,
+        remark: null,
+        actValue: null,
+        actArray: [],
+        leveOneValue: null,
+        leveTwoValue: null,
+        leveThreeValue: null,
+        leveOneArray: [],
+        leveTwoArray: [],
+        leveThreeArray: [],
+        code: null,
+        isContains: "0",
+        affiliationOrgList: [],
+        affiliationOrgLists: [],
+        locking: 1,
+      },
+    });
+    const PlaceOfPayList = ref([
+      { value: "1", label: "一级审批" },
+      { value: "2", label: "二级审批" },
+      { value: "3", label: "三级审批" },
+    ]);
+    const isConSelect = ref([
+      { value: "1", label: "是" },
+      { value: "0", label: "否" },
+    ]);
+    const placeData = () => {
+      lecturer.parentList().then((res) => {
+        if (res.data.code == 200) {
+          PlaceOfPayListTwo.value = res.data.data.map((item) => {
+            return {
+              value: item.affiliationCode,
+              label: item.affiliationName,
+            };
+          });
+        }
+      });
+    };
+    // placeData()
+    const PlaceOfPayListTwo = ref([]);
+    const selectRadio = (val) => {
+      if (val.target.value == 1) {
+        state.formParam.leveOneArray = [];
+        state.formParam.leveTwoArray = [];
+        state.formParam.leveThreeArray = [];
+        state.formParam.leveOneValue = null;
+        state.formParam.leveTwoValue = null;
+        state.formParam.leveThreeValue = null;
+      }
+      state.formParam.code = null;
+    };
+    const columns = ref([
+      // {
+      //   title: '培训发生组织编号 ',
+      //   dataIndex: 'affiliationCode',
+      //   key: 'affiliationCode',
+      //   ellipsis: true,
+      //   align: "center",
+      //   width: '100px',
+      // },
+      {
+        title: "培训发生组织名称 ",
+        dataIndex: "affiliationName",
+        key: "affiliationName",
+        ellipsis: true,
+        align: "left",
+        width: "200px",
+        customCell: () => {
+          return { style: { userSelect: "text" } };
+        },
+      },
+      {
+        title: "状态",
+        dataIndex: "status",
+        key: "status",
+        ellipsis: true,
+        align: "center",
+        width: "100px",
+        customRender: ({ text }) => {
+          switch (text) {
+            case "1":
+              return <span>待提交</span>;
+            case "2":
+              return <span>审核中</span>;
+            case "3":
+              return <span>已完成</span>;
+            case "4":
+              return <span>审核失败</span>;
+            case "5":
+              return <span>待审核</span>;
+            default:
+              return <span>-</span>;
+          }
+        },
+      },
+      {
+        title: "是否为根节点",
+        dataIndex: "parentName",
+        key: "parentName",
+        align: "left",
+        width: "200px",
+        customRender: ({ text, record }) => {
+          return text ? (
+            <div>
+              <span style={{ marginRight: "10px" }}>否</span>({text})
+            </div>
+          ) : (
+            <div>
+              <span style={{ marginRight: "10px" }}>是</span>(
+              {{ 1: "一", 2: "二", 3: "三" }[record.code]}级审批)
+            </div>
+          );
+        },
+      },
+      {
+        title: "担当",
+        dataIndex: "leaderName",
+        key: "leaderName",
+        ellipsis: true,
+        align: "left",
+        width: "200px",
+        customCell: () => {
+          return { style: { userSelect: "text" } };
+        },
+      },
+
+      // {
+      //   title: '备注 ',
+      //   dataIndex: 'remark',
+      //   key: 'remark',
+      //   ellipsis: true, align: "center",
+      //   width: 160,
+      // },
+      {
+        title: "操作 ",
+        dataIndex: "operation",
+        key: "operation",
+        width: "120px",
+        align: "center",
+        fixed: "right",
+        scopedSlots: { customRender: "action" },
+      },
+    ]);
+    const orgColumns = ref([
+      {
+        title: "组织名称",
+        dataIndex: "orgName",
+        key: "orgName",
+        ellipsis: true,
+        width: "20%",
+        align: "center",
+      },
+      {
+        title: "是否被培训发生组织选择",
+        dataIndex: "isSelect",
+        key: "isSelect",
+        ellipsis: true,
+        align: "center",
+        width: "30%",
+        customRender: (text) => {
+          return (
+            <div>
+              {text.record.isSelect == 1
+                ? `是 (${text.record.affiliationName})`
+                : "否 (-)"}
+            </div>
+          );
+        },
+      },
+      {
+        title: "担当",
+        dataIndex: "leaders",
+        key: "leaders",
+        ellipsis: true,
+        align: "center",
+        width: "60%",
+        customRender: (text) => {
+          return <div>{text.record.leaders || "-"}</div>;
+        },
+      },
+    ]);
+    //列表数据
+    const tableData = ref([]);
+    //  List接口数据
+    const getTableDate = (obj) => {
+      state.tableLoading = true;
+      let objA = { ...state.searchParam };
+      queryTrainOrg(objA).then((res) => {
+        tableData.value = res.data.data.records;
+        state.tableDataTotal = Number(res.data.data.total);
+        state.tableLoading = false;
+      });
+    };
+    getTableDate();
+    // 搜索
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1;
+      getTableDate();
+    };
+    const searchList = (val) => {
+      getTableDate();
+    };
+    //重置
+    const searchReset = () => {
+      state.searchParam = {
+        name: null,
+        isParent: null,
+        leaderName: null,
+        pageNo: 1,
+        pageSize: 10,
+      };
+      getTableDate();
+    };
+    //   // 翻页
+    const changePagination = (page, pageSize) => {
+      state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    const updateModal = (record) => {
+      dialog({
+        content: "是否确认撤回 ?",
+        ok: () => {
+          lecturer
+            .affiliatIsConfirm(record.id)
+            .then((res) => {
+              message.success("撤回成功");
+              getTableDate();
+            })
+            .catch((err) => {
+              message.destroy();
+              message.error(err.data.msg);
+            });
+        },
+      });
+    };
+    //删除弹窗
+    const deleteModal = (record) => {
+      let contents = "";
+      (record.status == 1 || record.status == 4) &&
+        record.parentName &&
+        (contents = "是否确认进行删除?");
+      (record.status == 1 || record.status == 4) &&
+        !record.parentName &&
+        (contents = "是否确认进行删除?删除后关联的子节点将一并删除");
+      record.status == 2 && (contents = "该培训发生组织正在审核中，无法删除");
+      dialog({
+        content: contents || "是否确认进行删除?",
+        isCloseBtn: record.status == 2 ? false : true,
+        ok: () => {
+          lecturer
+            .affiliationDelById(record.id)
+            .then((res) => {
+              if (typeof res.data.data != "object") {
+                message.error(res.data.data);
+                return;
+              }
+              message.success("删除成功");
+              searchSubmit();
+            })
+            .catch((err) => {
+              message.destroy();
+              message.error(err.data.msg);
+            });
+        },
+      });
+    };
+    const isEnablePost = (record, status) => {
+      dialog({
+        content: `是否确认${!status ? "启用" : "停用"}该培训发生组织?`,
+        ok: () => {
+          lecturer
+            .isEnable({ id: record.id, status })
+            .then((res) => {
+              if (typeof res.data.data != "object") {
+                message.error(res.data.data);
+                return;
+              }
+              message.success(`${!status ? "启用" : "停用"}成功`);
+              searchSubmit();
+            })
+            .catch((err) => {
+              message.destroy();
+              message.error(err.data.msg);
+            });
+        },
+      });
+    };
+    //确认删除
+    const closeDeleteTeacher = () => {
+      //调用删除接口
+      deleteTrainOrg({ kid: state.delId }).then((res) => {
+        if (res.data.code == 200) {
+          // message.success("删除成功");
+          state.deleteInTeacherdialog = false;
+          searchSubmit();
+        }
+      });
+    };
+    //取消按钮 清空输入的数据
+    const cancelTeacherDialog = () => {
+      if ((state.teacherdialog = true)) {
+        formRef.value.resetFields();
+        state.teacherdialog = false;
+      }
+      cancel();
+      state.deleteInTeacherdialog = false;
+      state.editTeacher = false;
+    };
+    watch(
+      () => state.teacherdialog,
+      (val) => {
+        if (val) {
+          placeData();
+        } else {
+          state.editParams = true;
+          state.editIndex = 0;
+        }
+      }
+    );
+    const addTeacher = () => {
+      (state.teacherdialog = true), (state.formParam.locking = 0);
+      state.teacherdialogtitle = "新增培训发生组织";
+      state.vf = true;
+      lecturer
+        .getAffiliationCode()
+        .then((res) => {
+          state.formParam.affiliationCode = res.data.data;
+        })
+        .catch(() => {
+          message.error("获取培训发生组织编号失败");
+        });
+    };
+    const downOpen = () => {
+      window.open(
+        `/manageApi/admin/export/exportTeacherAffiliation?name=${
+          state.searchParam.name || ""
+        }&isParent=${state.searchParam.isParent || ""}&leaderName=${
+          state.searchParam.leaderName || ""
+        }`
+      );
+    };
+    const addContentData = () => {
+      state.showContent = true;
+    };
+    watch(
+      () => state.formParam,
+      (val) => {
+        if (!state.editParams) {
+          state.editIndex++;
+        }
+      },
+      { deep: true }
+    );
+    //修改信息弹窗
+    const handleModify = (record) => {
+      lecturer.getAffiliationById(record.id).then((res) => {
+        res.data.data.status == 3 && (state.editParams = false);
+        state.formParam = res.data.data;
+        const actArray = res.data.data.affiliationUserList
+          .filter((item) => item.type == 0)
+          .reduce((accumulator, current) => {
+            if (!accumulator.some((item) => item.userId === current.userId)) {
+              accumulator.push(current);
+            }
+            return accumulator;
+          }, []);
+        const leveOneArray = res.data.data.affiliationUserList
+          .filter((item) => item.type == 1)
+          .reduce((accumulator, current) => {
+            if (!accumulator.some((item) => item.userId === current.userId)) {
+              accumulator.push(current);
+            }
+            return accumulator;
+          }, []);
+        const leveTwoArray = res.data.data.affiliationUserList
+          .filter((item) => item.type == 2)
+          .reduce((accumulator, current) => {
+            if (!accumulator.some((item) => item.userId === current.userId)) {
+              accumulator.push(current);
+            }
+            return accumulator;
+          }, []);
+        const leveThreeArray = res.data.data.affiliationUserList
+          .filter((item) => item.type == 3)
+          .reduce((accumulator, current) => {
+            if (!accumulator.some((item) => item.userId === current.userId)) {
+              accumulator.push(current);
+            }
+            return accumulator;
+          }, []);
+        state.formParam.actArray = actArray.map((item) => {
+          return {
+            label: item.userName + item.userNo,
+            value: item.userId,
+            realName: item.userName,
+            ...item,
+            id: item.userId,
+          };
+        });
+        state.formParam.actValue = state.formParam.actArray
+          .map((item) => item.label)
+          .join(",");
+        state.formParam.leveOneArray = leveOneArray.map((item) => {
+          return {
+            label: item.userName + item.userNo,
+            value: item.userId,
+            realName: item.userName,
+            ...item,
+          };
+        });
+        state.formParam.leveOneValue = state.formParam.leveOneArray
+          .map((item) => item.label)
+          .join(",");
+        state.formParam.leveTwoArray = leveTwoArray.map((item) => {
+          return {
+            label: item.userName + item.userNo,
+            value: item.userId,
+            realName: item.userName,
+            ...item,
+          };
+        });
+        state.formParam.leveTwoValue =
+          state.formParam.leveTwoArray.map((item) => item.label).join(",") ||
+          null;
+        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(",") ||
+          null;
+        state.formParam.orglistName = state.formParam.affiliationOrgList
+          ?.map((item) => item.id)
+          .join(",");
+        state.formParam.selectOrgList?.map((item) => {
+          state.formParam.affiliationOrgList.some((item2) => {
+            if (item.orgId == item2.orgId) {
+              item2 = Object.assign(item2, item);
+              return true;
+            }
+          });
+        });
+        state.formParam.affiliationOrgLists =
+          state.formParam.affiliationOrgList;
+        state.formParam.isContains = String(state.formParam.isContains);
+        state.teacherdialog = true;
+        state.teacherdialogtitle = "编辑培训发生组织";
+        state.vf = false;
+      });
+      // TeacherSystem(record)
+    };
+    const TeacherSystem = (record) => {
+      state.formParam.affiliationCode = record.affiliationCode;
+      state.formParam.affiliationName = record.affiliationName;
+      state.formParam.remark = record.remark;
+    };
+    const cancel = () => {
+      state.formParam = {
+        orglistName: null,
+        affiliationCode: null,
+        affiliationName: null,
+        isParent: 1,
+        remark: null,
+        actValue: null,
+        actArray: [],
+        leveOneValue: null,
+        leveTwoValue: null,
+        leveThreeValue: null,
+        leveOneArray: [],
+        leveTwoArray: [],
+        leveThreeArray: [],
+        code: null,
+        isContains: "0",
+        affiliationOrgList: [],
+        affiliationOrgLists: [],
+        locking: 1,
+      };
+    };
+    async function validateField(name) {
+      return new Promise((resolve) => {
+        formRef.value
+          .validateFields([name])
+          .then(() => {
+            resolve(false);
+          })
+          .catch(() => {
+            resolve(true);
+          });
+      });
+    }
+    const valueChange = (val, type) => {
+      if (type == 0) {
+        state.formParam.actValue =
+          val?.map((item) => item.label).join(",") || null;
+      } else if (type == 1) {
+        state.formParam.leveOneValue =
+          val?.map((item) => item.label).join(",") || null;
+      } else if (type == 2) {
+        state.formParam.leveTwoValue =
+          val?.map((item) => item.label).join(",") || null;
+      } else if (type == 3) {
+        state.formParam.leveThreeValue =
+          val?.map((item) => item.label).join(",") || null;
+      }
+    };
+    //保存
+    const createTeacherDialog = async (val) => {
+      state.formParam.affiliationName = state.formParam.affiliationName?.trim();
+      state.formParam.affiliationUserList = [
+        ...state.formParam?.actArray,
+        ...state.formParam?.leveOneArray,
+        ...state.formParam?.leveTwoArray,
+        ...state.formParam?.leveThreeArray,
+      ];
+      state.formParam.orglistName = state.formParam.affiliationOrgList
+        ?.map((item) => item.id)
+        .join(",");
+      let formItemNames = Object.keys(rules);
+      if (state.formParam.isParent == 0) {
+        formItemNames = formItemNames.filter((item) => item != "leveOneValue");
+      } else {
+        formItemNames = formItemNames.filter((item) => item != "isContains");
+      }
+      for (let i = 0; i < formItemNames.length; i++) {
+        // const result = await validateField(formItemNames[i]);
+        const result = state.formParam[formItemNames[i]];
+        if (!result) {
+          if (formItemNames[i] == "code" && !state.formParam.isParent) {
+            return message.error(rules[formItemNames[i]][0].log2);
+          } else {
+            return message.error(rules[formItemNames[i]][0].log);
+          }
+        }
+      }
+      if (
+        !state.formParam.leveTwoValue &&
+        state.formParam.leveThreeValue &&
+        state.formParam.isParent
+      ) {
+        return message.error("请选择二级审批人");
+      }
+      state.formParam.remark = state.formParam?.remark?.trim();
+      state.formParam.submitStatus = val;
+      dialog({
+        content: val
+          ? "是否确认提交，一旦提交将进入（BPM系统）审核流程。"
+          : "是否确认保存？",
+        ok: () => {
+          state.example = true;
+          if (state.vf == false) {
+            updateTrainOrg(state.formParam)
+              .then((res) => {
+                if (res.data.code == 200) {
+                  message.success("修改成功");
+                  cancel();
+                  getTableDate();
+                } else {
+                  message.error(res.data.msg);
+                }
+                state.teacherdialog = false;
+                state.example = false;
+              })
+              .catch((err) => {
+                message.destroy();
+                message.error(err.data.msg);
+                state.teacherdialog = false;
+                state.example = false;
+                cancel();
+              });
+          } else {
+            addReviewer(state.formParam)
+              .then((res) => {
+                message.success("保存成功");
+                state.teacherdialog = false;
+                cancel();
+                searchSubmit();
+                state.example = false;
+              })
+              .catch((err) => {
+                message.destroy();
+                message.error(err.data.msg);
+                state.teacherdialog = false;
+                cancel();
+                state.example = false;
+              });
+          }
+        },
+      });
+    };
+    const rules = {
+      affiliationCode: [
+        { required: true, message: "", log: "请选择培训发生组织编号" },
+      ],
+      affiliationName: [
+        { required: true, message: "", log: "请选择培训发生组织名称" },
+      ],
+      code: [
+        {
+          required: true,
+          message: "",
+          log: "请选择根节点",
+          log2: "请选择审批层级",
+        },
+      ],
+      actValue: [{ required: true, message: "", log: "请选择组织担当" }],
+      leveOneValue: [{ required: true, message: "", log: "请选择一级审批人" }],
+      isContains: [
+        { required: true, message: "", log: "请选择审批流程是否加担当" },
+      ],
+      orglistName: [{ required: true, message: "", log: "请选择管理组织" }],
+    };
+    const TrainOrglist = ref([
+      { label: "全部", value: "" },
+      { label: "根节点", value: "0" },
+      { label: "子节点", value: "1" },
+    ]);
+    //回车
+    const enterPressHadlerSearch = (e) => {
+      if (e.keyCode === 13) {
+        searchSubmit();
+      }
+    };
+    return {
+      ...toRefs(state),
+      enterPressHadlerSearch,
+      TrainOrglist,
+      rules,
+      formRef,
+      columns,
+      orgColumns,
+      tableData,
+      getTableDate,
+      searchSubmit,
+      selectRadio,
+      PlaceOfPayList,
+      isConSelect,
+      PlaceOfPayListTwo,
+      placeData,
+      searchReset,
+      searchList,
+      deleteModal,
+      isEnablePost,
+      updateModal,
+      cancelTeacherDialog,
+      addTeacher,
+      downOpen,
+      addContentData,
+      handleModify,
+      closeDeleteTeacher,
+      changePagination,
+      TeacherSystem,
+      createTeacherDialog,
+      valueChange,
+      validateField,
+      checkMenu,
+    };
+  },
+};
+</script>
+<style lang="scss" scoped>
+.example {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.45);
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.headers {
+  height: 73px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+.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;
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: #4ea6ff;
+  text-align: center;
+  line-height: 40px;
+  color: #ffffff;
+  font-size: 26px;
+}
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.display1 {
+  display: inline-block;
+  width: 200px;
+}
+
+// .display0{
+// display:inline-block ;
+// width:200px ;
+// text-align:center }
+//弹窗内确认取消按钮布局
+.del_btnbox {
+  display: flex;
+  margin: 30px auto;
+  justify-content: center;
+
+  .del_btn {
+    width: 100px;
+    height: 40px;
+    background: rgba(64, 158, 255, 0);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    cursor: pointer;
+
+    .btnText {
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 40px;
+    }
+  }
+
+  .btn1 {
+    border: 1px solid rgba(64, 158, 255, 1);
+    color: #4ea6ff;
+    margin-right: 14px;
+  }
+
+  .btn2 {
+    background-color: #4ea6ff;
+    color: #ffffff;
+  }
+}
+
+.ant-table-cell-fix-right {
+  width: 300px !important;
+}
+
+.ant-table-tbody > tr > td {
+  text-align: center;
+}
+
+.InsideLecturer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+.delete {
+  z-index: 9999;
+  width: 424px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  border-radius: 4px;
+  position: absolute;
+  left: 30%;
+  top: 10%;
+  // transform: translate(-50%, -50%);
+
+  .del_header {
+    position: absolute;
+    width: calc(100%);
+    height: 40px;
+    background: linear-gradient(
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
+    );
+  }
+
+  .del_main {
+    width: 100%;
+    position: relative;
+
+    .header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .del-icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/notice.png);
+        background-size: 100% 100%;
+      }
+
+      .icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/QR.png);
+        background-size: 100% 100%;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .body {
+      width: 100%;
+      margin: 34px auto 56px auto;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .del_btnbox {
+      display: flex;
+      margin: 30px auto;
+      justify-content: center;
+
+      .del_btn {
+        width: 100px;
+        height: 40px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
+        }
+      }
+
+      .btn1 {
+        border: 1px solid rgba(64, 158, 255, 1);
+        color: #4ea6ff;
+      }
+
+      .btn2 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+  .search {
+    width: 15px;
+    height: 16px;
+    margin-right: 5px;
+    background: url("../../assets/images/courseManage/add0.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+.btnn {
+  padding: 0px 26px 0px 26px;
+  height: 40px;
+  background: #1890ff;
+  border-radius: 8px;
+  border: 1px solid #1890ff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  .btnText {
+    font-size: 14px;
+    font-weight: 400;
+    color: #fff;
+    line-height: 36px;
+    margin-left: 5px;
+  }
+  .daochu {
+    width: 16px;
+    height: 18px;
+    background-image: url("../../assets/images/coursewareManage/export1.png");
+  }
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px;
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 25px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+}
+//抽屉功能
+.drawaer
+/* 改变所有 a-tree-select 输入框的高度 */
+.ant-tree-select .ant-select-selection {
+  height: 40px;
+  line-height: 40px;
+  /* 确保文字垂直居中 */
+}
+.draitem {
+  width: 100%;
+  height: 40px !important;
+  border-radius: 8px;
+  line-height: 40px;
+}
+.drabtn {
+  height: 40px;
+  width: 80px;
+  border-radius: 8px;
+  margin-right: 20px;
+}
+::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-radius: 8px;
+  height: 40px;
+  line-height: 40px;
+  text-align: left;
+}
+.ant-col-12 {
+  height: 90px;
+}
+.item_inp {
+  flex: 1;
+  text-align: center;
+  .i_upload_img {
+    width: 100px;
+    height: 100px;
+    border-radius: 8px;
+  }
+
+  .i_upload {
+    width: 100px;
+    height: 100px;
+    border: 1px solid #4ea6ff;
+    border-radius: 50%;
+    text-align: center;
+    align-items: center;
+    cursor: pointer;
+
+    .addimg {
+      position: relative;
+
+      .heng {
+        position: absolute;
+        top: 50px;
+        left: 25px;
+        width: 50px;
+        border: 1px solid #4ea6ff;
+      }
+
+      .shu {
+        position: absolute;
+        top: 25px;
+        left: 50px;
+        height: 50px;
+        border: 1px solid #4ea6ff;
+      }
+    }
+  }
+
+  .ant-upload.ant-upload-select-picture-card {
+    border: 0px !important;
+    border-radius: 50% !important;
+  }
+}
+.ant-upload.ant-upload-select-picture-card {
+  border: 0px !important;
+  border-radius: 50% !important;
+}
+</style>