ylyx-cli 1.0.0

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

@@ -0,0 +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>