Vue_New/src/xt_pages/outpatientTool/drugQuery.vue

<template>
  <div>
    <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
      <div class="cell clearfix">
        <span>入库时间:</span>
        <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-date-picker
          size="small"
          v-model="end_time"
          prefix-icon="el-icon-date"
          :editable="false"
          style="width: 196px;margin-right:10px;"
          type="date"
          placeholder="选择日期时间"
          align="right"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          @change="endTimeChange"
        ></el-date-picker>
      </div>


      <div>
        <div>查询类型:</div>
        <el-select size="small" v-model="stock_type" placeholder="请选择"
                   style="width:100px;margin-left:10px;" @change="changeStockType">
          <el-option
            v-for="item,index in items"
            :key="index"
            :label="item.name"
            :value="item.id">
          </el-option>
        </el-select>
      </div>

      <div>
        <div>药品:</div>
        <el-select size="small" v-model="drug_id" placeholder="请选择"
                   style="width:100px;margin-left:10px;" @change="change">
          <el-option
            v-for="item,index in drugs"
            :key="index"
            :label="item.drug_name"
            :value="item.id">
          </el-option>
        </el-select>
      </div>
      <div>
        <el-button type="primary" @click="query()">查询</el-button>
      </div>
    </div>
    <el-table v-if="stock_type == 1" :data="tableData" border :row-style="{ color: '#303133' }" ref="table"
              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
              max-height="600"
              highlight-current-row>
      <el-table-column align="center" prop="name" label="药品名称">
        <template slot-scope="scope">{{scope.row.medinsListName}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="国家编码">
        <template slot-scope="scope">{{scope.row.medListCodg}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="库存数量">
        <template slot-scope="scope">
          <div>{{scope.row.invCnt}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="name" label="更新时间">
        <template slot-scope="scope">
          <div>{{scope.row.updtTime}}</div>
        </template>
      </el-table-column>


      <el-table-column align="center" prop="total" label="生产日期">
        <template slot-scope="scope">
          <div>{{scope.row.manuDate}}</div>
        </template>
      </el-table-column>


      <el-table-column align="center" prop="total" label="记录号">
        <template slot-scope="scope">
          <div>{{scope.row.rid}}</div>
        </template>
      </el-table-column>


      <el-table-column align="center" prop="total" label="库存日期">
        <template slot-scope="scope">
          <div>{{scope.row.invdate}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="有效标志">
        <template slot-scope="scope">
          <div>{{scope.row.valiFlag}}</div>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="total" label="批次流水号">
        <template slot-scope="scope">
          <div>{{scope.row.fixmedinsBchno}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="经办时间">
        <template slot-scope="scope">
          <div></div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="经办人">
        <template slot-scope="scope">
          <div>{{scope.row.optTime}}</div>
        </template>
      </el-table-column>

      <el-table-column label="操作" width="200">
        <template slot-scope="scope">
          <el-button type="text" @click="delete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>


    <el-table v-if="stock_type == 2" :data="tableData" border :row-style="{ color: '#303133' }" ref="table"
              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
              max-height="600"
              highlight-current-row>
      <el-table-column align="center" prop="name" label="药品名称">
        <template slot-scope="scope">{{scope.row.medinsListName}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="国家编码">
        <template slot-scope="scope">{{scope.row.medListCodg}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="变更类型">
        <template slot-scope="scope">{{}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="变更数量">
        <template slot-scope="scope">
          <div>{{scope.row.cnt}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="name" label="单价">
        <template slot-scope="scope">
          <div>{{scope.row.pric}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="name" label="库存变更时间">
        <template slot-scope="scope">
          <div>{{scope.row.invChgTime}}</div>
        </template>
      </el-table-column>


      <el-table-column align="center" prop="name" label="变更经办人">
        <template slot-scope="scope">
          <div>{{scope.row.invChgOpterName}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="有效标志">
        <template slot-scope="scope">
          <div>{{scope.row.valiFlag}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="批次流水号">
        <template slot-scope="scope">
          <div>{{scope.row.fixmedinsBchno}}</div>
        </template>
      </el-table-column>


      <el-table-column align="center" prop="total" label="经办时间">
        <template slot-scope="scope">
          <div></div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="经办人">
        <template slot-scope="scope">
          <div>{{scope.row.optTime}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="记录号">
        <template slot-scope="scope">
          <div>{{scope.row.rid}}</div>
        </template>
      </el-table-column>

      <el-table-column label="操作" width="200">
        <template slot-scope="scope">
          <el-button type="text" @click="delete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>



    <el-table v-if="stock_type == 3" :data="tableData" border :row-style="{ color: '#303133' }" ref="table"
              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
              max-height="600"
              highlight-current-row>
      <el-table-column align="center" prop="name" label="药品名称">
        <template slot-scope="scope">{{scope.row.medinsListName}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="国家编码">
        <template slot-scope="scope">{{scope.row.medListCodg}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="销售/退货数量">
        <template slot-scope="scope">
          <div>{{scope.row.selRetnCnt}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="name" label="销售/退货时间">
        <template slot-scope="scope">
          <div>{{scope.row.selRetnTime}}</div>
        </template>
      </el-table-column>


      <el-table-column align="center" prop="total" label="药师姓名">
        <template slot-scope="scope">
          <div>{{scope.row.pharName}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="生产日期">
        <template slot-scope="scope">
          <div>{{scope.row.manuDate}}</div>
        </template>
      </el-table-column>


      <el-table-column align="center" prop="total" label="记录号">
        <template slot-scope="scope">
          <div>{{scope.row.rid}}</div>
        </template>
      </el-table-column>


      <el-table-column align="center" prop="total" label="有效标志">
        <template slot-scope="scope">
          <div>{{scope.row.valiFlag}}</div>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="total" label="批次流水号">
        <template slot-scope="scope">
          <div>{{scope.row.fixmedinsBchno}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="经办时间">
        <template slot-scope="scope">
          <div></div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="经办人">
        <template slot-scope="scope">
          <div>{{scope.row.optTime}}</div>
        </template>
      </el-table-column>

      <el-table-column label="操作" width="200">
        <template slot-scope="scope">
          <el-button type="text" @click="delete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>


    <el-table v-if="stock_type == 4" :data="tableData" border :row-style="{ color: '#303133' }" ref="table"
              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
              max-height="600"
              highlight-current-row>
      <el-table-column align="center" prop="name" label="药品名称">
        <template slot-scope="scope">{{scope.row.medinsListName}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="国家编码">
        <template slot-scope="scope">{{scope.row.medListCodg}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="药品追溯码">
        <template slot-scope="scope">
          <div>{{}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="有效标志">
        <template slot-scope="scope">
          <div>{{scope.row.valiFlag}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="批次流水号">
        <template slot-scope="scope">
          <div>{{scope.row.fixmedinsBchno}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="经办人">
        <template slot-scope="scope">
          <div>{{scope.row.optTime}}</div>
        </template>
      </el-table-column>

      <el-table-column label="操作" width="200">
        <template slot-scope="scope">
          <el-button type="text" @click="delete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>


    <el-table  v-if="stock_type == 5"  :data="tableData" border :row-style="{ color: '#303133' }" ref="table"
              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
              max-height="600"
              highlight-current-row>
      <el-table-column align="center" prop="name" label="药品名称">
        <template slot-scope="scope">{{scope.row.medinsListName}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="国家编码">
        <template slot-scope="scope">{{scope.row.medListCodg}}</template>
      </el-table-column>


      <el-table-column align="center" prop="name" label="记账流水号">
        <template slot-scope="scope">
          <div>{{scope.row.bkkpSn}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="批次流水号">
        <template slot-scope="scope">
          <div>{{scope.row.fixmedinsBchno}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="name" label="药品追溯码">
        <template slot-scope="scope">
          <div>{{}}</div>
        </template>
      </el-table-column>


      <el-table-column align="center" prop="name" label="更新时间">
        <template slot-scope="scope">
          <div>{{scope.row.updtTime}}</div>
        </template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="经办人">
        <template slot-scope="scope">
          <div>{{scope.row.optTime}}</div>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="total" label="记录号">
        <template slot-scope="scope">
          <div>{{scope.row.rid}}</div>
        </template>
      </el-table-column>

      <el-table-column label="操作" width="200">
        <template slot-scope="scope">
          <el-button type="text" @click="delete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
<!--    实时库存-->
    <div v-if="stock_type == 6">
    <el-table  :data="tableData" border :row-style="{ color: '#303133' }" ref="table"
              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
              max-height="600"
              highlight-current-row>
      <el-table-column align="center" prop="name" label="药品名称">
        <template slot-scope="scope">{{scope.row.genname}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="国家编码">
        <template slot-scope="scope">{{scope.row.medListCodg}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="库存数量">
        <template slot-scope="scope">{{scope.row.invCnt}}</template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="销售价格">
        <template slot-scope="scope">{{scope.row.pric}}</template>
      </el-table-column>

      <el-table-column align="center" prop="name" label="库存日期">
        <template slot-scope="scope">{{scope.row.invdate}}</template>
      </el-table-column>

      <el-table-column align="center" prop="total" label="批次流水号">
        <template slot-scope="scope">
          <div>{{scope.row.fixmedinsBchno}}</div>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name" label="更新时间">
        <template slot-scope="scope">
          <div>{{scope.row.updtTime}}</div>
        </template>
      </el-table-column>



      <el-table-column label="操作" width="200">
        <template slot-scope="scope">
          <el-button type="text" @click="delete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    </div>


    <div v-if="stock_type == 7">
      <el-table :data="tableData" border :row-style="{ color: '#303133' }" ref="table"
                :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                max-height="600"
                highlight-current-row>
        <el-table-column align="center" prop="name" label="药品名称">
          <template slot-scope="scope">{{scope.row.genname}}</template>
        </el-table-column>
        <el-table-column align="center" prop="name" label="国家编码">
          <template slot-scope="scope">{{scope.row.med_list_codg}}</template>
        </el-table-column>
        <el-table-column align="center" prop="name" label="库存数量">
          <template slot-scope="scope">{{scope.row.invCnt}}</template>
        </el-table-column>
        <el-table-column align="center" prop="name" label="销售价格">
          <template slot-scope="scope">{{scope.row.pric}}</template>
        </el-table-column>

        <el-table-column align="center" prop="name" label="库存变更类型">
          <template slot-scope="scope">{{scope.row.invChgType}}</template>
        </el-table-column>

        <el-table-column align="center" prop="total" label="批次流水号">
          <template slot-scope="scope">
            <div>{{scope.row.fixmedinsBchno}}</div>
          </template>
        </el-table-column>

      </el-table>
    </div>


<!--    <el-table :data="tableData_two" border :row-style="{ color: '#303133' }" ref="table"-->
<!--              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"-->
<!--              max-height="600"-->
<!--              highlight-current-row>-->
<!--      <el-table-column align="center" prop="name" label="药品名称">-->
<!--        <template slot-scope="scope">{{scope.row.medinsListName}}</template>-->
<!--      </el-table-column>-->
<!--      <el-table-column align="center" prop="name" label="国家编码">-->
<!--        <template slot-scope="scope">{{scope.row.medListCodg}}</template>-->
<!--      </el-table-column>-->
<!--      <el-table-column align="center" prop="name" label="变更类型">-->
<!--        <template slot-scope="scope">{{}}</template>-->
<!--      </el-table-column>-->
<!--      <el-table-column align="center" prop="name" label="变更数量">-->
<!--        <template slot-scope="scope">-->
<!--          <div>{{scope.row.cnt}}</div>-->
<!--        </template>-->
<!--      </el-table-column>-->

<!--      <el-table-column align="center" prop="name" label="单价">-->
<!--        <template slot-scope="scope">-->
<!--          <div>{{scope.row.pric}}</div>-->
<!--        </template>-->
<!--      </el-table-column>-->

<!--      <el-table-column align="center" prop="name" label="库存变更时间">-->
<!--        <template slot-scope="scope">-->
<!--          <div>{{scope.row.invChgTime}}</div>-->
<!--        </template>-->
<!--      </el-table-column>-->


<!--      <el-table-column align="center" prop="name" label="变更经办人">-->
<!--        <template slot-scope="scope">-->
<!--          <div>{{scope.row.invChgOpterName}}</div>-->
<!--        </template>-->
<!--      </el-table-column>-->

<!--      <el-table-column align="center" prop="total" label="有效标志">-->
<!--        <template slot-scope="scope">-->
<!--          <div>{{scope.row.valiFlag}}</div>-->
<!--        </template>-->
<!--      </el-table-column>-->

<!--      <el-table-column align="center" prop="total" label="批次流水号">-->
<!--        <template slot-scope="scope">-->
<!--          <div>{{scope.row.fixmedinsBchno}}</div>-->
<!--        </template>-->
<!--      </el-table-column>-->


<!--      <el-table-column align="center" prop="total" label="经办时间">-->
<!--        <template slot-scope="scope">-->
<!--          <div></div>-->
<!--        </template>-->
<!--      </el-table-column>-->

<!--      <el-table-column align="center" prop="total" label="经办人">-->
<!--        <template slot-scope="scope">-->
<!--          <div>{{scope.row.optTime}}</div>-->
<!--        </template>-->
<!--      </el-table-column>-->

<!--      <el-table-column align="center" prop="total" label="记录号">-->
<!--        <template slot-scope="scope">-->
<!--          <div>{{scope.row.rid}}</div>-->
<!--        </template>-->
<!--      </el-table-column>-->

<!--      <el-table-column label="操作" width="200">-->
<!--        <template slot-scope="scope">-->
<!--          <el-button type="text" @click="delete(scope.row)">删除</el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->


  </div>

  <!-- </div> -->
</template>


<script>
import {
  getInitData
} from '@/api/his/his'
import BreadCrumb from '@/xt_pages/components/bread-crumb'
import axios from 'axios'
const moment = require('moment')
export default {
  components: {
    BreadCrumb
  },
  data() {
    return {
      start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
      end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 3, 0).toLocaleDateString('en-CA'),
      tableData: [],
      tableData_two:[],
      stock_type:1,
      drug_id:"",
      items: [
        { id: 1, name: '药品库存信息查询' },
        { id: 2, name: '药品库存变更信息查询' },
        { id: 3, name: '药品销售信息查询' },
        { id: 4, name: '入库药品追溯信息查询' },
        { id: 5, name: '药品销售追溯信息查询' },
        { id: 6, name: '实时药品库存查询' },
        { id: 7, name: '药品库存明细查询' },
      ],
      drugs: [

      ]
    }
  },
  methods: {
    // 药品数据源
    getInitData() {
      getInitData().then(response => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          this.drugs = response.data.data.drugs
          this.drug_id = this.drugs[0].id
        }
      })

    },
    delete(){


    },
    exportdata(){


    },
    stock(){



    },
    query(){

      var that = this;
      let params = {
        id:this.drug_id,
        start_time:this.start_time,
        end_time:this.end_time,
        admin_user_id:this.$store.getters.xt_user.user.id
      };
      this.tableData = []
      if(this.stock_type == 1){

        axios.get('http://127.0.0.1:9532/api/3508',{params:params}).then(function(response) {
          if (response.data.state == 0) {
            that.$message.error(response.data.data.msg);
            return false
          } else {
            if(response.data.data.failed_code == -10){
              that.$confirm(response.data.data.msg, '医保错误信息', {
                confirmButtonText: '确 定',
                type: 'warning'
              }).then(() => {

              }).catch(() => {
              })
            }else{
              this.tableData = this.tableData.concat(response.data.data.info)

            }
          }
        }).catch(function(error) {
        })

      }else if(this.stock_type == 2){
        axios.get('http://127.0.0.1:9532/api/3509',{params:params}).then(function(response) {
          if (response.data.state == 0) {
            that.$message.error(response.data.data.msg);
            return false
          } else {
            if(response.data.data.failed_code == -10){
              that.$confirm(response.data.data.msg, '医保错误信息', {
                confirmButtonText: '确 定',
                type: 'warning'
              }).then(() => {

              }).catch(() => {
              })
            }else{
              this.tableData = this.tableData.concat(response.data.data.info)

            }
          }
        }).catch(function(error) {
        })

      }else if(this.stock_type == 3){
        axios.get('http://127.0.0.1:9532/api/3511',{params:params}).then(function(response) {
          if (response.data.state == 0) {
            that.$message.error(response.data.data.msg);
            return false
          } else {
            if(response.data.data.failed_code == -10){
              that.$confirm(response.data.data.msg, '医保错误信息', {
                confirmButtonText: '确 定',
                type: 'warning'
              }).then(() => {

              }).catch(() => {
              })
            }else{
              this.tableData = this.tableData.concat(response.data.data.info)

            }
          }
        }).catch(function(error) {
        })

      }else if(this.stock_type == 4){
        axios.get('http://127.0.0.1:9532/api/3512',{params:params}).then(function(response) {
          if (response.data.state == 0) {
            that.$message.error(response.data.data.msg);
            return false
          } else {
            if(response.data.data.failed_code == -10){
              that.$confirm(response.data.data.msg, '医保错误信息', {
                confirmButtonText: '确 定',
                type: 'warning'
              }).then(() => {

              }).catch(() => {
              })
            }else{
              this.tableData = this.tableData.concat(response.data.data.info)

            }
          }
        }).catch(function(error) {
        })

      }else if(this.stock_type == 5){
        axios.get('http://127.0.0.1:9532/api/3513',{params:params}).then(function(response) {
          if (response.data.state == 0) {
            that.$message.error(response.data.data.msg);
            return false
          } else {
            if(response.data.data.failed_code == -10){
              that.$confirm(response.data.data.msg, '医保错误信息', {
                confirmButtonText: '确 定',
                type: 'warning'
              }).then(() => {

              }).catch(() => {
              })
            }else{
              this.tableData = this.tableData.concat(response.data.data.info)

            }
          }
        }).catch(function(error) {
        })

      }else if(this.stock_type == 6){
        axios.get('http://127.0.0.1:9532/api/35081',{params:params}).then(function(response) {
          if (response.data.state == 0) {
            that.$message.error(response.data.data.msg);
            return false
          } else {
            if(response.data.data.failed_code == -10){
              that.$confirm(response.data.data.msg, '医保错误信息', {
                confirmButtonText: '确 定',
                type: 'warning'
              }).then(() => {

              }).catch(() => {
              })
            }else{
              this.tableData = this.tableData.concat(response.data.data.info)

            }
          }
        }).catch(function(error) {
        })

      }else if(this.stock_type == 7){
        axios.get('http://127.0.0.1:9532/api/35082',{params:params}).then(function(response) {
          if (response.data.state == 0) {
            that.$message.error(response.data.data.msg);
            return false
          } else {
            if(response.data.data.failed_code == -10){
              that.$confirm(response.data.data.msg, '医保错误信息', {
                confirmButtonText: '确 定',
                type: 'warning'
              }).then(() => {

              }).catch(() => {
              })
            }else{
              this.tableData = this.tableData.concat(response.data.data.info)

            }
          }
        }).catch(function(error) {
        })
      }
    },
    change(){


    },
    changeStockType(){


    },
    endTimeChange(){


    },
    startTimeChange(){


    },
  },
  created() {
    this.getInitData()

  }
}
</script>