ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/selfStatistics/mixins/resize.js

@@ -0,0 +1,57 @@
+import { debounce } from '@/utils';
+
+export default {
+  data() {
+    return {
+      $_sidebarElm: null,
+      $_resizeHandler: null,
+    };
+  },
+  mounted() {
+    this.$_resizeHandler = debounce(() => {
+      if (this.chart) {
+        this.chart.resize();
+      }
+    }, 100);
+    this.$_initResizeEvent();
+    this.$_initSidebarResizeEvent();
+  },
+  beforeDestroy() {
+    this.$_destroyResizeEvent();
+    this.$_destroySidebarResizeEvent();
+  },
+  // to fixed bug when cached by keep-alive
+  // https://github.com/PanJiaChen/vue-element-admin/issues/2116
+  activated() {
+    this.$_initResizeEvent();
+    this.$_initSidebarResizeEvent();
+  },
+  deactivated() {
+    this.$_destroyResizeEvent();
+    this.$_destroySidebarResizeEvent();
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_initResizeEvent() {
+      window.addEventListener('resize', this.$_resizeHandler);
+    },
+    $_destroyResizeEvent() {
+      window.removeEventListener('resize', this.$_resizeHandler);
+    },
+    $_sidebarResizeHandler(e) {
+      if (e.propertyName === 'width') {
+        this.$_resizeHandler();
+      }
+    },
+    $_initSidebarResizeEvent() {
+      this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0];
+      this.$_sidebarElm &&
+        this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler);
+    },
+    $_destroySidebarResizeEvent() {
+      this.$_sidebarElm &&
+        this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler);
+    },
+  },
+};

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

