样式代码优化

src/pages/analyse/analyse.vue

@@ -54,13 +54,6 @@ export default {
 };
 </script>
 
-<style scoped>
-uni-page-body,
-uni-page-refresh {
-  background-color: #f5f6f7;
-}
-</style>
-
 <style lang="scss">
 //消息页面
 .image-bg {

src/pages/business/mhxf/coordination/index.vue

@@ -39,16 +39,3 @@ onMounted(() => {});
   color: #1989fa;
 }
 </style>
-
-<style scoped>
-body,
-uni-page-body,
-uni-page-refresh,
-.grayBackgroundColor {
-  background: rgb(241, 241, 241);
-}
-.whiteBackgroundColor {
-  background-color: transparent;
-  height: 100%;
-}
-</style>

src/pages/business/mhxf/fireReport/components/detailed.vue

@@ -545,11 +545,4 @@ onMounted(() => {});
     }
   }
 }
-</style>
-
-<style scoped>
-uni-page-body,
-uni-page-refresh {
-  background-color: #f5f6f7;
-}
-</style>
+</style>

src/pages/business/mhxf/fireReport/components/detailedPath.vue

@@ -56,11 +56,4 @@ onMounted(() => {});
   .detailedContent {
   }
 }
-</style>
-
-<style scoped>
-uni-page-body,
-uni-page-refresh {
-  background-color: #f5f6f7;
-}
-</style>
+</style>

src/pages/business/mhxf/fireReport/index.vue

@@ -217,9 +217,8 @@ onMounted(() => {});
 }
 </style>
 
-<style scoped>
-uni-page-body,
-uni-page-refresh {
-  background-color: #f5f6f7;
-}
+<style>
+/* page {
+  background-color: #ffffff;
+} */
 </style>

src/pages/business/mhxf/needMatter/index.vue

@@ -3,7 +3,7 @@
     <u-tabs :list="list" @click="tabsClick" :current="current"></u-tabs>
   </u-sticky>
 
-  <view class="needMatter" @touchstart="fingerstart" @touchend="fingerend" style="background-color: #f7f7f7">
+  <view class="needMatter" @touchstart="fingerstart" @touchend="fingerend">
     <u-empty v-if="classifyData.length <= 0" text="暂无数据" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png"> </u-empty>
 
     <view class="content" v-else>
@@ -65,7 +65,7 @@
               <u-steps current="0" dot>
                 <u-steps-item style="text-align: center" title="已接收" :desc="cl.sendTime ? cl.sendTime.replace(' ', '\n') : ''"> </u-steps-item>
                 <u-steps-item style="text-align: center" title="整改中" :desc="cl.reformTime ? cl.reformTime.replace(' ', '\n') : ''"></u-steps-item>
-                <u-steps-item style="text-align: center" title="审核通过" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
+                <u-steps-item style="text-align: center" title="待审核" :desc="cl.reviewTime ? cl.reviewTime.replace(' ', '\n') : ''"></u-steps-item>
               </u-steps>
 
               <view style="font-size: 14px; line-height: 20px; margin-top: 10px">
@@ -489,7 +489,6 @@ onMounted(() => {});
 
 .needMatter {
   height: calc(100vh - 88px);
-  background-color: #ffffff;
   .content {
     // padding: 10px;
     .u-collapse {
@@ -507,26 +506,3 @@ onMounted(() => {});
   }
 }
 </style>
-
-<style scoped>
-uni-page-body,
-uni-page-refresh {
-  background-color: #f5f6f7;
-}
-
-.time {
-  position: absolute;
-  z-index: 99999;
-  top: 3px;
-  left: 3px;
-  display: inline-block;
-  color: #fff;
-}
-.con {
-  text-align: center;
-  position: relative;
-}
-.whiteBackgroundColor {
-  background-color: #ffffff;
-}
-</style>

src/pages/business/mhxf/unitInfoCollection/index.vue

@@ -891,6 +891,12 @@ onLoad((options) => {
 });
 </script>
 
+<style>
+/* page {
+  background-color: #ffffff;
+} */
+</style>
+
 <style lang="scss">
 #unitInfoCollection {
   .centerOne,

src/pages/business/mhxf/xunJian/collect/components/collectDetail.vue

@@ -94,13 +94,13 @@ onMounted(() => {});
 }
 </style>
 
