Merge branch 'develop' of ssh://gitlab.dongwu-inc.com:10022/BOE/fe-manage into develop

src/App.vue

@@ -44,7 +44,7 @@ export default defineComponent({
     const store = useStore();
     const isLogin = ref(false);
     // console.log("router", router.getRoutes(), route);
-    console.log("版本0.11------------");
+    console.log("版本0.12------------");
     const routes = computed(() => {
       return router.getRoutes().filter((e) => e.meta?.isLink);
     });
@@ -69,9 +69,26 @@ export default defineComponent({
       initDict("pathmapPic");
       initDict("projectClass");
       initDict("projectPic");
+      getMemberInfo();
       getOrgTree();
     }
 
+    async function getMemberInfo() {
+      const list = localStorage.getItem('memberInitInfo');
+      if (list) {
+        store.commit("SET_MEMBER_INFO", JSON.parse(list));
+        return;
+      }
+      const memberInitInfo = await api1.getMemberInfo({keyWord: '', pageNo: 1, pageSize: 10}).then((res) => (
+          res.data.data.rows.map(e => ({
+            label: e.realName,
+            value: e.id
+          }))
+      ));
+      store.commit("SET_MEMBER_INFO", memberInitInfo);
+      localStorage.setItem('memberInitInfo', JSON.stringify(memberInitInfo));
+    }
+
     async function getUserInfo() {
       const userInfo = await api2.userInfo()
       store.commit("SET_USER", userInfo);

src/api/config.js

@@ -2,7 +2,7 @@
  * @Author: lixg lixg@dongwu-inc.com
  * @Date: 2022-11-21 14:32:52
  * @LastEditors: lixg lixg@dongwu-inc.com
- * @LastEditTime: 2022-12-02 17:13:55
+ * @LastEditTime: 2022-12-03 19:52:09
  * @FilePath: /fe-manage/src/api/config.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */

src/components/drawers/ProjCheckPower.vue

@@ -118,6 +118,7 @@
                           columnWidth: 20,
                           selectedRowKeys: selectedRowKeys,
                           onChange: onSelectChange,
+                          preserveSelectedRowKeys: true,
                         }"
                       />
                       <div class="pa">
@@ -316,6 +317,7 @@
                         columnWidth: 30,
                         selectedRowKeys: selectedRowKeys2,
                         onChange: onSelectChange2,
+                        preserveSelectedRowKeys: true,
                       }"
                     />
                     <div class="pa" style="margin-top: 20px">
@@ -598,6 +600,14 @@ export default {
       type: Number,
       default: null,
     },
+    classify: {
+      type: String,
+      default: "",
+    },
+    selectProjectId: {
+      type: Number,
+      default: null,
+    },
   },
   setup(props, ctx) {
     const store = useStore();
@@ -792,9 +802,35 @@ export default {
       deleteAll();
       // console.log("expandedKeys", state.expandedKeys);
       state.expandedKeys = [];
+      state.tabledata = [];
+      //快速选人
+      state.currentPage = 1;
+      state.tableDataTotal = 0;
+      state.nameSearch = ""; //搜索名称
+
+      //受众
+      state.currentPage2 = 1;
+      state.tableDataTotal2 = 0;
+      state.audienceName = "";
+
+      state.currentPage1 = 1;
+      state.tableDataTotal1 = 0;
+
+      state.selectedKeys = [];
+      state.selectOrgId = null; //选中的组织id
+      state.selectOrgName = null; //选中的组织名称
+
+      state.searchOrgName = null;
+      state.isSearchOrg = false;
+      state.treeData2 = [];
+
+      getAudienceInfo();
     };
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
+      if (bool) {
+        optionAuthPerm();
+      }
     };
     //获取组织树
     state.treeData = computed(() => {
@@ -866,12 +902,13 @@ export default {
     //分页获取学员
     const changePagination = (page) => {
       state.currentPage = page;
-      console.log("1111111");
+      console.log("1111111", state.selectedRowKeys, state.choosepeople);
       getMember(state.selectOrgId);
     };
     //搜索学员
     const handleSearchStu = () => {
       deleteDepSelect();
+      state.currentPage = 1;
       state.currentPage2 = 1;
       console.log("22222");
       getMember();
@@ -891,10 +928,20 @@ export default {
     };
     //快速选人 选中的数组
     const onSelectChange = (selectedRowKeys, item) => {
-      // console.log("selectedRowKeys changed: ", selectedRowKeys,item);
+      console.log("selectedRowKeys changed: ", selectedRowKeys, item);
-      state.selectedRowKeys.push(selectedRowKeys[selectedRowKeys.length - 1]);
+      state.selectedRowKeys = selectedRowKeys;
-      state.choosepeople.unshift(item[item.length - 1]);
+      state.choosepeople = item.reverse();
       selectedsHeight();
+      // if (selectedRowKeys.length > 0 && item.length > 0) {
+
+      //   state.selectedRowKeys.push(selectedRowKeys[selectedRowKeys.length - 1]);
+      //   state.choosepeople.unshift(item[item.length - 1]);
+      //   // console.log(
+      //   //   "selectedRowKeys changed22222: ",
+      //   //   state.selectedRowKeys,
+      //   //   state.choosepeople
+      //   // );
+      // }
     };
     //单个删除选中的人
     const deleteChoosePeople = (item) => {
@@ -920,7 +967,7 @@ export default {
       resize.listenTo(
         document.getElementById("ProjCheckship").querySelector("#selecteds"),
         function (ele) {
-          console.log("ele", ele.offsetHeight);
+          console.log("ele", ele.clientHeight, ele.offsetHeight);
           if (ele.offsetHeight > 160 && !state.showHidden) {
             state.showMore = true;
             document
@@ -1047,7 +1094,7 @@ export default {
         }
       }
 
-      // console.log("选中的部门2", state.selectedKeys1, state.chooseorganization);
+      console.log("选中的部门2", state.selectedKeys1, state.chooseorganization);
     };
     //点击确认添加-判断是否显示确定弹窗
     const addOrgModal = () => {
@@ -1070,19 +1117,19 @@ export default {
       state.showOrgModal = false;
     };
 
-    //单个删除选中的人
+    //单个删除选中的组织
     const deleteChoosePeople1 = (item) => {
-      console.log("item", item);
+      console.log("item", item, state.chooseorganization);
       let arr = state.chooseorganization;
       for (let i = 0; i < arr.length; i++) {
-        if (arr[i].key === item.key) {
+        if (arr[i].id === item.id) {
           arr.splice(i, 1);
         }
       }
       state.chooseorganization = arr;
       let array = state.selectedKeys1;
       for (let i = 0; i < array.length; i++) {
-        if (array[i] === item.key) {
+        if (array[i] === item.id) {
           array.splice(i, 1);
         }
       }
@@ -1193,8 +1240,10 @@ export default {
     //受众关联 选中的数组
     const onSelectChange2 = (selectedRowKeys, item) => {
       // console.log("selectedRowKeys changed: ", selectedRowKeys, item);
-      state.selectedRowKeys2.push(selectedRowKeys[selectedRowKeys.length - 1]);
+      state.selectedRowKeys2 = selectedRowKeys;
-      state.relationpeople.unshift(item[item.length - 1]);
+      state.relationpeople = item.reverse();
+      // state.selectedRowKeys2.push(selectedRowKeys[selectedRowKeys.length - 1]);
+      // state.relationpeople.unshift(item[item.length - 1]);
 
       selectedsHeight2();
     };
@@ -1331,6 +1380,73 @@ export default {
       ctx.emit("update:addAuthList", state.selectAllArr);
       closeDrawer();
     };
+    //获取授权 坐回显
+    const optionAuthPerm = () => {
+      let obj = {
+        keyWord: "",
+        type:
+          props.classify === "learnPath"
+            ? 1
+            : props.classify === "project"
+            ? 2
+            : props.classify === "course"
+            ? 3
+            : null,
+        tag: props.authClassify === 1 ? 3 : props.authClassify === 2 ? 4 : "",
+        opt: 1,
+        refId: props.selectProjectId,
+        pageNo: 0,
+        pageSize: 0,
+        deptList: [],
+        groupList: [],
+        studentList: [],
+      };
+      console.log("获取权限名单obj", obj);
+      api
+        .optionAuthPerm(obj)
+        .then((res) => {
+          // console.log("获取权限名单成功", res);
+          if (res.data.code === 200) {
+            let studentArr = res.data.data.studentList;
+            let selectedRowKeys = [];
+            let choosepeople = [];
+            for (let i = 0; i < studentArr.length; i++) {
+              selectedRowKeys.push(studentArr[i].id);
+              choosepeople.push(studentArr[i]);
+            }
+            //快速选人
+            state.selectedRowKeys = selectedRowKeys;
+            state.choosepeople = choosepeople;
+
+            let deptArr = res.data.data.deptList;
+            let selectedKeys1 = [];
+            let chooseorganization = [];
+            for (let i = 0; i < deptArr.length; i++) {
+              selectedKeys1.push(deptArr[i].id);
+              chooseorganization.push(deptArr[i]);
+            }
+            //组织
+            state.selectedKeys1 = selectedKeys1;
+            state.chooseorganization = chooseorganization;
+            state.chooseorganization1 = chooseorganization;
+
+            let groupArr = res.data.data.groupList;
+            let selectedRowKeys2 = [];
+            let relationpeople = [];
+            for (let i = 0; i < groupArr.length; i++) {
+              selectedRowKeys2.push(groupArr[i].id);
+              relationpeople.push(groupArr[i]);
+            }
+            //受众
+            state.selectedRowKeys2 = selectedRowKeys2;
+            state.relationpeople = relationpeople;
+            console.log("获取权限名单成功", res);
+          }
+        })
+        .catch((err) => {
+          console.log("获取权限名单失败", err);
+        });
+    };
 
     return {
       ...toRefs(state),
@@ -1374,6 +1490,7 @@ export default {
       resetOrg,
 
       submitAuth,
+      optionAuthPerm,
     };
   },
 };
@@ -1904,7 +2021,9 @@ export default {
           margin-right: 32px;
           margin-left: 32px;
           min-height: 100px;
+          // height: 170px;
           // overflow: hidden;
+          flex-shrink: 0;
           .chose {
             // width: 64px;
             padding-left: 10px;
@@ -1920,6 +2039,7 @@ export default {
             color: rgba(56, 139, 225, 1);
             font-size: 12px;
             position: relative;
+            flex-shrink: 0;
             .ch {
               position: absolute;
               width: 18px;

src/components/drawers/ProjPowerList.vue

@@ -133,6 +133,7 @@
 <script>
 import { toRefs, reactive } from "vue";
 import * as api from "../../api/index1";
+import { message } from "ant-design-vue";
 export default {
   name: "ProjPowerList",
   props: {
@@ -172,6 +173,7 @@ export default {
         // },
       ],
       cancelAuthInfo: null, //取消授权id
+      cancelAuthState: null, //取消授权种类
     });
 
     const closeDrawer = () => {
@@ -199,6 +201,7 @@ export default {
         name: item.name,
       };
       state.cancelAuthInfo = obj;
+      state.cancelAuthState = item.state;
     };
     const closeCancelModal = () => {
       state.cancelModal = false;
@@ -364,7 +367,14 @@ export default {
             : props.classify === "course"
             ? 3
             : null,
-        tag: 1,
+        tag:
+          state.cancelAuthState === "归属权"
+            ? 2
+            : state.cancelAuthState === "查看权"
+            ? 3
+            : state.cancelAuthState === "管理权"
+            ? 4
+            : null,
         opt: 4,
         refId: props.selectProjectId,
         pageNo: 1,
@@ -373,7 +383,7 @@ export default {
         groupList: [],
         studentList: [state.cancelAuthInfo],
       };
-      console.log("取消权限名单obj", obj);
+      console.log("取消权限名单obj", obj, state.cancelAuthState);
       api
         .optionAuthPerm(obj)
         .then((res) => {
@@ -381,6 +391,7 @@ export default {
           if (res.data.code === 200) {
             // console.log("取消授权成功", res.data.data);
             optionAuthPerm();
+            message.success("取消授权成功");
             closeCancelModal();
           }
         })

src/components/drawers/ProjectOwn.vue

@@ -28,13 +28,13 @@
                     <div class="nameinp">
                       <div class="namee">姓名：</div>
                       <a-input
-                        v-model:value="name"
+                        v-model:value="nameSearch"
                         style="width: 270px; height: 40px; border-radius: 8px"
                         placeholder="请输入姓名"
                       />
                     </div>
                     <div class="btns">
-                      <div class="btn1">
+                      <div class="btn1" @click="handleSearchStu">
                         <div class="img1">
                           <img
                             src="../../assets/images/courseManage/search0.png"
@@ -42,7 +42,7 @@
                         </div>
                         <div class="wz">搜索</div>
                       </div>
-                      <div class="btn2">
+                      <div class="btn2" @click="resetStu">
                         <div class="img2">
                           <img
                             src="../../assets/images/courseManage/reset1.png"
@@ -242,7 +242,7 @@ export default {
       valueSelect: null, //树形选择
 
       valueSelectboe2: null, //boe树形选择
-      name: "",
+      nameSearch: "",
       nameadd: "",
       nameaddd: "",
       com: "",
@@ -317,6 +317,18 @@ export default {
       ctx.emit("update:ProjOwnervisible", false);
       state.openKeys = [];
       state.isDisabled = true;
+      state.nameSearch = "";
+      state.tabledata = [];
+      state.currentPage = 1;
+      state.selectedKeys = [];
+      state.valueSelectboe = null;
+      state.choosepeople = []; //选中的组织名称
+
+      state.selectDepartment = null; //选中部门名称
+      state.showMore = false; //是否显示快速选人的查看更多
+      state.showHidden = false; //是否显示收回
+      state.selectedRowKeys = []; //表格选中的key
+      state.selectPeopleArr = []; //表格选中的人
     };
 
     const afterVisibleChange = (bool) => {
@@ -336,16 +348,22 @@ export default {
     });
     //获取选中部门的人员信息
     const getPeoples = () => {
+      if (!state.nameSearch && !state.selectedKeys[0]) {
+        state.tableDataTotal = 0;
+        return false;
+      }
+      // console.log("org", org);
       let obj = {
-        org: state.selectedKeys[0],
         pageNo: state.currentPage,
         pageSize: state.pageSize,
+        keyWord: state.nameSearch,
+        org: state.nameSearch ? null : state.selectedKeys[0],
       };
-      if (!state.selectedKeys[0]) {
+      // if (!state.selectedKeys[0]) {
-        state.tableDataTotal = 0;
+      //   state.tableDataTotal = 0;
-        return;
+      //   return;
-      }
+      // }
-      // console.log("obj", obj);
+      console.log("obj", obj);
       api
         .getMemberInfo(obj)
         .then((res) => {
@@ -373,7 +391,26 @@ export default {
           console.log("获取学员失败", err);
         });
     };
-
+    //搜索学员
+    const handleSearchStu = () => {
+      // deleteDepSelect();
+      state.currentPage = 1;
+      console.log("22222");
+      getPeoples();
+    };
+    //重置
+    const resetStu = () => {
+      state.nameSearch = "";
+      state.currentPage = 1;
+      state.tableDataTotal = 0;
+      state.tabledata = [];
+    };
+    // //清空选择部门信息
+    // const deleteDepSelect = () => {
+    //   state.selectedKeys = null;
+    //   state.selectOrgId = null;
+    //   state.selectOrgName = null;
+    // };
     //分页
     const changePagination = () => {
       getPeoples();
@@ -610,6 +647,8 @@ export default {
       changeOwnership,
       addAuth,
       removeClick,
+      handleSearchStu,
+      resetStu,
     };
   },
 };

src/components/project/OrgClass.vue

@@ -1,5 +1,10 @@
 <template>
   <a-tree-select
+      :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
       v-model:value="id"
       style="width: 100%"
       :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
@@ -11,58 +16,36 @@
                 label: 'name',
                 value: 'id',
               }"
-      :disabled="viewDetail ? true : false"
+      :disabled="disabled"
       @change="change"
       dropdownClassName="treeDropdown"
   >
   </a-tree-select>
 </template>
-<script>
+<script setup>
-import {onMounted, reactive, toRefs, watch} from "vue";
+import {computed, defineEmits, defineProps, onMounted, ref} from "vue";
 import {useStore} from "vuex";
 
-export default {
-  name: "OrgClass",
-
-  props: {
-    modelValue: {
-      type: Number,
-    },
-    name: {
-      type: String,
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-  },
-  setup(props, ctx) {
 const store = useStore();
 
-    const state = reactive({
+const props = defineProps({
-      options: [],
+  value: String
-      id: props.value
-    });
-    watch(state.id, () => {
-      ctx.emit('update:modelValue', state.id)
 })
-    watch(props, () => {
+const emit = defineEmits({})
-      if (props.modelValue !== state.id) {
+
-        state.id = props.modelValue
+const options = ref([])
-      }
+
+const id = computed(() => {
+  return props.value
 })
+
 onMounted(() => {
-      state.options = [...store.state.orgtreeList]
+  options.value = [...store.state.orgtreeList]
 })
 
 function change(key, obj) {
-      ctx.emit('update:name', obj[0])
+  emit('update:name', obj[0])
+  emit('update:value', key)
 }
 
-    return {
-      ...toRefs(state),
-      change
-    };
-  },
-};
 </script>

src/components/project/ProjectClass.vue

@@ -1,55 +1,46 @@
 <!-- 评估管理-创建评估页面 -->
 <template>
   <a-select
+      :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
       v-model:value="id"
       placeholder="请选择分类"
       style="width: 100%"
       :options="options"
       allowClear
+      @change="change"
       :disabled="disabled"
   >
   </a-select>
 </template>
-<script>
+<script setup>
-import {onMounted, reactive, toRefs, watch} from "vue";
+import {computed, defineEmits, defineProps, onMounted, ref} from "vue";
 import {useStore} from "vuex";
 
-export default {
-  name: "ProjectClass",
-
-  props: {
-    modelValue: {
-      type: Number,
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-  },
-  setup(props, ctx) {
 const store = useStore();
 
-    const state = reactive({
+const props = defineProps({
-      options: [],
+  value: String,
-      id: props.modelValue
+  disabled: String
-    });
-
-    watch(props, () => {
-      if (props.modelValue !== state.id) {
-        state.id = props.modelValue
-      }
 })
+const emit = defineEmits({})
 
-    watch(state.id,()=>{
+const options = ref([])
-      ctx.emit('update:modelValue',state.id)
+
+const id = computed(() => {
+  return props.value
 })
 
 onMounted(() => {
-      state.options = store.state.projectClass.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
+  options.value = store.state.projectClass.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
 })
-    return {
+
-      ...toRefs(state),
+function change(key, obj) {
-    };
+  emit('update:name', obj[0])
-  },
+  emit('update:value', key)
-};
+}
+
 </script>

src/components/project/ProjectLevel.vue

@@ -1,45 +1,42 @@
 <template>
   <a-select
+      :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
       v-model:value="id"
       :options="options"
       style="width: 100%"
       placeholder="请选择项目级别"
+      @change="change"
       :disabled="disabled"
   />
 </template>
-<script>
+<script setup>
-import {onMounted, reactive, toRefs, watch} from "vue";
+import {computed, defineEmits, defineProps, onMounted, ref} from "vue";
 import {useStore} from "vuex";
 
-export default {
-  name: "ProjectClass",
 
-  props: {
-    modelValue: {
-      type: Number,
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-  },
-  setup(props, ctx) {
 const store = useStore();
-
+const props = defineProps({
-    const state = reactive({
+  value: String,
-      options: [],
+  disabled: String
-      id: props.modelValue
-    });
-    watch(state.id, () => {
-      ctx.emit('update:modelValue', state.id)
 })
 
+const id = computed(() => {
+  return props.value
+})
+
+const emit = defineEmits({})
+
+const options = ref([])
+
 onMounted(() => {
-      state.options = store.state.projectLevel.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
+  options.value = store.state.projectLevel.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
 })
-    return {
+
-      ...toRefs(state),
+function change(key) {
-    };
+  emit('update:value', key)
-  },
+}
-};
 </script>

src/components/project/ProjectManager.vue

@@ -1,5 +1,10 @@
 <template>
   <a-select
+      :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
       v-model:value="managerArray"
       :placeholder="placeholder"
       :filterOption="false"

src/components/project/ProjectManagerNew.vue

@@ -0,0 +1,122 @@
+<template>
+  <a-select
+      :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
+      v-model:value="managerArray"
+      :placeholder="placeholder"
+      :filterOption="true"
+      style="width: 100%"
+      :options="options"
+      allowClear
+      showSearch
+      :mode="mode"
+      :disabled="disabled"
+      @popupScroll="memberScroll"
+      @search="searchMember"
+      @change="change"
+  >
+    <template v-if="loading" #notFoundContent>
+      <a-spin size="small"/>
+    </template>
+  </a-select>
+</template>
+<script setup>
+import {computed, defineEmits, defineProps, onMounted, ref, watch} from "vue";
+import {scrollLoad, throttle} from "@/api/method";
+import * as api1 from "@/api/index1";
+import {useStore} from "vuex";
+
+const props = defineProps({
+  value: {
+    type: String,
+    default: ''
+  },
+  name: {
+    type: String,
+    default: ''
+  },
+  disabled: Boolean,
+  placeholder: String,
+  mode: String
+})
+const store = useStore();
+
+const managerArray = computed(() => {
+  return props.mode === 'select' ? props.value : props.value.split(',')
+})
+
+const emit = defineEmits({})
+
+const options = ref([])
+
+const memberParam = ref({keyWord: '', pageNo: 1, pageSize: 10})
+const loading = ref(false)
+
+
+watch(() => memberParam.value.keyWord, throttle(getSearchMember, 500))
+watch(() => memberParam.value.pageNo, throttle(getPageMember, 500))
+
+onMounted(() => {
+  console.log('onMounted')
+  if (props.value) {
+    options.value = [...(props.value + '').split(',').map((value, i) => ({
+      label: (props.name + '').split(',')[i],
+      value
+    })), ...store.state.memberInitInfo]
+  } else options.value = store.state.memberInitInfo
+})
+
+function getSearchMember() {
+  loading.value = true
+  options.value = []
+  getMemberData()
+}
+
+function getPageMember() {
+  loading.value = true
+  getMemberData()
+}
+
+
+function getMemberData() {
+  api1.getMemberInfo(memberParam.value).then((res) => {
+    const list = res.data.data.rows.filter(e => !(props.value + '').includes(e.id)).map(e => ({
+      label: e.realName,
+      value: e.id
+    }));
+    if (memberParam.value.pageNo === 1 && props.value) {
+      const arrManagerId = (props.value + '').split(',')
+      const arrManager = props.name.split(',')
+      options.value = [...arrManager.map((e, i) => ({label: e, value: arrManagerId[i]})), ...list]
+    } else options.value.push(...list)
+    loading.value = false
+  });
+}
+
+const memberScroll = (e) => {
+  let num = scrollLoad(e);
+  if (num === 2) {
+    memberParam.value.pageNo++;
+  }
+};
+
+//搜索学员
+const searchMember = (keyWord) => {
+  keyWord && (memberParam.value = {keyWord, pageNo: 1, pageSize: 10});
+};
+
+function change(e, l) {
+  console.log('change', l)
+  if (Array.isArray(l)) {
+    emit('update:value', l.map(t => t.value).join(','))
+    emit('update:name', l.map(t => t.label).join(','))
+  } else {
+    emit('update:value', l.value)
+    emit('update:name', l.label)
+  }
+}
+
+</script>

src/components/project/TrainClass.vue

@@ -1,52 +1,43 @@
 <template>
   <a-select
+      :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
       v-model:value="id"
       :options="options"
       style="width: 100%"
       placeholder="请选择分类"
+      @change="change"
       :disabled="disabled"
   />
 </template>
-<script>
+<script setup>
-import {onMounted, reactive, toRefs, watch} from "vue";
+import {computed, defineEmits, defineProps, onMounted, ref} from "vue";
 import {useStore} from "vuex";
 
-export default {
-  name: "TrainClass",
-
-  props: {
-    modelValue: {
-      type: Number,
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-  },
-  setup(props, ctx) {
 const store = useStore();
 
-    const state = reactive({
+const props = defineProps({
-      options: [],
+  value: String,
-      id: props.modelValue
+  disabled: String
-    });
-    watch(state.id, () => {
-      ctx.emit('update:modelValue', state.id)
 })
 
-    watch(props, () => {
+const id = computed(() => {
-      if (props.modelValue !== state.id) {
+  return props.value
-        state.id = props.modelValue
-      }
 })
 
+const emit = defineEmits({})
+
+const options = ref([])
 
 onMounted(() => {
-      state.options = store.state.projectSys.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
+  options.value = store.state.projectSys.map(e => ({value: parseInt(e.dictCode), label: e.dictName}))
 })
-    return {
+
-      ...toRefs(state),
+function change(key) {
-    };
+  emit('update:value', key)
-  },
+}
-};
+
 </script>

src/store/index.js

@@ -31,6 +31,7 @@ export default createStore({
         projectLevel: [],//项目级别
         projectSys: [],//培训分类
         pathmapPic: [],//学习路径背景图
+        memberInitInfo: [],//学员默认
     },
     getters: {},
     mutations: {
@@ -55,6 +56,9 @@ export default createStore({
         SET_DICT(state, {key, data}) {
             state[key] = data
         },
+        SET_MEMBER_INFO(state, data) {
+            state.memberInitInfo = data
+        },
         SET_USER(state, userInfo) {
             state.userInfo = userInfo
         },

src/views/courselibrary/CoursewareManage.vue

@@ -531,9 +531,10 @@
                   </div>
                   <div class="item_inp">
                     <div class="i1_input">
-
+                      <ProjectManager
-                      <ProjectManager v-model:value="member.value"
+                        v-model:value="member.value"
-                                      v-model:name="member.name"></ProjectManager>
+                        v-model:name="member.name"
+                      ></ProjectManager>
                     </div>
                   </div>
                 </div>
@@ -664,9 +665,7 @@
                 <div class="btnText">取消</div>
               </div>
               <div class="btn btn6" v-if="isEdit == 0" @click="handlePush">
-                <div class="btnText">
+                <div class="btnText">确定</div>
-                  确定
-                </div>
               </div>
               <div class="btn btn6" v-if="isEdit == 1">
                 <div class="btnText">已保存</div>
@@ -1777,8 +1776,10 @@
               <span style="margin-right: 3px">授课教师</span>
             </div>
             <div class="b_input">
-              <ProjectManager v-model:value="member.value"
+              <ProjectManager
-                              v-model:name="member.name"></ProjectManager>
+                v-model:value="member.value"
+                v-model:name="member.name"
+              ></ProjectManager>
             </div>
           </div>
           <div class="cstm_items">
@@ -2376,8 +2377,7 @@
                         :value="1"
                         @click="clear_jyradioV1"
                         >结业
-                      </a-radio
+                      </a-radio>
-                      >
                     </div>
                     <div class="ol_checkbox">
                       <a-radio
@@ -2385,8 +2385,7 @@
                         :value="2"
                         @click="clear_jyradioV1"
                         >不结业
-                      </a-radio
+                      </a-radio>
-                      >
                     </div>
                   </div>
                 </a-radio-group>
@@ -2519,7 +2518,7 @@
     <!-- <StuAdd v-model:Stuvisible="Stuvisible" @sure="handlePostSure" /> -->
     <!-- 添加学员抽屉 -->
     <proj-check-ship
-        v-model:ProjCheckvisible="Stuvisible"
+      v-model:ProjCheckvisible="viewpowervisible"
       :selectProjectId="offcourseId"
       v-model:addAuthList="addStudentList"
       :authClassify="authClassify"
@@ -2545,13 +2544,13 @@
       classify="course"
     />
     <!-- 查看权抽屉 -->
-    <proj-check-ship
+    <!-- <proj-check-ship
       v-model:ProjCheckvisible="viewpowervisible"
       :selectProjectId="selectCourseId"
       v-model:addAuthList="addAuthList"
       :authClassify="authClassify"
       classify="course"
-    />
+    /> -->
     <!-- 管理权抽屉 -->
     <proj-check-ship
       v-model:ProjCheckvisible="viewpowervisible"
@@ -3096,7 +3095,7 @@ export default defineComponent({
       teacher: null,
       selectedRowKeys7: [],
       isEdit: 0,
-      member: {name: '', value: ''},
+      member: { name: "", value: "" },
       //列表表格
       tableData1: [
         // {
@@ -3339,7 +3338,7 @@ export default defineComponent({
     });
 
     const showStuAdd = () => {
-      state.Stuvisible = true;
+      state.viewpowervisible = true;
     };
 
     //  富文本 sssssssssssssss
@@ -4090,7 +4089,7 @@ export default defineComponent({
     };
     const createkk = () => {
       state.offcoursePlanId = null;
-      state.member = {}
+      state.member = {};
       state.cstm_hs = true;
     };
     const handleCancelStu = () => {
@@ -4786,7 +4785,7 @@ export default defineComponent({
       }).then((res) => {
         console.log(res);
         if (res.data.code === 200) {
-          state.Stuvisible = false;
+          state.viewpowervisible = false;
           getTableDate2();
         }
       });

src/views/learningpath/LearningPath.vue

@@ -589,20 +589,20 @@
     />
     <!-- 查看权抽屉 -->
     <proj-check-ship
-      v-model:ProjCheckvisible="Queryvisible"
+      v-model:ProjCheckvisible="showCheck"
-      :selectProjectId="selectPathId"
+      v-model:selectProjectId="selectPathId"
       v-model:addAuthList="addAuthList"
-      :authClassify="authClassify"
+      v-model:authClassify="authClassify"
       classify="learnPath"
     />
     <!-- 管理权抽屉 -->
-    <proj-check-ship
+    <!-- <proj-check-ship
       v-model:ProjCheckvisible="Managevisible"
       :selectProjectId="selectPathId"
       v-model:addAuthList="addAuthList"
       :authClassify="authClassify"
       classify="learnPath"
-    />
+    /> -->
     <!-- 创建路径loading -->
 
     <!-- 更多背景图 v-model:visible="learnBgMore"  -->
@@ -733,6 +733,7 @@ export default {
       PLvisible: false, //授权名单抽屉
       Queryvisible: false, //查看权抽屉
       Managevisible: false, //管理权抽屉
+      showCheck: false,
 
       value1: "",
       value2: "",
@@ -991,12 +992,12 @@ export default {
     const showQuery = (id) => {
       state.authClassify = 1;
       state.selectPathId = id;
-      state.Queryvisible = true;
+      state.showCheck = true;
     };
     const showManage = (id) => {
       state.authClassify = 2;
       state.selectPathId = id;
-      state.Managevisible = true;
+      state.showCheck = true;
     };
     const getTableDate = (tableData) => {
       let data = tableData;
@@ -1713,6 +1714,7 @@ export default {
           });
       }
     );
+
     return {
       ...toRefs(state),
       selectProjectName,

src/views/learningpath/LevelAdd.vue

@@ -98,7 +98,7 @@
               <div class="taskmain">快速创建项目详情</div>
             </div>
             <div class="second">
-              <router-link :to="{ path: '/leveladddetail' }">
+              <div @click="totask">
                 <div
                   class="taskbox"
                   style="background: linear-gradient(180deg, #fef3dd, #fffaf0)"
@@ -117,10 +117,10 @@
                   </div>
                   <div class="centermain">快速添加任务/关卡</div>
                 </div>
-              </router-link>
+              </div>
               <div
                 class="taskbox"
-                @click="showAddStu"
+                @click="tostudent"
                 style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
               >
                 <div class="leftt">
@@ -460,7 +460,7 @@
                     </div>
                     <div class="time">
                       <div class="timetext">开始时间</div>
-                      <div class="timetext">{{ item.beginTime }}</div>
+                      <div class="timetext">{{ item.startTime!==null?item.startTime[0]+'-'+ item.startTime[1]+'-'+item.startTime[2]:''}}</div>
                     </div>
                     <div class="progress">
                       <div class="progresstext">
@@ -773,7 +773,7 @@
                     </div>
                     <div class="btnbox" style="margin: 20px">
                       <a-upload
-                        v-if="(docChecked==true)"
+                        v-if="docChecked == true"
                         v-model:file-list="fileList"
                         name="file"
                         action="/manageApi/file/upload"
@@ -790,7 +790,11 @@
                           alt=""
                         />
                       </a-upload>
-                      <div v-if="(docChecked==true)" class="btnbox" style="margin: 20px">
+                      <div
+                        v-if="docChecked == true"
+                        class="btnbox"
+                        style="margin: 20px"
+                      >
                         <span style="color: #999999">
                           支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
                         </span>
@@ -2115,6 +2119,15 @@ export default {
           });
       }
     );
+
+    const totask = () => {
+      state.activeKey = "2";
+    };
+    const tostudent = () => {
+      state.activeKey = "3";
+      getStudent();
+      // state.activeKey1 = "8";
+    };
     return {
       ...toRefs(state),
       ...toRefs(levelList),
@@ -2166,6 +2179,8 @@ export default {
       setconfig,
       deFile,
       deleteStu,
+      totask,
+      tostudent,
     };
   },
 };

src/views/projectcenter/TaskPage.vue

@@ -429,11 +429,17 @@
                     </div>
                     <div class="time">
                       <div class="timetext">开始时间</div>
-                      <div class="timetext">{{item.createTime?toDate(Number(item.createTime),"Y-M-D"):'---'}}</div>
+                      <div class="timetext">
+                        {{
+                          item.startTime !== null ? item.startTime[0] + '-' + item.startTime[1] + '-' + item.startTime[2] : ''
+                        }}
+                      </div>
                     </div>
                     <div class="progress">
                       <div class="progresstext">
-                        {{ item.finishStuCnt&&item.finishStuCnt!==null?item.finishStuCnt:0  }}/{{ item.totalStuCnt&&item.totalStuCnt!==null?item.totalStuCnt:0 }}人
+                        {{
+                          item.finishStuCnt && item.finishStuCnt !== null ? item.finishStuCnt : 0
+                        }}/{{ item.totalStuCnt && item.totalStuCnt !== null ? item.totalStuCnt : 0 }}人
                       </div>
                       <div style="display: flex">
                         <a-progress
@@ -802,11 +808,15 @@
           <div class="split"></div>
           <a-tabs v-model:activeKey="activeKeyNotice">
             <a-tab-pane key="11" tab="公告"
-              ><NoticePub v-model:projectId="projectId"></NoticePub
+            >
-            ></a-tab-pane>
+              <NoticePub v-model:projectId="projectId"></NoticePub
+              >
+            </a-tab-pane>
             <a-tab-pane key="12" tab="历史公告" force-render
-              ><NoticeHis v-model:projectId="projectId"></NoticeHis
+            >
-            ></a-tab-pane>
+              <NoticeHis v-model:projectId="projectId"></NoticeHis
+              >
+            </a-tab-pane>
           </a-tabs>
         </a-tab-pane>
         <!-- 2022-11-30注释 后面放开 -->
@@ -994,7 +1004,7 @@
                   <div class="set_content">
                     <div class="setc_name"><span>同步学习记录：</span></div>
                     <div class="setc_main">
-                      <a-radio v-model:checked="checkedSty"
+                      <a-radio v-model:checked="checkedSty" :disabled="true"
                       ><span style="color: #333333"
                       >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
                       ></a-radio
@@ -1004,19 +1014,20 @@
                   <div class="set_content">
                     <div class="setc_name"><span>项目级别：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999">{{ level }}</span>
+                      <span style="color: #999999"><ProjectLevel v-model:value="level" :disabled="true"></ProjectLevel></span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>培训体系：</span></div>
                     <div class="setc_main">
-                      <span style="color: #999999">{{ systemId }}</span>
+                      <span style="color: #999999"><TrainClass v-model:value="systemId"
+                                                               :disabled="true"></TrainClass></span>
                     </div>
                   </div>
                   <div class="set_content">
                     <div class="setc_name"><span>是否BOEU实施：</span></div>
                     <div class="setc_main">
-                      <a-radio v-model:checked="checkedBOEU"
+                      <a-radio v-model:checked="checkedBOEU" :disabled="true"
                       ><span style="color: #333333">BOEU实施</span></a-radio
                       >
                     </div>
@@ -1702,9 +1713,14 @@ import projSet from "../../components/Modals/projSet";
 import {overview} from "../../api/indexProjStu";
 import TwoDimensionalCode from "../../components/TwoDimensionalCode.vue";
 import {useStore} from "vuex";
+import ProjectLevel from "@/components/project/ProjectLevel";
+import TrainClass from "@/components/project/TrainClass";
+
 export default {
   name: "taskPage",
   components: {
+    ProjectLevel,
+    TrainClass,
     TimeManage,
     FaceManage,
     SubsetManage,
@@ -3256,34 +3272,16 @@ export default {
         let end = info.endTime
         state.tstartTime = info.beginTime;
         state.tendTime = info.endTime;
-        state.tsourceBelong = info.sourceBelongId;
+        state.tsourceBelong = info.sourceBelongName;
         state.parentId = info.parentId;
         state.name = info.name;
         state.startTime = start;
         state.endTime = end;
         state.manager = info.manager;
         state.remark = info.remark;
-        state.level =
+        state.level = info.level;
-          info.level == 1
-            ? "集团级"
-            : info.level == 2
-            ? "组织级"
-            : info.level == 3
-            ? "现地级"
-            : info.level == 4
-            ? "部门级"
-            : "-";
         state.tlevel = info.level;
-        state.systemId =
+        state.systemId = info.systemId;
-          info.systemId == 1
-            ? "集团级"
-            : info.systemId == 2
-            ? "组织级"
-            : info.systemId == 3
-            ? "现地级"
-            : info.systemId == 4
-            ? "部门级"
-            : "-";
         state.tsystemId = info.systemId;
         state.checkedSty = info.courseSyncFlag == 1 ? true : false;
         state.courseSyncFlag = info.courseSyncFlag;
@@ -3298,14 +3296,7 @@ export default {
         state.noticeFlag = info.noticeFlag;
         // state.attach = info.attach;
         // state.templateId = info.templateId;
-        state.sourceBelong =
+        state.sourceBelong = info.sourceBelongName;
-          info.sourceBelongId == 1
-            ? "项目一"
-            : info.sourceBelongId == 2
-            ? "项目二"
-            : info.sourceBelongId == 3
-            ? "项目三"
-            : "-";
         // state.fileList=info.attach.split(",")
         let d = info.attach.indexOf(",");
         // console.log(info.attach, "xgo", info.attach.length);
@@ -4499,12 +4490,14 @@ export default {
   .ant-modal {
     .ant-modal-body {
       padding: 0;
+
       .modalHeader {
         background: linear-gradient(
                 rgba(78, 166, 255, 0.2) 0%,
                 rgba(78, 166, 255, 0) 100%
         );
       }
+
       .modalMain {
         .projectname {
           color: rgba(79, 81, 86, 1);
@@ -4514,23 +4507,28 @@ export default {
           font-weight: 500;
           text-align: center;
         }
+
         .projecttime {
           margin-left: 221px;
+
           .timeti {
             color: rgba(153, 155, 163, 1);
             font-size: 14px;
             line-height: 36px;
           }
+
           .timeme {
             color: rgba(79, 81, 86, 1);
             font-size: 14px;
             line-height: 36px;
           }
         }
+
         .projectbox {
           margin-top: 26px;
           display: flex;
           justify-content: center;
+
           .promessage {
             width: 280px;
             height: 110px;
@@ -4541,6 +4539,7 @@ export default {
             );
             border-radius: 10px;
             margin-right: 7px;
+
             .messageme {
               color: rgba(255, 182, 78, 1);
               font-size: 14px;
@@ -4548,12 +4547,14 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
               margin-left: 30px;
             }
           }
+
           .stumessage {
             width: 280px;
             height: 110px;
@@ -4563,6 +4564,7 @@ export default {
                     rgba(240, 248, 254, 1)
             );
             border-radius: 10px;
+
             .messageme1 {
               color: rgba(78, 166, 255, 1);
               font-size: 14px;
@@ -4570,6 +4572,7 @@ export default {
               margin-top: 17px;
               margin-left: 30px;
             }
+
             .messagege1 {
               color: rgba(153, 155, 163, 1);
               font-size: 14px;
@@ -4577,26 +4580,32 @@ export default {
             }
           }
         }
+
         .send {
           margin-top: 30px;
           margin-left: 61px;
+
           .sendtext {
             margin-left: 11px;
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
         }
+
         .ckb {
           margin-top: 20px;
           margin-left: 62px;
+
           .sendpeo {
             color: rgba(109, 117, 132, 1);
             font-size: 14px;
           }
+
           .ant-checkbox-inner {
             border-radius: 4px;
           }
         }
+
         .pubtn {
           display: flex;
           justify-content: center;
@@ -4615,6 +4624,7 @@ export default {
             align-items: center;
             background: rgba(255, 255, 255, 1);
           }
+
           .pubtn2 {
             width: 100px;
             height: 40px;
@@ -6141,6 +6151,7 @@ export default {
       }
     }
   }
+
   //设置的共享文档
   .sametab {
     // margin-left: 30px;
@@ -6150,35 +6161,43 @@ export default {
     // background-color: green;
     .Gcon {
       display: flex;
+
       .pad {
         height: 100%;
         width: 40px;
       }
+
       .Gin {
         // background-color: #bfa;
         margin-top: 30px;
+
         .headone {
           // background-color: red;
           display: flex;
           text-align: center;
+
           .box {
             width: 4px;
             height: 20px;
             background-color: #409eff;
             border-radius: 2px;
           }
+
           .onetitle {
             margin-left: 15px;
             color: #333333;
             font-size: 14px;
           }
+
           .oneedi {
             margin-left: 15px;
             color: #4ea6ff;
             cursor: pointer;
           }
+
           .twobtn {
             display: flex;
+
             .btnone {
               width: 42px;
               height: 24px;
@@ -6188,6 +6207,7 @@ export default {
               margin-left: 20px;
               cursor: pointer;
             }
+
             .btntwo {
               width: 42px;
               height: 24px;
@@ -6200,38 +6220,46 @@ export default {
             }
           }
         }
+
         .btnbox {
           .ant-upload-list {
             display: none !important;
           }
         }
+
         .onemain {
           margin-top: 20px;
           margin-left: 55px;
           color: #6f6f6f;
           font-size: 14px;
+
           .checkcon {
             position: relative;
+
             .in {
               position: absolute;
               // margin-top: 10px;
               left: 0;
               top: 3px;
             }
+
             .yulan {
               // color: yellow;
               margin-left: 22px;
               // display: inline-block;
             }
+
             .yulan2 {
               margin-left: 22px;
             }
+
             .ant-input-number {
               height: 24px;
               width: 24px;
               margin: 10px;
               border-radius: 4px;
               border: 1px solid #6d7584;
+
               .ant-input-number-input {
                 width: 100%;
                 height: 100%;
@@ -6243,58 +6271,72 @@ export default {
             }
           }
         }
+
         .twomain {
           margin-left: 20px;
           margin-top: 20px;
+
           .ant-switch-checked {
             background-color: #5dc988;
           }
+
           .info {
             margin-left: 10px;
             color: #6f6f6f;
             font-size: 14px;
             // margin-top: 10px;
           }
+
           .infor {
             margin-left: 38px;
             margin-top: 10px;
             color: #c7cbd2;
             font-size: 14px;
           }
+
           .chooseshow {
             // background-color: red;
             margin-left: 38px;
             margin-top: 12px;
+
             .fane {
               color: #6f6f6f;
               font-size: 14px;
             }
           }
+
           .choo {
             display: none;
           }
+
           .btm {
             margin-left: 38px;
             margin-top: 20px;
+
             .bmo {
               color: #6f6f6f;
               font-size: 14px;
             }
+
             .bmt {
               color: #c7cbd2;
               font-size: 14px;
               margin-top: 3px;
             }
+
             .chosecon {
               display: flex;
               margin-top: 6px;
               margin-bottom: 20px;
+
               .chose {
                 position: relative;
+
                 .inl {
                   position: absolute;
                   top: 2px;
                 }
+
                 .sh {
                   margin-left: 23px;
                   color: #6f6f6f;
@@ -6305,8 +6347,10 @@ export default {
         }
       }
     }
+
     .Lhead {
       display: flex;
+
       .btns {
         display: flex;
         margin-left: 20px;
@@ -6323,9 +6367,11 @@ export default {
           margin-right: 14px;
           flex-shrink: 0;
           cursor: pointer;
+
           .search {
             background-size: 100%;
           }
+
           .btnText {
             font-size: 14px;
             font-weight: 400;
@@ -6334,6 +6380,7 @@ export default {
             margin-left: 5px;
           }
         }
+
         .btn1 {
           .search {
             width: 15px;
@@ -6341,6 +6388,7 @@ export default {
             background-image: url("../../assets/images/courseManage/search1.png");
           }
         }
+
         .btn2 {
           .search {
             width: 16px;
@@ -6348,46 +6396,59 @@ export default {
             background-image: url("../../assets/images/courseManage/reset1.png");
           }
         }
+
         .btn3 {
           margin-right: 0px;
+
           .search {
             width: 17px;
             height: 18px;
             background-image: url("../../assets/images/courseManage/add1.png");
           }
         }
+
         .btn1:hover {
           background: rgba(64, 158, 255, 1);
+
           .search {
             background-image: url("../../assets/images/courseManage/search0.png");
           }
+
           .btnText {
             color: #ffffff;
           }
         }
+
         .btn2:hover {
           background: rgba(64, 158, 255, 1);
+
           .search {
             background-image: url("../../assets/images/courseManage/reset0.png");
           }
+
           .btnText {
             color: #ffffff;
           }
         }
+
         .btn3:hover {
           background: rgba(64, 158, 255, 1);
+
           .search {
             background-image: url("../../assets/images/courseManage/add0.png");
           }
+
           .btnText {
             color: #ffffff;
           }
         }
       }
     }
+
     .Lbom {
       position: relative;
       margin-bottom: 20px;
+
       .item {
         width: 100%;
         height: 200px;
@@ -6395,6 +6456,7 @@ export default {
         margin-top: 40px;
         border-radius: 8px;
         border: 1px solid #f0f4fe;
+
         .itemhead {
           height: 50px;
           width: 100%;
@@ -6402,6 +6464,7 @@ export default {
           display: flex;
           align-items: center;
           position: relative;
+
           .lev {
             margin-left: 27px;
             margin-right: 16px;
@@ -6409,64 +6472,77 @@ export default {
             color: #409eff;
             font-size: 16px;
           }
+
           .lin {
             width: 1px;
             height: 35%;
             background-color: #c7cbd2;
           }
+
           .nam {
             margin-left: 16px;
             color: #4f5156;
             line-height: 100%;
             font-size: 16px;
           }
+
           .count {
             position: absolute;
             line-height: 100%;
             color: #4f5156;
             font-size: 14px;
             right: 40px;
+
             span:nth-child(2) {
               color: #63ca8c;
             }
           }
         }
+
         .itembomm {
           display: flex;
           align-items: center;
           height: 150px;
+
           .it {
             // margin-left: 110px;
             // margin-right: 110px;
             width: 13%;
             text-align: center;
+
             .on {
               font-size: 30px;
             }
+
             .ittext {
               color: #4f5156;
               margin-top: 16px;
               margin-left: -5px;
             }
           }
+
           .linee {
             background-color: #ecf2fb;
             width: 1px;
             height: 55%;
           }
+
           .itright {
             position: absolute;
             right: 45px;
             display: flex;
+
             .te {
               color: #4ea6ff;
               font-size: 14px;
               cursor: pointer;
             }
+
             .more {
               position: relative;
               height: 30px;
               display: flex;
+
               .moreArrow {
                 width: 13px;
                 height: 7px;
@@ -6477,6 +6553,7 @@ export default {
                 margin-left: 7px;
                 margin-top: 6px;
               }
+
               .moreItems {
                 width: 80px;
                 height: 70px;
@@ -6489,6 +6566,7 @@ export default {
                 left: 0px;
                 top: 20px;
                 z-index: 100;
+
                 .roleItem {
                   font-size: 14px;
                   font-weight: 400;
@@ -6498,14 +6576,17 @@ export default {
                   justify-content: center;
                   cursor: pointer;
                 }
+
                 .roleItem:hover {
                   color: #4ea6ff;
                 }
               }
             }
+
             .more:hover .moreArrow {
               background-image: url("../../assets/images/navtop/up.png");
             }
+
             .more:hover .moreItems {
               display: block;
             }
@@ -6515,12 +6596,15 @@ export default {
         .show {
           color: blue;
         }
+
         .noshow {
           display: none;
         }
       }
+
       .create {
         margin-top: 40px;
+
         .taskbox {
           width: 412px;
           height: 160px;
@@ -6529,21 +6613,25 @@ export default {
           // margin-left: 68px;
           margin-bottom: 40px;
           cursor: pointer;
+
           .leftt {
             position: absolute;
             top: 18px;
             left: 0;
           }
+
           .photo {
             position: absolute;
             top: 42px;
             left: 37px;
           }
+
           .rightt {
             position: absolute;
             top: 69px;
             right: 26px;
           }
+
           .centerbox {
             position: absolute;
             top: 52px;
@@ -6552,6 +6640,7 @@ export default {
             font-weight: 700;
             //line-height: 36px;
           }
+
           .centermain {
             color: rgba(135, 139, 146, 1);
             font-size: 14px;