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/assets/style/variables.scss | 1
admin/src/assets/style/element-variables.scss | 3
admin/src/views/platform/set/group.vue | 144 ++++++++++++++++
admin/src/views/operation/danger/typeSet.vue | 2
admin/src/views/platform/set/index.vue | 186 ++++++++++++++++++++
admin/src/views/platform/set/center.vue | 45 +++++
admin/src/views/platform/index.vue | 114 ++++++++++++
admin/src/assets/style/style.scss | 5
8 files changed, 493 insertions(+), 7 deletions(-)
diff --git a/admin/src/assets/style/element-variables.scss b/admin/src/assets/style/element-variables.scss
index efaf750..ebd97d0 100644
--- a/admin/src/assets/style/element-variables.scss
+++ b/admin/src/assets/style/element-variables.scss
@@ -7,3 +7,6 @@
@import "~element-ui/packages/theme-chalk/src/index";
+.el-drawer__header {
+ color: #333333 !important;
+}
\ No newline at end of file
diff --git a/admin/src/assets/style/style.scss b/admin/src/assets/style/style.scss
index 6d27706..d3e05e1 100644
--- a/admin/src/assets/style/style.scss
+++ b/admin/src/assets/style/style.scss
@@ -1,4 +1,5 @@
@import "variables.scss";
+@import "./element-variables.scss";
// 鏍峰紡閲嶇疆
html {
height: 100%;
@@ -146,7 +147,7 @@
width: 200px !important;
}
.w300{
- width: 300px;
+ width: 300px !important;
}
.w400{
width: 400px !important;
@@ -236,7 +237,7 @@
margin-left: 20px !important;
}
.mt30 {
- margin-top: 30px;
+ margin-top: 30px !important;
}
.mr30 {
diff --git a/admin/src/assets/style/variables.scss b/admin/src/assets/style/variables.scss
index 441118e..f740783 100644
--- a/admin/src/assets/style/variables.scss
+++ b/admin/src/assets/style/variables.scss
@@ -1,5 +1,6 @@
// 涓昏壊璋�
$primary-color: #279BAA;
+$primaryColor: #279BAA;
$primary-title-start-color: #3582ff;
$primary-title-color: #216EcE;
$primary-color-sel: #2cbbd1;
diff --git a/admin/src/views/operation/danger/typeSet.vue b/admin/src/views/operation/danger/typeSet.vue
index 2916021..01e283a 100644
--- a/admin/src/views/operation/danger/typeSet.vue
+++ b/admin/src/views/operation/danger/typeSet.vue
@@ -37,7 +37,7 @@
:pagination="pagination"
/>
<el-dialog
- :title="param.id ? '缂栬緫闅愭偅鍖哄煙' : '鏂板闅愭偅鍖哄煙'"
+ :title="param.id ? '缂栬緫闅愭偅绫诲瀷' : '鏂板闅愭偅绫诲瀷'"
:visible.sync="isShowEdit"
width="480px"
>
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>
diff --git a/admin/src/views/platform/set/center.vue b/admin/src/views/platform/set/center.vue
index e69de29..b0558c4 100644
--- a/admin/src/views/platform/set/center.vue
+++ b/admin/src/views/platform/set/center.vue
@@ -0,0 +1,45 @@
+<template>
+ <div class="main_app">
+ <el-form
+ :model="param"
+ :rules="rules"
+ label-suffix="锛�"
+ ref="ruleForm"
+ label-width="140px"
+ >
+ <el-form-item label="甯傚叕鍙稿鎵逛汉">
+ <el-select v-model="param.aa" class="w400" placeholder="璇烽�夋嫨锛屽閫�">
+ <el-option></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="甯傚叕鍙告棩浣滀笟閲�">
+ <el-input v-model="param.bbb" class="w400" placeholder="璇疯緭鍏�"></el-input>
+ <span>涓囨敮</span>
+ </el-form-item>
+ <el-form-item label="鐗╂祦杞﹂绾︽寚鍗�">
+ <Editor v-if="param.content" v-model="param.content" :defaultConfig="{ readOnly : true }" />
+ </el-form-item>
+ <el-form-item label="鐗╂祦杞﹀洯鍖哄瑙堝浘">
+ <Editor v-if="param.content" v-model="param.content" :defaultConfig="{ readOnly : true }" />
+ </el-form-item>
+ </el-form>
+ </div>
+</template>
+
+<script>
+import { Editor } from '@wangeditor/editor-for-vue'
+export default {
+ components: {
+ Editor
+ },
+ data () {
+ return {
+ param: {},
+ rules: {}
+ }
+ }
+}
+</script>
+
+<style>
+</style>
diff --git a/admin/src/views/platform/set/group.vue b/admin/src/views/platform/set/group.vue
index e69de29..ae8cfa3 100644
--- a/admin/src/views/platform/set/group.vue
+++ b/admin/src/views/platform/set/group.vue
@@ -0,0 +1,144 @@
+<template>
+ <div class="main_app">
+ <QueryForm
+ v-model="filters"
+ :query-form-config="queryFormConfig"
+ @handleQuery="getList(1)"
+ @clear="clear"
+ />
+ <div class="mb20 mt20">
+ <el-button type="primary" @click="handleEdit()">鏂板</el-button>
+ </div>
+ <el-table v-loading="loading" :data="list" stripe>
+ <el-table-column
+ prop="name"
+ label="鏈堝彴缁�"
+ min-width="100"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="鍏ュ洯浜嬬敱"
+ min-width="100"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="鎿嶄綔"
+ min-width="80"
+ show-overflow-tooltip
+ >
+ <template v-slot="scope">
+ <el-button type="text" @click="handleEdit(scope.row)">缂栬緫</el-button>
+ <el-button type="text" class="red" @click="handleDel(scope.row)"
+ >鍒犻櫎</el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ @size-change="handleSizeChange"
+ @current-change="getList"
+ :pagination="pagination"
+ />
+ <el-dialog
+ :title="param.id ? '缂栬緫鏈堝彴' : '鏂板鏈堝彴'"
+ :visible.sync="isShowEdit"
+ width="800px"
+ >
+ <el-form
+ :model="param"
+ :rules="rules"
+ label-suffix="锛�"
+ ref="ruleForm"
+ label-width="120px"
+ >
+ <el-form-item label="鏈堝彴缁勫悕绉�">
+ <el-input v-model="param.aaa" class="w300" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="鍏宠仈鍏ュ洯浜嬬敱">
+ <el-checkbox-group v-model="param.checkList">
+ <el-checkbox label="0">瀹夋嘲瑁呰揣</el-checkbox>
+ <el-checkbox label="0">瀹夋嘲鍗歌揣</el-checkbox>
+ <el-checkbox label="0">甯傚叕鍙稿嵏璐�</el-checkbox>
+ </el-checkbox-group>
+ </el-form-item>
+ <el-form-item label="鍏宠仈鏈堝彴">
+ <el-transfer
+ filterable
+ filter-placeholder="鎼滅储"
+ :titles="['寰呮坊鍔犳湀鍙�', '宸叉坊鍔犳湀鍙�']"
+ v-model="param.sel"
+ :data="data"
+
+ >
+ </el-transfer>
+ </el-form-item>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="isShowEdit = false">鍙栨秷</el-button>
+ <el-button type="primary" @click="handleSub">纭畾</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import Pagination from '@/components/common/Pagination'
+import QueryForm from '@/components/common/QueryForm'
+export default {
+ components: {
+ Pagination,
+ QueryForm
+ },
+ data () {
+ return {
+ filters: {},
+ loading: false,
+ queryFormConfig: {
+ formItems: [
+ {
+ filed: 'name',
+ type: 'input',
+ label: '鏈堝彴缁�'
+ }
+ ],
+ online: true
+ },
+ pagination: {
+ capacity: 10,
+ page: 1
+ },
+ list: [{}],
+ total: 0,
+ isShowEdit: false,
+ param: {
+ sel: []
+ },
+ rules: {},
+
+ data: [
+ { key: '1', label: '涓婃捣' },
+ { key: '2', label: '涓婃捣' },
+ { key: '3', label: '涓婃捣' },
+ { key: '4', label: '涓婃捣' },
+ { key: '5', label: '涓婃捣' }
+ ]
+ }
+ },
+ methods: {
+ getList (page) { },
+ clear () { },
+ handleEdit (row) {
+ this.isShowEdit = true
+ },
+ handleDel () { },
+ handleSizeChange (capacity) {
+ this.pagination.capacity = capacity
+ }
+ }
+}
+</script>
+
+<style>
+</style>
diff --git a/admin/src/views/platform/set/index.vue b/admin/src/views/platform/set/index.vue
index e69de29..a596791 100644
--- a/admin/src/views/platform/set/index.vue
+++ b/admin/src/views/platform/set/index.vue
@@ -0,0 +1,186 @@
+<template>
+ <div class="main_app">
+ <QueryForm
+ v-model="filters"
+ :query-form-config="queryFormConfig"
+ @handleQuery="getList(1)"
+ @clear="clear"
+ />
+ <el-table v-loading="loading" :data="list" stripe>
+ <el-table-column
+ prop="name"
+ label="鏈堝彴鍚嶇О"
+ min-width="100"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="宸ヤ綔鏃堕棿"
+ min-width="100"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="鍚屾椂浣滀笟鎶ヨ鏃堕棿"
+ min-width="100"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="鍙彿绛夊緟鏃堕棿(鍒嗛挓)"
+ min-width="80"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="鏈堝彴浣滀笟鏁堢巼(涓囨敮/灏忔椂)"
+ min-width="120"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="鍋滅敤/鍚敤"
+ min-width="80"
+ show-overflow-tooltip
+ >
+ <template v-slot="scope">
+ <el-switch
+ v-model="scope.row.status"
+ active-value="1"
+ inactive-value="0"
+ >
+ </el-switch>
+ </template>
+ </el-table-column>
+ <el-table-column
+ prop="name"
+ label="鎿嶄綔"
+ min-width="80"
+ show-overflow-tooltip
+ >
+ <template v-slot="scope">
+ <el-button type="text" @click="handleEdit(scope.row)">缂栬緫</el-button>
+ <el-button type="text" class="red" @click="handleDel(scope.row)"
+ >鍒犻櫎</el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ @size-change="handleSizeChange"
+ @current-change="getList"
+ :pagination="pagination"
+ />
+ <el-dialog
+ :title="param.id ? '缂栬緫鏈堝彴閰嶇疆' : '鏂板鏈堝彴閰嶇疆'"
+ :visible.sync="isShowEdit"
+ width="600px"
+ >
+ <el-form
+ :model="param"
+ :rules="rules"
+ label-suffix="锛�"
+ ref="ruleForm"
+ label-width="140px"
+ >
+ <el-form-item label="鏈堝彴鍚嶇О">
+ <el-input v-model="param.aaa" class="w300" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="宸ヤ綔鏃堕棿">
+ <el-time-picker
+ is-range
+ class="w300"
+ v-model="param.val"
+ range-separator="鑷�"
+ value-format="HH:mm"
+ format="HH:mm"
+ />
+ </el-form-item>
+ <el-form-item label="鍚屾椂浣滀笟杞﹁締鏁�">
+ <el-input v-model="param.aaa" class="w300"></el-input>
+ <span class="ml10">涓�</span>
+ </el-form-item>
+ <el-form-item label="鍋滅暀瓒呮椂鎶ヨ鏃堕棿">
+ <el-input
+ v-model="param.aaa"
+ placeholder="璇疯緭鍏�"
+ class="w300"
+ ></el-input>
+ <span class="ml10">鍒嗛挓</span>
+ </el-form-item>
+ <el-form-item label="鍙彿绛夊緟鏃堕棿" prop="name">
+ <el-input
+ v-model="param.aaa"
+ placeholder="璇疯緭鍏�"
+ class="w300"
+ ></el-input>
+ <span class="ml10">鍒嗛挓</span>
+ </el-form-item>
+ <el-form-item label="鏈堝彴浣滀笟鏁堢巼" placeholder="璇疯緭鍏�" prop="name">
+ <el-input
+ v-model="param.ccc"
+ class="w300"
+ placeholder="璇疯緭鍏�"
+ oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 7)"
+ />
+ <span class="ml10">涓囨敮/灏忔椂</span>
+ </el-form-item>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="isShowEdit = false">鍙栨秷</el-button>
+ <el-button type="primary" @click="handleSub">纭畾</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import Pagination from '@/components/common/Pagination'
+import QueryForm from '@/components/common/QueryForm'
+export default {
+ components: {
+ Pagination,
+ QueryForm
+ },
+ data () {
+ return {
+ filters: {},
+ loading: false,
+ queryFormConfig: {
+ formItems: [
+ {
+ filed: 'name',
+ type: 'input',
+ label: '鏈堝彴鍚嶇О'
+ }
+ ],
+ online: true
+ },
+ pagination: {
+ capacity: 10,
+ page: 1
+ },
+ list: [{}],
+ total: 0,
+ isShowEdit: false,
+ param: {},
+ rules: {}
+ }
+ },
+ methods: {
+ getList (page) { },
+ handleSub () { },
+ clear () { },
+ handleEdit (row) {
+ this.isShowEdit = true
+ },
+ handleDel () { },
+ handleSizeChange (capacity) {
+ this.pagination.capacity = capacity
+ }
+ }
+}
+</script>
+
+<style>
+</style>
--
Gitblit v1.9.3