订单管理、订货业务、订货订单编辑页界面优化

src/HDrpManagement/dispatch/modules/edit.vue

@@ -112,7 +112,7 @@
       <div class="mt-10">
         <p class="normal-title inline-16">{{$t(`备注`)}}</p>
       </div>
-      <el-input style="margin-bottom:10px" v-model="defaultData.remarks"  :placeholder="$t(`请输入备注`)"></el-input>
+      <el-input style="margin-bottom:20px" v-model="defaultData.remarks"  :placeholder="$t(`请输入备注`)"></el-input>
       <div class="mt-10">
         <div>
           <p class="normal-title inline-16">{{$t(`发货单产品`)}}</p>

src/HDrpManagement/dispatch/modules/productlist.vue

@@ -3,7 +3,7 @@
     <el-row :gutter="10">
       <el-col :span="setcol">
         <div class="flex-align-center">
-          <el-button style="margin:0 0 10px 10px" size="small" type="primary" :disabled="data.status !== '新建'" v-if="type !== 'confirmdate'" @click="drawer = true">{{setcol === 24?$t('添 加'):$t('取 消')}}</el-button>
+          <el-button style="margin:10px 0 10px 10px" size="small" type="primary" :disabled="data.status !== '新建'" v-if="type !== 'confirmdate'" @click="drawer = true">{{setcol === 24?$t('添 加'):$t('取 消')}}</el-button>
         </div>
         <Table
           height="calc(100vh - 500px)"

src/HDrpManagement/orderManage/details/index.vue

@@ -98,7 +98,7 @@
           <div slot="operation">
             <importFile v-if="mainData.status == '新建'" ref="importFile" class="inline-16" :bindData="{ownertable:'sa_order',ownerid:$route.query.id,usetype:'default'}" :ordertype="mainData.type" :errorUrl="errorUrl" @clearUrl="errorUrl = null" @onSuccess="bindImportOrder"></importFile>
             <changeOrderMx v-if="mainData.status === '审核'" :tableData="selection" class="inline-16" :data="mainData" @onSuccess="$refs['prod'].listData();queryMainData"></changeOrderMx>
-            <el-button :disabled="mainData.status !== '审核' || selection.length === 0"  size="small" type="primary" style="margin-bottom:12px" @click="adddispatch">{{$t(`一键发货`)}}</el-button>
+            <el-button :disabled="mainData.status !== '审核' || selection.length === 0"  size="small" type="primary" style="margin-bottom:12px;margin-right: 10px" @click="adddispatch">{{$t(`一键发货`)}}</el-button>
           </div>
         </product-list>
       </div>

src/HDrpManagement/orderManage/details/tabs/productlist.vue

@@ -3,7 +3,7 @@
     <el-col :span="setcol">
       <div class="flex-align-center">
         <slot name="operation"></slot>
-        <addProduct style="margin:0 0 10px 10px" v-if="type !== 'confirmdate' && data.status === '新建' " :drawer="drawer" :data="data"  ref="addProduct"
+        <addProduct style="margin:0 0 10px 0px" v-if="type !== 'confirmdate' && data.status === '新建' " :drawer="drawer" :data="data"  ref="addProduct"
                     :params="paramsAdd" :tablecolsAdd="tablecolsAdd" :title="data.type == '项目订单'?$t(`自项目合同添加`):$t(`添 加`)" :tradefield="data.tradefield" :querySa_brandid="data.sa_brandid"
                     @addSuccess="addProducts" @addProduct="addProduct" @uploadData="uploadData" @closeDrawer="listData();$emit('onSuccess')"
         ></addProduct>

src/HDrpManagement/orderManage/modules/edit.vue

@@ -256,16 +256,16 @@
       </div>
       <div class="normal-margin flex-align-center">
         <div class="inline-16">
-          <small><b>{{$t(`回签单`)}}</b>&nbsp;</small>
+          <small><b>{{$t(`回签单`)}}:</b>&nbsp;</small>
           <el-radio-group v-model="signbackstatus">
