modelLog.vue 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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. modelFolderName: String,
  33. logData: Array
  34. },
  35. data() {
  36. return {
  37. dialogVisible: false, //是否显示该弹窗
  38. activeName: "first", //默认选择上传日志
  39. tableData: [] //列表数据
  40. };
  41. },
  42. computed: {
  43. filterlogData: function() {
  44. let newLogData = [];
  45. if (this.logData.length) {
  46. this.logData.forEach(item => {
  47. newLogData.push(item);
  48. });
  49. }
  50. return newLogData
  51. }
  52. },
  53. methods: {
  54. handleClose(done) {
  55. this.$emit("CloseModelLogDia");
  56. },
  57. handleClick(item) {
  58. console.log(item);
  59. if (item.Url) {
  60. let a = document.createElement("a");
  61. a.href = item.Url;
  62. a.download =`${this.modelFolderName}${item.FloorName}模型文件v${item.Version}.rvt`;
  63. a.click();
  64. } else {
  65. this.$message({
  66. message: "该文件夹下没有资源",
  67. type: "error"
  68. });
  69. }
  70. },
  71. changeModel() {},
  72. /**
  73. * 删除模型
  74. *
  75. */
  76. deleteModel(item) {
  77. this.$confirm(
  78. "此操作只可删除楼层模型文件,已经识别的对象及关系等,暂不可删除。确定删除?",
  79. "提示",
  80. {
  81. confirmButtonText: "确定",
  82. cancelButtonText: "取消",
  83. type: "warning"
  84. }
  85. )
  86. .then(() => {
  87. request.deleteModelFileList(item.Id, res => {
  88. if (res.Result == "success") {
  89. // 刷新页面
  90. this.$emit("deleteFinish");
  91. this.$message({
  92. type: "success",
  93. message: "删除成功!"
  94. });
  95. } else {
  96. this.$message({
  97. type: "error",
  98. message: res.Result
  99. });
  100. }
  101. });
  102. })
  103. .catch(() => {
  104. this.$message({
  105. type: "info",
  106. message: "已取消删除"
  107. });
  108. });
  109. }
  110. }
  111. };
  112. </script>
  113. <style lang="less" scoped>
  114. #modelLog {
  115. .bodys {
  116. position: relative;
  117. padding-bottom: 30px;
  118. .delete-model {
  119. position: absolute;
  120. right: 0;
  121. top: 0;
  122. z-index: 10;
  123. }
  124. }
  125. }
  126. </style>