518合并代码

src/api/his/advice.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getTodayAdviceList(params) {
+  return request({
+    url: '/api/advice/gettodayadvicelist',
+    method: 'get',
+    params: params
+  })
+}

src/router/modules/stock.js

@@ -227,6 +227,12 @@ export default {
       name: 'config',
       meta: { title: 'config', noCache: true }
     },
+    {
+      path: '/stock/test',
+      component: () => import('@/xt_pages/stock/test'),
+      name: 'test',
+      meta: { title: 'test', noCache: true }
+    },
     {
       path: '/stock/print',
       component: () => import('@/xt_pages/stock/detail/print'),

src/xt_pages/stock/test.vue

@@ -0,0 +1,422 @@
+<template>
+  <div class="main-contain new-main-contain">
+    <div class="position">
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+    </div>
+    <div
+      class="app-container"
+      style="display: flex; flex: 1; padding: 10px 20px 0px 20px"
+    >
+      <div class="mainLeft">
+        <div>
+          <div
+            style="
+              margin: 10px 0;
+              display: flex;
+              justify-content: space-between;
+            "
+          >
+          <el-date-picker
+            size="small"
+            v-model="start_time"
+            prefix-icon="el-icon-date"
+            :editable="false"
+            style="width: 196px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            @change="startTimeChange"
+          ></el-date-picker>
+
+        <el-input @keyup.enter.native='searchAction' v-model="keywords"
+                  class="filter-item"/>
+        <el-button  class="filter-item" type="primary" icon="el-icon-search"
+                   @click="searchAction">搜索</el-button>
+          </div>
+
+          <el-table
+            :row-class-name="tableRowClassName"
+            @row-click="onRowClick"
+            :data="patientTableData"
+            :height="tableHeight"
+            border
+            style="width: 100%"
+            :row-style="{ color: '#303133' }"
+            :header-cell-style="{
+              backgroundColor: 'rgb(245, 247, 250)',
+              color: '#606266',
+            }"
+            highlight-current-row
+            ref="singleTable"
+            @current-change="handleCurrentChange"
+          >
+            <el-table-column align="center" prop="name" label="姓名" wdith="89">
+              <template slot-scope="scope"></template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+      <div class="mainRight">
+        <el-tabs v-model="titleType">
+          <el-tab-pane label="明细" name="明细"></el-tab-pane>
+          <el-tab-pane label="汇总" name="汇总"></el-tab-pane>
+        </el-tabs>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTodayAdviceList } from "@/api/his/advice";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+
+export default {
+  components: {
+    BreadCrumb,
+  },
+  data() {
+    return {
+      currentRowIndex: 0,
+      patientTableData: [],
+      tableHeight: 400,
+      crumbs: [
+        { path: false, name: "His工具" },
+        { path: false, name: "明细汇总统计" },
+      ],
+      titleType: "明细",
+      patient_id: 0,
+      keywords: "",
+      start_time:new Date(),
+    };
+  },
+
+
+  //判断列表页是否刷新
+  beforeRouteLeave(to, from, next) {
+    console.log(to, "beforeRouteEnter");
+    if (to.path != "/hisTool/detailPrint"&&to.path != "/hisTool/gatherPrint") {
+      this.$store.getters.pagedata.list.table_id = 0
+      next()
+    } else {
+     next()
+    }
+  },
+
+  watch:{
+    'titleType':{
+      handler(val){
+        this.$store.commit('SET_PAGENAME',val)
+      }
+    }
+  },
+
+  methods: {
+   
+
+    tableRowClassName({ row, rowIndex }) {
+      row.row_index = rowIndex;
+    },
+
+    onRowClick(row, event, column) {
+      this.currentRowIndex = row.row_index;
+      console.log(this.currentRowIndex, "this.currentRowIndex");
+      this.$store.commit("SET_PAGEDATA", {
+        table_id: this.currentRowIndex,
+      });
+      console.log(this.$store.getters.pagedata.list.table_id, "kk");
+    },
+    searchAction() {
+      this.getPatientList();
+    },
+    handleCurrentChange(row) {
+      this.patient_id = row.id;
+     
+    },
+    getlist(){
+      var params = {
+        start_time:this.start_time,
+        keywords:this.keywords,
+      }  
+      getTodayAdviceList(params).then(response=>{
+
+      }) 
+    }
+  },
+  created() {
+
+    let type = this.$store.getters.pagedata.pagestate
+    if(type == ""){
+      this.titleType = "明细"
+    }else{
+      this.titleType = type
+    }
+    const tableHeight = document.body.clientHeight - 290;
+    this.tableHeight = tableHeight;
+    
+    this.getlist()
+    
+  },
+
+  mounted() {}
+};
+</script>
+
+<style lang="scss" scoped>
+.new-main-contain {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.app-container {
+  height: 100%;
+}
+
+.mainCell {
+  height: 36px;
+  display: flex;
+  align-items: center;
+}
+
+.mainLeft {
+  width: 200px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .el-radio {
+    margin-right: 5px;
+  }
+}
+.mainRight {
+  margin-left: 10px;
+  flex: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+
+  .cellSpan {
+    min-width: 80px;
+    display: inline-block;
+    margin-right: 10px;
+  }
+}
+.mainCenter {
+  display: flex;
+  flex: 1;
+}
+
+.centerLeft {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .el-form-item {
+    width: 32%;
+    margin-right: 1%;
+    float: left;
+  }
+
+  .el-form-item__label {
+    text-align: left;
+  }
+}
+.backColor {
+  background: #f6f8f9;
+  height: 5px;
+  margin-bottom: 5px;
+}
+
+.tabsBox {
+  position: relative;
+  height: 76%;
+  overflow-y: auto;
+  margin-bottom: 60px;
+
+  .el-tabs__item {
+    padding: 0 10px;
+  }
+}
+.preTabs {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .el-tabs__content {
+    flex: 1;
+    overflow-y: auto;
+  }
+}
+
+.costBox {
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+}
+
+.addTab {
+  position: absolute;
+  right: 0;
+  top: 14px;
+  z-index: 20;
+}
+
+.centerRight {
+  width: 300px;
+  margin-left: 10px;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.rightTab {
+  height: 40px;
+  width: 100%;
+  border: 1px solid #d2d2d2;
+  box-sizing: border-box;
+
+  p {
+    width: 50%;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    background: #eee;
+    float: left;
+  }
+
+  > p:last-child {
+    border-left: 1px solid #d2d2d2;
+    float: right;
+  }
+
+  .activeP {
+    background: #409eff;
+    color: #fff;
+  }
+}
+.comfirmBox {
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.mainHeader {
+  width: 100%;
+  background: #fff;
+  position: fixed;
+  z-index: 100;
+  height: 36px;
+}
+
+.titleBox {
+  position: fixed;
+  z-index: 99;
+  background: #fff;
+}
+
+.fixedCell {
+  position: fixed;
+  z-index: 99;
+  right: 30px;
+  background: #fff;
+  width: 300px;
+  display: flex;
+  justify-content: space-between;
+}
+</style>
+
+<style lang="scss">
+.centerLeft {
+  .el-form-item__label {
+    text-align: left;
+  }
+}
+.tabsBox {
+  .el-tabs__item {
+    padding: 0 10px;
+  }
+
+  .el-tabs--bottom
+    .el-tabs--left
+    > .el-tabs__header
+    .el-tabs__item:nth-child(2),
+  .el-tabs--bottom
+    .el-tabs--right
+    > .el-tabs__header
+    .el-tabs__item:nth-child(2),
+  .el-tabs--bottom.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item:nth-child(2),
+  .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
+  .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
+  .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
+  .el-tabs--top.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item:nth-child(2),
+  .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
+    padding: 0 10px;
+  }
+
+  .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--bottom.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item:last-child,
+  .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--top.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item:last-child,
+  .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
+    padding: 0 10px;
+  }
+
+  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
+    padding: 0 10px;
+  }
+}
+.centerRight {
+  .el-tabs__nav-scroll {
+    display: flex;
+  }
+
+  .el-tabs__nav {
+    margin: 0 auto;
+  }
+
+  .el-table th .cell,
+  .el-table td .cell {
+    padding: 0 2px;
+  }
+}
+.preTabs {
+  .el-tabs__content {
+  }
+}
+.rightTabs {
+  height: 100%;
+
+  .el-tabs__content {
+  }
+}
+.centerDialog {
+  .el-dialog__body {
+    max-height: calc(100vh - 100px) !important;
+    padding: 0 20px;
+  }
+}
+</style>