PDF生成情况下文案修改

src/views/learning/item-data-all.vue

@@ -27,12 +27,13 @@
           <el-tab-pane label="累计" name="1"></el-tab-pane>
           <el-tab-pane label="新增" name="2"></el-tab-pane>
         </el-tabs>
-        <el-radio-group class="change-date" v-model="checkTime" size="medium" @change="handleCheckTime">
+        <el-radio-group v-if="showRadioValue === 0" class="change-date" v-model="checkTime" size="medium" @change="handleCheckTime">
           <el-radio-button label="1">日</el-radio-button>
           <el-radio-button label="2">周</el-radio-button>
           <el-radio-button label="3">月</el-radio-button>
           <el-radio-button label="4">年</el-radio-button>
         </el-radio-group>
+        <div v-if="showRadioValue === 1" class="change-radio">{{ changeRadio[checkTime] }}</div>
         <el-table :data="tableDateTime" style="width: 100%">
           <el-table-column prop="date" label="日期" align="center" min-width="100"></el-table-column>
           <el-table-column prop="hospitalCount" label="应参与机构数" align="center"></el-table-column>
@@ -340,6 +341,9 @@ export default {
     timeInfoData: {
       type: Object
     },
+    showRadio: {
+      type: Number
+    }
   },
   data() {
     return {
@@ -399,6 +403,13 @@ export default {
       tableLabel1: '已获证',
       tableLabel2: '未获证',
       containOfficialFlag: 1,
+      changeRadio: {
+        '1': '日',
+        '2': '周',
+        '3': '月',
+        '4': '年',
+      },
+      showRadioValue: 0,
     };
   },
   watch: {
@@ -407,7 +418,13 @@ export default {
       handler(nv, ov) {
         vm.timeInfoChild = nv;
       }
-    }
+    },
+    showRadio: {
+      deep: true,
+      handler(nv, ov) {
+        vm.showRadioValue = nv;
+      }
+    },
   },
   created() {
     vm = this;
@@ -1008,13 +1025,17 @@ export default {
   overflow: hidden;
   // padding: 10px;
   .change-radio {
+    position: absolute;
+    top: 0px;
+    right: 25px;
     width:60px;
     height:34px;
     background:rgba(68,146,132,1);
-    border-radius:4px 0px 0px 4px;
+    border-radius:4px;
     font-size:14px;
-    line-height: 34;
+    line-height: 34px;
     text-align: center;
+    color: #fff;
   }
   .table-empty {
     img {

src/views/learning/item-list.vue

@@ -130,6 +130,7 @@
             :organizationNum="organizationNum"
             :organizationList="organizationList"
             :timeInfoData="timeInfoData"
+            :showRadio="showRadio"
           ></data-all>
         </el-tab-pane>
         <!-- <el-tab-pane label="参与情况" name="first">
@@ -329,6 +330,7 @@ export default {
       minDate: '',
       allRegionId: '',
       containOfficialFlag: 1,
+      showRadio: 0,
       pickerOptions0: {
         disabledDate: time => {
           // 在科学计数法中，为了使公式简便，可以用带“E”的格式表示。例如1.03乘10的8次方，可简写为“1.03e8”的形式
@@ -867,6 +869,7 @@ export default {
         taintTest: true, //是否在渲染前测试图片
         dpi:300
       };
+      vm.showRadio = 1;
       console.log('导出参数opts',opts);
       setTimeout(() => {
         html2Canvas(element,opts).then(function(canvas) {
@@ -901,6 +904,7 @@ export default {
               tabsList[i].$el.style.display = 'none';
             }
           }
+          vm.showRadio = 0;
           closeLoading(vm);
         });
       }, 100);