Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
M
mes-ui
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
周远喜
mes-ui
Commits
32c10b78
Commit
32c10b78
authored
May 06, 2020
by
renjintao
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
预览
parent
a37c42b9
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
675 additions
and
576 deletions
+675
-576
table.less
pages/implement/table.less
+169
-167
index.vue
pages/technology/index.vue
+0
-1
menu.less
pages/technology/menu.less
+143
-215
processview.vue
pages/technology/processview.vue
+9
-3
menu.css
src/assets/css/menu.css
+101
-190
table.css
src/assets/css/table.css
+253
-0
No files found.
pages/implement/table.less
View file @
32c10b78
.transmit_box {
height: 100%;
height: 100%;
}
.transmit_title {
padding-top: 10px;
padding-top: 10px;
}
.border_bottom {
border-bottom: 1px solid #e4e6ed;
border-bottom: 1px solid #e4e6ed;
}
.transmit_content {
padding: 20px 0 0 0;
height
: calc(100% - 108px);
padding: 20px 0 0 0;
height
: calc(100% - 108px);
}
.select {
color
: #a7b8cc;
font-size: 22px;
color
: #a7b8cc;
font-size: 22px;
}
.wuliao_left {
float
: left;
width
: 310px;
margin-right: 15px;
// height : calc(100% - 16px);
height: 500px;
border
: 1px solid #e4e6ed;
overflow-y
: auto;
overflow-x
: hidden;
float
: left;
width
: 310px;
margin-right: 15px;
// height : calc(100% - 16px);
height: 500px;
border
: 1px solid #e4e6ed;
overflow-y
: auto;
overflow-x
: hidden;
}
.wuliao_right {
width
: calc(100% - 325px);
height
: calc(100% - 16px);
border
: 1px solid #e4e6ed;
overflow-y: auto;
overflow-x: hidden;
width
: calc(100% - 325px);
height
: calc(100% - 16px);
border
: 1px solid #e4e6ed;
overflow-y: auto;
overflow-x: hidden;
}
.card_title {
background
: #f8f8f9;
padding
: 8px 15px;
border-bottom: 1px solid #e4e6ed;
position
: relative;
height: 46px;
background
: #f8f8f9;
padding
: 8px 15px;
border-bottom: 1px solid #e4e6ed;
position
: relative;
height: 46px;
}
.state {
float
: right;
color
: #515a6e;
padding: 5px 5px;
float
: right;
color
: #515a6e;
padding: 5px 5px;
}
.transmit_cont {
position
: absolute;
top
: 28px;
right
: 0px;
border-radius: 4px;
width
: 105px;
height
: 155px;
background
: #fff;
box-shadow
: 0px 0px 6px rgba(0, 0, 0, 0.2);
position
: absolute;
top
: 28px;
right
: 0px;
border-radius: 4px;
width
: 105px;
height
: 155px;
background
: #fff;
box-shadow
: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.state_body {
padding
: 10px 0px;
text-align
: center;
line-height: 24px;
padding
: 10px 0px;
text-align
: center;
line-height: 24px;
}
.state_footer {
border-top: 1px solid #e4e6ed;
padding
: 3px;
border-top: 1px solid #e4e6ed;
padding
: 3px;
}
.title_btn02 {
padding: 0px 9px;
border
: none;
padding: 0px 9px;
border
: none;
}
.color02 {
color: #249e91;
color: #249e91;
}
.card_box {
cursor: pointer;
width
: 270px;
height: 116px;
border: 1px solid #e4e6ed;
margin: 20px auto;
cursor: pointer;
width
: 270px;
height: 116px;
border: 1px solid #e4e6ed;
margin: 20px auto;
}
.hover {
cursor
: pointer;
width
: 270px;
height
: 116px;
border
: 1px solid #e4e6ed;
margin
: 20px auto;
background: #f5f7fd;
cursor
: pointer;
width
: 270px;
height
: 116px;
border
: 1px solid #e4e6ed;
margin
: 20px auto;
background: #f5f7fd;
}
.card_body {
width
: 230px;
float
: left;
padding: 10px 0 0 10px;
width
: 230px;
float
: left;
padding: 10px 0 0 10px;
}
.card_right {
cursor
: pointer;
background: #e4e6ed;
height
: 114px;
text-align: center;
float
: left;
width
: 38px;
cursor
: pointer;
background: #e4e6ed;
height
: 114px;
text-align: center;
float
: left;
width
: 38px;
}
.yellow {
background: #ffc000;
background: #ffc000;
}
.pink {
background: #ff7a8b;
background: #ff7a8b;
}
.green {
background: #27c149;
background: #27c149;
}
.card_right>img {
margin-top: 48px;
margin-top: 48px;
}
.list_item {
height
: 24px;
line-height: 24px;
height
: 24px;
line-height: 24px;
img {
width
: 16px;
height: 16px;
}
img {
width
: 16px;
height: 16px;
}
}
.table01 {
padding: 0 10px;
padding: 0 10px;
}
.new_box {
.photo {
float : left;
margin : 0 20px 0 0;
width : calc(40% - 20px);
border-right: solid 1px #bebcbc;
text-align : center;
img {
width : 350px !important;
height: 300px !important;
}
// .photo_box{
// }
}
.photo {
float: left;
margin: 0 20px 0 0;
width: calc(40% - 20px);
border-right: solid 1px #bebcbc;
text-align: center;
.table
{
float: lef
t;
width: calc(60% - 20px)
;
img
{
width: 350px !importan
t;
height: 300px !important
;
}
// .photo_box{
// }
}
.table {
float: left;
width: calc(60% - 20px);
}
}
.fixed_box {
// height : 658px;
overflow-y: auto;
overflow-x: hidden;
padding
: 0 10px;
// height : 658px;
overflow-y: auto;
overflow-x: hidden;
padding
: 0 10px;
}
// 工艺文件
.outP {
.iviewimg {
width
: 100%;
height
: 70px;
text-align: center;
margin
: 0 0 60px;
}
.iviewimg {
width
: 100%;
height
: 70px;
text-align: center;
margin
: 0 0 60px;
}
}
.table_box {
border: 1px solid #000;
.row_title{
height : 40px;
}
.table_row {
line-height : 40px;
border-bottom: 1px solid #000;
div {
text-align: center;
}
.box {
width : 100%;
height : 40px;
border-bottom: 1px solid #fff;
}
}
border: 1px solid #000;
.row_label {
border-right: 1px solid #000;
}
.row_title {
height: 40px;
}
.table_row {
line-height: 40px;
border-bottom: 1px solid #000;
.iview_cont {
border-right: 1px solid #000;
width : 100%;
height : 40px;
div {
text-align: center;
}
.table_row02 {
border-top : 1px solid #000;
border-bottom: 1px solid #000;
height : 42px;
line-height : 40px;
text-align : center;
margin-top : 10px;
.box {
width: 100%;
height: 40px;
border-bottom: 1px solid #fff;
}
}
.row_label {
border-right: 1px solid #000;
}
.iview_cont {
border-right: 1px solid #000;
width: 100%;
height: 40px;
}
.table_row02 {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
height: 42px;
line-height: 40px;
text-align: center;
margin-top: 10px;
}
}
.center {
text-align: center;
text-align: center;
}
.title_cont {
margin
: 10px auto;
width
: auto;
display: inline-block;
margin
: 10px auto;
width
: auto;
display: inline-block;
}
.iview_cont01 {
display
: inline-block;
margin
: 0 6px;
font-weight: bold;
display
: inline-block;
margin
: 0 6px;
font-weight: bold;
}
.f16 {
font-size: 16px;
font-size: 16px;
}
.h1 {
font-size
: 36px;
display
: inline-block;
width
: auto;
padding
: 0 8px;
height
: 46px;
border-bottom: 1px solid #000;
margin
: 40px auto;
font-size
: 36px;
display
: inline-block;
width
: auto;
padding
: 0 8px;
height
: 46px;
border-bottom: 1px solid #000;
margin
: 40px auto;
}
.outP table thead tr th,
.outP table tbody tr td {
padding
: 2px 0;
// height : 30px;
line-height: 28px;
padding
: 2px 0;
// height : 30px;
line-height: 28px;
}
.outP table tbody tr td {
padding: 0 5px;
padding: 0 5px;
}
.tit01 {
min-width: 70px;
min-width: 70px;
}
.tit02 {
min-width: 100px;
min-width: 100px;
}
.tit03 {
min-width: 300px;
min-width: 300px;
}
.tit04 {
min-width: 100px;
min-width: 100px;
}
.tit05 {
min-width: 100px;
min-width: 100px;
}
.title01 {
min-width: 110px;
min-width: 110px;
}
.title02 {
min-width: 300px;
min-width: 300px;
}
.title03 {
min-width: 100px;
min-width: 100px;
}
.title04 {
min-width: 100px;
min-width: 100px;
}
.title05 {
min-width: 100px;
min-width: 100px;
}
.title06 {
min-width: 100px;
min-width: 100px;
}
.outPdf table,
.outPdf table tr th,
.outPdf table tr td {
border-color: #000;
}
\ No newline at end of file
border-color: #000;
}
pages/technology/index.vue
View file @
32c10b78
<
style
lang=
"less"
>
@import './menu.less';
@import "./technolog.less";
.lay100 {
height: calc(100vh - 105px);
...
...
pages/technology/menu.less
View file @
32c10b78
.model_new{
background: #fff;
.ivu-menu-item-selected{
font-size: 14px;
color: #249e91!important;
background: #fff!important;
}
.ivu-menu-item-selected:after{
background: #249e91!important;
}
.ivu-menu-item:hover{
color: #249e91;
}
}
// .tableCommon{
// // margin-bottom: 10px;
// }
.title_color{
color: #249e91;
}
// 创建主工艺弹窗
.one_model{
.ivu-modal-body {
padding: 4px 16px;
}
}
.inventory{
font-size: 14px;
.title_inventory{
text-align: center;
}
.bianhao{
height: 40px;
span{
float: right;
padding: 5px 5px 2px;
}
.border_b{
border-bottom: 1px solid #9e9e9e;
}
}
}
.top_part{
.select_order{
margin-top: -8px;
width: 240px;
}
.radio_slect{
height: 40px;
.ivu-radio-checked .ivu-radio-inner {
border-color: #249e91;
}
.ivu-radio-inner:after{
background: #249e91;
}
label.ivu-radio-wrapper.ivu-radio-group-item.ivu-radio-default {
border: 1px solid #ccc;
padding: 6px;
margin: 0 10px;
}
}
}
.table {
margin-top: 15px;
}
.new_box{
padding-left:20px;
padding-right:20px;
.topTitle{
height: 40px;
}
.icon_box{
span{
display: inline-block;
width: 30px;
height: 23px;
cursor: pointer;
}
.fujian_icon{
background: url(./image/u21462.png) no-repeat center;
}
.zhijian_icon{
background: url(./image/u21464.png) no-repeat center;
}
.zhizao_icon{
background: url(./image/u21466.png) no-repeat center;
}
.gongbu_icon{
background: url(./image/u21468.png) no-repeat center;
}
.edit_icon{
background: url(./image/u21472.png) no-repeat center;
}
.del_icon{
background: url(./image/u21470.png) no-repeat center;
}
}
}
.radio_option{
.ivu-radio-checked .ivu-radio-inner {
border-color: #249e91;
}
.ivu-radio-inner:after{
background: #249e91;
}
}
.inventory_box{
border-top: 1px solid #e8eaec;
margin: 0 0 20px;
h4{
border-left: 1px solid #e8eaec;
border-right: 1px solid #e8eaec;
text-align: center;
height: 40px;
font-size: 16px;
line-height: 40px;
}
}
.Product{
font-size: 14px;;
h2{
text-align: center;
}
.header_Product{
height: 40px;
.marggin{
float: left;
span{
display: inline-block;
// float: right;
// width: 105px;
height: 30px;
padding: 5px 5px 2px;
}
.border_b{
border-bottom: 1px solid #9e9e9e;
width: 160px;
}
}
.part02{
margin: 0 260px 0;
}
}
}
.change_title{
text-align: center;
height: 32px;
}
.change_box{
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
.change_row{
height: 40px;
border-bottom: 1px solid #aaa;
span{
border-left: 1px solid #aaa;
display: block;
width: 120px;
float: left;
height: 40px;
line-height: 40px;
font-size: 14px;
}
.change_label{
text-align: center;
}
.change_content{
width: calc(50% - 120px);
}
.Number{
width: 100px;
}
.data{
width: calc(50% - 340px);
}
.width_reset{
width: calc(100% / 3 - 120px);
}
}
.change_div{
border-bottom: 1px solid #aaa;
height: 240px;
.change_futu{
border-left: 1px solid #aaa;
width: 50%;
height: 240px;
font-size: 14px;
padding: 5px;
float: left;
}
}
.part01 .table_row{
height: 60px;
line-height: 60px;
}
.table_row02{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
height:62px;
line-height: 60px;
text-align: center;
margin-top: 10px;
}
}
.iviewimg {
width: 100%;
height: 80px;
text-align: center;
margin: 0 0 40px;
img.imglogo {
display: inline-block;
height: 85px;
}
}
.iview_cont{
border-right: 1px solid #000;
width: 100%;
...
...
@@ -294,4 +79,147 @@ padding-right:20px;
.title06{ min-width: 100px; }
.outPdf table, .outPdf table tr th, .outPdf table tr td {
border-color: #000;
}
// 工艺文件
.outP {
.iviewimg {
width: 100%;
height: 70px;
text-align: center;
margin: 0 0 60px;
}
}
.table_box {
border: 1px solid #000;
.row_title {
height: 40px;
}
.table_row {
line-height: 40px;
border-bottom: 1px solid #000;
div {
text-align: center;
}
.box {
width: 100%;
height: 40px;
border-bottom: 1px solid #fff;
}
}
.row_label {
border-right: 1px solid #000;
}
.iview_cont {
border-right: 1px solid #000;
width: 100%;
height: 40px;
}
.table_row02 {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
height: 42px;
line-height: 40px;
text-align: center;
margin-top: 10px;
}
}
.center {
text-align: center;
}
.title_cont {
margin: 10px auto;
width: auto;
display: inline-block;
}
.iview_cont01 {
display: inline-block;
margin: 0 6px;
font-weight: bold;
}
.f16 {
font-size: 16px;
}
.h1 {
font-size: 36px;
display: inline-block;
width: auto;
padding: 0 8px;
height: 46px;
border-bottom: 1px solid #000;
margin: 40px auto;
}
.outP table thead tr th,
.outP table tbody tr td {
padding: 2px 0;
// height : 30px;
line-height: 28px;
}
.outP table tbody tr td {
padding: 0 5px;
}
.tit01 {
min-width: 70px;
}
.tit02 {
min-width: 100px;
}
.tit03 {
min-width: 300px;
}
.tit04 {
min-width: 100px;
}
.tit05 {
min-width: 100px;
}
.title01 {
min-width: 110px;
}
.title02 {
min-width: 300px;
}
.title03 {
min-width: 100px;
}
.title04 {
min-width: 100px;
}
.title05 {
min-width: 100px;
}
.title06 {
min-width: 100px;
}
.outPdf table,
.outPdf table tr th,
.outPdf table tr td {
border-color: #000;
}
\ No newline at end of file
pages/technology/processview.vue
View file @
32c10b78
<
style
lang=
"less"
>
@import "./menu.less";
</
style
>
<
template
>
<div>
<Row
v-show=
"circleModal"
style=
"height:300px"
>
...
...
@@ -158,14 +160,18 @@
<tr>
<td
class=
"tl"
>
{{
item5
.
taskseq
}}
</td>
<td
class=
"tl"
>
{{
item5
.
name
}}
</td>
<td
class=
"tl"
><div
v-html=
"item5.task_content"
class=
"html"
></div></td>
<td
class=
"tl"
>
<div
v-html=
"item5.task_content"
class=
"html"
></div>
</td>
<td
class=
"tl"
>
{{
item5
.
operator
}}
</td>
<td
class=
"tl"
>
{{
item5
.
proofreader
}}
</td>
</tr>
<tr
v-for=
"(item6,index6) in item5.step"
>
<td
class=
"tl"
>
{{
item6
.
taskseq
}}
</td>
<td
class=
"tl"
>
{{
item6
.
name
}}
</td>
<td
class=
"tl"
><div
v-html=
"item6.task_content"
class=
"html"
></div></td>
<td
class=
"tl"
>
<div
v-html=
"item6.task_content"
class=
"html"
></div>
</td>
<td
class=
"tl"
>
{{
item6
.
operator
}}
</td>
<td
class=
"tl"
>
{{
item6
.
proofreader
}}
</td>
</tr>
...
...
src/assets/css/menu.css
View file @
32c10b78
.model_new
{
background
:
#fff
;
}
.model_new
.ivu-menu-item-selected
{
font-size
:
14px
;
color
:
#249e91
!important
;
background
:
#fff
!important
;
}
.model_new
.ivu-menu-item-selected
:after
{
background
:
#249e91
!important
;
}
.model_new
.ivu-menu-item
:hover
{
color
:
#249e91
;
}
.title_color
{
color
:
#249e91
;
}
.one_model
.ivu-modal-body
{
padding
:
4px
16px
;
}
.inventory
{
font-size
:
14px
;
}
.inventory
.title_inventory
{
text-align
:
center
;
}
.inventory
.bianhao
{
height
:
40px
;
}
.inventory
.bianhao
span
{
float
:
right
;
padding
:
5px
5px
2px
;
}
.inventory
.bianhao
.border_b
{
border-bottom
:
1px
solid
#9e9e9e
;
}
.top_part
.select_order
{
margin-top
:
-8px
;
width
:
240px
;
}
.top_part
.radio_slect
{
height
:
40px
;
.iview_cont
{
border-right
:
1px
solid
#000
;
width
:
100%
;
}
.top_part
.radio_slect
.ivu-radio-checked
.ivu-radio-inner
{
border-color
:
#249e91
;
.iview_cont6
{
height
:
60px
;
line-height
:
60px
;
}
.top_part
.radio_slect
.ivu-radio-inner
:after
{
background
:
#249e91
;
.title_cont
{
margin
:
10px
auto
;
width
:
auto
;
display
:
inline-block
;
}
.
top_part
.radio_slect
label
.ivu-radio-wrapper.ivu-radio-group-item.ivu-radio-default
{
border
:
1px
solid
#ccc
;
padding
:
6px
;
margin
:
0
10px
;
.
iview_cont01
{
display
:
inline-block
;
margin
:
5px
6px
;
font-weight
:
bold
;
}
.
table
{
margin-top
:
15px
;
.
iview_cont01
span
{
display
:
inline
;
}
.new_box
{
padding-left
:
20px
;
padding-right
:
20px
;
.iview_cont01
.min120
{
min-width
:
120px
;
}
.new_box
.topTitle
{
.box
{
width
:
100%
;
height
:
40px
;
border-bottom
:
1px
solid
#fff
;
}
.new_box
.icon_box
span
{
.h1
{
font-size
:
36px
;
display
:
inline-block
;
width
:
30px
;
height
:
23px
;
cursor
:
pointer
;
width
:
auto
;
padding
:
0
8px
;
height
:
46px
;
border-bottom
:
1px
solid
#000
;
margin
:
40px
auto
;
}
.new_box
.icon_box
.fujian_icon
{
background
:
url(image/u21462.png)
no-repeat
center
;
.table_row02
{
border-top
:
1px
solid
#000
;
border-bottom
:
1px
solid
#000
;
height
:
62px
;
line-height
:
60px
;
text-align
:
center
;
margin-top
:
10px
;
}
.new_box
.icon_box
.zhijian_icon
{
background
:
url(image/u21464.png)
no-repeat
center
;
.row03
.tex_in10
{
text-indent
:
12px
;
text-align
:
inherit
!important
;
}
.new_box
.icon_box
.zhizao_icon
{
background
:
url(image/u21466.png)
no-repeat
center
;
.auto_row
{
min-height
:
60px
!important
;
height
:
auto
!important
;
padding
:
5px
;
}
.new_box
.icon_box
.gongbu_icon
{
background
:
url(image/u21468.png)
no-repeat
center
;
.outP
table
thead
tr
th
,
.outP
table
tbody
tr
td
{
padding
:
2px
0
;
line-height
:
28px
;
}
.
new_box
.icon_box
.edit_icon
{
background
:
url(image/u21472.png)
no-repeat
center
;
.
outP
table
tbody
tr
td
{
padding
:
0
5px
;
}
.
new_box
.icon_box
.del_icon
{
background
:
url(image/u21470.png)
no-repeat
center
;
.
tit01
{
min-width
:
70px
;
}
.
radio_option
.ivu-radio-checked
.ivu-radio-inner
{
border-color
:
#249e91
;
.
tit02
{
min-width
:
100px
;
}
.
radio_option
.ivu-radio-inner
:after
{
background
:
#249e91
;
.
tit03
{
min-width
:
300px
;
}
.inventory_box
{
border-top
:
1px
solid
#e8eaec
;
margin
:
0
0
20px
;
.tit04
{
min-width
:
100px
;
}
.inventory_box
h4
{
border-left
:
1px
solid
#e8eaec
;
border-right
:
1px
solid
#e8eaec
;
text-align
:
center
;
height
:
40px
;
font-size
:
16px
;
line-height
:
40px
;
.tit05
{
min-width
:
100px
;
}
.
Product
{
font-size
:
14
px
;
.
title01
{
min-width
:
110
px
;
}
.
Product
h
2
{
text-align
:
center
;
.
title0
2
{
min-width
:
300px
;
}
.
Product
.header_Product
{
height
:
4
0px
;
.
title03
{
min-width
:
10
0px
;
}
.
Product
.header_Product
.marggin
{
float
:
left
;
.
title04
{
min-width
:
100px
;
}
.Product
.header_Product
.marggin
span
{
display
:
inline-block
;
height
:
30px
;
padding
:
5px
5px
2px
;
.title05
{
min-width
:
100px
;
}
.Product
.header_Product
.marggin
.border_b
{
border-bottom
:
1px
solid
#9e9e9e
;
width
:
160px
;
.title06
{
min-width
:
100px
;
}
.Product
.header_Product
.part02
{
margin
:
0
260px
0
;
.outPdf
table
,
.outPdf
table
tr
th
,
.outPdf
table
tr
td
{
border-color
:
#000
;
}
.change_title
{
.outP
.iviewimg
{
width
:
100%
;
height
:
70px
;
text-align
:
center
;
height
:
32
px
;
margin
:
0
0
60
px
;
}
.change_box
{
border-top
:
1px
solid
#aaa
;
border-right
:
1px
solid
#aaa
;
.table_box
{
border
:
1px
solid
#000
;
}
.
change_box
.change_row
{
.
table_box
.row_title
{
height
:
40px
;
border-bottom
:
1px
solid
#aaa
;
}
.change_box
.change_row
span
{
border-left
:
1px
solid
#aaa
;
display
:
block
;
width
:
120px
;
float
:
left
;
height
:
40px
;
.table_box
.table_row
{
line-height
:
40px
;
font-size
:
14px
;
border-bottom
:
1px
solid
#000
;
}
.
change_box
.change_row
.change_label
{
.
table_box
.table_row
div
{
text-align
:
center
;
}
.change_box
.change_row
.change_content
{
width
:
calc
(
50%
-
120px
);
}
.change_box
.change_row
.Number
{
width
:
100px
;
}
.change_box
.change_row
.data
{
width
:
calc
(
50%
-
340px
);
}
.change_box
.change_row
.width_reset
{
width
:
calc
(
100%
/
3
-
120px
);
}
.change_box
.change_div
{
border-bottom
:
1px
solid
#aaa
;
height
:
240px
;
.table_box
.table_row
.box
{
width
:
100%
;
height
:
40px
;
border-bottom
:
1px
solid
#fff
;
}
.change_box
.change_div
.change_futu
{
border-left
:
1px
solid
#aaa
;
width
:
50%
;
height
:
240px
;
font-size
:
14px
;
padding
:
5px
;
float
:
left
;
.table_box
.row_label
{
border-right
:
1px
solid
#000
;
}
.change_box
.part01
.table_row
{
height
:
60px
;
line-height
:
60px
;
.table_box
.iview_cont
{
border-right
:
1px
solid
#000
;
width
:
100%
;
height
:
40px
;
}
.
chang
e_box
.table_row02
{
.
tabl
e_box
.table_row02
{
border-top
:
1px
solid
#000
;
border-bottom
:
1px
solid
#000
;
height
:
6
2px
;
line-height
:
6
0px
;
height
:
4
2px
;
line-height
:
4
0px
;
text-align
:
center
;
margin-top
:
10px
;
}
.iviewimg
{
width
:
100%
;
height
:
80px
;
.center
{
text-align
:
center
;
margin
:
0
0
40px
;
}
.iviewimg
img
.imglogo
{
display
:
inline-block
;
height
:
85px
;
}
.iview_cont
{
border-right
:
1px
solid
#000
;
width
:
100%
;
}
.iview_cont6
{
height
:
60px
;
line-height
:
60px
;
}
.title_cont
{
margin
:
10px
auto
;
...
...
@@ -213,19 +149,11 @@
}
.iview_cont01
{
display
:
inline-block
;
margin
:
5px
6px
;
margin
:
0
6px
;
font-weight
:
bold
;
}
.iview_cont01
span
{
display
:
inline
;
}
.iview_cont01
.min120
{
min-width
:
120px
;
}
.box
{
width
:
100%
;
height
:
40px
;
border-bottom
:
1px
solid
#fff
;
.f16
{
font-size
:
16px
;
}
.h1
{
font-size
:
36px
;
...
...
@@ -236,23 +164,6 @@
border-bottom
:
1px
solid
#000
;
margin
:
40px
auto
;
}
.table_row02
{
border-top
:
1px
solid
#000
;
border-bottom
:
1px
solid
#000
;
height
:
62px
;
line-height
:
60px
;
text-align
:
center
;
margin-top
:
10px
;
}
.row03
.tex_in10
{
text-indent
:
12px
;
text-align
:
inherit
!important
;
}
.auto_row
{
min-height
:
60px
!important
;
height
:
auto
!important
;
padding
:
5px
;
}
.outP
table
thead
tr
th
,
.outP
table
tbody
tr
td
{
padding
:
2px
0
;
...
...
src/assets/css/table.css
0 → 100644
View file @
32c10b78
.transmit_box
{
height
:
100%
;
}
.transmit_title
{
padding-top
:
10px
;
}
.border_bottom
{
border-bottom
:
1px
solid
#e4e6ed
;
}
.transmit_content
{
padding
:
20px
0
0
0
;
height
:
calc
(
100%
-
108px
);
}
.select
{
color
:
#a7b8cc
;
font-size
:
22px
;
}
.wuliao_left
{
float
:
left
;
width
:
310px
;
margin-right
:
15px
;
height
:
500px
;
border
:
1px
solid
#e4e6ed
;
overflow-y
:
auto
;
overflow-x
:
hidden
;
}
.wuliao_right
{
width
:
calc
(
100%
-
325px
);
height
:
calc
(
100%
-
16px
);
border
:
1px
solid
#e4e6ed
;
overflow-y
:
auto
;
overflow-x
:
hidden
;
}
.card_title
{
background
:
#f8f8f9
;
padding
:
8px
15px
;
border-bottom
:
1px
solid
#e4e6ed
;
position
:
relative
;
height
:
46px
;
}
.state
{
float
:
right
;
color
:
#515a6e
;
padding
:
5px
5px
;
}
.transmit_cont
{
position
:
absolute
;
top
:
28px
;
right
:
0px
;
border-radius
:
4px
;
width
:
105px
;
height
:
155px
;
background
:
#fff
;
box-shadow
:
0px
0px
6px
rgba
(
0
,
0
,
0
,
0.2
);
}
.state_body
{
padding
:
10px
0px
;
text-align
:
center
;
line-height
:
24px
;
}
.state_footer
{
border-top
:
1px
solid
#e4e6ed
;
padding
:
3px
;
}
.title_btn02
{
padding
:
0px
9px
;
border
:
none
;
}
.color02
{
color
:
#249e91
;
}
.card_box
{
cursor
:
pointer
;
width
:
270px
;
height
:
116px
;
border
:
1px
solid
#e4e6ed
;
margin
:
20px
auto
;
}
.hover
{
cursor
:
pointer
;
width
:
270px
;
height
:
116px
;
border
:
1px
solid
#e4e6ed
;
margin
:
20px
auto
;
background
:
#f5f7fd
;
}
.card_body
{
width
:
230px
;
float
:
left
;
padding
:
10px
0
0
10px
;
}
.card_right
{
cursor
:
pointer
;
background
:
#e4e6ed
;
height
:
114px
;
text-align
:
center
;
float
:
left
;
width
:
38px
;
}
.yellow
{
background
:
#ffc000
;
}
.pink
{
background
:
#ff7a8b
;
}
.green
{
background
:
#27c149
;
}
.card_right
>
img
{
margin-top
:
48px
;
}
.list_item
{
height
:
24px
;
line-height
:
24px
;
}
.list_item
img
{
width
:
16px
;
height
:
16px
;
}
.table01
{
padding
:
0
10px
;
}
.new_box
.photo
{
float
:
left
;
margin
:
0
20px
0
0
;
width
:
calc
(
40%
-
20px
);
border-right
:
solid
1px
#bebcbc
;
text-align
:
center
;
}
.new_box
.photo
img
{
width
:
350px
!important
;
height
:
300px
!important
;
}
.new_box
.table
{
float
:
left
;
width
:
calc
(
60%
-
20px
);
}
.fixed_box
{
overflow-y
:
auto
;
overflow-x
:
hidden
;
padding
:
0
10px
;
}
.outP
.iviewimg
{
width
:
100%
;
height
:
70px
;
text-align
:
center
;
margin
:
0
0
60px
;
}
.table_box
{
border
:
1px
solid
#000
;
}
.table_box
.row_title
{
height
:
40px
;
}
.table_box
.table_row
{
line-height
:
40px
;
border-bottom
:
1px
solid
#000
;
}
.table_box
.table_row
div
{
text-align
:
center
;
}
.table_box
.table_row
.box
{
width
:
100%
;
height
:
40px
;
border-bottom
:
1px
solid
#fff
;
}
.table_box
.row_label
{
border-right
:
1px
solid
#000
;
}
.table_box
.iview_cont
{
border-right
:
1px
solid
#000
;
width
:
100%
;
height
:
40px
;
}
.table_box
.table_row02
{
border-top
:
1px
solid
#000
;
border-bottom
:
1px
solid
#000
;
height
:
42px
;
line-height
:
40px
;
text-align
:
center
;
margin-top
:
10px
;
}
.center
{
text-align
:
center
;
}
.title_cont
{
margin
:
10px
auto
;
width
:
auto
;
display
:
inline-block
;
}
.iview_cont01
{
display
:
inline-block
;
margin
:
0
6px
;
font-weight
:
bold
;
}
.f16
{
font-size
:
16px
;
}
.h1
{
font-size
:
36px
;
display
:
inline-block
;
width
:
auto
;
padding
:
0
8px
;
height
:
46px
;
border-bottom
:
1px
solid
#000
;
margin
:
40px
auto
;
}
.outP
table
thead
tr
th
,
.outP
table
tbody
tr
td
{
padding
:
2px
0
;
line-height
:
28px
;
}
.outP
table
tbody
tr
td
{
padding
:
0
5px
;
}
.tit01
{
min-width
:
70px
;
}
.tit02
{
min-width
:
100px
;
}
.tit03
{
min-width
:
300px
;
}
.tit04
{
min-width
:
100px
;
}
.tit05
{
min-width
:
100px
;
}
.title01
{
min-width
:
110px
;
}
.title02
{
min-width
:
300px
;
}
.title03
{
min-width
:
100px
;
}
.title04
{
min-width
:
100px
;
}
.title05
{
min-width
:
100px
;
}
.title06
{
min-width
:
100px
;
}
.outPdf
table
,
.outPdf
table
tr
th
,
.outPdf
table
tr
td
{
border-color
:
#000
;
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment