css card样式

src/views/education/add-manager.vue

@@ -2364,19 +2364,21 @@ export default {
           }
         } else {
           let noChangeTree = this.getTreeCheck();
-          // for (let i = 0; i < noChangeTree.length; i++) {
-          //   scope += noChangeTree[i].key + ":" + noChangeTree[i].type;
-          //   if (i < noChangeTree.length - 1) {
-          //     scope += "|";
-          //   }
-          // }
-          for (let i = 0; i < this.tagsRegion.length; i++) {
-            scope += this.tagsRegion[i].key;
-            if (i < this.tagsRegion.length - 1) {
-              scope += "|";
+          console.log('noChangeTree值',noChangeTree);
+          if(noChangeTree.length > 0) {
+            for (let i = 0; i < noChangeTree.length; i++) {
+              scope += noChangeTree[i].key + ":" + noChangeTree[i].type;
+              if (i < noChangeTree.length - 1) {
+                scope += "|";
+              }
+            }
+          } else {
+            //选全国项目
+            if(this.tagsRegion[0].key == '000') {
+              scope = '000:1';
+              console.log(this.tagsRegion,'scope',scope);
             }
           }
-          console.log('noChangeTree',noChangeTree,'scope',scope);
         }
       }
       //console.log(scope);

src/views/learning/item-course-analysis.vue

@@ -206,7 +206,7 @@ export default {
 <style lang="scss">
 .course-analysis-wrap {
     background: #fff;
-    padding: 10px;
+    overflow: hidden;
     .weight {
       font-weight: bold;
     }

src/views/learning/item-crowd-analysis.vue

@@ -224,7 +224,7 @@ export default {
 <style lang="scss">
 .crowd-analysis-wrap {
   background: #fff;
-  padding: 10px;
+  overflow: hidden;
   .header-title {
     padding: 10px 12px;
     font-size: 12px;

src/views/learning/item-examination-analysis.vue

@@ -202,6 +202,7 @@ export default {
 <style lang='scss' rel='stylesheet/scss'>
 .examination-analysis {
   background: #fff;
+  overflow: hidden;
   .el-card {
     border-width: 0px;
   }

src/views/learning/item-list.vue

 <template>
-  <div class="course-analysis-wrap">
+  <div class="item-list-wrap">
     <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
     <div class="component-content screenSet" id="screenSet">
-      <el-form ref="formInline" :model="formInline" label-width="80px" style="width:50%">
+      <el-form class="item-form" ref="formInline" :model="formInline" label-width="80px">
         <el-form-item label="选择地区：">
           <!-- :props="props" -->
           <el-cascader
@@ -53,11 +53,13 @@
         <el-button @click="search()" type="primary">查询</el-button>
         <el-button @click="resetForm()">重置</el-button>
       </div>
+      
       <div class="button-group">
         <el-button type="default" size="small" @click="changeDate">数据修改</el-button>
         <!-- <el-button type="default" size="small" @click="update" v-else>修改范围</el-button> -->
         <el-button type="default" size="small" :disabled="exportStatus" @click="exportExcel">导出明细</el-button>
       </div>
+      <!-- <div class="item-tab"></div> -->
       <el-tabs v-model="activeName" @tab-click="handleClick" :before-leave="beforeLeave">
         <el-tab-pane label="参与情况" name="first">
           <part-in
@@ -539,9 +541,9 @@ export default {
 };
 </script>
 <style lang="scss">
-.course-analysis-wrap {
+.item-list-wrap {
   .component-content {
-    background: #fff;
+    // background: #fff;
     padding: 10px;
     .header-title {
       padding: 10px 12px;
@@ -549,6 +551,12 @@ export default {
       color: #449284;
       border-bottom: 1px solid #efefef;
     }
+    .item-form {
+      padding: 10px;
+      background: #fff;
+      width:100%;
+      border-radius: 4px;
+    }
     .form-button {
       width: 45%;
       top: -120px;
@@ -556,7 +564,7 @@ export default {
       left: 50%;
     }
     .button-group {
-      // position: absolute;
+      position: relative;
       // right: 100px;
       float: right;
       margin-right: 20px;
@@ -565,12 +573,21 @@ export default {
       font-size: 12px;
       margin-bottom: 20px;
     }
+    .item-tab {
+      width: 95%;
+      height: 46px;
+      background: #F0F2F5;
+      position: absolute;
+    }
     .el-tabs__item.is-active {
       color: #409eff;
     }
     .el-tabs__header {
       width: 65%;
     }
+    .el-tabs__nav-wrap::after {
+      height: 0px;
+    }
     .tag-group {
       margin-left: 78px;
       .el-tag {

src/views/learning/item-part-in.vue

@@ -96,7 +96,7 @@ export default {
     this.projectId = vm.getUrlSearch(window.location.href, "id");
   },
   mounted: function() {
-    commonUtil.resizeHeight();
+    // commonUtil.resizeHeight();
     this.$on("search", () => {
       this.search();
     });
@@ -207,13 +207,15 @@ export default {
           num: data.acquireCertificatePeopleCount,
         },
       ];
-      for(let i=0;i<data.manyCertificate.length;i++) {
-        let obj = {
-          title: data.manyCertificate[i].name,
-          num: data.manyCertificate[i].value,
-        }
-        if(obj.title != null) {
-          vm.cardData.push(obj);
+      if(data.manyCertificate != null) {
+        for(let i=0;i<data.manyCertificate.length;i++) {
+          let obj = {
+            title: data.manyCertificate[i].name,
+            num: data.manyCertificate[i].value,
+          }
+          if(obj.title != null) {
+            vm.cardData.push(obj);
+          }
         }
       }
       // vm.cardData[0].num = data.participateHospitalCount;
@@ -227,6 +229,8 @@ export default {
 
 <style lang='scss'>
 .part-in-wrap {
+  background: #fff;
+  overflow: hidden;
   .el-card {
     border-width: 0px;
   }