feat:评估管理,创建评估,查看评估详情

src/views/research/ManagePage.vue

@@ -10,14 +10,14 @@
           </div>
           <router-link to="/researchmanage" class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></router-link>
         </div>       
-        <div class="text">路径管理</div>
+        <div class="text">评估管理</div>
       </div>
       <div class="message">
         <div class="title">基本信息</div>
         <div class="messagebox">
           <div style="width: 186px;margin-right: 126px;float: left">
-            <span class="name">调研名称:</span>
-            <span class="descript">产品经理问卷调查</span>
+            <span class="name">评估名称:</span>
+            <span class="descript">课程评估</span>
           </div>
           <div style="width: 103px;margin-right: 126px;float:left">
             <span class="name">创建人:</span>
@@ -32,7 +32,7 @@
             <span class="descript">2022-07-22 9:30</span>
           </div>
           <div style="width: 192px;margin-right: 126px;float:left">
-            <span class="name">创建时间:</span>
+            <span class="name">发布时间:</span>
             <span class="descript">2022-07-22 9:30</span>
           </div>
         </div>
@@ -59,13 +59,24 @@
       <!-- 表格 -->
     </div>
   </div>
+  <view-assess v-model:Assessvisible="Assessvisible" />
 </template>
 
 <script>
+import ViewAssess from "../../components/drawers/ViewAssess";
+import { reactive, toRefs} from "vue";
 export default {
   name: "ManagePage",
+  components: { ViewAssess },
   setup() {
+      const state = reactive ({
+        Assessvisible: false,
+      });
+      const showassess = () => {
+        state.Assessvisible = true;
+      };
       return {
+        ...toRefs(state),
         dataSource: [
           {
             key: '1',
@@ -75,6 +86,7 @@ export default {
             project:'产品经理进阶-腾飞班1',
             learning:'产品经理学习路径',
             submit:'2022-07-22 9:30',
+            
           },
           {
             key: '2',
@@ -84,6 +96,7 @@ export default {
             project:'产品经理进阶-腾飞班1',
             learning:'高级产品经理学习路径',
             submit:'2022-07-22 9:30',
+         
           },
           {
             key: '3',
@@ -93,6 +106,7 @@ export default {
             project:'产品经理进阶-腾飞班1',
             learning:'-',
             submit:'2022-07-22 9:30',
+          
           },
           {
             key: '4',
@@ -102,13 +116,14 @@ export default {
             project:'产品经理进阶-腾飞班1',
             learning:'HR学习路径',
             submit:'2022-07-22 9:30',
+        
           },
         ],
 
         columns: [
           {
             title: '姓名',
-            width: 50,
+            width: 40,
             dataIndex: 'name',
             key: 'name',
           },
@@ -142,7 +157,29 @@ export default {
             dataIndex: 'submit',
             key: 'submit',
           },
+          {
+            title: '操作',
+            width: 50,
+            dataIndex: 'opacation',
+            key: 'opacation',
+            scopedSlots: { customRender: "action" }, //引入的插槽
+            customRender: () => {
+            return (             
+                <div class="opacationn">
+                  <span
+                    onClick={() => {
+                      showassess();
+                    }}
+                    style="cursor:pointer"
+                  >
+                    查看
+                  </span>
+                </div>
+            );
+          },
+          },
         ],
+        showassess,
       };
     },
 };
@@ -243,6 +280,10 @@ export default {
     flex-direction: column;
     .tableBox {
       margin: 20px 38px 30px ;
+      .opacationn {
+        color: #4EA6FF;
+        cursor: pointer;
+      }
       th.ant-table-cell {
         background-color:#EFF4FC !important;
         text-align: center;