peisweb/src/views/workload/deskwork.vue

<template>
  <div class="box">
    <el-card>
      <el-form :model="form">
        <el-row>
          <el-col :span="6">
            <el-form-item label="登记员">
              <el-select v-model="form.username" placeholder="请选择">
                <el-option
                  v-for="item in registrardata"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="登记日期">
              <el-date-picker
                v-model="form.registrationdate"
                type="daterange"
                range-separator="--"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-button type="primary" size="">查询</el-button>
          </el-col>
        </el-row>
        <!-- d登记标题 -->
        <h3 class="tabtile">科室工作量统计</h3>
      </el-form>
      <div>
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="time" label="时间" width="180">
          </el-table-column>
          <el-table-column
            prop="physicalexamination"
            label="体检科室"
            width="180"
          >
          </el-table-column>
          <el-table-column prop="asbitem" label="组合项目" width="180">
          </el-table-column>
          <el-table-column prop="persontime" label="人次"> </el-table-column>
        </el-table>
        <!-- 时间 <span style="margin-left: 20px">xxx</span>

        至
        <span style="margin-left: 20px">xxx</span>
      </div>
      <div>
        <span>体检科室</span>xxx
        <span>组合项目</span>xxx
        <span>人次</span>xxx -->
      </div>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {
          time: "2023-8-8",
          physicalexamination: "内科",
          asbitem: "脂肪代谢",
          persontime: "3",
        },
      ],
      form: {
        username: "",
        registrationdate: "",
      },
      registrardata: [
        {
          value: "1",
          label: "张三",
        },
        {
          value: "2",
          label: "测试",
        },
      ],
    };
  },
  mounted() {},
  methods: {},
};
</script>
<style scoped>
.tabtile {
  text-align: center;
  margin-top: 20px;
}
</style>