所有页面兼容1440分辨率以及在应用商店下的页面样式；

src/components/assessment/assessmentApplicationPage.vue

@@ -79,7 +79,7 @@
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column label="流程状态" prop="stage" width="200">
+                    <el-table-column label="流程状态" prop="stage" width="150">
                         <template #default="scope">
                             <p class="indicitem" @click="seeStates(scope.row)">{{scope.row.stage}}</p>
                         </template>
@@ -254,7 +254,8 @@ export default {
             stageArr: [],
             departData: [],
             DepartmentLeaderObj: {},
-            winPix: window.devicePixelRatio
+            winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -565,7 +566,7 @@ export default {
             })
         },
         evalApplicationTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'evalApplication125Table'
             } else {
                 return 'evalApplication100Table'
@@ -585,7 +586,7 @@ export default {
             .exceed{
                 display: flex;
                 .exceedSpan{
-                    width: 100px;
+                    width: 105px;
                     height: 12px;
                     font-size: 14px;
                     font-family: Microsoft YaHei;

src/components/assessment/evaluationAmendmentPage.vue

@@ -235,6 +235,7 @@ export default {
             resDes: '',
             stageArr: [],
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -534,7 +535,7 @@ export default {
             })
         },
         evalAmendmentTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'evalAmendment125Table'
             } else {
                 return 'evalAmendment100Table'

src/components/assessment/evaluationDeptBusinessFrom.vue

@@ -1,6 +1,6 @@
 <template>
-    <div class="deptstartFrom">
-        <el-dialog title="考评启动详情" v-model="dialogVisible" :fullscreen="true" :close-on-click-modal="false">
+    <div class="deptBusinessFrom">
+        <el-dialog title="业绩指标考评详情" v-model="dialogVisible" :fullscreen="true" :close-on-click-modal="false">
             <div class="startDetail">
                 <p class="starttitleSty">单据信息：</p>
                 <el-row class="danjuMsg">
@@ -83,7 +83,7 @@
                             </el-table-column>
                             <el-table-column label="排序" width="100" prop="serialNumber" />
                             <el-table-column label="指标名称" prop="targetName" />
-                            <el-table-column label="目标值" prop="targetValue" />
+                            <el-table-column label="目标值" prop="targetValue" width="200" />
                             <el-table-column label="基础分" width="150" prop="baseScore" />
                             <el-table-column label="完成情况" width="300">
                                 <template #default="scope">
@@ -91,7 +91,7 @@
                                      type="textarea" :rows="2" placeholder="请输入完成情况"></el-input>
                                 </template>
                             </el-table-column>
-                            <el-table-column label="评价标准" prop="evaluationCriteria" />
+                            <el-table-column label="评价标准" prop="evaluationCriteria" width="200" />
                             <el-table-column label="自评得分" width="150">
                                 <template #default="scope">
                                     <el-input-number v-model="scope.row.evaluationScore" :disabled="receiptMsg.stage === '流程已结束'"
@@ -354,7 +354,7 @@ export default {
 </script>
 
 <style lang="less">
-.deptstartFrom{
+.deptBusinessFrom{
     .el-overlay{
         .el-dialog{
             // margin-top: 7vh;

src/components/assessment/evaluationDeptRatingPage.vue

@@ -201,6 +201,7 @@ export default {
                 deceContent: ''
             },
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth,
             rules: {
                 department: [
                     { required: true, message: '请选择考评部门', trigger: 'change' }
@@ -652,7 +653,7 @@ export default {
             })
         },
         evaldeptRatingTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'evaldeptRating125Table'
             } else {
                 return 'evaldeptRating100Table'

src/components/assessment/evaluationDeptStartPage.vue

@@ -221,6 +221,7 @@ export default {
             stageArr: [],
             departData: [],
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -541,7 +542,7 @@ export default {
             })
         },
         evalDeptStartTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'evalDeptStart125Table'
             } else {
                 return 'evalDeptStart100Table'

src/components/assessment/evaluationMonthPage.vue

@@ -239,6 +239,7 @@ export default {
             resDes: '',
             isReportshow: false,
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -522,7 +523,7 @@ export default {
             this.$refs.reportDia.init(row)
         },
         monthTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'month125Table'
             } else {
                 return 'month100Table'

src/components/assessment/evaluationQuarterPage.vue

@@ -240,6 +240,7 @@ export default {
             resDes: '',
             isReportshow: false,
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -534,7 +535,7 @@ export default {
             this.$refs.reportDia.init(row)
         },
         quarterTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'quarter125Table'
             } else {
                 return 'quarter100Table'

src/components/assessment/evaluationStartPage.vue

@@ -236,6 +236,7 @@ export default {
             resDes: '',
             stageArr: [],
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -525,7 +526,7 @@ export default {
             })
         },
         evalStartTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'evalStart125Table'
             } else {
                 return 'evalStart100Table'

src/components/assessment/evaluationUnitRatingPage.vue

@@ -210,6 +210,7 @@ export default {
             monthArr: [],
             ratingArr: [],
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -439,7 +440,7 @@ export default {
             })
         },
         unitRatingTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'unitRating125Table'
             } else {
                 return 'unitRating100Table'

src/components/assessment/evaluationWarningPage.vue

@@ -96,6 +96,7 @@ export default {
                 total: 0
             },
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -207,7 +208,7 @@ export default {
             })
         },
         evalwarningTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'warning125Table'
             } else {
                 return 'warning100Table'

src/components/assessment/evaluationYearPage.vue

@@ -237,6 +237,7 @@ export default {
             resDes: '',
             isReportshow: false,
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -508,7 +509,7 @@ export default {
             this.$refs.reportDia.init(row)
         },
         yearTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'year125Table'
             } else {
                 return 'year100Table'

src/components/baseInfomation/moreBrandPage.vue

@@ -207,6 +207,7 @@ export default {
             },
             evalradio: {},
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -395,7 +396,7 @@ export default {
             this.getMoreBrandData()
         },
         moreBrandTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'moreBrand125Table'
             } else {
                 return 'moreBrand100Table'

src/components/evaluationSystem/achievementKPage.vue

@@ -271,6 +271,7 @@ export default {
             evalradio: {},
             activeName: 'first',
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -540,7 +541,7 @@ export default {
             this.$refs.importPage.upload.open = true
         },
         achievementTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'achievement125Table'
             } else {
                 return 'achievement100Table'

src/components/evaluationSystem/evaluationCompanyPage.vue

@@ -307,6 +307,7 @@
                 stageIds: '',
                 binSectionIds: '',
                 winPix: window.devicePixelRatio,
+                innerWidth: window.innerWidth
             }
         },
         created() {
@@ -588,7 +589,7 @@
                 this.$utils.downloadPer('party-building-multiplier/export1', '单位权重信息数据.xlsx')
             },
             evaluationCompanyTableSty() {
-                if (this.winPix === 1.25) {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
                     return 'evalCompany125Table'
                 } else {
                     return 'evalCompany100Table'

src/components/evaluationSystem/evaluationDepartmentPage.vue

@@ -165,6 +165,7 @@ export default {
             },
             evalradio: {},
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -435,7 +436,7 @@ export default {
             this.getEvalCompanyData()
         },
         departmentTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'department125Table'
             } else {
                 return 'department100Table'

src/components/evaluationSystem/evaluationIndexPage.vue

@@ -391,6 +391,7 @@ export default {
             indicItemoptions: [],
             isShowEvaluation: [],
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -780,7 +781,7 @@ export default {
             this.getIndidicselectById(row.id)
         },
         evaluationIndexTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'evalIndex125Table'
             } else {
                 return 'evalIndex100Table'

src/components/evaluationSystem/evaluationMultiSequencePage.vue

@@ -133,6 +133,7 @@ export default {
             binSectionOptions: [],
             indicItemoptions: [],
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -305,7 +306,7 @@ export default {
             this.getcitecalculationData()
         },
         multisequenceTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'multisequence125Table'
             } else {
                 return 'multisequence100Table'

src/components/evaluationSystem/evaluationPersonnelPage.vue

@@ -227,6 +227,7 @@ export default {
             evalradio: {},
             loadingImport: false,
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -501,7 +502,7 @@ export default {
             this.$refs.importPage.upload.open = true
         },
         personTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'person125Table'
             } else {
                 return 'person100Table'

src/components/evaluationSystem/evaluationRulesPage.vue

@@ -206,6 +206,7 @@ export default {
             evalradio: {},
             loadingImport: false,
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -395,7 +396,7 @@ export default {
             this.$refs.ruleDetail.init(row)
         },
         evaluationRuleTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'evalRule125Table'
             } else {
                 return 'evalRule100Table'

src/components/evaluationSystem/partyBuildingKPage.vue

@@ -166,6 +166,7 @@ export default {
             evalradio: {},
             loadingImport: false,
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -351,7 +352,7 @@ export default {
             this.$utils.downloadPer('party-building-multiplier/export1', '党建考核系数信息数据.xlsx')
         },
         partyBuildTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'partyBuild125Table'
             } else {
                 return 'partyBuild100Table'

src/components/evaluationknowledgePage/earlyWarningRulePage.vue

@@ -339,6 +339,7 @@ export default {
                 total: 0
             },
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -597,7 +598,7 @@ export default {
             this.getEvalscoringData()
         },
         warningTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'warning125Table'
             } else {
                 return 'warning100Table'

src/components/evaluationknowledgePage/evalRatingRulesPage.vue

@@ -277,6 +277,7 @@ export default {
     data() {
         return {
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth,
             dialogVisible: false,
             title: '',
             indicItemoptions: [],
@@ -565,7 +566,7 @@ export default {
             this.getEvalscoringData()
         },
         ratingTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'rating125Table'
             } else {
                 return 'rating100Table'

src/components/evaluationknowledgePage/scoringRulesPage.vue

@@ -165,6 +165,7 @@ export default {
                 total: 0
             },
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth
         }
     },
     created() {
@@ -199,7 +200,7 @@ export default {
             })
         },
         scoringTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'scoring125Table'
             } else {
                 return 'scoring100Table'

src/components/gateWay/gatewayNewSeasonFrom.vue

@@ -287,14 +287,14 @@ export default {
             this.getYearData(name, year, season)
         },
         seasonWidth() {
-            if (this.innerWidth < 1920) {
+            if (this.innerWidth < 1800) {
                 if (this.evaluationSeasonDataRight.length>0) {
                     return '97vw'
                 } else {
                     return '55vw'
                 }
             } else {
-                if (this.winPix === 1.25) {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
                     if (this.evaluationSeasonDataRight.length>0) {
                         return '97vw'
                     } else {

src/components/gateWay/gatewayNewYearFrom.vue

@@ -143,7 +143,7 @@ export default {
             this.getYearData(name, year, season)
         },
         yearWidth() {
-            if (this.innerWidth < 1920) {
+            if (this.innerWidth < 1800) {
                 if (this.evaluationYearDataRight.length>0) {
                     return '60vw'
                 } else {
@@ -166,12 +166,12 @@ export default {
             }
         },
         rankStyle() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'width: 13%'
             }
         },
         companyStyle() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'width: 68%'
             }
         },

src/components/gatewaynNewPage.vue

@@ -91,9 +91,9 @@
                                 <img :src="item.img" alt="">
                                 <div class="msgProgress">
                                     <span
-                                        :style="winPix === 1.25  || innerWidth < 1920?'font-size: 12px;width: 65%':''">{{item.company}}</span>
+                                        :style="winPix === 1.25  || innerWidth < 1800?'font-size: 12px;width: 65%':''">{{item.company}}</span>
                                     <span>{{item.grade}}</span>
-                                    <span :style="winPix === 1.25 || innerWidth < 1920?'width: 25%':''">{{item.score.toFixed(2)}}</span>
+                                    <span :style="winPix === 1.25 || innerWidth < 1800?'width: 25%':''">{{item.score.toFixed(2)}}</span>
                                 </div>
                             </div>
                         </div>
@@ -278,8 +278,8 @@
             <el-col :span="5" class="report">
                 <div class="gateway_report">
                     <div class="reportTit">
-                        <p :style="winPix === 1.25 || innerWidth < 1920? 'font-size: 16px;':''">通告栏</p>
-                        <el-icon :size="20" color="#3B7AD1" :style="winPix === 1.25 || innerWidth < 1920? 'left: 80px;':''"
+                        <p :style="winPix === 1.25 || innerWidth < 1800? 'font-size: 16px;':''">通告栏</p>
+                        <el-icon :size="20" color="#3B7AD1" :style="winPix === 1.25 || innerWidth < 1800? 'left: 80px;':''"
                             @click="watchAllNotification">
                             <Plus />
                         </el-icon>
@@ -293,7 +293,7 @@
                                     <span
                                         style="margin-right: 10px">{{it.createTime.substring(0, it.createTime.indexOf(' '))}}</span>
                                     <span class="rightTwoSpanMsg"
-                                        :style="winPix === 1.25 || innerWidth < 1920? 'width: 50%;':''">{{it.releaseDeptName}}</span>
+                                        :style="winPix === 1.25 || innerWidth < 1800? 'width: 50%;':''">{{it.releaseDeptName}}</span>
                                 </div>
                             </div>
                         </div>
@@ -415,37 +415,37 @@
                 }
             },
             getPos() {
-                if (this.winPix === 1.25 || this.innerWidth < 1920) {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
                     return 'top: -15%;'
                 }
             },
             getPickerSty() {
-                if (this.winPix === 1.25 || this.innerWidth < 1920) {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
                     return 'margin: 5px 0 0 20px;'
                 }
             },
             getMainOneSty() {
-                if (this.winPix === 1.25 || this.innerWidth < 1920) {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
                     return 'font-size: 14px'
                 }
             },
             getFooterOneSty() {
-                if (this.winPix === 1.25 || this.innerWidth < 1920) {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
                     return 'font-size: 12px;line-height: 12px;'
                 }
             },
             getFooter12Sty() {
-                if (this.winPix === 1.25 || this.innerWidth < 1920) {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
                     return 'font-size: 12px;width:25%'
                 }
             },
             getFooterseaSty() {
-                if (this.winPix === 1.25 || this.innerWidth < 1920) {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
                     return 'width:10%'
                 }
             },
             getfooterSpan() {
-                if (this.winPix === 1.25 || this.innerWidth < 1920) {
+                if (this.winPix === 1.25 || this.innerWidth < 1800) {
                     return 'width: 3.4vw;padding: 5px 3px 0;'
                 }
             },
@@ -865,7 +865,7 @@
                     border-right: 1px solid #E1E3EA;
                     position: relative;
 
-                    @media screen and (width: 1440px) {
+                    @media screen and (max-width: 1540px) and (min-width: 1300px) {
                         .mainTwoMsg {
                             top: -15%;
                         }
@@ -1062,7 +1062,7 @@
                 // height: 100px;
                 height: 10vh;
 
-                @media screen and (max-width: 1540px) and (min-width: 1440px) {
+                @media screen and (max-width: 1540px) and (min-width: 1300px) {
                     .footerOne {
                         span {
                             font-size: 12px;
@@ -1071,7 +1071,7 @@
                     }
                 }
 
-                @media screen and (width: 1920px) {
+                @media screen and (max-width: 1920px) and (min-width: 1800px)  {
                     .footerOne {
                         span {
                             font-size: 16px;

src/components/notification/notificationMangePage.vue

@@ -278,6 +278,7 @@ export default {
     data() {
         return {
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth,
             dialogVisible: false,
             filesVisible: false,
             isSave: false,
@@ -387,7 +388,7 @@ export default {
             })
         },
         notificationTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'notification125Table'
             } else {
                 return 'notification100Table'

src/components/seachGroup.vue

@@ -53,6 +53,7 @@ export default {
 
 <style lang="less">
 .btnsA{
+    width: 260px;
     padding-left: 10px;
     .is-disabled{
         opacity: 0.5;

src/components/taskCenter/taskCenterDeptBusinessFrom.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="deptstartFrom">
+    <div class="deptBusinessFrom">
         <el-dialog title="考评启动详情" v-model="dialogVisible" :fullscreen="true" :close-on-click-modal="false">
             <div class="startDetail">
                 <p class="starttitleSty">单据信息：</p>
@@ -83,7 +83,7 @@
                             </el-table-column>
                             <el-table-column label="排序" width="100" prop="serialNumber" />
                             <el-table-column label="指标名称" prop="targetName" />
-                            <el-table-column label="目标值" prop="targetValue" />
+                            <el-table-column label="目标值" prop="targetValue" width="200" />
                             <el-table-column label="基础分" width="150" prop="baseScore" />
                             <el-table-column label="完成情况" width="300">
                                 <template #default="scope">
@@ -91,7 +91,7 @@
                                      type="textarea" :rows="2" placeholder="请输入完成情况"></el-input>
                                 </template>
                             </el-table-column>
-                            <el-table-column label="评价标准" prop="evaluationCriteria" />
+                            <el-table-column label="评价标准" prop="evaluationCriteria" width="200" />
                             <el-table-column label="自评得分" width="150">
                                 <template #default="scope">
                                     <el-input-number v-model="scope.row.evaluationScore" :disabled="receiptMsg.stage === '流程已结束'"
@@ -417,7 +417,7 @@ export default {
 </script>
 
 <style lang="less">
-.deptstartFrom{
+.deptBusinessFrom{
     .el-overlay{
         .el-dialog{
             // margin-top: 7vh;

src/components/taskCenter/taskCenterPage.vue

@@ -90,6 +90,7 @@ export default {
                 total: 0
             },
             winPix: window.devicePixelRatio,
+            innerWidth: window.innerWidth,
         }
     },
     created() {
@@ -159,7 +160,7 @@ export default {
             }
         },
         taskCenterTableSty() {
-            if (this.winPix === 1.25) {
+            if (this.winPix === 1.25 || this.innerWidth < 1800) {
                 return 'taskCenter125Table'
             } else {
                 return 'taskCenter100Table'

src/utils/index.js

@@ -10,7 +10,7 @@ const until = {
     collectSeachSty() {
         let winPix = window.devicePixelRatio
         let innerWidth = window.innerWidth
-        if (winPix === 1.25 || innerWidth === 1440) {
+        if (winPix === 1.25 || innerWidth < 1800) {
             return 'padding: 15px 20px 15px 0;'
         }
     },
@@ -18,7 +18,7 @@ const until = {
     PeriodBtnSty() {
         let winPix = window.devicePixelRatio
         let innerWidth = window.innerWidth
-        if (winPix === 1.25 || innerWidth === 1440) {
+        if (winPix === 1.25 || innerWidth < 1800) {
             return 'padding: 10px 0;'
         }
     },