样式-按钮

Reviewed-on: #10

src/views/driver/user/SysCustomerInfoAdd.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
     <el-row>
       <el-form
         ref="form"

src/views/driver/user/SysCustomerInfoList.vue

@@ -129,7 +129,7 @@
                   :size="$store.getters.size"
                   type="text"
                   @click="handleDetail(scope.row.id)"
-                  ><svg-icon icon-class="iconxiangqing1" /> 操作</el-button
+                  ><svg-icon icon-class="iconxiangqing1" /> 详情</el-button
                 >
                 <el-dropdown>
                   <el-button type="text">
@@ -171,14 +171,15 @@
         </div>
       </ListLayout>
 
-      <!-- 修改密码弹窗 -->
+      <!-- 修改密码抽屉 -->
-      <el-dialog
+      <el-drawer
-        v-el-drag-dialog
-        destroy-on-close
         title="修改密码"
+        class="table-detail-drawer"
         :visible.sync="updatePwdDialog"
-        width="55%"
+        direction="ltr"
+        size="55%"
       >
+      <div style="padding: 20px;">
         <el-form
           ref="form"
           :model="updatePwd"
@@ -193,18 +194,20 @@
           <el-button @click="updatePwdDialog = false;">取消</el-button>
           <el-button type="primary" @click="updatePwdSubmit">提交</el-button>
         </div>
-      </el-dialog>
+      </div>>
+      </el-drawer>
 
-      <!-- 添加弹窗 -->
+      <!-- 添加抽屉 -->
-      <el-dialog
+      <el-drawer
-        v-el-drag-dialog
-        destroy-on-close
         title="添加"
+        class="table-detail-drawer"
         :visible.sync="addDialog"
-        width="55%"
+        direction="ltr"
+        size="55%"
       >
-        <SysCustomerInfoAdd @getByPage="getByPage" @closeDialog="closeDialog" />
+      <SysCustomerInfoAdd @getByPage="getByPage" @closeDialog="closeDialog" />
-      </el-dialog>
+      </el-drawer>
+     
 
       <!-- 导出弹窗 -->
       <el-dialog
@@ -232,20 +235,22 @@
         />
       </el-dialog>
 
-      <!-- 修改弹窗 -->
+      <!-- 修改抽屉 -->
-      <el-dialog
+      <el-drawer
-        destroy-on-close
         title="修改"
+        class="table-detail-drawer"
         :visible.sync="updateDialog"
-        width="55%"
+        direction="ltr"
+        size="55%"
       >
-        <SysCustomerInfoUpdate
+      <SysCustomerInfoUpdate
           v-if="updateDialog"
           :sys-customer-info="sysCustomerInfo"
           @getByPage="getByPage"
           @closeDialog="closeDialog"
         />
-      </el-dialog>
+      </el-drawer>
+   
 
       <!-- 详情抽屉 -->
       <el-drawer
@@ -253,7 +258,7 @@
         class="table-detail-drawer"
         :visible.sync="showTableDrawer"
         direction="ltr"
-        size="80%"
+        size="55%"
       >
         <SysCustomerInfoInfo
           v-if="showTableDrawer"
