APP驾驶舱：1.总览 日常履职～问题整改：当月（季）完成率， 上月（季）完成率。删除：完成率（较上月）

src/views/menu/cockpit/components/overviewCom.vue

@@ -80,36 +80,46 @@
       </div>
     </div>
     <div class="businessModule">
-      <div class="moduleCom" v-for="(item, index) in Object.keys(allData.taskInfo)" :key="index">
+      <div class="moduleCom2" v-for="(item, index) in Object.keys(allData.taskInfo)" :key="index">
         <div class="titleText">
           <span class="leftSty"></span><span>{{ Object.keys(allData.taskInfo)[index] }}</span>
         </div>
-        <div class="complete">
+         <!-- <div class="complete">
           <div class="numCls wj-title-blue">
             {{ parseInt(allData.taskInfo[Object.keys(allData.taskInfo)[index]].currentCompletedRate * 100) }}%
           </div>
-
-        </div>
-        <div class="moduleItem">
+        </div> -->
+        <div class="moduleItem2">
           <div>
+            <!-- <div class="iconcls">
+              <van-icon name="circle" size="10px" />
+            </div> -->
+            <div class="fontCls">{{Object.keys(allData.taskInfo)[index]=='预案演练'?'当季完成率':'当月完成率'}}</div>
             <div class="numCls wj-title-blue">
-              {{ allData.taskInfo[Object.keys(allData.taskInfo)[index]].currentCompletedCount }}
-            </div>
-            <div class="fontCls">{{Object.keys(allData.taskInfo)[index]=='预案演练'?'当季完成数':'当月完成数'}}</div>
-          </div>
-          <div>
-            <div class="numCls wj-title-blue tal">
+              {{ parseInt(allData.taskInfo[Object.keys(allData.taskInfo)[index]].currentCompletedRate * 100) }}%
+              
+              <!-- {{ allData.taskInfo[Object.keys(allData.taskInfo)[index]].currentCompletedCount }} -->             
+            </div>    
+            <div class="iconcls">
               <van-icon v-if="allData.taskInfo[Object.keys(allData.taskInfo)[index]].compare  > 0" name="play" class="wj-title-red rate270" />
               <van-icon v-else name="play" class="wj-title-green rate" />
-              <span
-                >{{ Math.abs(parseInt(allData.taskInfo[Object.keys(allData.taskInfo)[index]].compare * 100)) }}%</span
-              >
-            </div>
-            <div class="fontCls">{{Object.keys(allData.taskInfo)[index]=='预案演练'?'完成率(较上季)':'完成率(较上月)'}}</div>
+            </div>        
+          </div>
+          <div>
+            <!-- <div class="iconcls">
+              <van-icon name="circle" size="10px" />
+            </div> -->
+            <div class="fontCls">{{Object.keys(allData.taskInfo)[index]=='预案演练'?'上季完成率':'上月完成率'}}</div>
+            <div class="numCls wj-title-blue tal">    
+              <span>{{ Math.abs(parseInt(allData.taskInfo[Object.keys(allData.taskInfo)[index]].prevCompletedRate * 100)) }}%</span>
+            </div>   
+          <div>
+              <span></span>       
           </div>
         </div>
       </div>
     </div>
+    </div>
   </div>
 </template>
 <script>
@@ -297,6 +307,53 @@ export default {
   }
 }
 
+.moduleCom2 {
+  width: 47%;
+  height: 200px;
+  background-color: #fff;
+  margin-top: 20px;
+  padding: 10px;
+  box-shadow: 0 2px 10px #ccc;
+  // border-left: 1px solid #008cd6;
+  position: relative;
+
+  .moduleItem2 {
+    margin-top: 27px;
+    // display: flex;
+    text-align: center;
+    align-content: center;
+    justify-content: space-around;
+    line-height: 30px;
+    .numCls {
+      font-size: 30px;
+      margin-bottom: 10px;
+      padding-top: 10px;
+      margin-right: 30px;
+    }
+    .iconcls {
+        font-size: 30px;
+      }
+    .textCCls {
+      text-align: right;
+    }
+    > div {
+      // width: 42%;
+      margin-left: 40px;
+      display: flex;
+      justify-content: flex-start;
+    }
+    .fontCls {
+      font-size: 25px;
+      padding-top:10px ;
+      margin-right: 30px;
+    }
+    .ga38cls{
+      text-align: center;
+    }
+  }
+}
+
+
 .businessModule {
   display: flex;
   flex-wrap: wrap;
@@ -305,6 +362,9 @@ export default {
   .moduleCom {
     margin: 10px;
   }
+  .moduleCom2 {
+    margin: 10px;
+  }
 }
 
 .rate {
@@ -334,8 +394,8 @@ export default {
 }
 ::v-deep.van-icon-play {
   font-size: 40px;
-  position: absolute;
-  left: 49%;
-  top: 62%;
+  // position: absolute;
+  // left: 49%;
+  // top: 62%;
 }
 </style>