Conten-type种类

Description of Data ContentTypical Filename ExtensionsMIME type/subtype
   
Text and Text-Related Types   
HTML text data (RFC 1866)html htm text/html
Plain text: documents; program listingstxt c c++ pl cc htext/plain
Richtext (obsolete - replaced by text/enriched)  text/richtext
Structure enhanced text (etx?) text/x-setext
Enriched text markup (RFC 1896) text/enriched
Tab-separated values (tabular)(tsv?) text/tab-separated-values
SGML documents (RFC 1874) text/sgml
Speech synthesis data (MVP Solutions) talktext/x-speech
   
Document Stylesheet Types   
Cascading Stylesheets css text/css
DSSSL-online stylesheets application/dsssl (proposed)
   
Image Types  
GIF gifimage/gif
X-Windows bitmap (b/w) xbm image/x-xbitmap
X-Windows pixelmap (8-bit color) xpm image/x-xpixmap
Portable Network Graphicspng image/x-png
Image Exchange Format (RFC 1314)ief image/ief
JPEG jpeg jpg jpeimage/jpeg
TIFF tiff tifimage/tiff
RGB rgbimage/rgb
  image/x-rgb
Group III Fax (RFC 1494)g3f image/g3fax
X Windowdump formatxwdimage/x-xwindowdump
Macintosh PICT formatpict image/x-pict
PPM (UNIX PPM package)ppm image/x-portable-pixmap
PGM (UNIX PPM package)pgm image/x-portable-graymap
PBM (UNIX PPM package)pbm image/x-portable-bitmap
PNM (UNIX PPM package)pnm image/x-portable-anymap
Microsoft Windows bitmap bmp image/x-ms-bmp
CMU raster rasimage/x-cmu-raster
Kodak Photo-CD pcdimage/x-photo-cd
Computer Graphics Metafile cgm image/cgm
North Am. Presentation Layer Protocol image/naplps
CALS Type 1 or 2mil cal image/x-cals
Fractal Image Format (Iterated Systems) fifimage/fif
QuickSilver active image (Micrografx) dsfimage/x-mgx-dsf
CMX vector image (Corel)cmx image/x-cmx
Wavelet-compressed (Summus)wi image/wavelet
AutoCad Drawing (SoftSource)dwg image/vnd.dwg
  image/x-dwg
AutoCad DXF file (SoftSource)dxf image/vnd.dxf
  image/x-dxf
Simple Vector Format (SoftSource)svfimage/vnd.svf
  also vector/x-svf
   
Audio/Voice/Music Related Types   
"basic"audio - 8-bit u-law PCMau sndaudio/basic
Macintosh audio format (AIpple)aif aiff aifc audio/x-aiff
Microsoft audio wav audio/x-wav
MPEG audio mpa abs mpega audio/x-mpeg
MPEG-2 audiomp2a mpa2 audio/x-mpeg-2
compressed speech (Echo Speech Corp.) esaudio/echospeech
Toolvox speech audio (Voxware)vox audio/voxware
RapidTransit compressed audio (Fast Man) lccapplication/fastman
Realaudio (Progressive Networks)ra ramapplication/x-pn-realaudio
NIFF music notation data format application/vnd.music-niff
MIDI music data mmidx-music/x-midi
Koan music data (SSeyo)skp application/vnd.koan
  application/x-koan
Speech synthesis data (MVP Solutions) talktext/x-speech
   
Video Types  
MPEG videompeg mpg mpevideo/mpeg
MPEG-2 videompv2 mp2vvideo/mpeg-2
Macintosh Quicktimeqt mov video/quicktime
Microsoft video avivideo/x-msvideo
SGI Movie formatmovievideo/x-sgi-movie
VDOlive streaming video (VDOnet) vdovideo/vdo
Vivo streaming video (Vivo software) vivvideo/vnd.vivo
  video/vivo
Special HTTP/Web Application Types   
Proxy autoconfiguration (Netscape browsers) pacapplication/x-ns-proxy-autoconfig
See Chapter 6 application/x-www-form-urlencoded
See Chapter 9 application/x-www-local-exec
See Chapter 9 (Netscape extension) multipart/x-mixed-replace
See Chapter 9 and Appendix B multipart/form-data
Netscape Cooltalk chat data (Netscape) icex-conference/x-cooltalk
Interactive chat (Ichat) application/x-chat
   
Application Types   
   
Text-Related  
PostScript ai eps psapplication/postscript
Microsoft Rich Text Formatrtf application/rtf
Adobe Acrobat PDF pdf application/pdf
  application/x-pdf
Maker Interchange Format (FrameMaker) mifapplication/vnd.mif
  application/x-mif