-            <el-radio label="不需要">{{$t(`不需要`)}}</el-radio>
-            <el-radio label="纸质件">{{$t(`纸质件`)}}</el-radio>
-            <el-radio label="扫描件">{{$t(`扫描件`)}}</el-radio>
+            <el-radio label="不需要" :style="{marginTop:windowWidth>1314?0:'10px'}">{{$t(`不需要`)}}</el-radio>
+            <el-radio label="纸质件" :style="{marginTop:windowWidth>1314?0:'10px'}">{{$t(`纸质件`)}}</el-radio>
+            <el-radio label="扫描件" :style="{marginTop:windowWidth>1314?0:'10px'}">{{$t(`扫描件`)}}</el-radio>
           </el-radio-group>
         </div>
         <div style="margin-left:20px">
           <small><b>{{$t(`销售类别`)}}:</b>&nbsp;</small>
-          <el-select v-model="saletype" size="small" :placeholder="$t('请选择')">
+          <el-select v-model="saletype" size="small" :placeholder="$t('请选择')" :style="{marginTop:windowWidth>1514?0:'10px'}">
             <el-option
               v-for="item in saleroptions"
               :key="item.value"
@@ -277,6 +277,7 @@
         <div style="margin-left:20px">
           <small><b>{{$t(`单据日期`)}}:</b>&nbsp;</small>
           <el-date-picker
+            :style="{marginTop:windowWidth>1514?0:'10px'}"
             v-model="billdate"
             size="small"
             type="date"
@@ -312,7 +313,7 @@
         </div>
       </div>
       <div class="mt-10">
-        <div>
+        <div style="margin-bottom: 10px">
           <p class="normal-title inline-16">{{$t(`订单产品`)}}</p>
           <!-- <el-button type="text" size="mini" @click="addMoreProduct">{{setcol === 12?'关闭选择':'添加产品'}}</el-button> -->
         </div>
@@ -435,11 +436,21 @@ export default {
           },
       },
       addresstotal:0,
-      enterpriseTotal:0
+      enterpriseTotal:0,
+      windowWidth: document.documentElement.clientWidth,  //实时屏幕宽度
     }
   },
   mounted () {
     console.log(this.data);
+    var that = this;
+    // <!--把window.onresize事件挂在到mounted函数上-->
+    window.onresize = () => {
+      return (() => {
+        window.fullWidth = document.documentElement.clientWidth;
+        that.windowWidth = window.fullWidth; // 宽
+        console.log(that.windowWidth,'屏幕宽度')
+      })()
+    };
   },
   created () {
     this.queryBasicInfo()

src/SDrpManagement/agentOrder/modules/edit.vue

@@ -478,9 +478,9 @@
               >&nbsp;</small
             >
             <el-radio-group v-model="signbackstatus">
-              <el-radio label="不需要">{{ $t("不需要") }}</el-radio>
-              <el-radio label="纸质件">{{ $t("纸质件") }}</el-radio>
-              <el-radio label="扫描件">{{ $t("扫描件") }}</el-radio>
+              <el-radio label="不需要" :style="{marginTop:windowWidth>1132?0:'10px'}">{{ $t("不需要") }}</el-radio>
+              <el-radio label="纸质件" :style="{marginTop:windowWidth>1132?0:'10px'}">{{ $t("纸质件") }}</el-radio>
+              <el-radio label="扫描件" :style="{marginTop:windowWidth>1132?0:'10px'}">{{ $t("扫描件") }}</el-radio>
             </el-radio-group>
           </div>
           <div style="margin-left: 20px">
@@ -489,6 +489,7 @@
             >
             <el-select
               v-model="saletype"
+              :style="{marginTop:windowWidth>1132?0:'10px'}"
               size="small"
               :placeholder="$t('请选择')"
             >
@@ -543,7 +544,7 @@
           ></el-input>
         </div>
         <div class="mt-10">
-          <div>
+          <div class="mt-10">
             <p class="normal-title inline-16">{{ $t("订单产品") }}</p>
             <!-- <el-button type="text" size="mini" @click="addMoreProduct">{{setcol === 12?'关闭选择':'添加产品'}}</el-button> -->
           </div>
@@ -691,6 +692,7 @@ export default {
         },
       },
       enterpriseTotal: 0,
