更新题库作业

src/views/certificaate/look.vue

@@ -1,30 +1,33 @@
 <template>
-  <div id="index">
+  <div>
     <el-col :span="24">
       <el-col :span="24" class="title">打印证书 </el-col>
       <el-col :span="24" class="info"></el-col>
+      <el-col :span="24" style="position:relative;z-index:1;width:1124px;height:240px;">
+        <el-image style="width:1144px;height:280px;absolute;" :src="src"> </el-image>
+        <el-col :span="24" class="info_1">
+          <el-col :span="24" class="info_2"
+            ><el-col :span="14" class="context">学校（院）:{{ zhengshuList.school }}</el-col>
+            <el-col :span="9" class="zhuanye"> {{ zhengshuList.dataji }}{{ zhengshuList.major }}</el-col>
+            <el-col :span="1"> 专业</el-col>
+          </el-col>
 
-      <el-col :span="24" class="info_1"
-        ><el-col :span="24" class="info-2"
-          ><el-col :span="13" class="context">学校（院）:{{ zhengshuList.school }}</el-col>
-          <el-col :span="9" class="zhuanye"> {{ zhengshuList.dataji }}{{ zhengshuList.major }}</el-col>
-          <el-col :span="2"> 专业</el-col>
-        </el-col>
-        <el-col :span="24"
-          ><el-col :span="4" class="context_2"> 学生：{{ zhengshuList.name }} </el-col><el-col :span="1">于</el-col
-          ><el-col :span="1" class="zhuanye">{{ zhengshuList.year }}</el-col>
-          <el-col :span="1">年</el-col>
-          <el-col :span="1" class="zhuanye">{{ zhengshuList.marth }}</el-col
-          >月参加吉林省大学生就业能力拓展训练
-        </el-col>
-        <el-col :span="5" class="context">
-          <el-col :span="1">第 </el-col><el-col :span="2" class="zhuanye">{{ zhengshuList.term }}</el-col
-          ><el-col :span="16">期培训班。培训合格特发此证</el-col></el-col
-        >
-        <el-col :span="5" class="context_1">
-          <el-col :span="18">证书编号:{{ zhengshuList.bianhao }}</el-col
-          ><el-col :span="2"></el-col>{{ zhengshuList.years }}年<el-col :span="2"> </el-col>{{ zhengshuList.morths }}月<el-col :span="2"> </el-col>
-          {{ zhengshuList.datas }}日
+          <el-col :span="24"
+            ><el-col :span="4" class="context_2"> 学生：{{ zhengshuList.name }} </el-col><el-col :span="1">于</el-col
+            ><el-col :span="1" class="zhuanye">{{ zhengshuList.year }}</el-col>
+            <el-col :span="1">年</el-col>
+            <el-col :span="1" class="zhuanye">{{ zhengshuList.marth }}</el-col
+            >月参加吉林省大学生就业能力拓展训练
+          </el-col>
+          <el-col :span="5" class="context">
+            <el-col :span="1">第 </el-col><el-col :span="2" class="zhuanye">{{ zhengshuList.term }}</el-col
+            ><el-col :span="16">期培训班。培训合格特发此证</el-col></el-col
+          >
+          <el-col :span="5" class="context_1">
+            <el-col :span="18">证书编号:{{ zhengshuList.bianhao }}</el-col
+            ><el-col :span="2"></el-col>{{ zhengshuList.years }}年<el-col :span="2"> </el-col>{{ zhengshuList.morths }}月<el-col :span="2"> </el-col>
+            {{ zhengshuList.datas }}日
+          </el-col>
         </el-col>
       </el-col>
       <el-col :span="24" class="anniu">
