From ee36fa411491982095a8f8f9a4857344df2ba2be Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Thu, 20 Oct 2022 16:04:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=93=E5=BC=B9=E7=AA=97=E5=88=A0=E9=99=A4=E5=A4=8D=E5=88=B6?=
 =?UTF-8?q?=E5=81=9C=E7=94=A8=E4=BA=8C=E7=BB=B4=E7=A0=81=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=20=E6=96=B0=E5=BB=BA=E5=BC=80=E8=AF=BE=E6=97=A0=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images/coursewareManage/nostate.png       | Bin 0 -> 3863 bytes
 src/views/courselibrary/CoursewareManage.vue  | 200 ++++++++++++++++--
 2 files changed, 181 insertions(+), 19 deletions(-)
 create mode 100644 src/assets/images/coursewareManage/nostate.png

diff --git a/src/assets/images/coursewareManage/nostate.png b/src/assets/images/coursewareManage/nostate.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e88dc18399dbf3bc6e42aeaf6d2fe6809bc4057
GIT binary patch
literal 3863
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
Z?!S#GdeG|z%=Q2P002ovPDHLkV1kGYQu+V@

literal 0
HcmV?d00001

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index aad38383..b7162605 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -1013,7 +1013,21 @@
                 </div>
               </div>
             </div>
-            <div class="stm_table">
+            <!-- 无数据样式 -->
+            <div class="notable" :style="{ display: stm_hs ?  'none' : 'block'  }">
+              <div class="notablebox">
+                <div class="boxbody">
+                  <div class="boximg"></div>
+                  <div class="boxtitle"><span style="color:#FFB64E;font-size: 20px;">无课程</span></div>
+                  <div class="boxtitle2"><span style="color:#878B92;">请点击新建开课，创建课程</span></div>
+                </div>
+                <div class="smallleft"></div>
+                  <div class="smallright"></div>
+              </div>
+            </div>
+            <!-- 无数据样式 -->
+            <!-- 有数据表格 -->
+            <div class="stm_table" :style="{ display: stm_hs ? 'block' : 'none' }">
               <a-table
                 :columns="columns6"
                 :data-source="tableData6"
@@ -1042,6 +1056,7 @@
                 }"
               />
             </div>
+            <!-- 有数据表格 -->
           </div>
         </div>
       </div>
@@ -1604,9 +1619,7 @@
         <div class="del_header"></div>
         <div class="del_main">
           <div class="header">
-            <div
-              class="icon"
-            ></div>
+            <div class="icon"></div>
             <span>提示</span>
             <div class="close_exit" @click="delete_exit"></div>
           </div>
@@ -1637,9 +1650,7 @@
         <div class="del_header"></div>
         <div class="del_main">
           <div class="header">
-            <div
-              class="icon"
-            ></div>
+            <div class="icon"></div>
             <span>提示</span>
             <div class="close_exit" @click="delete_exit"></div>
           </div>
@@ -1658,6 +1669,37 @@
       </div>
     </a-modal>
     <!--复制弹窗 -->
+    <!--停用弹窗 -->
+    <a-modal
+      v-model:visible="nouse_hs"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="DelModal"
+      style="margin-top: 400px"
+    >
+      <div class="delete" :style="{ display: nouse_hs ? 'block' : 'none' }">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="nouse_exit"></div>
+          </div>
+          <div class="body">
+            <span>您确定要停用此课程吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn1">
+              <div class="btnText" @click="nouse_exit">取消</div>
+            </div>
+            <div class="del_btn btn2">
+              <div class="btnText" @click="nouse_exit">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--停用弹窗 -->
   </div>
 </template>
 <script>
