From 01c25b6d4ee7539c267f65a16f4ca71d8d29aa1c Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 21 五月 2024 17:13:21 +0800
Subject: [PATCH] ''
---
admin/src/views/platform/LogisticsRecord/waybill.vue | 0
admin/src/views/platform/set/group.vue | 0
admin/src/views/platform/queueUp.vue | 214 ++++++++++++++
admin/src/views/operation/danger/typeSet.vue | 104 ++++++
admin/src/views/operation/danger/areaSet.vue | 116 +++++++
admin/src/views/platform/LogisticsRecord/operationCity.vue | 0
admin/src/assets/style/style.scss | 17 +
admin/src/views/operation/serviceCar/apprConfig.vue | 4
admin/src/views/operation/serviceCar/driverConfig.vue | 8
admin/src/views/platform/LogisticsRecord/screen.vue | 0
admin/src/views/platform/LogisticsRecord/subscribe.vue | 0
admin/src/views/platform/set/index.vue | 0
admin/src/views/platform/set/center.vue | 0
admin/.gitignore | 1
admin/src/views/platform/index.vue | 266 +++++++++++++++++
admin/src/views/platform/LogisticsRecord/operation.vue | 0
admin/src/views/operation/serviceCar/apprRecord.vue | 2
admin/src/views/operation/danger/record.vue | 113 +++++++
18 files changed, 836 insertions(+), 9 deletions(-)
diff --git a/admin/.gitignore b/admin/.gitignore
index 66833d0..ad29f00 100644
--- a/admin/.gitignore
+++ b/admin/.gitignore
@@ -2,6 +2,7 @@
coderd.json
node_modules
/dist
+.env.dev*
# local env files
diff --git a/admin/src/assets/style/style.scss b/admin/src/assets/style/style.scss
index d281a72..a442fd9 100644
--- a/admin/src/assets/style/style.scss
+++ b/admin/src/assets/style/style.scss
@@ -213,12 +213,27 @@
.red{
color: red !important;
}
+.green{
+ color: #83cbb2;
+}
+.primaryColor{
+ color: $primary-color;
+}
+.placeholder9{
+ color: #999999;
+}
+.placeholder6{
+ color: #666666;
+}
+.pointer{
+ cursor: pointer;
+}
.table_btns{
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.ml20 {
- margin-left: 20px;
+ margin-left: 20px !important;
}
.mt30 {
margin-top: 30px;
diff --git a/admin/src/views/operation/danger/areaSet.vue b/admin/src/views/operation/danger/areaSet.vue
new file mode 100644
index 0000000..2ff6b03
--- /dev/null
+++ b/admin/src/views/operation/danger/areaSet.vue
@@ -0,0 +1,116 @@
+<template>
+ <div class="main_app">
+ <div class="mb20">
+ <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="100"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="鎿嶄綔"
+ min-width="80"
+ align="center"
+ 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="480px"
+ >
+ <el-form :model="param" :rules="rules" ref="ruleForm" label-width="100px">
+ <el-form-item label="闅愭偅鍖哄煙" prop="name">
+ <el-input v-model="param.aaa"></el-input>
+ </el-form-item>
+ <el-form-item label="鎺掑簭鐮�(鍗囧簭)" prop="name">
+ <el-input
+ v-model="param.ccc"
+ oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 7)"
+ />
+ </el-form-item>
+ <el-form-item label="瀹夊叏鍛�" prop="name">
+ <el-select placeholder="璇烽�夋嫨锛屽閫�" multiple filterable>
+ <el-option></el-option>
+ </el-select>
+ </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'
+export default {
+ components: {
+ Pagination
+ },
+ data () {
+ return {
+ loading: false,
+ pagination: {
+ capacity: 10,
+ page: 1
+ },
+ list: [],
+ total: 0,
+ isShowEdit: false,
+ param: {},
+ rules: {}
+ }
+ },
+ methods: {
+ handleSub () {
+ this.$refs.ruleForm.validate((valid) => {
+ if (valid) {
+ alert('submit!')
+ }
+ })
+ },
+ getList (page) { },
+ clear () { },
+ handleEdit (row) {
+ this.isShowEdit = true
+ },
+ handleDel () { },
+ handleSizeChange (capacity) {
+ this.pagination.capacity = capacity
+ }
+ }
+}
+</script>
+
+<style>
+</style>
diff --git a/admin/src/views/operation/danger/record.vue b/admin/src/views/operation/danger/record.vue
new file mode 100644
index 0000000..e30d825
--- /dev/null
+++ b/admin/src/views/operation/danger/record.vue
@@ -0,0 +1,113 @@
+<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="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="handleDetail(scope.row)">鏌ョ湅璇︽儏</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ @size-change="handleSizeChange"
+ @current-change="getList"
+ :pagination="pagination"
+ />
+ </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: 'select',
+ label: '闅愭偅鍖哄煙',
+ options: []
+ },
+ {
+ filed: 'name',
+ type: 'select',
+ label: '闅愭偅绫诲瀷',
+ options: []
+ },
+ {
+ filed: 'selDate',
+ type: 'daterange',
+ label: '闅愭偅鎻愭姤鏃ユ湡'
+ }
+ ],
+ online: true
+ },
+ pagination: {
+ capacity: 10,
+ page: 1
+ },
+ list: [],
+ total: 0
+ }
+ },
+ methods: {
+ handleDetail () {},
+ getList (page) { },
+ clear () { },
+ handleSizeChange (capacity) {
+ this.pagination.capacity = capacity
+ }
+ }
+}
+</script>
+
+<style>
+</style>
diff --git a/admin/src/views/operation/danger/typeSet.vue b/admin/src/views/operation/danger/typeSet.vue
new file mode 100644
index 0000000..2916021
--- /dev/null
+++ b/admin/src/views/operation/danger/typeSet.vue
@@ -0,0 +1,104 @@
+<template>
+ <div class="main_app">
+ <div class="mb20">
+ <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"
+ align="center"
+ 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="480px"
+ >
+ <el-form :model="param" :rules="rules" ref="ruleForm" label-width="100px">
+ <el-form-item label="闅愭偅绫诲瀷" prop="name">
+ <el-input v-model="param.aaa"></el-input>
+ </el-form-item>
+ <el-form-item label="鎺掑簭鐮�(鍗囧簭)" prop="name">
+ <el-input
+ oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 7)"
+ />
+ </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'
+export default {
+ components: {
+ Pagination
+ },
+ data () {
+ return {
+ loading: false,
+ pagination: {
+ capacity: 10,
+ page: 1
+ },
+ list: [],
+ total: 0,
+ isShowEdit: false,
+ param: {},
+ rules: {}
+ }
+ },
+ methods: {
+ handleSub () {
+ this.$refs.ruleForm.validate((valid) => {
+ if (valid) {
+ alert('submit!')
+ }
+ })
+ },
+ getList (page) { },
+ clear () { },
+ handleEdit (row) {
+ this.isShowEdit = true
+ },
+ handleDel () { },
+ handleSizeChange (capacity) {
+ this.pagination.capacity = capacity
+ }
+ }
+}
+</script>
+
+<style>
+</style>
diff --git a/admin/src/views/operation/serviceCar/apprConfig.vue b/admin/src/views/operation/serviceCar/apprConfig.vue
index 3a43bbc..70a430b 100644
--- a/admin/src/views/operation/serviceCar/apprConfig.vue
+++ b/admin/src/views/operation/serviceCar/apprConfig.vue
@@ -9,9 +9,7 @@
<div class="config_list">
<div class="config_list_head">
<span>娴佺▼閰嶇疆</span>
- <el-button style="background: #435ebe" type="primary"
- >鍙戝竷</el-button
- >
+ <el-button type="primary">鍙戝竷</el-button>
</div>
<div class="config_content">
<div class="item active">
diff --git a/admin/src/views/operation/serviceCar/apprRecord.vue b/admin/src/views/operation/serviceCar/apprRecord.vue
index 5e2fc7d..8b72d68 100644
--- a/admin/src/views/operation/serviceCar/apprRecord.vue
+++ b/admin/src/views/operation/serviceCar/apprRecord.vue
@@ -101,7 +101,7 @@
{
filed: 'name',
type: 'select',
- label: '閫夋嫨鐩殑鍦扮被鍒�',
+ label: '鐩殑鍦扮被鍒�',
options: []
},
{
diff --git a/admin/src/views/operation/serviceCar/driverConfig.vue b/admin/src/views/operation/serviceCar/driverConfig.vue
index f72a43e..481afc5 100644
--- a/admin/src/views/operation/serviceCar/driverConfig.vue
+++ b/admin/src/views/operation/serviceCar/driverConfig.vue
@@ -6,7 +6,7 @@
@handleQuery="getList(1)"
@clear="clear"
/>
- <div class="ml20">
+ <div class="ml20 mt20">
<el-button type="primary" @click="handleEdit()">娣诲姞</el-button>
</div>
<el-table v-loading="loading" :data="list" stripe>
@@ -59,12 +59,12 @@
label-width="100px"
>
<el-form-item label="閫夋嫨缁勭粐" prop="name">
- <el-select placeholder="璇烽�夋嫨锛屽崟閫�" filterable>
+ <el-select placeholder="璇烽�夋嫨锛屽崟閫�" class="w300" filterable>
<el-option></el-option>
</el-select>
</el-form-item>
<el-form-item label="閫夋嫨浜哄憳" prop="name">
- <el-select placeholder="璇烽�夋嫨锛屽崟閫�" filterable>
+ <el-select placeholder="璇烽�夋嫨锛屽崟閫�" class="w300" filterable>
<el-option></el-option>
</el-select>
</el-form-item>
@@ -103,7 +103,7 @@
capacity: 10,
page: 1
},
- list: [],
+ list: [{}],
total: 0,
isShowEdit: false,
param: {},
diff --git a/admin/src/views/platform/LogisticsRecord/operation.vue b/admin/src/views/platform/LogisticsRecord/operation.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/admin/src/views/platform/LogisticsRecord/operation.vue
diff --git a/admin/src/views/platform/LogisticsRecord/operationCity.vue b/admin/src/views/platform/LogisticsRecord/operationCity.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/admin/src/views/platform/LogisticsRecord/operationCity.vue
diff --git a/admin/src/views/platform/LogisticsRecord/screen.vue b/admin/src/views/platform/LogisticsRecord/screen.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/admin/src/views/platform/LogisticsRecord/screen.vue
diff --git a/admin/src/views/platform/LogisticsRecord/subscribe.vue b/admin/src/views/platform/LogisticsRecord/subscribe.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/admin/src/views/platform/LogisticsRecord/subscribe.vue
diff --git a/admin/src/views/platform/LogisticsRecord/waybill.vue b/admin/src/views/platform/LogisticsRecord/waybill.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/admin/src/views/platform/LogisticsRecord/waybill.vue
diff --git a/admin/src/views/platform/index.vue b/admin/src/views/platform/index.vue
new file mode 100644
index 0000000..d25f751
--- /dev/null
+++ b/admin/src/views/platform/index.vue
@@ -0,0 +1,266 @@
+<template>
+ <div class="main_app">
+ <div class="df_ac mb20">
+ <el-select v-model="currentPlatform" class="w300">
+ <el-option v-for="item in platformList" :key="item.id"></el-option>
+ </el-select>
+ <el-button type="primary" class="ml20" @click="handleSet"
+ >閰嶇疆鏈堝彴</el-button
+ >
+ </div>
+ <!-- -->
+ <div class="platform_list">
+ <div class="item" v-for="i in 2">
+ <div class="head">
+ <div class="name">6鍙锋湀鍙�</div>
+ <div class="status">
+ <span class="green">浣滀笟涓�</span>
+ <span class="">浣滀笟锛�1</span>
+ <span>鍙彿锛�1</span>
+ <span>绛夊緟锛�1</span>
+ <span class="red">寮傚父锛�1</span>
+ </div>
+ <el-button type="primary">鍙彿</el-button>
+ </div>
+ <div class="info" v-for="j in 3">
+ <div class="line">
+ <div class="left">
+ <span class="plate mr20">鐨朅12122</span>
+ <span class="placeholder9">椹鹃┒鍛�</span>
+ <span>鐜嬫煇鏌�</span>
+ <span>18888888888</span>
+ </div>
+ <div class="right">
+ <span class="green">浣滀笟涓�</span>
+ <span class="placeholder9 ml20">浣滀笟鏃堕暱锛�23鍒嗛挓26绉�</span>
+ </div>
+ </div>
+ <div class="line">
+ <div class="left">
+ <div>
+ <span>杩愯緭鍗曞彿</span
+ ><span class="ml10 placeholder9">1231231</span>
+ </div>
+ <div>
+ <span>鎬昏繍杈撻噺</span
+ ><span class="ml10 placeholder9">3000涓囨敮</span
+ ><span class="primaryColor ml10 pointer" @click="isShowDetail = true">杩愬崟璇︽儏</span>
+ </div>
+ </div>
+ <div class="right">
+ <el-button type="primary" @click="handleFinish()"
+ >浣滀笟瀹屾垚</el-button
+ >
+ <el-button plain>杞Щ鏈堝彴</el-button>
+ <el-button plain>寮傚父鎸傝捣</el-button>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 閰嶇疆鏄剧ず鏈堝彴 -->
+ <el-dialog
+ title="閰嶇疆鏄剧ず鏈堝彴"
+ :visible.sync="isShowSet"
+ center
+ width="420px"
+ >
+ <div class="set_modal">
+ <div class="mb20">
+ <div class="title">鍏ュ簱鏈堝彴缁�</div>
+ <div class="list">
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ </div>
+ </div>
+ <div>
+ <div class="title">鍏ュ簱鏈堝彴缁�</div>
+ <div class="list">
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ </div>
+ </div>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="setReset">閲嶇疆</el-button>
+ <el-button type="primary" @click="setSub">纭畾</el-button>
+ </span>
+ </el-dialog>
+ <!-- 杩愬崟璇︽儏 -->
+ <el-dialog
+ title="杩愬崟璇︽儏"
+ :visible.sync="isShowDetail"
+ width="420px"
+ >
+ <div class="detail_modal">
+ <div class="head">
+ <div class="line">
+ <span class="ccc">杩愯緭鍗曞彿</span>
+ <span>28282</span>
+ </div>
+ <div class="line">
+ <span class="ccc">杩愯緭杞﹁締</span>
+ <span>鐨朅12122</span>
+ </div>
+ <div class="line">
+ <span class="ccc">椹鹃┒鍛�</span>
+ <span>鐜嬪痉鍙�</span>
+ <span>1888888</span>
+ </div>
+ <div class="line">
+ <span class="ccc">鎬昏繍杈撻噺</span>
+ <span>28282涓囨敮</span>
+ </div>
+ </div>
+ <div class="content">
+ <div class="item">
+ <div class="line">
+ <div>鍚堝悓鍙凤細1292992</div>
+ <div class="address">鏀惰揣鍦帮細address</div>
+ </div>
+ <div class="line">
+ <div>鐗╂枡鍚嶇О锛氶粍灞�</div>
+ <div>鏁伴噺锛�700</div>
+ </div>
+ <div class="line">
+ <div>鐗╂枡鍚嶇О锛氶粍灞�</div>
+ <div>鏁伴噺锛�200</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="isShowDetail = false">鍏抽棴</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ currentPlatform: '',
+ platformList: [],
+
+ isShowSet: false, // 鏈堝彴閰嶇疆
+ setParam: {},
+ isShowDetail: false, // 杩愬崟璇︽儏
+ detail: {}
+ }
+ },
+ methods: {
+ handleFinish(item) {
+ this.$confirm('楂樻灦搴�6鍙锋湀鍙� 鐨朅12345 浣滀笟缁撴潫', '娓╅Θ鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ })
+ },
+ handleSet() {
+ this.isShowSet = true
+ },
+ setReset() { },
+ setSub() { }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.platform_list {
+ .item {
+ padding: 16px 24px;
+ border-radius: 2px;
+ border: 2px solid #cccccc;
+ margin-bottom: 12px;
+ .head {
+ display: flex;
+ justify-content: space-between;
+ .name {
+ font-size: 16px;
+ }
+ .status {
+ flex: 1;
+ margin-left: 50px;
+ span {
+ margin-right: 30px;
+ }
+ }
+ }
+ .info {
+ margin-top: 10px;
+ border: 1px solid #999999;
+ padding: 6px 8px;
+ border-radius: 2px;
+ margin-bottom: 10px;
+ .line {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 6px;
+ .left {
+ .plate {
+ border: 1px solid #4969f6;
+ border-radius: 2px;
+ padding: 0 5px;
+ }
+ }
+ .right {
+ display: flex;
+ align-items: center;
+ }
+ }
+ }
+ }
+}
+
+/* */
+.set_modal {
+ .title {
+ font-size: 16px;
+ font-weight: 600;
+ margin-bottom: 16px;
+ }
+ .list {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ .item {
+ cursor: pointer;
+ width: 30%;
+ height: 32px;
+ background-color: #d9d9d9;
+ border: 1px solid #4d99a7;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 6px;
+ margin-bottom: 12px;
+ }
+ }
+}
+/* */
+.detail_modal {
+ font-size: 12px;
+ .head {
+ border-bottom: 1px solid #999999;
+ }
+ .item {
+ border-bottom: 1px solid #999999;
+ }
+ .line {
+ display: flex;
+ justify-content: space-between;
+ .ccc{
+ color: #999999;
+ }
+ .address {
+ margin-right: 30px;
+ }
+ }
+}
+</style>
diff --git a/admin/src/views/platform/queueUp.vue b/admin/src/views/platform/queueUp.vue
new file mode 100644
index 0000000..9ad3106
--- /dev/null
+++ b/admin/src/views/platform/queueUp.vue
@@ -0,0 +1,214 @@
+<template>
+ <div class="main_app">
+ <div class="df_ac mb20">
+ <el-select v-model="filters.currentPlatform" class="w300">
+ <el-option v-for="item in platformList" :key="item.id"></el-option>
+ </el-select>
+ <el-input v-model="filters.id" placeholder="杞︾墝鍙�" class="ml20 w200" />
+ <el-button type="primary" class="ml20" @click="getList()">鏌ヨ</el-button>
+ <el-button class="ml20" @click="clear">閲嶇疆</el-button>
+ </div>
+ <!-- -->
+ <div class="platform_list">
+ <div class="item" v-for="i in 2">
+ <div class="head">
+ <div class="name">6鍙锋湀鍙�</div>
+ <div class="status">
+ <span class="green">浣滀笟涓�</span>
+ <span class="">浣滀笟锛�1</span>
+ <span>鍙彿锛�1</span>
+ <span>绛夊緟锛�1</span>
+ <span class="red">寮傚父锛�1</span>
+ </div>
+ <!-- <el-button type="primary">鍙彿</el-button> -->
+ </div>
+ <div class="info" v-for="j in 3">
+ <div class="line">
+ <div class="left">
+ <span class="plate mr20">鐨朅12122</span>
+ <span class="placeholder9">椹鹃┒鍛�</span>
+ <span>鐜嬫煇鏌�</span>
+ <span>18888888888</span>
+ </div>
+ <div class="right">
+ <span class="green">浣滀笟涓�</span>
+ <span class="placeholder9 ml20">浣滀笟鏃堕暱锛�23鍒嗛挓26绉�</span>
+ </div>
+ </div>
+ <div class="line">
+ <div class="left">
+ <div>
+ <span>杩愯緭鍗曞彿</span
+ ><span class="ml10 placeholder9">1231231</span>
+ </div>
+ <div>
+ <span>鎬昏繍杈撻噺</span
+ ><span class="ml10 placeholder9">3000涓囨敮</span
+ ><span class="primaryColor ml10 pointer">杩愬崟璇︽儏</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 閰嶇疆鏄剧ず鏈堝彴 -->
+ <el-dialog
+ title="閰嶇疆鏄剧ず鏈堝彴"
+ :visible.sync="isShowSet"
+ center
+ width="420px"
+ >
+ <div class="set_modal">
+ <div class="mb20">
+ <div class="title">鍏ュ簱鏈堝彴缁�</div>
+ <div class="list">
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ </div>
+ </div>
+ <div>
+ <div class="title">鍏ュ簱鏈堝彴缁�</div>
+ <div class="list">
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ </div>
+ </div>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="setReset">閲嶇疆</el-button>
+ <el-button type="primary" @click="setSub">纭畾</el-button>
+ </span>
+ </el-dialog>
+ <!-- 杩愬崟璇︽儏 -->
+ <el-dialog
+ title="閰嶇疆鏄剧ず鏈堝彴"
+ :visible.sync="isShowSet"
+ center
+ width="420px"
+ >
+ <div class="set_modal">
+ <div class="mb20">
+ <div class="title">鍏ュ簱鏈堝彴缁�</div>
+ <div class="list">
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ </div>
+ </div>
+ <div>
+ <div class="title">鍏ュ簱鏈堝彴缁�</div>
+ <div class="list">
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ <div class="item">1鍙锋湀鍙�</div>
+ <div class="item">2鍙锋湀鍙�</div>
+ </div>
+ </div>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="setReset">閲嶇疆</el-button>
+ <el-button type="primary" @click="setSub">纭畾</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+export default {
+ data () {
+ return {
+ filters: {},
+ platformList: [],
+
+ isShowSet: false, // 鏈堝彴閰嶇疆
+ setParam: {},
+ isShowDetail: false, // 杩愬崟璇︽儏
+ detail: {}
+ }
+ },
+ methods: {
+ getList () { },
+ clear () { }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.platform_list {
+ .item {
+ padding: 16px 24px;
+ border-radius: 2px;
+ border: 2px solid #cccccc;
+ margin-bottom: 12px;
+ .head {
+ display: flex;
+ justify-content: space-between;
+ .name {
+ font-size: 16px;
+ }
+ .status {
+ flex: 1;
+ margin-left: 50px;
+ span {
+ margin-right: 30px;
+ }
+ }
+ }
+ .info {
+ margin-top: 10px;
+ border: 1px solid #999999;
+ padding: 6px 8px;
+ border-radius: 2px;
+ margin-bottom: 10px;
+ .line {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 6px;
+ .left {
+ .plate {
+ border: 1px solid #4969f6;
+ border-radius: 2px;
+ padding: 0 5px;
+ }
+ }
+ .right {
+ display: flex;
+ align-items: center;
+ }
+ }
+ }
+ }
+}
+
+/* */
+.set_modal {
+ .title {
+ font-size: 16px;
+ font-weight: 600;
+ margin-bottom: 16px;
+ }
+ .list {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ .item {
+ cursor: pointer;
+ width: 30%;
+ height: 32px;
+ background-color: #d9d9d9;
+ border: 1px solid #4d99a7;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 6px;
+ margin-bottom: 12px;
+ }
+ }
+}
+</style>
diff --git a/admin/src/views/platform/set/center.vue b/admin/src/views/platform/set/center.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/admin/src/views/platform/set/center.vue
diff --git a/admin/src/views/platform/set/group.vue b/admin/src/views/platform/set/group.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/admin/src/views/platform/set/group.vue
diff --git a/admin/src/views/platform/set/index.vue b/admin/src/views/platform/set/index.vue
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/admin/src/views/platform/set/index.vue
--
Gitblit v1.9.3