chore: update

src/modules/admin/lab/experiment/components/ViewGradeRules.vue

+<script setup>
+import { getExperimentGradeRule } from '../api'
+
+const props = defineProps({ experiment_id: String })
+const detail = reactive({ is_show: undefined, rule_list: [] })
+const canViewText = $computed(() => {
+  const map = { 1: '是', 0: '否' }
+  return map[detail.is_show]
+})
+
+function fetchInfo() {
+  getExperimentGradeRule({ experiment_id: props.experiment_id }).then(res => {
+    const data = res.data.detail
+    let ruleList = []
+    try {
+      ruleList = JSON.parse(data.rule_list).map(item => {
+        return { ...item, percent: parseFloat(item.percent) }
+      })
+    } catch (error) {
+      console.log(error)
+    }
+    Object.assign(detail, data, { rule_list: ruleList })
+  })
+}
+onMounted(() => {
+  fetchInfo()
+})
+</script>
+
+<template>
+  <el-dialog title="实验成绩规则" width="600px">
+    <el-form :column="1" label-width="170px" label-position="right" label-suffix="：" v-if="detail">
+      <el-form-item label="是否允许查看成绩明细" align="right">{{ canViewText }}</el-form-item>
+      <el-form-item label="实验成绩规则" align="right">
+        <el-form label-suffix="：">
+          <el-form-item :label="item.name" v-for="(item, index) in detail.rule_list" :key="index">
+            {{ item.percent }}%
+          </el-form-item>
+        </el-form>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-row justify="center">
+        <el-button round auto-insert-space @click="$emit('update:modelValue', false)">关闭</el-button>
+      </el-row>
+    </template>
+  </el-dialog>
+</template>

src/modules/admin/lab/experiment/components/ViewReportRules.vue

+<script setup>
+import { getExperimentReportRule } from '../api'
+
+const props = defineProps({ experiment_id: String })
+const detail = reactive({ way: undefined, detail_list: [] })
+const reportSubmitMethodText = $computed(() => {
+  const map = { 1: '上传文件', 2: '在线填写' }
+  return map[detail.way]
+})
+
+function fetchInfo() {
+  getExperimentReportRule({ experiment_id: props.experiment_id }).then(res => {
+    const { data } = res
+    let detailList = []
+    try {
+      detailList = JSON.parse(data.info.detail_list).map(item => {
+        return { ...item, percent: parseFloat(item.percent) }
+      })
+    } catch (error) {
+      console.log(error)
+    }
+    Object.assign(detail, data, { detail_list: detailList })
+  })
+}
+onMounted(() => {
+  fetchInfo()
+})
+</script>
+
+<template>
+  <el-dialog title="实验报告规则" width="600px">
+    <el-form :column="1" label-width="170px" label-position="right" label-suffix="：" v-if="detail">
+      <el-form-item label="实验报告提交方式" align="right">
+        <el-row justify="space-between" style="width: 100%">
+          {{ reportSubmitMethodText }}
+          <el-button type="primary" v-if="detail.way === 2">
+            <router-link :to="`/admin/lab/experiment/report/${experiment_id}`" target="_blank"
+              >查看详细规则</router-link
+            >
+          </el-button>
+        </el-row>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-row justify="center">
+        <el-button round auto-insert-space @click="$emit('update:modelValue', false)">关闭</el-button>
+      </el-row>
+    </template>
+  </el-dialog>
+</template>

src/modules/admin/lab/experiment/views/View.vue

@@ -9,6 +9,8 @@ import { getExperiment, experimentAddClass } from '../api'
 const SelectClassDialog = defineAsyncComponent(() => import('../components/SelectClassDialog.vue'))
 const StudentGroupDialog = defineAsyncComponent(() => import('../components/StudentGroupDialog.vue'))
 const StudentListDialog = defineAsyncComponent(() => import('../components/StudentListDialog.vue'))
+const ViewGradeRules = defineAsyncComponent(() => import('../components/ViewGradeRules.vue'))
+const ViewReportRules = defineAsyncComponent(() => import('../components/ViewReportRules.vue'))
 
 interface Props {
   id: string
@@ -75,14 +77,16 @@ function handleRemoveClass(row: ClassItem) {
     })
   })
 }
+const gradeRulesVisible = $ref(false)
+const reportRulesVisible = $ref(false)
 </script>
 
 <template>
   <AppCard title="实验管理">
     <el-descriptions title="基本信息" v-if="detail">
       <template #extra>
-        <el-button type="primary">查看成绩规则</el-button>
-        <el-button type="primary">查看报告规则</el-button>
+        <el-button type="primary" @click="gradeRulesVisible = true">查看成绩规则</el-button>
+        <el-button type="primary" @click="reportRulesVisible = true">查看报告规则</el-button>
       </template>
       <el-descriptions-item :span="3" label="实验名称：">{{ detail.name }}</el-descriptions-item>
       <el-descriptions-item label="实验课程：">{{ detail.course_name }}</el-descriptions-item>
@@ -140,4 +144,6 @@ function handleRemoveClass(row: ClassItem) {
     v-model="studentListVisible"
     :data="rowData"
     v-if="studentListVisible && rowData"></StudentListDialog>
+  <ViewGradeRules v-model="gradeRulesVisible" :experiment_id="id" v-if="gradeRulesVisible"></ViewGradeRules>
+  <ViewReportRules v-model="reportRulesVisible" :experiment_id="id" v-if="reportRulesVisible"></ViewReportRules>
 </template>