修改样式

src/views/admin/edit.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-loading="loading">
     <div class="white-box">
-      <el-form ref="form" :model="form" label-width="250px" class="form-page">
+      <el-form ref="form" :model="form" label-width="250px" class="bkele-form-page">
         <el-form-item v-show="isAddOrEdit" :label="$t('Administrator.loginAccount')">
           <el-input v-model="form.adminName" :disabled="isEdit" />
         </el-form-item>
@@ -144,5 +144,30 @@ export default {
 </script>
 
   <style scoped>
+  .el-form-item{
+        margin-top: 35px;
+    }
+@media (min-width: 761px) {
+    /deep/ .el-input__inner {
+      width: 500px;
+    }
+  }
+  @media (max-width:760px) {
+    /deep/ .white-box {
+    padding: 0px 0px;
+    }
+    /deep/ .el-form-item__content {
+      margin-left:150px !important;
+    }
+    /deep/ .el-form-item__label {
+      width:150px !important;
+    }
+    /deep/ .el-input__inner { 
+      width: 150px;
+    }
+    /* .el-input {
+      width: 90%;
+    } */
 
+  }
   </style>

src/views/admin/index.vue

@@ -83,7 +83,7 @@
           </template>
         </el-table-column>
 
-        <el-table-column fixed="right" :label="$t('table.actions')" width="180">
+        <el-table-column :fixed="fixedColumn" :label="$t('table.actions')" width="180">
           <template slot-scope="scope">
             <el-dropdown v-if="scope.row.DONT_DEL!=='1'&&(permission.hasPermission(`admin/edit`)||permission.hasPermission(`admin/admin-delete`))" size="small" trigger="click" @command="handleRow" @click.stop="">
               <el-button type="primary" size="small">
@@ -121,11 +121,14 @@ import FilterUser from '@/components/FilterUser'
 import permission from '@/utils/permission'
 import Pagination from '@/components/Pagination'
 import filterHelper from '@/utils/filterHelper'
+import {getOperatingSystem} from "@/utils"
+
 export default {
   name: 'DecLevel',
   components: { FilterUser, Pagination },
   data() {
     return {
+      fixedColumn:false, // 固定,当手机端不固定,pc固定
       tableData: null,
       loading: true,
       multipleSelection: [],
@@ -156,6 +159,12 @@ export default {
   },
   mounted() {
     this.getData()
+    let system =  getOperatingSystem()
+    if (system == "Android" || system == 'ios') {
+      this.fixedColumn = false
+    } else {
+      this.fixedColumn = 'right'
+    }
   },
   methods: {
     checkSelectable(row) {

src/views/admin/role.vue

@@ -36,7 +36,7 @@
             {{ tool.formatDate(scope.row.UPDATED_AT) }}
           </template>
         </el-table-column>
-        <el-table-column fixed="right" :label="$t('table.actions')" width="180">
+        <el-table-column :fixed="fixedColumn" :label="$t('table.actions')" width="180">
           <template slot-scope="scope">
             <el-dropdown v-if="scope.row.DONT_DEL==='0'&&(permission.hasPermission(`admin/role-permission`)||permission.hasPermission(`admin/role-edit`)||permission.hasPermission(`admin/role-delete`))" size="small" trigger="click" @command="handleRow" @click.stop="">
               <el-button type="primary" size="small">
@@ -74,13 +74,15 @@ import tool from '@/utils/tool'
 import FilterUser from '@/components/FilterUser'
 import permission from '@/utils/permission'
 import Pagination from '@/components/Pagination'
-import filterHelper from '../../utils/filterHelper'
+import filterHelper from '@/utils/filterHelper'
+import {getOperatingSystem} from "@/utils"
 
 export default {
   name: 'Role',
   components: { FilterUser, Pagination },
   data() {
     return {
+      fixedColumn:false, // 固定,当手机端不固定,pc固定
       tableData: null,
       loading: true,
       multipleSelection: [],
@@ -107,6 +109,12 @@ export default {
   },
   mounted() {
     this.getData()
+    let system =  getOperatingSystem()
+    if (system == "Android" || system == 'ios') {
+      this.fixedColumn = false
+    } else {
+      this.fixedColumn = 'right'
+    }
   },
   methods: {
     handleSelectionChange(val) {

src/views/finance/balance-audit-list.vue

@@ -28,7 +28,7 @@
               </template>
             </template>
           </el-table-column>
-          <el-table-column fixed="right" :label="$t('financial.action')" width="180" v-if="tableHeaders"><!-- 操作 -->
+          <el-table-column :fixed="fixedColumn" :label="$t('financial.action')" width="180" v-if="tableHeaders"><!-- 操作 -->
             <template slot-scope="scope"
                       v-if="scope.row.AUDIT_STATUS==='0' && (permission.hasPermission(`finance/balance-audit-pass`) || permission.hasPermission(`finance/balance-audit`) || permission.hasPermission(`finance/balance-audit-delete`))">
               <el-dropdown size="small" trigger="click">
@@ -151,6 +151,7 @@
   
   <script>
     import tool from '@/utils/tool'
+    import {getOperatingSystem} from "@/utils"
     import FilterUser from '@/components/FilterUser'
     import baseInfo from '@/utils/baseInfo'
     import permission from '@/utils/permission'
@@ -167,9 +168,17 @@
           this.dealTypes = response.data.dealTypes
           this.getData()
         })
+        let system =  getOperatingSystem()
+        if (system == "Android" || system == 'ios') {
+          this.fixedColumn = false
+        } else {
+          this.fixedColumn = 'right'
+        }
+        
       },
       data() {
         return {
+          fixedColumn:false, // 固定,当手机端不固定,pc固定
           tableHeaders: null,
           tableData: null,
           loading: true,