Troff documentt tr roffapplication/x-troff
Troff document with MAN macrosman application/x-troff-man
Troff document with ME macrosme application/x-troff-me
Troff document with MS macrosms application/x-troff-ms
LaTeX document latexapplication/x-latex
Tex/LateX documenttexapplication/x-tex
GNU TexInfo documenttexinfo texi application/x-texinfo
TeX dvi format dviapplication/x-dvi
MacWrite document??application/macwriteii
MS word document??application/msword
WordPerfect 5.1 document?? application/wordperfect5.1
SGML application (RFC 1874) application/sgml
Office Document Architectureoda application/oda
Envoy Documentevyapplication/envoy
Wang Info. Tranfer Format (Wang) application/wita
DEC Document Transfer Format (DEC) application/dec-dx
IBM Document Content Architecture (IBM)  application/dca-rft
   
CommonGround Digital Paper (No Hands Software)  application/commonground
FrameMaker Documents (Frame)doc fm frm frame application/vnd.framemaker
  application/x-framemaker
Remote printing at arbitrary printers (RFC 1486)  application/remote-printing
   
Archive/Compressed Archives  
Gnu tar formatgtarapplication/x-gtar
4.3BSD tar formattarapplication/x-tar
POSIX tar formatustarapplication/x-ustar
Old CPIO formatbcpioapplication/x-bcpio
POSIX CPIO formatcpioapplication/x-cpio
UNIX sh shell archiveshar application/x-shar
DOS/PC - Pkzipped archivezip application/zip
Macintosh Binhexed archive hqx application/mac-binhex40
Macintosh Stuffit Archivesit sea application/x-stuffit
Fractal Image Format fif application/fractals
Binary, UUencodedbin uuapplication/octet-stream
PC executableexeapplication/octet-stream
WAIS "sources"src wsrc application/x-wais-source
NCSA HDF data formathdfapplication/hdf
   
Downloadable Program/Scripts  
Javascript program js ls mocha text/javascript
  application/x-javascript
VBScript program  text/vbscript
UNIX bourne shell programsh application/x-sh
UNIX c-shell programcshapplication/x-csh
Perl programplapplication/x-perl
Tcl (Tool Control Language) programtcl application/x-tcl
Atomicmail program scripts (obsolete)  application/atomicmail
Slate documents - executable enclosures (BBN)  application/slate
Undefined binary data (often executable progs)  application/octet-stream
RISC OS Executable programs (ANT Limited)  application/riscos
   
Animation/Multimedia  
Andrew Toolkit inset application/andrew-inset
FutureSplash vector animation (FutureWave) splapplication/futuresplash
mBED multimedia data (mBED)mbd application/mbedlet
Macromedia Shockwave (Macromedia) application/x-director
Sizzler real-time video/animation application/x-sprite
PowerMedia multimedia (RadMedia)radapplication/x-rad-powermedia
   
Presentation   
PowerPoint presentation (Microsoft)ppzapplication/mspowerpoint
PointPlus presentation data (Net Scene) cssapplication/x-pointplus
ASAP WordPower (Software Publishing Corp.) aspapplication/x-asap
Astound Web Player multimedia data (GoldDisk) asnapplication/astound
Special Embedded Object   
OLE script e.g. Visual Basic (Ncompass) axsapplication/x-olescript
OLE Object (Microsoft/NCompass)odsapplication/x-oleobject
OpenScape OLE/OCX objects (Business@Web) oppx-form/x-openscape
Visual Basic objects (Amara)wba application/x-webbasic
Specialized data entry forms (Alpha Software) frmapplication/x-alpha-form
client-server objects (Wayfarer Communications) wfxx-script/x-wfxclient
General Applications  
Undefined binary data (often executable progs)  application/octet-stream
CALS (U.S. D.O.D data format - RFC 1895) application/cals-1840
Pointcast news data (Pointcast)pcnapplication/x-pcn
Excel spreadsheet (Microsoft) application/vnd.ms-excel
  application/x-msexcel
  application/ms-excel
PowerPoint (Microsoft)ppt application/vnd.ms-powerpoint
  application/ms-powerpoint
Microsoft Project (Microsoft) application/vnd.ms-project
Works data (Microsoft) application/vnd.ms-works
MAPI data (Microsoft) application/vnd.ms-tnef
Artgallery data (Microsoft) application/vnd.artgalry
SourceView document (Dataware Electronics) svdapplication/vnd.svd
Truedoc (Bitstream) application/vnd.truedoc
Net Install - software install (20/20 Software) insapplication/x-net-install
Carbon Copy - remote control/access (Microcom) ccvapplication/ccv
Spreadsheets (Visual Components)vtsworkbook/formulaone
Cybercash digital money (Cybercash) application/cybercash
Format for sending generic Macintosh files application/applefile
Active message -- connect to active mail app.  application/activemessage
X.400 mail message body part (RFC 1494) application/x400-bp
USENET news message id (RFC 1036) application/news-message-id
USENET news message (RFC 1036) application/news-transmission
   
