diff --git a/src/api/indexVote.js b/src/api/indexVote.js
index fd1a7437..11b05e52 100644
--- a/src/api/indexVote.js
+++ b/src/api/indexVote.js
@@ -63,7 +63,9 @@ export const deleteVoteStemOption = (obj) => http.post('/vote/deleteVoteStemOpti
 export const editVote = (obj) => http.post('/vote/editVote', obj)
 
 //根据题干ID获取题干信息
-export const queryStemByStemId = (obj) => http.post('/vote/queryStemByStemId', { params: obj })
+export const queryStemByStemId = (obj) => http.post('/vote/queryStemByStemId', obj,{
+    headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'}
+})
 
 //修改题干信息接口
 export const updateStemMessage = (obj) => http.post('/vote/updateStemMessage', obj);
diff --git a/src/components/vote/AddVote.vue b/src/components/vote/AddVote.vue
index ed6c398f..2b187118 100644
--- a/src/components/vote/AddVote.vue
+++ b/src/components/vote/AddVote.vue
@@ -56,6 +56,7 @@
               >
                 创建投票
               </button>
+              <a @click="queryStem">查看投票</a>
               <div>
             <CreateVote
               v-model:createVoteVisible="createVoteVisible"
@@ -77,6 +78,13 @@
                 </div>
               </div>
             </div>
+            
+            <!-- 查看投票弹窗 -->
+            <queryStem  @closeDrawer="closeStem"
+            v-model:addStemVisible="addStemVisible" />
+
+
+
             <!-- 创建投票侧弹窗 -->
             <div>
               <create-vote
@@ -142,12 +150,13 @@ import { message } from "ant-design-vue";
 import { RouterEditTask } from "@/api/indexTask";
 import dayjs from "dayjs";
 import * as apiTask from "../../api/indexTaskadd";
-
+import queryStem from "./queryStem.vue"
 
 export default {
   name: "AddVote",
   components: {
     CreateVote,
+    queryStem,
   },
   props: {
     addvoteVisible: {
@@ -210,6 +219,7 @@ export default {
       editStem: false,  //编辑状态
       ballotId: 0, //题干id
       optionId: "", //删除，修改选项id
+      addStemVisible:false, //
       editChild:false,
     });
     const closeDrawer = () => {
@@ -366,6 +376,12 @@ export default {
       }
       
     }
+    const queryStem = () => {
+      state.addStemVisible = true;
+    };
+    const closeStem = () => {
+      state.addStemVisible = false;
+    };
     return {
       ...toRefs(state),
       showDrawerCreVote,
@@ -376,7 +392,8 @@ export default {
       dleVoteStem,
       updateVoteInfo,
       delBox,
-      
+      queryStem,
+      closeStem,
     };
   },
 };
diff --git a/src/components/vote/queryStem.vue b/src/components/vote/queryStem.vue
new file mode 100644
index 00000000..e3be6c23
--- /dev/null
+++ b/src/components/vote/queryStem.vue
@@ -0,0 +1,86 @@
+<template>
+    <a-drawer :visible="addStemVisible"
+        placement="right" class="custom-class" 
+        @after-visible-change="afterVisibleChange"
+        @close="closeDrawer" width="60%">
+        <div>
+            <h2 style="text-align:center;">投票查看</h2>
+            <div v-for="(item,index) in form" :key="item.voteStemId">
+            <div class="title">{{index+1}}. {{item.voteStemName}}</div>
+            <a-radio-group v-model:value="item.voteStemId">
+            <a-radio :value="3" :style="radioStyle">
+                {{item.optionDetailList[0].optionName}}</a-radio>
+                 <br />
+             <a-radio :value="2" :style="radioStyle">
+                {{item.optionDetailList[1].optionName}}</a-radio>
+            </a-radio-group>
+            </div>
+
+        </div>
+    </a-drawer>
+</template>
+
+<script>
+import { reactive, toRefs,ref } from "vue";
+import { message } from "ant-design-vue";
+import * as api  from "@/api/indexVote"
+
+export default {
+    name: "queryStem",
+    props: {
+        addStemVisible:{
+            type: Boolean,
+            default: false,
+        }
+    },
+    setup(props,ctx) {
+        const value = ref(1);
+        const state = reactive({
+            form:[],
+            
+        });
+        const radioStyle = reactive({
+      display: 'flex',
+      height: '30px',
+      lineHeight: '30px',
+    });
+        const afterVisibleChange = (bool) => {
+            if(bool === true) {
+                getStem()
+            }
+        }
+        const getStem = () => {
+            let obj = {
+                stemId:0,
+                ballotId:2,
+            }
+            api.queryStemByStemId(obj).then((res) => {
+                state.form = res.data.data
+                console.log(JSON.stringify(res.data)+'***');
+                message.success("投票获取成功");
+                console.log(res);
+            }).catch((err) => {
+                message.error("投票获取失败"+err);
+                console.log(err);
+            })
+        }
+        const closeDrawer = () => {
+            ctx.emit("closeDrawer")
+        }
+        return {
+            ...toRefs(state),
+            afterVisibleChange,
+            closeDrawer,
+            radioStyle,
+            value
+        }
+    }
+}
+</script>
+
+<style>
+.title {
+    font-size: 17px;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index b363e8c2..83c1647d 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -98,10 +98,12 @@
               <div class="taskmain">快速创建项目详情</div>
             </div>
             <div class="second">
+              <router-link :to="{ path: '/leveladddetail' }">
               <div
                 class="taskbox"
                 style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
               >
+             
                 <div class="leftt">
                   <img src="../../assets/images/taskpage/left1.png" />
                 </div>
@@ -116,8 +118,9 @@
                 </div>
                 <div class="centermain">快速添加任务/关卡</div>
               </div>
+            </router-link>
               <div
-                class="taskbox"
+                class="taskbox" @click="showAddStu"
                 style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
               >
                 <div class="leftt">
@@ -129,7 +132,9 @@
                 <div class="rightt">
                   <img src="../../assets/images/taskpage/right2.png" />
                 </div>
-                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                <div class="centerbox"
+                
+                style="color: rgba(78, 166, 255, 1)">
                   添加学员
                 </div>
                 <div class="centermain">快速添加学员</div>
@@ -155,7 +160,6 @@
               </div>
             </div>
           </div>
-          <!-- 概览（无数据） -->
           <!-- 概览（有数据） -->
           <div :style="{ display: nodata ? 'none' : 'block' }">
             <div class="onerow"><div class="taskmain">关卡概览</div></div>
@@ -215,16 +219,16 @@
                   stage2: item.stageId != choosedStageId,
                 }"
                 :key="item.stageId"
-                @click="choosedStageId = item.stageId"
+                @click="stageChange(item.name,item.stageId)"
               >
-                {{ item.stage }}
+              关卡{{ item.stageId }}
               </div>
               <!-- <div class="stage1">阶段1</div>
               <div class="stage2">阶段2</div> -->
             </div>
             <div class="stagesecond">
               <div class="staname">关卡名称：</div>
-              <div class="stamess">管理者进阶-腾飞班1第一关卡</div>
+              <div class="stamess">{{stateName}}</div>
             </div>
             <div class="stagelast">
               <div class="stagepro">
@@ -578,8 +582,8 @@
                   <a-select
                     style="width: 130px"
                     value="更多操作"
-                    :options="projectNameListt"
-                    @change="selectProjectName"
+                    @change="handleStuChange"
+                    :options="projectNameList"
                   ></a-select>
                 </div>
               </div>
@@ -588,12 +592,12 @@
                 <div class="xu">
                   <span class="yi">已选择</span>
                   <div style="width: 5px; display: inline-block"></div>
-                  <span class="th">3</span>
+                  <span class="th">{{selectedRowKeys.length}}</span>
                   <div style="width: 5px; display: inline-block"></div>
                   <span class="yi">项</span>
                   <span class="zon">列表选项总数：</span>
-                  <span class="yi">5</span>
-                  <span class="yi">条</span>
+                  <span class="th">{{tableData.length}}</span>
+                  <span class="yi"> 条</span>
                 </div>
               </div>
               <div class="tableBox" style="margin-top: 30px">
@@ -1203,6 +1207,7 @@ export default {
       CheckStuvisible: false, //学员管理的查看抽屉
       addLoading: false, // 加载动画
       choosedStageId: 1, // 选择的阶段id
+      selectedRowKeys:[],
       twobtn: true,
       number: true,
       twobtnn: false,
@@ -1214,6 +1219,20 @@ export default {
       styTitle: null,
       cretime: null,
       picUrl: null,
+      projectNameList:[
+        { 
+          value: '1',
+          label: '导出信息',
+        },
+        { 
+          value: '2',
+          label: '批量调整关卡',
+        },
+        { 
+          value: '3',
+          label: '批量删除',
+        }
+      ],
       // 共享文档列表
       docList: [
         {
@@ -1262,7 +1281,7 @@ export default {
       pageSize: 10,
       visiblene: false,
       sh: false,
-      nodata: false,
+      nodata: true,
       closeDeleteAll: false,
       curLevel: "",
       taskSyllabusActive: 0,
@@ -1279,6 +1298,7 @@ export default {
       visible: false, //时间管理
       TMvisible: false, //考试管理
       FaceVisivle: false, //面授管理
+      stateName:null, // 关卡名称
       //关卡的数据
       level: [
         // {
@@ -1330,11 +1350,11 @@ export default {
         // 阶段列表
         {
           stageId: 1,
-          stage: "关卡一",
+          name: "关卡一xx",
         },
         {
           stageId: 2,
-          stage: "关卡二",
+          name: "关卡二xx",
         },
       ],
     });
@@ -1542,7 +1562,10 @@ export default {
     const closehuodModal = () => {
       state.huodModal = false;
     };
-
+    const stageChange = (name,id) => {
+      state.choosedStageId = id;
+      state.stateName = name;
+    }
     const changeTabs = (e) => {
       console.log("切换tabs", e, state.routerId);
       if (e == 2) {
@@ -1567,12 +1590,12 @@ export default {
         .then((res) => {
           console.log("获取学员列表", res);
           let data = res.data.data.rows || null;
-          state.tableData = [];
+          // state.tableData = [];
           if (data.length) {
             for (let i in data) {
               let _time = new Date(data[i].beginStudyTime * 1000);
               state.tableData.push({
-                key: i + 1,
+                key: data[i].studentId,
                 com: data[i].userInfoBo.deptName,
                 name: data[i].userInfoBo.userName,
                 gang: data[i].userInfoBo.jobName,
@@ -1620,6 +1643,7 @@ export default {
     onMounted(() => {
       state.addLoading = true;
       getOverview();
+      myGetRouterDetail();
       reget();
     });
     const closePub = () => {
@@ -1807,8 +1831,10 @@ export default {
     const myGetRouterDetail = () => {
       GetRouterDetail(state.routerId)
         .then((res) => {
+          if(res.data.data.routerInfo.status == 1) {
+            state.nodata = false;
+          }
           let data = res.data.data.chapterList;
-
           state.taskSyllabus = data;
           // for(let i in data) {
           //   state.taskSyllabus[i].name = data[i].name
@@ -1819,8 +1845,13 @@ export default {
           // })
           //   }
           //   }
-
-          // }
+          levelList.stageList = [];
+          for(let i in data) {
+            if(i==0) {state.stateName = data[0].name}
+          levelList.stageList.push({
+          stageId:Number(i)+1,
+          name:data[i].name
+      }) }
         })
         .catch((err) => {
           console.log(err);
@@ -1869,6 +1900,27 @@ export default {
       state.gatenamee = '';
       getStudent();
     };
+    const handleStuChange = (value) => {
+      console.log(value);
+      if(value == 2) {state.visiblene = true}
+      if(value == 3 ) { deleteStu() }
+    };
+    const deleteStu = () => {
+      if(state.selectedRowKeys.length == 0) {
+        message.warning("请选择成员");
+        return }
+      let obj = {
+        routerId:100,
+        studentIds:state.selectedRowKeys,
+      }
+      api.delStudent(obj).then((res) => {
+        console.log(res);
+        message.success("批量删除成功")
+      }).catch(err => {
+        message.error("批量删除失败"+err);
+        console.log(err)
+      })
+    };
     return {
       ...toRefs(state),
       ...toRefs(levelList),
@@ -1898,6 +1950,7 @@ export default {
       changeTabs,
       checkType,
       handleChange,
+      handleStuChange,
       delConfirm,
       searchLevel,
       resetLevel,
@@ -1914,6 +1967,7 @@ export default {
       stopLearnPath,
       showStop,
       reget,
+      stageChange,
     };
   },
 };
diff --git a/src/views/projectcenter/LibraryAdd.vue b/src/views/projectcenter/LibraryAdd.vue
index 87f27829..d2738cac 100644
--- a/src/views/projectcenter/LibraryAdd.vue
+++ b/src/views/projectcenter/LibraryAdd.vue
@@ -200,7 +200,7 @@
                               : 'none',
                         }"
                       >
-                      考勤
+                      <!-- 考勤 -->
                       </div>
                       <div
                         class="operation"
@@ -214,7 +214,7 @@
                               : 'none',
                         }"
                       >
-                        二维码
+                        <!-- 二维码 -->
                       </div>
                       <div
                         class="operation"
@@ -238,7 +238,7 @@
                             : null
                         "
                       >
-                        管理
+                        <!-- 管理 -->
                       </div>
                     </div>
                   </div>
@@ -388,7 +388,7 @@
           <div class="setting">
             <div class="set_tit">
               <span>基本信息</span>
-              <span class="editBtn" @click="() => {isEdit=true}">编辑</span>
+              <span class="editBtn" @click="toEdit">编辑</span>
             </div>
             <hr color="#E8E8E8" />
             <div class="set_body">
@@ -593,6 +593,7 @@
 import { ref, reactive, defineComponent, toRefs, onMounted} from "vue";
 import { message } from "ant-design-vue";
 import * as api from "@/api/indexTemplate"
+import { useRouter } from "vue-router";
 export default defineComponent({
   name: "LibraryAdd",
   setup() {
@@ -790,6 +791,7 @@ export default defineComponent({
     const value = ref("");
     const value2 = ref("");
     const textnum = "150";
+    const routered = useRouter();
     const changeopclo = () => {
       state.hideshow = !state.hideshow;
     };
@@ -907,7 +909,15 @@ export default defineComponent({
       console.log(err)
     })
     }
-    
+    const toEdit = () => {
+      routered.push({
+          path: "/templateAdd",
+          query: {
+            projectId: state.projectId,
+            name: state.name,
+          },
+        });
+    }
     // 新建或编辑阶段 
     const stateEdit = () => {
       let obj={
@@ -959,6 +969,7 @@ export default defineComponent({
       taskDel,
       stateEdit,
       taskEdit,
+      toEdit,
     };
   },
   computed: {
diff --git a/src/views/projectcenter/templateAdd.vue b/src/views/projectcenter/templateAdd.vue
new file mode 100644
index 00000000..a5cc20ae
--- /dev/null
+++ b/src/views/projectcenter/templateAdd.vue
@@ -0,0 +1,1359 @@
+<!---- 创建模板页面 --->
+<template>
+    <div class="projectAdd">
+      <div class="header">
+        <span class="title">创建/编辑单层模板</span>
+        <div
+          @click="backPage"
+          style="cursor: pointer"
+          to="/libraryAdd"
+          class="goback"
+        >
+          <span class="return"></span><span class="returntext">返回</span>
+        </div>
+      </div>
+      <div class="content">
+        <div class="main">
+          <div class="name">
+            <div class="namebox">
+              <img
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <div class="inname">模板名称</div>
+            </div>
+            <div class="in">
+              <a-input
+                v-model:value="projectName"
+                placeholder="请输入模板名称"
+                show-count
+                :maxlength="30"
+                :disabled="viewDetail ? true : false"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="namebox">
+              <img
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <div class="inname">分类</div>
+            </div>
+            <div class="in select">
+              <a-select
+                :getPopupContainer="
+                  (triggerNode) => {
+                    return triggerNode.parentNode || document.body;
+                  }
+                "
+                v-model:value="classifySelect"
+                placeholder="四个养成"
+                style="width: 100%"
+                :options="classifyList"
+                @change="classificationChange"
+                allowClear
+                showSearch
+                :disabled="viewDetail ? true : false"
+              >
+              </a-select>
+            </div>
+          </div>
+          <div class="name">
+            <div class="namebox">
+              <img
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <div class="inname">封面图</div>
+            </div>
+            <div
+              class="box"
+              style="
+                width: 100px;
+                height: 100px;
+                border: 1px solid rgba(78, 166, 255, 1);
+                border-radius: 5px;
+                cursor: pointer;
+                position: relative;
+                overflow: hidden;
+              "
+            >
+              <a-upload
+                v-model:file-list="fileList"
+                name="file"
+                list-type="picture-card"
+                class="avatar-uploader"
+                :show-upload-list="false"
+                action="/api/file/upload"
+                :before-upload="beforeUpload"
+                @change="handleChange"
+                :disabled="viewDetail ? true : false"
+              >
+                <img
+                  style="
+                    width: 100px;
+                    height: 100px;
+                    margin-bottom: 4px;
+                    margin-right: 4px;
+                  "
+                  v-if="imageUrl"
+                  :src="imageUrl"
+                  alt="avatar"
+                />
+                <div v-else>
+                  <!-- <loading-outlined v-if="loading"></loading-outlined> -->
+                  <!-- <plus-outlined v-else></plus-outlined> -->
+                  <div class="box1"></div>
+                  <div class="box2"></div>
+                  <!-- <div class="ant-upload-text"></div> -->
+                </div>
+              </a-upload>
+            </div>
+          </div>
+          <div class="name">
+            <div class="namebox">
+              <img
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <div class="inname">项目时间</div>
+            </div>
+  
+            <div class="in">
+              <a-range-picker
+                separator="至"
+                :placeholder="['      开始时间', '        结束时间']"
+                v-model:value="rangevalue"
+                style="width: 100%; height: 40px; border-radius: 5px"
+                @change="onRangeChange"
+                :disabled="viewDetail ? true : false"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="namebox">
+              <img
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <div class="inname">项目经理</div>
+            </div>
+            <div class="in">
+              <a-select
+                :getPopupContainer="
+                  (triggerNode) => {
+                    return triggerNode.parentNode || document.body;
+                  }
+                "
+                :value="classifySelect1"
+                mode="multiple"
+                placeholder="请选择项目经理"
+                style="width: 100%"
+                :options="classifyList1"
+                @change="classificationChange1"
+                allowClear
+                showSearch
+                :disabled="viewDetail ? true : false"
+              >
+              </a-select>
+            </div>
+          </div>
+          <div class="name">
+            <div class="namebox">
+              <img
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <div class="inname">资源归属</div>
+            </div>
+  
+            <div class="in select">
+              <a-select
+                :getPopupContainer="
+                  (triggerNode) => {
+                    return triggerNode.parentNode || document.body;
+                  }
+                "
+                v-model:value="classifySelect2"
+                placeholder="自动带出 可修改"
+                :options="classifyList2"
+                @change="classificationChange2"
+                :disabled="viewDetail ? true : false"
+              />
+            </div>
+          </div>
+          <div class="name name2">
+            <div class="namebox">
+              <div class="inname" style="margin-top: 13px">模板说明</div>
+            </div>
+            <div class="in">
+              <a-textarea
+                v-model:value="remark"
+                style="height: 80px"
+                placeholder="请输入说明"
+                show-count
+                :maxlength="200"
+                :disabled="viewDetail ? true : false"
+              />
+            </div>
+          </div>
+          <div class="name name2">
+            <div class="namebox">
+              <div class="inname">同步学习记录</div>
+            </div>
+            <div class="in">
+              <a-radio
+                @click="changeChecked"
+                v-model:checked="checked"
+                :disabled="viewDetail ? true : false"
+                ><span
+                  style="
+                    width: 100%;
+                    color: rgba(109, 117, 132, 1);
+                    font-size: 14px;
+                  "
+                  >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+                ></a-radio
+              >
+            </div>
+          </div>
+          <div class="name">
+            <div class="namebox">
+              <img
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <div class="inname">项目级别</div>
+            </div>
+            <div class="in select">
+              <a-select
+                :getPopupContainer="
+                  (triggerNode) => {
+                    return triggerNode.parentNode || document.body;
+                  }
+                "
+                v-model:value="classifySelect3"
+                :options="classifyList3"
+                @change="classificationChange3"
+                placeholder="集团级/组织级/现地级/部门级"
+                :disabled="viewDetail ? true : false"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="namebox">
+              <img
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <div class="inname">培训体系</div>
+            </div>
+            <div class="in select">
+              <a-select
+                :getPopupContainer="
+                  (triggerNode) => {
+                    return triggerNode.parentNode || document.body;
+                  }
+                "
+                v-model:value="classifySelect4"
+                :options="classifyList4"
+                @change="classificationChange4"
+                placeholder="集团级/组织级/现地级/部门级"
+                :disabled="viewDetail ? true : false"
+              />
+            </div>
+          </div>
+          <div class="name">
+            <div class="namebox">
+              <img
+                class="nameimg"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <div class="inname">是否BOEU实施</div>
+            </div>
+            <div class="in">
+              <a-radio
+                @click="changeChecked1"
+                v-model:checked="checked1"
+                :disabled="viewDetail ? true : false"
+                ><span
+                  style="
+                    width: 100%;
+                    color: rgba(109, 117, 132, 1);
+                    font-size: 14px;
+                  "
+                  >BOEU实施</span
+                ></a-radio
+              >
+            </div>
+          </div>
+          <!-- <div class="name name2">
+                      <div class="namebox" style="margin-top: 8px">
+                          <img class="nameimg" src="../../assets/images/basicinfo/asterisk.png" />
+                          <div class="inname">附件</div>
+                      </div>
+                      <div class="filebox">
+                          <div>
+                              <img v-if="fileList1.length < 6" class="fileimg" src="../../assets/images/projectadd/enclosure.png" />
+                              <a-upload :disabled="fileList1.length > 5" :before-upload="beforeUpload1" v-model:file-list="fileList1"
+                                  @remove="removeFile" name="file" action="/api/file/upload" :headers="headers" @change="handleChange1">
+                                  <span v-if="fileList1.length > 5" class="filetext">上传数量已经达到最大值</span>
+                                  <span v-else class="filetext">上传附件</span>
+                              </a-upload>
+                          </div>
+                          <div class="support">
+                              支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
+                          </div>
+                      </div>
+                  </div> -->
+        </div>
+        <!--  选择模板 ------------------------------ -->
+        <div class="template" style="display: none">
+          <div class="name">
+            <div class="inname" style="width: 50px">模版</div>
+            <div class="in select" style="margin-left: 2px">
+              <a-select
+                v-if="isEdit"
+                disabled="true"
+                :getPopupContainer="
+                  (triggerNode) => {
+                    return triggerNode.parentNode || document.body;
+                  }
+                "
+                v-model:value="classifySelect5"
+                placeholder="请选择模版"
+                :size="size"
+                style="width: 100%"
+                :options="classifyList5"
+                @change="classificationChange5"
+              >
+              </a-select>
+              <a-select
+                v-else
+                :getPopupContainer="
+                  (triggerNode) => {
+                    return triggerNode.parentNode || document.body;
+                  }
+                "
+                v-model:value="classifySelect5"
+                placeholder="请选择模版"
+                :size="size"
+                style="width: 100%"
+                :options="classifyList5"
+                @change="classificationChange5"
+                @popupScroll="templateScroll"
+              >
+              </a-select>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="footer">
+        <div class="btn">
+          <a-button v-on:click="createProject" type="primary" class="btn1"
+            >确定</a-button
+          >
+          <a-button @click="backPage" class="btn2">取消</a-button>
+        </div>
+      </div>
+    </div>
+  </template>
+  <script>
+  import { reactive, toRefs, ref } from "vue";
+  import { message } from "ant-design-vue";
+  import { useRouter, useRoute } from "vue-router";
+  import dayjs from "dayjs";
+  import * as api from "../../api/index";
+  import { storage } from "../../api/storage";
+  import { toDate } from "../../api/method";
+  
+  export default {
+    name: "projectAdd",
+    setup() {
+      // 编辑页面跳转过来时候，自动填充表格
+      const routers = useRoute();
+      const isEdit = ref(false);
+      let peojectID = "";
+  
+      if (routers.query.projectId) {
+        storage.set("projectAddId", routers.query.projectId);
+        isEdit.value = true;
+        peojectID = routers.query.projectId;
+        // 需要编辑
+        api
+          .getProjectDetail({ projectId: routers.query.projectId })
+          .then((res) => {
+            if (res.status == 200 && res.data.code == 200) {
+              let info = res.data.data.projectInfo;
+              console.log(info);
+              // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
+              projectName.value = info.name;
+              state.classifySelect = classifyList.value[1]; // info.category
+              imageUrl.value = info.picUrl;
+  
+              let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
+              let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
+              state.rangevalue = [
+                dayjs(start, "YYYY/MM/DD"),
+                dayjs(end, "YYYY/MM/DD"),
+              ];
+  
+              let manageName = info.manager.split(",");
+              let manageValue = info.managerId.split(",");
+              let optionsManage = [];
+              for (let i = 0; i < manageName.length; i++) {
+                let obj = {
+                  label: manageName[i],
+                  value: manageValue[i],
+                };
+                optionsManage.push(obj);
+              }
+              console.log(optionsManage);
+              state.classifySelect1 = optionsManage;
+              state.classifySelect2 =
+                classifyList2.value[info.sourceBelongId - 1];
+              remark.value = info.remark;
+              state.checked = info.boeFlag ? info.boeFlag : false;
+              state.classifySelect3 = classifyList3.value[info.level];
+              state.classifySelect4 = classifyList4.value[info.systemId - 1];
+              state.checked1 = info.boeFlag ? info.boeFlag : false;
+              // fileList1.value = info.attach.split(",");
+  
+              projectType = 1;
+              picUrl = info.picUrl;
+              beginTime = Number(info.beginTime / 1000);
+              endTime = Number(info.endTime / 1000);
+              manager = info.manager;
+              managerId = info.managerId;
+              sourceBelongIdC = Number(info.sourceBelongId);
+              courseSyncFlag = info.courseSyncFlag;
+              levels = info.level;
+              systemid = info.systemId;
+              boeFlag = info.boeFlag;
+            }
+          })
+          .catch((err) => {
+            console.log(err);
+          });
+      } else {
+        if (storage.get("projectAddId")) {
+          isEdit.value = true;
+          peojectID = storage.get("projectAddId");
+          // 需要编辑
+          api
+            .getProjectDetail({ projectId: storage.get("projectAddId") })
+            .then((res) => {
+              if (res.status == 200 && res.data.code == 200) {
+                let info = res.data.data.projectInfo;
+                console.log("我是从本地存储获取的id", info);
+                projectName.value = info.name;
+                state.classifySelect = classifyList.value[1]; // info.category
+                imageUrl.value = info.picUrl;
+  
+                let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
+                let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
+                state.rangevalue = [
+                  dayjs(start, "YYYY/MM/DD"),
+                  dayjs(end, "YYYY/MM/DD"),
+                ];
+  
+                let manageName = info.manager.split(",");
+                let manageValue = info.managerId.split(",");
+                let optionsManage = [];
+                for (let i = 0; i < manageName.length; i++) {
+                  let obj = {
+                    label: manageName[i],
+                    value: manageValue[i],
+                  };
+                  optionsManage.push(obj);
+                }
+                console.log(optionsManage);
+                state.classifySelect1 = optionsManage;
+                state.classifySelect2 =
+                  classifyList2.value[info.sourceBelongId - 1];
+                remark.value = info.remark;
+                state.checked = info.boeFlag ? info.boeFlag : false;
+                state.classifySelect3 = classifyList3.value[info.level];
+                state.classifySelect4 = classifyList4.value[info.systemId - 1];
+                state.checked1 = info.boeFlag ? info.boeFlag : false;
+  
+                projectType = 1;
+                picUrl = info.picUrl;
+                beginTime = Number(info.beginTime / 1000);
+                endTime = Number(info.endTime / 1000);
+                manager = info.manager;
+                managerId = info.managerId;
+                sourceBelongIdC = Number(info.sourceBelongId);
+                courseSyncFlag = info.courseSyncFlag;
+                levels = info.level;
+                systemid = info.systemId;
+                boeFlag = info.boeFlag;
+              }
+            })
+            .catch((err) => {
+              console.log(err);
+            });
+        }
+      }
+  
+      const backPage = () => {
+        storage.remove("projectAddId");
+        setTimeout(() => {
+          router.push({
+            path: "/libraryAdd",
+          });
+        }, 400);
+      };
+  
+      const router = useRouter();
+      const state = reactive({
+        classifySelect: null,
+        classifySelectId: null,
+        checked: false,
+        checked1: false,
+        valueE: null,
+        valueE1: null,
+        valueE2: null,
+        classifySelect1: [],
+        classifySelect2: [],
+        classifySelect3: [],
+        classifySelect4: [],
+        rangevalue: [],
+  
+        currentPage: 1, //当前页
+        tableDataTotal: -1, //模版列表总数
+        pageSize: 10, //每页10条数据
+        totalPages: 0, //总页数
+        viewDetail: routers.query.viewDetail ? routers.query.viewDetail : null,
+      });
+  
+      const projectName = ref("");
+  
+      const classifyList = ref([
+        { value: 1, label: "管理者" },
+        { value: 2, label: "领军者" },
+        { value: 3, label: "产业人" },
+      ]);
+  
+      let projectType = "";
+  
+      const classificationChange = (value) => {
+        console.log(`selected ${value}`);
+        projectType = value;
+      };
+  
+      function getBase64(img, callback) {
+        const reader = new FileReader();
+        reader.addEventListener("load", () => callback(reader.result));
+        reader.readAsDataURL(img);
+      }
+  
+      const fileList = ref([]);
+      const fileList1 = ref([]);
+      const loading = ref(false);
+      const imageUrl = ref("");
+      let picUrl = "";
+  
+      const handleChange = (info) => {
+        if (info.file.status === "uploading") {
+          loading.value = true;
+          return;
+        }
+        if (info.file.status === "done") {
+          console.log("上传图片返回的信息 %o", info);
+          picUrl = info.file.response.data;
+          // Get this url from response in real world.
+          getBase64(info.file.originFileObj, (base64Url) => {
+            imageUrl.value = base64Url;
+            loading.value = false;
+          });
+        }
+        if (info.file.status === "error") {
+          loading.value = false;
+          message.error("upload error");
+        }
+      };
+  
+      let uplodaFileCount = false;
+  
+      let attach = "";
+      let attachData = "";
+      const handleChange1 = (info) => {
+        if (info.file.status === "uploading") {
+          loading.value = true;
+          return;
+        }
+        if (info.file.status === "done") {
+          console.log(
+            "上传附件返回的信息 %o",
+            info,
+            info.fileList.length,
+            uplodaFileCount
+          );
+  
+          let attachStr = "";
+          attachData = info.fileList;
+          for (let i = 0; i < attachData.length; i++) {
+            if (attachData.length - 1 == i) {
+              attachStr += attachData[i].response.data;
+            } else {
+              attachStr += attachData[i].response.data + ",";
+            }
+          }
+          console.log(attachStr);
+          attach = attachStr;
+  
+          if (info.fileList.length > 5) {
+            uplodaFileCount = true;
+          } else {
+            uplodaFileCount = false;
+          }
+        }
+        if (info.file.status === "error") {
+          loading.value = false;
+          message.error("upload error");
+        }
+      };
+  
+      const beforeUpload = (file) => {
+        const isJpgOrPng =
+          file.type === "image/jpeg" || file.type === "image/png";
+        if (!isJpgOrPng) {
+          message.error("You can only upload JPG file!");
+        }
+        const isLt2M = file.size / 1024 / 1024 < 1;
+        if (!isLt2M) {
+          message.error("Image must smaller than 1MB!");
+        }
+        return isJpgOrPng && isLt2M;
+      };
+  
+      const beforeUpload1 = () => {
+        return new Promise((resovle, reject) => {
+          if (uplodaFileCount) {
+            message.info("上传文件数量已达最大数量");
+            return reject(false);
+          }
+          return resovle(true);
+        });
+      };
+  
+      let beginTime = "";
+      let endTime = "";
+      const dateFormatList = ["YYYY/MM/DD"];
+  
+      const onRangeChange = (value, dateString) => {
+        console.log("Selected Time: ", value);
+        // 项目时间选择函数
+        console.log("Formatted Selected Time: ", dateString);
+        console.log(
+          "Formatted Selected TimeStamp",
+          new Date(dateString[0]).getTime()
+        );
+        beginTime = new Date(dateString[0]).getTime() / 1000;
+        endTime = new Date(dateString[1]).getTime() / 1000;
+      };
+  
+      // 项目经理 后续接口调用
+      const classifyList1 = ref([
+        { value: 1, label: "李俊国" },
+        { value: 2, label: "将小米" },
+        { value: 3, label: "刘孟君" },
+      ]);
+  
+      let manager = "";
+      let managerId = "";
+      const classificationChange1 = (key, options) => {
+        console.log(`selected ${key}`, options);
+        let mstr = "";
+        let midstr = "";
+        for (let i = 0; i < key.length; i++) {
+          if (key.length - 1 !== i) {
+            midstr += key[i] + ",";
+            mstr += classifyList1.value[i].label + ",";
+          } else {
+            midstr += key[i];
+            mstr += classifyList1.value[i].label;
+          }
+        }
+        console.log(mstr, midstr);
+        state.classifySelect1 = options;
+        let newoptions = [];
+        for (let i = 0; i < state.classifySelect1.length; i++) {
+          if (state.classifySelect1[i].value) {
+            newoptions.push(state.classifySelect1[i]);
+          }
+        }
+        state.classifySelect1 = newoptions;
+        manager = mstr;
+        managerId = midstr;
+      };
+  
+      // 资源归属 sourceBelongId 后续给接口
+      const classifyList2 = ref([
+        { value: 1, label: "项目一" },
+        { value: 2, label: "项目二" },
+        { value: 3, label: "项目三" },
+      ]);
+  
+      let sourceBelongIdC = "";
+      const classificationChange2 = (key) => {
+        console.log(`selected ${key}`, classifyList2);
+        sourceBelongIdC = key;
+      };
+  
+      // 项目级别
+      const classifyList3 = ref([
+        { value: 1, label: "集团级" },
+        { value: 2, label: "组织级" },
+        { value: 3, label: "现地级" },
+        { value: 4, label: "部门级" },
+      ]);
+  
+      let levels = "";
+      const classificationChange3 = (key) => {
+        console.log(`selected ${key}`, classifyList3);
+        levels = key;
+      };
+  
+      // 培训体系
+      const classifyList4 = ref([
+        { value: 1, label: "集团级" },
+        { value: 2, label: "组织级" },
+        { value: 3, label: "现地级" },
+        { value: 4, label: "部门级" },
+      ]);
+  
+      let systemid = "";
+      const classificationChange4 = (key) => {
+        console.log(`selected ${key}`, classifyList4);
+        systemid = key;
+      };
+  
+      // 模版
+      const classifyList5 = ref([
+        // { value: 1, label: "模版一" },
+        // { value: 2, label: "模版二" },
+        // { value: 3, label: "模版三" },
+        // { value: 4, label: "模版四" },
+      ]);
+      const classificationChange5 = (key) => {
+        console.log(`selected ${key}`, classifyList5.value);
+        //获取模版信息
+        let obj = {
+          projectId: Number(key),
+        };
+        api
+          .getProjectDetail(obj)
+          .then((res) => {
+            console.log("获取项目详情", res);
+            if (res.status === 200) {
+              let info = res.data.data.projectInfo;
+              console.log(info);
+              // projectName classifySelect imageUrl * classifySelect1 * remark checked classifySelect3 classifySelect4 changeChecked1 *
+              projectName.value = info.name;
+              state.classifySelect = classifyList.value[1]; // info.category
+              imageUrl.value = info.picUrl;
+  
+              let start = toDate(info.beginTime / 1000, "YYYY/MM/DD");
+              let end = toDate(info.endTime / 1000, "YYYY/MM/DD");
+              state.rangevalue = [
+                dayjs(start, "YYYY/MM/DD"),
+                dayjs(end, "YYYY/MM/DD"),
+              ];
+  
+              let manageName = info.manager.split(",");
+              let manageValue = info.managerId.split(",");
+              let optionsManage = [];
+              for (let i = 0; i < manageName.length; i++) {
+                let obj = {
+                  label: manageName[i],
+                  value: manageValue[i],
+                };
+                optionsManage.push(obj);
+              }
+              console.log(optionsManage);
+              state.classifySelect1 = optionsManage;
+              state.classifySelect2 =
+                classifyList2.value[info.sourceBelongId - 1];
+              remark.value = info.remark;
+              state.checked = info.boeFlag ? info.boeFlag : false;
+              state.classifySelect3 = classifyList3.value[info.level];
+              state.classifySelect4 = classifyList4.value[info.systemId - 1];
+              state.checked1 = info.boeFlag ? info.boeFlag : false;
+              // fileList1.value = info.attach.split(",");
+  
+              projectType = 1;
+              picUrl = info.picUrl;
+              beginTime = Number(info.beginTime / 1000);
+              endTime = Number(info.endTime / 1000);
+              manager = info.manager;
+              managerId = info.managerId;
+              sourceBelongIdC = Number(info.sourceBelongId);
+              courseSyncFlag = info.courseSyncFlag;
+              levels = info.level;
+              systemid = info.systemId;
+              boeFlag = info.boeFlag;
+            }
+          })
+          .catch((err) => {
+            console.log("获取详情失败", err);
+          });
+      };
+      //获取模版列表
+      const getTemplate = () => {
+        let obj = {
+          pageNo: state.currentPage,
+          pageSize: state.pageSize,
+          // projectId:id?id:''
+        };
+        api
+          .getProjectList(obj)
+          .then((res) => {
+            console.log("获取模版列表", res);
+            state.totalPages = Number(res.data.data.pages);
+            if (res.status === 200) {
+              let arr = res.data.data.rows;
+              let array = classifyList5.value;
+              arr.map((value) => {
+                let obj = {
+                  value: value.projectId,
+                  label: value.name,
+                };
+                array.push(obj);
+              });
+              classifyList5.value = array;
+            }
+          })
+          .catch((err) => {
+            console.log("获取模版列表失败", err);
+          });
+      };
+      getTemplate();
+      //模版滚动加载信息
+      const templateScroll = (e) => {
+        // console.log("滚动", e, b);
+        const { target } = e;
+        const scrllHeight = target.scrollHeight - target.scrollTop;
+        const clientHeight = target.clientHeight;
+        // console.log("scrllHeight", scrllHeight, clientHeight);
+        if (scrllHeight === 0 && clientHeight === 0) {
+          state.currentPage = 1;
+        } else if (scrllHeight - clientHeight == 0) {
+          // 下拉到底部时
+          if (state.currentPage < state.totalPages) {
+            // 如果滑到底部，则加载下一页
+            state.currentPage++;
+            getTemplate();
+          }
+        }
+      };
+  
+      // 项目说明
+      const remark = ref("");
+  
+      let courseSyncFlag = 0;
+      const changeChecked = () => {
+        console.log(state.checked);
+        state.checked ? (state.checked = false) : (state.checked = true);
+        courseSyncFlag = state.checked ? 1 : 0;
+      };
+  
+      let boeFlag = 0;
+      const changeChecked1 = () => {
+        console.log(state.checked1);
+        state.checked1 ? (state.checked1 = false) : (state.checked1 = true);
+        boeFlag = state.checked1 ? 1 : 0;
+      };
+  
+      const removeFile = (file) => {
+        const index = fileList1.value.indexOf(file);
+        const newFileList = fileList1.value.slice();
+        newFileList.splice(index, 1);
+        fileList1.value = newFileList;
+  
+        let attachStr = "";
+        if (newFileList.length == 0) {
+          attachStr = "";
+        }
+        for (let i = 0; i < fileList1["value"].length; i++) {
+          console.log(fileList1["value"][i].response.data);
+          if (fileList1["value"].length - 1 == i) {
+            attachStr += fileList1["value"][i].response.data;
+          } else {
+            attachStr += fileList1["value"][i].response.data + ",";
+          }
+        }
+        attach = attachStr;
+      };
+  
+      const errorMsgs = {
+        name: "请输入项目名称",
+        category: "请选择项目分类",
+        picUrl: "请上传项目封面图",
+        beginTime: "请选择项目开始时间",
+        endTime: "请选择项目结束时间",
+        manager: "请选择项目经理",
+        managerId: "请选择项目经理",
+        sourceBelongId: "请选择资源归属",
+        level: "请填写项目级别",
+        systemId: "请填写项目培训体系",
+        boeFlag: "请选择是否BOE实施",
+      };
+  
+      const createProject = () => {
+        console.log("我是否要编辑项目", isEdit.value);
+        if (isEdit.value) {
+          console.log("我要编辑项目", peojectID);
+          let obj = {
+            projectId: Number(peojectID),
+            name: projectName["value"],
+            category: projectType,
+            picUrl: picUrl,
+            beginTime: beginTime,
+            endTime: endTime,
+            manager: manager,
+            managerId: managerId,
+            sourceBelongId: sourceBelongIdC,
+            remark: remark["value"],
+            courseSyncFlag: courseSyncFlag,
+            level: levels,
+            systemId: systemid,
+            boeFlag: boeFlag,
+            attach: attach,
+            type: 3,
+            templateId: 0,
+            parentId: 0,
+            notice: "",
+            noticeFlag: 0,
+            status: 0,
+          };
+  
+          console.log(obj);
+  
+          for (let i in errorMsgs) {
+            console.log(obj[i]);
+            if (obj[i] === "" || obj[i] === undefined) {
+              message.destroy();
+              message.warning(errorMsgs[i]);
+              return;
+            }
+          }
+  
+          api
+            .createProject(obj)
+            .then((res) => {
+              console.log(res);
+              if (res.status == 200 && res.data.code == 200) {
+                message.destroy();
+                message.success("编辑成功");
+                setTimeout(() => {
+                  router.push({
+                    path: "/projectmanage",
+                  });
+                }, 1000);
+              } else {
+                message.destroy();
+                message.error("编辑失败，请检查当前网络状态。");
+              }
+            })
+            .catch((err) => {
+              console.log(err);
+              message.destroy();
+              message.error("编辑失败，请检查当前网络状态。");
+            });
+        } else {
+          let obj = {
+            name: projectName["value"],
+            category: projectType,
+            picUrl: picUrl,
+            beginTime: beginTime,
+            endTime: endTime,
+            manager: manager,
+            managerId: managerId,
+            sourceBelongId: sourceBelongIdC,
+            remark: remark["value"],
+            courseSyncFlag: courseSyncFlag,
+            level: levels,
+            systemId: systemid,
+            boeFlag: boeFlag,
+            attach: attach,
+            type: 3,
+            templateId: 10,
+            parentId: 0,
+            notice: "",
+            noticeFlag: 0,
+            status: 0,
+          };
+          console.log("提交的数据格式 %o", obj);
+          for (let i in errorMsgs) {
+            console.log(obj[i]);
+            if (obj[i] === "" || obj[i] === undefined) {
+              message.destroy();
+              message.warning(errorMsgs[i]);
+              return;
+            }
+          }
+  
+          api
+            .createProject(obj)
+            .then((res) => {
+              console.log(res);
+              if (res.status == 200 && res.data.code == 200) {
+                message.destroy();
+                message.success("创建成功");
+                setTimeout(() => {
+                  router.push({
+                    path: "/taskpage",
+                    query: { id: res.data.data.projectId },
+                  });
+                }, 1000);
+              } else {
+                message.destroy();
+                message.error("创建失败，请检查当前网络状态。");
+              }
+            })
+            .catch((err) => {
+              console.log(err);
+              message.destroy();
+              message.error("创建失败，请检查当前网络状态。");
+            });
+        }
+      };
+  
+      return {
+        ...toRefs(state),
+        projectName,
+        classifyList,
+        classificationChange,
+        classificationChange1,
+        classificationChange2,
+        classificationChange3,
+        classificationChange4,
+        classificationChange5,
+        fileList,
+        fileList1,
+        loading,
+        imageUrl,
+        handleChange,
+        handleChange1,
+        beforeUpload,
+        beforeUpload1,
+        onRangeChange,
+        classifyList1,
+        classifyList2,
+        classifyList3,
+        classifyList4,
+        classifyList5,
+        remark,
+        changeChecked,
+        changeChecked1,
+        uplodaFileCount,
+        createProject,
+        removeFile,
+  
+        isEdit,
+        backPage,
+        dateFormatList,
+  
+        templateScroll,
+      };
+    },
+  };
+  </script>
+  <style lang="scss">
+  .projectAdd {
+    width: 100%;
+    // height: inherit;
+    // flex: 1;
+    // flex-shrink: 0;
+    // overflow-y: auto;
+  
+    .header {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+  
+      .title {
+        color: #000000;
+        font-size: 18px;
+        //line-height: 36px;
+        padding-top: 30px;
+        padding-left: 37px;
+        //font-weight: 500;
+      }
+  
+      .goback {
+        padding-right: 70px;
+        //padding-top: 37px;
+        position: relative;
+  
+        .return {
+          display: inline-block;
+          width: 42px;
+          height: 42px;
+          margin-top: 17px;
+          margin-right: 10px;
+          background-image: url("../../assets/images/projectadd/return.png");
+        }
+  
+        .returntext {
+          display: inline-block;
+          position: absolute;
+          top: 27px;
+          color: #4ea6ff;
+          font-size: 14px;
+        }
+      }
+    }
+  
+    // 修改 antd upload 样式
+    .ant-upload {
+      border-width: 0px;
+    }
+  
+    .content {
+      display: flex;
+  
+      .main {
+        width: 50%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        //justify-content: center;
+        float: left;
+        border-right: 1px solid rgba(153, 155, 163, 0.3);
+  
+        .name {
+          width: 78%;
+          // background-color: lightcoral;
+          display: flex;
+          margin-top: 20px;
+          align-items: center;
+  
+          //height: 40px;
+          // border: 1px solid black;
+          .namebox {
+            width: 120px;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            flex-shrink: 0;
+  
+            .nameimg {
+              width: 10px;
+              height: 10px;
+            }
+          }
+  
+          .d {
+            margin-top: 8px;
+            font-size: 25px;
+            color: #ff4e4e;
+          }
+  
+          .box {
+            position: relative;
+            margin-left: 14px;
+  
+            .box1 {
+              position: absolute;
+              left: 50%;
+              top: 50%;
+              width: 50px;
+              margin-left: -25px;
+              margin-top: -5px;
+              border-top: 2px solid rgba(78, 166, 255, 1);
+            }
+  
+            .box2 {
+              position: absolute;
+              left: 50%;
+              top: 50%;
+              height: 50px;
+              //margin-left: -5px;
+              margin-top: -25px;
+              border-left: 2px solid rgba(78, 166, 255, 1);
+            }
+          }
+  
+          .inname {
+            color: #6f6f6f;
+            font-size: 14px;
+            margin-left: 7px;
+          }
+  
+          .in {
+            margin-left: 14px;
+            flex: 1;
+  
+            // .ant-radio-wrapper {
+            // }
+            .ant-input-textarea-show-count {
+              position: relative;
+              height: 88px;
+            }
+  
+            .ant-input-textarea-show-count::after {
+              position: absolute;
+              right: 10px;
+              bottom: 0px;
+            }
+  
+            .ant-input {
+              border-radius: 8px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
+            }
+  
+            .ant-input-affix-wrapper {
+              padding: 0 11px;
+              border-radius: 8px;
+            }
+  
+            .ant-select-selector {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              // height: 40px;
+            }
+          }
+  
+          .filebox {
+            margin-left: 14px;
+            flex: 1;
+  
+            .fileimg {
+              width: 15px;
+              height: 15px;
+              margin-right: 6px;
+            }
+  
+            .filetext {
+              font-size: 14px;
+              font-weight: 400;
+              color: #4ea6ff;
+              line-height: 36px;
+            }
+  
+            .support {
+              font-size: 14px;
+              font-weight: 400;
+              color: #999ba3;
+              line-height: 36px;
+              margin-top: 8px;
+              word-break: break-all;
+            }
+          }
+        }
+  
+        .name2 {
+          display: flex;
+          align-items: flex-start;
+  
+          .ant-input-textarea {
+            .ant-input {
+              height: 88px;
+            }
+          }
+        }
+      }
+  
+      .template {
+        width: 50%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        //justify-content: center;
+        float: right;
+  
+        .name {
+          width: 78%;
+          // background-color: lightcoral;
+          display: flex;
+          margin-top: 20px;
+          align-items: center;
+          height: 40px;
+  
+          // border: 1px solid black;
+          .d {
+            margin-top: 8px;
+            font-size: 25px;
+            color: #ff4e4e;
+          }
+  
+          .inname {
+            color: #6f6f6f;
+            font-size: 14px;
+            margin-left: 7px;
+            width: 65px;
+          }
+  
+          .in {
+            margin-left: 14px;
+            width: 81%;
+  
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
+            }
+  
+            .ant-select-selector {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
+            }
+          }
+        }
+      }
+    }
+  
+    .footer {
+      width: 100%;
+      margin-top: 31px;
+      margin-bottom: 14px;
+      padding-bottom: 20px;
+  
+      .btn {
+        display: flex;
+        justify-content: center;
+  
+        .btn1 {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: 100px;
+          height: 40px;
+          border-radius: 8px;
+          background: #409eff;
+          color: #ffffff;
+          margin-right: 14px;
+        }
+  
+        .btn2 {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: 100px;
+          height: 40px;
+          border-radius: 8px;
+          border: 1px solid #409eff;
+          background: #ffffff;
+          color: #409eff;
+        }
+      }
+  
+      .text {
+        color: rgba(153, 155, 163, 1);
+        font-size: 14px;
+        margin-left: 223px;
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file