~

src/components/step/link/qxsz.vue

@@ -0,0 +1,78 @@
+<script setup lang='ts'>
+const props = defineProps<{
+  disabled: boolean
+}>()
+let dialogVisible = $ref(false)
+function handleClickLink() {
+  if (props.disabled)
+    return
+  dialogVisible = true
+}
+
+const form = reactive({
+  power: '1',
+  user: ['Option A', 'Option B'],
+})
+</script>
+
+<template>
+  <el-link type="primary" @click="handleClickLink">
+    设置成绩查看权限
+  </el-link>
+  <el-dialog v-model="dialogVisible" title="权限设置" width="855px">
+    <el-form :model="form" label-width="200">
+      <el-form-item label="开放权限">
+        <el-radio-group v-model="form.power">
+          <el-radio label="1">
+            仅自己可见
+          </el-radio>
+          <el-radio label="2">
+            公开
+          </el-radio>
+          <el-radio label="3">
+            指定身份可见
+          </el-radio>
+          <el-radio label="4">
+            指定人可见
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item v-if="form.power === '3'" label="身份选择">
+        <el-checkbox-group v-model="form.user">
+          <el-checkbox label="Option a">
+            所有教师
+          </el-checkbox>
+          <el-checkbox label="Option b">
+            检查组长
+          </el-checkbox>
+          <el-checkbox label="Option c">
+            批阅老师
+          </el-checkbox>
+          <el-checkbox label="Option d">
+            校级管理员
+          </el-checkbox>
+          <el-checkbox label="Option e">
+            市级管理员
+          </el-checkbox>
+          <el-checkbox label="Option f">
+            县级管理员
+          </el-checkbox>
+          <el-checkbox label="Option g">
+            省级管理员
+          </el-checkbox>
+          <el-checkbox label="Option h">
+            学生
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">
+          确定
+        </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>

src/pages/detail.vue

@@ -0,0 +1,19 @@
+<script setup lang='ts'>
+const { gid, pid, cid } = JSON.parse(sessionStorage.getItem('StepId')!)
+const router = useRouter()
+function handleCompleteTask() {
+  window.handleCompleteTask((gid), (pid), (cid))
+  router.back()
+}
+</script>
+
+<template>
+  <div>
+    <el-button @click="handleCompleteTask">
+      完成任务
+    </el-button>
+    <el-button @click="router.back()">
+      back
+    </el-button>
+  </div>
+</template>