addFloorDialog.vue 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270
  1. <template>
  2. <!-- 新增楼层文件 -->
  3. <div id="addFloorDialog">
  4. <el-dialog
  5. title="新增楼层"
  6. :visible.sync="addFloorFileVisible"
  7. width="900px"
  8. :before-close="handleClose"
  9. >
  10. <el-form ref="addfloorform" :model="form" label-width="120px" style="overflow: hidden">
  11. <el-form-item label="模型文件:">
  12. <el-upload
  13. class="upload-demo"
  14. ref="upload"
  15. :headers="headers"
  16. :data="updataData"
  17. action="/modelapi/model-file/upload"
  18. :on-preview="handlePreview"
  19. :on-remove="handleRemove"
  20. :file-list="fileList"
  21. :auto-upload="false"
  22. :on-change="onChangeUpLoad"
  23. :limit="1"
  24. >
  25. <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
  26. </el-upload>
  27. </el-form-item>
  28. <el-form-item label="revit版本:">
  29. <el-select v-model="form.revitVersion" placeholder="请选择">
  30. <el-option
  31. v-for="item in revitVersionList"
  32. :key="`revit-${item.value}`"
  33. :label="item.label"
  34. :value="item.value"
  35. ></el-option>
  36. </el-select>
  37. </el-form-item>
  38. <el-form-item label="模型所属楼层:">
  39. <div class="floorModle">
  40. <el-select v-model="form.floorTypeVal" placeholder="请选择">
  41. <el-option
  42. v-for="item in floorType"
  43. :key="item.value"
  44. :label="item.label"
  45. :value="item.value"
  46. ></el-option>
  47. </el-select>
  48. <!-- 计数 -->
  49. <el-input-number
  50. style="margin-left:10px;"
  51. v-model="form.floorNum"
  52. :min="1"
  53. :disabled="form.floorTypeVal == 'RF'"
  54. @change="handleChange"
  55. ></el-input-number>
  56. <!-- 是否夹层 -->
  57. <el-checkbox style="margin:0 10px;" v-model="form.haveInterlayer">是否夹层</el-checkbox>
  58. <!-- 夹层选择 -->
  59. <el-select
  60. v-model="form.interlayerTypeVal"
  61. :disabled="!form.haveInterlayer"
  62. placeholder="请选择"
  63. >
  64. <el-option
  65. v-for="item in interlayerType"
  66. :key="item.value"
  67. :label="item.label"
  68. :value="item.value"
  69. ></el-option>
  70. </el-select>
  71. </div>
  72. </el-form-item>
  73. <el-form-item label="备注信息:">
  74. <el-input type="textarea" v-model="form.desc"></el-input>
  75. </el-form-item>
  76. <el-form-item style="float: right">
  77. <el-button type="primary" @click="onSubmit" >确认</el-button>
  78. <el-button @click="handleClose">取消</el-button>
  79. </el-form-item>
  80. </el-form>
  81. <div style="float: right;margin-top: -10px;color:#AAAAAA">目前只可识别标准字典定义的设备、部件</div>
  82. </el-dialog>
  83. </div>
  84. </template>
  85. <script>
  86. import request from "@/api/model/file.js";
  87. import {mapGetters} from "vuex";
  88. export default {
  89. props: {
  90. addFloorFileVisible: Boolean,
  91. FolderName: String,
  92. floorList: Array,
  93. FolderId: String
  94. },
  95. computed: {
  96. ...mapGetters("layout", ["projectId", "userInfo", "userId", "secret", "uploaderList"])
  97. },
  98. data() {
  99. return {
  100. form: {
  101. desc: "", //描述
  102. revitVersion: "2017", //revit默认版本
  103. floorTypeVal: "F", //楼层类型得值
  104. interlayerTypeVal: "M1", //夹层类型得值
  105. haveInterlayer: false, //是否有夹层
  106. file: null, //上传文件
  107. floorNum: 1 //楼层
  108. },
  109. fileList: [], //上传楼层列表
  110. revitVersionList: [
  111. {
  112. value: "2016",
  113. label: "2016"
  114. },
  115. {
  116. value: "2017",
  117. label: "2017"
  118. },
  119. {
  120. value: "2018",
  121. label: "2018"
  122. }
  123. ],
  124. floorType: [
  125. {
  126. value: "F",
  127. label: "正常层(F)"
  128. },
  129. {
  130. value: "RF",
  131. label: "屋顶(RF)"
  132. },
  133. {
  134. value: "B",
  135. label: "地下(B)"
  136. }
  137. ],
  138. interlayerType: [
  139. {
  140. value: "M1",
  141. label: "夹层M1"
  142. },
  143. {
  144. value: "M2",
  145. label: "夹层M2"
  146. },
  147. {
  148. value: "M3",
  149. label: "夹层M3"
  150. }
  151. ],
  152. //请求头
  153. headers: {
  154. ProjectId: ""
  155. },
  156. updataData: {
  157. model: {}
  158. }
  159. };
  160. },
  161. methods: {
  162. onSubmit() {
  163. let FloorName = null;
  164. if (this.form.file == null) {
  165. this.$message.error("模型文件不能为空!");
  166. } else if (!this.form.revitVersion) {
  167. this.$message.error("revit版本不能为空!");
  168. } else {
  169. let FloorName = null;
  170. // 根据是否有夹层拼接楼层名
  171. if (this.form.haveInterlayer) {
  172. if (this.form.floorTypeVal == "RF") {
  173. FloorName = this.form.floorTypeVal + this.form.interlayerTypeVal;
  174. } else {
  175. FloorName =
  176. this.form.floorTypeVal + this.form.floorNum + this.form.interlayerTypeVal;
  177. }
  178. } else {
  179. if (this.form.floorTypeVal == "RF") {
  180. FloorName = this.form.floorTypeVal;
  181. } else {
  182. FloorName = this.form.floorTypeVal + this.form.floorNum;
  183. }
  184. }
  185. let FloorObj = this.floorList.find((item) => {return item.FloorName == FloorName})
  186. if(FloorObj && FloorObj.Status != 0) {
  187. this.$message.error('该楼层名称已存在,请勿重复创建!');
  188. } else {
  189. let data = {
  190. FileName: this.form.file.name,
  191. FloorName: FloorName,
  192. FolderId: this.FolderId,
  193. RevitVersion: this.form.revitVersion,
  194. Note: this.form.desc,
  195. ProjectId: this.projectId,
  196. ReplaceReason: null,
  197. Size: this.form.file.size,
  198. UserName: this.userInfo.userName,
  199. UserId: this.userInfo.userId
  200. };
  201. request.modelFileUpload(data, res => {
  202. // 创建成功
  203. this.$emit("finishCreateFloor", {
  204. modelId: res.ModelId,
  205. uploadId: res.UploadId,
  206. floorId: res.floorId,
  207. file: this.form.file
  208. });
  209. this.handleClose();
  210. });
  211. }
  212. }
  213. },
  214. // /上传到服务器/
  215. submitUpload(FloorModelId) {
  216. this.$refs.upload.submit();
  217. },
  218. handleClose() {
  219. this.$emit("closeAddFloorDia");
  220. },
  221. // 删除上传文件
  222. handleRemove(file, fileList) {
  223. this.fileList = []
  224. this.form.file = null;
  225. },
  226. handlePreview(file, fileList) {
  227. console.log(file, fileList);
  228. },
  229. handleChange(file, fileList) {
  230. console.log(file, fileList);
  231. },
  232. // 获取上传文件
  233. onChangeUpLoad(file, fileList) {
  234. console.log(file, fileList);
  235. if (fileList.length) {
  236. this.form.file = file;
  237. }
  238. }
  239. },
  240. watch: {
  241. addFloorFileVisible(val) {
  242. if (val) {
  243. this.handleRemove();
  244. this.form = {
  245. revitVersion: "2017", //revit默认版本
  246. desc: "", //描述
  247. floorTypeVal: "F", //楼层类型得值
  248. interlayerTypeVal: "M1", //夹层类型得值
  249. haveInterlayer: false, //是否有夹层
  250. file: null, //上传文件
  251. floorNum: 1 //楼层
  252. };
  253. }
  254. }
  255. },
  256. mounted() {
  257. this.fileList = [];
  258. this.form.file = null;
  259. }
  260. };
  261. </script>
  262. <style lang="less">
  263. #addFloorDialog {
  264. .floorModle {
  265. display: flex;
  266. justify-content: left;
  267. }
  268. }
  269. </style>