1

src/layout/mixin/ResizeHandler.js

@@ -1,7 +1,7 @@
 import store from '@/store'
 
 const { body } = document
-const WIDTH = 992 // refer to Bootstrap's responsive design
+const WIDTH = 768 // refer to Bootstrap's responsive design
 
 export default {
   watch: {

src/styles/element-ui.scss

@@ -51,3 +51,44 @@
 .el-submenu.is-active .el-submenu__title {
   border-bottom: 2px solid;
 }
+
+// 时间选择器移动端 适配begin
+@media (max-width: 768px) {
+  .el-date-range-picker .el-picker-panel__body {
+    min-width: 100%;
+  }
+
+  .el-date-range-picker__content {
+    width: 100% !important;
+  }
+
+  .el-date-range-picker {
+    width: 80% !important;
+  }
+
+  .el-date-range-picker__content {
+    margin: 0px;
+    padding: 5px;
+  }
+
+  .el-date-range-picker__content.is-left {
+    padding-bottom: 0px;
+  }
+
+  .el-date-range-picker__content.is-right {
+    padding-top: 0px;
+  }
+
+  .el-date-table th {
+    padding: 0px;
+  }
+
+  .el-date-table td {
+    padding: 0px;
+  }
+}
+@media (max-width: 720px) {
+  .el-message-box {
+    width: 320px !important;
+  }
+}

src/styles/navbar.scss

@@ -22,7 +22,6 @@
 
       .navbar-brand__img {
         height: 20px;
-        filter: drop-shadow(0 2px 4px #00000077);
         margin-left: 10px;
       }
       .navbar-brand__logo {
@@ -61,8 +60,6 @@
           display: flex;
           justify-content: center;
           align-items: center;
-          min-width: 2rem;
-          min-height: 2rem;
           -webkit-box-pack: center;
 
           .el-badge__content:not(.is-dot) {

src/views/dashboard/index.vue

@@ -83,4 +83,12 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@media (max-width: 768px) {
+  ::v-deep .vue-grid-item {
+    width: 100% !important;
+    position: relative !important;
+    transform: none !important;
+    margin-bottom: 10px;
+  }
+}
 </style>

src/views/system/DashboardComponents/department.vue

@@ -102,7 +102,7 @@ export default {
         },
         series: [
           {
-            barWidth: 20,
+            barWidth: this.$store.getters.device === 'desktop' ? 20 : 10,
             type: 'bar',
             stack: 'a',
             name: '合计金额（元）',
@@ -125,7 +125,7 @@ export default {
             data: this.list.map(item => (parseFloat(item.money_total_2) ? parseFloat(item.money_total_2) : parseFloat(item.money_total_1) - parseFloat(item.use_money_total)))
           },
           {
-            barWidth: 20,
+            barWidth: this.$store.getters.device === 'desktop' ? 20 : 10,
             type: 'bar',
             stack: 'a',
             name: '已使用金额（元）',

src/views/system/DashboardComponents/toDo.vue

@@ -39,7 +39,7 @@
             :align="item.align"
             :formatter="item.formatter"
           />
-          <el-table-column label="操作" header-align="center" min-width="100" fixed="right">
+          <el-table-column label="操作" header-align="center" min-width="122" fixed="right">
             <template #default="{ row }">
               <el-button size="mini" style="padding: 5px 10px;" @click="show(row)">查看</el-button>
               <el-button size="mini" type="primary" style="padding: 5px 10px;" @click="handle(row)">办理</el-button>
@@ -53,6 +53,7 @@
       v-model="isShowModal"
       transfer
       show-zoom
+      :fullscreen="$store.getters.device === 'mobile'"
       title="办理"
       width="86vw"
       height="80vh"
@@ -125,86 +126,6 @@ export default {
           'show-overflow-tooltip': true,
           minWidth: 200
         }
-        // {
-        //   title: '查看',
-        //   key: 'show',
-        //   width: 180,
-        //   render: (h, { row }) => {
-        //     return h('div', [
-        //       h(
-        //         'Button',
-        //         {
-        //           props: {
-        //             type: 'default',
-        //             size: 'small'
-        //           },
-        //           style: {
-        //             background: '#f0f3fa',
-        //             color: '#333',
-        //             border: '1px solid #dae1f0',
-        //             fontSize: '13px'
-        //           },
-        //           on: {
-        //             'click': (_) => {
-        //               if (row.from_type === 'contract') {
-        //                 this.$router.push({
-        //                   path: '/contract/contract/contractList',
-        //                   query: {
-        //                     keyword: /\[(.*?)\]/.exec(row.title) ? /\[(.*?)\]/.exec(row.title)[1] : ''
-        //                   }
-        //                 })
-        //               } else {
-        //                 window.open(
-        //                   `${process.env.VUE_APP_OUT_OLD}/flow/view/${row.id}?auth_token=${this.$store.getters.oa_token}`,
-        //                   'edit',
-        //                   `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-        //                 )
-        //               }
-        //             }
-        //           }
-        //         },
-        //         '查看'
-        //       ),
-        //       h(
-        //         'Button',
-        //         {
-        //           props: {
-        //             type: 'primary',
-        //             size: 'small'
-        //           },
-        //           style: {
-        //             'margin-left': '6px',
-        //             fontSize: '13px'
-        //           },
-        //           on: {
-        //             'click': (_) => {
-        //               if (row.from_type === 'contract') {
-        //                 const toUrl = this.$router.resolve({
-        //                   path: '/contract/contract/contractList',
-        //                   query: {
-        //                     keyword: /\[(.*?)\]/.exec(row.title) ? /\[(.*?)\]/.exec(row.title)[1] : ''
-        //                   }
-        //                 })
-        //                 window.open(
-        //                   toUrl.href,
-        //                   'edit',
-        //                   `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-        //                 )
-        //               } else {
-        //                 window.open(
-        //                   `${process.env.VUE_APP_OUT_OLD}/flow/deal/${row.id}?auth_token=${this.$store.getters.oa_token}`,
-        //                   'edit',
-        //                   `top=${this.window.top},left=${this.window.left},width=${this.window.width},height=${this.window.height},location=0`
-        //                 )
-        //               }
-        //             }
-        //           }
-        //         },
-        //         '办理'
-        //       )
-        //     ])
-        //   }
-        // }
       ]
     }
   },