From b524dc50dedb0e6d8ae0a432ae2d436829da9319 Mon Sep 17 00:00:00 2001
From: gaosp <gaosp>
Date: 星期六, 13 一月 2024 11:35:45 +0800
Subject: [PATCH] update
---
src/container/maintenance/index.vue | 210 ++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 154 insertions(+), 56 deletions(-)
diff --git a/src/container/maintenance/index.vue b/src/container/maintenance/index.vue
index e669334..85b8941 100644
--- a/src/container/maintenance/index.vue
+++ b/src/container/maintenance/index.vue
@@ -1,7 +1,7 @@
<!--
* @Date: 2024-01-06 17:40:19
* @LastEditors: Sneed
- * @LastEditTime: 2024-01-09 00:37:23
+ * @LastEditTime: 2024-01-13 11:33:27
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/maintenance/index.vue
-->
<template>
@@ -65,27 +65,112 @@
</el-date-picker>
</div>
<div class="item">
- <div class="query btn">鏌ヨ</div>
+ <el-button type="primary" size="small" @click="query">鏌ヨ</el-button>
</div>
<div class="item">
- <div class="reset btn">閲嶇疆</div>
+ <el-button type="primary" size="small" @click="reset">閲嶇疆</el-button>
</div>
+ </template>
+ <template slot="table-tool">
+ <el-button type="primary" size="mini" @click="add">娣诲姞</el-button>
</template>
<template slot="columns">
<el-table-column
- prop="date"
- label="鏃ユ湡"
- width="180">
- </el-table-column>
- <el-table-column
- prop="name"
- label="濮撳悕"
- width="180">
- </el-table-column>
- <el-table-column
- prop="address"
- label="鍦板潃">
- </el-table-column>
+ type="selection"
+ align="center"
+ width="55">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="缁熶竴缂栧彿"
+ prop="uuid">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="璁惧鍚嶇О"
+ width="150"
+ :show-overflow-tooltip="true"
+ prop="machineName">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="璁惧鍨嬪彿"
+ prop="type">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="璁惧瑙勬牸"
+ prop="specification">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="浣跨敤鍗曚綅"
+ prop="department">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="淇濆吇鑰�"
+ prop="userName">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="淇濆吇鍛ㄦ湡"
+ prop="period">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="淇濆吇绫诲瀷"
+ prop="style">
+ <template slot-scope="scope">
+ <span>{{scope.row.style === "1" ? "鏃ュ父淇濆吇" : scope.row.style === "2" ? "涓�绾т繚鍏�" :
+ scope.row.style === "3" ? "浜岀骇淇濆吇" : "涓夌骇淇濆吇" }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ align="center"
+ width="110"
+ label="鏄惁鍚堟牸"
+ prop="isQualified">
+ <template slot-scope="scope">
+ <span>{{scope.row.isQualified === "1"? "鍚堟牸" : "涓嶅悎鏍�"}}</span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ align="center"
+ width="120"
+ :show-overflow-tooltip="true"
+ label="璁″垝寮�濮嬫椂闂�">
+ <template slot-scope="scope">
+ <span v-if="scope.row.startDateFrom">{{scope.row.startDateFrom+ '~' +scope.row.startDateTo}}</span>
+ <span v-else></span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ align="center"
+ width="120"
+ :show-overflow-tooltip="true"
+ label="璁″垝瀹屾垚鏃堕棿">
+ <template slot-scope="scope">
+ <span v-if="scope.row.completeDateFrom">{{scope.row.completeDateFrom+ '~' +scope.row.completeDateTo}}</span>
+ <span v-else></span>
+ </template>
+ </el-table-column>
+ <el-table-column
+ align="center"
+ width="150"
+ :show-overflow-tooltip="true"
+ label="淇濆吇鍐呭涓庡瓨鍦ㄩ棶棰�"
+ prop="detail">
+ </el-table-column>
+ <el-table-column
+ align="center"
+ label="缂栬緫"
+ prop="editor">
+ <template slot-scope="scope">
+ <el-button size="mini" type="text" @click="addDevice(2,scope.row,$event)">缂栬緫</el-button>
+ <el-button size="mini" type="text" @click="deleteHandle(2,scope.row)">鍒犻櫎</el-button>
+ </template>
+ </el-table-column>
</template>
</List>
</div>
@@ -115,51 +200,64 @@
border: 1px solid #435F9E;
}
}
+ .el-button--mini {
+ background: transparent;
+ }
+ .el-button--primary {
+ background-color: transparent;
+ }
}
</style>
<style lang="scss" scoped>
- .maintenance {
- width: 100%;
- height: 100%;
- overflow: hidden;
- color: #FFF;
+.maintenance {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ color: #FFF;
+ display: flex;
+ flex-direction: column;
+
+ .nav {
+ padding: 10px 30px;
+ }
+
+ .item {
+ margin-top: 20px;
+ margin-left: 50px;
display: flex;
- flex-direction: column;
- .nav {
- padding: 10px 30px;
+ align-items: center;
+
+ span {
+ width: 120px;
+ font-size: 16px;
+ font-family: PingFangSC, PingFang SC;
+ color: #C6DCE0;
+ text-align: right;
+ padding-right: 20px;
}
- .item {
- margin-top: 20px;
- margin-left: 50px;
- display: flex;
- align-items: center;
- span {
- width: 120px;
- font-size: 16px;
- font-family: PingFangSC, PingFang SC;
- color: #C6DCE0;
- text-align: right;
- padding-right: 20px;
- }
- .item-value {
- width: 200px;
- border: 1px solid #435F9E;
- }
- .btn {
- line-height: 1.5;
- width: 100px;
- text-align: center;
- font-size: 16px;
- cursor: pointer;
- }
- .reset {
- background: #AAB6BA;
- color: #FFF;
- }
- .query {
- background: #5DD1FC;
- color: #FFF;
- }
+
+ .item-value {
+ width: 200px;
+ border: 1px solid #435F9E;
+ }
+
+ .btn {
+ line-height: 1.5;
+ width: 100px;
+ text-align: center;
+ font-size: 16px;
+ cursor: pointer;
+ }
+
+ .reset {
+ background: #AAB6BA;
+ color: #FFF;
+ }
+
+ .query {
+ background: #5DD1FC;
+ color: #FFF;
}
}
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3