myHistoryTest.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <div class="page" style="overflow:auto">
  2. <!-- 头部 -->
  3. <HeaderMain></HeaderMain>
  4. <!-- 工具栏 -->
  5. <div class="history-tools">
  6. <div class="left">
  7. <el-dropdown trigger="click" @command="projectCommand">
  8. <el-button type="primary">{{ownHouseName}} <i class="el-icon-caret-bottom icon-right"></i>
  9. </el-button>
  10. <el-dropdown-menu slot="dropdown">
  11. <el-dropdown-item>全部</el-dropdown-item>
  12. <el-dropdown-item v-for="(item,index) in houseList" :key="item.houseId" :command="item">
  13. {{item.houseName}}</el-dropdown-item>
  14. </el-dropdown-menu>
  15. </el-dropdown>
  16. <el-dropdown trigger="click" @command="orderCommand">
  17. <el-button type="primary">{{currOrderName}} <i class="el-icon-caret-bottom icon-right"></i>
  18. </el-button>
  19. <el-dropdown-menu slot="dropdown">
  20. <el-dropdown-item v-for="(item,index) in orderList" :key="item.orderType" :command="item">{{item.orderName}}
  21. </el-dropdown-item>
  22. </el-dropdown-menu>
  23. </el-dropdown>
  24. </div>
  25. <div class="right">
  26. <el-button type="primary" icon="el-icon-circle-plus-outline" @click="createTest">创建测试</el-button>
  27. </div>
  28. </div>
  29. <!-- 列表 -->
  30. <div class="test-list" v-infinite-scroll="load" infinite-scroll-disabled="disabled">
  31. <div class="item" v-for="(item,index) in pageModel.resultSet" :key="item.created"
  32. :class="{ itemCopy: isCopy && index == 0 }">
  33. <!-- <img mode="" :src="" alt=""> -->
  34. <el-image class="item-img" :src="item.coverImg" fit="cover">
  35. <div slot="error" class="outline">
  36. <img class="item-img-outline" src="../../assets/images/picture-error.png" alt="">
  37. <!-- <i class="el-icon-picture-outline"></i> -->
  38. </div>
  39. </el-image>
  40. <div class="tools">
  41. <img v-if="item.canDelete" class="item-img delete" src="" alt="" @click="deleteTest(item)">
  42. <img class="item-img copy" src="" alt="" @click="copyTest(item)">
  43. <img class="item-img share" src="" alt="" @click="shareTest()">
  44. <img class="item-img edit" src="" alt="" @click="editTest(item)" style="float:right;margin-right:10px;">
  45. </div>
  46. <div class="title">{{item.title}}</div>
  47. <div class="desc">{{item.ownHouseName}}</div>
  48. <div class="bottom">
  49. <span>共{{item.questionCount}}题</span>
  50. <span>{{dataformat(item.created)}}</span>
  51. </div>
  52. </div>
  53. <div class="item add" @click="createTest">
  54. <i class="el-icon-circle-plus add-icon"></i>
  55. <span>创建测试</span>
  56. </div>
  57. </div>
  58. <div v-if="loading" class="loading">加载中...</div>
  59. <div v-if="noMore" class="loading">没有更多了</div>
  60. <!-- 分享设置 -->
  61. <ShareSetting v-show="isShareSetting" :close="closeShare"></ShareSetting>
  62. </div>