ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/dashboard/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/dataArchive/delTable.vue

@@ -0,0 +1,354 @@
+<template>
+  <div class="">
+    <!--工具栏-->
+    <div class="head-container">
+      <div>
+        <el-form :inline="true" :model="query" class="demo-form-dataArchive">
+          <el-form-item>
+            <el-input
+              v-model="query.patientId"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入患者编号"
+              style="width: 150px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.accessNumber"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入检查编号"
+              style="width: 150px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.patientName"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入姓名"
+              style="width: 150px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.modality"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入检查模式"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.examBodyPart"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入检查部位"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.examItemName"
+              size="small"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入检查项目"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item> </el-form-item>
+          <el-form-item>
+            <el-input
+              v-model="query.urlKey"
+              clearable
+              @clear="crud.toQuery"
+              placeholder="请输入urlKey"
+              style="width: 160px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery" />
+          </el-form-item>
+          <el-form-item label="检查医院：">
+            <el-select
+              v-model="query.hosId"
+              placeholder="请选择"
+              filterable
+              remote
+              clearable
+              reserve-keyword
+              :remote-method="remoteMethod"
+              :loading="loading"
+              style="width: 160px"
+              size="small">
+              <el-option
+                v-for="item in options"
+                :key="item.hospitalId"
+                :label="item.hospitalName"
+                :value="item.hospitalId">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="删除时间：">
+            <date-range-picker
+              style="width: 300px; height: 34px"
+              @blur="crud.toQuery"
+              startPlaceholder="开始检查时间"
+              endPlaceholder="结束检查时间"
+              @change="crud.toQuery"
+              :clearable="false"
+              v-model="query.createTime"
+              class="dataAchive-date-item" />
+          </el-form-item>
+          <el-form-item>
+            <rrOperation />
+          </el-form-item>
+          <!-- 搜索 -->
+        </el-form>
+        <crudOperation :permission="permission" />
+      </div>
+    </div>
+    <!--表格渲染-->
+    <el-card class="box-card" shadow="never">
+      <el-table
+        ref="table"
+        v-loading="crud.loading"
+        lazy
+        :data="crud.data"
+        :cell-style="{ textAlign: 'center' }"
+        :header-cell-style="{ textAlign: 'center' }"
+        :tree-props="{ children: 'flag', hasChildren: 'flag' }"
+        :row-key="getRowKeys"
+        @select="crud.selectChange"
+        @select-all="crud.selectAllChange"
+        @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55"> </el-table-column>
+        <el-table-column label="序号" type="index" align="center">
+          <template slot-scope="scope">
+             <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :show-overflow-tooltip="true"
+          v-for="(item, index) in tableHeader"
+          :key="index"
+          align="center"
+          :label="item.label"
+          :prop="item.prop"
+          :min-width="item.width"
+          :sortable="item.sortable">
+          <template slot-scope="scope">
+            <!--            || scope.row.patientObject[item.prop]-->
+            <span>
+              {{ scope.row[item.prop] || empty }}
+            </span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getDay } from '@/utils/getTime';
+import crudDataAchive, { getHospital } from '@/api/dataArchive/index';
+const start = getDay(-6) + ' 00:00:00';
+const end = getDay(0) + ' 23:59:59';
+import IconSelect from '@/components/IconSelect';
+import Treeselect from '@riophae/vue-treeselect';
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
+import { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect';
+import CRUD, { presenter, header, form, crud } from '@crud/crud';
+import rrOperation from '@crud/RR.operation';
+import crudOperation from '@crud/CRUD.operation';
+import udOperation from '@crud/UD.operation';
+import DateRangePicker from '@/components/DateRangePicker';
+import pagination from '@crud/Pagination';
+
+const defaultForm = {
+  id: null,
+  name: '',
+  url: '',
+  parentId: null,
+  type: '',
+  radio: '',
+  isDeleted: '',
+};
+let defaulHomeMenus = null;
+let defaultmenus;
+let defaultmenusId = [];
+let firstMenu = [];
+export default {
+  name: 'Menu',
+  components: {
+    Treeselect,
+    IconSelect,
+    crudOperation,
+    rrOperation,
+    udOperation,
+    DateRangePicker,
+    pagination,
+  },
+  cruds() {
+    return CRUD({
+      title: '接口',
+      url: '/patient/patientDeleteList',
+      sort: '',
+      crudMethod: { crudDataAchive },
+      query: {
+        createTime: [start, end],
+      },
+      page: {
+        page: 0,
+        size: 10,
+        total: 0,
+        sizes: [10, 20, 30, 40, 50, 100, 1000],
+      },
+      optShow: {
+        add: false,
+        reset: true,
+      },
+    });
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  dicts: ['rms_sys'],
+  data() {
+    return {
+      menus: [],
+      permission: {
+        add: ['admin', 'menu:add'],
+        edit: ['admin', 'menu:edit'],
+        del: ['admin', 'menu:del'],
+      },
+      rules: {
+        name: [{ required: true, message: '请输入接口名称', trigger: 'blur' }],
+        url: [{ required: true, message: '请输入接口地址', trigger: 'blur' }],
+        type: [{ required: true, message: '请选择接口类型', trigger: 'blur' }],
+      },
+      tableHeader: [
+        { label: '患者编号', prop: 'patientId', width: '160' },
+        { label: '检查编号', prop: 'accessNumber', width: '140', sortable: false },
+        { label: '患者姓名', prop: 'patientName', width: '140', sortable: false },
+        // { label: 'studyuid ', prop: 'studyuid', width: '140', sortable: false },
+        { label: '身份证号', prop: 'idCardNo', width: '140', sortable: false },
+        { label: '性别', prop: 'patientSex', width: '140', sortable: false },
+        { label: '年龄', prop: 'patientAge', width: '140', sortable: false },
+        { label: '图像数量', prop: 'imageCount', width: '140', sortable: false },
+        { label: '检查模式', prop: 'modality', width: '140', sortable: false },
+        { label: '检查部位', prop: 'examBodyPart', width: '140', sortable: false },
+        { label: '检查项目', prop: 'examItemName', width: '140', sortable: false },
+        { label: '检查时间', prop: 'patientCheckDate', width: '140', sortable: false },
+        { label: '检查医院', prop: 'applyHospitalName', width: '140', sortable: false },
+        { label: '住院号', prop: 'hospitalizedNo', width: '140', sortable: false },
+        { label: '就诊卡号', prop: 'healthCardNo', width: '140', sortable: false },
+        { label: '删除时间', prop: 'createTime', width: '140', sortable: false },
+        { label: '操作人员', prop: 'operatorName', width: '140', sortable: false },
+      ],
+      options: [],
+      sysList: [],
+      partherOptions: [],
+      dataArchiveVisible: true,
+      showReport: false,
+      currentRow: {},
+      optionsDefault: [],
+      loading: false,
+      empty: '---',
+    };
+  },
+  beforeCreate() {},
+  created() {
+    this.getHospital();
+  },
+  methods: {
+    handleClose() {},
+    ResetClick() {
+      for (let key in this.query) {
+        if (key !== 'createTime') {
+          this.query[key] = '';
+        }
+      }
+    },
+    getRowKeys(row) {
+      return row.id;
+    },
+    handleSelectionChange(val) {
+      console.log('选中多选', val);
+    },
+    //检查医院筛选
+    remoteMethod(query) {
+      this.options = this.optionsDefault.filter((item, index) => {
+        return item.hospitalName.indexOf(query) !== -1;
+      });
+    },
+    // 新增与编辑前做的操作
+    [CRUD.HOOK.afterToCU](crud, form) {},
+    [CRUD.HOOK.beforeRefresh](crud, form) {
+      Object.keys(this.query).map(key => {
+        if (typeof this.query[key] == 'string') {
+          this.query[key] = this.query[key].trim();
+        }
+      });
+    },
+    [CRUD.HOOK.afterRefresh](crud, form) {
+      console.log(1111111111);
+      if (!this.query.hosId || this.query.hosId.length == 0) {
+        this.$message.error('请选择检查医院！');
+        crud.data = [];
+      }
+    },
+    // 选中图标
+    selected(name) {
+      this.form.icon = name;
+    },
+
+    //获取检查医院下拉列表
+    getHospital() {
+      getHospital().then(res => {
+        this.optionsDefault = res.content;
+        this.options = res.content;
+      });
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-input-number .el-input__inner {
+  text-align: left;
+}
+::v-deep .vue-treeselect__control,
+::v-deep .vue-treeselect__placeholder,
+::v-deep .vue-treeselect__single-value {
+  height: 30px;
+  line-height: 30px;
+}
+.demo-form-dataArchive {
+  .el-form-item {
+    margin-bottom: 0;
+  }
+}
+.patientDetail {
+  padding: 10px 0;
+  span {
+    color: #606266;
+    font-weight: bold;
+  }
+}
+.paddingClass {
+  padding: 10px 0;
+}
+</style>

package/templates/vue-app/files/src/views/dataArchive/exportDetail.vue

@@ -0,0 +1,121 @@
+<template>
+  <div class="export-table">
+    <el-dialog
+      :visible.sync="exportDetailShow"
+      custom-class="report-dialog"
+      top="5vh"
+      width="70%"
+      style="z-index: 999999"
+      @close="closeExportLog"
+      title="导出日志详情"
+      append-to-body>
+      <el-table
+        ref="multipleTable"
+        v-loading="crud.loading"
+        lazy
+        :data="crud.data"
+        :cell-style="{ textAlign: 'center' }"
+        :header-cell-style="{ textAlign: 'center' }">
+        <el-table-column label="序号" type="index" align="center">
+          <template slot-scope="scope">
+             <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :show-overflow-tooltip="true"
+          v-for="(item, index) in tableHeader"
+          :key="index"
+          align="center"
+          :label="item.label"
+          :prop="item.prop"
+          :min-width="item.width"
+          :sortable="item.sortable">
+          <template slot-scope="scope">
+            <span>
+              {{ scope.row[item.prop] || empty }}
+            </span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getDay } from '@/utils/getTime';
+
+const start = getDay(-6) + ' 00:00:00';
+const end = getDay(0) + ' 23:59:59';
+import CRUD, { presenter, header, form, crud } from '@crud/crud';
+import pagination from '@crud/Pagination';
+
+export default {
+  components: {
+    pagination,
+  },
+  mixins: [presenter(), header(), crud()],
+
+  cruds() {
+    return CRUD({
+      title: '接口',
+      url: '',
+      sort: '',
+      query: {
+        checkTime: [start, end],
+      },
+    });
+  },
+  data() {
+    return {
+      exportDetailShow: false,
+      tableHeader: [
+        { label: '患者姓名', prop: 'patientId', width: '140', isShow: false },
+        {
+          label: '检查编号',
+          prop: 'accessNumber',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+
+        {
+          label: '检查部位',
+          prop: 'examBodyPart',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '检查项目',
+          prop: 'examItemName',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+
+        {
+          label: '检查时间',
+          prop: 'patientCheckDate',
+          width: '180',
+          sortable: false,
+          isShow: true,
+        },
+      ],
+    };
+  },
+  methods: {
+    getQuery() {
+      this.crud.url = '/patient/queryPatientList';
+      this.crud.toQuery();
+      this.exportDetailShow = true;
+    },
+    closeExportLog() {
+      this.exportDetailShow = false;
+    },
+  },
+};
+</script>
+
+<style></style>

package/templates/vue-app/files/src/views/dataArchive/exportList.vue

@@ -0,0 +1,160 @@
+<template>
+  <div class="export-table">
+    <div class="query-container">
+      <el-form :inline="true" :model="query" class="demo-form-dataArchive" size="small">
+        <el-form-item>
+          <el-input
+            v-model="query.blurry"
+            clearable
+            @clear="crud.toQuery"
+            placeholder="请输入用户名"
+            style="width: 160px"
+            class="filter-item"
+            @keyup.enter.native="crud.toQuery" />
+        </el-form-item>
+
+        <el-form-item label="检查时间：">
+          <date-range-picker
+            style="width: 300px; height: 34px"
+            startPlaceholder="开始日期"
+            endPlaceholder="结束日期"
+            @change="crud.toQuery"
+            :clearable="false"
+            v-model="query.createTime"
+            unlink-panels />
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="crud.toQuery" class="filter-item" size="small">查询</el-button>
+          <el-button @click="ResetClick" class="filter-item" size="small" style="margin-left: 5px"
+            >重置</el-button
+          >
+        </el-form-item>
+        <!-- 搜索 -->
+      </el-form>
+    </div>
+
+    <el-table
+      ref="multipleTable"
+      v-loading="crud.loading"
+      lazy
+      :data="crud.data"
+      :cell-style="{ textAlign: 'center' }"
+      :header-cell-style="{ textAlign: 'center' }">
+      <el-table-column label="序号" type="index" align="center">
+        <template slot-scope="scope">
+           <span>{{ (crud.page.page - 1) * crud.page.size + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :show-overflow-tooltip="true"
+        v-for="(item, index) in tableHeader"
+        :key="index"
+        align="center"
+        :label="item.label"
+        :prop="item.prop"
+        :min-width="item.width"
+        :sortable="item.sortable">
+        <template slot-scope="scope">
+          <span>
+            {{ scope.row[item.prop] || empty }}
+          </span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" width="60px" fixed="right">
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="showExportDetail(scope.row)">详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!--分页组件-->
+    <pagination />
+    <el-dialog
+      title="导出"
+      :visible.sync="exportDetailShow"
+      width="30%"
+      @close="closeDialog"
+      append-to-body>
+      <div class="box"><span>请求参数</span>{{ currentRow.params }}</div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="closeDialog">确定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import CRUD, { presenter, header, form, crud } from '@crud/crud';
+import pagination from '@crud/Pagination';
+import DateRangePicker from '@/components/DateRangePicker';
+// import { getDay } from "@/utils/getTime";
+
+// const start = getDay(-6) + " 00:00:00";
+// const end = getDay(0) + " 23:59:59";
+export default {
+  components: {
+    pagination,
+    DateRangePicker,
+  },
+  mixins: [presenter(), header(), crud()],
+
+  cruds() {
+    return CRUD({
+      title: '接口',
+      url: '/patient/getExportLog',
+      sort: '',
+      query: {
+        createTime: [],
+      },
+    });
+  },
+  data() {
+    return {
+      empty: '-',
+      tableHeader: [
+        { label: '用户名', prop: 'username', width: '140', isShow: false },
+        {
+          label: 'IP地址',
+          prop: 'requestIp',
+          width: '140',
+          sortable: false,
+          isShow: true,
+        },
+        {
+          label: '导出时间',
+          prop: 'createTime',
+          width: '80',
+          sortable: false,
+          isShow: true,
+        },
+      ],
+      exportDetailShow: false,
+      currentRow: {},
+    };
+  },
+  methods: {
+    closeDialog() {
+      this.exportDetailShow = false;
+    },
+    showExportDetail(row) {
+      this.exportDetailShow = true;
+      this.currentRow = row;
+      console.log(this.currentRow.params);
+    },
+    //重置
+    ResetClick() {
+      for (let key in this.query) {
+        this.query[key] = '';
+      }
+      this.crud.toQuery();
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.export-table {
+  height: 60vh;
+  overflow: auto;
+}
+</style>