ylyx-cli 1.0.15 → 1.0.16

package/templates/vue-app/files/src/views/selfStatistics/index.vue

@@ -1,903 +1,903 @@
-<template>
-  <div class="app-container digitalImage">
-    <!--    工具栏-->
-    <el-form :inline="true" :model="query" ref="topForm" class="form-inline-hospital" size="small">
-      <el-form-item>
-        <!--  区域   -->
-        <el-cascader
-          v-model="query.address"
-          placeholder="医院地区"
-          :options="provinceList"
-          :props="props"
-          style="width: 220px"
-          @active-item-change="handleItemChange"
-          @change="addressChange"
-          @blur="forceUpdate">
-        </el-cascader>
-      </el-form-item>
-      <el-form-item>
-        <el-select
-          v-model="query.hospitalType"
-          clearable
-          placeholder="医院类别"
-          class="filter-item"
-          style="width: 160px"
-          @change="changeHospital"
-          @clear="changeHospital">
-          <el-option
-            v-for="item in dict.hos_category"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value" />
-        </el-select>
-      </el-form-item>
-      <!--    医院等级   -->
-      <el-form-item>
-        <el-select
-          v-model="query.level"
-          clearable
-          @change="changeHospital"
-          @clear="changeHospital"
-          placeholder="医院等级（级）"
-          class="filter-item"
-          style="width: 160px">
-          <el-option
-            v-for="item in dict.hos_rank"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value" />
-        </el-select>
-      </el-form-item>
-      <el-form-item prop="hospitalTypeList">
-        <el-select
-          v-model="query.hospitalIdList"
-          clearable
-          filterable
-          multiple
-          @change="changeHospital"
-          @clear="changeHospital"
-          placeholder="医院名称"
-          class="filter-item"
-          style="width: 160px">
-          <el-option
-            v-for="item in hospitalNames"
-            :key="item.scenceId"
-            :label="item.hospitalName"
-            :value="item.scenceId" />
-        </el-select>
-      </el-form-item>
-      <el-form-item prop="softwareType">
-        <el-select
-          v-model="query.softwareType"
-          clearable
-          @change="changeHospital"
-          @clear="changeHospital"
-          placeholder="软件类型"
-          class="filter-item"
-          style="width: 160px">
-          <el-option v-for="item in softData" :key="item" :label="item" :value="item" />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <!-- <date-range-picker
-          v-model="query.consultationTimeList"
-          :picker-options="pickerOptions"
-          popper-class="isDisabledDate"
-          valueFormat="yyyy-MM-dd"
-          style="width: 250px"
-          class="date-item"
-          @change="dateChange"
-          @blur="forceUpdate"
-          :clearable="false"
-        /> -->
-        <date-range-picker
-          @blur="forceUpdate"
-          @change="dateChange"
-          v-model="query.consultationTimeList"
-          :picker-options="pickerOptions"
-          popper-class="isDisabledDate"
-          valueFormat="yyyy-MM-dd"
-          style="width: 250px"
-          class="date-item"
-          :clearable="false" />
-      </el-form-item>
-
-      <el-button @click="toQuery" class="filter-item" size="small">查询 </el-button>
-      <el-button @click="resetQueryClick" class="filter-item" size="small">重置 </el-button>
-    </el-form>
-    <!-- 统计模块 -->
-    <div class="self-statiscs">
-      <div class="other" @click="offlineClick(1, 'hospitalDetail', '医院数量详情')">
-        <p class="top">
-          <span>医院数量</span>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            content="是【医院管理】模块内录入自助机信息的医院数量及自助机总量，不随检索时间及软件类型变化"
-            placement="top-start">
-            <span class="el-icon-question"></span>
-          </el-tooltip>
-          <span class="bold">{{ (cloudCount.myHospitalTotal || 0) | NumFormat }}</span>
-        </p>
-        <p class="bottom">
-          <span><i></i>配备自助机</span>
-          <span class="bold">{{ (cloudCount.myMachineQuantity || 0) | NumFormat }}</span>
-        </p>
-      </div>
-      <div class="other" @click="offlineClick(2, 'hospitalDetail', '监测自助机详情')">
-        <p class="top">
-          <span>监测自助机系统</span>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            content="是系统实际监测到的系统数量，不随检索时间变化"
-            placement="top-start">
-            <span class="el-icon-question"></span>
-          </el-tooltip>
-          <span class="bold">{{ (cloudCount.machineTotal || 0) | NumFormat }}</span>
-        </p>
-        <div class="bottom special-bottom">
-          <!-- <img src="~@/assets/images/hospital_icon.png" alt="" /> -->
-          <p>
-            <i></i>影联系统<span class="bold">{{
-              (cloudCount.ylyxMachineTotal || 0) | NumFormat
-            }}</span>
-          </p>
-          <p>
-            <i></i>真实自助机<span class="bold">{{
-              (cloudCount.realMachine || 0) | NumFormat
-            }}</span>
-          </p>
-          <p :style="{ visibility: query.softwareType == '影联' ? 'hidden' : 'visible' }">
-            <i class="first"></i>非影联系统<span class="bold">{{
-              (cloudCount.otherMachineTotal || 0) | NumFormat
-            }}</span>
-          </p>
-          <p>
-            <i class="first"></i>非真实自助机<span class="bold">{{
-              (cloudCount.virtualMachine || 0) | NumFormat
-            }}</span>
-          </p>
-        </div>
-      </div>
-      <div class="other" @click="offlineClick(3, 'hospitalDetail', '自助机活跃度详情')">
-        <p class="top">
-          <span>自助机活跃度</span>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            content="是实际监测到的真实自助机的活跃度"
-            placement="top-start">
-            <span class="el-icon-question"></span>
-          </el-tooltip>
-          <span class="bold">{{ dealData(cloudCount.activityRate) }}</span>
-        </p>
-        <div class="bottom">
-          <!-- <img src="~@/assets/images/hospital_icon.png" alt="" /> -->
-          <p>
-            <i></i>影联系统<span class="bold">{{
-              dealData(cloudCount.ylyxMachineActivityRate)
-            }}</span>
-          </p>
-          <p v-show="query.softwareType !== '影联'">
-            <i class="first"></i>非影联系统<span class="bold">{{
-              dealData(cloudCount.qtMachineActivityRate)
-            }}</span>
-          </p>
-        </div>
-      </div>
-      <div class="other">
-        <p class="top">
-          <!-- <img src="~@/assets/images/hospital_icon.png" alt="" /> -->
-          <span>打印报告</span>
-          <span class="bold">{{ (cloudCount.cumulativePrintTimes || 0) | NumFormat }}</span>
-        </p>
-        <div class="bottom">
-          <!-- <img src="~@/assets/images/hospital_icon.png" alt="" /> -->
-          <p>
-            <i></i>影联系统<span class="bold">{{
-              (cloudCount.ylyxCumulativePrintTimes || 0) | NumFormat
-            }}</span>
-          </p>
-          <p :style="{ visibility: query.softwareType == '影联' ? 'hidden' : 'visible' }">
-            <i class="first"></i>非影联系统<span class="bold">{{
-              (cloudCount.qtCumulativePrintTimes || 0) | NumFormat
-            }}</span>
-          </p>
-        </div>
-      </div>
-      <div class="other bg2" @click="offlineClick(5, 'offlineDetail', '客户端状态详情')">
-        <p class="top">
-          <span>客户端状态</span>
-          <el-tooltip
-            class="item"
-            effect="dark"
-            content="影联客户端在线状态，不随检索的时间区间及软件类型变化"
-            placement="top-start">
-            <span class="el-icon-question"></span>
-          </el-tooltip>
-        </p>
-        <p class="bottom">
-          <span>
-            <svg-icon class-name="online" icon-class="online" />在线<span class="bold">{{
-              (cloudCount.online || 0) | NumFormat
-            }}</span></span
-          >
-          <span>
-            <svg-icon class-name="offline" icon-class="offline" />离线<span class="bold">{{
-              (cloudCount.offline || 0) | NumFormat
-            }}</span></span
-          >
-        </p>
-        <div class="offline-detail">离线详情</div>
-      </div>
-    </div>
-    <div class="changeBtns">
-      <div class="frequency">
-        <ul>
-          <li
-            v-for="(item, index) in frequencyArr"
-            :key="index"
-            :class="[activeIndex == item.active ? 'frequencyActive' : '']"
-            @click="clickFrequency(item.active)">
-            {{ item.name }}
-          </li>
-        </ul>
-      </div>
-      <div class="radioBtn">
-        <el-radio-group v-model="radio1" size="small" @change="changeRadio">
-          <el-radio-button label="day">按天</el-radio-button>
-          <el-radio-button label="week">按周</el-radio-button>
-          <el-radio-button label="month">按月</el-radio-button>
-          <el-radio-button label="year">按年</el-radio-button>
-        </el-radio-group>
-      </div>
-    </div>
-
-    <line-chart :className="'lineChart'" :chart-data="lineChartData" />
-    <div class="export">
-      <el-button type="primary" @click="explore" :loading="downloadLoading" plain size="mini"
-        >导出</el-button
-      >
-    </div>
-    <div class="table-Data">
-      <!-- 表格 -->
-      <el-table :data="crud.data" v-loading="crud.loading" @sort-change="sortChange">
-        <el-table-column label="序号" width="60px">
-          <template slot-scope="scope">
-            <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          v-for="(item, index) in checkTable"
-          :key="index.key"
-          :label="item.label"
-          :prop="item.prop"
-          :show-overflow-tooltip="true"
-          :min-width="item.width"
-          :sortable="item.sort"
-          :render-header="renderPrice"
-          :sort-method="
-            (a, b) => {
-              return a[item.prop] - b[item.prop];
-            }
-          ">
-          <template slot-scope="scope">
-            <div v-if="item.prop == 'hospitalType'">
-              {{ hosCategory(scope.row.hospitalType) || omitData }}
-            </div>
-            <div v-else-if="item.prop == 'level'">
-              {{ hosRank(scope.row.level) || omitData }}
-            </div>
-            <div v-else-if="item.prop == 'printTimes'">
-              {{ scope.row.printTimes || 0 }}
-            </div>
-            <div v-else-if="item.prop == 'printTimeOfDailyAverage'">
-              {{ scope.row.printTimeOfDailyAverage || 0 }}
-            </div>
-            <div v-else-if="item.prop == 'activityMachineTotalRate'">
-              {{ dealData(scope.row.activityMachineTotalRate) }}
-            </div>
-            <div v-else-if="item.prop == 'reportConversionRate'">
-              {{ dealData(scope.row.reportConversionRate) }}
-            </div>
-            <div v-else>
-              {{ scope.row[item.prop] || omitData }}
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" width="80" fixed="right">
-          <template slot-scope="scope">
-            <el-button size="mini" type="text" @click="goCloudDetail(scope.row)">详情 </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <!--分页组件-->
-      <pagination />
-    </div>
-
-    <!-- 维护记录弹窗 -->
-    <el-dialog
-      :title="currentDetail.hospitalName"
-      top="5vh"
-      :visible.sync="cloudDetailVisiable"
-      :close-on-click-modal="false"
-      width="75%"
-      @close="dialogClosse">
-      <span slot="title" class="dialog-footer"
-        >{{ currentDetail.hospitalName }} {{ currentDetail.startTime }}至{{
-          currentDetail.endTime
-        }}</span
-      >
-      <cloudListDetail ref="cloudListDetail" :cloudDetail="currentDetail" />
-    </el-dialog>
-    <!-- 维护记录弹窗 -->
-    <el-dialog
-      :title="dialogText"
-      top="5vh"
-      :visible.sync="offlineDetailVisiable"
-      :close-on-click-modal="false"
-      width="85%">
-      <span slot="title" class="dialog-footer"
-        >{{ dialogText }}
-        <el-tooltip class="item" effect="dark" placement="top-start">
-          <div slot="content" v-html="content"></div>
-          <span class="el-icon-question" v-if="clickIndex !== 5"></span> </el-tooltip
-      ></span>
-      <hospital-detail ref="hospitalDetail" v-if="clickIndex !== 5"></hospital-detail>
-      <!-- <self-monitor-detail
-        ref="selfMonitorDetail"
-        v-if="clickIndex == 2"
-      ></self-monitor-detail>
-      <self-active-detail
-        ref="selfActiveDetail"
-        v-if="clickIndex == 3"
-      ></self-active-detail> -->
-      <offline-detail ref="offlineDetail" v-if="clickIndex == 5" :data="query" />
-    </el-dialog>
-    <!-- <WaterMark :waterMarkProp="waterMarkProp" /> -->
-  </div>
-</template>
-
-<script>
-import LineChart from './components/LineChart.vue';
-import { mapGetters } from 'vuex';
-import pagination from '@crud/Pagination';
-import cloudListDetail from './monitorDetail/index.vue';
-import offlineDetail from './offlineDetail/index.vue';
-import hospitalDetail from './hospitalDetail/index.vue';
-import selfMonitorDetail from './selfMonitorDetail/index.vue';
-import selfActiveDetail from './selfActiveDetail/index.vue';
-import CRUD, { presenter, header, crud } from '@crud/crud';
-import { getTotalData, getLineData, queryHospital } from '@/api/selfStatistics/index.js';
-import DateRangePicker from '@/components/DateRangePicker';
-import institutionMonitor from '@/api/institutionMonitor/index';
-import { getDay } from '@/utils/getTime';
-import WaterMark from './setWaterMark/waterMark.vue';
-import { downloadFile } from '@/utils/index';
-import { downloadPost } from '@/api/data';
-const end = getDay(-1);
-const start = getDay(-7);
-export default {
-  name: 'cloudStatistics',
-  components: {
-    pagination,
-    cloudListDetail,
-    DateRangePicker,
-    LineChart,
-    offlineDetail,
-    WaterMark,
-    hospitalDetail,
-    selfMonitorDetail,
-    selfActiveDetail,
-  },
-  dicts: ['cloud_code', 'hos_category', 'hos_rank'],
-  data() {
-    return {
-      waterMarkProp: {
-        zIndex: 1,
-        devicePixelRatio: 2,
-        text: '',
-        showTime: true,
-      },
-      omitData: '-',
-      provinceList: [],
-      // 区域
-      props: {
-        value: 'value',
-        children: 'cities',
-        label: 'label',
-        checkStrictly: true,
-      },
-      hospitalNames: [],
-      radio1: 'day',
-      checkTable: [
-        { label: '医院名称', prop: 'hospitalName', width: '180px' },
-        { label: '医院类别', prop: 'hospitalType', width: '120px' },
-        { label: '医院等级（级）', prop: 'level', width: '120px' },
-        { label: '配备自助机', prop: 'myMachineTotal', width: '120px', sort: true },
-        { label: '监测自助机', prop: 'machineTotal', width: '120px', sort: true },
-        {
-          label: '该时间段活跃自助机',
-          prop: 'activityMachineTotal',
-          width: '190px',
-          sort: true,
-        },
-        {
-          label: '该时间段自助机活跃度',
-          prop: 'activityMachineTotalRate',
-          width: '190px',
-          sort: true,
-        },
-
-        { label: '审核报告量', prop: 'auditedDataTotal', width: '120px', sort: true },
-        { label: '打印报告量', prop: 'printTimes', width: '120px', sort: true },
-        { label: '报告转化率', prop: 'reportConversionRate', width: '120px', sort: true },
-        {
-          label: '日均打印报告量',
-          prop: 'printTimeOfDailyAverage',
-          width: '160px',
-          sort: true,
-        },
-      ],
-      // 获取统计数量
-      cloudCount: {},
-      // 详情弹窗控制
-      cloudDetailVisiable: false,
-      // 当前点击的详情信息
-      currentDetail: {},
-      // 导出
-      downloadLoading: false,
-      // 离线详情
-      offlineDetailVisiable: false,
-      // 判断是否第一次
-      crudShow: false,
-      lineChartData: {
-        times: [],
-        datas: [],
-      },
-      activeIndex: 1,
-      clickIndex: 1,
-      dialogText: '',
-      frequencyArr: [
-        {
-          name: '数据趋势',
-          active: '1',
-        },
-      ],
-      softData: ['影联'],
-      sortString: {
-        myMachineTotal: 1,
-        machineTotal: 2,
-        activityMachineTotal: 6,
-        auditedDataTotal: 7,
-        printTimes: 8,
-        printTimeOfDailyAverage: 9,
-        activityMachineTotalRate: 11,
-        reportConversionRate: 12,
-      },
-      downloadLoading: false,
-      pickerOptions: {
-        disabledDate(time) {
-          return time.getTime() > Date.now();
-        },
-        shortcuts: [
-          {
-            text: '近一周',
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              end.setTime(end.getTime() - 3600 * 1000 * 24);
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-              picker.$emit('pick', [start, end]);
-            },
-          },
-          {
-            text: '近一个月',
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              end.setTime(end.getTime() - 3600 * 1000 * 24);
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-              picker.$emit('pick', [start, end]);
-            },
-          },
-          {
-            text: '近三个月',
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              end.setTime(end.getTime() - 3600 * 1000 * 24);
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-              picker.$emit('pick', [start, end]);
-            },
-          },
-          {
-            text: '最近一年',
-            onClick: picker => {
-              const end = new Date(); // 当前日期
-              const start = new Date(); // 开始日期
-
-              end.setDate(end.getDate() - 1); // 设置结束日期为昨天
-              start.setFullYear(start.getFullYear() - 1); // 设置开始日期为一年前
-
-              picker.$emit('pick', [start, end]);
-            },
-          },
-          {
-            text: '本年度',
-            onClick: picker => {
-              const end = new Date(); // 当前日期
-              const start = new Date(); // 开始日期
-              start.setDate(1);
-              end.setDate(end.getDate() - 1); // 设置结束日期为昨天
-              start.setMonth(0); // 设置开始日期为今年的1月份
-              picker.$emit('pick', [start, end]);
-            },
-          },
-        ],
-      },
-    };
-  },
-  mounted() {
-    this.waterMarkProp.text = this.user.name;
-  },
-  cruds() {
-    return CRUD({
-      title: '医院',
-      url: 'machine/getHospitalTableData',
-      crudMethod: {},
-      sort: [],
-      query: {},
-    });
-  },
-  computed: {
-    ...mapGetters(['user']),
-    content() {
-      return ` 配备自助机数量：是公司在医疗机构实际安装的自助机数量；<br/>
-         监测自助机数量：是系统实际监测到的医疗机构的自助机数量（自助机信息上传成功）；<br/>
-          影联系统：是监测到的自助机中，有几台安装的是影联自研的打印系统；<br/>
-           非影联系统：是监测到的自助机中，有几台安装的不是影联自研的打印系统；<br/>
-            近7天是否活跃：是近7天该医疗机构监测到的自助机是否有过打印记录；</br>
-             近7天活跃度：是该医疗机构监测到的自助机的活跃度，近7天有过打印记录的自助机数量÷监测到的自助机总数量；<br/>
-        `;
-    },
-  },
-  mixins: [presenter(), header(), crud()],
-
-  filters: {
-    NumFormat(value) {
-      if (value == '-') return '-';
-      if (!value) return '0';
-      /*原来用的是Number(value).toFixed(0)，这样取整时有问题，例如0.51取整之后为1，感谢Nils指正*/
-      /*后来改成了 Number(value)|0,但是输入超过十一位就为负数了，具体见评论 */
-      var intPart = Number(value) - (Number(value) % 1); //获取整数部分（这里是windy93的方法）
-      var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); //将整数部分逢三一断
-
-      var floatPart = ''; //预定义小数部分
-      var value2Array = value.toString().split('.');
-
-      //=2表示数据有小数位
-      if (value2Array.length == 2) {
-        floatPart = value2Array[1].toString(); //拿到小数部分
-
-        if (floatPart.length == 1) {
-          //补0,实际上用不着
-          return intPartFormat + '.' + floatPart + '0';
-        } else {
-          return intPartFormat + '.' + floatPart;
-        }
-      } else {
-        return intPartFormat + floatPart;
-      }
-    },
-  },
-
-  methods: {
-    dealData(value) {
-      if (value == -1 || value === undefined) {
-        return '-';
-      } else if (value === 0) {
-        return value;
-      } else {
-        return value + '%';
-      }
-    },
-    sortChange(column) {
-      if (column.order == 'ascending') {
-        this.query = {
-          ...this.query,
-          sortType: this.sortString[column.prop],
-          sort: 1,
-        };
-        this.crud.toQuery();
-      } else if (column.order == 'descending') {
-        this.query = {
-          ...this.query,
-          sortType: this.sortString[column.prop],
-          sort: 2,
-        };
-        this.crud.toQuery();
-      }
-    },
-    renderPrice(h, { column, $index }) {
-      if (column.property == 'activityMachineTotal') {
-        return [
-          column.label,
-          h(
-            'el-tooltip',
-            {
-              props: {
-                content: '在上方选择的时间区间内，有过打印记录的被监测到的自助机数量',
-                placement: 'top', // 悬停内容展示的位置
-              },
-            },
-            [h('span', { class: { 'el-icon-question': true } })] // 图标
-          ),
-        ];
-      } else {
-        return column.label;
-      }
-    },
-    // 导出
-    explore() {
-      this.downloadLoading = true;
-      // let hospitalId=this.currentDetail.hospitalId
-      // let hospitalName=this.currentDetail.hospitalName,
-      let data = {
-        ...this.query,
-      };
-      downloadPost('machine/downloadHospitalTableData', data)
-        .then(result => {
-          this.downloadLoading = false;
-        })
-        .catch(e => {
-          let text = `医院列表  ${this.query.startTime}至${this.query.endTime}`;
-          downloadFile(e, text, 'xlsx');
-          this.downloadLoading = false;
-        });
-    },
-    // 返回医院类别对应的名称
-    hosCategory(category) {
-      return this.dict.label.hos_category[category];
-    },
-    // 返回医院等级(级)对应的名称
-    hosRank(rank) {
-      return this.dict.label.hos_rank[rank];
-    },
-    // 地区联动获取数据
-    getPosition(val, cb) {
-      let vm = this; //查询省市县
-      let params = { parent: 1 };
-      if (!val) {
-        //初始化加载 获取所有省份数据
-        params = { parent: 1 };
-      } else if (val.length === 1) {
-        //加载二级  获取市级数据
-        params = { parent: val[0] };
-      } else {
-        //加载3级   获取县级数据
-        params = { parent: val[1] };
-      }
-      institutionMonitor
-        .queryNation(params)
-        .then(res => {
-          if (!val) {
-            //初始化加载   查询省份数据
-            vm.provinceList = res.content.map(e => {
-              return {
-                value: e.saleid,
-                label: e.province,
-                cities: [],
-              };
-            });
-          } else if (val.length === 1) {
-            //加载二级    查询该省下市级数据
-            vm.provinceList.map(item => {
-              if (item.value === val[0]) {
-                item.cities = res.content.map(e => {
-                  return {
-                    value: e.saleid,
-                    label: e.city || e.county,
-                    cities: [],
-                  };
-                });
-              }
-            });
-          } else {
-            //加载3级   查询该省市下县级数据
-            vm.provinceList.map(item => {
-              if (item.value === val[0]) {
-                item.cities.map(value => {
-                  if (value.value === val[1]) {
-                    value.cities = res.content.map(e => {
-                      return { value: e.saleid, label: e.county };
-                    });
-                  }
-                });
-              }
-            });
-          }
-          cb && cb(res);
-        })
-        .catch(err => {
-          console.log(err);
-        });
-    },
-    // 一级二级改变的时候调取下一级数据
-    handleItemChange(val) {
-      this.getPosition(val);
-    },
-    // 查询医院名称
-    queryHospital() {
-      let params = JSON.parse(JSON.stringify(this.query));
-      params.county = params.district;
-
-      // 删除时间 医院名称
-      delete params.consultationTimeList;
-      delete params.address;
-      delete params.startTime;
-      delete params.endTime;
-      delete params.hospitalIdList;
-      params.deleted = 0;
-      queryHospital(params).then(res => {
-        this.hospitalNames = [];
-        res.forEach(k => {
-          let obj = {
-            scenceId: k.scenceId,
-            hospitalName: k.hospitalName,
-          };
-          this.hospitalNames.push(obj);
-        });
-      });
-    },
-    addressChange(status) {
-      if (this.query.address.length > 0) {
-        this.query.province = this.query.address[0];
-        this.query.city = this.query.address[1];
-        this.query.district = this.query.address[2];
-      }
-      this.queryHospital();
-      this.forceUpdate();
-      this.getCloudCount();
-      this.getLineData();
-      if (status != 1) {
-        this.crud.toQuery();
-      }
-    },
-    // 选择逐日-逐年
-    changeRadio() {
-      this.getLineData();
-    },
-    dateChange() {
-      this.forceUpdate();
-      if (this.query.consultationTimeList) {
-        this.query.startTime = this.query.consultationTimeList[0];
-        this.query.endTime = this.query.consultationTimeList[1];
-      } else {
-        this.query.startTime = '';
-        this.query.endTime = '';
-      }
-    },
-    //获取统计参数
-    getCloudCount() {
-      let data = {
-        ...this.query,
-      };
-      delete data.consultationTimeList;
-      delete data.address;
-      getTotalData(data).then(res => {
-        console.log(res);
-        this.cloudCount = res || {};
-      });
-    },
-    getLineData() {
-      let data = {
-        ...this.query,
-        statisticsType: this.radio1,
-      };
-      delete data.consultationTimeList;
-      delete data.address;
-      getLineData(data).then(res => {
-        this.lineChartData = res;
-      });
-    },
-    forceUpdate() {
-      this.$forceUpdate(); // 强制刷新
-    },
-    //重置
-    resetQueryClick() {
-      Object.keys(this.query).map(key => {
-        this.query[key] = '';
-      });
-      this.getPosition(null, () => {});
-
-      this.query.address = ['1114'];
-      this.query.consultationTimeList = [start, end];
-      this.toQuery();
-    },
-
-    //弹出框关闭
-    dialogClosse() {
-      this.currentDetail = {};
-    },
-    offlineClick(status, prop, title) {
-      this.offlineDetailVisiable = true;
-      this.clickIndex = status;
-      this.dialogText = title;
-      // this.
-      this.$nextTick(() => {
-        this.$refs[prop].toQuery(this.query, status, title);
-      });
-    },
-    //详情
-    goCloudDetail(row) {
-      // debugger;
-      this.cloudDetailVisiable = true;
-      this.currentDetail = {
-        ...row,
-        startTime: this.query.startTime,
-        endTime: this.query.endTime,
-        softwareType: this.query.softwareType,
-      };
-      this.$nextTick(() => {
-        if (this.currentDetail.hospitalId) {
-          this.$refs.cloudListDetail.getCloudDetail(this.currentDetail);
-        }
-      });
-    },
-    //改变选择的医院
-    changeHospital() {
-      this.forceUpdate();
-      this.queryHospital();
-      this.toQuery();
-    },
-    toQuery() {
-      this.dateChange();
-      this.addressChange();
-      this.crud.toQuery();
-      this.getLineData();
-      this.getCloudCount();
-    },
-
-    [CRUD.HOOK.beforeRefresh](crud) {
-      Object.keys(this.query).map(key => {
-        if (typeof this.query[key] == 'string') {
-          this.query[key] = this.query[key].trim();
-        }
-      });
-      if (!this.query.consultationTimeList && !this.crudShow) {
-        this.getPosition(null, () => {});
-        this.query.consultationTimeList = [start, end];
-        this.query.address = ['1114'];
-        this.dateChange();
-        this.addressChange(1);
-        // this.getLineData();
-        // this.getCloudCount();
-        this.crudShow = true;
-      }
-      crud.query = {
-        ...this.query,
-      };
-    },
-    [CRUD.HOOK.afterRefresh](crud) {
-      console.log(crud, 111111);
-    },
-  },
-
-  destroyed() {},
-
-  activated() {
-    // this.getCloudCount()
-  },
-};
-</script>
-<style lang="scss"></style>
-<style rel="stylesheet/scss" lang="scss" scoped>
-@import './index.scss';
-
-.exploreFlex {
-  padding: 8px;
-  text-align: right;
-}
-</style>
+<template>
+  <div class="app-container digitalImage">
+    <!--    工具栏-->
+    <el-form :inline="true" :model="query" ref="topForm" class="form-inline-hospital" size="small">
+      <el-form-item>
+        <!--  区域   -->
+        <el-cascader
+          v-model="query.address"
+          placeholder="医院地区"
+          :options="provinceList"
+          :props="props"
+          style="width: 220px"
+          @active-item-change="handleItemChange"
+          @change="addressChange"
+          @blur="forceUpdate">
+        </el-cascader>
+      </el-form-item>
+      <el-form-item>
+        <el-select
+          v-model="query.hospitalType"
+          clearable
+          placeholder="医院类别"
+          class="filter-item"
+          style="width: 160px"
+          @change="changeHospital"
+          @clear="changeHospital">
+          <el-option
+            v-for="item in dict.hos_category"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <!--    医院等级   -->
+      <el-form-item>
+        <el-select
+          v-model="query.level"
+          clearable
+          @change="changeHospital"
+          @clear="changeHospital"
+          placeholder="医院等级（级）"
+          class="filter-item"
+          style="width: 160px">
+          <el-option
+            v-for="item in dict.hos_rank"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="hospitalTypeList">
+        <el-select
+          v-model="query.hospitalIdList"
+          clearable
+          filterable
+          multiple
+          @change="changeHospital"
+          @clear="changeHospital"
+          placeholder="医院名称"
+          class="filter-item"
+          style="width: 160px">
+          <el-option
+            v-for="item in hospitalNames"
+            :key="item.scenceId"
+            :label="item.hospitalName"
+            :value="item.scenceId" />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="softwareType">
+        <el-select
+          v-model="query.softwareType"
+          clearable
+          @change="changeHospital"
+          @clear="changeHospital"
+          placeholder="软件类型"
+          class="filter-item"
+          style="width: 160px">
+          <el-option v-for="item in softData" :key="item" :label="item" :value="item" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <!-- <date-range-picker
+          v-model="query.consultationTimeList"
+          :picker-options="pickerOptions"
+          popper-class="isDisabledDate"
+          valueFormat="yyyy-MM-dd"
+          style="width: 250px"
+          class="date-item"
+          @change="dateChange"
+          @blur="forceUpdate"
+          :clearable="false"
+        /> -->
+        <date-range-picker
+          @blur="forceUpdate"
+          @change="dateChange"
+          v-model="query.consultationTimeList"
+          :picker-options="pickerOptions"
+          popper-class="isDisabledDate"
+          valueFormat="yyyy-MM-dd"
+          style="width: 250px"
+          class="date-item"
+          :clearable="false" />
+      </el-form-item>
+
+      <el-button @click="toQuery" class="filter-item" size="small">查询 </el-button>
+      <el-button @click="resetQueryClick" class="filter-item" size="small">重置 </el-button>
+    </el-form>
+    <!-- 统计模块 -->
+    <div class="self-statiscs">
+      <div class="other" @click="offlineClick(1, 'hospitalDetail', '医院数量详情')">
+        <p class="top">
+          <span>医院数量</span>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="是【医院管理】模块内录入自助机信息的医院数量及自助机总量，不随检索时间及软件类型变化"
+            placement="top-start">
+            <span class="el-icon-question"></span>
+          </el-tooltip>
+          <span class="bold">{{ (cloudCount.myHospitalTotal || 0) | NumFormat }}</span>
+        </p>
+        <p class="bottom">
+          <span><i></i>配备自助机</span>
+          <span class="bold">{{ (cloudCount.myMachineQuantity || 0) | NumFormat }}</span>
+        </p>
+      </div>
+      <div class="other" @click="offlineClick(2, 'hospitalDetail', '监测自助机详情')">
+        <p class="top">
+          <span>监测自助机系统</span>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="是系统实际监测到的系统数量，不随检索时间变化"
+            placement="top-start">
+            <span class="el-icon-question"></span>
+          </el-tooltip>
+          <span class="bold">{{ (cloudCount.machineTotal || 0) | NumFormat }}</span>
+        </p>
+        <div class="bottom special-bottom">
+          <!-- <img src="~@/assets/images/hospital_icon.png" alt="" /> -->
+          <p>
+            <i></i>影联系统<span class="bold">{{
+              (cloudCount.ylyxMachineTotal || 0) | NumFormat
+            }}</span>
+          </p>
+          <p>
+            <i></i>真实自助机<span class="bold">{{
+              (cloudCount.realMachine || 0) | NumFormat
+            }}</span>
+          </p>
+          <p :style="{ visibility: query.softwareType == '影联' ? 'hidden' : 'visible' }">
+            <i class="first"></i>非影联系统<span class="bold">{{
+              (cloudCount.otherMachineTotal || 0) | NumFormat
+            }}</span>
+          </p>
+          <p>
+            <i class="first"></i>非真实自助机<span class="bold">{{
+              (cloudCount.virtualMachine || 0) | NumFormat
+            }}</span>
+          </p>
+        </div>
+      </div>
+      <div class="other" @click="offlineClick(3, 'hospitalDetail', '自助机活跃度详情')">
+        <p class="top">
+          <span>自助机活跃度</span>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="是实际监测到的真实自助机的活跃度"
+            placement="top-start">
+            <span class="el-icon-question"></span>
+          </el-tooltip>
+          <span class="bold">{{ dealData(cloudCount.activityRate) }}</span>
+        </p>
+        <div class="bottom">
+          <!-- <img src="~@/assets/images/hospital_icon.png" alt="" /> -->
+          <p>
+            <i></i>影联系统<span class="bold">{{
+              dealData(cloudCount.ylyxMachineActivityRate)
+            }}</span>
+          </p>
+          <p v-show="query.softwareType !== '影联'">
+            <i class="first"></i>非影联系统<span class="bold">{{
+              dealData(cloudCount.qtMachineActivityRate)
+            }}</span>
+          </p>
+        </div>
+      </div>
+      <div class="other">
+        <p class="top">
+          <!-- <img src="~@/assets/images/hospital_icon.png" alt="" /> -->
+          <span>打印报告</span>
+          <span class="bold">{{ (cloudCount.cumulativePrintTimes || 0) | NumFormat }}</span>
+        </p>
+        <div class="bottom">
+          <!-- <img src="~@/assets/images/hospital_icon.png" alt="" /> -->
+          <p>
+            <i></i>影联系统<span class="bold">{{
+              (cloudCount.ylyxCumulativePrintTimes || 0) | NumFormat
+            }}</span>
+          </p>
+          <p :style="{ visibility: query.softwareType == '影联' ? 'hidden' : 'visible' }">
+            <i class="first"></i>非影联系统<span class="bold">{{
+              (cloudCount.qtCumulativePrintTimes || 0) | NumFormat
+            }}</span>
+          </p>
+        </div>
+      </div>
+      <div class="other bg2" @click="offlineClick(5, 'offlineDetail', '客户端状态详情')">
+        <p class="top">
+          <span>客户端状态</span>
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="影联客户端在线状态，不随检索的时间区间及软件类型变化"
+            placement="top-start">
+            <span class="el-icon-question"></span>
+          </el-tooltip>
+        </p>
+        <p class="bottom">
+          <span>
+            <svg-icon class-name="online" icon-class="online" />在线<span class="bold">{{
+              (cloudCount.online || 0) | NumFormat
+            }}</span></span
+          >
+          <span>
+            <svg-icon class-name="offline" icon-class="offline" />离线<span class="bold">{{
+              (cloudCount.offline || 0) | NumFormat
+            }}</span></span
+          >
+        </p>
+        <div class="offline-detail">离线详情</div>
+      </div>
+    </div>
+    <div class="changeBtns">
+      <div class="frequency">
+        <ul>
+          <li
+            v-for="(item, index) in frequencyArr"
+            :key="index"
+            :class="[activeIndex == item.active ? 'frequencyActive' : '']"
+            @click="clickFrequency(item.active)">
+            {{ item.name }}
+          </li>
+        </ul>
+      </div>
+      <div class="radioBtn">
+        <el-radio-group v-model="radio1" size="small" @change="changeRadio">
+          <el-radio-button label="day">按天</el-radio-button>
+          <el-radio-button label="week">按周</el-radio-button>
+          <el-radio-button label="month">按月</el-radio-button>
+          <el-radio-button label="year">按年</el-radio-button>
+        </el-radio-group>
+      </div>
+    </div>
+
+    <line-chart :className="'lineChart'" :chart-data="lineChartData" />
+    <div class="export">
+      <el-button type="primary" @click="explore" :loading="downloadLoading" plain size="mini"
+        >导出</el-button
+      >
+    </div>
+    <div class="table-Data">
+      <!-- 表格 -->
+      <el-table :data="crud.data" v-loading="crud.loading" @sort-change="sortChange">
+        <el-table-column label="序号" width="60px">
+          <template slot-scope="scope">
+            <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-for="(item, index) in checkTable"
+          :key="index.key"
+          :label="item.label"
+          :prop="item.prop"
+          :show-overflow-tooltip="true"
+          :min-width="item.width"
+          :sortable="item.sort"
+          :render-header="renderPrice"
+          :sort-method="
+            (a, b) => {
+              return a[item.prop] - b[item.prop];
+            }
+          ">
+          <template slot-scope="scope">
+            <div v-if="item.prop == 'hospitalType'">
+              {{ hosCategory(scope.row.hospitalType) || omitData }}
+            </div>
+            <div v-else-if="item.prop == 'level'">
+              {{ hosRank(scope.row.level) || omitData }}
+            </div>
+            <div v-else-if="item.prop == 'printTimes'">
+              {{ scope.row.printTimes || 0 }}
+            </div>
+            <div v-else-if="item.prop == 'printTimeOfDailyAverage'">
+              {{ scope.row.printTimeOfDailyAverage || 0 }}
+            </div>
+            <div v-else-if="item.prop == 'activityMachineTotalRate'">
+              {{ dealData(scope.row.activityMachineTotalRate) }}
+            </div>
+            <div v-else-if="item.prop == 'reportConversionRate'">
+              {{ dealData(scope.row.reportConversionRate) }}
+            </div>
+            <div v-else>
+              {{ scope.row[item.prop] || omitData }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="80" fixed="right">
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" @click="goCloudDetail(scope.row)">详情 </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+
+    <!-- 维护记录弹窗 -->
+    <el-dialog
+      :title="currentDetail.hospitalName"
+      top="5vh"
+      :visible.sync="cloudDetailVisiable"
+      :close-on-click-modal="false"
+      width="75%"
+      @close="dialogClosse">
+      <span slot="title" class="dialog-footer"
+        >{{ currentDetail.hospitalName }} {{ currentDetail.startTime }}至{{
+          currentDetail.endTime
+        }}</span
+      >
+      <cloudListDetail ref="cloudListDetail" :cloudDetail="currentDetail" />
+    </el-dialog>
+    <!-- 维护记录弹窗 -->
+    <el-dialog
+      :title="dialogText"
+      top="5vh"
+      :visible.sync="offlineDetailVisiable"
+      :close-on-click-modal="false"
+      width="85%">
+      <span slot="title" class="dialog-footer"
+        >{{ dialogText }}
+        <el-tooltip class="item" effect="dark" placement="top-start">
+          <div slot="content" v-html="content"></div>
+          <span class="el-icon-question" v-if="clickIndex !== 5"></span> </el-tooltip
+      ></span>
+      <hospital-detail ref="hospitalDetail" v-if="clickIndex !== 5"></hospital-detail>
+      <!-- <self-monitor-detail
+        ref="selfMonitorDetail"
+        v-if="clickIndex == 2"
+      ></self-monitor-detail>
+      <self-active-detail
+        ref="selfActiveDetail"
+        v-if="clickIndex == 3"
+      ></self-active-detail> -->
+      <offline-detail ref="offlineDetail" v-if="clickIndex == 5" :data="query" />
+    </el-dialog>
+    <!-- <WaterMark :waterMarkProp="waterMarkProp" /> -->
+  </div>
+</template>
+
+<script>
+import LineChart from './components/LineChart.vue';
+import { mapGetters } from 'vuex';
+import pagination from '@crud/Pagination';
+import cloudListDetail from './monitorDetail/index.vue';
+import offlineDetail from './offlineDetail/index.vue';
+import hospitalDetail from './hospitalDetail/index.vue';
+import selfMonitorDetail from './selfMonitorDetail/index.vue';
+import selfActiveDetail from './selfActiveDetail/index.vue';
+import CRUD, { presenter, header, crud } from '@crud/crud';
+import { getTotalData, getLineData, queryHospital } from '@/api/selfStatistics/index.js';
+import DateRangePicker from '@/components/DateRangePicker';
+import institutionMonitor from '@/api/institutionMonitor/index';
+import { getDay } from '@/utils/getTime';
+import WaterMark from './setWaterMark/waterMark.vue';
+import { downloadFile } from '@/utils/index';
+import { downloadPost } from '@/api/data';
+const end = getDay(-1);
+const start = getDay(-7);
+export default {
+  name: 'cloudStatistics',
+  components: {
+    pagination,
+    cloudListDetail,
+    DateRangePicker,
+    LineChart,
+    offlineDetail,
+    WaterMark,
+    hospitalDetail,
+    selfMonitorDetail,
+    selfActiveDetail,
+  },
+  dicts: ['cloud_code', 'hos_category', 'hos_rank'],
+  data() {
+    return {
+      waterMarkProp: {
+        zIndex: 1,
+        devicePixelRatio: 2,
+        text: '',
+        showTime: true,
+      },
+      omitData: '-',
+      provinceList: [],
+      // 区域
+      props: {
+        value: 'value',
+        children: 'cities',
+        label: 'label',
+        checkStrictly: true,
+      },
+      hospitalNames: [],
+      radio1: 'day',
+      checkTable: [
+        { label: '医院名称', prop: 'hospitalName', width: '180px' },
+        { label: '医院类别', prop: 'hospitalType', width: '120px' },
+        { label: '医院等级（级）', prop: 'level', width: '120px' },
+        { label: '配备自助机', prop: 'myMachineTotal', width: '120px', sort: true },
+        { label: '监测自助机', prop: 'machineTotal', width: '120px', sort: true },
+        {
+          label: '该时间段活跃自助机',
+          prop: 'activityMachineTotal',
+          width: '190px',
+          sort: true,
+        },
+        {
+          label: '该时间段自助机活跃度',
+          prop: 'activityMachineTotalRate',
+          width: '190px',
+          sort: true,
+        },
+
+        { label: '审核报告量', prop: 'auditedDataTotal', width: '120px', sort: true },
+        { label: '打印报告量', prop: 'printTimes', width: '120px', sort: true },
+        { label: '报告转化率', prop: 'reportConversionRate', width: '120px', sort: true },
+        {
+          label: '日均打印报告量',
+          prop: 'printTimeOfDailyAverage',
+          width: '160px',
+          sort: true,
+        },
+      ],
+      // 获取统计数量
+      cloudCount: {},
+      // 详情弹窗控制
+      cloudDetailVisiable: false,
+      // 当前点击的详情信息
+      currentDetail: {},
+      // 导出
+      downloadLoading: false,
+      // 离线详情
+      offlineDetailVisiable: false,
+      // 判断是否第一次
+      crudShow: false,
+      lineChartData: {
+        times: [],
+        datas: [],
+      },
+      activeIndex: 1,
+      clickIndex: 1,
+      dialogText: '',
+      frequencyArr: [
+        {
+          name: '数据趋势',
+          active: '1',
+        },
+      ],
+      softData: ['影联'],
+      sortString: {
+        myMachineTotal: 1,
+        machineTotal: 2,
+        activityMachineTotal: 6,
+        auditedDataTotal: 7,
+        printTimes: 8,
+        printTimeOfDailyAverage: 9,
+        activityMachineTotalRate: 11,
+        reportConversionRate: 12,
+      },
+      downloadLoading: false,
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() > Date.now();
+        },
+        shortcuts: [
+          {
+            text: '近一周',
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              end.setTime(end.getTime() - 3600 * 1000 * 24);
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit('pick', [start, end]);
+            },
+          },
+          {
+            text: '近一个月',
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              end.setTime(end.getTime() - 3600 * 1000 * 24);
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit('pick', [start, end]);
+            },
+          },
+          {
+            text: '近三个月',
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              end.setTime(end.getTime() - 3600 * 1000 * 24);
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit('pick', [start, end]);
+            },
+          },
+          {
+            text: '最近一年',
+            onClick: picker => {
+              const end = new Date(); // 当前日期
+              const start = new Date(); // 开始日期
+
+              end.setDate(end.getDate() - 1); // 设置结束日期为昨天
+              start.setFullYear(start.getFullYear() - 1); // 设置开始日期为一年前
+
+              picker.$emit('pick', [start, end]);
+            },
+          },
+          {
+            text: '本年度',
+            onClick: picker => {
+              const end = new Date(); // 当前日期
+              const start = new Date(); // 开始日期
+              start.setDate(1);
+              end.setDate(end.getDate() - 1); // 设置结束日期为昨天
+              start.setMonth(0); // 设置开始日期为今年的1月份
+              picker.$emit('pick', [start, end]);
+            },
+          },
+        ],
+      },
+    };
+  },
+  mounted() {
+    this.waterMarkProp.text = this.user.name;
+  },
+  cruds() {
+    return CRUD({
+      title: '医院',
+      url: 'machine/getHospitalTableData',
+      crudMethod: {},
+      sort: [],
+      query: {},
+    });
+  },
+  computed: {
+    ...mapGetters(['user']),
+    content() {
+      return ` 配备自助机数量：是公司在医疗机构实际安装的自助机数量；<br/>
+         监测自助机数量：是系统实际监测到的医疗机构的自助机数量（自助机信息上传成功）；<br/>
+          影联系统：是监测到的自助机中，有几台安装的是影联自研的打印系统；<br/>
+           非影联系统：是监测到的自助机中，有几台安装的不是影联自研的打印系统；<br/>
+            近7天是否活跃：是近7天该医疗机构监测到的自助机是否有过打印记录；</br>
+             近7天活跃度：是该医疗机构监测到的自助机的活跃度，近7天有过打印记录的自助机数量÷监测到的自助机总数量；<br/>
+        `;
+    },
+  },
+  mixins: [presenter(), header(), crud()],
+
+  filters: {
+    NumFormat(value) {
+      if (value == '-') return '-';
+      if (!value) return '0';
+      /*原来用的是Number(value).toFixed(0)，这样取整时有问题，例如0.51取整之后为1，感谢Nils指正*/
+      /*后来改成了 Number(value)|0,但是输入超过十一位就为负数了，具体见评论 */
+      var intPart = Number(value) - (Number(value) % 1); //获取整数部分（这里是windy93的方法）
+      var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); //将整数部分逢三一断
+
+      var floatPart = ''; //预定义小数部分
+      var value2Array = value.toString().split('.');
+
+      //=2表示数据有小数位
+      if (value2Array.length == 2) {
+        floatPart = value2Array[1].toString(); //拿到小数部分
+
+        if (floatPart.length == 1) {
+          //补0,实际上用不着
+          return intPartFormat + '.' + floatPart + '0';
+        } else {
+          return intPartFormat + '.' + floatPart;
+        }
+      } else {
+        return intPartFormat + floatPart;
+      }
+    },
+  },
+
+  methods: {
+    dealData(value) {
+      if (value == -1 || value === undefined) {
+        return '-';
+      } else if (value === 0) {
+        return value;
+      } else {
+        return value + '%';
+      }
+    },
+    sortChange(column) {
+      if (column.order == 'ascending') {
+        this.query = {
+          ...this.query,
+          sortType: this.sortString[column.prop],
+          sort: 1,
+        };
+        this.crud.toQuery();
+      } else if (column.order == 'descending') {
+        this.query = {
+          ...this.query,
+          sortType: this.sortString[column.prop],
+          sort: 2,
+        };
+        this.crud.toQuery();
+      }
+    },
+    renderPrice(h, { column, $index }) {
+      if (column.property == 'activityMachineTotal') {
+        return [
+          column.label,
+          h(
+            'el-tooltip',
+            {
+              props: {
+                content: '在上方选择的时间区间内，有过打印记录的被监测到的自助机数量',
+                placement: 'top', // 悬停内容展示的位置
+              },
+            },
+            [h('span', { class: { 'el-icon-question': true } })] // 图标
+          ),
+        ];
+      } else {
+        return column.label;
+      }
+    },
+    // 导出
+    explore() {
+      this.downloadLoading = true;
+      // let hospitalId=this.currentDetail.hospitalId
+      // let hospitalName=this.currentDetail.hospitalName,
+      let data = {
+        ...this.query,
+      };
+      downloadPost('machine/downloadHospitalTableData', data)
+        .then(result => {
+          this.downloadLoading = false;
+        })
+        .catch(e => {
+          let text = `医院列表  ${this.query.startTime}至${this.query.endTime}`;
+          downloadFile(e, text, 'xlsx');
+          this.downloadLoading = false;
+        });
+    },
+    // 返回医院类别对应的名称
+    hosCategory(category) {
+      return this.dict.label.hos_category[category];
+    },
+    // 返回医院等级(级)对应的名称
+    hosRank(rank) {
+      return this.dict.label.hos_rank[rank];
+    },
+    // 地区联动获取数据
+    getPosition(val, cb) {
+      let vm = this; //查询省市县
+      let params = { parent: 1 };
+      if (!val) {
+        //初始化加载 获取所有省份数据
+        params = { parent: 1 };
+      } else if (val.length === 1) {
+        //加载二级  获取市级数据
+        params = { parent: val[0] };
+      } else {
+        //加载3级   获取县级数据
+        params = { parent: val[1] };
+      }
+      institutionMonitor
+        .queryNation(params)
+        .then(res => {
+          if (!val) {
+            //初始化加载   查询省份数据
+            vm.provinceList = res.content.map(e => {
+              return {
+                value: e.saleid,
+                label: e.province,
+                cities: [],
+              };
+            });
+          } else if (val.length === 1) {
+            //加载二级    查询该省下市级数据
+            vm.provinceList.map(item => {
+              if (item.value === val[0]) {
+                item.cities = res.content.map(e => {
+                  return {
+                    value: e.saleid,
+                    label: e.city || e.county,
+                    cities: [],
+                  };
+                });
+              }
+            });
+          } else {
+            //加载3级   查询该省市下县级数据
+            vm.provinceList.map(item => {
+              if (item.value === val[0]) {
+                item.cities.map(value => {
+                  if (value.value === val[1]) {
+                    value.cities = res.content.map(e => {
+                      return { value: e.saleid, label: e.county };
+                    });
+                  }
+                });
+              }
+            });
+          }
+          cb && cb(res);
+        })
+        .catch(err => {
+          console.log(err);
+        });
+    },
+    // 一级二级改变的时候调取下一级数据
+    handleItemChange(val) {
+      this.getPosition(val);
+    },
+    // 查询医院名称
+    queryHospital() {
+      let params = JSON.parse(JSON.stringify(this.query));
+      params.county = params.district;
+
+      // 删除时间 医院名称
+      delete params.consultationTimeList;
+      delete params.address;
+      delete params.startTime;
+      delete params.endTime;
+      delete params.hospitalIdList;
+      params.deleted = 0;
+      queryHospital(params).then(res => {
+        this.hospitalNames = [];
+        res.forEach(k => {
+          let obj = {
+            scenceId: k.scenceId,
+            hospitalName: k.hospitalName,
+          };
+          this.hospitalNames.push(obj);
+        });
+      });
+    },
+    addressChange(status) {
+      if (this.query.address.length > 0) {
+        this.query.province = this.query.address[0];
+        this.query.city = this.query.address[1];
+        this.query.district = this.query.address[2];
+      }
+      this.queryHospital();
+      this.forceUpdate();
+      this.getCloudCount();
+      this.getLineData();
+      if (status != 1) {
+        this.crud.toQuery();
+      }
+    },
+    // 选择逐日-逐年
+    changeRadio() {
+      this.getLineData();
+    },
+    dateChange() {
+      this.forceUpdate();
+      if (this.query.consultationTimeList) {
+        this.query.startTime = this.query.consultationTimeList[0];
+        this.query.endTime = this.query.consultationTimeList[1];
+      } else {
+        this.query.startTime = '';
+        this.query.endTime = '';
+      }
+    },
+    //获取统计参数
+    getCloudCount() {
+      let data = {
+        ...this.query,
+      };
+      delete data.consultationTimeList;
+      delete data.address;
+      getTotalData(data).then(res => {
+        console.log(res);
+        this.cloudCount = res || {};
+      });
+    },
+    getLineData() {
+      let data = {
+        ...this.query,
+        statisticsType: this.radio1,
+      };
+      delete data.consultationTimeList;
+      delete data.address;
+      getLineData(data).then(res => {
+        this.lineChartData = res;
+      });
+    },
+    forceUpdate() {
+      this.$forceUpdate(); // 强制刷新
+    },
+    //重置
+    resetQueryClick() {
+      Object.keys(this.query).map(key => {
+        this.query[key] = '';
+      });
+      this.getPosition(null, () => {});
+
+      this.query.address = ['1114'];
+      this.query.consultationTimeList = [start, end];
+      this.toQuery();
+    },
+
+    //弹出框关闭
+    dialogClosse() {
+      this.currentDetail = {};
+    },
+    offlineClick(status, prop, title) {
+      this.offlineDetailVisiable = true;
+      this.clickIndex = status;
+      this.dialogText = title;
+      // this.
+      this.$nextTick(() => {
+        this.$refs[prop].toQuery(this.query, status, title);
+      });
+    },
+    //详情
+    goCloudDetail(row) {
+      // debugger;
+      this.cloudDetailVisiable = true;
+      this.currentDetail = {
+        ...row,
+        startTime: this.query.startTime,
+        endTime: this.query.endTime,
+        softwareType: this.query.softwareType,
+      };
+      this.$nextTick(() => {
+        if (this.currentDetail.hospitalId) {
+          this.$refs.cloudListDetail.getCloudDetail(this.currentDetail);
+        }
+      });
+    },
+    //改变选择的医院
+    changeHospital() {
+      this.forceUpdate();
+      this.queryHospital();
+      this.toQuery();
+    },
+    toQuery() {
+      this.dateChange();
+      this.addressChange();
+      this.crud.toQuery();
+      this.getLineData();
+      this.getCloudCount();
+    },
+
+    [CRUD.HOOK.beforeRefresh](crud) {
+      Object.keys(this.query).map(key => {
+        if (typeof this.query[key] == 'string') {
+          this.query[key] = this.query[key].trim();
+        }
+      });
+      if (!this.query.consultationTimeList && !this.crudShow) {
+        this.getPosition(null, () => {});
+        this.query.consultationTimeList = [start, end];
+        this.query.address = ['1114'];
+        this.dateChange();
+        this.addressChange(1);
+        // this.getLineData();
+        // this.getCloudCount();
+        this.crudShow = true;
+      }
+      crud.query = {
+        ...this.query,
+      };
+    },
+    [CRUD.HOOK.afterRefresh](crud) {
+      console.log(crud, 111111);
+    },
+  },
+
+  destroyed() {},
+
+  activated() {
+    // this.getCloudCount()
+  },
+};
+</script>
+<style lang="scss"></style>
+<style rel="stylesheet/scss" lang="scss" scoped>
+@import './index.scss';
+
+.exploreFlex {
+  padding: 8px;
+  text-align: right;
+}
+</style>