@@ -0,0 +1,285 @@
+<template>
+  <div>
+    <div class="table-Data">
+      <!-- <div class="exploreFlex">
+        <el-button :downloadLoading="downloadLoading" @click="explore" type="primary" size="small">导出</el-button>
+      </div> -->
+      <el-form
+        :inline="true"
+        :model="query"
+        ref="topForm"
+        class="form-inline-hospital"
+        size="small">
+        <el-form-item prop="softwareType">
+          <el-select
+            v-model="query.softwareType"
+            clearable
+            @change="crud.toQuery"
+            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>
+          <el-select
+            v-model="query.modality"
+            clearable
+            multiple
+            @change="crud.toQuery"
+            placeholder="检查模式"
+            class="filter-item"
+            style="width: 160px">
+            <el-option
+              v-for="item in dict.machine_moshi"
+              :key="item.value"
+              :label="item.label"
+              :value="item.label" />
+          </el-select>
+        </el-form-item>
+
+        <el-button @click="crud.toQuery()" class="filter-item" size="small">查询 </el-button>
+        <el-button @click="resetForm" class="filter-item" size="small">重置 </el-button>
+        <!-- <div class="exploreFlex"> -->
+        <el-button :loading="downloadLoading" @click="explore" class="filter-item" size="small"
+          >导出</el-button
+        >
+        <!-- </div> -->
+      </el-form>
+      <!-- 表格 -->
+      <el-table :data="crud.data" ref="cloudTable" v-loading="crud.loading">
+        <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 headerTable"
+          :key="index.key"
+          :label="item.label"
+          :prop="item.prop"
+          :show-overflow-tooltip="true"
+          :min-width="item.width">
+          <template slot-scope="scope">
+            <div v-if="item.prop == 'realMachineStatus'">
+              {{ scope.row.realMachineStatus == 1 ? '是' : '否' }}
+            </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"
+              :disabled="scope.row.realMachineStatus == 1"
+              type="text"
+              @click="deletData(scope.row)"
+              >删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <p>打印次数总计：{{ getTotal() }}</p>
+      <!--分页组件-->
+      <pagination />
+      <div class="warningStyle">
+        <div>
+          <i class="el-icon-warning warning-icon"></i>
+          注明：该列表只展示该时间段活跃的自助机信息
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import pagination from '@crud/Pagination';
+import CRUD, { presenter, header, crud } from '@crud/crud';
+import { removeMachine } from '@/api/selfStatistics/index.js';
+import { codemirror } from 'vue-codemirror';
+import 'codemirror/theme/idea.css';
+import 'codemirror/mode/sql/sql.js';
+import 'codemirror/mode/xml/xml';
+import 'codemirror/theme/monokai.css';
+import { mapGetters } from 'vuex';
+import { downloadFile } from '@/utils/index';
+import { download } from '@/api/data';
+
+export default {
+  name: 'cloudSet',
+  components: {
+    pagination,
+    codemirror,
+  },
+  props: {
+    // cloudDetail: {
+    //   type: Object,
+    //   required: true,
+    // },
+  },
+  cruds() {
+    return CRUD({
+      title: '医院管理',
+      url: '',
+      sort: [],
+      query: {},
+    });
+  },
+  dicts: ['machine_moshi'],
+
+  mixins: [presenter(), header(), crud()],
+  data() {
+    return {
+      omitData: '-',
+      headerTable: [
+        { label: 'MAC', prop: 'machineId', width: '150px' },
+        { label: '所属科室', prop: 'departmentName', width: '150px' },
+        { label: '具体位置', prop: 'specificLocation', width: '150px' },
+        { label: '软件类型', prop: 'softwareType', width: '100px' },
+        { label: '硬件厂家', prop: 'factory', width: '150px' },
+        { label: '自助机编号', prop: 'serialNumber', width: '150px' },
+        { label: '打印报告量', prop: 'printTimes', width: '120px' },
+        { label: '是否为真实自助机', prop: 'realMachineStatus', width: '140px' },
+      ],
+      softData: ['影联'],
+      currentDetail: {},
+      downloadLoading: false,
+    };
+  },
+
+  created() {
+    this.tableInit();
+  },
+  activated() {
+    this.tableInit();
+  },
+  computed: {
+    ...mapGetters(['user', 'cloutSetDetail']),
+  },
+  watch: {
+    // cloudDetail: {
+    //   // 对对象进行深度监听
+    //   handler(val) {
+    //     if (val.hospitalId) {
+    //       this.query = {};
+    //       this.currentDetail = val;
+    //       this.query.softwareType = val.softwareType;
+    //       this.crud.toQuery();
+    //     }
+    //   },
+    //   immediate: true,
+    //   deep: true,
+    // },
+  },
+  methods: {
+    getCloudDetail(val) {
+      if (val.hospitalId) {
+        this.crud.url = 'machine/getHospitalTableDetailData';
+        this.query = {};
+        this.currentDetail = val;
+        this.query.softwareType = val.softwareType;
+        this.crud.toQuery();
+      }
+    },
+    getTotal() {
+      return this.crud.data.reduce((total, obj) => total + obj.printTimes, 0);
+    },
+    forceUpdate() {
+      this.$forceUpdate(); // 强制刷新
+    },
+    deletData(row) {
+      this.$confirm(
+        '是否确定删除该条数据？确定删除后，该MAC及MAC相关的所有打印数据会同步删除',
+        '提示',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        }
+      ).then(() => {
+        let data = {
+          machineId: row.machineId,
+          hospitalId: this.currentDetail.hospitalId,
+        };
+        removeMachine(data).then(res => {
+          this.crud.toQuery();
+          this.$message({
+            type: 'success',
+            message: '删除成功!',
+          });
+        });
+      });
+    },
+    [CRUD.HOOK.beforeRefresh](crud) {
+      crud.query = {
+        ...this.query,
+        hospitalId: this.currentDetail.hospitalId,
+        hospitalName: this.currentDetail.hospitalName,
+        startTime: this.currentDetail.startTime,
+        endTime: this.currentDetail.endTime,
+      };
+      Object.keys(this.query).map(key => {
+        if (typeof this.query[key] == 'string') {
+          this.query[key] = this.query[key].trim();
+        }
+      });
+      return true;
+    },
+    tableInit() {
+      this.$nextTick(() => {
+        // myTable是表格的ref属性值
+        if (this.$refs.cloudTable && this.$refs.cloudTable.doLayout) {
+          this.$refs.cloudTable.doLayout();
+        }
+      });
+    },
+    resetForm() {
+      Object.keys(this.query).map(key => {
+        this.query[key] = '';
+      });
+      this.crud.toQuery();
+    },
+    //导出按钮
+    explore() {
+      this.downloadLoading = true;
+      // let hospitalId=this.currentDetail.hospitalId
+      // let hospitalName=this.currentDetail.hospitalName,
+      let data = {
+        ...this.query,
+        hospitalId: this.currentDetail.hospitalId,
+        hospitalName: this.currentDetail.hospitalName,
+        startTime: this.currentDetail.startTime,
+        endTime: this.currentDetail.endTime,
+      };
+      download('machine/downloadHospitalTableDetailData', data)
+        .then(result => {
+          this.downloadLoading = false;
+        })
+        .catch(e => {
+          let isCn = false;
+          let str = '';
+          if (this.currentDetail.startTime) {
+            str = this.currentDetail.startTime + '至' + this.currentDetail.endTime;
+          }
+          downloadFile(e, `${this.currentDetail.hospitalName} ${str}`, 'xlsx', isCn);
+          this.downloadLoading = false;
+        });
+    },
+  },
+};
+</script>
+<style>
+.cm-s-monokai.CodeMirror {
+  height: calc(100vh - 380px);
+}
+</style>
+<style scoped lang="scss">
+.exploreFlex {
+  padding: 8px;
+  text-align: right;
+}
+.warningStyle {
+  color: #ff7b35;
+}
+</style>

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