@@ -623,8 +628,8 @@ export default {
   margin-bottom: 20px;
 }
 .table-div >>> .header-container {
-  position: sticky;
+  /* position: sticky;
-  top: 0rem;
+  top: 0rem; */
   min-height: 152px;
   z-index: 4;
   background: #fff;

src/views/driver/user/SysCustomerInfoUpdate.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
     <el-row>
       <el-form
         ref="form"

src/views/driver/vehicle/OilVehicleOwnerAdd.vue

@@ -6,7 +6,7 @@
         label-width="100px"
         :size="$store.getters.size"
       >
-        <el-card class="box-card">
+        <el-card class="box-card" style="margin:  0 20px;">
           <div slot="header" class="clearfix">
             <span>车辆基础信息</span>
           </div>
@@ -136,7 +136,7 @@
             <el-col />
           </el-row> -->
         </el-card>
-        <el-col :span="24" style="text-align: right">
+        <el-col :span="24" style="text-align: right;padding: 20px;">
           <el-button @click="close">取消</el-button>
           <el-button type="primary" @click="submit">提交</el-button>
         </el-col>

src/views/driver/vehicle/OilVehicleOwnerList.vue

@@ -190,25 +190,27 @@
         v-el-drag-dialog
         title="添加"
         :visible.sync="addDialog"
-        size="60%"
+        size="55%"
         direction="ltr"
         destroy-on-close
       >
         <OilVehicleOwnerAdd @getByPage="getByPage" @closeDialog="closeDialog" />
       </el-drawer>
 
-      <!-- 导出弹窗 -->
+      <!-- 导出抽屉 -->
-      <el-dialog
+      <el-drawer
         v-el-drag-dialog
         title="导出"
         :visible.sync="outPutDialog"
-        width="55%"
+        size="55%"
+        direction="ltr"
+        destroy-on-close
       >
-        <OilVehicleOwnerOutput
+      <OilVehicleOwnerOutput
           @getByPage="getByPage"
           @closeDialog="closeDialog"
         />
-      </el-dialog>
+      </el-drawer>
 
       <!-- 导入弹窗 -->
       <el-dialog
@@ -223,12 +225,12 @@
         />
       </el-dialog>
 
-      <!-- 修改弹窗 -->
+      <!-- 修改抽屉 -->
       <el-drawer
         v-el-drag-dialog
         title="修改"
         :visible.sync="updateDialog"
-        size="60%"
+        size="55%"
         direction="ltr"
         destroy-on-close
       >
@@ -246,7 +248,7 @@
         class="table-detail-drawer"
         :visible.sync="showTableDrawer"
         direction="ltr"
-      size="50%"
+      size="55%"
       :withHeader="false"
       >
       <general-details 
@@ -669,8 +671,8 @@ export default {
   margin-bottom: 20px;
 }
 .table-div >>> .header-container {
-  position: sticky;
+  /* position: sticky;
-  top: 0rem;
+  top: 0rem; */
   min-height: 152px;
   z-index: 4;
   background: #fff;

src/views/driver/vehicle/OilVehicleOwnerOutput.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
     <el-row>
       <el-form :model="data" label-width="100px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">

src/views/driver/vehicle/OilVehicleOwnerUpdate.vue

@@ -6,7 +6,7 @@
         label-width="100px"
         :size="$store.getters.size"
       >
-        <el-card class="box-card">
+        <el-card class="box-card" style="margin: 0 20px;">
           <div slot="header" class="clearfix">
             <span>车辆基础信息</span>
           </div>
@@ -136,7 +136,7 @@
             <el-col />
           </el-row> -->
         </el-card>
-        <el-col :span="24" style="text-align: right">
+        <el-col :span="24" style="text-align: right;padding: 20px;;">
           <el-button @click="close">取消</el-button>
           <el-button type="primary" @click="submit">提交</el-button>
         </el-col>

src/views/finance/oilCompanyMatch/OilCompanyMatchAdd.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
     <el-row>
       <el-form :model="oilCompanyMatch" label-width="140px" :rules="ruleForm" ref="ruleForm" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">

src/views/finance/oilCompanyMatch/OilCompanyMatchList.vue

@@ -178,22 +178,24 @@
         </div>
       </ListLayout>
 
-      <!-- 添加弹窗 -->
+      <!-- 添加抽屉 -->
-      <el-dialog
+      <el-drawer
-        v-el-drag-dialog
         title="添加"
+        class="table-detail-drawer"
         :visible.sync="addDialog"
-        width="55%"
+        direction="ltr"
+        size="60%"
       >
-        <OilCompanyMatchAdd @getByPage="getByPage" @closeDialog="closeDialog" />
+      <OilCompanyMatchAdd @getByPage="getByPage" @closeDialog="closeDialog" />
-      </el-dialog>
+      </el-drawer>
+    
 
       <!-- 导出弹窗 -->
       <el-dialog
         v-el-drag-dialog
         title="导出"
         :visible.sync="outPutDialog"
-        width="55%"
+        width="60%"
       >
         <OilCompanyMatchOutput
           @getByPage="getByPage"
@@ -206,7 +208,7 @@
         v-el-drag-dialog
         title="导入"
         :visible.sync="importDialog"
-        width="55%"
+        width="60%"
       >
         <OilCompanyMatchImport
           @getByPage="getByPage"
@@ -214,27 +216,29 @@
         />
       </el-dialog>
 
-      <!-- 修改弹窗 -->
+      <!-- 修改抽屉 -->
-      <el-dialog
+      <el-drawer
-        v-el-drag-dialog
         title="修改"
+        class="table-detail-drawer"
         :visible.sync="updateDialog"
-        width="55%"
+        direction="ltr"
+        size="60%"
       >
-        <OilCompanyMatchUpdate
+      <OilCompanyMatchUpdate
           v-if="updateDialog"
           :oil-company-match="oilCompanyMatch"
           @getByPage="getByPage"
           @closeDialog="closeDialog"
         />
-      </el-dialog>
+      </el-drawer>
+
 
       <!-- 详情抽屉 -->
       <el-drawer
         title="详情"
         class="table-detail-drawer"
         :visible.sync="showTableDrawer"
-        size="55%"
+        size="60%"
         direction="ltr"
         :withHeader="false"
       >
@@ -750,8 +754,8 @@ export default {
   margin-bottom: 20px;
 }
 .table-div >>> .header-container {
-  position: sticky;
+  /* position: sticky;
-  top: 0rem;
+  top: 0rem; */
   min-height: 152px;
   z-index: 4;
   background: #fff;

src/views/finance/oilCompanyMatch/OilCompanyMatchUpdate.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
     <el-row>
       <el-form :model="oilCompanyMatch" :rules="ruleForm" ref="ruleForm" label-width="140px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">

src/views/finance/oilCompanyMatchRecord/OilCompanyMatchRecordList.vue

@@ -588,8 +588,8 @@ export default {
 }
 
 .table-div>>>.header-container {
-  position: sticky;
+  /* position: sticky;
-  top: 0rem;
+  top: 0rem; */
   min-height: 152px;
   z-index: 4;
   background: #fff;

src/views/finance/oilCompanyOrderMatchTask/OilCompanyOrderMatchTaskList.vue

@@ -772,8 +772,8 @@ export default {
 }
 
 .table-div>>>.header-container {
-  position: sticky;
+  /* position: sticky;
-  top: 0rem;
+  top: 0rem; */
   min-height: 152px;
   z-index: 4;
   background: #fff;

src/views/finance/openTicket/openTicketInfoUpdate.vue

@@ -116,8 +116,8 @@
 
     <div style="float: right;">
       <el-button @click="$emit('close')">取消</el-button>
-      <el-button @click="update">修改</el-button>
+      <el-button @click="update">提交</el-button>
-      <el-button type="primary" @click="updateAndAudit">修改并审核</el-button>
+      <el-button type="primary" @click="updateAndAudit">提交并审核</el-button>
     </div>
   </div>
 </template>

src/views/finance/openTicket/openTicketList.vue

@@ -80,7 +80,7 @@
 
                   <el-col :span="9">
                     <el-form-item>
-                      <gl-date-time-picker v-model="page.params.createTime" style="width: 131%" msg="创建时间"
+                      <gl-date-time-picker v-model="page.params.createTime" style="width: 134%" msg="创建时间"
                         @keyup.enter.native="getByPage" />
                     </el-form-item>
                   </el-col>
@@ -96,7 +96,7 @@
               <el-col :span="1">
                 <el-button type="primary" :size="$store.getters.size" icon="el-icon-plus"
                   @click="addRecordDialog = true">
-                  新增</el-button>
+                  添加</el-button>
               </el-col>
               <el-col :span="23">
                 <el-button type="primary" :size="$store.getters.size" icon="el-icon-search" @click="getByPage">查询

src/views/finance/openTicket/openTicketRecordAdd.vue

@@ -103,7 +103,7 @@
       </section>
       <div style="float: right;">
         <el-button @click="$emit('close')">取消</el-button>
-        <el-button type="primary" @click="add()">新增</el-button>
+        <el-button type="primary" @click="add()">提交</el-button>
       </div>
     </div>
 

src/views/site/oilCompanySiteDiaodu/oilCompanySiteList.vue

@@ -102,6 +102,7 @@
                 <el-date-picker
                   v-model="page.params.createTime"
                   type="datetimerange"
+                  style="width: 105%"
                   value-format="yyyy-MM-dd HH:mm:ss"
                   range-separator="~"
                   start-placeholder="开始时间"
@@ -120,14 +121,15 @@
                   :size="$store.getters.size"
                   icon="el-icon-search"
                   @click="search"
-                  >&nbsp;&nbsp;查询
+                  >查询
                 </el-button>
                 <el-button
+                  type="info"
                   :size="$store.getters.size"
                   icon="el-icon-refresh"
                   @click="page.params = {}"
                 >
-                  &nbsp;&nbsp;重置
+                  重置
                 </el-button>
               </div>
             </el-col>

src/views/site/oilSiteOilsPrice/OilSiteOilsPriceList.vue

@@ -37,7 +37,7 @@
               </el-select>
             </el-form-item> -->
             <!-- <el-form-item>
-            <el-input v-model="page.params.enableMark" placeholder="启用标识" clearable @keyup.enter.native="getByPage" /> 
+            <el-input v-model="page.params.enableMark" placeholder="启用标识" clearable @keyup.enter.native="getByPage" />
               <el-select v-model="page.params.enableMark" filterable clearable placeholder="油品启用标识">
                 <el-option value="1" label="油品启用" />
                 <el-option value="0" label="油品禁用" />
@@ -91,7 +91,7 @@
             <el-button class="group-item" :size="$store.getters.size" type="success" @click="piliangAdd"><svg-icon
                 icon-class="iconiconfonticon02" /> 快速调价任务</el-button>
           </el-col>
-          <el-col :span="24">
+          <el-col :span="8">
             <el-button type="primary" :size="$store.getters.size" icon="el-icon-search" @click="search">查询</el-button>
             <el-button :size="$store.getters.size" icon="el-icon-refresh" type="info" @click="
               page.params = {}
@@ -158,11 +158,12 @@
           <!-- 分页组件结束 -->
         </div>
       </ListLayout>
-      <!-- 历史记录弹窗 -->
+      <!-- 历史记录抽屉 -->
-      <el-dialog v-el-drag-dialog title="变更历史" :visible.sync="showHistory" width="55%">
+      <el-drawer :withHeader="false" title="变更历史" :visible.sync="showHistory" direction="ltr" size="55%">
-        <el-table :data="historyData" style="width: 100%">
+       <div style="padding: 20px;">
+        <el-table :data="historyData" style="width: 100%" border>
           <el-table-column prop="createTime" label="创建时间" />
-          
+
           <el-table-column prop="name" label="基础个人价">
             <template slot-scope="scope">
               <div>
@@ -196,7 +197,9 @@
               </template>
           </el-table-column>
         </el-table>
-      </el-dialog>
+       </div>
+      </el-drawer>
+
       <!-- 导出弹窗 -->
       <el-dialog v-el-drag-dialog title="导出" :visible.sync="outPutDialog" width="20%">
         <OilSiteOilsPriceOutput :page="page" :dataPage="dataPage" v-if="outPutDialog"
@@ -292,7 +295,7 @@ export default {
                 return ('禁用');
                }
             }
-          }, 
+          },
             {
               label: '基础个人价',
               value: 'personalPriceBase'

src/views/system/auth/sysUser/SysCustomerInfoAdd.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
     <el-row>
       <el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">

src/views/system/auth/sysUser/SysCustomerInfoList.vue

@@ -212,16 +212,15 @@
         </div>
       </ListLayout>
 
-      <!-- 修改密码弹窗 -->
+      <!-- 修改密码抽屉 -->
-      <el-dialog
+      <el-drawer
-        v-el-drag-dialog
-        destroy-on-close
         title="修改密码"
+        class="table-detail-drawer"
         :visible.sync="updatePwdDialog"
-        @closeDialog="closeDialog"
+        direction="ltr"
-        width="55%"
+        size="55%"
-        :before-close="handleClose"
       >
+      <div style="padding: 20px;">
         <el-form
           ref="form"
           :model="updatePwd"
@@ -236,18 +235,20 @@
           <el-button @click="handleClose">取消</el-button>
           <el-button type="primary" @click="updatePwdSubmit">提交</el-button>
         </div>
-      </el-dialog>
+      </div>
-
+      
-      <!-- 添加弹窗 -->
+      </el-drawer>
-      <el-dialog
+     
-        v-el-drag-dialog
+      <!-- 添加抽屉 -->
-        destroy-on-close
+      <el-drawer
         title="添加"
+        class="table-detail-drawer"
         :visible.sync="addDialog"
-        width="55%"
+        direction="ltr"
+        size="55%"
       >
-        <SysCustomerInfoAdd @getByPage="getByPage" @closeDialog="closeDialog" />
+      <SysCustomerInfoAdd @getByPage="getByPage" @closeDialog="closeDialog" />
-      </el-dialog>
+      </el-drawer>
 
       <!-- 登录授权弹窗 -->
       <el-dialog
@@ -290,20 +291,22 @@
         />
       </el-dialog>
 
-      <!-- 修改弹窗 -->
+      <!-- 修改抽屉 -->
-      <el-dialog
+      <el-drawer
-        destroy-on-close
         title="修改"
+        class="table-detail-drawer"
         :visible.sync="updateDialog"
-        width="55%"
+        direction="ltr"
+        size="55%"
       >
-        <SysCustomerInfoUpdate
+      <SysCustomerInfoUpdate
           v-if="updateDialog"
           :sys-customer-info="sysCustomerInfo"
           @getByPage="getByPage"
           @closeDialog="closeDialog"
         />
-      </el-dialog>
+      </el-drawer>
+    
 
       <!-- 详情抽屉 -->
       <el-drawer
@@ -311,7 +314,7 @@
         class="table-detail-drawer"
         :visible.sync="showTableDrawer"
         direction="ltr"
-        size="50%"
+        size="55%"
       >
         <SysCustomerInfoInfo
           v-if="showTableDrawer"
@@ -703,8 +706,8 @@ export default {
   margin-bottom: 20px;
 }
 .table-div >>> .header-container {
-  position: sticky;
+ /* position: sticky;
-  top: 0rem;
+  top: 0rem; */
   min-height: 152px;
   z-index: 4;
   background: #fff;

src/views/system/auth/sysUser/SysCustomerInfoUpdate.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
     <el-row>
       <el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">