From 3bce6eea6fa57a58dc32ec11e2920be6bbe31dd4 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 11 四月 2024 09:29:45 +0800
Subject: [PATCH] feat:入场过渡
---
src/views/system/work-order/index.vue | 75 +++++++++++++++++++------------------
1 files changed, 38 insertions(+), 37 deletions(-)
diff --git a/src/views/system/work-order/index.vue b/src/views/system/work-order/index.vue
index a0f0a1f..ad79c56 100644
--- a/src/views/system/work-order/index.vue
+++ b/src/views/system/work-order/index.vue
@@ -10,6 +10,12 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
+ <el-form-item label="鏁呴殰绫诲瀷" prop="workOrderNo">
+ <el-select v-model="queryParams.errorType" placeholder="鏁呴殰绫诲瀷" clearable @clear="handleQuery">
+ <el-option label="甯傛斂鏂藉伐" value="甯傛斂鏂藉伐"></el-option>
+ <el-option label="璁惧閬楀け" value="璁惧閬楀け"></el-option>
+ </el-select>
+ </el-form-item>
<el-form-item label="杩愮淮澶勭悊鏃堕棿">
<el-date-picker
clearable
@@ -30,17 +36,26 @@
</el-form>
<el-row>
- <el-col :span="8" v-for="item in workOrderList" :key="item" style="margin: 10px;width: 20%;">
+ <el-col :span="8" v-for="item in workOrderList" :key="item" style="width: 390px;margin-left: 40px;margin-top:20px;">
<el-card :body-style="{ padding: '0px' }">
- <img src="https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357" class="image">
- <div style="padding: 14px;">
- <span>{{ item.unitName }}</span>
- <span class="time">{{ item.ywPeopleName }}</span>
- <div class="bottom clearfix">
- <span style="font-size: 13px;">澶勭悊鏃堕棿</span>
- <time class="time">{{ item.ywHandleTime }}</time>
- </div>
- <div class="bottom clearfix">
+ <el-image :preview-src-list="['https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357']" fit="cover" src="https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357" class="image"/>
+ <div style="padding-right: 10px;padding-top: 10px;float: right;">
+ <el-row>
+ <el-col :span="24" class="time">鏁呴殰绫诲瀷锛�<el-tag size="small" type="danger">甯傛斂鏂藉伐</el-tag></el-col>
+ </el-row>
+ <el-row class="work-order-item">
+ <el-col class="time" :span="24">杩愮淮浜哄憳锛歿{ item.ywPeopleName }}</el-col>
+ </el-row>
+ <el-row class="work-order-item">
+ <el-col class="time" :span="24">杩愮淮鍗曚綅锛歿{ item.unitName }}</el-col>
+ </el-row>
+ <el-row class="work-order-item">
+ <el-col :span="24" class="time">宸ュ崟缂栧彿锛歿{ item.workOrderNo }}</el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24" class="time">澶勭悊鏃堕棿锛歿{ item.ywHandleTime }}</el-col>
+ </el-row>
+ <el-row>
<el-button
size="mini"
type="text"
@@ -57,12 +72,12 @@
<!-- type="text"-->
<!-- @click="handleYwResult(scope.row)"-->
<!-- >杩愮淮缁撴灉</el-button>-->
- <el-button
- size="mini"
- type="text"
- @click="handleCheckResult(item)"
- v-hasPermi="['work:order:result']"
- >妫�娴嬬粨鏋�</el-button>
+<!-- <el-button-->
+<!-- size="mini"-->
+<!-- type="text"-->
+<!-- @click="handleCheckResult(item)"-->
+<!-- v-hasPermi="['work:order:result']"-->
+<!-- >妫�娴嬬粨鏋�</el-button>-->
<el-button
size="mini"
type="text"
@@ -73,7 +88,7 @@
type="text"
@click="handleReport(item)"
>浜嬪悗鎶ュ</el-button>
- </div>
+ </el-row>
</div>
</el-card>
</el-col>
@@ -739,31 +754,17 @@
</script>
<style scoped>
-
+.work-order-item {
+ margin-bottom: 5px;
+}
.time {
font-size: 13px;
color: #999;
- margin-left: 10px;
}
-
-.bottom {
- margin-top: 13px;
- line-height: 12px;
-}
-
.image {
- width: 100%;
- display: block;
-}
-
-.clearfix:before,
-.clearfix:after {
- display: table;
- content: "";
-}
-
-.clearfix:after {
- clear: both
+ width: 165px;
+ height: 150px;
+ padding: 10px;
}
</style>
--
Gitblit v1.8.0