luohailiang 2 years ago
parent
commit
ce4b63cb85
3 changed files with 44 additions and 118 deletions
  1. BIN
      public/images/subject-bg.png
  2. 6 0
      src/pages/process/api.js
  3. 38 118
      src/pages/process/index.vue

BIN
public/images/subject-bg.png


+ 6 - 0
src/pages/process/api.js

@@ -6,3 +6,9 @@ export const project_list = (data = {}) => {
     data,
   })
 }
+export const subject = (data = {}) => {
+  return request({
+    url: window.GLOBAL_CONFIG.uc + 'index.php?mod=school&action=main&do=base_subject',
+    data,
+  })
+}

+ 38 - 118
src/pages/process/index.vue

@@ -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>