<!--<template>-->
<!--  <div class="app-container">-->
<!--    <div class="filter-container">-->
<!--      <el-input v-model="KEYWORDS" placeholder="搜索课程名称" class="filter-item" style="width: 200px;" />-->
<!--      <div class="filter-group">-->
<!--        <div class="filter-lable">任务状态：</div>-->
<!--        <el-select v-model="STATUS" placeholder="请选择">-->
<!--          <el-option v-for="item in vidStateList" :key="item.value" :label="item.label" :value="item.value"/>-->
<!--        </el-select>-->
<!--      </div>-->
<!--      <div class="filter-group">-->
<!--        <div class="filter-lable">考试状态：</div>-->
<!--        <el-select v-model="examinationState" placeholder="请选择">-->
<!--          <el-option v-for="item in examinationStateList" :key="item.value" :label="item.label" :value="item.value"/>-->
<!--        </el-select>-->
<!--      </div>-->
<!--      <el-button v-waves class="ml-10" type="primary" icon="el-icon-search" @click="getQuery">-->
<!--        搜索-->
<!--      </el-button>-->
<!--      <el-button v-waves type="success" icon="el-icon-refresh" @click="goKeyReset">-->
<!--        重置-->
<!--      </el-button>-->
<!--    </div>-->
<!--    <el-table-->
<!--      v-loading="listLoading"-->
<!--      :data="varList"-->
<!--      :row-key="getRowKey"-->
<!--      :header-cell-style="{-->
<!--        'font-weight': 'bold',-->
<!--        'color': '#000'-->
<!--      }"-->
<!--      tooltip-effect="dark"-->
<!--      border-->
<!--      fit-->
<!--      highlight-current-row>-->
<!--      <el-table-column type="index" label="序号" width="50" align="center" />-->
<!--      <el-table-column prop="STUDY_NAME" label="学习任务名称" />-->
<!--      <el-table-column prop="POSTTYPENAME" label="培训行业类型" align="center" />-->
<!--      <el-table-column prop="TRAINTYPENAME" label="岗位培训类型" align="center" />-->
<!--      <el-table-column prop="PEIXUE_START_TIME" label="培训开始时间" align="center" />-->
<!--      <el-table-column prop="PEIXUE_END_TIME" label="培训结束时间" align="center" />-->
<!--      <el-table-column prop="COURSEWARE_COUNT" label="课件数" align="center" />-->
<!--      <el-table-column prop="STAGEEXAMSTATE" label="考试状态" align="center" >-->
<!--        <template slot-scope="{row}">-->
<!--          <template v-if="row.STAGEEXAMSTATE=='2'">学习中</template>-->
<!--          <template v-else-if="row.STAGEEXAMSTATE=='3'">考试完成</template>-->
<!--          <template v-else-if="row.STAGEEXAMSTATE=='4'">未参加</template>-->
<!--          <template v-else-if="row.STAGEEXAMSCORE=='-1'">未开始</template>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column prop="STATE" label="任务状态" align="center">-->
<!--        <template slot-scope="{row}">-->
<!--          <template v-if="row.kaishiState=='1'">未开始</template>-->
<!--          <template v-else-if="row.kaishiState=='2'">进行中</template>-->
<!--          <template v-else-if="row.kaishiState=='3'">已结束</template>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column label="操作" align="center" width="250" >-->
<!--        <template slot-scope="{row}">-->
<!--          <el-button icon="el-icon-caret-right" type="success" size="mini" @click="handleCourseware(row)">开始学习</el-button>-->
<!--          &lt;!&ndash;          || row.NUMBER_OF_EXAMINATIONS == -1  的时候，就一直显示  ksCount考了几次， &ndash;&gt;-->
<!--          <el-button v-show="row.STAGEEXAMSCORE =='-1'" :disabled="row.wanchengState =='0'" icon="el-icon-collection" type="primary" size="mini" @click="handleStageExam(row)">任务考试</el-button>-->
<!--          <el-button v-show="row.STAGEEXAMSCORE !='-1'" icon="el-icon-edit" type="primary" size="mini" @click="handleInfo(row)">考试详情</el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->
<!--    <div class="page-btn-group">-->
<!--      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />-->
<!--    </div>-->

