natasha 1 سال پیش
والد
کامیت
7a272d77d7
3فایلهای تغییر یافته به همراه74 افزوده شده و 88 حذف شده
  1. 30 30
      src/common/data.js
  2. 3 3
      src/components/teacher-dev/TeachingTool.vue
  3. 41 55
      src/views/wordcard/table.vue

+ 30 - 30
src/common/data.js

@@ -1,33 +1,33 @@
 const levelMap = {
-    初等: { name: '初等', color: '#00CC00' },
-    中等: { name: '中等', color: '#3884F6' },
-    高等: { name: '高等', color: '#9031AA' },
-    超纲: { name: '超纲', color: '#EA1F1F' },
-    专有: { name: '专有', color: '#E2B100' },
-    其它: { name: '其它', color: '#B8B8B8' },
-    '初等(1级)': { name: '初等(1级)', color: '#B6D58A' },
-    '初等(2级)': { name: '初等(2级)', color: '#00CC00' },
-    '初等(3级)': { name: '初等(3级)', color: '#35776B' },
-    '中等(4级)': { name: '中等(4级)', color: '#10B9EE' },
-    '中等(5级)': { name: '中等(5级)', color: '#3884F6' },
-    '中等(6级)': { name: '中等(6级)', color: '#1D47DD' },
-    '高等(7-9级)': { name: '高等(7-9级)', color: '#9031AA' },
-    '1': { name: '初等', color: '#00CC00' },
-    '2': { name: '中等', color: '#3884F6' },
-    '3': { name: '高等', color: '#9031AA' },
-    '4': { name: '超纲', color: '#EA1F1F' },
-    '5': { name: '专有', color: '#E2B100' },
-    '6': { name: '其它', color: '#B8B8B8' },
-    '100': { name: '初等(1级)', color: '#B6D58A' },
-    '101': { name: '初等(2级)', color: '#00CC00' },
-    '102': { name: '初等(3级)', color: '#35776B' },
-    '103': { name: '中等(4级)', color: '#10B9EE' },
-    '104': { name: '中等(5级)', color: '#3884F6' },
-    '105': { name: '中等(6级)', color: '#1D47DD' },
-    '106': { name: '高等(7-9级)', color: '#9031AA' },
-    '107': { name: '超纲', color: '#EA1F1F' },
-    '108': { name: '专有', color: '#E2B100' },
-    '109': { name: '其它', color: '#B8B8B8' },
+  初等: { name: '初等', color: '#00CC00' },
+  中等: { name: '中等', color: '#168FFF' },
+  高等: { name: '高等', color: '#9031AA' },
+  超纲: { name: '超纲', color: '#EA1F1F' },
+  专有: { name: '专有', color: '#E2B100' },
+  其它: { name: '其它', color: '#B8B8B8' },
+  '初等(1级)': { name: '初等(1级)', color: '#B6D58A' },
+  '初等(2级)': { name: '初等(2级)', color: '#00CC00' },
+  '初等(3级)': { name: '初等(3级)', color: '#35776B' },
+  '中等(4级)': { name: '中等(4级)', color: '#66BBCC' },
+  '中等(5级)': { name: '中等(5级)', color: '#168FFF' },
+  '中等(6级)': { name: '中等(6级)', color: '#0039AA' },
+  '高等(7-9级)': { name: '高等(7-9级)', color: '#9031AA' },
+  1: { name: '初等', color: '#00CC00' },
+  2: { name: '中等', color: '#168FFF' },
+  3: { name: '高等', color: '#9031AA' },
+  4: { name: '超纲', color: '#EA1F1F' },
+  5: { name: '专有', color: '#E2B100' },
+  6: { name: '其它', color: '#B8B8B8' },
+  100: { name: '初等(1级)', color: '#B6D58A' },
+  101: { name: '初等(2级)', color: '#00CC00' },
+  102: { name: '初等(3级)', color: '#35776B' },
+  103: { name: '中等(4级)', color: '#66BBCC' },
+  104: { name: '中等(5级)', color: '#168FFF' },
+  105: { name: '中等(6级)', color: '#0039AA' },
+  106: { name: '高等(7-9级)', color: '#9031AA' },
+  107: { name: '超纲', color: '#EA1F1F' },
+  108: { name: '专有', color: '#E2B100' },
+  109: { name: '其它', color: '#B8B8B8' },
 };
 
-export { levelMap };
+export { levelMap };

+ 3 - 3
src/components/teacher-dev/TeachingTool.vue

@@ -44,7 +44,7 @@
         >
           <img src="../../assets/teacherdev/jygj-3.png" alt="" />
         </div>
-        <p>字词卡</p>
+        <p>字词练习卡</p>
       </div>
       <!-- <div>
         <div
@@ -65,12 +65,12 @@
 
 <script>
 export default {
-  props: ["classList", "type"],
+  props: ['classList', 'type'],
   data() {
     return {};
   },
-  methods: {},
   created() {},
+  methods: {},
 };
 </script>
 

+ 41 - 55
src/views/wordcard/table.vue

@@ -1,18 +1,15 @@
 <template>
-  <div class="cred_table" v-loading="loading">
+  <div v-loading="loading" class="cred_table">
     <Header />
     <div class="main">
       <div>
-        <div class="title">字词卡</div>
+        <div class="title">字词练习卡</div>
         <div class="number_cread">
           <span class="left">文件数量:{{ data.total_count }}</span>
           <div class="right" @click="Startcread">开始创建</div>
         </div>
         <div class="table">
