modelLog.vue 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <template>
  2. <!-- 模型日志弹窗 -->
  3. <div id="modelLog">
  4. <el-dialog title="模型日志" :visible.sync="modelLogVisible" width="40%" :before-close="handleClose">
  5. <div class="bodys">
  6. <el-tabs v-model="activeName" type="card" @tab-click="changeModel">
  7. <el-tab-pane label="上传日志" name="first">
  8. <el-table :data="filterlogData" stripe height="300px" style="width: 100%">
  9. <el-table-column prop="Version" label="版本"></el-table-column>
  10. <el-table-column prop="CreateTime" label="上传时间"></el-table-column>
  11. <el-table-column prop="UserName" label="上传人"></el-table-column>
  12. <el-table-column prop="address" label="操作">
  13. <template slot-scope="scope">
  14. <el-button @click="handleClick(scope.row)" v-if="!scope.row.Removed" type='primary' size="mini" class="iconfont icon-download"></el-button>
  15. <!-- 需求:先不支持删除 -->
  16. <!-- <el-button @click="deleteModel(scope.row)" v-if="!scope.row.Removed" type='danger' plain size="mini">删除</el-button> -->
  17. </template>
  18. </el-table-column>
  19. </el-table>
  20. </el-tab-pane>
  21. <el-tab-pane label="工程改造" name="second"></el-tab-pane>
  22. </el-tabs>
  23. </div>
  24. </el-dialog>
  25. </div>
  26. </template>
  27. <script>
  28. import request from "@/api/model/file.js";
  29. export default {
  30. props: {
  31. modelLogVisible: Boolean,
  32. logData: Array
  33. },
  34. data() {
  35. return {
  36. dialogVisible: false, //是否显示该弹窗
  37. activeName: "first", //默认选择上传日志
  38. tableData: [] //列表数据
  39. };
  40. },
  41. computed: {
  42. filterlogData: function() {
  43. let newLogData = [];
  44. if (this.logData.length) {
  45. this.logData.forEach(item => {
  46. newLogData.push(item);
  47. });
  48. }
  49. return newLogData
  50. }
  51. },
  52. methods: {
  53. handleClose(done) {
  54. this.$emit("CloseModelLogDia");
  55. },
  56. handleClick(item) {
  57. console.log(item);
  58. if (item.Url) {
  59. let a = document.createElement("a");
  60. a.href = item.Url;
  61. // a.download =`${this.modelFileName}${item.FloorName}模型文件v${item.Version}.rvt`;
  62. a.click();
  63. } else {
  64. this.$message({
  65. message: "该文件夹下没有资源",
  66. type: "error"
  67. });
  68. }
  69. },
  70. changeModel() {},
  71. /**
  72. * 删除模型
  73. *
  74. */
  75. deleteModel(item) {
  76. this.$confirm(
  77. "此操作只可删除楼层模型文件,已经识别的对象及关系等,暂不可删除。确定删除?",
  78. "提示",
  79. {
  80. confirmButtonText: "确定",
  81. cancelButtonText: "取消",
  82. type: "warning"
  83. }
  84. )
  85. .then(() => {
  86. request.deleteModelFileList(item.Id, res => {
  87. if (res.Result == "success") {
  88. // 刷新页面
  89. this.$emit("deleteFinish");
  90. this.$message({
  91. type: "success",
  92. message: "删除成功!"
  93. });
  94. } else {
  95. this.$message({
  96. type: "error",
  97. message: res.Result
  98. });
  99. }
  100. });
  101. })
  102. .catch(() => {
  103. this.$message({
  104. type: "info",
  105. message: "已取消删除"
  106. });
  107. });
  108. }
  109. }
  110. };
  111. </script>
  112. <style lang="less" scoped>
  113. #modelLog {
  114. .bodys {
  115. position: relative;
  116. padding-bottom: 30px;
  117. .delete-model {
  118. position: absolute;
  119. right: 0;
  120. top: 0;
  121. z-index: 10;
  122. }
  123. }
  124. }
  125. </style>