调整排产订金申请确认样式

anrui-scm/anrui-scm-ui/src/views/supplychain/paichandingjin/paichandingjinconfirmed.vue

@@ -11,14 +11,14 @@
         <div class="searchcon">
           <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
           <div v-show="isSearchShow" class="search">
-            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header" label-width="100px">
               <el-form-item label="车型">
                 <el-input v-model="listQuery.params.vehModelName" clearable placeholder="" class="addinputw"></el-input>
               </el-form-item>
             </el-form>
             <div class="btn" style="text-align: center;">
-              <el-button type="primary" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
-              <el-button type="primary" @click="handleReset" size="small">重置</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
             </div>
           </div>
         </div>
@@ -28,7 +28,7 @@
         </div>
         <div class="">
           <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
-            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column width="60px" label="序号" type="index" :index="indexMethod" align="center"/>
             <el-table-column label="合同编号" align="center">
               <template slot-scope="scope">
                 <span>{{ scope.row.contractNo }}</span>
@@ -44,7 +44,7 @@
                 <span>{{ scope.row.vehModelName }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="数量" align="center">
+            <el-table-column label="数量" align="center" width="100">
               <template slot-scope="scope">
                 <span>{{ scope.row.num }}</span>
               </template>
@@ -190,13 +190,6 @@ export default {
 }
 </script>
 <style scoped>
-/deep/ .el-tabs__header {
-  border-bottom: 0px !important;
-}
-/deep/ .el-tabs__nav-scroll {
-  padding: 0px !important;
-  border-bottom: 0px !important;
-}
 .switch_btn {
   padding: 15px 0 10px 0;
 }
@@ -205,31 +198,4 @@ export default {
   color: white;
   font-weight: 600;
 }
-.btn {
-  padding: 15px 0 15px 0;
-  border: 1px solid #e0e3eb;
-}
-
-.tab-header {
-  background-color: #edf1f7;
-  padding: 8px 20px;
-  margin-bottom: 0 !important;
-}
-
-.tab-header /deep/ .el-form-item {
-  margin-bottom: 10px;
-}
-.listtop {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border: 1px solid #dfe4ed;
-  height: 40px;
-}
-.tit {
-  margin-bottom: -10px;
-}
-.pagination {
-  margin-bottom: -10px;
-}
 </style>

anrui-scm/anrui-scm-ui/src/views/supplychain/paichandingjin/paichandingjintobeconfirmed.vue

@@ -11,14 +11,14 @@
         <div class="searchcon">
           <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
           <div v-show="isSearchShow" class="search">
-            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" class="tab-header" label-width="100px">
               <el-form-item label="车型">
                 <el-input v-model="listQuery.params.vehModelName" clearable placeholder="" class="addinputw"></el-input>
               </el-form-item>
             </el-form>
             <div class="btn" style="text-align: center;">
-              <el-button type="primary" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
-              <el-button type="primary" @click="handleReset" size="small">重置</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
             </div>
           </div>
         </div>
@@ -28,8 +28,8 @@
         </div>
         <div class="">
           <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;">
-            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column width="60px" label="序号" type="index" :index="indexMethod" align="center"/>
-            <el-table-column label="操作" width="150px" align="center">
+            <el-table-column label="操作" width="80px" align="center">
               <template slot-scope="scope">
                 <el-button type="primary" size="mini" @click="handleTransact(scope.row)">办理</el-button>
               </template>
@@ -44,12 +44,12 @@
                 <span>{{ scope.row.proSchAppNo }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="车型" align="center" width="180">
+            <el-table-column label="车型" align="center">
               <template slot-scope="scope">
                 <span>{{ scope.row.vehModelName }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="数量" align="center" width="180">
+            <el-table-column label="数量" align="center" width="100">
               <template slot-scope="scope">
                 <span>{{ scope.row.num }}</span>
               </template>
@@ -66,7 +66,7 @@
     <paichandingjinconfirmed v-show="viewState == 2" ref="divConfirmed" @doback="resetState"/>
     <el-dialog center :visible.sync="dialogVisible" width="30%">
       <el-form :model="formobj" class="formaddcopy02">
-        <el-row style="border-top: 1px solid #e0e3eb">
+        <el-row style="border-top: 1px solid #E0E3EB">
           <el-col :span="24">
             <div class="span-sty spanOneWidth"><span>是否申请订金:</span></div>
             <el-form-item>
@@ -285,13 +285,6 @@ export default {
 }
 </script>
 <style scoped>
-/deep/ .el-tabs__header {
-  border-bottom: 0px !important;
-}
-/deep/ .el-tabs__nav-scroll {
-  padding: 0px !important;
-  border-bottom: 0px !important;
-}
 .switch_btn {
   padding: 15px 0 10px 0;
 }
@@ -300,33 +293,6 @@ export default {
   color: white;
   font-weight: 600;
 }
-.btn {
-  padding: 15px 0 15px 0;
-  border: 1px solid #e0e3eb;
-}
-
-.tab-header {
-  background-color: #edf1f7;
-  padding: 8px 20px;
-  margin-bottom: 0 !important;
-}
-
-.tab-header /deep/ .el-form-item {
-  margin-bottom: 10px;
-}
-.listtop {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border: 1px solid #dfe4ed;
-  height: 40px;
-}
-.tit {
-  margin-bottom: -10px;
-}
-.pagination {
-  margin-bottom: -10px;
-}
 .spanOneWidth {
   width: 110px !important;
 }