添加状态筛选

wwl

2024-12-16 c99873027aee65411ac3168f888347f065f145b3

添加状态筛选

 src/api/system/tijian.js

@@ -91,7 +91,14 @@
    data: data,
  });
}

// 时间轴
export function shijianzhou(data) {
  return request({
    url: "/hosp/order/zongjanyemianshjianzhou",
    method: "get",
    data: data
  });
}
// 添加过渡表数据
export function getaddtTransition(data) {
  return request({

 src/views/hosp/order/index.vue

@@ -13,7 +13,7 @@
          ref="inputName"
          v-model="queryParams.name"
          placeholder="请输入姓名"
          style="width: 200px"
          style="width: 150px"
          clearable
          @keyup.enter.native="handleQuery"
        />
@@ -23,7 +23,7 @@
          ref="inputName"
          v-model="queryParams.tjNum"
          placeholder="请输入体检号"
          style="width: 200px"
          style="width: 150px"
          clearable
          @keyup.enter.native="handleQuery"
          @blur="hb"
@@ -34,7 +34,7 @@
          ref="inputName"
          v-model="queryParams.xmmc"
          placeholder="请输入体检项目"
          style="width: 300px"
          style="width: 150px"
          clearable
          @keyup.enter.native="handleQuery"
        />
@@ -42,13 +42,13 @@
      <el-form-item
        label="单位名称"
        prop="tjCompName"
        style="margin-left: 20px"
        style="margin-left: 20px;margin-right: 500px;"
      >
        <el-select
          :remote-method="getRemoteData"
          v-model="queryParams.tjCompName"
          value-key="drugManufacturerId"
          style="width: 300px"
          style="width: 200px"
          remote
          filterable
          placeholder="请选择单位名称"
@@ -64,7 +64,30 @@
          />
        </el-select>
      </el-form-item>
      <el-form-item label="登记时间" prop="createTimeList">
      <el-form-item
        label="状态"
        prop="zt"
      >
        <el-select
          :remote-method="getRemoteData"
          v-model="queryParams.zt"
          style="width: 150px"
          remote
          filterable
          placeholder="请选择状态"
          clearable
          @change="searchSelect"
          
        >
          <el-option
            v-for="item in ztList"
            :key="item.id"
            :label="item.name"
            :value="item.id"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="登记时间" prop="createTimeList" style="margin-right: 107px;" >
        <el-date-picker
          v-model="createTimeList"
          type="datetimerange"
@@ -119,7 +142,20 @@
        >
      </el-form-item>
    </el-form>

    <!-- <div class="timeline-wrapper">
    <el-timeline :reverse="false" class="horizontal-timeline">
      <el-timeline-item
        v-for="(item, index) in timelineData"
        :key="index"
        :timestamp="item.timestamp"
        :position="index % 2 === 0 ? 'left' : 'right'">
        <el-card :body-style="{ padding: '20px' }">
          <h3>{{ item.title }}</h3>
          <p>{{ item.description }}</p>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div> -->
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
@@ -1473,7 +1509,7 @@
import { getInfo } from "@/api/login";
import ViewPdf from "@/components/ViewPdf";
import {
  projectGetList,
  shijianzhou,
  getaddtTransition,
  getProParentIdDxList,
  getProSonDxList,
@@ -1493,6 +1529,18 @@
  name: "Order",
  data() {
    return {
      ztList: [
        {name:'未检',id: 0},{name:'在检',id: 1},{name:'已完成',id: 2},{name:'已审核',id: 3},{name:'生成报告',id: 4},{name:'报告核收',id: 5},{name:'已出报告',id: 6},
      ],
      timelineData: [
        { timestamp: '2024-01-01', title: '未检', description: 'This is event 1 description' },
        { timestamp: '2024-01-05', title: '在检', description: 'This is event 2 description' },
        { timestamp: '2024-01-10', title: '已完成', description: 'This is event 3 description' },
        { timestamp: '2024-01-15', title: '已审核', description: 'This is event 4 description' },
        { timestamp: '2024-01-15', title: '生成报告', description: 'This is event 4 description' },
        { timestamp: '2024-01-15', title: '报告核收', description: 'This is event 4 description' },
        { timestamp: '2024-01-15', title: '已出报告', description: 'This is event 4 description' },
      ],
      DataList3: [],
      bldhid: "",
      budadaozhen: false,
@@ -1548,6 +1596,7 @@
      TreedataList: [],
      discount: 10,
      DataList: [],
      tjNUms: [],
      // 套餐提交按钮
      confirm: false,
      list1: true,
@@ -2062,6 +2111,7 @@
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.tjNUms = selection.map(item => item.tjNumber);
      selection.forEach((item) => {
        this.orderIds = item.orderId;
        this.tjnumbers = item.tjNumber;
@@ -2075,9 +2125,13 @@
      });

      this.ids = selection.map((item) => item.orderId);
      // this.tjNumbers = selection.map((item) => item.tjNumber);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
      shijianzhou({
        tjNUms: this.tjNUms
      }).then((res) => {
        console.log(res)
      })
    },
    /** 新增按钮操作 */
    // handleAdd() {
@@ -2703,6 +2757,7 @@
    handleProjectssChange(selection) {
      this.DataListss = [];
      this.selection = [];

      this.bldhs = selection.map((item) => item.bldh);
      selection.forEach((item) => {
        item.projectList.forEach((item1) => {
@@ -2855,5 +2910,45 @@
  display: flex;
  flex-direction: column;
}
.timeline-wrapper {
  overflow-x: auto;
  padding: 20px;
  width: 100%;
}

.horizontal-timeline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 20px 0;
  width: 100%;
}

.el-timeline-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 20px;
}

.el-timeline-item .el-card {
  width: 150px;
  border-radius: 10px;
}

.el-timeline-item .el-timeline-item-tail {
  display: none;
}

.el-timeline-item .el-timeline-item-dot {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background-color: #409EFF;
  border-radius: 50%;
}
</style>