样式修改

2 years ago · 08890f25ac
parent 37932ba640
commit 08890f25ac
13 changed files with 81 additions and 66 deletions
--- a/src/views/driver/user/SysCustomerInfoAdd.vue
+++ b/src/views/driver/user/SysCustomerInfoAdd.vue
@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
    <el-row>
      <el-form
        ref="form"
--- a/src/views/driver/user/SysCustomerInfoList.vue
+++ b/src/views/driver/user/SysCustomerInfoList.vue
@ -171,14 +171,15 @@
        </div>
      </ListLayout>

-      <!-- 修改密码弹窗 -->
-      <el-dialog
-        v-el-drag-dialog
-        destroy-on-close
+      <!-- 修改密码抽屉 -->
+      <el-drawer
        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
-        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" />
-      </el-dialog>
+      <SysCustomerInfoAdd @getByPage="getByPage" @closeDialog="closeDialog" />
+      </el-drawer>
+     

      <!-- 导出弹窗 -->
      <el-dialog
@ -232,20 +235,22 @@
        />
      </el-dialog>

-      <!-- 修改弹窗 -->
-      <el-dialog
-        destroy-on-close
+      <!-- 修改抽屉 -->
+      <el-drawer
        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
--- a/src/views/driver/user/SysCustomerInfoUpdate.vue
+++ b/src/views/driver/user/SysCustomerInfoUpdate.vue
@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
    <el-row>
      <el-form
        ref="form"
--- a/src/views/driver/vehicle/OilVehicleOwnerAdd.vue
+++ b/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>
--- a/src/views/driver/vehicle/OilVehicleOwnerUpdate.vue
+++ b/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>
--- a/src/views/finance/oilCompanyMatch/OilCompanyMatchAdd.vue
+++ b/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">
--- a/src/views/finance/oilCompanyMatch/OilCompanyMatchList.vue
+++ b/src/views/finance/oilCompanyMatch/OilCompanyMatchList.vue
@ -178,15 +178,17 @@
        </div>
      </ListLayout>

-      <!-- 添加弹窗 -->
-      <el-dialog
-        v-el-drag-dialog
+      <!-- 添加抽屉 -->
+      <el-drawer
        title="添加"
+        class="table-detail-drawer"
        :visible.sync="addDialog"
-        width="55%"
+        direction="ltr"
+        size="60%"
      >
-        <OilCompanyMatchAdd @getByPage="getByPage" @closeDialog="closeDialog" />
-      </el-dialog>
+      <OilCompanyMatchAdd @getByPage="getByPage" @closeDialog="closeDialog" />
+      </el-drawer>
+    

      <!-- 导出弹窗 -->
      <el-dialog
@ -214,20 +216,22 @@
        />
      </el-dialog>

-      <!-- 修改弹窗 -->
-      <el-dialog
-        v-el-drag-dialog
+      <!-- 修改抽屉 -->
+      <el-drawer
        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
--- a/src/views/finance/oilCompanyMatch/OilCompanyMatchUpdate.vue
+++ b/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">
--- a/src/views/finance/openTicket/openTicketList.vue
+++ b/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>
--- a/src/views/site/oilSiteOilsPrice/OilSiteOilsPriceList.vue
+++ b/src/views/site/oilSiteOilsPrice/OilSiteOilsPriceList.vue
@ -158,9 +158,10 @@
          <!-- 分页组件结束 -->
        </div>
      </ListLayout>
-      <!-- 历史记录弹窗 -->
-      <el-dialog v-el-drag-dialog title="变更历史" :visible.sync="showHistory" width="55%">
-        <el-table :data="historyData" style="width: 100%">
+      <!-- 历史记录抽屉 -->
+      <el-drawer :withHeader="false" title="变更历史" :visible.sync="showHistory" direction="ltr" size="55%">
+       <div style="padding: 20px;">
+        <el-table :data="historyData" style="width: 100%" border>
          <el-table-column prop="createTime" label="创建时间" />

          <el-table-column prop="name" label="基础个人价">
@ -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"
--- a/src/views/system/auth/sysUser/SysCustomerInfoAdd.vue
+++ b/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">
--- a/src/views/system/auth/sysUser/SysCustomerInfoList.vue
+++ b/src/views/system/auth/sysUser/SysCustomerInfoList.vue
@ -212,16 +212,15 @@
        </div>
      </ListLayout>

-      <!-- 修改密码弹窗 -->
-      <el-dialog
-        v-el-drag-dialog
-        destroy-on-close
+      <!-- 修改密码抽屉 -->
+      <el-drawer
        title="修改密码"
+        class="table-detail-drawer"
        :visible.sync="updatePwdDialog"
-        @closeDialog="closeDialog"
-        width="55%"
-        :before-close="handleClose"
+        direction="ltr"
+        size="50%"
      >
+      <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>
-
-      <!-- 添加弹窗 -->
-      <el-dialog
-        v-el-drag-dialog
-        destroy-on-close
+      </div>
+      
+      </el-drawer>
+     
+      <!-- 添加抽屉 -->
+      <el-drawer
        title="添加"
+        class="table-detail-drawer"
        :visible.sync="addDialog"
-        width="55%"
+        direction="ltr"
+        size="50%"
      >
-        <SysCustomerInfoAdd @getByPage="getByPage" @closeDialog="closeDialog" />
-      </el-dialog>
+      <SysCustomerInfoAdd @getByPage="getByPage" @closeDialog="closeDialog" />
+      </el-drawer>

      <!-- 登录授权弹窗 -->
      <el-dialog
@ -290,20 +291,22 @@
        />
      </el-dialog>

-      <!-- 修改弹窗 -->
-      <el-dialog
-        destroy-on-close
+      <!-- 修改抽屉 -->
+      <el-drawer
        title="修改"
+        class="table-detail-drawer"
        :visible.sync="updateDialog"
-        width="55%"
+        direction="ltr"
+        size="50%"
      >
-        <SysCustomerInfoUpdate
+      <SysCustomerInfoUpdate
          v-if="updateDialog"
          :sys-customer-info="sysCustomerInfo"
          @getByPage="getByPage"
          @closeDialog="closeDialog"
        />
-      </el-dialog>
+      </el-drawer>
+    

      <!-- 详情抽屉 -->
      <el-drawer
--- a/src/views/system/auth/sysUser/SysCustomerInfoUpdate.vue
+++ b/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">