|
|
@@ -61,17 +61,21 @@
|
|
|
<!-- 操作按钮区域 -->
|
|
|
<div class="table-operator" style="margin: 15px 0">
|
|
|
<a-button type="primary" icon="plus" @click="handleAdd">新增</a-button>
|
|
|
-<!-- <a-button ghost type="danger" icon="download" @click="handleExportXls('角色信息')">导出</a-button>-->
|
|
|
-<!-- <a-upload name="file" :show-upload-list="false" :multiple="false" :headers="tokenHeader" :action="url.importExcelUrl" @change="handleImportExcel">-->
|
|
|
-<!-- <a-button ghost type="danger" icon="import">导入</a-button>-->
|
|
|
-<!-- </a-upload>-->
|
|
|
+ <!-- <a-button ghost type="danger" icon="download" @click="handleExportXls('角色信息')">导出</a-button>-->
|
|
|
+ <!-- <a-upload name="file" :show-upload-list="false" :multiple="false" :headers="tokenHeader" :action="url.importExcelUrl" @change="handleImportExcel">-->
|
|
|
+ <!-- <a-button ghost type="danger" icon="import">导入</a-button>-->
|
|
|
+ <!-- </a-upload>-->
|
|
|
|
|
|
<a-dropdown v-if="selectedRowKeys.length > 0">
|
|
|
<a-menu slot="overlay">
|
|
|
- <a-menu-item key="1" @click="batchDel"><a-icon type="delete" />删除</a-menu-item>
|
|
|
+ <a-menu-item key="1" @click="batchDel">
|
|
|
+ <a-icon type="delete"/>
|
|
|
+ 删除
|
|
|
+ </a-menu-item>
|
|
|
</a-menu>
|
|
|
<a-button style="margin-left: 8px">
|
|
|
- 批量操作 <a-icon type="down" />
|
|
|
+ 批量操作
|
|
|
+ <a-icon type="down"/>
|
|
|
</a-button>
|
|
|
</a-dropdown>
|
|
|
</div>
|
|
|
@@ -79,7 +83,8 @@
|
|
|
<!-- table区域-begin -->
|
|
|
<div>
|
|
|
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
|
|
|
- <i class="anticon anticon-info-circle ant-alert-icon" /> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
|
|
|
+ <i class="anticon anticon-info-circle ant-alert-icon"/> 已选择 <a style="font-weight: 600">{{
|
|
|
+ selectedRowKeys.length }}</a>项
|
|
|
<a style="margin-left: 24px" @click="onClearSelected">清空</a>
|
|
|
</div>
|
|
|
|
|
|
@@ -96,16 +101,19 @@
|
|
|
@change="handleTableChange"
|
|
|
>
|
|
|
<template slot="deptName" slot-scope="text, record">
|
|
|
- {{record['deptStations'][0].deptName || record['deptStations'][0].deptId }}
|
|
|
+ <span v-for="(item, index) in record['deptStations']">
|
|
|
+ <span v-if="record['deptStations'].length -1 != index"> {{item.deptName || item.deptId}} ,</span>
|
|
|
+ <span v-else>{{item.deptName || item.deptId}} </span>
|
|
|
+ </span>
|
|
|
</template>
|
|
|
<template slot="lineName" slot-scope="text, record">
|
|
|
- {{ record['deptStations'][0].lineName || record['deptStations'][0].lineId }}
|
|
|
+ {{ record.lineName || record.lineId }}
|
|
|
</template>
|
|
|
<span slot="action" slot-scope="text, record">
|
|
|
<a-button size="small" type="primary" @click="handleEdit(record)">
|
|
|
编辑
|
|
|
</a-button>
|
|
|
- <a-divider type="vertical" />
|
|
|
+ <a-divider type="vertical"/>
|
|
|
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.stationId)">
|
|
|
<a-button size="small" type="danger">
|
|
|
删除
|
|
|
@@ -113,53 +121,53 @@
|
|
|
</a-popconfirm>
|
|
|
</span>
|
|
|
</a-table>
|
|
|
- <check-and-edit-model ref="modalForm" @ok="modalFormOk" />
|
|
|
+ <check-and-edit-model ref="modalForm" @ok="modalFormOk"/>
|
|
|
</div>
|
|
|
<!-- table区域-end -->
|
|
|
<!-- 表单区域 -->
|
|
|
</el-card>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { listMixin } from '@/mixin/listMixin'
|
|
|
-import columns from './indexColumns'
|
|
|
-import CheckAndEditModel from './CheckAndEditModel'
|
|
|
-import {getAction} from "@/api/request";
|
|
|
+ import {listMixin} from '@/mixin/listMixin'
|
|
|
+ import columns from './indexColumns'
|
|
|
+ import CheckAndEditModel from './CheckAndEditModel'
|
|
|
+ import {getAction} from "@/api/request";
|
|
|
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- CheckAndEditModel
|
|
|
- },
|
|
|
- mixins: [listMixin],
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // 查询条件
|
|
|
- queryParam: {},
|
|
|
- // 表头
|
|
|
- columns: columns(this),
|
|
|
- treeData: [],
|
|
|
- url: {
|
|
|
- list: '/business/catenary/bus/station/list',
|
|
|
- delete: '/business/catenary/bus/station/',
|
|
|
- exportXlsUrl: '/exportXlsUrl',
|
|
|
- tree: '/system/dept/treeSelect',
|
|
|
- importExcelUrl: `${process.env.VUE_APP_BASE_API}/importExcelUrl`
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.loadTree()
|
|
|
- },
|
|
|
- methods: {
|
|
|
- loadTree() {
|
|
|
- this.treeData = []
|
|
|
- getAction(this.url.tree).then((res) => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.treeData = res.data
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ CheckAndEditModel
|
|
|
+ },
|
|
|
+ mixins: [listMixin],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 查询条件
|
|
|
+ queryParam: {},
|
|
|
+ // 表头
|
|
|
+ columns: columns(this),
|
|
|
+ treeData: [],
|
|
|
+ url: {
|
|
|
+ list: '/business/catenary/bus/station/list',
|
|
|
+ delete: '/business/catenary/bus/station/',
|
|
|
+ exportXlsUrl: '/exportXlsUrl',
|
|
|
+ tree: '/system/dept/treeSelect',
|
|
|
+ importExcelUrl: `${process.env.VUE_APP_BASE_API}/importExcelUrl`
|
|
|
}
|
|
|
- })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.loadTree()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ loadTree() {
|
|
|
+ this.treeData = []
|
|
|
+ getAction(this.url.tree).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.treeData = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
@import '~@/assets/less/common.less'
|