feat:增加评估管理管理界面-学员获取参数及传递-产看单个学员评估参数传递和样式修改

src/components/drawers/ViewAssess.vue

@@ -18,86 +18,92 @@
       <div class="main">
         <div class="onerow">
           <div class="assname">评估名称：</div>
-          <div class="asscontent">产品经理面授课评估</div>
+          <div class="asscontent">{{evalName}}</div>
         </div>
         <div class="onerow" style="margin-top: 30px">
           <div class="assname">评估说明：</div>
           <div class="asscontent">-</div>
         </div>
-        <div class="assessbox" style="margin-top: 30px">
-          <div class="box1">
-            <div class="asstype">评估类型：</div>
-            <div class="typename">单选</div>
-          </div>
-          <div class="box1" style="margin-left: 64px">
-            <div class="asstype">题干：</div>
-            <div style="color: rgba(153, 153, 153, 1); font-size: 14px">
-              这个课程你觉得对你有用吗？
+        <div 
+          v-for="(values, index) in [{type:1},{type:2},{type:3},{type:4},{type:2},{type:3},{type:4}]" 
+          :key="index">
+          <div v-if="values.type==1 || values.type==2" class="assessbox" style="margin-top: 30px">
+            <div class="box1">
+              <div class="asstype">评估类型：</div>
+              <div class="typename">单选</div>
             </div>
+            <div class="box1" style="margin-left: 64px">
+              <div class="asstype">题干：</div>
+              <div style="color: rgba(153, 153, 153, 1); font-size: 14px">
+                这个课程你觉得对你有用吗？
+              </div>
+            </div>
+            <a-radio-group v-model:value="value">
+              <div class="box1" style="margin-left: 55px; margin-top: 20px">
+                <div class="asstype">选择1：</div>
+                <a-radio :value="1">有用</a-radio>
+              </div>
+              <div
+                class="box1"
+                style="margin-left: 55px; margin-top: 20px; margin-bottom: 30px"
+              >
+                <div class="asstype">选择2：</div>
+                <a-radio :value="2">没用</a-radio>
+              </div>
+            </a-radio-group>
           </div>
-          <a-radio-group v-model:value="value">
-            <div class="box1" style="margin-left: 55px; margin-top: 20px">
-              <div class="asstype">选择1：</div>
-              <a-radio :value="1">有用</a-radio>
+          <div v-else-if="values.type==3" class="assessbox" style="margin-top: 30px">
+            <div class="box1">
+              <div class="asstype">评估类型：</div>
+              <div class="typename">问答题</div>
+            </div>
+            <div class="box1" style="margin-left: 64px">
+              <div class="asstype">标题：</div>
+              <div style="color: rgba(153, 153, 153, 1); font-size: 14px">
+                对这个课程有什么建议吗？
+              </div>
             </div>
             <div
               class="box1"
-              style="margin-left: 55px; margin-top: 20px; margin-bottom: 30px"
+              style="margin-left: 64px; margin-top: 20px; margin-bottom: 30px"
             >
-              <div class="asstype">选择2：</div>
-              <a-radio :value="2">没用</a-radio>
-            </div>
-          </a-radio-group>
-        </div>
-        <div class="assessbox" style="margin-top: 30px">
-          <div class="box1">
-            <div class="asstype">评估类型：</div>
-            <div class="typename">问答题</div>
-          </div>
-          <div class="box1" style="margin-left: 64px">
-            <div class="asstype">标题：</div>
-            <div style="color: rgba(153, 153, 153, 1); font-size: 14px">
-              对这个课程有什么建议吗？
+              <div class="asstype">描述：</div>
+              <div style="color: rgba(51, 51, 51, 1); font-size: 14px">
+                希望以后这样的课程能够躲开，让我们多多了解！
+              </div>
             </div>
           </div>
-          <div
-            class="box1"
-            style="margin-left: 64px; margin-top: 20px; margin-bottom: 30px"
-          >
-            <div class="asstype">描述：</div>
-            <div style="color: rgba(51, 51, 51, 1); font-size: 14px">
-              希望以后这样的课程能够躲开，让我们多多了解！
+          <div v-else class="assessbox" style="margin-top: 30px">
+            <div class="box1">
+              <div class="asstype">评估类型：</div>
+              <div class="typename">评分题</div>
+            </div>
+            <div class="box1" style="margin-left: 64px">
+              <div class="asstype">标题：</div>
+              <div style="color: rgba(153, 153, 153, 1); font-size: 14px">
+                请给当前课程打分
+              </div>
+            </div>
+            <div class="lastbox">
+              <div class="sorcetext">非常不满意</div>
+              <div class="sorcebox">
+                <div class="numbox">1</div>
+                <div class="numbox">2</div>
+                <div class="numbox">3</div>
+                <div class="numbox">4</div>
+                <div class="numbox">5</div>
+                <div class="numbox">6</div>
+                <div class="numbox">7</div>
+                <div class="numbox">8</div>
+                <div class="numbox1">9</div>
+                <div class="numbox1">10</div>
+              </div>
+              <div class="sorcetext">非常满意</div>
             </div>
           </div>
         </div>
