Commit a72f61e0 by LJM

css

parent fcc79c6c
......@@ -230,6 +230,10 @@ xm-select .xm-label .xm-label-block {
}
}
.layui-table-tool-self {
right: 0px
}
.pur-search {
background-color: #23C6C8;
transition: all 0.2s ease-in-out;
......@@ -295,9 +299,7 @@ xm-select * {
text-align: center !important;
}
.layui-table-tool-self {
right: 0px;
}
::-webkit-scrollbar {
width: 10px;
......@@ -334,4 +336,17 @@ xm-select * {
.layui-layer-btn .layui-layer-btn0 {
background-color: #33ABA0 !important;
border-color: #33ABA0 !important;
}
//layui 2.8.0的css问题
.layui-table-tool {
z-index: 890;
}
.layui-table-body {
max-height: calc(100vh - 350px);
}
.layui-table-view .layui-table th {
font-weight: bold;
}
\ No newline at end of file
......@@ -187,6 +187,9 @@ xm-select .xm-label .xm-label-block {
content: '';
z-index: -1;
}
.layui-table-tool-self {
right: 0px;
}
.pur-search {
background-color: #23C6C8;
transition: all 0.2s ease-in-out;
......@@ -238,9 +241,6 @@ xm-select * {
border-left: none !important;
text-align: center !important;
}
.layui-table-tool-self {
right: 0px;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
......@@ -272,4 +272,13 @@ xm-select * {
background-color: #33ABA0 !important;
border-color: #33ABA0 !important;
}
.layui-table-tool {
z-index: 890;
}
.layui-table-body {
max-height: calc(100vh - 350px);
}
.layui-table-view .layui-table th {
font-weight: bold;
}
/*# sourceMappingURL=common.min.css.map */
\ No newline at end of file
{"version":3,"sources":["common.less"],"names":[],"mappings":"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","file":"common.min.css"}
\ No newline at end of file
{"version":3,"sources":["common.less"],"names":[],"mappings":"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","file":"common.min.css"}
\ No newline at end of file
......@@ -47,119 +47,314 @@
box-shadow: none;
margin-bottom: 0;
}
.user-row {
flex: 0 0 45%;
}
.mid-width {
width: 204px;
}
.mb0 {
margin-bottom: 0;
}
.layui-btn {
width: 80px;
}
.btn-box {
position: absolute;
right: 0;
top: 14px;
width: 80px;
z-index: 999999999;
}
.canel {
display: none;
}
.hide-input {
width: 90%;
display: none;
border: 1px solid #eee;
background: transparent;
height: 22px;
line-height: 22px;
padding-left: 5px;
}
</style>
<section class="order-page">
<input type="hidden" name="order_id" value="{{$info['receiveInfo']['order_id']}}">
<div class="layui-card">
<div class="layui-card-header">基本信息</div>
<div class="layui-card-body">
<div class="layui-card-body layui-form">
<div class="layui-inline">
<label class="layui-form-label">订单编号:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">SM202210120001SM202210120001</div>
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['order_sn']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">订单状态:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">U72622-18587454747</div>
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['status_cn']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">公司名称:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">Samsung company Samsung company</div>
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['company_name']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">客户编码:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">U72622-18587454747</div>
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['user_sn']}}</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">联系人:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">习近平</div>
<div class="layui-form-mid layui-word-aux">{{$info['baseInfo']['name']}}</div>
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">商品信息</div>
<div class="layui-card-body">
<div class="layui-card-body" style="padding-top: 0">
<div id="list"></div>
</div>
</div>
<div class="row bothSide">
<div class="user-row">
<div class="layui-card">
<div class="layui-card-header">收货信息</div>
<div class="layui-card-body layui-form">
<div class="btn-box">
<a class="layui-btn layui-btn-sm" lay-event="add">修改</a>
<a class="layui-btn layui-btn-sm layui-btn-primary canel" style="margin-left: 0;margin-top: 10px;">取消</a>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">快递公司:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">德班快递</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">快递单号:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">SM202210120001SM202210120001</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">联系人:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">Michael Jordan</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">公司名称:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">Apple inc</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">邮箱:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">123456789@apple.com</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">电话:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">001-347-446-XXXX</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">国家/地区:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">USA</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">省/州:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">乔治亚州</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">城市:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">USA</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">邮编:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">乔治亚州</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">地址:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">79, 105 Center Street, Queens, New York City.79, 105 Center Street, Queens, New York City</div>
</div>
</div>
</div>
</div>
</div>
<div class="user-row">
<div class="layui-card">
<div class="layui-card-header">账单邮寄信息</div>
<div class="layui-card-body layui-form">
<div class="btn-box">
<a class="layui-btn layui-btn-sm" lay-event="add">修改</a>
<a class="layui-btn layui-btn-sm layui-btn-primary canel" style="margin-left: 0;margin-top: 10px;">取消</a>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">快递公司:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">德班快递</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">快递单号:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">SM202210120001SM202210120001</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">联系人:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">Michael Jordan</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">公司名称:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">Apple inc</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">邮箱:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">123456789@apple.com</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">电话:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">001-347-446-XXXX</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">国家/地区:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">USA</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">省/州:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">乔治亚州</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<div class="layui-inline">
<label class="layui-form-label">城市:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">USA</div>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">邮编:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux mid-width">乔治亚州</div>
</div>
</div>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">地址:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">79, 105 Center Street, Queens, New York City.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-card">
<div class="layui-card-header">结算信息</div>
<div class="layui-card-body layui-form" style="width: 50%;">
<div class="btn-box">
<a class="layui-btn layui-btn-sm" lay-event="add">修改</a>
<a class="layui-btn layui-btn-sm layui-btn-primary canel" style="margin-left: 0;margin-top: 10px;">取消</a>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">商品总金额:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">$4765.00</div>
</div>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">运费:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">$4765.00</div>
</div>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">支付手续费:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">$4765.00</div>
</div>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">支付方式:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux">$4765.00</div>
</div>
</div>
<div class="layui-form-item mb0">
<label class="layui-form-label">订单总金额:</label>
<div class="layui-input-block">
<div class="layui-form-mid layui-word-aux" style="color:red !important;">$4765.00</div>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript" src="/assets/libs/layui/layui.js?v={{time()}}"></script>
<script>
layui.use(['form', 'table', 'laydate'], function () {
var $ = layui.$;
var form = layui.form;
var table = layui.table;
window.IndexController = {
init: function () {
this.created(this).render(this).handleBind(this);
},
created: function () {
return this;
},
render: function () {
table.render({
elem: '#list',
url: '/admin/api/orderList',
method: 'GET',
cols: [[
{type: 'numbers', fixed: true,title:'序号',width: 60},
{field: 'goods_id', title: 'SKUID', width: 120},
{field: 'goods_name', title: '商品型号', width: 120},
{field: 'purchase_name', title: '标准品牌', width: 120},
{field: 'other_amount', title: '供应商', width: 120},
{field: 'other_amount', title: '供应商物料唯一编码', width: 160},
{field: 'other_amount', title: '供应商物料品牌', width: 160},
{field: 'other_amount', title: '采购员', width: 120},
{field: 'other_amount', title: '币种', width: 120},
{field: 'other_amount', title: '单价', width: 120},
{field: 'goods_price', title: '数量', width: 120},
{field: 'goods_price', title: '小计', width: 120},
{field: 'goods_price', title: '折扣', width: 120},
{field: 'goods_price', title: '其他费用', width: 120},
{field: 'other_amount', title: '合计', width: 120},
{field: 'other_amount', title: '货期', width: 120},
{field: 'other_amount', title: '批次', width: 120},
{field: 'other_amount', title: '客户备注', width: 120},
{field: 'other_amount', title: '售后类型', width: 120},
{field: 'other_amount', title: '售后数量', width: 120},
{field: 'other_amount', title: '售后单价', width: 120},
{field: 'other_amount', title: '售后金额', width: 120}
]],
parseData: LayUiTableParseData,
page: true,
size: 'sm',
cellMinWidth: 80,
defaultToolbar: ['filter'],
limit: 15,
limits: [15, 50, 100, 200],
done: function (res, curr, count) {
layui.form.render();
}
});
return this;
},
handleBind: function () {
return this;
}
}
IndexController.init();
});
<!--工具类-->
<script type="text/html" id="toolbar">
<div class="layui-btn-container">
<a class="layui-btn layui-btn-sm" lay-event="editOrderItems" id="editOrderItems">修改</a>
<a class="layui-btn layui-btn-sm layui-btn-primary" lay-event="canel" style="display: none;">取消</a>
</div>
</script>
<script type="text/javascript" src="/assets/libs/layui/layui.js?v={{time()}}"></script>
<script type="text/javascript" src="/assets/js/order/index.js?v={{time()}}"></script>
@include('js')
\ No newline at end of file
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 sign in to comment