elizebeth/src/xt_pages/supply/purchaseOrderQuery.vue

<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
    </div>
    <div class="app-container ">
      <div style="justify-content: space-between;margin: 0px 0 12px 0;display: flex;align-items: center;">
        <div>
          <el-select v-model="type_name" style="width:140px;margin-right:10px;" placeholder="请选择"
          @change="changeTypeName">
            <el-option
              v-for="item in types"
              :key="item.id"
              :label="item.type_name"
              :value="item.id">
            </el-option>
          </el-select>
          <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;"
              type="date"
              placeholder="选择日期时间"
              align="right"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              @change="endTimeChange"
          ></el-date-picker>
          <el-input
            size="small"
            style="width: 200px;margin-left:10px;"
            class="filter-item"
            v-model.trim="keywords"
            placeholder="耗材名称"
          />
          <el-button
            size="small"
            class="filter-item"
            type="primary"
            icon="el-icon-search"
            @click="search"
            >搜索</el-button
          >
        </div>
        <div>
          <el-button size="small" type="primary" @click="toAdd">新增</el-button>
        </div>
      </div>


       <el-table
        :row-style="{ color: '#303133' }"
        :header-cell-style="{
          backgroundColor: 'rgb(245, 247, 250)',
          color: '#606266'
        }"
        :data="tableList"
        :class="signAndWeighBoxPatients"
        border
      >
        <el-table-column label="订单日期" align="center">
          <template slot-scope="scope">
            <span></span>
         </template>
        </el-table-column>
        <el-table-column label="订单编号" align="center">
          <template slot-scope="scope">
          
          </template>
        </el-table-column>
        <el-table-column label="供应商" align="center">
            <template slot-scope="scope">
              <span></span>
            </template>
         </el-table-column>
        <el-table-column label="关联购货订单" align="center">
          <template slot-scope="scope">
            
          </template>
        </el-table-column>
        <el-table-column label="购物金额" align="center">
          <template slot-scope="scope">
           
          </template>
        </el-table-column>

       <el-table-column label="数量" align="center">
         <template slot-scope="scope">
           
         </template>
       </el-table-column>

       <el-table-column label="订单状态" align="center">
         <template slot-scope="scope">
         
        
         </template>
       </el-table-column>
      
        <el-table-column label="交货日期" align="center">
         <template slot-scope="scope">
         
         </template>
       </el-table-column>
        
    
      <el-table-column label="制单人" align="center">
         <template slot-scope="scope">
       
         </template>
       </el-table-column>

      <el-table-column label="审核人" align="center">
         <template slot-scope="scope">
       
         </template>
       </el-table-column>

       <el-table-column label="操作" align="center" width="260px">
          <template slot-scope="scope">
              <el-button
                size="small"
                type="primary"
                @click="toClick(scope.row)"
              >库存流水
              </el-button>
              <el-button
                size="small"
                type="primary"
                @click="toClickOne(scope.row)"
              >批次
              </el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :page-sizes="[10, 50, 100,200,500,1000]"
        :page-size="10"
        background
        align="right"
        style="margin-top:20px;"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>

       <add-supply ref="addSupply"></add-supply>
    </div>
  </div>
</template>

<script>
import BreadCrumb from "@/xt_pages/components/bread-crumb";
import addSupply from "./components/addSupply.vue"

export default {
  name: "stockIn",
   components: {
     addSupply
   },
  created() {
    this.org_id =  this.$store.getters.xt_user.org_id

    var start_time =  window.sessionStorage.getItem('start_time')
    var end_time =  window.sessionStorage.getItem('end_time')

    if(start_time !=null){
      this.start_time = start_time
    }
    if(end_time!=null){
      this.end_time = end_time
    }
    window.sessionStorage.removeItem('start_time')
    window.sessionStorage.removeItem('end_time')
  },
  components: {
    BreadCrumb
  },
  data() {
    return {
      crumbs: [
        { path: false, name: "采购管理" },
        { path: "/spply/query", name: "供应商管理" }
      ],
      keywords: "",
      total: 0,
      multipleSelection: [],
      signAndWeighBoxPatients: "sign-and-weigh-box-patients",
      start_time: "",
      end_time: "",
      page: 1,
      limit: 10,
      goodType: [],
      goodInfo: [],
      org_id:0,
      types:[],
      tableList:[],
      tyep_name:"",
    };
  },
  methods:{
     toAdd(){
       console.log("res32323232323223",this.$refs)  
       this.$refs.addSupply.show()  
     } 
  }
};
</script>

<style rel="stylesheet/css" lang="scss" scoped>
.information {
  border: 1px #dcdfe6 solid;
  padding: 30px 20px 30px 20px;

  .border {
    border-bottom: 1px #dcdfe6 solid;
    margin: 0px 0 20px 0;
  }
}

.title {
  background: #409eff;
  height: 44px;
  line-height: 44px;
  padding: 0 0 0 10px;
  color: #fff;
  margin: 0 0 10px 0;
}

.edit_separater {
  border-top: 1px solid rgb(233, 233, 233);
  margin-top: 15px;
  margin-bottom: 15px;
}
</style>

<style>
.sign-and-weigh-box .sign-and-weigh-box-patients .cell {
  font-size: 12px;
}

.sign-and-weigh-box .sign-and-weigh-box-patients .current-row > td {
  background: #6fb5fa;
}

.count {
  color: #bd2c00;
}
.el-table td,
.el-table th.is-leaf,
.el-table--border,
.el-table--group {
  border-color: #d0d3da;
}
.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: #d0d3da;
}
</style>