@@ -2021,7 +2063,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: false,
         },
         {
@@ -2038,7 +2079,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: true,
         },
         {
@@ -2055,7 +2095,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: true,
         },
         {
@@ -2072,7 +2111,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "停用",
           kkty: true,
         },
         {
@@ -2089,7 +2127,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: true,
         },
         {
@@ -2106,7 +2143,6 @@ export default defineComponent({
           creator: "管理员",
           createtime: "2022-07-20 9:30",
           pubtime: "2022-07-20 9:30",
-          ynuse: "启用",
           kkty: true,
         },
       ],
@@ -2324,6 +2360,7 @@ export default defineComponent({
       rejectstudy_hs: false,
       delete_hs: false,
       copy_hs: false,
+      nouse_hs: false,
       value: "",
       value5: "",
       value6: "",
@@ -2338,6 +2375,7 @@ export default defineComponent({
       selectedRowKeys: [],
       faceManageTab: "1",
     });
+    // 渲染列表1操作
     const getTableDate = () => {
       let datas = state.tableData1;
       datas.map((value) => {
@@ -2646,6 +2684,7 @@ export default defineComponent({
       state.tableData = datas;
     };
     getTableDate();
+    //渲染学员管理操作
     const getTableDate2 = () => {
       let data2 = state.tableData7;
       data2.map((value) => {
@@ -2709,6 +2748,7 @@ export default defineComponent({
       state.tableData = data2;
     };
     getTableDate2();
+    // 渲染开课操作
     const getTableDate3 = () => {
       let datas = state.tableData6;
       datas.map((value) => {
@@ -2718,7 +2758,14 @@ export default defineComponent({
             <div class="operation">
               <div class="nSelect">
                 <div class="nselect">
-                  <div class="jc">签到</div>
+                  <div
+                    class="jc"
+                    onClick={() => {
+                      state.QR_hs = true;
+                    }}
+                  >
+                    签到
+                  </div>
                   <div class="jc">编辑</div>
                   <div
                     class="jc"
@@ -2740,19 +2787,38 @@ export default defineComponent({
                         label="复制"
                         style="padding-left:35px"
                       >
-                        <div>复制</div>
+                        <div
+                          onClick={() => {
+                            state.copy_hs = true;
+                          }}
+                        >
+                          复制
+                        </div>
                       </a-select-option>
                       <a-select-option
-                        value="取消"
-                        label="取消"
+                        value="删除"
+                        label="删除"
                         style="padding-left:35px"
                       >
                         <div
                           onClick={() => {
-                            console.log("点击了");
+                            state.delete_hs = true;
                           }}
                         >
-                          取消
+                          删除
+                        </div>
+                      </a-select-option>
+                      <a-select-option
+                        value="QR"
+                        label="QR"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            state.QR_hs = true;
+                          }}
+                        >
+                          二维码
                         </div>
                       </a-select-option>
                     </a-select>
@@ -2766,6 +2832,7 @@ export default defineComponent({
       state.tableData = datas;
     };
     getTableDate3();
+    //渲染学员管理结业状态
     const getTableDate4 = () => {
       let data2 = state.tableData7;
       data2.map((value) => {
@@ -2826,6 +2893,40 @@ export default defineComponent({
       state.tableData = data2;
     };
     getTableDate4();
+    //渲染列表是否停用
+    const getTableDate5 = () => {
+      let data2 = state.tableData1;
+      data2.map((value) => {
+        {
+          //单层项目
+          value.ynuse = (
+            <div class="ynuse">
+              <div class="nSelect">
+                {value.status === "审核未通过" ? (
+                  <div
+                    class="use"
+                    onClick={() => {
+                      state.nouse_hs = true;
+                    }}
+                  >
+                    停用
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.status !== "审核未通过" ? (
+                  <div class="use">启用</div>
+                ) : (
+                  <div></div>
+                )}
+              </div>
+            </div>
+          );
+        }
+      });
+      state.tableData = data2;
+    };
+    getTableDate5();
     const options1 = ref([
       {
         value: "value1",
@@ -2943,6 +3044,9 @@ export default defineComponent({
     const copy_exit = () => {
       state.copy_hs = false;
     };
+    const nouse_exit = () => {
+      state.nouse_hs = false;
+    };
     const onSelectChange = (selectedRowKeys) => {
       console.log("selectedRowKeys changed: ", selectedRowKeys);
       state.selectedRowKeys = selectedRowKeys;
@@ -3000,6 +3104,7 @@ export default defineComponent({
       rejectstudy_exit,
       delete_exit,
       copy_exit,
+      nouse_exit,
       onSelectChange,
       faceManageChange,
       openMessage,
@@ -3156,6 +3261,14 @@ export default defineComponent({
         justify-content: right;
       }
     }
+    .ynuse {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .use {
+        cursor: pointer;
+      }
+    }
   }
 }
 .selectonlineface {
@@ -4471,6 +4584,55 @@ export default defineComponent({
                 }
               }
             }
+            .notable{
+              width:100%;
+              height:100%;
+              display: flex;
+              justify-content: center;
+              .notablebox{
+                width: 412px;
+                height:212px;
+                background:linear-gradient(180deg, #FEF3DD 0%, #FFFAF0 100%);
+                border-radius: 10px;
+              display: flex;
+              justify-content: center;
+                text-align: center;
+                margin-top:77px;
+                margin-bottom:109px;
+                cursor: pointer;
+                position: relative;
+                .smallleft{
+                  position: absolute;
+                  top:18px;
+                  left:0px;
+                  width:8px;
+                  height:21px;
+                  border-radius: 0px 4px 4px 0px;
+                  background-color:#FFB64E;
+                }
+                .smallright{
+                  position: absolute;
+                  bottom:18px;
+                  right:0px;
+                  width:8px;
+                  height:21px;
+                  border-radius: 4px 0px 0px 4px;
+                  background-color:#FFB64E;
+                }
+                .boxbody{
+                  .boximg{
+                    width: 72px;
+                    height:72px;
+                    margin:32px auto 20px auto;
+                    background-image: url(@/assets/images/coursewareManage/nostate.png);
+                    background-size: 100% 100%;
+                  }
+                  .boxtitle{
+                    margin-bottom:4px;
+                  }
+                }
+              }
+            }
             .stm_table {
               width: 90%;
               margin: 30px auto;