@@ -0,0 +1,104 @@
+<template>
+  <div class="table-Data">
+    <!-- 表格 -->
+    <el-table :data="crud.data" ref="offlineTable" v-loading="crud.loading">
+      <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 headerTable"
+        :key="index.key"
+        :label="item.label"
+        :prop="item.prop"
+        :min-width="item.width">
+        <template slot-scope="scope">
+          <div v-if="item.prop == 'printTimes'">
+            {{ scope.row.printTimes || 0 }}
+          </div>
+          <div v-else>{{ scope.row[item.prop] || omitData }}</div>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import CRUD, { presenter, header, crud } from '@crud/crud';
+import { mapGetters } from 'vuex';
+
+export default {
+  name: 'cloudSet',
+  components: {},
+  cruds() {
+    return CRUD({
+      title: '医院管理',
+      url: '',
+      sort: [],
+      query: {},
+    });
+  },
+  props: {
+    data: {
+      type: Object,
+    },
+  },
+  watch: {
+    data(newVal, old) {
+      console.log(newVal);
+    },
+  },
+  mixins: [presenter(), header(), crud()],
+  data() {
+    return {
+      omitData: '-',
+      headerTable: [
+        { label: '医院名称', prop: 'hospitalName', width: '150px' },
+        { label: '影联客户端总量', prop: 'machineTotal', width: '120px' },
+        { label: '客户端离线量', prop: 'offLine', width: '120px' },
+        { label: '位置', prop: 'location', width: '300px' },
+      ],
+      currentDetail: {},
+      downloadLoading: false,
+    };
+  },
+  created() {
+    this.tableInit();
+  },
+  activated() {
+    this.tableInit();
+  },
+  methods: {
+    toQuery() {
+      this.crud.url = 'machine/getOffLineList';
+      this.crud.toQuery();
+    },
+    [CRUD.HOOK.beforeRefresh](crud) {
+      console.log(crud);
+      crud.query = {
+        ...this.data,
+      };
+    },
+    tableInit() {
+      this.$nextTick(() => {
+        // myTable是表格的ref属性值
+        if (this.$refs.offlineTable && this.$refs.offlineTable.doLayout) {
+          this.$refs.offlineTable.doLayout();
+        }
+      });
+    },
+  },
+};
+</script>
+<style>
+.cm-s-monokai.CodeMirror {
+  height: calc(100vh - 380px);
+}
+</style>
+<style scoped lang="scss">
+.table-Data {
+  max-height: 60vh;
+  overflow: auto;
+}
+</style>

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

@@ -0,0 +1,104 @@
+<template>
+  <div class="tableData">
+    <!-- 表格 -->
+    <el-table :data="crud.data" ref="offlineTable" v-loading="crud.loading">
+      <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 headerTable"
+        :key="index.key"
+        :label="item.label"
+        :prop="item.prop"
+        :min-width="item.width">
+        <template slot-scope="scope">
+          <div v-if="item.prop == 'printTimes'">
+            {{ scope.row.printTimes || 0 }}
+          </div>
+          <div v-else>{{ scope.row[item.prop] || omitData }}</div>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import CRUD, { presenter, header, crud } from '@crud/crud';
+import { mapGetters } from 'vuex';
+
+export default {
+  name: 'cloudSet',
+  components: {},
+  cruds() {
+    return CRUD({
+      title: '医院管理',
+      url: '',
+      sort: [],
+      query: {},
+    });
+  },
+  props: {
+    data: {
+      type: Object,
+    },
+  },
+  watch: {
+    data(newVal, old) {
+      console.log(newVal);
+    },
+  },
+  mixins: [presenter(), header(), crud()],
+  data() {
+    return {
+      omitData: '-',
+      headerTable: [
+        { label: '医院名称', prop: 'hospitalName', width: '150px' },
+        { label: '影联客户端总量', prop: 'machineTotal', width: '120px' },
+        { label: '客户端离线量', prop: 'offLine', width: '120px' },
+        { label: '位置', prop: 'location', width: '300px' },
+      ],
+      currentDetail: {},
+      downloadLoading: false,
+    };
+  },
+  created() {
+    this.tableInit();
+  },
+  activated() {
+    this.tableInit();
+  },
+  methods: {
+    toQuery() {
+      this.crud.url = 'machine/getOffLineList';
+      this.crud.toQuery();
+    },
+    [CRUD.HOOK.beforeRefresh](crud) {
+      console.log(crud);
+      crud.query = {
+        ...this.data,
+      };
+    },
+    tableInit() {
+      this.$nextTick(() => {
+        // myTable是表格的ref属性值
+        if (this.$refs.offlineTable && this.$refs.offlineTable.doLayout) {
+          this.$refs.offlineTable.doLayout();
+        }
+      });
+    },
+  },
+};
+</script>
+<style>
+.cm-s-monokai.CodeMirror {
+  height: calc(100vh - 380px);
+}
+</style>
+<style scoped lang="scss">
+.tableData {
+  max-height: 60vh;
+  overflow: auto;
+}
+</style>