From e53798cb5f06a3239508fef2ce685e1225821996 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Tue, 11 Oct 2022 18:31:52 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=93=8D=E4=BD=9C=EF=BC=88?=
 =?UTF-8?q?=E6=B2=A1=E5=BC=84=E5=AE=8C=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/courselibrary/CoursewareManage.vue | 310 ++++++++++++++-----
 1 file changed, 238 insertions(+), 72 deletions(-)

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index d0a9aea0..8cdd00d3 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -1577,38 +1577,180 @@ export default defineComponent({
 
     const getTableDate = () => {
       let data = state.tableData;
-      // data.map((value) => {
-      //   value.operation = (
-      //     // value.courseform === '面授' ? 
-      //         <div class="op_box">
-      //           <div class="operation">
-      //             <span class={value.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
-      //             <span class={value.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
-      //             <span class={value.status === '未提交' || value.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
-      //             <span onClick={() => {}} class={value.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
-      //             <span class={value.status === '待审核' ?  "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
-      //             <span style={{ "margin-left": "25px" }} class="more">
-      //               <span>授权</span>
-      //               <div class="moreArrow"></div>
-      //               <div class="moreItems">
-      //                 <span style="color:#4EA6FF;">权限名单</span>
-      //                 <div class="mitems1">归属权</div>
-      //                 <div class="mitems2">管理权</div>
-      //                 <div class="mitems3">查看权</div>
-      //               </div>
-      //             </span>
-      //             <span
-      //               style={{ "margin-left": "21px", "margin-right": "30px" }}
-      //               class="more"
-      //             >
-      //               <span>更多</span>
-      //               <div class="moreArrow"></div>
-      //               <div class="moreItems"></div>
-      //             </span>
-      //           </div>
-      //         </div>
-      //     );
-      // });
+      data.map((value) => {
+        {
+          //单层项目
+          value.operation = (
+            <div class="operation">
+              <div class="nSelect">
+                {value.status === "已审核" ? (
+                  <div class="nselect">
+                    <router-link to="/leveladd">
+                      <div class="jc">开课</div>
+                    </router-link>
+
+                    <router-link to="/leveladd">
+                      <div class="jc">管理</div>
+                    </router-link>
+
+                    <div class="jc">复制</div>
+
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-left:25px"
+                      value="授权"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option value="权限名单" label="权限名单">
+                        <div>权限名单</div>
+                      </a-select-option>
+                      <a-select-option value="归属权" label="归属权">
+                        <div
+                          onClick={() => {
+                            console.log("点击了");
+                          }}
+                        >
+                          归属权
+                        </div>
+                      </a-select-option>
+                      <a-select-option value="查看权" label="查看权">
+                        <div>查看权</div>
+                      </a-select-option>
+                      <a-select-option value="管理权" label="管理权">
+                        <div>管理权</div>
+                      </a-select-option>
+                    </a-select>
+
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-left:25px"
+                      value="更多"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option
+                        value="复制"
+                        label="复制"
+                        style="padding-left:35px"
+                      >
+                        <div>复制</div>
+                      </a-select-option>
+                      <a-select-option
+                        value="取消"
+                        label="取消"
+                        style="padding-left:35px"
+                      >
+                        <div
+                          onClick={() => {
+                            console.log("点击了");
+                          }}
+                        >
+                          取消
+                        </div>
+                      </a-select-option>
+                    </a-select>
+
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.status === "待审核" ? (
+                  <div class="nselect">
+                    <router-link to="/leveladd">
+                      <div class="jc">开课</div>
+                    </router-link>
+
+                    <div class="jc">撤回</div>
+
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-left:25px"
+                      value="授权"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option value="权限名单" label="权限名单">
+                        <div>权限名单</div>
+                      </a-select-option>
+                      <a-select-option value="归属权" label="归属权">
+                        <div
+                          onClick={() => {
+                            console.log("点击了");
+                          }}
+                        >
+                          归属权
+                        </div>
+                      </a-select-option>
+                      <a-select-option value="查看权" label="查看权">
+                        <div>查看权</div>
+                      </a-select-option>
+                      <a-select-option value="管理权" label="管理权">
+                        <div>管理权</div>
+                      </a-select-option>
+                    </a-select>
+
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.status === "未提交" ? (
+                  <div class="nselect">
+                    <router-link to="/leveladd">
+                      <div class="jc">开课</div>
+                    </router-link>
+
+                    <div class="jc">编辑</div>
+
+                    <div class="jc">复制</div>
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.status === "审核未通过" ? (
+                  <div class="nselect">
+                    <router-link to="/leveladd">
+                      <div class="jc">开课</div>
+                    </router-link>
+
+                    <div class="jc">编辑</div>
+
+                    <div class="jc">复制</div>
+
+                    <a-select
+                      style="width: 50px;margin-top:2px;margin-left:25px"
+                      value="授权"
+                      // options={state.projectNameList}
+                      dropdownClassName="tabledropdown"
+                    >
+                      <a-select-option value="权限名单" label="权限名单">
+                        <div>权限名单</div>
+                      </a-select-option>
+                      <a-select-option value="归属权" label="归属权">
+                        <div
+                          onClick={() => {
+                            console.log("点击了");
+                          }}
+                        >
+                          归属权
+                        </div>
+                      </a-select-option>
+                      <a-select-option value="查看权" label="查看权">
+                        <div>查看权</div>
+                      </a-select-option>
+                      <a-select-option value="管理权" label="管理权">
+                        <div>管理权</div>
+                      </a-select-option>
+                    </a-select>
+
+                    <div class="jc">删除</div>
+
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+              </div>
+            </div>
+          );
+        }
+      });
       state.tableData = data;
     };
     getTableDate();
@@ -2204,48 +2346,72 @@ export default defineComponent({
     .op_box {
       display: flex;
       justify-content: right;
-      .opacation {
-        font-size: 14px;
-        font-weight: 400;
-        color: #4ea6ff;
-        // line-height: 36px;
-        .activecls {
-          display: inline-block;
-        }
-        .errorCls {
-          display: none;
-        }
-        .more {
-          position: relative;
-          .moreArrow {
-            width: 13px;
-            height: 7px;
-            display: inline-block;
-            background-image: url("@/assets/images/navtop/down.png");
-            background-size: 100%;
-            margin: 2px;
-            margin-left: 7px;
-          }
-          .moreItems {
-            width: 80px;
-            // height: 70px;
-            display: none;
-            background: #ffffff;
-            box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-            border-radius: 3px;
-            border: 0px solid #dcdcdc;
-            align-items: center;
-            position: absolute;
-            left: 0px;
-            top: 18px;
-            z-index: 9999 !important;
+      // .opacation {
+      //   font-size: 14px;
+      //   font-weight: 400;
+      //   color: #4ea6ff;
+      //   // line-height: 36px;
+      //   .activecls {
+      //     display: inline-block;
+      //   }
+      //   .errorCls {
+      //     display: none;
+      //   }
+      //   .more {
+      //     position: relative;
+      //     .moreArrow {
+      //       width: 13px;
+      //       height: 7px;
+      //       display: inline-block;
+      //       background-image: url("@/assets/images/navtop/down.png");
+      //       background-size: 100%;
+      //       margin: 2px;
+      //       margin-left: 7px;
+      //     }
+      //     .moreItems {
+      //       width: 80px;
+      //       // height: 70px;
+      //       display: none;
+      //       background: #ffffff;
+      //       box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+      //       border-radius: 3px;
+      //       border: 0px solid #dcdcdc;
+      //       align-items: center;
+      //       position: absolute;
+      //       left: 0px;
+      //       top: 18px;
+      //       z-index: 9999 !important;
+      //     }
+      //   }
+      //   .more:hover .moreArrow {
+      //     background-image: url("@/assets/images/navtop/up.png");
+      //   }
+      //   .more:hover .moreItems {
+      //     display: block;
+      //   }
+      // }
+    }
+    .operation {
+      display: flex;
+      justify-content: right;
+      .nSelect {
+        .nselect {
+          display: flex;
+          .jc {
+            color: #4ea6ff;
+            font-size: 14px;
+            margin-left: 20px;
           }
         }
-        .more:hover .moreArrow {
-          background-image: url("@/assets/images/navtop/up.png");
-        }
-        .more:hover .moreItems {
-          display: block;
+      }
+      .tableSelect {
+        margin-right: 20px;
+        display: flex;
+        align-items: center;
+        justify-content: right;
+        .g1 {
+          color: #4ea6ff;
+          font-size: 14px;
         }
       }
     }