feat: 后台复制订单页面调整
This commit is contained in:
parent
ab72846005
commit
59303bac7a
|
|
@ -136,8 +136,8 @@
|
||||||
<div class="line flex-sb">
|
<div class="line flex-sb">
|
||||||
<div class="title flex-c">图片上传：</div>
|
<div class="title flex-c">图片上传：</div>
|
||||||
<div class="value">
|
<div class="value">
|
||||||
<div class="input-group">
|
<div class="input-group flex-l">
|
||||||
<input id="c-images" name="row[images]" type="hidden">
|
<input id="c-images" placeholder="请上传或直接粘贴图片" class="form-input mr-2 images-input" name="row[images]" type="text">
|
||||||
<div class="input-group-addon no-border no-padding">
|
<div class="input-group-addon no-border no-padding">
|
||||||
<span><button type="button" id="faupload-images" class="btn btn-primary faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
<span><button type="button" id="faupload-images" class="btn btn-primary faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
||||||
<span><button type="button" id="fachoose-images" class="btn btn-default fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
|
<span><button type="button" id="fachoose-images" class="btn btn-default fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
|
||||||
|
|
@ -167,9 +167,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="submit-ctr flex-sb">
|
<div class="submit-ctr flex-sb">
|
||||||
<!-- <div class="submit flex-c" id="mysubmit">录入并清空</div>-->
|
|
||||||
<!-- <div class="submit-continue flex-c" id="mybuttom">录入并保留信息</div>-->
|
|
||||||
|
|
||||||
<button id="mysubmit" class="btn btn-default submit">录入并清空</button>
|
<button id="mysubmit" class="btn btn-default submit">录入并清空</button>
|
||||||
<button id="mybuttom" class="btn btn-success submit-continue">录入并保留信息</button>
|
<button id="mybuttom" class="btn btn-success submit-continue">录入并保留信息</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -177,46 +174,8 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<link rel="stylesheet" href="/assets/css/select.css">
|
<link rel="stylesheet" href="/assets/css/select.css">
|
||||||
|
<link rel="stylesheet" href="/assets/css/create-order.css">
|
||||||
<style>
|
<style>
|
||||||
.body-hidden {
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.body-shown {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
transition: opacity 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-c {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-r {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-l {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-sb {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.full-height {
|
|
||||||
width: 100vw;
|
|
||||||
height: 768px;
|
|
||||||
background: #f1f4f6;
|
|
||||||
}
|
|
||||||
.ctr {
|
.ctr {
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
height: 768px;
|
height: 768px;
|
||||||
|
|
@ -234,188 +193,6 @@
|
||||||
width: 386px;
|
width: 386px;
|
||||||
height: 768px;
|
height: 768px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.line {
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.line .item {
|
|
||||||
width: 280px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
width: 100px;
|
|
||||||
height: 40px;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 14px;
|
|
||||||
color: rgba(0,0,0,0.9);
|
|
||||||
}
|
|
||||||
.title .required {
|
|
||||||
color: #E6521F;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value {
|
|
||||||
width: 180px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
.line>.value {
|
|
||||||
width: 494px !important;
|
|
||||||
height: 40px;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value .form-input {
|
|
||||||
height: 34px !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value>.city-picker-span {
|
|
||||||
height: 34px !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
padding: 0 12px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value>.city-picker-span > .title > span {
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
font-weight: 400 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value>.bootstrap-select>.btn {
|
|
||||||
height: 34px !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
box-sizing: border-box !important;
|
|
||||||
background-color: #FFFFFF !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
}
|
|
||||||
.item .value>.bootstrap-select>.btn .filter-option {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value > .zd-input--suffix {
|
|
||||||
height: 40px !important;
|
|
||||||
line-height: 40px !important;
|
|
||||||
}
|
|
||||||
.zd-cascader-wrap>.zd-input>.zd-input__inner {
|
|
||||||
height: 34px !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
padding: 0 12px !important;
|
|
||||||
}
|
|
||||||
.line .select-address {
|
|
||||||
width: 100px;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
.select-address .title {
|
|
||||||
width: 100px;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
.select-address .select-ctr {
|
|
||||||
width: 100px;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.multi-line {
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
.form-textarea {
|
|
||||||
width: 494px !important;
|
|
||||||
height: 60px !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
resize: none;
|
|
||||||
}
|
|
||||||
#area_map {
|
|
||||||
width: 64px;
|
|
||||||
height: 26px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.bt-40 {
|
|
||||||
margin-bottom: 40px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio > label, .checkbox > label {
|
|
||||||
margin-right: 40px;
|
|
||||||
}
|
|
||||||
input[type="radio"] {
|
|
||||||
transform: scale(1.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio > label > input, .checkbox > label > input {
|
|
||||||
margin: 4px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faupload-preview {
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
.value .input-group {
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
padding: 20px 30px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.smart-text,.smart-text-item,.smart-text-line {
|
|
||||||
width: 326px !important;
|
|
||||||
height: 140px !important;
|
|
||||||
}
|
|
||||||
.smart-btn {
|
|
||||||
width: 94px;
|
|
||||||
height: 38px;
|
|
||||||
background: #444c69;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #FFFFFF;
|
|
||||||
cursor: pointer;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
.smart-btn>.img {
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
margin-right: 2px;
|
|
||||||
}
|
|
||||||
.smart-btn:hover {
|
|
||||||
background: #3d445f;
|
|
||||||
}
|
|
||||||
.smart-btn:active {
|
|
||||||
background: #3a425b;
|
|
||||||
}
|
|
||||||
|
|
||||||
.submit-ctr {
|
|
||||||
width: 270px;
|
|
||||||
height: 80px;
|
|
||||||
position: absolute;
|
|
||||||
right: 30px;
|
|
||||||
bottom: 44px;
|
|
||||||
}
|
|
||||||
.submit-ctr> .submit {
|
|
||||||
width: 108px;
|
|
||||||
height: 46px;
|
|
||||||
box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.16);
|
|
||||||
border-radius: 4px;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.submit-ctr> .submit-continue {
|
|
||||||
width: 140px;
|
|
||||||
height: 46px;
|
|
||||||
box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.16);
|
|
||||||
border-radius: 4px;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
var items = {:json_encode($items); };
|
var items = {:json_encode($items); };
|
||||||
|
|
|
||||||
|
|
@ -137,8 +137,8 @@
|
||||||
<div class="line flex-sb">
|
<div class="line flex-sb">
|
||||||
<div class="title flex-c">图片上传：</div>
|
<div class="title flex-c">图片上传：</div>
|
||||||
<div class="value">
|
<div class="value">
|
||||||
<div class="input-group">
|
<div class="input-group flex-l">
|
||||||
<input id="c-images" name="row[images]" value="{$row['images']}" type="hidden">
|
<input id="c-images" placeholder="请上传或直接粘贴图片" class="form-input mr-2 images-input" name="row[images]" type="text" value="{$row['images']}">
|
||||||
<div class="input-group-addon no-border no-padding">
|
<div class="input-group-addon no-border no-padding">
|
||||||
<span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
<span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
||||||
<span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
|
<span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
|
||||||
|
|
@ -159,48 +159,8 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<link rel="stylesheet" href="/assets/css/select.css">
|
<link rel="stylesheet" href="/assets/css/select.css">
|
||||||
|
<link rel="stylesheet" href="/assets/css/create-order.css">
|
||||||
<style>
|
<style>
|
||||||
.body-hidden {
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.body-shown {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
transition: opacity 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-c {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-r {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-l {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-sb {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.full-height {
|
|
||||||
width: 100vw;
|
|
||||||
height: 808px;
|
|
||||||
background: #f1f4f6;
|
|
||||||
padding-top: 20px !important;
|
|
||||||
padding-bottom: 20px !important;
|
|
||||||
}
|
|
||||||
.ctr {
|
.ctr {
|
||||||
width: 630px;
|
width: 630px;
|
||||||
height: 768px;
|
height: 768px;
|
||||||
|
|
@ -214,131 +174,6 @@
|
||||||
height: 768px;
|
height: 768px;
|
||||||
padding: 20px 10px;
|
padding: 20px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.line {
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.line .item {
|
|
||||||
width: 280px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
width: 100px;
|
|
||||||
height: 40px;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 14px;
|
|
||||||
color: rgba(0,0,0,0.9);
|
|
||||||
}
|
|
||||||
.title .required {
|
|
||||||
color: #E6521F;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value {
|
|
||||||
width: 180px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
.line>.value {
|
|
||||||
width: 494px !important;
|
|
||||||
height: 40px;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value .form-input {
|
|
||||||
height: 34px !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value>.city-picker-span {
|
|
||||||
height: 34px !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
padding: 0 12px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value>.city-picker-span > .title > span {
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
font-weight: 400 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value>.bootstrap-select>.btn {
|
|
||||||
height: 34px !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
box-sizing: border-box !important;
|
|
||||||
background-color: #FFFFFF !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
}
|
|
||||||
.item .value>.bootstrap-select>.btn .filter-option {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value > .zd-input--suffix {
|
|
||||||
height: 40px !important;
|
|
||||||
line-height: 40px !important;
|
|
||||||
}
|
|
||||||
.zd-cascader-wrap>.zd-input>.zd-input__inner {
|
|
||||||
height: 34px !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
padding: 0 12px !important;
|
|
||||||
}
|
|
||||||
.line .select-address {
|
|
||||||
width: 100px;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
.select-address .title {
|
|
||||||
width: 100px;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
.select-address .select-ctr {
|
|
||||||
width: 100px;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.multi-line {
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
.form-textarea {
|
|
||||||
width: 494px !important;
|
|
||||||
height: 60px !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
resize: none;
|
|
||||||
}
|
|
||||||
#area_map {
|
|
||||||
width: 64px;
|
|
||||||
height: 26px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.bt-40 {
|
|
||||||
margin-bottom: 40px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio > label, .checkbox > label {
|
|
||||||
margin-right: 40px;
|
|
||||||
}
|
|
||||||
input[type="radio"] {
|
|
||||||
transform: scale(1.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio > label > input, .checkbox > label > input {
|
|
||||||
margin: 4px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faupload-preview {
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
.value .input-group {
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
var items = {:json_encode($items); };
|
var items = {:json_encode($items); };
|
||||||
|
|
|
||||||
|
|
@ -136,8 +136,8 @@
|
||||||
<div class="line flex-sb">
|
<div class="line flex-sb">
|
||||||
<div class="title flex-c">图片上传：</div>
|
<div class="title flex-c">图片上传：</div>
|
||||||
<div class="value">
|
<div class="value">
|
||||||
<div class="input-group">
|
<div class="input-group flex-l">
|
||||||
<input id="c-images" name="row[images]" value="{$row['images']}" type="hidden">
|
<input id="c-images" placeholder="请上传或直接粘贴图片" class="form-input mr-2 images-input" name="row[images]" type="text" value="{$row['images']}">
|
||||||
<div class="input-group-addon no-border no-padding">
|
<div class="input-group-addon no-border no-padding">
|
||||||
<span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
<span><button type="button" id="faupload-images" class="btn btn-danger faupload" data-input-id="c-images" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="true" data-preview-id="p-images"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
|
||||||
<span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
|
<span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-images" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
|
||||||
|
|
@ -158,48 +158,8 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<link rel="stylesheet" href="/assets/css/select.css">
|
<link rel="stylesheet" href="/assets/css/select.css">
|
||||||
|
<link rel="stylesheet" href="/assets/css/create-order.css">
|
||||||
<style>
|
<style>
|
||||||
.body-hidden {
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.body-shown {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
transition: opacity 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-c {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-r {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-l {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-sb {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.full-height {
|
|
||||||
width: 100vw;
|
|
||||||
height: 808px;
|
|
||||||
background: #f1f4f6;
|
|
||||||
padding-top: 20px !important;
|
|
||||||
padding-bottom: 20px !important;
|
|
||||||
}
|
|
||||||
.ctr {
|
.ctr {
|
||||||
width: 630px;
|
width: 630px;
|
||||||
height: 768px;
|
height: 768px;
|
||||||
|
|
@ -213,131 +173,6 @@
|
||||||
height: 768px;
|
height: 768px;
|
||||||
padding: 20px 10px;
|
padding: 20px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.line {
|
|
||||||
width: 100%;
|
|
||||||
height: 40px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.line .item {
|
|
||||||
width: 280px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
width: 100px;
|
|
||||||
height: 40px;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 14px;
|
|
||||||
color: rgba(0,0,0,0.9);
|
|
||||||
}
|
|
||||||
.title .required {
|
|
||||||
color: #E6521F;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value {
|
|
||||||
width: 180px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
.line>.value {
|
|
||||||
width: 494px !important;
|
|
||||||
height: 40px;
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value .form-input {
|
|
||||||
height: 34px !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value>.city-picker-span {
|
|
||||||
height: 34px !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
padding: 0 12px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value>.city-picker-span > .title > span {
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
font-weight: 400 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value>.bootstrap-select>.btn {
|
|
||||||
height: 34px !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
box-sizing: border-box !important;
|
|
||||||
background-color: #FFFFFF !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
}
|
|
||||||
.item .value>.bootstrap-select>.btn .filter-option {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item .value > .zd-input--suffix {
|
|
||||||
height: 40px !important;
|
|
||||||
line-height: 40px !important;
|
|
||||||
}
|
|
||||||
.zd-cascader-wrap>.zd-input>.zd-input__inner {
|
|
||||||
height: 34px !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
padding: 0 12px !important;
|
|
||||||
}
|
|
||||||
.line .select-address {
|
|
||||||
width: 100px;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
.select-address .title {
|
|
||||||
width: 100px;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
.select-address .select-ctr {
|
|
||||||
width: 100px;
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.multi-line {
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
.form-textarea {
|
|
||||||
width: 494px !important;
|
|
||||||
height: 60px !important;
|
|
||||||
color: rgba(0,0,0,0.9) !important;
|
|
||||||
border: 1px solid rgba(0,0,0,0.15) !important;
|
|
||||||
border-radius: 4px !important;
|
|
||||||
resize: none;
|
|
||||||
}
|
|
||||||
#area_map {
|
|
||||||
width: 64px;
|
|
||||||
height: 26px;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.bt-40 {
|
|
||||||
margin-bottom: 40px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio > label, .checkbox > label {
|
|
||||||
margin-right: 40px;
|
|
||||||
}
|
|
||||||
input[type="radio"] {
|
|
||||||
transform: scale(1.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio > label > input, .checkbox > label > input {
|
|
||||||
margin: 4px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.faupload-preview {
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
.value .input-group {
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
var items = {:json_encode($items); };
|
var items = {:json_encode($items); };
|
||||||
|
|
|
||||||
226
public/assets/css/create-order.css
Normal file
226
public/assets/css/create-order.css
Normal file
|
|
@ -0,0 +1,226 @@
|
||||||
|
.body-hidden {
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.body-shown {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
transition: opacity 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-c {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-r {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-l {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-sb {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.full-height {
|
||||||
|
width: 100vw;
|
||||||
|
height: 768px;
|
||||||
|
background: #f1f4f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 100%;
|
||||||
|
height: 40px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.line .item {
|
||||||
|
width: 280px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
color: rgba(0,0,0,0.9);
|
||||||
|
}
|
||||||
|
.title .required {
|
||||||
|
color: #E6521F;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item .value {
|
||||||
|
width: 180px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.line>.value {
|
||||||
|
width: 494px !important;
|
||||||
|
height: 40px;
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value .form-input {
|
||||||
|
height: 34px !important;
|
||||||
|
color: rgba(0,0,0,0.9) !important;
|
||||||
|
border: 1px solid rgba(0,0,0,0.15) !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value>.city-picker-span {
|
||||||
|
height: 34px !important;
|
||||||
|
border: 1px solid rgba(0,0,0,0.15) !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
padding: 0 12px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value>.city-picker-span > .title > span {
|
||||||
|
color: rgba(0,0,0,0.9) !important;
|
||||||
|
font-weight: 400 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item .value>.bootstrap-select>.btn {
|
||||||
|
height: 34px !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
border: 1px solid rgba(0,0,0,0.15) !important;
|
||||||
|
box-sizing: border-box !important;
|
||||||
|
background-color: #FFFFFF !important;
|
||||||
|
color: rgba(0,0,0,0.9) !important;
|
||||||
|
}
|
||||||
|
.item .value>.bootstrap-select>.btn .filter-option {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item .value > .zd-input--suffix {
|
||||||
|
height: 40px !important;
|
||||||
|
line-height: 40px !important;
|
||||||
|
}
|
||||||
|
.zd-cascader-wrap>.zd-input>.zd-input__inner {
|
||||||
|
height: 34px !important;
|
||||||
|
color: rgba(0,0,0,0.9) !important;
|
||||||
|
border: 1px solid rgba(0,0,0,0.15) !important;
|
||||||
|
padding: 0 12px !important;
|
||||||
|
}
|
||||||
|
.line .select-address {
|
||||||
|
width: 100px;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
.select-address .title {
|
||||||
|
width: 100px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
.select-address .select-ctr {
|
||||||
|
width: 100px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.multi-line {
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
.form-textarea {
|
||||||
|
width: 494px !important;
|
||||||
|
height: 60px !important;
|
||||||
|
color: rgba(0,0,0,0.9) !important;
|
||||||
|
border: 1px solid rgba(0,0,0,0.15) !important;
|
||||||
|
border-radius: 4px !important;
|
||||||
|
resize: none;
|
||||||
|
}
|
||||||
|
#area_map {
|
||||||
|
width: 64px;
|
||||||
|
height: 26px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.bt-40 {
|
||||||
|
margin-bottom: 40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio > label, .checkbox > label {
|
||||||
|
margin-right: 40px;
|
||||||
|
}
|
||||||
|
input[type="radio"] {
|
||||||
|
transform: scale(1.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.radio > label > input, .checkbox > label > input {
|
||||||
|
margin: 4px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.faupload-preview {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
.value .input-group {
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
padding: 20px 30px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.smart-text,.smart-text-item,.smart-text-line {
|
||||||
|
width: 326px !important;
|
||||||
|
height: 140px !important;
|
||||||
|
}
|
||||||
|
.smart-btn {
|
||||||
|
width: 94px;
|
||||||
|
height: 38px;
|
||||||
|
background: #444c69;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #FFFFFF;
|
||||||
|
cursor: pointer;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
.smart-btn>.img {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
margin-right: 2px;
|
||||||
|
}
|
||||||
|
.smart-btn:hover {
|
||||||
|
background: #3d445f;
|
||||||
|
}
|
||||||
|
.smart-btn:active {
|
||||||
|
background: #3a425b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit-ctr {
|
||||||
|
width: 270px;
|
||||||
|
height: 80px;
|
||||||
|
position: absolute;
|
||||||
|
right: 30px;
|
||||||
|
bottom: 44px;
|
||||||
|
}
|
||||||
|
.submit-ctr> .submit {
|
||||||
|
width: 108px;
|
||||||
|
height: 46px;
|
||||||
|
box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.16);
|
||||||
|
border-radius: 4px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit-ctr> .submit-continue {
|
||||||
|
width: 140px;
|
||||||
|
height: 46px;
|
||||||
|
box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.16);
|
||||||
|
border-radius: 4px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.images-input {
|
||||||
|
width: 180px;
|
||||||
|
padding: 0 12px;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user