+<style>
+/* page {
+  background-color: #ffffff;
+} */
+</style>
+
 <style scoped>
-body,
-uni-page-body,
-uni-page-refresh,
-.grayBackgroundColor {
-  background: rgb(241, 241, 241);
-}
 .whiteBackgroundColor {
   background-color: #ffffff;
 }

src/pages/business/mhxf/xunJian/collect/components/collectRecord.vue

@@ -96,13 +96,13 @@ onMounted(() => {
 }
 </style>
 
+<style>
+/* page {
+  background-color: #f5f6f7;
+} */
+</style>
+
 <style scoped>
-body,
-uni-page-body,
-uni-page-refresh,
-.grayBackgroundColor {
-  background: rgb(241, 241, 241);
-}
 .whiteBackgroundColor {
   background-color: #ffffff;
 }

src/pages/business/mhxf/xunJian/plan/components/content.vue

@@ -1,5 +1,5 @@
 <template>
-  <scroll-view scroll-y class="grayBackgroundColor">
+  <scroll-view scroll-y>
     <view>
       <view class="whiteBackgroundColor" style="padding: 15px; margin-bottom: 15px" v-for="(con, index) in contentList" :key="index">
         <view class="siteHeader">
@@ -228,18 +228,6 @@ onLoad((options) => {
 onMounted(() => {});
 </script>
 
-<style scoped>
-uni-page-body,
-uni-page-refresh,
-.grayBackgroundColor {
-  background: rgb(241, 241, 241);
-}
-
-.whiteBackgroundColor {
-  background-color: #ffffff;
-}
-</style>
-
 <style lang="scss">
 .siteHeader {
   display: flex;

src/pages/business/mhxf/xunJian/plan/components/report.vue

@@ -1,5 +1,5 @@
 <template>
-  <scroll-view scroll-y class="grayBackgroundColor">
+  <scroll-view scroll-y>
     <view class="whiteBackgroundColor" style="display: flex; padding: 15px 0px 15px 15px; margin-bottom: 15px" v-for="cu in currentDateList" :key="cu">
       <view class="reportLeft" @click="pulicClick(cu)">
         <u-image style="margin: auto" width="40" height="40" src="@/static/images/xunjian/scan.png" v-if="cu.siteType == 1" shape="circle"></u-image>
@@ -190,16 +190,6 @@ onMounted(() => {});
 </style>
 
 <style scoped>
-body,
-uni-page-body,
-uni-page-refresh,
-.grayBackgroundColor {
-  background: rgb(241, 241, 241);
-}
-.whiteBackgroundColor {
-  background-color: #ffffff;
-}
-
 .reportLeft {
   margin-right: 15px;
   display: flex;

src/pages/business/mhxf/xunJian/plan/components/siteDetails.vue

@@ -1,5 +1,5 @@
 <template>
-  <scroll-view scroll-y class="grayBackgroundColor">
+  <scroll-view scroll-y>
     <view>
       <view class="whiteBackgroundColor" style="display: flex; padding: 15px; margin-bottom: 15px">
         <view style="margin-right: 15px; display: flex">
@@ -180,16 +180,6 @@ onMounted(() => {});
 </script>
 
 <style scoped>
-uni-page-body,
-uni-page-refresh,
-.grayBackgroundColor {
-  background: rgb(241, 241, 241);
-}
-
-.whiteBackgroundColor {
-  background-color: #ffffff;
-}
-
 .siteHeader {
   display: flex;
   height: 20px;
@@ -260,7 +250,7 @@ uni-page-refresh,
   border: 1px dashed #409eff;
 }
 
-::v-deep .uploadDisabled {
+:deep(.uploadDisabled) {
   display: none !important;
 }
 </style>

src/pages/business/mhxf/xunJian/plan/components/upload.vue

@@ -2,11 +2,7 @@
   <scroll-view scroll-y>
     <el-upload
       v-model:file-list="siteList.recordPictureList"
-      :class="
-        settingsStore.inspectionStatus == 2
-          ? 'avatar-uploader uploadDisabled'
-          : 'avatar-uploader'
-      "
+      :class="settingsStore.inspectionStatus == 2 ? 'avatar-uploader uploadDisabled' : 'avatar-uploader'"
       :headers="{ Authorization: Authorization }"
       :action="uploadUrl"
       :on-success="uploadSuccess"
@@ -17,11 +13,7 @@
         <div :id="file.url">
           <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
           <span class="el-upload-list__item-actions">
-            <span
-              v-if="!disabled"
-              class="el-upload-list__item-delete"
-              @click="handleRemove(file)"
-            >
+            <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
               <el-icon><Delete /></el-icon>
             </span>
           </span>
@@ -46,10 +38,7 @@ const Authorization = uni.getStorageSync("Authorization");
 const disabled = ref(false);
 function handleRemove(file) {
   document.getElementById(file.url).parentNode.remove();
-  siteList.value.recordPictureList.splice(
-    siteList.value.recordPictureList.indexOf(file),
-    1
-  );
+  siteList.value.recordPictureList.splice(siteList.value.recordPictureList.indexOf(file), 1);
 }
 /**
  * @upload图片上传
@@ -65,9 +54,8 @@ onLoad((options) => {});
 onMounted(() => {});
 </script>
 
-
 <style scoped>
-::v-deep .uploadDisabled .el-upload--picture-card {
+:deep(.uploadDisabled .el-upload--picture-card) {
   display: none;
 }
 </style>

src/pages/business/mhxf/xunJian/plan/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <scroll-view scroll-y class="grayBackgroundColor">
-    <view class="grayBackgroundColor">
+  <scroll-view scroll-y>
+    <view>
       <view>
         <el-calendar id="calendar" ref="calendar" v-model="currentDatevalue" @touchstart="touchStart" @touchend="touchEnd">
           <template #header="{ date }">
@@ -430,13 +430,4 @@ onMounted(() => {});
 .is-selected {
   color: #1989fa;
 }
-</style>
-
-<style scoped>
-body,
-uni-page-body,
-uni-page-refresh,
-.grayBackgroundColor {
-  background: rgb(241, 241, 241);
-}
-</style>
+</style>

src/pages/business/mhxf/xunJian/xunJian.vue

@@ -1,5 +1,5 @@
 <template>
-  <scroll-view scroll-x class="grayBackgroundColor">
+  <scroll-view scroll-x>
     <view class="padding-sm">
       <!-- 图表 -->
       <view class="section1 section bg-white padding-xs">
@@ -107,12 +107,3 @@ onLoad(() => {
 </script>
 
 <style lang="scss"></style>
-
-<style scoped>
-body,
-uni-page-body,
-uni-page-refresh,
-.grayBackgroundColor {
-  background: rgb(241, 241, 241);
-}
-</style>

src/pages/common/textview/index.vue

@@ -26,11 +26,13 @@ onLoad((options) => {
 });
 </script>
 
-<style scoped>
+<style>
 page {
   background-color: #ffffff;
 }
+</style>
 
+<style scoped>
 .view-title {
   font-weight: bold;
 }

src/pages/index.vue

@@ -165,6 +165,7 @@ import { scan_push, getHomePageData, getFunctionalModuleStatistics, getAppRouter
 const useStore = useStores();
 const publicStores = publicStore(); //全局公共Store
 const BASE_URL = inject("$BASE_URL");
+const { proxy } = getCurrentInstance();
 
 const arrayList = reactive({
   InputBottom: 0,
@@ -225,8 +226,6 @@ async function init() {
 function scanQRCode() {
   // console.log(1);
   // scanCode();
-  // 将this赋值给that
-  let that = this;
   // 微信公众号获取位置
   jwx.configWeiXin((jweixin) => {
     jweixin.scanQRCode({
@@ -236,7 +235,7 @@ function scanQRCode() {
         setTimeout(function () {
           /* 放1000ms后执行的代码 */
           alert(res.resultStr);
-          that.getCodeResult({
+          getCodeResult({
             ercode: res.resultStr,
           });
         }, 1000);
@@ -451,10 +450,6 @@ onNavigationBarButtonTap((e) => {
 </script>
 
 <style lang="scss">
-page {
-  background-color: #f5f6f7;
-}
-
 .select-items {
   overflow: auto;
   height: 80vh;

src/pages/info/info.vue

@@ -67,10 +67,6 @@ function goPushList() {
 </script>
 
 <style lang="scss">
-page {
-  background-color: #f5f6f7;
-}
-
 //消息页面
 .image-bg {
   width: 100%;

src/pages/login.vue

@@ -287,6 +287,12 @@ onLoad(() => {
 });
 </script>
 
+<style>
+page {
+  background-color: #ffffff;
+}
+</style>
+
 <style lang="scss" scoped>
 .section {
   display: flex;
@@ -301,7 +307,6 @@ onLoad(() => {
     left: 0;
     right: 0;
     z-index: 0;
-    background: #fff;
     .bgImage {
       width: 100%;
       height: 100%;

src/pages/mine/about/index.vue

@@ -55,10 +55,6 @@ const version = ref(getApp().globalData.config.appInfo.version);
 </script>
 
 <style lang="scss">
-page {
-  background-color: #f8f8f8;
-}
-
 .copyright {
   margin-top: 50rpx;
   text-align: center;

src/pages/mine/help/index.vue

@@ -66,10 +66,6 @@ function handleText(item) {
 </script>
 
 <style lang="scss" scoped>
-page {
-  background-color: #f8f8f8;
-}
-
 .help-container {
   margin-bottom: 100rpx;
   padding: 30rpx;

src/pages/mine/index.vue

@@ -14,7 +14,7 @@
           </view>
         </view>
         <view @click="handleToInfo" class="flex align-center">
-          <text>个人信息</text>
+          <text style="white-space: nowrap">个人信息</text>
           <view class="iconfont icon-right"></view>
         </view>
       </view>
@@ -131,17 +131,13 @@ function handleBuilding() {
 </script>
 
 <style lang="scss">
-page {
-  background-color: #f5f6f7;
-}
-
 .mine-container {
   width: 100%;
   height: 100%;
 
   .header-section {
     padding: 15px 15px 45px 15px;
-    background-color: #3c96f3;
+    background-color: #149eff;
     color: white;
 
     .login-tip {

src/pages/mine/info/edit.vue

@@ -110,11 +110,13 @@ onReady(() => {
 });
 </script>
 
-<style lang="scss">
+<style>
 page {
   background-color: #ffffff;
 }
+</style>
 
+<style lang="scss">
 .example {
   padding: 15px;
   background-color: #fff;

src/pages/mine/pwd/index.vue

@@ -83,11 +83,13 @@ onReady(() => {
 });
 </script>
 
-<style lang="scss">
+<style>
 page {
   background-color: #ffffff;
 }
+</style>
 
+<style lang="scss">
 .pwd-retrieve-container {
   padding-top: 36rpx;
   padding: 15px;

src/pages/serveConfig.vue

@@ -70,9 +70,7 @@ onLoad((options) => {
 </script>
 
 <style>
-body,
-uni-page-body,
-uni-page-refresh {
+page {
   background-color: #ffffff;
 }
 </style>

src/pages/setting/building/building.vue

@@ -132,7 +132,7 @@ onload((option) => {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .image-bg > div {
+:deep(.image-bg > div) {
   background-size: cover !important;
 }
 </style>

src/pages/setting/setting.vue

@@ -140,6 +140,12 @@ function loginOut() {
 onLoad(() => {});
 </script>
 
+<style>
+page {
+  background-color: #ffffff;
+}
+</style>
+
 <style lang="scss">
 .setting-wrapper {
   .top-banner {
@@ -177,8 +183,3 @@ onLoad(() => {});
   }
 }
 </style>
-<style>
-body {
-  background: #fff;
-}
-</style>

src/static/scss/colorui.css

@@ -11,7 +11,7 @@
         初始化
  ==================== */
 body {
-	background-color: #f1f1f1;
+	background-color: #f5f6f7;
 	font-size: 28upx;
 	color: #333333;
 	font-family: Helvetica Neue, Helvetica, sans-serif;
@@ -1284,7 +1284,8 @@ button.cuIcon.lg {
 	min-height: 100upx;
 	background-color: #ffffff;
 	justify-content: space-between;
-	align-items: center
+	align-items: center;
+	margin: 0.625rem;
 }
 
 .cu-list.menu>.cu-item:last-child:after {

src/static/scss/public.scss

@@ -1,3 +1,9 @@
+//全局背景颜色 开始
+.whiteBackgroundColor {
+  background-color: #ffffff;
+}
+//全局背景颜色 结束
+
 /*
  * @日期选择器样式 开始
  */
@@ -137,7 +143,6 @@ uni-input {
  * @全局input样式 结束
  */
 
- 
 //折叠面板样式 开始
 .u-cell__body {
   padding: 10px 10px !important;