+      windowWidth: document.documentElement.clientWidth,  //实时屏幕宽度
     };
   },
   created() {
@@ -912,6 +914,17 @@ export default {
       // this.data.rebate_used = res.msg !== '成功' ? this.data.rebate_used == 0?1:0:this.data.rebate_used
     },
   },
+  mounted () {
+    var that = this;
+    // <!--把window.onresize事件挂在到mounted函数上-->
+    window.onresize = () => {
+      return (() => {
+        window.fullWidth = document.documentElement.clientWidth;
+        that.windowWidth = window.fullWidth; // 宽
+        console.log(that.windowWidth,'屏幕宽度')
+      })()
+    };
+  },
 };
 </script>
 <style>

src/SDrpManagement/salerOrder/modules/edit.vue

@@ -461,13 +461,13 @@
         <div class="normal-margin flex-align-center">
           <div class="inline-16">
             <small
-              ><b>{{ $t("回签单") }}</b
+              ><b>{{ $t("回签单") }}:</b
               >&nbsp;</small
             >
             <el-radio-group v-model="signbackstatus">
-              <el-radio label="不需要">{{ $t("不需要") }}</el-radio>
-              <el-radio label="纸质件">{{ $t("纸质件") }}</el-radio>
-              <el-radio label="扫描件">{{ $t("扫描件") }}</el-radio>
+              <el-radio label="不需要" :style="{marginTop:windowWidth>988?0:'10px'}">{{ $t("不需要") }}</el-radio>
+              <el-radio label="纸质件" :style="{marginTop:windowWidth>988?0:'10px'}">{{ $t("纸质件") }}</el-radio>
+              <el-radio label="扫描件" :style="{marginTop:windowWidth>988?0:'10px'}">{{ $t("扫描件") }}</el-radio>
             </el-radio-group>
           </div>
           <div style="margin-left: 20px">
@@ -476,6 +476,7 @@
             >
             <el-select
               v-model="saletype"
+              :style="{marginTop:windowWidth>1138?0:'10px'}"
               size="small"
               :placeholder="$t('请选择')"
             >
@@ -541,7 +542,7 @@
           ></el-input>
         </div>
         <div class="mt-10">
-          <div>
+          <div class="mt-10">
             <p class="normal-title inline-16">{{ $t("订单产品") }}</p>
             <!-- <el-button type="text" size="mini" @click="addMoreProduct">{{setcol === 12?'关闭选择':'添加产品'}}</el-button> -->
           </div>
@@ -686,6 +687,7 @@ export default {
       },
       addresstotal: 0,
       enterpriseTotal: 0,
+      windowWidth: document.documentElement.clientWidth,  //实时屏幕宽度
     };
   },
   created() {
@@ -910,6 +912,17 @@ export default {
       this.saleroptions = res.data;
     },
   },
+  mounted () {
+    var that = this;
+    // <!--把window.onresize事件挂在到mounted函数上-->
+    window.onresize = () => {
+      return (() => {
+        window.fullWidth = document.documentElement.clientWidth;
+        that.windowWidth = window.fullWidth; // 宽
+        console.log(that.windowWidth,'屏幕宽度')
+      })()
+    };
+  },
 };
 </script>
 <style>

src/style/style.css

@@ -237,6 +237,9 @@ ul{
 .mt-10{
   margin-bottom: 10px;
 }
+.mp-10{
+  margin-top: 10px;
+}
 .el-dialog__body{
   padding: 20px !important;
 }