From c99873027aee65411ac3168f888347f065f145b3 Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期一, 16 十二月 2024 13:59:27 +0800
Subject: [PATCH] 添加状态筛选
---
src/views/hosp/order/index.vue | 113 ++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 104 insertions(+), 9 deletions(-)
diff --git a/src/views/hosp/order/index.vue b/src/views/hosp/order/index.vue
index 47a4a1f..940c2db 100644
--- a/src/views/hosp/order/index.vue
+++ b/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>
--
Gitblit v1.8.0