From 68f5a4957e353e87cfd733560bd00db0ce40f655 Mon Sep 17 00:00:00 2001
From: lixg <lixg@dongwu-inc.com>
Date: Tue, 13 Dec 2022 21:49:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=90=88=E5=B9=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/config.js                       |   2 +-
 src/components/NavTop.vue               |   2 +-
 src/views/projectcenter/templateAdd.vue | 220 +++++++++++++-----------
 3 files changed, 119 insertions(+), 105 deletions(-)

diff --git a/src/api/config.js b/src/api/config.js
index b726a884..8e180c47 100644
--- a/src/api/config.js
+++ b/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-13 09:24:16
+ * @LastEditTime: 2022-12-13 15:30:27
  * @FilePath: /fe-manage/src/api/config.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue
index 306d7b78..797a6847 100644
--- a/src/components/NavTop.vue
+++ b/src/components/NavTop.vue
@@ -76,7 +76,7 @@ export default {
         {
           id: 1,
           name: "管理员",
-          go: "/manage/learningpath",
+          go: "/learningpath",
         },
         {
           id: 2,
diff --git a/src/views/projectcenter/templateAdd.vue b/src/views/projectcenter/templateAdd.vue
index 6d7ae89d..839f41b3 100644
--- a/src/views/projectcenter/templateAdd.vue
+++ b/src/views/projectcenter/templateAdd.vue
@@ -4,10 +4,10 @@
     <div class="header">
       <span class="title">创建/编辑单层模板</span>
       <div
-          @click="backPage"
-          style="cursor: pointer"
-          to="/manage/libraryAdd"
-          class="goback"
+        @click="backPage"
+        style="cursor: pointer"
+        to="/libraryAdd"
+        class="goback"
       >
         <span class="return"></span><span class="returntext">返回</span>
       </div>
@@ -17,25 +17,25 @@
         <div class="name">
           <div class="namebox">
             <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">模板名称</div>
           </div>
           <div class="in">
             <a-input
-                v-model:value="projectInfo.name"
-                placeholder="请输入模板名称"
-                show-count
-                :maxlength="30"
+              v-model:value="projectInfo.name"
+              placeholder="请输入模板名称"
+              show-count
+              :maxlength="30"
             />
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">分类</div>
           </div>
@@ -43,92 +43,97 @@
             <ProjectClass v-model:value="projectInfo.category"></ProjectClass>
           </div>
         </div>
-        <div class="name" style="align-items: flex-start;">
+        <div class="name" style="align-items: flex-start">
           <div class="namebox" style="margin-top: 10px">
             <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">封面图</div>
           </div>
-          <div class="in select" style="flex:1">
+          <div class="in select" style="flex: 1">
             <a-select
-                :getPopupContainer="
-                        (triggerNode) => {
-                          return triggerNode.parentNode || document.body;
-                        }
-                      "
-                v-model:value="projectInfo.picUrl"
-                dropdownClassName="dropdown-style"
-                style="width: 440px"
-                placeholder="请选择"
-                :options="projectPic"
-                @change="handleChangeSelect"
-                allowClear
+              :getPopupContainer="
+                (triggerNode) => {
+                  return triggerNode.parentNode || document.body;
+                }
+              "
+              v-model:value="projectInfo.picUrl"
+              dropdownClassName="dropdown-style"
+              style="width: 440px"
+              placeholder="请选择"
+              :options="projectPic"
+              @change="handleChangeSelect"
+              allowClear
             ></a-select>
             <img
-                style="width:100px;height:100px;margin-top:20px;border-radius: 8px"
-                v-if="projectInfo.picUrl"
-                :src="projectInfo.picUrl"
-                alt="avatar"
+              style="
+                width: 100px;
+                height: 100px;
+                margin-top: 20px;
+                border-radius: 8px;
+              "
+              v-if="projectInfo.picUrl"
+              :src="projectInfo.picUrl"
+              alt="avatar"
             />
             <div class="i_bottom">
-                      <span style="color: #999ba3">
-                        高宽比为16:9 (如:800*450) png或jpg图片
-                      </span>
+              <span style="color: #999ba3">
+                高宽比为16:9 (如:800*450) png或jpg图片
+              </span>
             </div>
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">项目时间</div>
           </div>
 
           <div class="in">
             <a-range-picker
-                separator="至"
-                :placeholder="['      开始时间', '        结束时间']"
-                v-model:value="projectInfo.rangeTime"
-                style="width: 100%; height: 40px; border-radius: 5px"
-                valueFormat="YYYY-MM-DD HH:mm:ss"
-                @change="timeChange"
+              separator="至"
+              :placeholder="['      开始时间', '        结束时间']"
+              v-model:value="projectInfo.rangeTime"
+              style="width: 100%; height: 40px; border-radius: 5px"
+              valueFormat="YYYY-MM-DD HH:mm:ss"
+              @change="timeChange"
             />
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">项目经理</div>
           </div>
           <div class="in">
             <ProjectManager
-                v-model:value="projectInfo.managerId"
-                v-model:name="projectInfo.manager"
-                @onChange="managerChange"
-                mode="multiple"
+              v-model:value="projectInfo.managerId"
+              v-model:name="projectInfo.manager"
+              @onChange="managerChange"
+              mode="multiple"
             ></ProjectManager>
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">资源归属</div>
           </div>
 
           <div class="in select">
             <OrgClass
-                v-model:value="projectInfo.sourceBelongId"
-                v-model:name="projectInfo.sourceBelongName"
+              v-model:value="projectInfo.sourceBelongId"
+              v-model:name="projectInfo.sourceBelongName"
             ></OrgClass>
           </div>
         </div>
@@ -138,11 +143,11 @@
           </div>
           <div class="in">
             <a-textarea
-                v-model:value="projectInfo.remark"
-                style="height: 80px"
-                placeholder="请输入说明"
-                show-count
-                :maxlength="200"
+              v-model:value="projectInfo.remark"
+              style="height: 80px"
+              placeholder="请输入说明"
+              show-count
+              :maxlength="200"
             />
           </div>
         </div>
@@ -151,24 +156,23 @@
             <div class="inname">同步学习记录</div>
           </div>
           <div class="in">
-            <a-checkbox
-                v-model:checked="projectInfo.courseSyncFlag"
-            ><span
+            <a-checkbox v-model:checked="projectInfo.courseSyncFlag"
+              ><span
                 style="
                   width: 100%;
                   color: rgba(109, 117, 132, 1);
                   font-size: 14px;
                 "
-            >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
-            ></a-checkbox
+                >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+              ></a-checkbox
             >
           </div>
         </div>
         <div class="name">
           <div class="namebox">
             <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">项目级别</div>
           </div>
@@ -179,8 +183,8 @@
         <div class="name">
           <div class="namebox">
             <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">培训体系</div>
           </div>
@@ -191,15 +195,13 @@
         <div class="name">
           <div class="namebox">
             <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
+              class="nameimg"
+              src="../../assets/images/basicinfo/asterisk.png"
             />
             <div class="inname">是否BOEU实施</div>
           </div>
           <div class="in">
-            <a-radio-group
-                v-model:value="projectInfo.boeFlag"
-            >
+            <a-radio-group v-model:value="projectInfo.boeFlag">
               <a-radio :value="1">是</a-radio>
               <a-radio :value="0">否</a-radio>
             </a-radio-group>
@@ -210,20 +212,18 @@
     <div class="footer">
       <div class="btn">
         <a-button v-on:click="createProject" type="primary" class="btn1"
-        >确定
-        </a-button
-        >
+          >确定
+        </a-button>
         <a-button @click="backPage" class="btn2">取消</a-button>
       </div>
     </div>
   </div>
 </template>
 <script setup>
-
-import {useStore} from "vuex";
-import {ref, onMounted, watch} from "vue";
-import {message} from "ant-design-vue";
-import {useRouter, useRoute} from "vue-router";
+import { useStore } from "vuex";
+import { ref, onMounted, watch } from "vue";
+import { message } from "ant-design-vue";
+import { useRouter, useRoute } from "vue-router";
 import * as api from "../../api/indexTemplate";
 import ProjectClass from "@/components/project/ProjectClass";
 import TrainClass from "@/components/project/TrainClass";
@@ -234,31 +234,41 @@ import ProjectLevel from "@/components/project/ProjectLevel";
 const route = useRoute();
 const router = useRouter();
 const store = useStore();
-const projectInfo = ref({})
-const projectPic = ref([])
+const projectInfo = ref({});
+const projectPic = ref([]);
 
 onMounted(() => {
-  getDetail()
-  projectPic.value = store.state.projectPic.map((e) => ({value: e.dictValue, label: e.dictName}));
-})
+  getDetail();
+  projectPic.value = store.state.projectPic.map((e) => ({
+    value: e.dictValue,
+    label: e.dictName,
+  }));
+});
 
