feat: 后台复制订单页面调整

This commit is contained in:
gcd 2025-06-08 23:31:39 +08:00
parent ab72846005
commit 59303bac7a
5 changed files with 236 additions and 563 deletions

View File

@ -136,8 +136,8 @@
<div class="line flex-sb">
<div class="title flex-c">图片上传:</div>
<div class="value">
<div class="input-group">
<input id="c-images" name="row[images]" type="hidden">
<div class="input-group flex-l">
<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">
<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>
@ -167,9 +167,6 @@
</div>
</div>
<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="mybuttom" class="btn btn-success submit-continue">录入并保留信息</button>
</div>
@ -177,46 +174,8 @@
</form>
</div>
<link rel="stylesheet" href="/assets/css/select.css">
<link rel="stylesheet" href="/assets/css/create-order.css">
<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 {
width: 1000px;
height: 768px;
@ -234,188 +193,6 @@
width: 386px;
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>
<script>
var items = {:json_encode($items); };

View File

@ -137,8 +137,8 @@
<div class="line flex-sb">
<div class="title flex-c">图片上传:</div>
<div class="value">
<div class="input-group">
<input id="c-images" name="row[images]" value="{$row['images']}" type="hidden">
<div class="input-group flex-l">
<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">
<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>
@ -159,48 +159,8 @@
</form>
</div>
<link rel="stylesheet" href="/assets/css/select.css">
<link rel="stylesheet" href="/assets/css/create-order.css">
<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 {
width: 630px;
height: 768px;
@ -214,131 +174,6 @@
height: 768px;
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>
<script>
var items = {:json_encode($items); };

View File

@ -136,8 +136,8 @@
<div class="line flex-sb">
<div class="title flex-c">图片上传:</div>
<div class="value">
<div class="input-group">
<input id="c-images" name="row[images]" value="{$row['images']}" type="hidden">
<div class="input-group flex-l">
<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">
<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>
@ -158,48 +158,8 @@
</form>
</div>
<link rel="stylesheet" href="/assets/css/select.css">
<link rel="stylesheet" href="/assets/css/create-order.css">
<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 {
width: 630px;
height: 768px;
@ -213,131 +173,6 @@
height: 768px;
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>
<script>
var items = {:json_encode($items); };

View 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;
}

View File

@ -502,7 +502,7 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'cascader'], function
} else {
$('#set-time').show();
}
Controller.api.bindevent();
Controller.api.map();
},