ylyx-cli 1.0.15 → 1.0.16

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

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