-        <div class="assessbox" style="margin-top: 30px">
-          <div class="box1">
-            <div class="asstype">评估类型：</div>
-            <div class="typename">评分题</div>
-          </div>
-          <div class="box1" style="margin-left: 64px">
-            <div class="asstype">标题：</div>
-            <div style="color: rgba(153, 153, 153, 1); font-size: 14px">
-              请给当前课程打分
-            </div>
-          </div>
-          <div class="lastbox">
-            <div class="sorcetext">非常不满意</div>
-            <div class="sorcebox">
-              <div class="numbox">1</div>
-              <div class="numbox">2</div>
-              <div class="numbox">3</div>
-              <div class="numbox">4</div>
-              <div class="numbox">5</div>
-              <div class="numbox">6</div>
-              <div class="numbox">7</div>
-              <div class="numbox">8</div>
-              <div class="numbox1">9</div>
-              <div class="numbox1">10</div>
-            </div>
-            <div class="sorcetext">非常满意</div>
-          </div>
-        </div>
+        <div style="margin-top: 30px;margin-bottom: 60px;"></div>
+        
       </div>
       <div class="btnn">
         <button class="btn1" @click="closeDrawer">取消</button>
@@ -116,6 +122,16 @@ export default {
       type: Boolean,
       default: false,
     },
+    evalName: {
+      type: String,
+      default: "",
+    },
+    datasource: {
+      type: Object,
+      default: function () {
+        return {};
+      },
+    }
   },
   setup(props, ctx) {
     const state = reactive({
@@ -127,6 +143,9 @@ export default {
 
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
+      if(bool){
+        console.log('我是传递过来的参数', props.datasource)
+      }
     };
 
     return {

src/views/research/ManagePage.vue

@@ -73,7 +73,7 @@
       <!-- 表格 -->
     </div>
   </div>
-  <view-assess v-model:Assessvisible="Assessvisible" />
+  <view-assess v-model:Assessvisible="Assessvisible" :datasource="evalDataSource" :evalName="basicInfo.assessmentName"/>
 </template>
 
 <script>
@@ -95,7 +95,7 @@ export default {
       tableDataTotalLoading: true,
       tabledata: [],
       tableDataTotal: 0,
-
+      evalDataSource: ""
     });
 
     const getInfoDate = async () => {
@@ -124,7 +124,8 @@ export default {
 
     getInfoDate();
 
-    const showassess = () => {
+    const showassess = (data) => {
+      state.evalDataSource = data;
       state.Assessvisible = true;
     };
     return {
@@ -132,6 +133,8 @@ export default {
       dataSource: [
         {
           key: "1",
+          userNo: 112231234,
+          dataSource: "XXX项目",
           name: "张三",
           department: "产品部",
           post: "产品经理",
@@ -141,6 +144,8 @@ export default {
         },
         {
           key: "2",
+          userNo: 114631234,
+          dataSource: "XXX路径图",
           name: "李四",
           department: "产品部",
           post: "产品经理",
@@ -150,6 +155,8 @@ export default {
         },
         {
           key: "3",
+          userNo: 23465232,
+          dataSource: "XXX路径图",
           name: "王五",
           department: "产品部",
           post: "产品经理",
@@ -159,6 +166,8 @@ export default {
         },
         {
           key: "4",
+          userNo: 7283234,
+          dataSource: "XXX路径图",
           name: "赵六",
           department: "产品部",
           post: "产品经理",
@@ -169,6 +178,12 @@ export default {
       ],
 
       columns: [
+        {
+          title: "工号",
+          width: 40,
+          dataIndex: "userNo",
+          key: "userNo",
+        },
         {
           title: "姓名",
           width: 40,
@@ -181,24 +196,30 @@ export default {
           dataIndex: "department",
           key: "department",
         },
-        //  {
-         //   width: 50,
-         //   title: "岗位",
-         //   dataIndex: "post",
-          //  key: "post",
-        //  },
         {
-          title: "项目",
+           width: 50,
+           title: "岗位",
+           dataIndex: "post",
+           key: "post",
+         },
+         {
+          title: "数据来源",
           width: 50,
-          dataIndex: "project",
-          key: "project",
-        },
-        {
-          title: "学习路径",
-          width: 50,
-          dataIndex: "learning",
-          key: "learning",
+          dataIndex: "dataSource",
+          key: "dataSource",
         },
+        // {
+        //   title: "项目",
+        //   width: 50,
+        //   dataIndex: "project",
+        //   key: "project",
+        // },
+        // {
+        //   title: "学习路径",
+        //   width: 50,
+        //   dataIndex: "learning",
+        //   key: "learning",
+        // },
         {
           title: "提交时间",
           width: 50,
@@ -211,12 +232,13 @@ export default {
           dataIndex: "opacation",
           key: "opacation",
           scopedSlots: { customRender: "action" }, //引入的插槽
-          customRender: () => {
+          customRender: (data) => {
             return (
               <div class="opacationn">
                 <span
                   onClick={() => {
-                    showassess();
+                    console.log('iyiy', data.record)
+                    showassess(data.record);
                   }}
                   style="cursor:pointer"
                 >