From 59303bac7a20bd5fb86e3c02f347265cdaa2b635 Mon Sep 17 00:00:00 2001
From: gcd <wyemail666@163.com>
Date: Sun, 8 Jun 2025 23:31:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=90=8E=E5=8F=B0=E5=A4=8D=E5=88=B6?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/admin/view/order/add.html  | 229 +------------------------
 application/admin/view/order/copy.html | 171 +-----------------
 application/admin/view/order/edit.html | 171 +-----------------
 public/assets/css/create-order.css     | 226 ++++++++++++++++++++++++
 public/assets/js/backend/order.js      |   2 +-
 5 files changed, 236 insertions(+), 563 deletions(-)
 create mode 100644 public/assets/css/create-order.css

diff --git a/application/admin/view/order/add.html b/application/admin/view/order/add.html
index 1ffa24b..358b65c 100644
--- a/application/admin/view/order/add.html
+++ b/application/admin/view/order/add.html
@@ -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); };
diff --git a/application/admin/view/order/copy.html b/application/admin/view/order/copy.html
index 4ea015b..74ebae4 100644
--- a/application/admin/view/order/copy.html
+++ b/application/admin/view/order/copy.html
@@ -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); };
diff --git a/application/admin/view/order/edit.html b/application/admin/view/order/edit.html
index 5e3a09b..c483a75 100644
--- a/application/admin/view/order/edit.html
+++ b/application/admin/view/order/edit.html
@@ -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); };
diff --git a/public/assets/css/create-order.css b/public/assets/css/create-order.css
new file mode 100644
index 0000000..df7b9d2
--- /dev/null
+++ b/public/assets/css/create-order.css
@@ -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;
+}
diff --git a/public/assets/js/backend/order.js b/public/assets/js/backend/order.js
index 50a3c39..335a656 100644
--- a/public/assets/js/backend/order.js
+++ b/public/assets/js/backend/order.js
@@ -502,7 +502,7 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'cascader'], function
             } else {
                 $('#set-time').show();
             }
-            
+
             Controller.api.bindevent();
             Controller.api.map();
         },