ylyx-cli 1.0.14 → 1.0.16

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

@@ -1,285 +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>
+<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>