Skip to content

M
mes-ui
Commit 32c10b78 authored by renjintao's avatar renjintao
Browse files
Options

预览

parent a37c42b9
Hide whitespace changes
Inline Side-by-side
Showing with 675 additions and 576 deletions
pages/implement/table.less
View file @ 32c10b78
.transmit_box { .transmit_box {
height: 100%; height: 100%;
} }
.transmit_title { .transmit_title {
padding-top: 10px; padding-top: 10px;
} }
.border_bottom { .border_bottom {
border-bottom: 1px solid #e4e6ed; border-bottom: 1px solid #e4e6ed;
} }
.transmit_content { .transmit_content {
padding: 20px 0 0 0; padding: 20px 0 0 0;
height : calc(100% - 108px); height: calc(100% - 108px);
} }
.select { .select {
color : #a7b8cc; color: #a7b8cc;
font-size: 22px; font-size: 22px;
} }
.wuliao_left { .wuliao_left {
float : left; float: left;
width : 310px; width: 310px;
margin-right: 15px; margin-right: 15px;
// height : calc(100% - 16px); // height : calc(100% - 16px);
height: 500px; height: 500px;
border : 1px solid #e4e6ed; border: 1px solid #e4e6ed;
overflow-y : auto; overflow-y: auto;
overflow-x : hidden; overflow-x: hidden;
} }
.wuliao_right { .wuliao_right {
width : calc(100% - 325px); width: calc(100% - 325px);
height : calc(100% - 16px); height: calc(100% - 16px);
border : 1px solid #e4e6ed; border: 1px solid #e4e6ed;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
} }
.card_title { .card_title {
background : #f8f8f9; background: #f8f8f9;
padding : 8px 15px; padding: 8px 15px;
border-bottom: 1px solid #e4e6ed; border-bottom: 1px solid #e4e6ed;
position : relative; position: relative;
height: 46px; height: 46px;
} }
.state { .state {
float : right; float: right;
color : #515a6e; color: #515a6e;
padding: 5px 5px; padding: 5px 5px;
} }
.transmit_cont { .transmit_cont {
position : absolute; position: absolute;
top : 28px; top: 28px;
right : 0px; right: 0px;
border-radius: 4px; border-radius: 4px;
width : 105px; width: 105px;
height : 155px; height: 155px;
background : #fff; background: #fff;
box-shadow : 0px 0px 6px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
} }
.state_body { .state_body {
padding : 10px 0px; padding: 10px 0px;
text-align : center; text-align: center;
line-height: 24px; line-height: 24px;
} }
.state_footer { .state_footer {
border-top: 1px solid #e4e6ed; border-top: 1px solid #e4e6ed;
padding : 3px; padding: 3px;
} }
.title_btn02 { .title_btn02 {
padding: 0px 9px; padding: 0px 9px;
border : none; border: none;
} }
.color02 { .color02 {
color: #249e91; color: #249e91;
} }
.card_box { .card_box {
cursor: pointer; cursor: pointer;
width : 270px; width: 270px;
height: 116px; height: 116px;
border: 1px solid #e4e6ed; border: 1px solid #e4e6ed;
margin: 20px auto; margin: 20px auto;
} }
.hover { .hover {
cursor : pointer; cursor: pointer;
width : 270px; width: 270px;
height : 116px; height: 116px;
border : 1px solid #e4e6ed; border: 1px solid #e4e6ed;
margin : 20px auto; margin: 20px auto;
background: #f5f7fd; background: #f5f7fd;
} }
.card_body { .card_body {
width : 230px; width: 230px;
float : left; float: left;
padding: 10px 0 0 10px; padding: 10px 0 0 10px;
} }
.card_right { .card_right {
cursor : pointer; cursor: pointer;
background: #e4e6ed; background: #e4e6ed;
height : 114px; height: 114px;
text-align: center; text-align: center;
float : left; float: left;
width : 38px; width: 38px;
} }
.yellow { .yellow {
background: #ffc000; background: #ffc000;
} }
.pink { .pink {
background: #ff7a8b; background: #ff7a8b;
} }
.green { .green {
background: #27c149; background: #27c149;
} }
.card_right>img { .card_right>img {
margin-top: 48px; margin-top: 48px;
} }
.list_item { .list_item {
height : 24px; height: 24px;
line-height: 24px; line-height: 24px;
img { img {
width : 16px; width: 16px;
height: 16px; height: 16px;
} }
} }
.table01 { .table01 {
padding: 0 10px; padding: 0 10px;
} }
.new_box { .new_box {
.photo { .photo {
float : left; float: left;
margin : 0 20px 0 0; margin: 0 20px 0 0;
width : calc(40% - 20px); width: calc(40% - 20px);
border-right: solid 1px #bebcbc; border-right: solid 1px #bebcbc;
text-align : center; text-align: center;
img {
width : 350px !important;
height: 300px !important;
}
// .photo_box{
// }
}
.table { img {
float: left; width: 350px !important;
width: calc(60% - 20px); height: 300px !important;
} }
// .photo_box{
// }
}
.table {
float: left;
width: calc(60% - 20px);
}
} }
.fixed_box { .fixed_box {
// height : 658px; // height : 658px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
padding : 0 10px; padding: 0 10px;
} }
// 工艺文件 // 工艺文件
.outP { .outP {
.iviewimg { .iviewimg {
width : 100%; width: 100%;
height : 70px; height: 70px;
text-align: center; text-align: center;
margin : 0 0 60px; margin: 0 0 60px;
} }
} }
.table_box { .table_box {
border: 1px solid #000; 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 { .row_title {
border-right: 1px solid #000; height: 40px;
} }
.table_row {
line-height: 40px;
border-bottom: 1px solid #000;
.iview_cont { div {
border-right: 1px solid #000; text-align: center;
width : 100%;
height : 40px;
} }
.table_row02 { .box {
border-top : 1px solid #000; width: 100%;
border-bottom: 1px solid #000; height: 40px;
height : 42px; border-bottom: 1px solid #fff;
line-height : 40px;
text-align : center;
margin-top : 10px;
} }
}
.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 { .center {
text-align: center; text-align: center;
} }
.title_cont { .title_cont {
margin : 10px auto; margin: 10px auto;
width : auto; width: auto;
display: inline-block; display: inline-block;
} }
.iview_cont01 { .iview_cont01 {
display : inline-block; display: inline-block;
margin : 0 6px; margin: 0 6px;
font-weight: bold; font-weight: bold;
} }
.f16 { .f16 {
font-size: 16px; font-size: 16px;
} }
.h1 { .h1 {
font-size : 36px; font-size: 36px;
display : inline-block; display: inline-block;
width : auto; width: auto;
padding : 0 8px; padding: 0 8px;
height : 46px; height: 46px;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
margin : 40px auto; margin: 40px auto;
} }
.outP table thead tr th, .outP table thead tr th,
.outP table tbody tr td { .outP table tbody tr td {
padding : 2px 0; padding: 2px 0;
// height : 30px; // height : 30px;
line-height: 28px; line-height: 28px;
} }
.outP table tbody tr td { .outP table tbody tr td {
padding: 0 5px; padding: 0 5px;
} }
.tit01 { .tit01 {
min-width: 70px; min-width: 70px;
} }
.tit02 { .tit02 {
min-width: 100px; min-width: 100px;
} }
.tit03 { .tit03 {
min-width: 300px; min-width: 300px;
} }
.tit04 { .tit04 {
min-width: 100px; min-width: 100px;
} }
.tit05 { .tit05 {
min-width: 100px; min-width: 100px;
} }
.title01 { .title01 {
min-width: 110px; min-width: 110px;
} }
.title02 { .title02 {
min-width: 300px; min-width: 300px;
} }
.title03 { .title03 {
min-width: 100px; min-width: 100px;
} }
.title04 { .title04 {
min-width: 100px; min-width: 100px;
} }
.title05 { .title05 {
min-width: 100px; min-width: 100px;
} }
.title06 { .title06 {
min-width: 100px; min-width: 100px;
} }
.outPdf table, .outPdf table,
.outPdf table tr th, .outPdf table tr th,
.outPdf table tr td { .outPdf table tr td {
border-color: #000; border-color: #000;
} }
\ No newline at end of file
pages/technology/index.vue
View file @ 32c10b78
<style lang="less"> <style lang="less">
@import './menu.less';
@import "./technolog.less"; @import "./technolog.less";
.lay100 { .lay100 {
height: calc(100vh - 105px); 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{ .iview_cont{
border-right: 1px solid #000; border-right: 1px solid #000;
width: 100%; width: 100%;
...@@ -294,4 +79,147 @@ padding-right:20px; ...@@ -294,4 +79,147 @@ padding-right:20px;
.title06{ min-width: 100px; } .title06{ min-width: 100px; }
.outPdf table, .outPdf table tr th, .outPdf table tr td { .outPdf table, .outPdf table tr th, .outPdf table tr td {
border-color: #000; 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> <template>
<div> <div>
<Row v-show="circleModal" style="height:300px"> <Row v-show="circleModal" style="height:300px">
...@@ -158,14 +160,18 @@ ...@@ -158,14 +160,18 @@
<tr> <tr>
<td class="tl">{{item5.taskseq}}</td> <td class="tl">{{item5.taskseq}}</td>
<td class="tl">{{item5.name}}</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.operator}}</td>
<td class="tl">{{item5.proofreader}}</td> <td class="tl">{{item5.proofreader}}</td>
</tr> </tr>
<tr v-for="(item6,index6) in item5.step"> <tr v-for="(item6,index6) in item5.step">
<td class="tl">{{item6.taskseq}}</td> <td class="tl">{{item6.taskseq}}</td>
<td class="tl">{{item6.name}}</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.operator}}</td>
<td class="tl">{{item6.proofreader}}</td> <td class="tl">{{item6.proofreader}}</td>
</tr> </tr>
......
src/assets/css/menu.css
View file @ 32c10b78
.model_new { .iview_cont {
background: #fff; border-right: 1px solid #000;
} width: 100%;
.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;
} }
.top_part .radio_slect .ivu-radio-checked .ivu-radio-inner { .iview_cont6 {
border-color: #249e91; height: 60px;
line-height: 60px;
} }
.top_part .radio_slect .ivu-radio-inner:after { .title_cont {
background: #249e91; margin: 10px auto;
width: auto;
display: inline-block;
} }
.top_part .radio_slect label.ivu-radio-wrapper.ivu-radio-group-item.ivu-radio-default { .iview_cont01 {
border: 1px solid #ccc; display: inline-block;
padding: 6px; margin: 5px 6px;
margin: 0 10px; font-weight: bold;
} }
.table { .iview_cont01 span {
margin-top: 15px; display: inline;
} }
.new_box { .iview_cont01 .min120 {
padding-left: 20px; min-width: 120px;
padding-right: 20px;
} }
.new_box .topTitle { .box {
width: 100%;
height: 40px; height: 40px;
border-bottom: 1px solid #fff;
} }
.new_box .icon_box span { .h1 {
font-size: 36px;
display: inline-block; display: inline-block;
width: 30px; width: auto;
height: 23px; padding: 0 8px;
cursor: pointer; height: 46px;
border-bottom: 1px solid #000;
margin: 40px auto;
} }
.new_box .icon_box .fujian_icon { .table_row02 {
background: url(image/u21462.png) no-repeat center; 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 { .row03 .tex_in10 {
background: url(image/u21464.png) no-repeat center; text-indent: 12px;
text-align: inherit!important;
} }
.new_box .icon_box .zhizao_icon { .auto_row {
background: url(image/u21466.png) no-repeat center; min-height: 60px!important;
height: auto!important;
padding: 5px;
} }
.new_box .icon_box .gongbu_icon { .outP table thead tr th,
background: url(image/u21468.png) no-repeat center; .outP table tbody tr td {
padding: 2px 0;
line-height: 28px;
} }
.new_box .icon_box .edit_icon { .outP table tbody tr td {
background: url(image/u21472.png) no-repeat center; padding: 0 5px;
} }
.new_box .icon_box .del_icon { .tit01 {
background: url(image/u21470.png) no-repeat center; min-width: 70px;
} }
.radio_option .ivu-radio-checked .ivu-radio-inner { .tit02 {
border-color: #249e91; min-width: 100px;
} }
.radio_option .ivu-radio-inner:after { .tit03 {
background: #249e91; min-width: 300px;
} }
.inventory_box { .tit04 {
border-top: 1px solid #e8eaec; min-width: 100px;
margin: 0 0 20px;
} }
.inventory_box h4 { .tit05 {
border-left: 1px solid #e8eaec; min-width: 100px;
border-right: 1px solid #e8eaec;
text-align: center;
height: 40px;
font-size: 16px;
line-height: 40px;
} }
.Product { .title01 {
font-size: 14px; min-width: 110px;
} }
.Product h2 { .title02 {
text-align: center; min-width: 300px;
} }
.Product .header_Product { .title03 {
height: 40px; min-width: 100px;
} }
.Product .header_Product .marggin { .title04 {
float: left; min-width: 100px;
} }
.Product .header_Product .marggin span { .title05 {
display: inline-block; min-width: 100px;
height: 30px;
padding: 5px 5px 2px;
} }
.Product .header_Product .marggin .border_b { .title06 {
border-bottom: 1px solid #9e9e9e; min-width: 100px;
width: 160px;
} }
.Product .header_Product .part02 { .outPdf table,
margin: 0 260px 0; .outPdf table tr th,
.outPdf table tr td {
border-color: #000;
} }
.change_title { .outP .iviewimg {
width: 100%;
height: 70px;
text-align: center; text-align: center;
height: 32px; margin: 0 0 60px;
} }
.change_box { .table_box {
border-top: 1px solid #aaa; border: 1px solid #000;
border-right: 1px solid #aaa;
} }
.change_box .change_row { .table_box .row_title {
height: 40px; height: 40px;
border-bottom: 1px solid #aaa;
} }
.change_box .change_row span { .table_box .table_row {
border-left: 1px solid #aaa;
display: block;
width: 120px;
float: left;
height: 40px;
line-height: 40px; 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; text-align: center;
} }
.change_box .change_row .change_content { .table_box .table_row .box {
width: calc(50% - 120px); width: 100%;
} height: 40px;
.change_box .change_row .Number { border-bottom: 1px solid #fff;
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;
} }
.change_box .change_div .change_futu { .table_box .row_label {
border-left: 1px solid #aaa; border-right: 1px solid #000;
width: 50%;
height: 240px;
font-size: 14px;
padding: 5px;
float: left;
} }
.change_box .part01 .table_row { .table_box .iview_cont {
height: 60px; border-right: 1px solid #000;
line-height: 60px; width: 100%;
height: 40px;
} }
.change_box .table_row02 { .table_box .table_row02 {
border-top: 1px solid #000; border-top: 1px solid #000;
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
height: 62px; height: 42px;
line-height: 60px; line-height: 40px;
text-align: center; text-align: center;
margin-top: 10px; margin-top: 10px;
} }
.iviewimg { .center {
width: 100%;
height: 80px;
text-align: 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 { .title_cont {
margin: 10px auto; margin: 10px auto;
...@@ -213,19 +149,11 @@ ...@@ -213,19 +149,11 @@
} }
.iview_cont01 { .iview_cont01 {
display: inline-block; display: inline-block;
margin: 5px 6px; margin: 0 6px;
font-weight: bold; font-weight: bold;
} }
.iview_cont01 span { .f16 {
display: inline; font-size: 16px;
}
.iview_cont01 .min120 {
min-width: 120px;
}
.box {
width: 100%;
height: 40px;
border-bottom: 1px solid #fff;
} }
.h1 { .h1 {
font-size: 36px; font-size: 36px;
...@@ -236,23 +164,6 @@ ...@@ -236,23 +164,6 @@
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
margin: 40px auto; 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 thead tr th,
.outP table tbody tr td { .outP table tbody tr td {
padding: 2px 0; 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;
}
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