<!--    <el-dialog :visible.sync="dialogWriteSign" title="手写签字" width="600px" @close="dialogWriteSign = false">-->
<!--      <WriteSign :width="600" :height="300" @subCanvas="subCanvas"/>-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包-->
<!--import { requestFN } from '@/utils/request'-->
<!--import waves from '@/directive/waves' // waves directive-->
<!--import WriteSign from '@/components/WriteSign'-->
<!--import PaperEdit from '@/views/onlinexxks/course/paper/components/edit'-->
<!--import PaperInfo from '@/views/onlinexxks/course/paper/components/info'-->
<!--export default {-->
<!--  components: { Pagination, PaperEdit, PaperInfo, WriteSign },-->
<!--  directives: { waves },-->
<!--  data() {-->
<!--    return {-->
<!--      listLoading: true,-->
<!--      listQuery: {-->
<!--        page: 1,-->
<!--        limit: 10-->
<!--      },-->
<!--      total: 0,-->
<!--      config: config,-->
<!--      KEYWORDS: '',-->
<!--      STATUS: '', // 任务状态-->
<!--      examinationState: '', // 开始状态-->
<!--      varList: [],-->
<!--      pd: [],-->
<!--      form: {-->
<!--        CURRICULUMNAME: '', // 课程名称-->
<!--        CURRICULUMINTRODUCE: '', // 课程介绍-->
<!--        CURRICULUMAIM: '', // 课程目的-->
<!--        STARTTIME: '', // 开始时间-->
<!--        ENDTIME: '', // 结束时间-->
<!--        CURRICULUMUSERS: '', // 适用人员-->
<!--        VIDEOCOURSEWARES: '', // 视频课件组-->
<!--        DATACOURSEWARES: ''// 资料课件组-->
<!--      },-->
<!--      multipleSelectionAll: [], // 所有选中的数据包含跨页数据-->
<!--      multipleSelection: [], // 当前页选中的数据-->
<!--      dialogFormEdit: false,-->
<!--      dialogExamEdit: false,-->
<!--      CURRICULUM_ID: '',-->
<!--      dialogExamShow: false,-->
<!--      COURSEPAPERS_ID: '',-->
<!--      dialogType: 'add',-->
<!--      LearnerCategoryList: [],-->
<!--      dialogWriteSign: false,-->
<!--      vidStateList: [-->
<!--        { value: '1', label: '未开始' },-->
<!--        { value: '2', label: '进行中' },-->
<!--        { value: '3', label: '已结束' }-->
<!--      ],-->
<!--      examinationStateList: [-->
<!--        { value: '0', label: '已通过' },-->
<!--        { value: '1', label: '未通过' },-->
<!--        { value: '2', label: '未参加' }-->
<!--      ]-->
<!--    }-->
<!--  },-->
<!--  created() {-->
<!--    this.getList(this.ROLE_ID)-->
<!--    this.getDict()-->
<!--  },-->
<!--  methods: {-->
<!--    getRowKey(row) {-->
<!--      return row.CURRICULUM_ID-->
<!--    },-->
<!--    // 搜索-->
<!--    getQuery() {-->
<!--      // this.$refs.multipleTable.clearSelection()-->
<!--      this.getList()-->
<!--    },-->
<!--    goKeyReset() {-->
<!--      this.KEYWORDS = ''-->
<!--      this.STATUS = ''-->
<!--      this.examinationState = ''-->
<!--      this.getList()-->
<!--    },-->
<!--    // 获取列表-->
<!--    getList() {-->
<!--      this.listLoading = true-->
<!--      requestFN(-->
<!--        '/stagestudentrelation/pageTaskByUser?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,-->
<!--        {-->
<!--          KEYWORDS: this.KEYWORDS,-->
<!--          STATUS: this.STATUS,-->
<!--          examinationState: this.examinationState-->
<!--        }-->
<!--      ).then((data) => {-->
<!--        this.listLoading = false-->
<!--        // 现在 时间是否是在 开始结束时间-->
<!--        // 是否学习完成-->
<!--        for (let i = 0; i < data.varList.length; i++) {-->
<!--          var data1 = Date.parse(data.varList[i].PEIXUE_START_TIME)-->
<!--          var data2 = Date.parse(data.varList[i].PEIXUE_END_TIME)-->
<!--          var data3 = new Date()-->
<!--          if (data1 <= data3) {-->
<!--            data.varList[i].kaishiState = '1'-->
<!--          }-->
<!--          if (data2 > data3) {-->
<!--            data.varList[i].kaishiState = '3'-->
<!--          }-->
<!--          if (data1 <= data3 && data2 >= data3) {-->
<!--            data.varList[i].kaishiState = '2'-->
<!--          }-->
<!--          if (data.varList[i].COMPLETE_COURSEWARE == data.varList[i].COURSEWARE_COUNT) {-->
<!--            data.varList[i].wanchengState = '1'-->
<!--          } else {-->
<!--            data.varList[i].wanchengState = '0'-->
<!--          }-->
<!--        }-->
<!--        this.varList = data.varList-->
<!--        // 是否考试完成-->
<!--        this.total = data.page.totalResult-->
<!--        this.hasButton()-->
<!--        this.pd = data.pd-->
<!--      }).catch((e) => {-->
<!--        this.listLoading = false-->
<!--      })-->
<!--    },-->
<!--    compareDate(d1, d2) {-->
<!--      const reg = new RegExp('-', 'g')-->
<!--      return ((new Date(d1.replace(reg, '/'))) >= (new Date(d2.replace(reg, '/'))))-->
<!--    },-->
<!--    /** 手写板*/-->
<!--    showModal() {-->
<!--      this.dialogWriteSign = true-->
<!--    },-->
<!--    // 完成-->
<!--    subCanvas(img64) {-->
<!--      console.info('img64：' + img64)-->
<!--      this.form.SIGN_PATH = img64-->
<!--      this.saveSign(img64)-->
<!--      this.dialogWriteSign = false-->
<!--    },-->
<!--    saveSign(img64) {-->
<!--      const loading = this.$loading({-->
<!--        lock: true,-->
<!--        text: '签字信息保存中...',-->
<!--        spinner: 'el-icon-loading',-->
<!--        background: 'rgba(0, 0, 0, 0.7)'-->
<!--      })-->
<!--      requestFN(-->
<!--        '/stagestudentrelation/sign',-->
<!--        {-->
<!--          STAGESTUDENTRELATION_ID: this.$parent.STAGESTUDENTRELATION_ID,-->
<!--          STAGEEXAMSTATE: '2',-->
<!--          USER_SIGN_PATH: img64-->
<!--        }-->
<!--      ).then((data) => {-->
<!--        loading.close()-->
<!--        this.$parent.activeName = 'Courseware'-->
<!--        this.dialogFormEdit = false-->
<!--      }).catch((e) => {-->
<!--        loading.close()-->
<!--      })-->
<!--    },-->
<!--    handleCourseware(row) {-->
<!--      this.$parent.STUDYTASK_ID = row.STUDYTASK_ID-->
<!--      this.$parent.CURRICULUM_ID = row.CURRICULUM_ID-->
<!--      this.$parent.STAGESTUDENTRELATION_ID = row.STAGESTUDENTRELATION_ID-->
<!--      if (row.STAGEEXAMSTATE == '1') {-->
<!--        this.showModal()-->
<!--      } else {-->
<!--        this.$parent.activeName = 'Courseware'-->
<!--      }-->
<!--    },-->
<!--    handleStudy(row) {-->
<!--      this.$parent.CURRICULUM_ID = row.CURRICULUM_ID-->
<!--      this.$parent.COURSESTUDENTRELATION_ID = row.COURSESTUDENTRELATION_ID-->
<!--      // this.updateStudentState(row)-->
<!--      this.$parent.activeName = 'CurriculumStudy'-->
<!--    },-->
<!--    // 课程考试-->
<!--    handleCurriculumExam(row) {-->
<!--      this.$parent.CURRICULUM_ID = row.CURRICULUM_ID-->
<!--      this.$parent.COURSESTUDENTRELATION_ID = row.COURSESTUDENTRELATION_ID-->
<!--      this.$parent.activeName = 'CurriculumExam'-->
<!--    },-->
<!--    // 阶段考试-->
<!--    handleStageExam(row) {-->
<!--      this.$parent.STAGEEXAMPAPER_ID = row.STAGEEXAMPAPER_ID-->
<!--      this.$parent.STAGESTUDENTRELATION_ID = row.STAGESTUDENTRELATION_ID-->
<!--      this.$parent.STUDYTASK_ID = row.STUDYTASK_ID-->
<!--      this.$parent.activeName = 'Edit'-->
<!--    },-->
<!--    handleInfo(row) {-->
<!--      this.$parent.STAGEEXAMPAPER_ID = row.STAGEEXAMPAPER_ID-->
<!--      this.$parent.STAGESTUDENTRELATION_ID = row.STAGESTUDENTRELATION_ID-->
<!--      this.$parent.STUDYTASK_ID = row.STUDYTASK_ID-->
<!--      this.$parent.activeName = 'Info'-->
<!--    },-->
<!--    // 判断按钮权限，用于是否显示按钮-->
<!--    hasButton: function() {-->
<!--      var keys = 'curriculum:add,curriculum:del,curriculum:edit,toExcel'-->
<!--      requestFN(-->
<!--        '/head/hasButton',-->
<!--        {-->
<!--          keys: keys-->
<!--        }-->
<!--      ).then((data) => {-->
<!--        this.add = data.curriculumfhadminadd		// 新增权限-->
<!--        this.del = data.curriculumfhadmindel		// 删除权限-->
<!--        this.edit = data.curriculumfhadminedit	// 修改权限-->
<!--      }).catch((e) => {-->
<!--        this.listLoading = false-->
<!--      })-->
<!--    },-->
<!--    // 获取数据字典数据-->
<!--    getDict: function() {-->
<!--      requestFN(-->
<!--        '/videocourseware/getSelect',-->
<!--        { VIDEOUSERS: this.form.CURRICULUMUSERS }-->
<!--      ).then((data) => {-->
<!--        this.videoCoursewareList = data.list-->
<!--      }).catch((e) => {-->
<!--      })-->
<!--      requestFN(-->
<!--        '/datacourseware/getSelect',-->
<!--        { COURSEWAREUSERS: this.form.CURRICULUMUSERS }-->
<!--      ).then((data) => {-->
<!--        this.dataCoursewareList = data.list-->
<!--      }).catch((e) => {-->
<!--      })-->
<!--      requestFN(-->
<!--        '/dictionaries/getLevels',-->
<!--        {-->
<!--          DICTIONARIES_ID: '532282f9c48346b8b646531909c739df'-->
<!--        }-->
<!--      ).then((data) => {-->
<!--        this.LearnerCategoryList = data.list-->
<!--      }).catch((e) => {-->
<!--      })-->
<!--    },-->
<!--    resetForm() {-->
<!--      this.form = {-->
<!--        CURRICULUMNAME: '', // 课程名称-->
<!--        CURRICULUMINTRODUCE: '', // 课程介绍-->
<!--        CURRICULUMAIM: '', // 课程目的-->
<!--        STARTTIME: '', // 开始时间-->
<!--        ENDTIME: '', // 结束时间-->
<!--        CURRICULUMUSERS: '', // 适用人员-->
<!--        VIDEOCOURSEWARES: '', // 视频课件组-->
<!--        DATACOURSEWARES: ''// 资料课件组-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--}-->

<!--</script>-->
