<template>
    <div class="app-container ">
      <el-form ref="form" :model="form" label-width="100px">
         <el-form-item label="查询日期 : " style="margin:0 0 10px  0;">
             <el-select v-model="form.region" style="width:15%;float:left;margin:0 10px 0 0;">
                <el-option label="当天" value="1"></el-option>
                <el-option label="本周" value="2"></el-option>
                <el-option label="本月" value="3"></el-option>
                <el-option label="本年" value="4"></el-option>
                <el-option label="全部" value="5"></el-option>
                <el-option label="自定义" value="6"></el-option>
              </el-select>
             <el-date-picker v-model="time" type="daterange"  start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker>
         </el-form-item>
         <el-form-item label-width="0" style="margin:0 0 10px  0;" >
            <div class="cell clearfix">
                <label class="name">排班班次 : </label>
                <div class="type">
                  <ul>
                    <li>全天</li>
                    <li>上午</li>
                    <li>下午</li>
                    <li>晚上</li>
                  </ul>
                </div>
            </div>
         </el-form-item>
         <el-form-item label-width="0" style="margin:0 0 10px  0;" >
            <div class="cell clearfix">
                <label class="name">医嘱类型 : </label>
                <div class="type">
                  <ul>
                    <li>全部</li>
                    <li>长期</li>
                    <li>临时</li>
                  </ul>
                </div>
            </div>
         </el-form-item>
         <el-form-item label-width="0" style="margin:0 0 10px  0;" >
            <div class="cell clearfix">
                <label class="name">显示范围 : </label>
                <div class="type">
                  <ul>
                    <li>全部</li>
                    <li>未停止</li>
                    <li>已停止</li>
                  </ul>
                </div>
            </div>
         </el-form-item>
         <el-form-item label-width="0" style="margin:0 0 10px 0;" >
            <div class="cell clearfix">
                <label class="name">医嘱确认 : </label>
                <div class="type">
                  <ul>
                    <li>全部</li>
                    <li>未确认</li>
                    <li>已确认</li>
                  </ul>
                </div>
            </div>
         </el-form-item>
         <el-form-item label-width="0" style="margin:0 0 10px  0;" >
            <div class="cell clearfix">
                <label class="name">其他 : </label>
                <div class="collate">
                  <label class="tit">医嘱核对 : </label>
                   <el-select v-model="form.value" placeholder="请选择" style="width:150px;">
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                </div>
                <div class="collate">
                  <label class="tit">患者来源 : </label>
                   <el-select v-model="form.value" placeholder="请选择" style="width:150px;">
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                </div>
                <div class="collate">
                  <label class="tit">病区选择 : </label>
                   <el-select v-model="form.value" placeholder="请选择" style="width:150px;">
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                </div>
            </div>
         </el-form-item>
      </el-form>

    <el-table
      ref="multipleTable"
      tooltip-effect="dark"
      style="width: 100%;margin:20px 0 0 0;"
      border
      :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
      @selection-change="handleSelectionChange">
      <el-table-column
        type="selection"
        align="center"
        width="55">
      </el-table-column>
      <el-table-column
        label="序号"
        align="center"        
        width="120">
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
        prop="name"
        label="透析机"
        align="center"        
        width="120">
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="姓名"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="住院门诊号"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="血透器"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="血滤器"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="姓名"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="灌流器"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="透析液钙"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="上机换药包"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="下机换药包"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="内瘘穿刺包"
        show-overflow-tooltip>
      </el-table-column>
      <el-table-column
        prop="address"
        align="center"        
        label="穿刺针"
        show-overflow-tooltip>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "dialysis-prepare",
  data() {
    return {
      form: {
        day: "",
        time: "",
        region: "",
        radio2: ""
      },
      options: [{
          value: '选项1',
          label: '黄金糕'
      }]
    };
  }
};
</script>


<style rel="stylesheet/scss"  lang="scss" scoped >
</style>