-          <div
-            v-for="(item, i) in data.word_sentence_card_list"
-            :key="i + 'one'"
-          >
+          <div v-for="(item, i) in data.word_sentence_card_list" :key="i + 'one'">
             <div class="number">{{ item.number }}</div>
             <div
               class="dv dv1"
@@ -29,39 +26,28 @@
               {{ item.name }}
             </div>
             <div class="dv">
-              {{ item.type == "WORD" ? "字卡片" : "句卡片" }}
+              {{ item.type == 'WORD' ? '字卡片' : '句卡片' }}
             </div>
             <div class="dv">{{ item.text }}</div>
             <div class="dv">{{ item.create_time }}</div>
-            <el-popconfirm
-              title="确定删除这一条记录吗?"
-              @confirm="deleteOne(item.id, i)"
-            >
-              <img
-                slot="reference"
-                src="../../assets/teacherdev/delete-one.png"
-                alt=""
-              />
+            <el-popconfirm title="确定删除这一条记录吗?" @confirm="deleteOne(item.id, i)">
+              <img slot="reference" src="../../assets/teacherdev/delete-one.png" alt="" />
             </el-popconfirm>
           </div>
           <p v-if="data.total_count == 0">
-            <img
-              src="../../assets/teacherdev/nodata.png"
-              style="width: 1200px"
-            />
+            <img src="../../assets/teacherdev/nodata.png" style="width: 1200px" />
           </p>
         </div>
-        <div class="page" v-if="data.total_count > 0">
+        <div v-if="data.total_count > 0" class="page">
           <el-pagination
             background
-            @current-change="handleCurrentChange"
             :page-sizes="[10, 20, 30, 40, 50]"
             layout="prev, pager, next,jumper"
             :current-page="page"
             :page-size="pageSize"
             :total="data.total_count"
-          >
-          </el-pagination>
+            @current-change="handleCurrentChange"
+          />
         </div>
       </div>
     </div>
@@ -69,18 +55,18 @@
 </template>
 
 <script>
-//这里可以导入其它文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
-//例如:import 《组件名称》from ‘《组件路径》';
-import Header from "@/components/Header";
-import { LearnWebSI } from "@/api/api";
+// 这里可以导入其它文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
+// 例如:import 《组件名称》from ‘《组件路径》';
+import Header from '@/components/Header';
+import { LearnWebSI } from '@/api/api';
 export default {
-  //import引入的组件需要注入到对象中才能使用
+  // import引入的组件需要注入到对象中才能使用
   components: {
     Header,
   },
   props: {},
   data() {
-    //这里存放数据
+    // 这里存放数据
     return {
       data: [],
       page: 1,
@@ -88,24 +74,36 @@ export default {
       loading: false,
     };
   },
-  //计算属性 类似于data概念
+  // 计算属性 类似于data概念
   computed: {},
-  //监控data中数据变化
+  // 监控data中数据变化
   watch: {},
-  //方法集合
+  // 生命周期 - 创建完成(可以访问当前this实例)
+  created() {
+    this.getdata();
+  },
+  // 生命周期 - 挂载完成(可以访问DOM元素)
+  mounted() {},
+  // 生命周期-挂载之前
+  beforeMount() {},
+  // 生命周期-更新之后
+  updated() {},
+  // 如果页面有keep-alive缓存功能,这个函数会触发
+  activated() {},
+  // 方法集合
   methods: {
     // 创建
     Startcread() {
       this.$router.push({
-        path: "/wordcard/cread",
-        query: { cachesType: "pop" },
+        path: '/wordcard/cread',
+        query: { cachesType: 'pop' },
       });
     },
     deleteOne(id, index) {
       this.loading = true;
-      let Mname = "tr_tool-wsc_manager-DeleteMyWordSentenceCard";
+      let Mname = 'tr_tool-wsc_manager-DeleteMyWordSentenceCard';
       LearnWebSI(Mname, {
-        id: id,
+        id,
       })
         .then((res) => {
           this.getdata();
@@ -120,7 +118,7 @@ export default {
     },
     getdata() {
       this.loading = true;
-      let Mname = "page_query-PageQueryMyWordSentenceCardList";
+      let Mname = 'page_query-PageQueryMyWordSentenceCardList';
       LearnWebSI(Mname, {
         cur_page: this.page,
         page_capacity: this.pageSize,
@@ -139,26 +137,14 @@ export default {
         });
     },
   },
-  //生命周期 - 创建完成(可以访问当前this实例)
-  created() {
-    this.getdata();
-  },
-  //生命周期 - 挂载完成(可以访问DOM元素)
-  mounted() {},
-  //生命周期-创建之前
+  // 生命周期-创建之前
   beforeCreated() {},
-  //生命周期-挂载之前
-  beforeMount() {},
-  //生命周期-更新之前
+  // 生命周期-更新之前
   beforUpdate() {},
-  //生命周期-更新之后
-  updated() {},
-  //生命周期-销毁之前
+  // 生命周期-销毁之前
   beforeDestory() {},
-  //生命周期-销毁完成
+  // 生命周期-销毁完成
   destoryed() {},
-  //如果页面有keep-alive缓存功能,这个函数会触发
-  activated() {},
 };
 </script>
 <style lang="scss" scoped>
@@ -284,4 +270,4 @@ export default {
     }
   }
 }
-</style>
+</style>