|
@@ -45,18 +45,11 @@
|
|
|
</el-icon>
|
|
|
<span class="ml-5px inline-block align-middle">新建考试计划</span>
|
|
|
</button>
|
|
|
- <button type="button" class="del-btn" :disabled="chooseCheck.length === 0">批量删除</button>
|
|
|
</div>
|
|
|
<div class="mt-20px" v-if="listData.length > 0">
|
|
|
<div class="process-list-table">
|
|
|
<div class="head">
|
|
|
- <div class="w-60px">
|
|
|
- <p class="set-check all">
|
|
|
- <input type="checkbox" id="chooseAll" @change="chooseAll" v-model="checked">
|
|
|
- <label for="chooseAll"></label>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="w-280px text-left">考试计划名称</div>
|
|
|
+ <div class="w-340px text-left pl-20px">考试计划名称</div>
|
|
|
<div class="w-250px">状态</div>
|
|
|
<div class="w-130px">考试类型</div>
|
|
|
<div class="w-220px">考试时间</div>
|
|
@@ -65,13 +58,7 @@
|
|
|
<div>
|
|
|
<div v-for="item in listData" class="line">
|
|
|
<div class="up">
|
|
|
- <div class="w-60px">
|
|
|
- <p class="set-check single">
|
|
|
- <input type="checkbox" :id="item.ykj_id" :value="item.ykj_id" v-model="chooseCheck">
|
|
|
- <label :for="item.ykj_id"></label>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- <div class="w-280px text-left">{{item.ykj_ksrwmc}}</div>
|
|
|
+ <div class="w-340px pl-20px text-left">{{item.ykj_ksrwmc}}</div>
|
|
|
<div class="w-250px">
|
|
|
<span class="inline-block align-middle">进行中</span>
|
|
|
<div class="inline-block align-middle ml-10px process-state">
|
|
@@ -109,83 +96,9 @@
|
|
|
</div>
|
|
|
<div class="down pt-15px pl-35px">
|
|
|
<ul class="subject-list">
|
|
|
- <li>
|
|
|
- <div>
|
|
|
- <div class="w-140px h-195px m-auto">
|
|
|
- <img src="/images/yuwen.png" class="w-full" alt="">
|
|
|
- </div>
|
|
|
- <div class="mt-5px">
|
|
|
- <div class="inline-block align-middle process-state">
|
|
|
- <h3 class="state-line">
|
|
|
- <span style="width: 11%;"></span>
|
|
|
- </h3>
|
|
|
- </div>
|
|
|
- <span class="ml-10px text-14px inline-block align-middle">11%</span>
|
|
|
- </div>
|
|
|
- <div class="mt-5px text-center">
|
|
|
- <button type="button" class="op-btn">查看</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div>
|
|
|
- <div class="w-140px h-195px m-auto">
|
|
|
- <img src="/images/shuxue.png" class="w-full" alt="">
|
|
|
- </div>
|
|
|
- <div class="mt-5px">
|
|
|
- <div class="inline-block align-middle process-state">
|
|
|
- <h3 class="state-line">
|
|
|
- <span style="width: 11%;"></span>
|
|
|
- </h3>
|
|
|
- </div>
|
|
|
- <span class="ml-10px text-14px inline-block align-middle">11%</span>
|
|
|
- </div>
|
|
|
- <div class="mt-5px text-center">
|
|
|
- <button type="button" class="op-btn">查看</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div>
|
|
|
- <div class="w-140px h-195px m-auto">
|
|
|
- <img src="/images/yingyu.png" class="w-full" alt="">
|
|
|
- </div>
|
|
|
- <div class="mt-5px">
|
|
|
- <div class="inline-block align-middle process-state">
|
|
|
- <h3 class="state-line">
|
|
|
- <span style="width: 11%;"></span>
|
|
|
- </h3>
|
|
|
- </div>
|
|
|
- <span class="ml-10px text-14px inline-block align-middle">11%</span>
|
|
|
- </div>
|
|
|
- <div class="mt-5px text-center">
|
|
|
- <button type="button" class="op-btn">查看</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div>
|
|
|
- <div class="w-140px h-195px m-auto">
|
|
|
- <img src="/images/wuli.png" class="w-full" alt="">
|
|
|
- </div>
|
|
|
- <div class="mt-5px">
|
|
|
- <div class="inline-block align-middle process-state">
|
|
|
- <h3 class="state-line">
|
|
|
- <span style="width: 11%;"></span>
|
|
|
- </h3>
|
|
|
- </div>
|
|
|
- <span class="ml-10px text-14px inline-block align-middle">11%</span>
|
|
|
- </div>
|
|
|
- <div class="mt-5px text-center">
|
|
|
- <button type="button" class="op-btn">查看</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
+ <li v-for="items in item.lc">
|
|
|
<div>
|
|
|
- <div class="w-140px h-195px m-auto">
|
|
|
- <img src="/images/huaxue.png" class="w-full" alt="">
|
|
|
- </div>
|
|
|
+ <div class="subject-name m-auto">{{JSON.parse(items.ykl_lc).ze_xueke_name}}</div>
|
|
|
<div class="mt-5px">
|
|
|
<div class="inline-block align-middle process-state">
|
|
|
<h3 class="state-line">
|
|
@@ -195,25 +108,8 @@
|
|
|
<span class="ml-10px text-14px inline-block align-middle">11%</span>
|
|
|
</div>
|
|
|
<div class="mt-5px text-center">
|
|
|
- <button type="button" class="op-btn">查看</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div>
|
|
|
- <div class="w-140px h-195px m-auto">
|
|
|
- <img src="/images/shengwu.png" class="w-full" alt="">
|
|
|
- </div>
|
|
|
- <div class="mt-5px">
|
|
|
- <div class="inline-block align-middle process-state">
|
|
|
- <h3 class="state-line">
|
|
|
- <span style="width: 11%;"></span>
|
|
|
- </h3>
|
|
|
- </div>
|
|
|
- <span class="ml-10px text-14px inline-block align-middle">11%</span>
|
|
|
- </div>
|
|
|
- <div class="mt-5px text-center">
|
|
|
- <button type="button" class="op-btn">查看</button>
|
|
|
+ <button type="button" class="op-btn">批阅任务</button>
|
|
|
+ <button type="button" class="ml-10px op-btn">查看</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
@@ -274,8 +170,9 @@
|
|
|
}
|
|
|
</route>
|
|
|
<script setup>
|
|
|
-import {project_list} from "~/pages/process/api";
|
|
|
+import {project_list,subject} from "~/pages/process/api";
|
|
|
import { useRouter } from "vue-router";
|
|
|
+import {user} from "~/store";
|
|
|
const router = useRouter();
|
|
|
console.log(router,87)
|
|
|
const linkTo = (obj) => {
|
|
@@ -306,10 +203,7 @@ let type_list = [{
|
|
|
value: '7',
|
|
|
label: '联考'
|
|
|
}]
|
|
|
-let subject_list = []
|
|
|
-let chooseCheck = $ref([]);
|
|
|
-let checked = $ref(false);
|
|
|
-let checkedIds = $ref([]);
|
|
|
+let subject_list = $ref([])
|
|
|
let noData = $ref(null);
|
|
|
let limit = $ref(10);
|
|
|
let total = $ref(0);
|
|
@@ -317,9 +211,23 @@ let cur_page = $ref(1);
|
|
|
let listData = $ref([]);
|
|
|
let dialogVisible = $ref(false)
|
|
|
let add_sub_id = $ref('')
|
|
|
-function chooseAll() {
|
|
|
-
|
|
|
+function getSubject() {
|
|
|
+ let data = {}
|
|
|
+ subject(data).then(res =>{
|
|
|
+ if(res.code === '1') {
|
|
|
+ for(let i in res.data) {
|
|
|
+ console.log(res.data[i],7)
|
|
|
+ let subject_obj = {
|
|
|
+ id:i,
|
|
|
+ name: res.data[i]
|
|
|
+ }
|
|
|
+ subject_list.push(subject_obj);
|
|
|
+ }
|
|
|
+ console.log(subject_list,88)
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
+getSubject();
|
|
|
function getListData() {
|
|
|
let data = {
|
|
|
page:cur_page,
|
|
@@ -333,7 +241,7 @@ function getListData() {
|
|
|
project_list(data).then(res=>{
|
|
|
if(res.code === '1') {
|
|
|
listData = res.data.page_data;
|
|
|
- console.log(listData,87)
|
|
|
+ // console.log(listData,87)
|
|
|
total = Number(res.data.total_rows);
|
|
|
cur_page = Number(res.data.page_now);
|
|
|
}
|
|
@@ -643,4 +551,16 @@ $color: #0048e5;
|
|
|
background: url("/images/no-data.png") center no-repeat;
|
|
|
}
|
|
|
}
|
|
|
+.subject-name{
|
|
|
+ width: 138px;
|
|
|
+ height: 195px;
|
|
|
+ background: url("/images/subject-bg.png") center no-repeat;
|
|
|
+ background-size: 138px 195px;
|
|
|
+ padding: 20px 10px 0 10px;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+}
|
|
|
</style>
|