index.vue 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464
  1. <!--
  2. revit扫楼日志
  3. -->
  4. <template>
  5. <div id="build_log">
  6. <div class="search_header">
  7. <build-input :placeholder="placeholder" @search="search"></build-input>
  8. <em @click="showDic" class="dong_dic">
  9. <i class="iconfont icon-wenti"></i>
  10. <i style="font-size:12px;">动作说明</i>
  11. </em>
  12. <build-time :timeArr="timeArr" @checkTime="checkTime"></build-time>
  13. <div class="derived_btn" @click="downExcel">
  14. <i class="iconfont icon-excelwenjian"></i>
  15. <i class="excel">导出到Excel</i>
  16. </div>
  17. <div class="derived_btn" @click="refresh">
  18. <i class="iconfont icon-shuaxin"></i>
  19. <i class="excel">刷新</i>
  20. </div>
  21. </div>
  22. <div class="log_view" v-loading="loading">
  23. <div id="log"></div>
  24. <div v-if="noData" class="no_data">暂无数据</div>
  25. </div>
  26. <div class="log_page">
  27. <el-pagination
  28. @size-change="handleSizeChange"
  29. @current-change="handleCurrentChange"
  30. :current-page.sync="currentPage"
  31. :page-sizes="pageSizeArr"
  32. :page-size="pageSize"
  33. layout="total, sizes, prev, pager, next, jumper"
  34. :total="pageCount"
  35. ></el-pagination>
  36. </div>
  37. <el-dialog class="log_dialog" title="动作说明" :visible.sync="dic">
  38. <dl>二维码</dl>
  39. <dt>查询设备资产</dt>
  40. <dt>查询点位标签</dt>
  41. <dl>信标</dl>
  42. <dt>创建信标</dt>
  43. <dt>批量删除信标</dt>
  44. <dt>查询信标</dt>
  45. <dt>批量更新信标</dt>
  46. <dl>建筑</dl>
  47. <dt>下载建筑信息</dt>
  48. <dt>根据建筑ID获得楼层信息</dt>
  49. <dt>根据项目ID获得建筑列表</dt>
  50. <dl>扫楼用户</dl>
  51. <dt>扫楼用户切换项目</dt>
  52. <dt>创建扫楼用户</dt>
  53. <dt>删除扫楼用户</dt>
  54. <dt>扫楼用户登录</dt>
  55. <dt>查询扫楼用户</dt>
  56. <dt>批量更新扫楼用户</dt>
  57. <dt>扫楼用户获得验证码</dt>
  58. <dl>扫楼用户日志</dl>
  59. <dt>导出扫楼用户日志</dt>
  60. <dt>查看扫楼用户日志</dt>
  61. <dl>数据字典</dl>
  62. <dt>查看所有设备族</dt>
  63. <dt>设备族信息点</dt>
  64. <dl>模板</dl>
  65. <dt>打印标签模板</dt>
  66. <dl>点位标签</dl>
  67. <dt>创建点位标签</dt>
  68. <dt>批量删除点位标签</dt>
  69. <dt>查询点位标签</dt>
  70. <dt>批量更新扫楼用户</dt>
  71. <dl>设备资产</dl>
  72. <dt>创建设备资产</dt>
  73. <dt>批量删除设备资产</dt>
  74. <dt>异常设备资产</dt>
  75. <dt>设备族列表</dt>
  76. <dt>按标签分组查询修改信息</dt>
  77. <dt>查询设备资产</dt>
  78. <dt>查询设备资产(专供revit)</dt>
  79. <dt>批量更新设备资产</dt>
  80. <dl>项目</dl>
  81. <dt>登记项目(在扫楼app中登录项目信息)</dt>
  82. <dt>查询项目信息</dt>
  83. <dt>更新项目信息</dt>
  84. </el-dialog>
  85. </div>
  86. </template>
  87. <script>
  88. import buildInput from '@/components/scan/input'
  89. import buildTime from '@/components/scan/selectTime'
  90. import {
  91. getBuildLog,//获取日志
  92. dowmloadLog//下载日志
  93. } from '@/api/scan/request'
  94. import axios from 'axios'
  95. import {
  96. mapGetters,
  97. mapActions
  98. } from "vuex"
  99. export default {
  100. components: {
  101. 'build-input': buildInput,
  102. 'build-time': buildTime
  103. },
  104. data() {
  105. return {
  106. placeholder: '请输入操作人、动作、对象id、等关键字搜索',
  107. timeArr: ['一个月内', '一周内', '近三天', '昨天', '今天'],
  108. checkTimeArr: [],
  109. myHot: '',
  110. filter: '',
  111. pageNum: 1,
  112. pageSize: 10,
  113. logData: [],
  114. resrtData: [],
  115. pageSizeArr: [10, 30, 50, 100, 150, 200],
  116. pageCount: 0,
  117. currentPage: 1,
  118. noData: false,//有无数据
  119. // ProjId: this.$store.state.projectId,//url获取项目id this.$route.query.projId
  120. // UserId: this.$route.query.userId,//url获取用户id this.$route.query.userId
  121. loading: false,
  122. dic: false,
  123. }
  124. },
  125. created() {
  126. this.checkTimeArr = [this.getNowFormatDate(new Date().setHours(0, 0, 0, 0)), this.getNowFormatDate(new Date())]
  127. this.getLogData()
  128. },
  129. mounted() {
  130. },
  131. computed: {
  132. ...mapGetters("peojMess", [
  133. "projectId",
  134. "userId",
  135. "secret"
  136. ])
  137. },
  138. methods: {
  139. showDic() {
  140. this.dic = true
  141. },
  142. //下载excel
  143. downExcel() {
  144. let param = {
  145. 'startTime': this.checkTimeArr[0],
  146. 'endTime': this.checkTimeArr[1],
  147. 'filter': this.filter,
  148. "ProjId": this.projectId,
  149. "UserId": this.userId,
  150. "Comming": "revit",
  151. }
  152. axios({
  153. method: 'post',
  154. url: 'api/ScanBuilding/service/user_log/export',
  155. data: param,
  156. responseType: 'blob'
  157. })
  158. .then(function (res) {
  159. var blob = new Blob([res.data], {
  160. type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
  161. });
  162. var fileName = res.headers['content-disposition'];
  163. if (fileName)
  164. fileName = fileName.substring(fileName.indexOf('=') + 1);
  165. if ('download' in document.createElement('a')) { // 非IE下载
  166. const elink = document.createElement('a')
  167. elink.download = fileName
  168. elink.style.display = 'none'
  169. elink.href = URL.createObjectURL(blob)
  170. document.body.appendChild(elink)
  171. elink.click()
  172. URL.revokeObjectURL(elink.href) // 释放URL 对象
  173. document.body.removeChild(elink)
  174. } else { // IE10+下载
  175. navigator.msSaveBlob(blob, fileName)
  176. }
  177. })
  178. .catch(function (err) {
  179. console.dirxml(err);
  180. })
  181. },
  182. //选择一页个数
  183. handleSizeChange(val) {
  184. this.loading = true
  185. if (this.myHot) {
  186. this.myHot.destroy()
  187. this.myHot = ''
  188. }
  189. this.pageSize = val
  190. this.getLogData()
  191. },
  192. //选择页数
  193. handleCurrentChange(val) {
  194. this.loading = true
  195. if (this.myHot) {
  196. this.myHot.destroy()
  197. this.myHot = ''
  198. }
  199. this.pageNum = val
  200. this.getLogData()
  201. },
  202. //刷新
  203. refresh() {
  204. this.loading = true
  205. if (this.myHot) {
  206. this.myHot.destroy()
  207. this.myHot = ''
  208. }
  209. this.pageNum = this.currentPage = 1
  210. this.getLogData()
  211. },
  212. //搜索
  213. search(val) {
  214. this.loading = true
  215. if (this.myHot) {
  216. this.myHot.destroy()
  217. this.myHot = ''
  218. }
  219. this.filter = val
  220. this.pageNum = this.currentPage = 1
  221. this.getLogData()
  222. },
  223. //选择时间
  224. checkTime(val) {
  225. this.loading = true
  226. if (this.myHot) {
  227. this.myHot.destroy()
  228. this.myHot = ''
  229. }
  230. this.pageNum = this.currentPage = 1
  231. this.checkTimeArr = val
  232. this.getLogData()
  233. },
  234. //获取log数据
  235. getLogData() {
  236. let param = {
  237. 'startTime': this.checkTimeArr[0],
  238. 'endTime': this.checkTimeArr[1],
  239. 'filter': this.filter,
  240. 'pageNum': this.pageNum,
  241. 'pageSize': this.pageSize,
  242. "ProjId": this.projectId,
  243. "UserId": this.userId
  244. }
  245. getBuildLog(
  246. param
  247. ).then(
  248. result => {
  249. this.logData = result.data.LogList
  250. this.pageCount = result.data.Count
  251. this.loading = false
  252. if (this.pageCount) {
  253. this.noData = false
  254. if (this.myHot) {
  255. this.myHot.loadData(this.delArr(this.logData))
  256. } else {
  257. this.populateHot()
  258. }
  259. } else {
  260. if (this.myHot) {
  261. this.myHot.destroy()
  262. this.myHot = ''
  263. }
  264. this.noData = true
  265. }
  266. }
  267. )
  268. },
  269. mouseOver(event, coords, TD) {
  270. if (coords.col == 6) {
  271. TD.setAttribute('title', this.resrtData[coords.row])
  272. }
  273. },
  274. //处理操作说明
  275. delArr(arr) {
  276. if (arr.length) {
  277. let newArr = this.deepCopy(arr).map(
  278. (item, index) => {
  279. this.resrtData[index] = item.Note
  280. let noteArr = item.Note.split('\n')
  281. if (noteArr.length > 2) {
  282. item.Note = noteArr[0] + '\n' + noteArr[1] + '\n ...'
  283. }
  284. return item
  285. }
  286. )
  287. return newArr
  288. }
  289. },
  290. //生成实例
  291. populateHot() {
  292. var container1 = document.getElementById('log')
  293. var options = {
  294. data: this.delArr(this.logData),
  295. colHeaders: ['时间', '来源', '操作人', '手机', '动作', '对象id', '操作说明'],
  296. manualColumnResize: true,
  297. manualColumnMove: true,
  298. stretchH: 'last',
  299. readOnly: true,
  300. columns: [
  301. {
  302. data: 'CreateTime',
  303. },
  304. {
  305. data: 'Comming',
  306. },
  307. {
  308. data: 'UserName',
  309. },
  310. {
  311. data: 'Phone',
  312. },
  313. {
  314. data: 'Action',
  315. },
  316. {
  317. data: 'projectId'
  318. },
  319. {
  320. data: 'Note',
  321. }
  322. ],
  323. afterOnCellMouseOver: this.mouseOver
  324. }
  325. this.myHot = new Handsontable(container1, options)
  326. // this.getTd()
  327. document.getElementById('hot-display-license-info').style.display = 'none'
  328. },
  329. //处理时间
  330. getNowFormatDate(str) {
  331. var date = new Date(str);
  332. var seperator1 = "-";
  333. var seperator2 = ":";
  334. var month = date.getMonth() + 1;
  335. var strDate = date.getDate();
  336. if (month >= 1 && month <= 9) {
  337. month = "0" + month;
  338. }
  339. if (strDate >= 0 && strDate <= 9) {
  340. strDate = "0" + strDate;
  341. }
  342. var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
  343. + " " + date.getHours() + seperator2 + date.getMinutes()
  344. + seperator2 + date.getSeconds();
  345. return currentdate;
  346. },
  347. //工具函数浅复制深拷贝,防止共用存储空间
  348. deepCopy(obj) {
  349. var out = [], i = 0, len = obj.length;
  350. for (; i < len; i++) {
  351. if (obj[i] instanceof Array) {
  352. out[i] = deepcopy(obj[i]);
  353. }
  354. else out[i] = obj[i];
  355. }
  356. return out;
  357. },
  358. //字符处理,将\n转换成<br/>
  359. changeBr(str) {
  360. return str.replace(/\n/g, "<br/>")
  361. }
  362. }
  363. }
  364. </script>
  365. <style lang="less" scoped>
  366. #app {
  367. min-width: 1098px;
  368. min-height: 767px;
  369. position: relative;
  370. overflow-x: auto;
  371. }
  372. #build_log {
  373. width: 100%;
  374. height: 100%;
  375. overflow: hidden;
  376. box-sizing: border-box;
  377. dl {
  378. font-size: 20px;
  379. font-weight: 600;
  380. }
  381. dt {
  382. margin-left: 20px;
  383. line-height: 25px;
  384. }
  385. .search_header {
  386. min-width: 1098px;
  387. padding-top: 0.4rem;
  388. padding-left: 1rem;
  389. padding-right: 1rem;
  390. position: fixed;
  391. top: 0;
  392. left: 0;
  393. right: 0;
  394. height: 3rem;
  395. margin-bottom: 1rem;
  396. z-index: 999;
  397. background-color: #fff;
  398. .dong_dic {
  399. cursor: pointer;
  400. }
  401. .derived_btn {
  402. width: 6rem;
  403. border: 1px solid #777;
  404. text-align: center;
  405. font-size: 0.6rem;
  406. height: 1.6rem;
  407. line-height: 1.6rem;
  408. cursor: pointer;
  409. background-color: #ccc;
  410. border-radius: 0.1rem;
  411. float: right;
  412. margin-right: 1rem;
  413. margin-top: 0.2rem;
  414. .icon-excelwenjian {
  415. font-size: 1rem;
  416. margin-bottom: -0.1rem;
  417. }
  418. .excel {
  419. font-size: 12px;
  420. display: inline-block;
  421. line-height: 1.4rem;
  422. }
  423. }
  424. }
  425. .log_view {
  426. position: absolute;
  427. left: 0;
  428. padding-left: 1rem;
  429. padding-right: 1rem;
  430. top: 3rem;
  431. bottom: 3rem;
  432. right: 0;
  433. overflow-y: auto;
  434. box-sizing: border-box;
  435. }
  436. .log_page {
  437. position: fixed;
  438. bottom: 0;
  439. width: 100%;
  440. left: 0;
  441. right: 0;
  442. height: 3rem;
  443. background-color: #fff;
  444. }
  445. }
  446. </style>