Multipart Types (mostly email)   
Messages with multiple parts multipart/mixed
Messages with multiple, alternative parts multipart/alternative
Message with multiple, related parts  multipart/related
Multiple parts are digests multipart/digest
For reporting of email status (admin.) multipart/report
Order of parts does not matter multipart/parallel
Macintosh file data multipart/appledouble
Aggregate messages; descriptor as header multipart/header-set
Container for voice-mail  multipart/voice-message
HTML FORM data (see Ch. 9 and App. B) multipart/form-data
Infinite multiparts - See Chapter 9 (Netscape)  multipart/x-mixed-replace
   
Message Types (mostly email)   
MIME message message/rfc822
Partial message message/partial
Message containing external references message/external-body
Message containing USENET news message/news
HTTP message  message/http
   
2D/3D Data/Virtual Reality Types   
VRML data filewrl vrmlx-world/x-vrml (changing to model/vrml)
WIRL - VRML data (VREAM)vrw x-world/x-vream
Play3D 3d scene data (Play3D)p3d application/x-p3d
Viscape Interactive 3d world data (Superscape) svrx-world/x-svr
WebActive 3d data (Plastic Thought) wvrx-world/x-wvr
QuickDraw3D scene data (Apple)3dmfx-world/x-3dmf
   
Scientific/Math/CAD Types   
Chemical types -- to communicate information about chemical models  chemical/* (several subtypes)
Mathematica notebookmaapplication/mathematica
Computational meshes for numerical simulations mshx-model/x-mesh(evolving to model/mesh)
Vis5D 5-dimensional data v5d application/vis5d
IGES models -- CAD/CAM (CGM) data igs application/iges(evolving to model/iges?)
Autocad WHIP vector drawingsdwf drawing/x-dwf
   
Largely Platform-Specific Types   
Silicon Graphics Specific Types   
Showcase Presentationsshowcase slides sc sho show application/x-showcase
Insight Manual pagesins insight application/x-insight
Iris Annotator dataanoapplication/x-annotator
Directory Viewerdirapplication/x-dirview
Software License licapplication/x-enterlicense
Fax manager filefaxmgrapplication/x-fax-manager
Fax job data filefaxmgrjob application/x-fax-manager-job
IconBook dataicnbkapplication/x-iconbook
?wbapplication/x-inpview
Installable software in 'inst' formatinst application/x-install
Mail foldermailapplication/x-mailfolder
?pp ppagesapplication/x-ppages
Data for printer (via lpr)sgi-lpr application/x-sgi-lpr
Software in 'tardist' formattardist application/x-tardist
Software in compressed 'tardist' formatztardistapplication/x-ztardist
WingZ spreadsheetwkzapplication/x-wingz
Open Inventor 3-D scenes iv graphics/x-inventor
Description of Data ContentTypical Filename ExtensionsMIME type/subtype
   
Text and Text-Related Types   
HTML text data (RFC 1866)html htm text/html
Plain text: documents; program listingstxt c c++ pl cc htext/plain
Richtext (obsolete - replaced by text/enriched)  text/richtext
Structure enhanced text (etx?) text/x-setext
Enriched text markup (RFC 1896) text/enriched
Tab-separated values (tabular)(tsv?) text/tab-separated-values
SGML documents (RFC 1874) text/sgml
Speech synthesis data (MVP Solutions) talktext/x-speech
   
Document Stylesheet Types   
Cascading Stylesheets css text/css
DSSSL-online stylesheets application/dsssl (proposed)
   
Image Types  
GIF gifimage/gif
X-Windows bitmap (b/w) xbm image/x-xbitmap
X-Windows pixelmap (8-bit color) xpm image/x-xpixmap
Portable Network Graphicspng image/x-png
Image Exchange Format (RFC 1314)ief image/ief
JPEG jpeg jpg jpeimage/jpeg
TIFF tiff tifimage/tiff
RGB rgbimage/rgb
  image/x-rgb
Group III Fax (RFC 1494)g3f image/g3fax
X Windowdump formatxwdimage/x-xwindowdump
Macintosh PICT formatpict image/x-pict
PPM (UNIX PPM package)ppm image/x-portable-pixmap
PGM (UNIX PPM package)pgm image/x-portable-graymap
PBM (UNIX PPM package)pbm image/x-portable-bitmap
PNM (UNIX PPM package)pnm image/x-portable-anymap
Microsoft Windows bitmap bmp image/x-ms-bmp
CMU raster rasimage/x-cmu-raster
Kodak Photo-CD pcdimage/x-photo-cd
Computer Graphics Metafile cgm image/cgm
North Am. Presentation Layer Protocol image/naplps
CALS Type 1 or 2mil cal image/x-cals
Fractal Image Format (Iterated Systems) fifimage/fif
QuickSilver active image (Micrografx) dsfimage/x-mgx-dsf
CMX vector image (Corel)cmx image/x-cmx
Wavelet-compressed (Summus)wi image/wavelet
AutoCad Drawing (SoftSource)dwg image/vnd.dwg
  image/x-dwg
AutoCad DXF file (SoftSource)dxf image/vnd.dxf
  image/x-dxf
Simple Vector Format (SoftSource)svfimage/vnd.svf
  also vector/x-svf
   
Audio/Voice/Music Related Types   
"basic"audio - 8-bit u-law PCMau sndaudio/basic
Macintosh audio format (AIpple)aif aiff aifc audio/x-aiff
Microsoft audio wav audio/x-wav
MPEG audio mpa abs mpega audio/x-mpeg
MPEG-2 audiomp2a mpa2 audio/x-mpeg-2
compressed speech (Echo Speech Corp.) esaudio/echospeech
Toolvox speech audio (Voxware)vox audio/voxware
RapidTransit compressed audio (Fast Man) lccapplication/fastman
Realaudio (Progressive Networks)ra ramapplication/x-pn-realaudio
NIFF music notation data format application/vnd.music-niff
MIDI music data mmidx-music/x-midi
Koan music data (SSeyo)skp application/vnd.koan
  application/x-koan
Speech synthesis data (MVP Solutions) talktext/x-speech
   
Video Types  
MPEG videompeg mpg mpevideo/mpeg
MPEG-2 videompv2 mp2vvideo/mpeg-2
Macintosh Quicktimeqt mov video/quicktime
Microsoft video avivideo/x-msvideo
SGI Movie formatmovievideo/x-sgi-movie
VDOlive streaming video (VDOnet) vdovideo/vdo
Vivo streaming video (Vivo software) vivvideo/vnd.vivo
  video/vivo
Special HTTP/Web Application Types   
Proxy autoconfiguration (Netscape browsers) pacapplication/x-ns-proxy-autoconfig
See Chapter 6 application/x-www-form-urlencoded
See Chapter 9 application/x-www-local-exec
See Chapter 9 (Netscape extension) multipart/x-mixed-replace
See Chapter 9 and Appendix B multipart/form-data
Netscape Cooltalk chat data (Netscape) icex-conference/x-cooltalk
Interactive chat (Ichat) application/x-chat
   
Application Types   
   
Text-Related  
PostScript ai eps psapplication/postscript
Microsoft Rich Text Formatrtf application/rtf
Adobe Acrobat PDF pdf application/pdf
  application/x-pdf
Maker Interchange Format (FrameMaker) mifapplication/vnd.mif
  application/x-mif
Troff documentt tr roffapplication/x-troff
Troff document with MAN macrosman application/x-troff-man
Troff document with ME macrosme application/x-troff-me
Troff document with MS macrosms application/x-troff-ms
LaTeX document latexapplication/x-latex
Tex/LateX documenttexapplication/x-tex
GNU TexInfo documenttexinfo texi application/x-texinfo
TeX dvi format dviapplication/x-dvi
MacWrite document??application/macwriteii
MS word document??application/msword
WordPerfect 5.1 document?? application/wordperfect5.1
SGML application (RFC 1874) application/sgml
Office Document Architectureoda application/oda
Envoy Documentevyapplication/envoy
Wang Info. Tranfer Format (Wang) application/wita
DEC Document Transfer Format (DEC) application/dec-dx
IBM Document Content Architecture (IBM)  application/dca-rft
   
CommonGround Digital Paper (No Hands Software)  application/commonground
FrameMaker Documents (Frame)doc fm frm frame application/vnd.framemaker
  application/x-framemaker
Remote printing at arbitrary printers (RFC 1486)  application/remote-printing
   
Archive/Compressed Archives  
Gnu tar formatgtarapplication/x-gtar
4.3BSD tar formattarapplication/x-tar
POSIX tar formatustarapplication/x-ustar
Old CPIO formatbcpioapplication/x-bcpio
POSIX CPIO formatcpioapplication/x-cpio
UNIX sh shell archiveshar application/x-shar
DOS/PC - Pkzipped archivezip application/zip
Macintosh Binhexed archive hqx application/mac-binhex40
Macintosh Stuffit Archivesit sea application/x-stuffit
Fractal Image Format fif application/fractals
Binary, UUencodedbin uuapplication/octet-stream
PC executableexeapplication/octet-stream
WAIS "sources"src wsrc application/x-wais-source
NCSA HDF data formathdfapplication/hdf
   
Downloadable Program/Scripts  
Javascript program js ls mocha text/javascript
  application/x-javascript
VBScript program  text/vbscript
UNIX bourne shell programsh application/x-sh
UNIX c-shell programcshapplication/x-csh
Perl programplapplication/x-perl
Tcl (Tool Control Language) programtcl application/x-tcl
Atomicmail program scripts (obsolete)  application/atomicmail
Slate documents - executable enclosures (BBN)  application/slate
Undefined binary data (often executable progs)  application/octet-stream
RISC OS Executable programs (ANT Limited)  application/riscos
   
Animation/Multimedia  
Andrew Toolkit inset application/andrew-inset
FutureSplash vector animation (FutureWave) splapplication/futuresplash
mBED multimedia data (mBED)mbd application/mbedlet
Macromedia Shockwave (Macromedia) application/x-director
Sizzler real-time video/animation application/x-sprite
PowerMedia multimedia (RadMedia)radapplication/x-rad-powermedia
   
Presentation   
PowerPoint presentation (Microsoft)ppzapplication/mspowerpoint
PointPlus presentation data (Net Scene) cssapplication/x-pointplus
ASAP WordPower (Software Publishing Corp.) aspapplication/x-asap
Astound Web Player multimedia data (GoldDisk) asnapplication/astound
Special Embedded Object   
OLE script e.g. Visual Basic (Ncompass) axsapplication/x-olescript
OLE Object (Microsoft/NCompass)odsapplication/x-oleobject
OpenScape OLE/OCX objects (Business@Web) oppx-form/x-openscape
Visual Basic objects (Amara)wba application/x-webbasic
Specialized data entry forms (Alpha Software) frmapplication/x-alpha-form
client-server objects (Wayfarer Communications) wfxx-script/x-wfxclient
General Applications  
Undefined binary data (often executable progs)  application/octet-stream
CALS (U.S. D.O.D data format - RFC 1895) application/cals-1840
Pointcast news data (Pointcast)pcnapplication/x-pcn
Excel spreadsheet (Microsoft) application/vnd.ms-excel
  application/x-msexcel
  application/ms-excel
PowerPoint (Microsoft)ppt application/vnd.ms-powerpoint
  application/ms-powerpoint
Microsoft Project (Microsoft) application/vnd.ms-project
Works data (Microsoft) application/vnd.ms-works
MAPI data (Microsoft) application/vnd.ms-tnef
Artgallery data (Microsoft) application/vnd.artgalry
SourceView document (Dataware Electronics) svdapplication/vnd.svd
Truedoc (Bitstream) application/vnd.truedoc
Net Install - software install (20/20 Software) insapplication/x-net-install
Carbon Copy - remote control/access (Microcom) ccvapplication/ccv
Spreadsheets (Visual Components)vtsworkbook/formulaone
Cybercash digital money (Cybercash) application/cybercash
Format for sending generic Macintosh files application/applefile
Active message -- connect to active mail app.  application/activemessage
X.400 mail message body part (RFC 1494) application/x400-bp
USENET news message id (RFC 1036) application/news-message-id
USENET news message (RFC 1036) application/news-transmission
   
Multipart Types (mostly email)   
Messages with multiple parts multipart/mixed
Messages with multiple, alternative parts multipart/alternative
Message with multiple, related parts  multipart/related
Multiple parts are digests multipart/digest
For reporting of email status (admin.) multipart/report
Order of parts does not matter multipart/parallel
Macintosh file data multipart/appledouble
Aggregate messages; descriptor as header multipart/header-set
Container for voice-mail  multipart/voice-message
HTML FORM data (see Ch. 9 and App. B) multipart/form-data
Infinite multiparts - See Chapter 9 (Netscape)  multipart/x-mixed-replace
   
Message Types (mostly email)   
MIME message message/rfc822
Partial message message/partial
Message containing external references message/external-body
Message containing USENET news message/news
HTTP message  message/http
   
2D/3D Data/Virtual Reality Types   
VRML data filewrl vrmlx-world/x-vrml (changing to model/vrml)
WIRL - VRML data (VREAM)vrw x-world/x-vream
Play3D 3d scene data (Play3D)p3d application/x-p3d
Viscape Interactive 3d world data (Superscape) svrx-world/x-svr
WebActive 3d data (Plastic Thought) wvrx-world/x-wvr
QuickDraw3D scene data (Apple)3dmfx-world/x-3dmf
   
Scientific/Math/CAD Types   
Chemical types -- to communicate information about chemical models  chemical/* (several subtypes)
Mathematica notebookmaapplication/mathematica
Computational meshes for numerical simulations mshx-model/x-mesh(evolving to model/mesh)
Vis5D 5-dimensional data v5d application/vis5d
IGES models -- CAD/CAM (CGM) data igs application/iges(evolving to model/iges?)
Autocad WHIP vector drawingsdwf drawing/x-dwf
   
Largely Platform-Specific Types   
Silicon Graphics Specific Types   
Showcase Presentationsshowcase slides sc sho show application/x-showcase
Insight Manual pagesins insight application/x-insight
Iris Annotator dataanoapplication/x-annotator
Directory Viewerdirapplication/x-dirview
Software License licapplication/x-enterlicense
Fax manager filefaxmgrapplication/x-fax-manager
Fax job data filefaxmgrjob application/x-fax-manager-job
IconBook dataicnbkapplication/x-iconbook
?wbapplication/x-inpview
Installable software in 'inst' formatinst application/x-install
Mail foldermailapplication/x-mailfolder
?pp ppagesapplication/x-ppages
Data for printer (via lpr)sgi-lpr application/x-sgi-lpr
Software in 'tardist' formattardist application/x-tardist
Software in compressed 'tardist' formatztardistapplication/x-ztardist
WingZ spreadsheetwkzapplication/x-wingz
Open Inventor 3-D scenes iv graphics/x-inventor
<template> <view class="container"> <!-- 资产清单列表页面 --> <u-navbar id="navber" title="资产清单" :autoBack="true" :fixed="true" :placeholder="true"> <!-- @leftClick="back" --> <template #right> <view class="navberFilters" @click="toScanModal"> <up-icon name="scan" color="#46C880" size="26"></up-icon> </view> <view class="navberFilters" @click="openFilter"> <text class="text">筛选</text> <up-icon name="arrow-down-fill" color="#666666" size="10"></up-icon> </view> </template> </u-navbar> <view class="search"> <common-search-input v-model="keyword" @search="handleSearch" placeholder="搜索资产名称"></common-search-input> </view> <view> <view class="list" v-for="(item,index) in list" :key="index" @click="goDetail(item)"> <view class="conten-box"> <view class="title-box"> <view class="status"> <span class="isIdle" v-if="item.assetStatus == 1">空闲</span> <span class="isUser" v-if="item.assetStatus == 2">在用</span> <span class="isDis" v-if="item.assetStatus == 3">已处置</span> </view> <view class="title">{{item.assetName}}</view> </view> <view class="info-box"> <view class="box-margin"> 资产编码:{{item.assetCode}} </view> <view > 资产分类:{{item.assetCategoryName}} </view> </view> </view> <view class="image-box"> <image :src="item.imageUrl || 'https://dfs.hndyls.com:1443/hndy-static-resource/2025/2025-07/2025-07-31/5bceaf24-3305-4479-906b-ef868056f27c.png'" class="image"> </image> </view> </view> <u-loadmore v-if="list.length>0" :status="status" style="padding-bottom:10px"/> <u-loading-page :loading="loading" fontSize="32rpx" style="position: absolute"></u-loading-page> </view> <view style="margin-top: 20%;" v-if="!list.length"> <u-empty mode="list" text="暂无数据" icon="https://dfs.hndyls.com:1443/hndy-static-resource/2025/2025-03/2025-03-12/20250312105719_empty.png"> </u-empty> </view> <!-- 查询条件 --> <filterPopup ref="filterPopup" :isMy="true" @change="changeQuery" /> <!-- 扫描组件 --> <scanModal ref="scanModalRef" :continuousScan="true" :callBack="scanCallBack" @confirm="scanConfirm"> </scanModal> </view> </template> <script> import scanModal from "@/pages/modulePage/asset/components/scan/scanModal.vue"; import filterPopup from './components/filterPopup.vue' import { assetPrefixApi } from '@/api/index.js'; export default { components: { scanModal, filterPopup }, data() { return { pageSize:10, pageNum:1, status: 'loadmore', total: 0, list: [], keyword: '', loading: true, queryForm:{ assetStatus:null, markStatus:null, assetCodeList:[], assetCategoryId:null, storageLocationId:null, useUserNameList:[], useOrgId:null, useSubjectId:null, useDepartmentId:null, affiliatedInstitutionId:null, affiliatedSubjectId:null, adminName:null, assetSourceType:null, brand:null, supplierName:null, specificationModel:null, serialNumber:null, remarks:null, type:null, purchaseDateStart:null, purchaseDateEnd:null, maintenanceExpirationDateStart:null, maintenanceExpirationDateEnd:null, }, assetList:{ assetCategoryList:[], assetCategoryData:[], positionList:[], sourceList:[], unitList:[], assinstitutional:[], assentityList:[] } } }, onShow() { this.pageNum = 1 this.getList(); this.getAssetCategory() this.getPosition() this.getSource() this.getUnit() this.getInstitution() this.getMainBody() // 获取机构主体关联关系 this.getOrgSubjectList(); }, onReachBottom() { if (this.status != "loadmore") return; this.status = 'loading'; this.pageNum++; this.getList(); }, methods: { // 列表 async getList(){ let params = { userId: parseInt(uni.getStorageSync("userinfo").id), pageSize: this.pageSize, pageNum: this.pageNum, assetName: this.keyword, //资产名称 ...this.queryForm } if(params.purchaseDateStart){ params.purchaseDateStart = params.purchaseDateStart + ' 00:00:00' } if(params.purchaseDateEnd){ params.purchaseDateEnd = params.purchaseDateEnd + ' 23:59:59' } if(params.maintenanceExpirationDateStart){ params.maintenanceExpirationDateStart = params.maintenanceExpirationDateStart + ' 00:00:00' } if(params.maintenanceExpirationDateEnd){ params.maintenanceExpirationDateEnd = params.maintenanceExpirationDateEnd + ' 23:59:59' } let data = { path: `/api/inventory/page`, params: JSON.stringify(params), method: 'POST' } if(this.pageNum == 1){ this.list = []; this.loading = true; } const res = await assetPrefixApi.assetPrefixUrl(data); if (res.code == 0) { // uni.$u.toast(res.msg); this.total = res.data.totalCount if (res && res.data && Array.isArray(res.data.dataList)) { let list = []; res.data.dataList.forEach(item => { if(item.imageUrl) { item.imageUrlList = item.imageUrl.split(',') } const json = { assetCategoryName:item.assetCategoryName, assetCode:item.assetCode, assetStatus:item.assetStatus, assetStatusName:item.assetStatusName, id:item.id, imageUrl:item.imageUrl ? item.imageUrlList[0] : '', assetName:item.assetName } list.push(json) }) this.list.push(...list); } if(this.list.length < this.total){ this.status = "loadmore" } else { this.status = "nomore"; } this.loading = false; } else { uni.$u.toast(res.msg); } }, goDetail(item) { uni.navigateTo({ url: `/pages/modulePage/asset/assetInventory/model/infoView?id=${item.id}`, }) }, // 获取资产分类 async getAssetCategory(){ let params = { userId: parseInt(uni.getStorageSync("userinfo").id), } let data = { path: `/api/category/list`, params: JSON.stringify(params), method: 'GET' } const res = await assetPrefixApi.assetPrefixUrl(data); if(res.code == 0) { this.assetList.assetCategoryList = this.formatToTree(res.data) this.assetList.assetCategoryData = res.data uni.setStorageSync("asset_list", this.assetList) } }, formatToTree(ary, pid) { return ary.filter((item) => pid == null ? item.parentId == 0 : item.parentId == pid ).map((item) => { item.name = item.categoryName item.children = this.formatToTree(ary, item.id); return item; }); }, // 存放地点 async getPosition(){ let params = { userId: parseInt(uni.getStorageSync("userinfo").id), pageSize: 999, pageNum: 1, } let data = { path: `/api/position/list/page`, params: JSON.stringify(params), method: 'POST' } const res = await assetPrefixApi.assetPrefixUrl(data); if(res.code == 0) { if(res.data.dataList && res.data.dataList.length > 0) { res.data.dataList.forEach( item => { item.name = item.position item.id = Number(item.id) }) this.assetList.positionList = res.data.dataList uni.setStorageSync("asset_list", this.assetList) } } }, // 资产来源 async getSource(){ let params = { userId: parseInt(uni.getStorageSync("userinfo").id), } let data = { path: `/api/dictInfo/queryDetailList/?dictCode=SOURCE_ASSETS`, params: JSON.stringify(params), method: 'GET' } const res = await assetPrefixApi.assetPrefixUrl(data); if(res.code == 0) { if(res.data && res.data.length > 0) { res.data.forEach( item => { item.name = item.itemLabel item.id = Number(item.id) }) this.assetList.sourceList = res.data uni.setStorageSync("asset_list", this.assetList) } } }, // 计量单位 async getUnit(){ let params = { userId: parseInt(uni.getStorageSync("userinfo").id), } let data = { path: `/api/dictInfo/queryDetailList/?dictCode=UNIT_MEASUREMENT`, params: JSON.stringify(params), method: 'GET' } const res = await assetPrefixApi.assetPrefixUrl(data); if(res.code == 0) { if(res.data && res.data.length > 0) { res.data.forEach( item => { item.name = item.itemLabel item.id = Number(item.id) }) this.assetList.unitList = res.data uni.setStorageSync("asset_list", this.assetList) } } }, // 单个查询机构 dictInfo/queryDetailList/ASS_INSTITUTIONAL async getInstitution(){ let params = { userId: parseInt(uni.getStorageSync("userinfo").id), } let data = { path: `/api/userCenter/dictInfo/queryDetailList/ASS_INSTITUTIONAL`, params: JSON.stringify(params), method: 'GET' } const res = await assetPrefixApi.assetPrefixUrl(data); if(res.code == 0) { this.assetList.assinstitutional = res.data uni.setStorageSync("asset_list", this.assetList) } }, // 单个查询主体 dictInfo/queryDetailList/OFFICIAL_SEAL_ORG async getMainBody(){ let params = { userId: parseInt(uni.getStorageSync("userinfo").id), } let data1 = { path: `/api/userCenter/dictInfo/queryDetailList/OFFICIAL_SEAL_ORG`, params: JSON.stringify(params), method: 'GET' } const res = await assetPrefixApi.assetPrefixUrl(data1); if(res.code == 0) { if(res.data &&res.data.length > 0) { res.data.forEach( item => { item.name = item.remarks }) } this.assetList.assentityList = res.data uni.setStorageSync("asset_list", this.assetList) } }, // 打开扫描组件 toScanModal() { this.$refs.scanModalRef.show(true); }, // 手机二维码扫描后的回调 scanCallBack(res) { this.showScanModal = false; if (!res.result) return true; // 从二维码中获取资产编码 let assetCode = res.result.split('@')[1]; console.log('assetCode',assetCode) uni.navigateTo({ url: `/pages/modulePage/asset/assetInventory/model/infoView?id=${assetCode}`, }) // 返回true,扫描组件会继续后续操作,返回false,扫描组件会终止操作 return false; }, // 手持设备扫描后的操作 scanConfirm(list) { console.log('资产清单不需要这个功能,只需要手机扫码功能就OK:', list); }, // 筛选 openFilter(){ this.$refs.filterPopup.open(this.queryForm) }, // 返回的查询条件 changeQuery(queryForm) { if(queryForm?.assetCodeList && queryForm.assetCodeList.length > 0) { queryForm.assetCodeList = [queryForm.assetCodeList] } this.queryForm = {...queryForm} this.handleSearch() }, handleReceivedParams(params){ this.$refs.filterPopup.getOrganization(params) }, handleSearch() { this.list = []; this.pageNum = 1; this.getList(); }, // 获取机构主体关联关系 async getOrgSubjectList() { let params = { userId: parseInt(uni.getStorageSync("userinfo").id), } let data1 = { path: `/api/org/getOrgSubjectList`, params: JSON.stringify(params), method: 'GET' } const res = await assetPrefixApi.assetPrefixUrl(data1); if(res.code == 0) { this.assetList.OrgSubjectList = res.data uni.setStorageSync("asset_list", this.assetList); } } } } </script> <style scoped lang="scss"> .search{ border-top: 0.03125rem solid #efefef; } .isIdle{ background: #dcf7ee; color: #139d6f; } .isUser{ background: #d3dafd; color: #2A4EFF; } .isDis{ background: #e1e1e1; color: #857F7F; } .search { width: 750rpx; justify-content: center; position: sticky; z-index: 970; top: 44px; background: #fff; } .list{ background-color: #ffff; margin: 0.625rem; border-radius: 0.375rem; padding: 0.9375rem; display:flex; .title-box{ display:flex; .status{ span{ padding: 0.2rem 0.7rem; border-radius: 0.5rem; font-size: 0.7rem; } } .title{ flex:1; padding: 0 0.4rem; font-size: 0.9rem; } } .image-box{ flex: 1; text-align: right; .image{ width: 3.75rem; height: 3.75rem; border-radius: 0.375rem } } .info-box{ color:#999999; .box-margin{ margin:0.5rem 0 0.2rem 0 } } } </style> <!-- 固定class="search",在class="list"数据滚动时,class="search"不要滚动到头部,遮住了id="navber" -->
最新发布
09-05
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值