Skip to content

W
web
Commit 7d252a11 authored by jiaxu.yan's avatar jiaxu.yan
Browse files
Options

feat: ✨ 任务处理模块页面按照原型修改

parent ec47af79
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2693 additions and 3559 deletions
.cspell/custom-words.txt
View file @ 7d252a11
......@@ -3,6 +3,7 @@ assigin
avatarfile
bangzhu
bgcolor
biaozhuntiaokuan
Btns
buildexport
cascader
......@@ -22,11 +23,13 @@ eleme
encryptor
findex
Fixi
fuhelv
iconfont
ipaddr
ishttp
jjwt
jsencrypt
kaishitixishencha
logininfor
Logininfor
maxlength
......@@ -55,14 +58,18 @@ runjs
ruoyi
Screenfull
sdata
shechaxize
shenehrenshu
sortablejs
sprintf
strs
tagview
tianjia
topbar
TOPBAR
Treeselect
tsno
tuijian
unmatch
userinfo
vnode
......@@ -72,6 +79,8 @@ vuejs
vuex
wendang
Wendangdialog
wenjanku
wscn
xiaoxi
xuanzhong
yunlanwenjian
src/assets/icons/index.js
View file @ 7d252a11
import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon' // svg component
import PngIcon from '@/components/PngIcon' // svg component
// register globally
Vue.component('svg-icon', SvgIcon)
Vue.component('png-icon', PngIcon)
const req = require.context('./svg', false, /\.svg$/)
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)
src/assets/icons/svg/菜单/jchushuju.svg deleted 100644 → 0
View file @ ec47af79
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1014_1038)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.57692 2C2.2583 2 2 2.2583 2 2.57692V5.80769C2 6.08383 1.77614 6.30769 1.5 6.30769C1.22386 6.30769 1 6.08383 1 5.80769V2.57692C1 1.70601 1.70601 1 2.57692 1H13.3462C14.2171 1 14.9231 1.70602 14.9231 2.57692V5.80769C14.9231 6.08383 14.6992 6.30769 14.4231 6.30769C14.1469 6.30769 13.9231 6.08383 13.9231 5.80769V2.57692C13.9231 2.25829 13.6648 2 13.3462 2H2.57692ZM10.833 7.46155C11.1091 7.46155 11.333 7.68541 11.333 7.96155V10.4744C11.333 10.7505 11.1091 10.9744 10.833 10.9744C10.5569 10.9744 10.333 10.7505 10.333 10.4744V7.96155C10.333 7.68541 10.5569 7.46155 10.833 7.46155ZM8.46191 4.73071C8.46191 4.45457 8.23806 4.23071 7.96191 4.23071C7.68577 4.23071 7.46191 4.45457 7.46191 4.73071V10.4743C7.46191 10.7504 7.68577 10.9743 7.96191 10.9743C8.23806 10.9743 8.46191 10.7504 8.46191 10.4743V4.73071ZM5.08979 5.66666C5.36593 5.66666 5.58979 5.89052 5.58979 6.16666V10.4744C5.58979 10.7505 5.36593 10.9744 5.08979 10.9744C4.81365 10.9744 4.58979 10.7505 4.58979 10.4744V6.16666C4.58979 5.89052 4.81365 5.66666 5.08979 5.66666ZM2 10.1154C2 9.83925 1.77614 9.61539 1.5 9.61539C1.22386 9.61539 1 9.83925 1 10.1154V13.3462C1 14.2171 1.70602 14.9231 2.57692 14.9231H13.3462C14.2171 14.9231 14.9231 14.2171 14.9231 13.3462V10.1154C14.9231 9.83925 14.6992 9.61539 14.4231 9.61539C14.1469 9.61539 13.9231 9.83925 13.9231 10.1154V13.3462C13.9231 13.6648 13.6648 13.9231 13.3462 13.9231H2.57692C2.25829 13.9231 2 13.6648 2 13.3462V10.1154Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_1014_1038">
<rect width="14" height="14" fill="white" transform="translate(1 1)"/>
</clipPath>
</defs>
</svg>
src/assets/icons/svg/菜单/pingshenguanli-1.svg deleted 100644 → 0
View file @ ec47af79
This diff is collapsed.
src/assets/icons/svg/菜单/pingshenguanli.svg deleted 100644 → 0
View file @ ec47af79
This diff is collapsed.
src/assets/icons/svg/菜单/quanxian&renwuchuli-1.svg deleted 100644 → 0
View file @ ec47af79
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.95133 1.83338C5.13545 1.62757 5.11787 1.31148 4.91207 1.12736C4.70626 0.943245 4.39017 0.960827 4.20605 1.16663L2.52623 3.04432L1.87265 2.31374C1.68853 2.10794 1.37244 2.09036 1.16663 2.27447C0.960827 2.45859 0.943245 2.77469 1.12736 2.98049L2.15359 4.1276C2.24844 4.23363 2.38397 4.29423 2.52623 4.29423C2.6685 4.29423 2.80402 4.23363 2.89888 4.1276L4.95133 1.83338ZM4.95133 7.18665C5.13545 6.98084 5.11787 6.66475 4.91207 6.48063C4.70626 6.29652 4.39017 6.3141 4.20605 6.5199L2.52623 8.39759L1.87265 7.66702C1.68853 7.46121 1.37244 7.44363 1.16663 7.62775C0.960827 7.81186 0.943245 8.12796 1.12736 8.33376L2.15359 9.48087C2.24844 9.5869 2.38397 9.6475 2.52623 9.6475C2.6685 9.6475 2.80402 9.5869 2.89888 9.48087L4.95133 7.18665ZM4.91207 11.8338C5.11787 12.0179 5.13545 12.334 4.95133 12.5398L2.89888 14.834C2.80402 14.9401 2.6685 15.0007 2.52623 15.0007C2.38397 15.0007 2.24844 14.9401 2.15359 14.834L1.12736 13.6869C0.943245 13.4811 0.960827 13.165 1.16663 12.9809C1.37244 12.7968 1.68853 12.8144 1.87265 13.0202L2.52623 13.7507L4.20605 11.8731C4.39017 11.6672 4.70626 11.6497 4.91207 11.8338ZM6.97466 7.50037C6.69851 7.50037 6.47466 7.72423 6.47466 8.00037C6.47466 8.27651 6.69851 8.50037 6.97466 8.50037H14.5003C14.7765 8.50037 15.0003 8.27651 15.0003 8.00037C15.0003 7.72423 14.7765 7.50037 14.5003 7.50037H6.97466ZM6.47466 13.3535C6.47466 13.0774 6.69851 12.8535 6.97466 12.8535H14.5003C14.7765 12.8535 15.0003 13.0774 15.0003 13.3535C15.0003 13.6297 14.7765 13.8535 14.5003 13.8535H6.97466C6.69851 13.8535 6.47466 13.6297 6.47466 13.3535ZM6.97466 2.1471C6.69851 2.1471 6.47466 2.37096 6.47466 2.6471C6.47466 2.92324 6.69851 3.1471 6.97466 3.1471H14.5003C14.7765 3.1471 15.0003 2.92324 15.0003 2.6471C15.0003 2.37096 14.7765 2.1471 14.5003 2.1471H6.97466Z" fill="black"/>
</svg>
src/assets/icons/svg/菜单/quanxian&renwuchuli.svg deleted 100644 → 0
View file @ ec47af79
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.95133 1.83338C5.13545 1.62757 5.11787 1.31148 4.91207 1.12736C4.70626 0.943245 4.39017 0.960827 4.20605 1.16663L2.52623 3.04432L1.87265 2.31374C1.68853 2.10794 1.37244 2.09036 1.16663 2.27447C0.960827 2.45859 0.943245 2.77469 1.12736 2.98049L2.15359 4.1276C2.24844 4.23363 2.38397 4.29423 2.52623 4.29423C2.6685 4.29423 2.80402 4.23363 2.89888 4.1276L4.95133 1.83338ZM4.95133 7.18665C5.13545 6.98084 5.11787 6.66475 4.91207 6.48063C4.70626 6.29652 4.39017 6.3141 4.20605 6.5199L2.52623 8.39759L1.87265 7.66702C1.68853 7.46121 1.37244 7.44363 1.16663 7.62775C0.960827 7.81186 0.943245 8.12796 1.12736 8.33376L2.15359 9.48087C2.24844 9.5869 2.38397 9.6475 2.52623 9.6475C2.6685 9.6475 2.80402 9.5869 2.89888 9.48087L4.95133 7.18665ZM4.91207 11.8338C5.11787 12.0179 5.13545 12.334 4.95133 12.5398L2.89888 14.834C2.80402 14.9401 2.6685 15.0007 2.52623 15.0007C2.38397 15.0007 2.24844 14.9401 2.15359 14.834L1.12736 13.6869C0.943245 13.4811 0.960827 13.165 1.16663 12.9809C1.37244 12.7968 1.68853 12.8144 1.87265 13.0202L2.52623 13.7507L4.20605 11.8731C4.39017 11.6672 4.70626 11.6497 4.91207 11.8338ZM6.97466 7.50037C6.69851 7.50037 6.47466 7.72423 6.47466 8.00037C6.47466 8.27651 6.69851 8.50037 6.97466 8.50037H14.5003C14.7765 8.50037 15.0003 8.27651 15.0003 8.00037C15.0003 7.72423 14.7765 7.50037 14.5003 7.50037H6.97466ZM6.47466 13.3535C6.47466 13.0774 6.69851 12.8535 6.97466 12.8535H14.5003C14.7765 12.8535 15.0003 13.0774 15.0003 13.3535C15.0003 13.6297 14.7765 13.8535 14.5003 13.8535H6.97466C6.69851 13.8535 6.47466 13.6297 6.47466 13.3535ZM6.97466 2.1471C6.69851 2.1471 6.47466 2.37096 6.47466 2.6471C6.47466 2.92324 6.69851 3.1471 6.97466 3.1471H14.5003C14.7765 3.1471 15.0003 2.92324 15.0003 2.6471C15.0003 2.37096 14.7765 2.1471 14.5003 2.1471H6.97466Z" fill="black"/>
</svg>
src/assets/icons/svg/菜单/renwuguanli.svg deleted 100644 → 0
View file @ ec47af79
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.22225 1C1.54722 1 1 1.54722 1 2.22225V5.8335C1 6.50855 1.54722 7.05575 2.22225 7.05575H5.8335C6.50854 7.05575 7.05575 6.50854 7.05575 5.8335V2.22225C7.05575 1.54722 6.50855 1 5.8335 1H2.22225ZM2 2.22225C2 2.0995 2.0995 2 2.22225 2H5.8335C5.95625 2 6.05575 2.0995 6.05575 2.22225V5.8335C6.05575 5.95626 5.95626 6.05575 5.8335 6.05575H2.22225C2.0995 6.05575 2 5.95625 2 5.8335V2.22225ZM2.22225 8.9448C1.54722 8.9448 1 9.49201 1 10.1671V13.7783C1 14.4533 1.54722 15.0006 2.22225 15.0006H5.8335C6.50854 15.0006 7.05575 14.4533 7.05575 13.7783V10.1671C7.05575 9.49201 6.50854 8.9448 5.8335 8.9448H2.22225ZM2 10.1671C2 10.0443 2.0995 9.9448 2.22225 9.9448H5.8335C5.95626 9.9448 6.05575 10.0443 6.05575 10.1671V13.7783C6.05575 13.9011 5.95626 14.0006 5.8335 14.0006H2.22225C2.0995 14.0006 2 13.9011 2 13.7783V10.1671ZM8.94531 4.02788C8.94531 2.35563 10.3009 1 11.9732 1C13.6454 1 15.0011 2.35563 15.0011 4.02788C15.0011 5.70013 13.6454 7.05575 11.9732 7.05575C10.3009 7.05575 8.94531 5.70013 8.94531 4.02788ZM11.9732 2C10.8532 2 9.94531 2.90791 9.94531 4.02788C9.94531 5.14784 10.8532 6.05575 11.9732 6.05575C13.0932 6.05575 14.0011 5.14784 14.0011 4.02788C14.0011 2.90791 13.0932 2 11.9732 2ZM10.1676 8.94482C9.49252 8.94482 8.94531 9.49203 8.94531 10.1671V13.7783C8.94531 14.4534 9.49252 15.0006 10.1676 15.0006H13.7788C14.4539 15.0006 15.0011 14.4534 15.0011 13.7783V10.1671C15.0011 9.49203 14.4539 8.94482 13.7788 8.94482H10.1676ZM9.94531 10.1671C9.94531 10.0443 10.0448 9.94482 10.1676 9.94482H13.7788C13.9016 9.94482 14.0011 10.0443 14.0011 10.1671V13.7783C14.0011 13.9011 13.9016 14.0006 13.7788 14.0006H10.1676C10.0448 14.0006 9.94531 13.9011 9.94531 13.7783V10.1671Z" fill="black"/>
</svg>
src/assets/icons/svg/菜单/xinxiguanli.svg deleted 100644 → 0
View file @ ec47af79
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 2.58338C2 2.21047 2.26093 2 2.47531 2H13.5288C13.7432 2 14.0041 2.21047 14.0041 2.58338V3.88904H2V2.58338ZM1 4.38904V2.58338C1 1.75963 1.61239 1 2.47531 1H13.5288C14.3917 1 15.0041 1.75963 15.0041 2.58338V4.38904V13.4172C15.0041 14.241 14.3917 15.0006 13.5288 15.0006H2.47531C1.61239 15.0006 1 14.241 1 13.4172V4.38904ZM14.0041 4.88904V13.4172C14.0041 13.7901 13.7432 14.0006 13.5288 14.0006H2.47531C2.26093 14.0006 2 13.7901 2 13.4172V4.88904H14.0041ZM6.20102 8.0003C6.20102 7.72416 6.42488 7.5003 6.70102 7.5003H11.9027C12.1788 7.5003 12.4027 7.72416 12.4027 8.0003C12.4027 8.27644 12.1788 8.5003 11.9027 8.5003H6.70102C6.42488 8.5003 6.20102 8.27644 6.20102 8.0003ZM6.70102 10.3892C6.42488 10.3892 6.20102 10.6131 6.20102 10.8892C6.20102 11.1654 6.42488 11.3892 6.70102 11.3892H11.9027C12.1788 11.3892 12.4027 11.1654 12.4027 10.8892C12.4027 10.6131 12.1788 10.3892 11.9027 10.3892H6.70102ZM3.60059 8.00024C3.60059 7.7241 3.82444 7.50024 4.10059 7.50024H4.75118C5.02732 7.50024 5.25118 7.7241 5.25118 8.00024C5.25118 8.27639 5.02732 8.50024 4.75118 8.50024H4.10059C3.82444 8.50024 3.60059 8.27639 3.60059 8.00024ZM4.10059 10.3892C3.82444 10.3892 3.60059 10.613 3.60059 10.8892C3.60059 11.1653 3.82444 11.3892 4.10059 11.3892H4.75118C5.02732 11.3892 5.25118 11.1653 5.25118 10.8892C5.25118 10.613 5.02732 10.3892 4.75118 10.3892H4.10059Z" fill="black"/>
</svg>
src/assets/icons/svg/菜单/xinxiku.svg deleted 100644 → 0
View file @ ec47af79
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1014_1046)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 1C1.22386 1 1 1.22386 1 1.5V11.3175C1 11.5937 1.22386 11.8175 1.5 11.8175H4.10033H7.50085V13.5831C7.50085 13.6763 7.52635 13.7636 7.57076 13.8383H4.10059C3.82444 13.8383 3.60059 14.0621 3.60059 14.3383C3.60059 14.6144 3.82444 14.8383 4.10059 14.8383H11.9016C12.1777 14.8383 12.4016 14.6144 12.4016 14.3383C12.4016 14.0621 12.1777 13.8383 11.9016 13.8383H8.43095C8.47536 13.7636 8.50085 13.6763 8.50085 13.5831V11.8175H11.9013H14.5017C14.7778 11.8175 15.0017 11.5937 15.0017 11.3175V1.5C15.0017 1.22386 14.7778 1 14.5017 1H1.5ZM2 10.8175V2H14.0017V10.8175H11.9013H4.10033H2ZM5.90051 7.16398C5.90051 6.88784 5.67666 6.66398 5.40051 6.66398C5.12437 6.66398 4.90051 6.88784 4.90051 7.16398V8.67437C4.90051 8.95052 5.12437 9.17437 5.40051 9.17437C5.67666 9.17437 5.90051 8.95052 5.90051 8.67437V7.16398ZM8.50085 5.65355C8.50085 5.37741 8.277 5.15355 8.00085 5.15355C7.72471 5.15355 7.50085 5.37741 7.50085 5.65355V8.67433C7.50085 8.95048 7.72471 9.17433 8.00085 9.17433C8.277 9.17433 8.50085 8.95048 8.50085 8.67433V5.65355ZM10.6016 3.64319C10.8777 3.64319 11.1016 3.86705 11.1016 4.14319V8.67436C11.1016 8.9505 10.8777 9.17436 10.6016 9.17436C10.3254 9.17436 10.1016 8.9505 10.1016 8.67436V4.14319C10.1016 3.86705 10.3254 3.64319 10.6016 3.64319Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_1014_1046">
<rect width="14" height="14" fill="white" transform="translate(1 1)"/>
</clipPath>
</defs>
</svg>
src/assets/icons/svg/菜单/xitongguanli.svg deleted 100644 → 0
View file @ ec47af79
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.75024 2C4.57339 2 4.4097 2.09342 4.31975 2.24569L1.0695 7.7478C0.976832 7.90467 0.976832 8.09953 1.0695 8.25641L4.31975 13.7585C4.4097 13.9108 4.57339 14.0042 4.75024 14.0042H11.2506C11.4275 14.0042 11.5912 13.9108 11.6811 13.7585L14.9312 8.2564C15.0239 8.09953 15.0239 7.90467 14.9312 7.7478L11.6811 2.2457C11.5912 2.09343 11.4275 2 11.2506 2H4.75024ZM2.08072 8.0021L5.0356 3H10.9653L13.92 8.0021L10.9653 13.0042H5.0356L2.08072 8.0021ZM7.99911 5.88379C6.82745 5.88379 5.87402 6.83019 5.87402 8.00205C5.87402 9.17391 6.82745 10.1203 7.99911 10.1203C9.17077 10.1203 10.1242 9.17391 10.1242 8.00205C10.1242 6.83019 9.17077 5.88379 7.99911 5.88379ZM6.87402 8.00205C6.87402 7.38644 7.37577 6.88379 7.99911 6.88379C8.62246 6.88379 9.1242 7.38644 9.1242 8.00205C9.1242 8.61767 8.62246 9.12032 7.99911 9.12032C7.37577 9.12032 6.87402 8.61767 6.87402 8.00205Z" fill="black"/>
</svg>
src/assets/icons/tag_tianjia.svg 0 → 100644
View file @ 7d252a11
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z" fill="#1A6FD7"/>
<path d="M8 4.80005V11.2" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.79883 8H11.1988" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
src/assets/styles/element-ui.scss
View file @ 7d252a11
......@@ -107,3 +107,6 @@
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
padding-left: 24px;
}
.el-tabs__item {
font-weight: bold;
}
src/assets/styles/index.scss
View file @ 7d252a11
......@@ -6,7 +6,7 @@
@import './btn.scss';
@import './process.scss';
@import url(//at.alicdn.com/t/c/font_4370984_hp4hi2sk2a6.css);
@import url(//at.alicdn.com/t/c/font_4370984_myk9tkri0fb.css);
body {
height: 100%;
......@@ -124,7 +124,7 @@ aside {
//main-container全局样式
.app-container {
padding: 20px;
padding: 24px;
}
.components-container {
......@@ -318,3 +318,32 @@ aside {
height: 178px;
display: block;
}
.task-box {
height: 226px;
border: 1px solid #ebebeb;
.task-header {
display: flex;
justify-content: flex-start;
align-items: center;
height: 48px;
background: #f3f8fd;
padding: 0 17px;
.task-item {
padding-right: 70px;
}
.task-label {
font-weight: 700;
font-size: 16px;
}
.task-content {
font-weight: 700;
font-size: 16px;
}
}
}
.w-100{
width: 100%;
}
src/assets/styles/process.scss
View file @ 7d252a11
......@@ -11,6 +11,26 @@
}
}
}
.warn-prompt {
margin: 14px 0;
color: #f9a221;
font-size: 14px;
}
.file-box {
background: #f3f8fd;
border: 1px solid #f3f8fd;
border-radius: 4px;
padding: 30px 40px;
.file-box-header {
font-size: 16px;
font-weight: 700;
text-align: left;
color: #303133;
}
.file-form-class {
padding: 30px 5px;
}
}
.scene-error {
color: red;
}
......@@ -28,57 +48,142 @@
/* 任务编号,名称,单位样式 */
.task {
margin-top: 20px;
margin-bottom: 40px;
margin-bottom: 24px;
display: flex;
justify-content: flex-start;
align-items: center;
.task-item {
padding-right: 70px;
}
.task-label {
font-weight: bold;
color: rgb(153, 153, 153);
font-size: 18px;
font-weight: 700;
font-size: 16px;
}
.task-content {
color: rgb(153, 153, 153);
font-size: 18px;
font-weight: 700;
font-size: 16px;
}
}
.weight {
font-weight: 800;
}
.blue {
color: #2c8cef;
}
.green {
color: #13be24;
}
.orange {
color: #f9a221;
}
.standard-box {
display: flex;
justify-content: flex-start;
justify-content: space-between;
align-items: center;
.standard-left {
display: flex;
justify-content: flex-start;
align-items: center;
}
.standard {
color: #2b85e4;
color: #1a6fd7;
margin: 0 10px;
}
.standard-result {
color: #303133;
font-weight: bold;
}
}
.message-list {
display: flex;
flex-wrap: wrap;
display: -webkit-flex; /* Safari */
padding: 1.5rem 4rem 1rem 4rem;
padding: 0 23px;
.message-box {
flex: 1;
display: flex;
//
border-radius: 6px;
padding: 24px;
align-items: center;
justify-content: flex-start;
justify-content: space-between;
margin: 15px;
.icon {
font-size: 60px;
}
.message-detail {
display: flex;
margin-left: 10px;
align-items: flex-start;
justify-content: flex-start;
flex-flow: column;
.detail-title {
font-size: 16px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: left;
color: rgba($color: #fff, $alpha: 8);
}
.detail-num {
font-size: 24px;
font-family: Microsoft YaHei, Microsoft YaHei-700;
font-weight: 700;
text-align: left;
color: #ffffff;
}
}
}
}
.app-container {
padding: 20px;
/*审查文件表格样式(最外层)*/
.form-review-questionnaire {
height: max-content;
width: 100%;
padding: 22px 0;
.title-display {
display: flex;
align-items: center;
justify-content: flex-start;
.title-i {
width: 4px;
height: 26px;
margin-right: 1rem;
background-color: #1a6fd7;
}
.title-content {
color: #1a6fd7;
font-size: 1rem;
font-weight: bold;
}
}
.control-btns {
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 20px;
.control-btn {
color: #303133;
font-size: 14px;
margin-right: 10px;
cursor: pointer;
display: flex;
align-items: center;
.iconfont {
margin-right: 5px;
}
}
}
::v-deep .el-table--border {
width: unset !important;
}
}
.custom-card {
::v-deep.el-card__header {
background-color: #f9f9f9;
......@@ -88,6 +193,343 @@
margin-left: 10px;
float: right;
}
.main-content-style {
padding: 0rem 2rem 0rem 2rem;
.back-btn {
margin-left: 10px;
}
.other-btn {
float: right;
}
.main-content {
min-height: 550px;
.prompt-message {
display: flex;
justify-content: flex-start;
align-items: center;
background-color: #fff7ea;
border-top: 1px solid #f9a221;
line-height: 64px;
height: 64px;
padding: 0 15px;
.icon {
color: #f9a221;
margin-right: 10px;
}
.center-text {
color: #f56c6c;
}
}
.checked-noUse {
display: flex;
justify-content: flex-end;
align-items: center;
margin: 24px 0;
}
.btn-tool {
display: flex;
justify-content: space-between;
height: 40px;
.btn {
color: #000;
}
.center-content {
width: calc(100vw - 100px);
overflow-x: hidden;
margin: 0 40px;
.list {
width: calc(100vw - 100px);
display: flex;
transform: all 2s;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
left: 0;
transition: left 1s;
.tick-class {
position: absolute;
top: -1px;
right: -1px;
}
.no-select-circle {
cursor: pointer;
width: 48px;
height: 36px;
border-radius: 8px;
border: 1px solid #1b6fd7;
font-weight: 800;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
position: relative;
margin-left: 10px;
position: relative;
.inner-text {
position: absolute;
font-size: 16px;
z-index: 1;
color: #1b6fd7;
font-weight: 800;
}
}
.exclamation-point {
border: 1px solid red;
.inner-text {
color: red;
}
}
.select-circle {
display: flex;
background: #1a6fd7;
font-weight: 800;
justify-content: center;
align-items: center;
.inner-text {
position: absolute;
font-size: 16px;
color: #fff;
z-index: 1;
}
}
}
}
}
.form-box {
margin: 24px;
}
.right-content {
.match-scene {
border: 1px solid #d9d9d9;
padding: 10px;
display: flex;
position: relative;
flex-direction: column;
.confirm-button {
position: absolute;
bottom: 10px;
right: 10px;
}
}
}
}
.right-content-item {
position: relative;
.el-form-item__label {
font-weight: bold !important;
margin-right: 45px;
font-size: 14px;
}
}
.scene-add-button {
position: absolute;
left: 81px;
top: 10px;
}
.bottom-btn {
display: flex;
margin: 24px;
justify-content: center;
}
.label-btn {
width: 60px;
span {
font-size: 12px;
position: relative;
right: 9px;
}
}
.scene-content {
display: flex;
align-items: center;
position: relative;
.scene-button {
position: absolute;
left: -50px;
}
}
.add-scene {
color: #1a6fd7;
}
.del-scene {
color: #d32f2f;
}
.result-select {
display: flex;
flex-wrap: wrap;
.el-checkbox {
width: 15%;
margin: 10px;
border-radius: 40px;
.el-checkbox__inner {
display: none;
}
.el-checkbox__label {
text-align: center;
width: 100%;
}
}
}
table {
border-collapse: collapse;
width: 100%;
}
thead {
background-color: #e7e6e6;
}
th,
td {
border: 1px solid #ebebeb;
padding: 8px;
text-align: left;
width: 300px;
height: 100%;
}
.bottom-btn {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.update-content {
margin-top: 50px;
padding: 20px;
border: 1px solid #e4e4e4;
text-align: center;
div {
margin-bottom: 10px;
}
i {
color: #ff9900;
font-size: 100px;
}
}
.form-signature-confirmation {
height: max-content;
width: 100%;
padding: 22px 0;
.title-display {
display: flex;
align-items: center;
justify-content: flex-start;
.title-i {
width: 4px;
height: 26px;
margin-right: 1rem;
background-color: #1a6fd7;
}
.title-content {
color: #1a6fd7;
font-size: 1rem;
font-weight: bold;
}
}
/*图片*/
.img-display {
display: flex;
margin-top: 1rem;
align-items: center;
justify-content: flex-start;
}
.img-item {
flex: 1;
height: 348px;
display: flex;
flex-flow: column;
align-items: flex-start;
margin: 0 16px;
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
.img-label {
// background: #606266;
height: 18px;
line-height: 18px;
font-weight: 700;
color: #606266;
margin-bottom: 12px;
}
.img {
border: 1px solid #ebebeb;
width: 100%;
height: 100%;
}
}
}
.test-scenario-container {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction:row;
margin-top: 20px;
width: 100%;
.test-scenario {
width: calc((100% - 160px)/5);
margin: 0 20px 20px 0;
height: 32px;
line-height: 32px;
cursor: pointer;
border: 1px solid #dcdfe6;
background-color: #ffffff;
border-radius: 17px;
div {
color: #606266;
text-align: center;
}
}
.check-test-scenario {
width: calc((100% - 160px)/5);
margin: 0 20px 20px 0;
height: 32px;
cursor: pointer;
line-height: 32px;
background: #e3eefc;
border: 1px solid #1a6fd7;
border-radius: 17px;
div {
color: #1a6fd7;
text-align: center;
}
}
}
src/assets/svg/standard.svg deleted 100644 → 0
View file @ ec47af79
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="350px" height="30px" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="M 12 0 C 12 0 8.99999999999999 0.128571428571429 8.99999999999999 0.128571428571429 C 8.99999999999999 0.128571428571429 0 15 0 15 C 0 15 8.99999999999999 29.8714285714286 8.99999999999999 29.8714285714286 C 8.99999999999999 29.8714285714286 12 30 12 30 C 12 30 350 30 350 30 C 350 30 350 0 350 0 C 350 0 12 0 12 0 Z " fill-rule="nonzero" fill="#fec03d" stroke="none" />
</g>
</svg>
\ No newline at end of file
src/components/Collapse/collapse-item.vue
View file @ 7d252a11
......@@ -23,15 +23,8 @@
@focus="handleFocus"
@blur="focusing = false"
>
<i
class="iconfont"
:class="
isActive
? 'icon-xiangxiazhankai-xianxingyuankuang'
: 'icon-xiangshangshouqi-xianxingyuankuang'
"
>
</i>
<png-icon v-if="isActive" class="iconfont" icon-class="tag_zhankai2"></png-icon>
<png-icon v-else class="iconfont" icon-class="tag_shouqi2"></png-icon>
<slot name="title"></slot>
</div>
</div>
......@@ -119,11 +112,16 @@ export default {
}
</script>
<style scoped>
.el-collapse-item{
margin-top: 30px;
}
.el-collapse-item__header {
background-color: #f0f7ff !important;
padding: 0 15px !important;
background-color: #f2f2f2 !important;
height: 40px;
list-style: 40px;
padding:0 13px;
}
.el-collapse-item__content {
padding-left: 40px !important;
padding:0 !important;
}
</style>
src/components/Page/TaskStandard.vue 0 → 100644
View file @ 7d252a11
<template>
<div class="page-data">
<div class="page-title">
<slot name="header-left">
<div></div>
</slot>
<span class="header">{{ $route.meta.title }}</span>
<slot name="header-right">
<el-button icon="el-icon-back" @click="$router.back()"> 返回 </el-button>
</slot>
</div>
<div class="page-box">
<div class="box-card" shadow="never">
<template v-if="$slots.tab && $slots.tab.length">
<div class="tabList mb10">
<slot name="tab"> </slot>
</div>
</template>
<slot> </slot>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'standard',
props: {
total: {}
},
data() {
return {}
},
created() {
}
}
</script>
<style lang="scss" scoped>
.page-data {
padding: 0 24px;
}
.card-box {
// background: #303133;
}
.header .box-card {
min-height: 80vh;
// background-color: #000;
}
.header {
font-size: 20px;
font-weight: 700;
color: #303133;
}
.page-title {
padding: 40px 0;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
</style>
src/components/Page/standard.vue
View file @ 7d252a11
<template>
<div class="page-data">
<!-- <div class="page-title">
<span class="header">{{ $route.meta.title }}</span>
</div> -->
<div class="page-box">
<el-card class="box-card" shadow="never">
<div class="box-card" shadow="never">
<template v-if="$slots.tab && $slots.tab.length">
<!-- <div slot="header" class="clearfix"> -->
<div class="tabList mb10">
<slot name="tab"> </slot>
</div>
<!-- </div> -->
</template>
<slot> </slot>
</el-card>
</div>
</div>
</div>
</template>
......@@ -33,7 +28,7 @@ export default {
</script>
<style lang="scss" scoped>
.page-box {
padding: 22px 24px;
padding: 24px;
}
.box-card {
min-height: 80vh;
......
src/components/Page/standardOption.vue
View file @ 7d252a11
......@@ -104,7 +104,7 @@ export default {
@import '~@/assets/styles/element-variables.scss';
.page-box {
padding: 22px 24px;
padding: 24px;
}
.standard-box {
......
src/components/PngIcon/index.vue 0 → 100644
View file @ 7d252a11
<template>
<img :src="imagePath" :style="{'width':width}" alt="Dynamic Image">
</template>
<script>
export default {
name: 'PngIcon',
props: {
iconClass: {
type: String,
required: true
},
width: {
type: String,
default: ''
}
},
computed: {
imagePath() {
// 根据图片名称动态生成图片路径
const path = require(`@/assets/icons/${this.iconClass}.png`);
return path;
}
}
}
</script>
src/main.js
View file @ 7d252a11
......@@ -43,6 +43,9 @@ import PageStandard from '@/components/Page/standard'
import PageStandardOption from '@/components/Page/standardOption'
// 标准按钮
import PageButton from '@/components/Page/PageButton'
// 任务模版
import TaskStandard from '@/components/Page/TaskStandard'
// 字典标签组件
import DictTag from '@/components/DictTag'
// 头部标签组件
......@@ -52,8 +55,8 @@ import DictData from '@/components/DictData'
import TalkItem from '@/components/TalkItem'
// 使用mock模拟接口调用
const { mockXHR } = require('../mock')
mockXHR()
// const { mockXHR } = require('../mock')
// mockXHR()
// 全局方法挂载
Vue.prototype.getDicts = getDicts
......@@ -68,6 +71,7 @@ Vue.prototype.handleTree = handleTree
// 全局组件挂载
Vue.component('DictTag', DictTag)
Vue.component('TaskStandard', TaskStandard)
Vue.component('Pagination', Pagination)
Vue.component('RightToolbar', RightToolbar)
Vue.component('Editor', Editor)
......@@ -95,7 +99,7 @@ DictData.install()
*/
Vue.use(Element, {
size: Cookies.get('size') || 'medium' // set element-ui default size
size: Cookies.get('size') || 'mini' // set element-ui default size
})
Vue.config.productionTip = false
......
src/views/processing/archivedTask/index.vue
View file @ 7d252a11
......@@ -73,121 +73,122 @@
</el-button>
</el-form-item>
</el-form>
<el-card v-for="(item, index) in tableData" :key="index" class="box-card">
<div v-for="(item, index) in tableData" :key="index" class="card-box">
<div class="inspection-standard">
检验依据：GB XXXXX《汽车整车信息安全技术要求》
</div>
<div class="card-cell">
<div class="cell-lable">任务编号</div>
<div class="cell-value">
{{ item.taskNo ? item.taskNo : '---' }}
<div class="card-content">
<div class="card-cell">
<div class="cell-lable">任务编号</div>
<div class="cell-value">
{{ item.taskNo ? item.taskNo : '---' }}
</div>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">任务名称</div>
<div class="cell-value">
<el-link
type="primary"
@click="goNext('/task/task-detail?id=' + item.id)"
<div class="card-cell">
<div class="cell-lable">任务名称</div>
<div class="cell-value">
<el-link
type="primary"
@click="goNext('/task/task-detail?id=' + item.id)"
>
{{ item.taskName ? item.taskName : '---' }}
<span class="green">(已归档)</span>
</el-link>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">车辆型号</div>
<div
class="cell-value"
:title="item.taskName ? item.taskName : '---'"
>
{{ item.taskName ? item.taskName : '---' }}
</el-link>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">车辆型号</div>
<div class="cell-value" :title="item.taskName ? item.taskName : '---'">
{{ item.taskName ? item.taskName : '---' }}
</div>
</div>
<div class="card-cell" style="width: 300px">
<div class="cell-lable">
<i class="el-icon-timer"></i>
任务周期
</div>
</div>
<div class="cell-value">
{{
parseTime(item.taskBeginTime) + ' - ' + parseTime(item.taskEndTime)
}}
<div class="card-cell">
<div class="cell-lable">任务周期</div>
<div class="cell-value">
<div class="w-100">
{{ parseTime(item.taskBeginTime) }}
</div>
<div class="w-100" style="text-align: center">～</div>
<div class="w-100">
{{ parseTime(item.taskEndTime) }}
</div>
</div>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">任务组长</div>
<div class="cell-value">
<div>
<i class="el-icon-user"></i>
{{ item.leader ? item.leader : '---' }}
<div class="card-cell">
<div class="cell-lable">任务组长</div>
<div class="cell-value">
<div>
<i class="el-icon-user"></i>
{{ item.leader ? item.leader : '---' }}
</div>
</div>
</div>
<div class="card-buttons">
<el-button
v-if="item.reviewStatus !== 'NONE'"
type="primary"
plain
size="mini"
@click="
goNext(
'/processing/systemReview/source-record?id=' +
item.systemReviewTaskId
)
"
>体系审查原始记录</el-button
>
<el-button
v-if="item.carReviewStatus !== 'NONE'"
type="primary"
plain
size="mini"
@click="
goNext(
'/processing/carReview/source-record?id=' + item.carReviewTaskId
)
"
>车型审查原始记录</el-button
>
<el-button
v-if="item.carTestStatus !== 'NONE'"
type="primary"
plain
size="mini"
@click="
goNext(
'/processing/carReview/source-record?id=' + item.carReviewTaskId
)
"
>车型试验原始记录</el-button
>
<el-button
v-if="item.reviewStatus !== 'NONE'"
type="primary"
plain
size="mini"
@click="goNext(item.id)"
>检查报告</el-button
>
<el-button
type="primary"
plain
size="mini"
@click="goNext('/processing/retention-file?id=' + item.id)"
>企业留档文件</el-button
>
<el-button
type="primary"
plain
size="mini"
@click="goNext('/processing/fileLibrary?id=' + item.id)"
>车企文件库</el-button
>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">归档状态</div>
<div v-if="item.costTime === 0" class="cell-value">未归档</div>
<div v-else class="cell-value green">● 已归档</div>
</div>
<div class="card-buttons">
<el-button
v-if="item.reviewStatus !== 'NONE'"
type="success"
plain
size="mini"
@click="
goNext(
'/processing/systemReview/source-record?id=' +
item.systemReviewTaskId
)
"
>体系审查原始记录</el-button
>
<el-button
v-if="item.carReviewStatus !== 'NONE'"
type="success"
plain
size="mini"
@click="
goNext(
'/processing/carReview/source-record?id=' + item.carReviewTaskId
)
"
>车型审查原始记录</el-button
>
<el-button
v-if="item.carTestStatus !== 'NONE'"
type="success"
plain
size="mini"
@click="
goNext(
'/processing/carReview/source-record?id=' + item.carReviewTaskId
)
"
>车型试验原始记录</el-button
>
<el-button
v-if="item.reviewStatus !== 'NONE'"
type="success"
plain
size="mini"
@click="goNext(item.id)"
>检查报告</el-button
>
<el-button
type="success"
plain
size="mini"
@click="goNext('/processing/retention-file?id=' + item.id)"
>企业留档文件</el-button
>
<el-button
type="success"
plain
size="mini"
@click="goNext('/processing/fileLibrary?id=' + item.id)"
>车企文件库</el-button
>
</div>
</el-card>
</div>
<pagination
v-show="total > 0"
......@@ -221,19 +222,24 @@ export default {
}
</script>
<style lang="scss" scoped>
.card-content {
display: flex;
align-items: flex-start;
justify-self: flex-start;
padding: 14px;
}
.card-cell {
display: flex;
justify-content: center;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
color: rgb(153 153 153);
flex-direction: column;
flex-wrap: nowrap;
width: 140px;
// padding-top: 30px;
}
.card-buttons {
width: 380px;
width: 500px;
height: 80px;
margin-top: 20px;
display: flex;
......@@ -245,50 +251,30 @@ export default {
margin: 0px;
margin-bottom: 5px;
margin-right: 5px;
width: 120px;
width: 152px;
border-radius: 17px;
}
}
.box-card {
.card-box {
margin-bottom: 15px;
font-size: 14px;
position: relative;
height: 150px;
border: 1px solid #ebebeb;
padding: 0;
.inspection-standard {
position: absolute;
top: 0px;
left: 0px;
background-image: url('~@/assets/svg/standard.svg');
line-height: 30px;
background-repeat: no-repeat;
color: white;
padding-left: 15px;
}
::v-deep .el-card__body {
display: flex;
justify-content: space-between;
}
::v-deep .el-link.is-underline::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0;
border-bottom: 1px solid #1890ff;
content: '';
}
.cell-progress {
width: 200px;
line-height: 38px;
height: 38px;
background: rgba(249, 162, 33, 0.1);
font-size: 16px;
color: #f9a221;
padding-left: 25px;
}
.cell-lable {
color: #515a6e;
font-size: 13px;
height: 20px;
color: #303133;
font-weight: 800;
margin-bottom: 14px;
// margin-bottom: 10px;
}
......@@ -297,11 +283,11 @@ export default {
flex-flow: column;
align-items: flex-start;
justify-content: center;
min-height: 40px;
}
.cell-value.green {
color: #19be6b;
.cell-status {
font-size: 14px;
color: #606266;
}
}
</style>
src/views/processing/carReview/write-check-form/components/companyFile.vue
View file @ 7d252a11
<template>
<div>
<!-- //文件第一次提示 -->
<div class="file-prompt mt10">
<div>
<i class="el-icon-info"></i>该文件第一次出现，请维护如下相关信息
</div>
</div>
<div class="warn-prompt">该文件第一次出现，请维护如下相关信息</div>
<el-card>
<div slot="header" class="clearfix">
<span>车企文件信息</span>
</div>
<div class="file-box">
<div class="file-box-header">企业文件库</div>
<el-form
ref="fileRef"
:model="fileData"
label-width="100px"
label-position="top"
class="file-form-class"
:rules="fileRules"
>
<el-row :gutter="20">
<el-row :gutter="40">
<el-col :span="12">
<el-form-item label="企业名称" prop="enterpriseName">
<el-input
......@@ -27,19 +22,6 @@
@input="updateFocus"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="文件名称" prop="fileName">
<el-input
v-model="fileName"
placeholder="请输入"
:disabled="true"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件版本" prop="fileVersion">
<el-input
v-model="fileData.fileVersion"
......@@ -47,22 +29,6 @@
@input="updateFocus"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="发布日期" prop="releaseDate">
<el-date-picker
v-model="fileData.releaseDate"
type="date"
placeholder="选择日期"
style="width: 100%"
@input="updateFocus"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件状态" prop="fileStatus">
<el-select
v-model="fileData.fileStatus"
......@@ -79,8 +45,13 @@
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="文件识别号" prop="fileIdentification">
<el-input
v-model="fileData.fileIdentification"
placeholder="请输入"
@input="updateFocus"
></el-input>
</el-form-item>
<el-form-item label="存储位置" prop="storageLocation">
<el-input
v-model="fileData.storageLocation"
......@@ -89,18 +60,24 @@
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="文件识别号" prop="fileIdentification">
<el-form-item label="文件名称" prop="fileName">
<el-input
v-model="fileData.fileIdentification"
v-model="fileName"
placeholder="请输入"
@input="updateFocus"
:disabled="true"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="发布日期" prop="releaseDate">
<el-date-picker
v-model="fileData.releaseDate"
type="date"
placeholder="选择日期"
style="width: 100%"
@input="updateFocus"
>
</el-date-picker>
</el-form-item>
<el-form-item label="文件照片" prop="filePicture">
<ImageUpload
v-model="fileData.filePicture"
......@@ -110,14 +87,10 @@
</el-col>
</el-row>
</el-form>
<el-button
type="primary"
plain
icon="el-icon-folder-add"
@click="handleSaveFile"
<el-button type="primary" plain @click="handleSaveFile"
>保存车企文件</el-button
>
</el-card>
</div>
</div>
</template>
<script>
......
src/views/processing/fileLibrary/index.vue
View file @ 7d252a11
<template>
<page-standard>
<div slot="tab">车企文件库管理</div>
<task-standard>
<el-form ref="queryForm" :model="queryParams" size="small" :inline="true">
<el-form-item prop="status">
<el-input
v-model="queryParams.deptName"
placeholder="文件名称"
clearable
/>
</el-form-item>
<el-form-item prop="fileStatus">
<el-select v-model="queryParams.fileStatus" placeholder="文件状态">
<el-option
v-for="item in dict.type.file_status"
:key="item.value"
:label="item.label"
:value="item.value"
<template v-if="showSearch">
<el-form-item prop="status" label="文件状态">
<el-input
v-model="queryParams.deptName"
placeholder="请输入"
clearable
/>
</el-form-item>
<el-form-item prop="fileStatus" label="文件状态">
<el-select v-model="queryParams.fileStatus" placeholder="请选择">
<el-option
v-for="item in dict.type.file_status"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="status" label="文件识别号">
<el-input
v-model="queryParams.deptName"
placeholder="请输入"
clearable
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="status">
<el-input
v-model="queryParams.deptName"
placeholder="文件识别号"
clearable
/>
</el-form-item>
<el-button
type="default"
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
</template>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button
type="default"
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
<right-toolbar
:show-search.sync="showSearch"
@queryTable="loadData"
></right-toolbar>
</el-form-item>
</el-form>
<el-table
......@@ -88,9 +95,12 @@
<el-table-column
prop="resultNO"
label="文件状态"
min-width="200"
min-width="120"
align="left"
>
<template slot-scope="scope">
<el-tag type="success">{{ scope.row.resultNO }}</el-tag>
</template>
</el-table-column>
<el-table-column
prop="resultNO"
......@@ -158,12 +168,14 @@
@pagination="loadData"
>
</pagination>
</page-standard>
</task-standard>
</template>
<script>
import page from '@/mixins/page'
export default {
dicts: ['file_status'],
mixins: [page],
data() {
return {
// 查询参数
......
src/views/processing/processed-review/index.vue
View file @ 7d252a11
......@@ -73,121 +73,122 @@
</el-button>
</el-form-item>
</el-form>
<el-card v-for="(item, index) in tableData" :key="index" class="box-card">
<div v-for="(item, index) in tableData" :key="index" class="card-box">
<div class="inspection-standard">
检验依据：GB XXXXX《汽车整车信息安全技术要求》
</div>
<div class="card-cell">
<div class="cell-lable">任务编号</div>
<div class="cell-value">
{{ item.taskNo ? item.taskNo : '---' }}
<div class="card-content">
<div class="card-cell">
<div class="cell-lable">任务编号</div>
<div class="cell-value">
{{ item.taskNo ? item.taskNo : '---' }}
</div>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">任务名称</div>
<div class="cell-value">
<el-link
type="primary"
@click="goNext('/task/task-detail?id=' + item.id)"
<div class="card-cell">
<div class="cell-lable">任务名称</div>
<div class="cell-value">
<el-link
type="primary"
@click="goNext('/task/task-detail?id=' + item.id)"
>
{{ item.taskName ? item.taskName : '---' }}
<span class="green">(已归档)</span>
</el-link>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">车辆型号</div>
<div
class="cell-value"
:title="item.taskName ? item.taskName : '---'"
>
{{ item.taskName ? item.taskName : '---' }}
</el-link>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">车辆型号</div>
<div class="cell-value" :title="item.taskName ? item.taskName : '---'">
{{ item.taskName ? item.taskName : '---' }}
</div>
</div>
<div class="card-cell" style="width: 300px">
<div class="cell-lable">
<i class="el-icon-timer"></i>
任务周期
</div>
</div>
<div class="cell-value">
{{
parseTime(item.taskBeginTime) + ' - ' + parseTime(item.taskEndTime)
}}
<div class="card-cell">
<div class="cell-lable">任务周期</div>
<div class="cell-value">
<div class="w-100">
{{ parseTime(item.taskBeginTime) }}
</div>
<div class="w-100" style="text-align: center">～</div>
<div class="w-100">
{{ parseTime(item.taskEndTime) }}
</div>
</div>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">任务组长</div>
<div class="cell-value">
<div>
<i class="el-icon-user"></i>
{{ item.leader ? item.leader : '---' }}
<div class="card-cell">
<div class="cell-lable">任务组长</div>
<div class="cell-value">
<div>
<i class="el-icon-user"></i>
{{ item.leader ? item.leader : '---' }}
</div>
</div>
</div>
<div class="card-buttons">
<el-button
v-if="item.reviewStatus !== 'NONE'"
type="primary"
plain
size="mini"
@click="
goNext(
'/processing/systemReview/source-record?id=' +
item.systemReviewTaskId
)
"
>体系审查原始记录</el-button
>
<el-button
v-if="item.carReviewStatus !== 'NONE'"
type="primary"
plain
size="mini"
@click="
goNext(
'/processing/carReview/source-record?id=' + item.carReviewTaskId
)
"
>车型审查原始记录</el-button
>
<el-button
v-if="item.carTestStatus !== 'NONE'"
type="primary"
plain
size="mini"
@click="
goNext(
'/processing/carReview/source-record?id=' + item.carReviewTaskId
)
"
>车型试验原始记录</el-button
>
<el-button
v-if="item.reviewStatus !== 'NONE'"
type="primary"
plain
size="mini"
@click="goNext(item.id)"
>检查报告</el-button
>
<el-button
type="primary"
plain
size="mini"
@click="goNext('/processing/retention-file?id=' + item.id)"
>企业留档文件</el-button
>
<el-button
type="primary"
plain
size="mini"
@click="goNext('/processing/fileLibrary?id=' + item.id)"
>车企文件库</el-button
>
</div>
</div>
<div class="card-cell">
<div class="cell-lable">归档状态</div>
<div v-if="item.costTime === 0" class="cell-value">未归档</div>
<div v-else class="cell-value green">● 已归档</div>
</div>
<div class="card-buttons">
<el-button
v-if="item.reviewStatus !== 'NONE'"
type="success"
plain
size="mini"
@click="
goNext(
'/processing/systemReview/source-record?id=' +
item.systemReviewTaskId
)
"
>体系审查原始记录</el-button
>
<el-button
v-if="item.carReviewStatus !== 'NONE'"
type="success"
plain
size="mini"
@click="
goNext(
'/processing/carReview/source-record?id=' + item.carReviewTaskId
)
"
>车型审查原始记录</el-button
>
<el-button
v-if="item.carTestStatus !== 'NONE'"
type="success"
plain
size="mini"
@click="
goNext(
'/processing/carReview/source-record?id=' + item.carReviewTaskId
)
"
>车型试验原始记录</el-button
>
<el-button
v-if="item.reviewStatus !== 'NONE'"
type="success"
plain
size="mini"
@click="goNext(item.id)"
>检查报告</el-button
>
<el-button
type="success"
plain
size="mini"
@click="goNext('/processing/retention-file?id=' + item.id)"
>企业留档文件</el-button
>
<el-button
type="success"
plain
size="mini"
@click="goNext('/processing/fileLibrary?id=' + item.id)"
>车企文件库</el-button
>
</div>
</el-card>
</div>
<pagination
v-show="total > 0"
......@@ -221,19 +222,24 @@ export default {
}
</script>
<style lang="scss" scoped>
.card-content {
display: flex;
align-items: flex-start;
justify-self: flex-start;
padding: 14px;
}
.card-cell {
display: flex;
justify-content: center;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
color: rgb(153 153 153);
flex-direction: column;
flex-wrap: nowrap;
width: 140px;
// padding-top: 30px;
}
.card-buttons {
width: 380px;
width: 500px;
height: 80px;
margin-top: 20px;
display: flex;
......@@ -245,50 +251,30 @@ export default {
margin: 0px;
margin-bottom: 5px;
margin-right: 5px;
width: 120px;
width: 152px;
border-radius: 17px;
}
}
.box-card {
.card-box {
margin-bottom: 15px;
font-size: 14px;
position: relative;
height: 150px;
border: 1px solid #ebebeb;
padding: 0;
.inspection-standard {
position: absolute;
top: 0px;
left: 0px;
background-image: url('~@/assets/svg/standard.svg');
line-height: 30px;
background-repeat: no-repeat;
color: white;
padding-left: 15px;
}
::v-deep .el-card__body {
display: flex;
justify-content: space-between;
}
::v-deep .el-link.is-underline::after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0;
border-bottom: 1px solid #1890ff;
content: '';
}
.cell-progress {
width: 200px;
line-height: 38px;
height: 38px;
background: rgba(249, 162, 33, 0.1);
font-size: 16px;
color: #f9a221;
padding-left: 25px;
}
.cell-lable {
color: #515a6e;
font-size: 13px;
height: 20px;
color: #303133;
font-weight: 800;
margin-bottom: 14px;
// margin-bottom: 10px;
}
......@@ -297,11 +283,11 @@ export default {
flex-flow: column;
align-items: flex-start;
justify-content: center;
min-height: 40px;
}
.cell-value.green {
color: #19be6b;
.cell-status {
font-size: 14px;
color: #606266;
}
}
</style>
src/views/setting/scene/index.vue
View file @ 7d252a11
......@@ -44,17 +44,6 @@
</el-form>
<el-row :gutter="10" class="mb10">
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- v-hasPermi="['setting:scene:add']"-->
<!-- type="primary"-->
<!-- plain-->
<!-- icon="el-icon-plus"-->
<!-- size="mini"-->
<!-- @click="handleAdd"-->
<!-- >新增</el-button-->
<!-- >-->
<!-- </el-col>-->
<right-toolbar
:show-search.sync="showSearch"
@queryTable="loadData"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment