From ac0702b1b61d4f5da7a2e65b90f82848b1f5abce Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期三, 22 五月 2024 11:54:46 +0800
Subject: [PATCH] ll
---
admin/src/views/platform/index.vue | 114 +++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 110 insertions(+), 4 deletions(-)
diff --git a/admin/src/views/platform/index.vue b/admin/src/views/platform/index.vue
index 7da33b8..d5f30a6 100644
--- a/admin/src/views/platform/index.vue
+++ b/admin/src/views/platform/index.vue
@@ -26,7 +26,7 @@
<span class="placeholder9">浣滀笟锛�</span><span class="red">1</span>
</div>
</div>
- <el-button type="primary">鍙彿</el-button>
+ <el-button type="primary" @click="handleQueuing()">鍙彿</el-button>
</div>
<div class="list">
<div class="info" v-for="j in 3">
@@ -155,6 +155,60 @@
<el-button @click="isShowDetail = false">鍏抽棴</el-button>
</span>
</el-dialog>
+ <!-- -->
+ <el-drawer
+ title="鏈堝彴鍙彿-xx鍙锋湀鍙�"
+ :visible.sync="isShowQueuing"
+ size="720px"
+ >
+ <div class="queuing_modal">
+ <div class="df_ac mb20">
+ <span>鎼滅储杞﹁締锛�</span>
+ <el-input
+ class="flex1 mr20"
+ v-model="queuingForm.aa"
+ placeholder="璇疯緭鍏ヨ溅鐗屽彿"
+ ></el-input>
+ <el-button type="primary">鏌ユ壘</el-button>
+ <el-button>閲嶇疆</el-button>
+ </div>
+ <div class="list">
+ <div class="item">
+ <div class="head df_sb">
+ <div class="plate">鐨朅12122</div>
+ <div class="status">宸茬鍒�</div>
+ </div>
+ <div class="info">
+ <div class="ite">
+ <span>杩愯緭鍗曞彿锛�</span>
+ <span>12312</span>
+ </div>
+ <div class="ite">
+ <span>椹鹃┒鍛橈細</span>
+ <span>12312</span>
+ </div>
+ <div class="ite">
+ <span>鎵嬫満鍙凤細</span>
+ <span>12312</span>
+ </div>
+ <div class="ite">
+ <span>鎬昏繍杈撻噺锛�</span>
+ <span>12312</span>
+ </div>
+ <div class="ite" style="width: 66%">
+ <span>杩愯緭鍏徃锛�</span>
+ <span>12312</span>
+ </div>
+ </div>
+ <div class="footer df_sb">
+ <div class="detail">杩愬崟璇︽儏</div>
+ <el-button type="primary">鍙彿</el-button>
+ </div>
+ </div>
+ </div>
+ <el-button class="mt30" @click="isShowQueuing = false">鍏抽棴</el-button>
+ </div>
+ </el-drawer>
</div>
</template>
@@ -168,11 +222,15 @@
isShowSet: false, // 鏈堝彴閰嶇疆
setParam: {},
isShowDetail: false, // 杩愬崟璇︽儏
- detail: {}
+ detail: {},
+ isShowQueuing: false,
+ queuingForm: {}
}
},
methods: {
-
+ handleQueuing(row) {
+ this.isShowQueuing = true
+ },
handleFinish(item) {
this.$confirm('楂樻灦搴�6鍙锋湀鍙� 鐨朅12345 浣滀笟缁撴潫', '娓╅Θ鎻愮ず', {
confirmButtonText: '纭畾',
@@ -190,6 +248,7 @@
</script>
<style lang="scss" scoped>
+@import "@/assets/style/variables.scss";
.platform_list {
.item {
/* padding: 16px 24px; */
@@ -372,7 +431,7 @@
.line {
display: flex;
margin-bottom: 8px;
- &:nth-last-child(1){
+ &:nth-last-child(1) {
margin: 0;
}
div {
@@ -392,4 +451,51 @@
}
}
}
+/* */
+.queuing_modal {
+ padding: 10px 30px;
+ .list {
+ .item {
+ background: #f4fafb;
+ border-radius: 2px;
+ border: 1px solid #dfe2e8;
+ margin-bottom: 10px;
+ padding: 16px;
+ .head {
+ margin-bottom: 15px;
+ .plate {
+ width: 90px;
+ text-align: center;
+ font-size: 15px;
+ color: #111111;
+ padding: 4px 5px;
+ font-weight: 700;
+ border: 1px solid #279baa;
+ background-color: #fff;
+ }
+ .status {
+ color: $primaryColor;
+ }
+ }
+ .info {
+ display: flex;
+ flex-wrap: wrap;
+ .ite {
+ width: 33.3%;
+ margin-bottom: 8px;
+ span {
+ &:nth-child(1) {
+ color: #666666;
+ }
+ }
+ }
+ }
+ .footer {
+ .detail {
+ color: $primaryColor;
+ }
+ }
+ }
+ }
+}
</style>
--
Gitblit v1.9.3