common.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577
  1. import api from '@/api'
  2. import router from '../router'
  3. import { Message } from 'element-ui'
  4. import Permission from '@/utils/permissions'
  5. import showPermissionDialog from "@/utils/model/noPermission/index";
  6. import { Base64 } from 'js-base64';
  7. import Config from '@/config'
  8. import moment from "moment";
  9. export default {
  10. /**
  11. * 防抖
  12. * @param {Function} func
  13. * @param {Number} duration
  14. * @returns
  15. */
  16. debounce(func, duration = 500) {
  17. let timer;
  18. return () => {
  19. clearTimeout(timer)
  20. timer = setTimeout(func, duration)
  21. }
  22. },
  23. /**
  24. * 节流
  25. * @param {Function} func
  26. * @param {Number} delay
  27. * @returns
  28. */
  29. throttle(func, delay = 2000) {
  30. let flag = true
  31. return () => {
  32. if (!flag) return;
  33. flag = false;
  34. setTimeout(() => {
  35. func()
  36. flag = true
  37. }, delay)
  38. }
  39. },
  40. /**
  41. * 树形数据转成扁平数据
  42. * @param {Array} data 树形数据
  43. * @param {Object} prop 配置
  44. * @returns
  45. */
  46. treeToArray(data,prop={children:children}){
  47. let res = []
  48. data.forEach(el=>{
  49. res.push(el)
  50. el[prop.children] && res.push(...this.treeToArray(el[prop.children]))
  51. })
  52. return res
  53. },
  54. //对象转数组
  55. objectToArray(val){
  56. var data = []
  57. if (Object.keys(val).length > 0) {
  58. Object.keys(val).forEach(item => {
  59. if(val[item]){
  60. data.push(
  61. {
  62. key: item,
  63. value: val[item]
  64. }
  65. )
  66. }
  67. })
  68. } else {
  69. return []
  70. }
  71. return data
  72. },
  73. //转简单数组
  74. ArrayToArray(data){
  75. var arr = []
  76. data.forEach(item => {
  77. if (item.type == 3) {
  78. arr.push({
  79. key:item.value,
  80. value:item.searchValue.map(itemValue => {
  81. return itemValue.value
  82. })
  83. })
  84. } else {
  85. arr.push({
  86. key:item.value,
  87. value:item.searchValue.label
  88. })
  89. }
  90. })
  91. return arr
  92. },
  93. /**
  94. * 获取uuid
  95. * @param {*} len 长度
  96. * @param {*} radix 进制
  97. * @returns
  98. */
  99. uuid(len, radix) {
  100. var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
  101. var uuid = [], i;
  102. radix = radix || chars.length;
  103. if (len) {
  104. for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
  105. } else {
  106. var r;
  107. uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
  108. uuid[14] = '4';
  109. for (i = 0; i < 36; i++) {
  110. if (!uuid[i]) {
  111. r = 0 | Math.random()*16;
  112. uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
  113. }
  114. }
  115. }
  116. return uuid.join('');
  117. },
  118. /**
  119. * 有空格添加引号
  120. * @param {String} val
  121. * @returns
  122. */
  123. AddQuotationMarks(val){
  124. var sign = ['and','AND','OR','or','NOT','not']
  125. if(typeof val != 'string'){
  126. val = val.toString()
  127. }
  128. var arr = val.split(/(\s+ and | AND | OR | or | NOT | not \s+)/g)
  129. var regex = /\s/
  130. var regex1 = /^["].*["]$|^['].*[']$|^[“].*[”]$|^[‘].*[’]$/
  131. var values = []
  132. for(var i = 0;i<arr.length;i++){
  133. if(sign.includes(arr[i].trim())){
  134. values.push(arr[i])
  135. continue;
  136. }
  137. if(regex.test(arr[i])){
  138. if(!regex1.test(arr[i])){
  139. var str = `"${arr[i]}"`
  140. values.push(str)
  141. }
  142. continue;
  143. }
  144. values.push(arr[i])
  145. }
  146. return values
  147. },
  148. //object转字符串
  149. objectToString(val) {
  150. var data = []
  151. if (val.constructor == Object) {
  152. if (Object.keys(val).length > 0) {
  153. Object.keys(val).forEach(item => {
  154. data.push(
  155. {
  156. key: item,
  157. value: val[item]
  158. }
  159. )
  160. })
  161. } else {
  162. return ''
  163. }
  164. } else if (val.constructor == Array) {
  165. if (val.length > 0) {
  166. data = val
  167. } else {
  168. return ''
  169. }
  170. } else {
  171. return val
  172. }
  173. // 生成字符串
  174. var str = ''
  175. data.forEach(item => {
  176. var value = ''
  177. if (Array.isArray(item.value)) {
  178. value = '('
  179. item.value.forEach((i,index)=>{
  180. if(/\s/.test(i)){
  181. value += `"${i}"`
  182. }else{
  183. value += i
  184. }
  185. if(index!= item.value.length- 1){
  186. value += ' OR '
  187. }
  188. })
  189. value += ')'
  190. } else {
  191. if (item.value) {
  192. var values = this.AddQuotationMarks(item.value)
  193. value = values.join('')
  194. } else {
  195. return
  196. }
  197. }
  198. if (str) {
  199. str = str + ' AND ' + item.key + '=' + value
  200. } else {
  201. str = str + item.key + '=' + value
  202. }
  203. })
  204. return str
  205. },
  206. /**
  207. * 导出Excel
  208. * @param {string} head excel头,可为空
  209. * @param {String} body excel体,可为空
  210. * @param {String} worksheetName excel的worksheet名,可为空
  211. * @param {String} ExcelName excel文件名,可为空
  212. */
  213. exportExcel(head, body, worksheetName='Sheet1', ExcelName){
  214. // Worksheet名
  215. const worksheet = worksheetName
  216. const uri = 'data:application/vnd.ms-excel;base64,'
  217. //文件名
  218. if(!ExcelName){
  219. ExcelName = moment().format('YYYYMMDDHHmmss')
  220. }
  221. // 下载的表格模板数据
  222. const template = `<html xmlns:o="urn:schemas-microsoft-com:office:office"
  223. xmlns:x="urn:schemas-microsoft-com:office:excel"
  224. xmlns="http://www.w3.org/TR/REC-html40">
  225. <head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
  226. <x:Name>${worksheet}</x:Name>
  227. <x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>
  228. </x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
  229. </head><body><table><tr>${head}</tr>${body}</table></body></html>`
  230. // 下载模板
  231. let link = document.createElement('a')
  232. link.setAttribute('href', uri + window.btoa(unescape(encodeURIComponent(template))))
  233. link.setAttribute('download', ExcelName + '.xls')
  234. link.click()
  235. link = null
  236. },
  237. /**
  238. * 获取字段列表
  239. * @param {Array} array
  240. * @param {Function} fun
  241. * @param {Object} props
  242. * @returns
  243. */
  244. getField(array, fun, props) {
  245. var type = {
  246. 'Array': '3',
  247. 'DateTime': '2',
  248. 'String': '1'
  249. }
  250. //获取规范数据
  251. var keys = []
  252. var arr = []
  253. if (props) {
  254. keys = Object.keys(props)
  255. }
  256. //获取所需要的数据
  257. var newArray = array.filter(item => {
  258. return fun(item)
  259. })
  260. if (keys.length > 0) {
  261. newArray.forEach(item => {
  262. var obj = {}
  263. keys.forEach(key => {
  264. if (key == 'type') {
  265. obj[key] = type[item[props[key]]] || item[props[key]]
  266. }else if(key == 'value' && props.value == 'value'){
  267. obj[key] = item.field
  268. }else{
  269. obj[key] = item[props[key]]
  270. }
  271. })
  272. // 过滤不需要的数据
  273. if (['id'].includes(obj.value) == false) {
  274. arr.push(obj)
  275. }
  276. })
  277. return arr;
  278. }
  279. return newArray
  280. },
  281. /**
  282. * 获取表格数据
  283. * @author zhuliu
  284. * @param {object} row 当前行数据
  285. * @param {object} field 对应的栏位
  286. * @param {String} prop 数据类型为数组对象时所需要使用的字段
  287. * @param {object} data 需要获取对应label值时的字典对象(包含数据以及配置及{data,prop})
  288. * @param {object} data.prop
  289. * @return {String} 返回值
  290. * @example
  291. * getColumnData({value:1},{type:'String',value:'value'}) //返回字符串1
  292. */
  293. getColumnData(row, field, prop, data) {
  294. if (field.type == 'Array') {
  295. if (row[field.value] && row[field.value].length > 0) {
  296. if (prop) {
  297. return row[field.value].map(item => {
  298. return item[prop]
  299. }).join('、')
  300. }
  301. return row[field.value].join('、')
  302. } else {
  303. return '--'
  304. }
  305. } else if (field.type == 'Object') {
  306. if (!row[field.value]) {
  307. return '--'
  308. }
  309. if (prop) {
  310. return row[field.value][prop]
  311. }
  312. return row[field.value].name
  313. }
  314. else {
  315. if (data) {
  316. if (data.data.constructor == Array) {
  317. var dataProp = data.prop || {
  318. label: 'label',
  319. value: 'value'
  320. }
  321. var obj = data.data.find(item => {
  322. return item[dataProp.value] == row[field.value]
  323. })
  324. if (obj) {
  325. return obj[dataProp.label]
  326. } else {
  327. return '--'
  328. }
  329. } else {
  330. return data.data[row[field.value]]
  331. }
  332. }
  333. if (row[field.value] == '0') {
  334. return '0'
  335. }
  336. return row[field.value] || '--'
  337. }
  338. },
  339. //查看图片1
  340. checkViewer(guid) {
  341. if(!guid){
  342. return ''
  343. }
  344. return `/api/fileManager/downloadFile?fileId=${guid}`
  345. },
  346. //查看图片2
  347. checkGuid(guid,type='pdf') {
  348. if(!guid){
  349. return ''
  350. }
  351. var src = this.checkViewer(guid)
  352. var previewUrl = src + '&fullfilename=test.'+type
  353. return `http://${Config.staticURL}:8012/onlinePreview?url=` + encodeURIComponent(Base64.encode(window.location.origin+previewUrl))
  354. },
  355. //跳转预览界面
  356. previewFile(data,guid,type='pdf'){
  357. var FileUrl = this.checkGuid(guid,type)
  358. const router1 = router.resolve({
  359. path: '/checkFile',
  360. query: {
  361. ...data,
  362. FileUrl: FileUrl,
  363. guid:guid
  364. }
  365. })
  366. window.open(router1.href, '_blank');
  367. },
  368. //查看专利详情
  369. checkPatentDetails(patentNo,projectId) {
  370. router.push(
  371. {
  372. path: '/patentDetails/' + patentNo,
  373. query: {
  374. projectId: projectId,
  375. }
  376. }
  377. )
  378. },
  379. /**
  380. * 查看显示栏位管理
  381. * @param {*} type //表格类型
  382. * @param {*} patentObj 参数配置
  383. * @param {*} url 接口名称
  384. * @returns
  385. */
  386. async getCustomField(type, patentObj = {},url) {
  387. var params = {
  388. tableName: type,
  389. ...patentObj,
  390. }
  391. var apiItem = ''
  392. if(url){
  393. apiItem = url
  394. }else{
  395. // apiItem = Object.keys(patentObj).length > 0 ? 'getTableColumns':'getCustomField'
  396. apiItem = 'getTableColumns'
  397. }
  398. var a = []
  399. await api[apiItem](params).then((response) => {
  400. if (response.code == 200) {
  401. a = response.data.data
  402. }
  403. }).catch(error => {
  404. return []
  405. });
  406. return a
  407. },
  408. /**
  409. * 获取排序字段(sortProp:{order})
  410. * @param {Object} param0 {sort,column, prop, order,sortProp,defaultValue,multiple}
  411. * @returns
  412. */
  413. getSortData({ sort, column, prop, order, sortProp, defaultValue, multiple }) {
  414. var sortProp1 = sortProp || {
  415. "orderBy": "orderBy",
  416. "orderType": 'orderType'
  417. }
  418. if (multiple) {
  419. var sortData = sort
  420. } else {
  421. var sortData = []
  422. }
  423. if (order == null) {
  424. if (defaultValue) {
  425. this.sort = [defaultValue]
  426. }
  427. this.sort = [
  428. {
  429. "orderBy": "createTime",
  430. "orderType": 1
  431. }
  432. ]
  433. } else {
  434. var orderType = {
  435. ascending: 0,
  436. descending: 1
  437. }
  438. var params = sortData.find(item => {
  439. return item[sortProp1.orderBy] == prop
  440. })
  441. if (params) {
  442. params[sortProp1.orderType] = orderType[order]
  443. } else {
  444. params = {}
  445. params[sortProp1.orderBy] = prop
  446. params[sortProp1.orderType] = orderType[order]
  447. sortData.push(params)
  448. }
  449. }
  450. return sortData
  451. },
  452. //显示表头数据
  453. renderHeaderMethods(h, { column }, message) {
  454. var message = '点击升序'
  455. switch (column.order) {
  456. case "":
  457. message = '点击升序'
  458. break;
  459. case "ascending":
  460. message = '点击降序'
  461. break;
  462. case 'descending':
  463. message = '点击取消排序'
  464. break
  465. }
  466. return [
  467. ,
  468. h(
  469. 'el-tooltip',
  470. {
  471. props: {
  472. content: message, // 鼠标悬停时要展示的文字提示
  473. placement: 'top' // 悬停内容展示的位置
  474. }
  475. },
  476. [h('span', column.label)] // 图标
  477. )
  478. ]
  479. },
  480. /**
  481. * 跳转到导入专利界面
  482. * @param {Object} data 参数
  483. * @param {*} type 导入类型
  484. */
  485. toImportParent(data, type) {
  486. if(!(Permission.FunPermissions('xiaoshi/patentImport'))){
  487. showPermissionDialog()
  488. return false
  489. }
  490. var types = {
  491. 1: '/import',
  492. 2: '/PatentNoImport',
  493. 4: '/conditionImport'
  494. }
  495. router.push(
  496. {
  497. path: types[type],
  498. query: {
  499. ...data
  500. }
  501. }
  502. )
  503. },
  504. // 校验文件是否全部上传并处理文件的guid
  505. allUploadFile(form) {
  506. var arr =[]
  507. let allUpload = this.validFile(form.systemFileList,arr)
  508. if (allUpload) {
  509. Message.warning('文件未全部上传,请耐心等待')
  510. return false
  511. }
  512. if(form.systemFileList && form.systemFileList.length>0){
  513. form.fileGuids = form.systemFileList.map(item => {
  514. return item.guid
  515. })
  516. }else{
  517. form.fileGuids = []
  518. }
  519. },
  520. //校验文件是否全部上传
  521. validFile(data,arr) {
  522. if (data && data.length > 0) {
  523. for(var i =0;i<data.length;i++){
  524. if(data[i] && data[i].guid){
  525. arr.push(data[i].guid)
  526. }else{
  527. return true
  528. }
  529. }
  530. return false
  531. } else {
  532. return false
  533. }
  534. },
  535. //校验是否全部上传
  536. checkUploadFile(data) {
  537. if(!data){
  538. return []
  539. }
  540. var arr = []
  541. let allUpload = this.validFile(data,arr)
  542. if (allUpload) {
  543. Message.warning('文件未全部上传,请耐心等待')
  544. return false
  545. }
  546. return arr
  547. },
  548. }