| | |
| | | coderd.json |
| | | node_modules |
| | | /dist |
| | | .env.dev* |
| | | |
| | | |
| | | # local env files |
| | |
| | | .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; |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <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> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <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> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <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> |
| | |
| | | <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"> |
| | |
| | | { |
| | | filed: 'name', |
| | | type: 'select', |
| | | label: 'éæ©ç®çå°ç±»å«', |
| | | label: 'ç®çå°ç±»å«', |
| | | options: [] |
| | | }, |
| | | { |
| | |
| | | @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> |
| | |
| | | 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> |
| | |
| | | capacity: 10, |
| | | page: 1 |
| | | }, |
| | | list: [], |
| | | list: [{}], |
| | | total: 0, |
| | | isShowEdit: false, |
| | | param: {}, |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <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">çA12122</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>çA12122</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å·æå° çA12345 ä½ä¸ç»æ', '温馨æç¤º', { |
| | | 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> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <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">çA12122</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> |