报表列表样式

src/layout/components/Navbar.vue

@@ -97,6 +97,7 @@ export default {
 @import '@/styles/variables.module.scss';
 .navbar-container {
   height: 64px;
+  min-width: 1300px;
   background: #fff;
   box-shadow: 0px 1px 4px 0px rgba(0, 21, 41, 0.12);
   padding-right: 24px;

src/layout/index.vue

@@ -8,7 +8,7 @@
       <menu-list />
     </el-aside>
     <el-container class="sectionBox">
-      <el-header>
+      <el-header class="el-header" style="height: 64px">
         <navbar />
       </el-header>
       <el-container>
@@ -43,16 +43,17 @@ export default {
 <style lang="scss" scoped>
 @import '@/styles/variables.module.scss';
 .itemContainer {
-  min-width: 1500px;
   .el-header {
     padding: 0;
+    overflow-x: auto;
+    overflow-y: hidden;
   }
   .sectionBox {
     height: 100%;
     background-color: $background-color-secondary;
     .app-container {
       height: calc(100vh - #{$navbarHeight} - #{$footerHeight} - 10px);
-      margin-top: 7px;
+      margin-top: 3px;
       .app-main {
         height: calc(100vh - #{$navbarHeight} - #{$footerHeight} - 50px);
       }

src/styles/variables.module.scss

@@ -44,7 +44,7 @@ $color-success-light-8: mix($color-white, $color-success, 80%) !default;
 $color-success-light-9: mix($color-white, $color-success, 90%) !default;
 
 // size
-$navbarHeight: 60px; // 导航栏高度
+$navbarHeight: 64px; // 导航栏高度
 $menuWidth: 160px;
 $footerHeight: 30px;
 

src/views/basicConfig/components/accountAdd.vue

@@ -114,8 +114,7 @@ export default {
                 if (res.code === 0) {
                   this.$message({
                     message: '操作成功',
-                    type: 'success',
+                    type: 'success'
-                    duration: 1500
                   })
                   this.$emit('successSubmit')
                 }
@@ -125,8 +124,7 @@ export default {
                 if (res.code === 0) {
                   this.$message({
                     message: '操作成功',
-                    type: 'success',
+                    type: 'success'
-                    duration: 1500
                   })
                   this.$emit('successSubmit')
                 }
@@ -135,8 +133,7 @@ export default {
           } else {
             this.$message({
               message: '用户名格式不正确应为数字或者字母，请检查',
-              type: 'error',
+              type: 'error'
-              duration: 1500
             })
           }
         } else {

src/views/basicConfig/components/consumablesAdd.vue

@@ -94,8 +94,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }
@@ -105,8 +104,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }

src/views/basicConfig/components/deviceAdd.vue

@@ -302,8 +302,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }
@@ -313,8 +312,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }

src/views/basicConfig/components/lineSideLibraryAdd.vue

@@ -82,8 +82,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }
@@ -93,8 +92,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }

src/views/basicConfig/components/sparePartsAdd.vue

@@ -95,8 +95,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }
@@ -106,8 +105,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }

src/views/basicConfig/deviceConfig.vue

@@ -239,9 +239,7 @@ export default {
       updateTreeData(list).then(() => {
         this.$message({
           message: '操作成功',
-          type: 'success',
+          type: 'success'
-          duration: 1500,
-          onClose: () => {}
         })
         this.getTree()
       })

src/views/consumablesManagement/components/alarmAdd.vue

@@ -87,8 +87,7 @@ export default {
             if (res.code === 0) {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit')
             }

src/views/consumablesManagement/components/inAndOutManagementAdd.vue

@@ -321,8 +321,7 @@ export default {
                 if (res.code === 0) {
                   this.$message({
                     message: '操作成功',
-                    type: 'success',
+                    type: 'success'
-                    duration: 1500
                   })
                   this.$emit('successSubmit')
                 }
@@ -332,8 +331,7 @@ export default {
                 if (res.code === 0) {
                   this.$message({
                     message: '操作成功',
-                    type: 'success',
+                    type: 'success'
-                    duration: 1500
                   })
                   this.$emit('successSubmit')
                 }
@@ -344,8 +342,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }

src/views/deviceManagement/components/productPowerEdit.vue

@@ -162,8 +162,7 @@ export default {
         if (res.code === 0) {
           this.$message({
             message: '操作成功',
-            type: 'success',
+            type: 'success'
-            duration: 1500
           })
           this.$emit('successSubmit')
         }

src/views/deviceManagement/maintenanceManagement/plannedMaintenance.vue

@@ -351,9 +351,7 @@ export default {
                 console.log(res)
                 this.$message({
                   message: '派工成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500,
-                  onClose: () => {}
                 })
                 this.getList()
               })
@@ -377,9 +375,7 @@ export default {
                 console.log(res)
                 this.$message({
                   message: '工单删除成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500,
-                  onClose: () => {}
                 })
                 this.listQuery.current = 1
                 this.getList()

src/views/deviceManagement/maintenanceManagement/plannedMaintenanceAdd.vue

@@ -214,8 +214,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }
@@ -225,8 +224,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }

src/views/deviceManagement/maintenanceManagement/plannedMaintenanceEdit.vue

@@ -297,8 +297,7 @@ export default {
             maintainManageConfirm({ ...this.form }).then(() => {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit')
             })
@@ -306,8 +305,7 @@ export default {
             maintainManageUCompleted({ ...this.form }).then(() => {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit')
             })

src/views/deviceManagement/maintenanceManagement/selfMaintenance.vue

@@ -244,9 +244,7 @@ export default {
               console.log(res)
               this.$message({
                 message: '工单删除成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.listQuery.current = 1
               this.getList()

src/views/deviceManagement/maintenanceManagement/selfMaintenanceAdd.vue

@@ -232,8 +232,7 @@ export default {
             autoMaintainUpdate({ ...this.form }).then(() => {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit')
             })
@@ -241,8 +240,7 @@ export default {
             autoMaintainAdd({ ...this.form }).then(() => {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit')
             })

src/views/deviceManagement/spareParts/sparePartsAdd.vue

@@ -188,8 +188,7 @@ export default {
             if (res.code === 0) {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit')
             }

src/views/deviceManagement/spareParts/sparePartsEdit.vue

@@ -191,8 +191,7 @@ export default {
             if (res.code === 0) {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit')
             }

src/views/deviceManagement/spareParts/sparePartsOut.vue

@@ -228,8 +228,7 @@ export default {
             if (res.code === 0) {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit')
             }

src/views/productionScheduling/components/OffShelfPackagingAdd.vue

@@ -135,8 +135,7 @@ export default {
                 if (res.code === 0) {
                   this.$message({
                     message: '操作成功',
-                    type: 'success',
+                    type: 'success'
-                    duration: 1500
                   })
                   this.$emit('successSubmit')
                 }
@@ -146,8 +145,7 @@ export default {
                 if (res.code === 0) {
                   this.$message({
                     message: '操作成功',
-                    type: 'success',
+                    type: 'success'
-                    duration: 1500
                   })
                   this.$emit('successSubmit')
                 }
@@ -157,8 +155,7 @@ export default {
             this.$message({
               message:
                 '玻璃架ID与目前是包装或者复投状态的玻璃架ID重复！请重新编辑输入！',
-              type: 'error',
+              type: 'error'
-              duration: 1500
             })
           }
         } else {

src/views/productionScheduling/components/OffShelfPackagingContinue.vue

@@ -72,8 +72,7 @@ export default {
             if (res.code === 0) {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit2')
             }

src/views/productionScheduling/components/WorkOrderAdd.vue

@@ -271,8 +271,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }
@@ -282,8 +281,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }

src/views/productionScheduling/offShelfPackaging.vue

@@ -326,9 +326,7 @@ export default {
             unloadPalletFinish({ id: val.data.id }).then(() => {
               this.$message({
                 message: '结束包装成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.getList()
             })

src/views/productionScheduling/reLaunching.vue

@@ -311,9 +311,7 @@ export default {
             reloadRackEnd({ id: val.data.id }).then(() => {
               this.$message({
                 message: '结束复投成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.getList()
             })
@@ -330,9 +328,7 @@ export default {
             reloadRack({ id: val.data.id }).then(() => {
               this.$message({
                 message: '复投上架成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.getList()
             })

src/views/productionScheduling/workOrderManagement.vue

@@ -452,9 +452,7 @@ export default {
             workOrderRelease({ id: val.data.id }).then(() => {
               this.$message({
                 message: '工单下发成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.getList()
             })
@@ -468,9 +466,7 @@ export default {
             workOrderFinish({ id: val.data.id }).then(() => {
               this.$message({
                 message: '工单结束成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.getList()
             })
@@ -484,9 +480,7 @@ export default {
             workOrderDelete({ id: val.data.id }).then(() => {
               this.$message({
                 message: '工单删除成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.listQuery.current = 1
               this.getList()
@@ -511,9 +505,7 @@ export default {
       if (res.code === 0) {
         this.$message({
           message: '工单导入成功',
-          type: 'success',
+          type: 'success'
-          duration: 1500,
-          onClose: () => {}
         })
         this.listQuery.current = 1
         this.getList()
@@ -523,9 +515,7 @@ export default {
       if (err) {
         this.$message({
           message: '工单导入失败，请检查格式是否正确',
-          type: 'error',
+          type: 'error'
-          duration: 1500,
-          onClose: () => {}
         })
       }
     }

src/views/qualityManagement/components/samplingAdd.vue

@@ -196,8 +196,7 @@ export default {
           if (this.tableData.length === 0) {
             this.$message({
               message: '请先到标准设置中添加该检测项目的检测点',
-              type: 'error',
+              type: 'error'
-              duration: 2000
             })
             return false
           }
@@ -229,9 +228,7 @@ export default {
             if (res.code === 0) {
               this.$message({
                 message: '保存成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.$emit('successSubmit')
               this.formClear()

src/views/qualityManagement/components/standardSetting.vue

@@ -171,8 +171,7 @@ export default {
           if (this.tableData.length === 0) {
             this.$message({
               message: '请点击新增按钮添加标准值后再保存',
-              type: 'error',
+              type: 'error'
-              duration: 1500
             })
             return false
           }
@@ -180,8 +179,7 @@ export default {
             if (!item.detectItem || !item.detectPoint || !item.detectStandard) {
               this.$message({
                 message: '表格中有数据空缺，请检查',
-                type: 'error',
+                type: 'error'
-                duration: 1500
               })
               return false
             }
@@ -193,9 +191,7 @@ export default {
             if (res.code === 0) {
               this.$message({
                 message: '保存成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.$emit('successSubmit')
               this.formClear()
@@ -223,8 +219,7 @@ export default {
       if (!this.form.detectItem) {
         this.$message({
           message: '请先选择检验项目',
-          type: 'error',
+          type: 'error'
-          duration: 1500
         })
         return false
       }

src/views/qualityManagement/processFullInspection/defectScatterPlot.vue

@@ -231,18 +231,14 @@ export default {
       if (this.selectedGlassId.length === 0) {
         this.$message({
           message: '请先勾选左侧的玻璃',
-          type: 'error',
+          type: 'error'
-          duration: 1500,
-          onClose: () => {}
         })
         return false
       }
       if (this.checkList.length === 0) {
         this.$message({
           message: '请先勾选缺陷',
-          type: 'error',
+          type: 'error'
-          duration: 1500,
-          onClose: () => {}
         })
         return false
       }

src/views/reportManagement/components/reportClassAdd.vue

@@ -49,8 +49,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }
@@ -62,8 +61,7 @@ export default {
               if (res.code === 0) {
                 this.$message({
                   message: '操作成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500
                 })
                 this.$emit('successSubmit')
               }

src/views/reportManagement/components/reportNameEdit.vue

@@ -41,8 +41,7 @@ export default {
             if (res.code === 0) {
               this.$message({
                 message: '操作成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500
               })
               this.$emit('successSubmit')
             }

src/views/reportManagement/reportTools/reportClassification.vue

@@ -136,9 +136,7 @@ export default {
             reportCategoryDelete({ id: val.data.id }).then(() => {
               this.$message({
                 message: '工单删除成功',
-                type: 'success',
+                type: 'success'
-                duration: 1500,
-                onClose: () => {}
               })
               this.listQuery.current = 1
               this.getList()

src/views/reportManagement/reportTools/reportList.vue

@@ -1,24 +1,28 @@
 <template>
   <div class="reoprtManager">
     <div class="report">
+      <div class="reportBox">
         <div class="imgBox">
-        <img
+          <img src="./../../../assets/reportManagement/report.png" alt="" />
-          src="./../../../assets/reportManagement/report.png"
-          alt=""
-          width="355px"
-          height="314px"
-        />
         </div>
         <div class="numBox">
-        <div>
           <div class="reportNum">
             <div class="num">{{ totalReports }}</div>
             <div class="text">
-              <p class="font">全部报表</p>
+              <p class="font">
-              <p class="letter">Reports</p>
+                <img
+                  src="./../../../assets/reportManagement/reportAll.png"
+                  alt=""
+                  style="width: 32px; height: 32px"
+                />
+                <span>全部报表</span>
+              </p>
+              <p class="letter">
+                {{ totalReports > 1 ? 'Reports' : 'Report' }}
+              </p>
             </div>
           </div>
-          <div class="detail" @click="toDetail()">了解详情</div>
+          <div class="detail detail1" @click="toDetail()">了解详情</div>
         </div>
       </div>
     </div>
@@ -27,11 +31,21 @@
         <div class="reportNum">
           <div class="num">{{ item.quantity }}</div>
           <div class="text">
-            <p class="font">{{ item.name }}</p>
+            <p class="font">
-            <p class="letter">Reports</p>
+              <img
+                src="./../../../assets/reportManagement/reportIcon.png"
+                alt=""
+                style="width: 32px; height: 32px"
+              />
+              <span class="title" :title="item.name">{{ item.name }}</span>
+              <!-- <span class="title" :title="item.name">
+                测试测试测试测试报表测试报表
+              </span> -->
+            </p>
+            <p class="letter">{{ item.quantity > 1 ? 'Reports' : 'Report' }}</p>
           </div>
         </div>
-        <div class="detail" @click="toDetail(item.id)">了解详情</div>
+        <div class="detail detail2" @click="toDetail(item.id)">了解详情</div>
       </div>
     </div>
   </div>
@@ -76,7 +90,7 @@ export default {
   }
 }
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .reoprtManager {
   padding-left: 16px;
   padding-top: 8px;
@@ -86,27 +100,39 @@ export default {
   align-content: flex-start;
   overflow: auto;
   .report {
-    width: 768px;
+    width: calc(((100vw - 272px) / 2) - 16px);
+    // width: 808px;
     height: 456px;
     background: #fff;
     border-radius: 4px;
     margin: 0 16px 16px 0;
     position: relative;
+    .reportBox {
+      margin: auto;
+      width: 685px;
+    }
     .imgBox {
       display: inline-block;
-      width: 480px;
+      width: 445px;
       height: 100%;
-      padding: 80px 0 0 80px;
+      padding-top: 80px;
+      img {
+        width: 355px;
+        height: 314px;
+      }
     }
     .numBox {
       position: absolute;
       display: inline-block;
       height: 100%;
+      // padding-top: 120px;
       top: 120px;
     }
   }
   .reportDesc {
-    width: 376px;
+    position: relative;
+    width: calc(((100vw - 272px) / 4) - 16px);
+    // width: 396px;
     height: 456px;
     background: #fff;
     border-radius: 4px;
@@ -120,22 +146,36 @@ export default {
       font-size: 80px;
       font-weight: 600;
       color: #161616;
-      margin-right: 36px;
+      margin-right: 18px;
     }
     .text {
       display: inline-block;
+      text-align: left;
       .font {
         font-size: 18px;
         letter-spacing: 2px;
         margin-bottom: 5px;
+        img {
+          vertical-align: middle;
+        }
+        .title {
+          display: inline-block;
+          vertical-align: middle;
+          max-width: 150px;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          overflow: hidden;
+        }
       }
       .letter {
+        padding-left: 4px;
         font-size: 32px;
         font-weight: 300;
       }
     }
   }
   .detail {
+    position: absolute;
     width: 200px;
     height: 30px;
     font-size: 14px;
@@ -144,8 +184,37 @@ export default {
     color: #fff;
     background: #0b58ff;
     border-radius: 4px;
-    margin: 139px auto 0;
     cursor: pointer;
   }
+  .detail1 {
+    position: absolute;
+    bottom: 200px;
+  }
+  .detail2 {
+    position: absolute;
+    bottom: 80px;
+    right: calc((((100vw - 272px) / 4) - 16px - 200px) / 2);
+  }
+}
+@media only screen and (max-width: 1600px) {
+  .reoprtManager {
+    .report {
+      .reportBox {
+        width: 550px;
+      }
+      .imgBox {
+        width: 320px;
+        height: 100%;
+        img {
+          width: 300px;
+          height: 314px;
+        }
+      }
+      .numBox {
+        height: 100%;
+        top: 120px;
+      }
+    }
+  }
 }
 </style>

src/views/reportManagement/reportTools/reportListDetail.vue

@@ -204,9 +204,7 @@ export default {
               delReportlist({ id: val.data.id }).then(() => {
                 this.$message({
                   message: '报表删除成功',
-                  type: 'success',
+                  type: 'success'
-                  duration: 1500,
-                  onClose: () => {}
                 })
                 this.listQuery.current = 1
                 this.getList()
@@ -250,8 +248,7 @@ export default {
         if (res.code === 0) {
           this.$message({
             message: '操作成功',
-            type: 'success',
+            type: 'success'
-            duration: 1500
           })
           this.getList()
         }