@@ -45,6 +48,7 @@ export default {
   props: {},
   components: {},
   data: () => ({
+    src: require('@/assets/123.jpg'),
     zhengshuList: {
       school: '吉林大学',
       major: '计算机',
@@ -170,9 +174,11 @@ export default {
 
 <style lang="less" scoped>
 .info_1 {
-  padding: 0 20px 0 20px;
+  padding: 0 40px 0 40px;
+  z-index: 999;
+  position: absolute;
 }
-// background-image: url(assets/timg.jpg);
+
 .title {
   font-size: 20px;
   font-weight: 700;
@@ -196,6 +202,7 @@ export default {
   width: 1255px;
 }
 .info_2 {
+  margin: 40px 0 0 0;
   height: 60px;
 }
 .zhuanye {
@@ -204,4 +211,9 @@ export default {
 .anniu {
   padding: 30px 0 0 0;
 }
+/deep/[data-v-91420210] .el-image {
+  position: absolute;
+  display: inline-block;
+  overflow: hidden;
+}
 </style>

src/views/plan/parts/event.vue

@@ -2,10 +2,10 @@
   <div id="event">
     <el-form :model="form" ref="form" :rules="formRules" label-width="80px" size="small" @submit.native.prevent style="padding: 15px;">
       <el-form-item label="开始时间" prop="start" required>
-        <el-date-picker v-model="form.start" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> </el-date-picker>
+        <el-date-picker v-model="form.start" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :picker-options="pickerOptions"> </el-date-picker>
       </el-form-item>
       <el-form-item label="结束时间" prop="end" required>
-        <el-date-picker v-model="form.end" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> </el-date-picker>
+        <el-date-picker v-model="form.end" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :picker-options="pickerOptions"> </el-date-picker>
       </el-form-item>
       <el-form-item label="期数" prop="term" required> <el-input v-model="form.term"></el-input> </el-form-item>
       <el-form-item label="班级类型" prop="type" required>
@@ -43,18 +43,25 @@ export default {
     data: { type: Object, default: () => {} }, //数据
     isNew: { type: Boolean, default: true }, //是不是修改
     predefineColors: { type: Array, default: () => [] }, //颜色列表
+    year: { type: null, default: new Date().getFullYear() },
+    vacation: { type: Array, default: () => [] },
   },
   components: {},
-  data: () => ({
-    form: { color: '#409EFF' },
-    formRules: {
-      start: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
-      end: [{ required: true, message: '请选择结束时间', trigger: 'change' }],
-      term: [{ required: true, message: '请输入期数' }],
-      number: [{ required: true, message: '请输入每班人数' }],
-      type: [{ required: true, message: '请选择班级类型' }],
-    },
-  }),
+  data() {
+    return {
+      form: { color: '#409EFF' },
+      formRules: {
+        start: [{ required: true, message: '请选择开始时间', trigger: 'change' }],
+        end: [{ required: true, message: '请选择结束时间', trigger: 'change' }],
+        term: [{ required: true, message: '请输入期数' }],
+        number: [{ required: true, message: '请输入每班人数' }],
+        type: [{ required: true, message: '请选择班级类型' }],
+      },
+      pickerOptions: {
+        disabledDate: time => this.setDisabledDate(time),
+      },
+    };
+  },
   created() {},
   methods: {
     //保存表单函数
@@ -73,10 +80,37 @@ export default {
     resetForm() {
       this.$refs.form.resetFields();
     },
+    //禁用时间
+    setDisabledDate(time) {
+      let thisTime = time.getTime();
+      let start = new Date(`${this.year}-01-01`).getTime();
+      let end = new Date(`${this.year}-12-31`).getTime();
+      if (thisTime < start) return true;
+      else if (thisTime > end) return true;
+      else {
+        //循环假期列表,判断这个时间是不是在假期时间外:
+        // 此刻=假期开始时间||此刻=假期结束时间 return true(不能选)
+        // 此刻<假期开始时间 => return false(继续判断下个假期)
+        // 此刻>假期开始时间 => 此刻<假期结束时间 ? 在假期中,return true(不允许选择): return false(继续判断下个假期)
+        let res = false;
+        for (const vac of this.vacation) {
+          let vacS = new Date(vac.start).setDate(new Date(vac.start).getDate() - 1); //减一天匹配日历
+          let vacE = new Date(vac.end).setDate(new Date(vac.end).getDate() - 1);
+          if (thisTime > vacS) {
+            if (thisTime < vacE) {
+              res = true;
+              break;
+            }
+          }
+        }
+        return res;
+      }
+    },
   },
   watch: {
     data: {
       immediate: true,
+      deep: true,
       handler(val) {
         if (val) this.$set(this, `form`, _.cloneDeep(this.data));
       },

src/views/plan/parts/vacation.vue

@@ -57,19 +57,25 @@ export default {
   created() {},
   methods: {
     toEdit({ data, index }) {
-      console.log(data, index);
       this.form = JSON.parse(JSON.stringify(data));
+      this.form.index = index;
       this.isNew = false;
     },
-    toDelete({ data, index }) {},
+    toDelete({ data, index }) {
+      let arr = JSON.parse(JSON.stringify(this.data));
+      arr.splice(index, 1);
+      this.$emit(`update`, { data: arr, type: 'delete' });
+    },
     handleSave({ data, isNew }) {
-      console.log(data, isNew);
       //添加,删除,修改,都只是操作本组件的数组,然后将本组件的数组=>传回父组件=>父组件更新=>子组件更新
+      let arr = JSON.parse(JSON.stringify(this.data));
       if (isNew) {
-        let arr = JSON.parse(JSON.stringify(this.data));
         arr.push(data);
-        this.$emit(`update`, arr);
-      } else console.log(`in update`);
+      } else {
+        let { index, ...info } = data;
+        arr[index] = info;
+      }
+      this.$emit(`update`, { data: arr, type: isNew ? 'add' : 'edit' });
       this.isNew = true;
     },
   },

src/views/work/look.vue

@@ -113,7 +113,6 @@ export default {
     ],
     filFields: [
       { label: '题名', model: 'name' },
-
       {
         label: '题类型',
         model: 'type',
@@ -230,6 +229,7 @@ export default {
       }
       this.toOclose();
     },
+
     toOedit(row, index) {
       let data = JSON.parse(JSON.stringify(row));
       data.index = index;
@@ -243,7 +243,7 @@ export default {
     //作业
     async submit() {
       const res = await this.update({ id: this.id, question: JSON.parse(JSON.stringify(this.list)) });
-      if (this.$checkRes(res, '作业修改成功', '作业修改失败')) {
+      if (this.$checkRes(res, '作业保存成功', '作业保存失败')) {
         this.$router.push({ path: '/work/index' });
       }
     },