-watch(() => route.query.projectTemplateId, () => {
-  getDetail()
-})
+watch(
+  () => route.query.projectTemplateId,
+  () => {
+    getDetail();
+  }
+);
 
-const getDetail = () => route.query.projectTemplateId && api.templateDetail(route.query.projectTemplateId)
-    .then((res) => {
-      projectInfo.value = res.data.data.projectTemplateInfo;
-      projectInfo.value.rangeTime = [projectInfo.value.beginTime, projectInfo.value.endTime]
-    })
+const getDetail = () =>
+  route.query.projectTemplateId &&
+  api.templateDetail(route.query.projectTemplateId).then((res) => {
+    projectInfo.value = res.data.data.projectTemplateInfo;
+    projectInfo.value.rangeTime = [
+      projectInfo.value.beginTime,
+      projectInfo.value.endTime,
+    ];
+  });
 
 const backPage = () => {
   router.back();
 };
 
 const handleChangeSelect = (value) => {
-  projectInfo.value.picUrl = value
-}
+  projectInfo.value.picUrl = value;
+};
 
 function timeChange(e) {
   if (e && e.length === 2) {
@@ -289,18 +299,22 @@ const createProject = () => {
       return;
     }
   }
-  api.templateEdit({...projectInfo.value, courseSyncFlag: projectInfo.value.courseSyncFlag ? 1 : 0}).then(() => {
-    message.destroy();
-    message.success("编辑成功");
-    router.back()
-  })
+  api
+    .templateEdit({
+      ...projectInfo.value,
+      courseSyncFlag: projectInfo.value.courseSyncFlag ? 1 : 0,
+    })
+    .then(() => {
+      message.destroy();
+      message.success("编辑成功");
+      router.back();
+    });
 };
 
 function managerChange(e, l, d, t) {
-  projectInfo.value.valuesourceBelongId = d
-  projectInfo.value.sourceBelongName = t
+  projectInfo.value.valuesourceBelongId = d;
+  projectInfo.value.sourceBelongName = t;
 }
-
 </script>
 <style lang="scss">
 .projectAdd {