-
+
+
+
+
+
diff --git a/src/views/newMap/display/newChat/editGroup.vue b/src/views/newMap/display/newChat/editGroup.vue
index ccf6c815b..c75931693 100644
--- a/src/views/newMap/display/newChat/editGroup.vue
+++ b/src/views/newMap/display/newChat/editGroup.vue
@@ -2,7 +2,7 @@
{{ selectTreeNode.length }}
）
-
+
{{ tag.labelName }}
-
+
-
+
取消
确定
@@ -77,102 +77,56 @@ export default {
},
props: {
-
+ memberTreeData: {
+ type: Array,
+ default: () => {
+ return [];
+ }
+ }
},
data() {
return {
+ title: '创建会话群',
dialogVisible: false,
queryMember: '',
defaultProps: {
children: 'children',
- label: 'labelName'
+ label: 'labelName',
+ disabled: (node) => {
+ if (node.disabled || this.treeDisabled) {
+ return true;
+ } else {
+ return false;
+ }
+ }
},
activeTrains: [],
+ defaultCheckedKeys: [],
selectTreeNode: [],
- treeData: [{
- labelName: '行调',
- children: []
- }, {
- labelName: 'NCC调度',
- children: []
- }, {
- labelName: '车站值班员',
- children: []
- }, {
- labelName: '司机',
- children: []
- }, {
- labelName: '通号',
- children: []
- }, {
- labelName: '车辆段',
- children: []
- }, {
- labelName: 'CTC操作员',
- children: []
- }, {
- labelName: '车站助理',
- children: []
- },
- {
- labelName: '车站站长',
- children: []
- },
- {
- labelName: '车站信号员',
- children: []
- },
- {
- labelName: '车站客运员',
- children: []
- },
- {
- labelName: '车站扳道员',
- children: []
- },
- {
- labelName: '车站引导员',
- children: []
- },
- {
- labelName: '车站工务工',
- children: []
- },
- {
- labelName: '设备管理员',
- children: []
- }
- ],
form: {
name: '',
imageUrl: ''
- }
+ },
+ treeDisabled: false,
+ nameDisabled: false,
+ showSubmitBtn: true
};
},
computed: {
groupId() {
return this.$route.query.group;
},
- memberList() {
- return this.$store.state.training.memberList;
- },
memberData() {
return this.$store.state.training.memberData;
},
myMemberId() {
return this.$store.state.training.myMemberId;
- },
- defaultCheckedKeys() {
- return [this.myMemberId];
}
},
watch: {
queryMember(val) {
this.$refs.tree.filter(val);
},
- memberList () {
- this.getTreeData();
- },
myMemberId(val) {
this.initData();
if (!val) {
@@ -181,13 +135,23 @@ export default {
},
'$store.state.map.activeTrainListChange': function () {
this.getActiveTrains();
+ },
+ title() {
+ if (this.title == '创建会话群') {
+ this.showSubmitBtn = true;
+ this.treeDisabled = false;
+ this.nameDisabled = false;
+ } else {
+ this.showSubmitBtn = false;
+ this.treeDisabled = true;
+ this.nameDisabled = true;
+ }
}
},
mounted() {
this.initData();
},
created() {
- this.getTreeData();
this.getActiveTrains();
},
beforeDestroy() {
@@ -215,200 +179,6 @@ export default {
}
this.$refs.tree && this.$refs.tree.filter(this.queryMember);
},
- getTreeData() {
- const val = this.memberList;
- if (val && val.length) {
- // this.memberData = this.$store.state.training.memberData;
- const dispatcherList = [];
- const nccDispatcherList = [];
- const electricDispatcherList = [];
- const depotDispatcherList = [];
- const stationSupervisorList = [];
- const driverList = [];
- const maintainerList = [];
- const ctcOperatorList = [];
- const stationAssistantList = [];
- const stationMasterList = [];
- const stationSignalerList = [];
- const stationPassengerList = [];
- const stationSwitchManList = [];
- const stationFacilitatorList = [];
- const stationWorkerList = [];
- const deviceManagerList = [];
- const trainMasterList = [];
- const stationElectricWorkerList = [];
- val.forEach(item => {
- const device = this.$store.getters['map/getDeviceByCode'](item.deviceCode);
- switch (item.type) {
- case 'DISPATCHER':
- this.memberData[item.id].labelName = '行调' + (item.name || '');
- dispatcherList.push(this.memberData[item.id]);
- break;
- case 'NCC_DISPATCHER':
- this.memberData[item.id].labelName = 'NCC调度' + (item.name || '');
- nccDispatcherList.push(this.memberData[item.id]);
- break;
- case 'ELECTRIC_DISPATCHER':
- this.memberData[item.id].labelName = '电力调度' + (item.name || '');
- electricDispatcherList.push(this.memberData[item.id]);
- break;
- case 'DEPOT_DISPATCHER':
- this.memberData[item.id].labelName = '信号楼-' + device.name + (item.name || '');
- depotDispatcherList.push(this.memberData[item.id]);
- break;
- case 'STATION_SUPERVISOR':
- this.memberData[item.id].labelName = '值班员-' + device.name + (item.name ? `-${item.name }` : '');
- stationSupervisorList.push(this.memberData[item.id]);
- break;
- case 'DRIVER':
- this.memberData[item.id].labelName = '司机-列车' + item.deviceCode;
- driverList.push(this.memberData[item.id]);
- break;
- case 'MAINTAINER':
- this.memberData[item.id].labelName = '通号' + (item.name || '');
- maintainerList.push(this.memberData[item.id]);
- break;
- case 'RAIL_CTC':
- this.memberData[item.id].labelName = 'CTC操作员' + device.name;
- ctcOperatorList.push(this.memberData[item.id]);
- break;
- case 'STATION_ASSISTANT':
- this.memberData[item.id].labelName = '车站助理-' + device.name + (item.name ? `-${item.name }` : '');
- stationAssistantList.push(this.memberData[item.id]);
- break;
- case 'STATION_MASTER':
- this.memberData[item.id].labelName = '车站站长-' + device.name + (item.name ? `-${item.name }` : '');
- stationMasterList.push(this.memberData[item.id]);
- break;
- case 'STATION_SIGNALER':
- this.memberData[item.id].labelName = '车站信号员-' + device.name + (item.name ? `-${item.name }` : '');
- stationSignalerList.push(this.memberData[item.id]);
- break;
- case 'STATION_PASSENGER':
- this.memberData[item.id].labelName = '车站客运员-' + device.name + (item.name ? `-${item.name }` : '');
- stationPassengerList.push(this.memberData[item.id]);
- break;
- case 'STATION_SWITCH_MAN':
- this.memberData[item.id].labelName = '车站扳道员-' + device.name + (item.name ? `-${item.name }` : '');
- stationSwitchManList.push(this.memberData[item.id]);
- break;
- case 'STATION_FACILITATOR':
- this.memberData[item.id].labelName = '车站引导员-' + device.name + (item.name ? `-${item.name }` : '');
- stationFacilitatorList.push(this.memberData[item.id]);
- break;
- case 'STATION_WORKER':
- this.memberData[item.id].labelName = '车站工务工-' + device.name + (item.name ? `-${item.name }` : '');
- stationWorkerList.push(this.memberData[item.id]);
- break;
- case 'DEVICE_MANAGER':
- this.memberData[item.id].labelName = '设备管理员-' + device.name + (item.name ? `-${item.name }` : '');
- deviceManagerList.push(this.memberData[item.id]);
- break;
- case 'TRAIN_MASTER':
- // device.name;
- this.memberData[item.id].labelName = '车务段段长-' + (item.name ? `-${item.name }` : '');
- trainMasterList.push(this.memberData[item.id]);
- break;
- case 'PARENT_DEPARTMENT':
- this.memberData[item.id].labelName = '上级部门' + (item.name ? `-${item.name }` : '');
- break;
- case 'STATION_ELECTRIC_WORKER':
- this.memberData[item.id].labelName = '电力工务' + (item.name || '');
- stationElectricWorkerList.push(this.memberData[item.id]);
- break;
- // DEVICE_MANAGER:'设备管理员' deviceManager
- }
- });
- this.treeData = [{
- labelName: '行调',
- id: 'dispatcher',
- children: dispatcherList
- }, {
- labelName: 'NCC调度',
- id: 'nccDispatcher',
- children: nccDispatcherList
- }, {
- labelName: '车站值班员',
- id: 'stationSupervisor',
- children: stationSupervisorList
- }, {
- labelName: '司机',
- id: 'driver',
- children: driverList
- }, {
- labelName: '通号',
- id: 'maintainer',
- children: maintainerList
- }, {
- labelName: '车辆段信号楼',
- id: 'depotDispatcher',
- children: depotDispatcherList
- }, {
- labelName: '电力调度',
- id: 'electricDispatcher',
- children: electricDispatcherList
- }, {
- labelName: 'CTC操作员',
- id: 'ctcOperator',
- children: ctcOperatorList
- }, {
- labelName: '车站助理',
- id: 'stationAssistant',
- children: stationAssistantList
- },
- {
- labelName: '车站站长',
- id: 'stationMaster',
- children: stationMasterList
- },
- {
- labelName: '车站信号员',
- id: 'stationSignaler',
- children: stationSignalerList
- },
- {
- labelName: '车站客运员',
- id: 'stationPassenger',
- children: stationPassengerList
- },
- {
- labelName: '车站扳道员',
- id: 'stationSwitchMan',
- children: stationSwitchManList
- },
- {
- labelName: '车站引导员',
- id: 'stationFacilitator',
- children: stationFacilitatorList
- },
- {
- labelName: '车站工务工',
- id: 'stationWorker',
- children: stationWorkerList
- },
- {
- labelName: '设备管理员',
- id: 'deviceManager',
- children: deviceManagerList
- },
- {
- labelName: '车务段段长 ',
- id: 'trainMaster',
- children: trainMasterList
- },
- {
- labelName: '电力工务 ',
- id: 'stationElectricWorker',
- children: stationElectricWorkerList
- }
- ];
- this.$nextTick(() => {
- if (this.$refs.tree) {
- this.$refs.tree.filter(this.queryMember);
- }
- });
- }
- },
checkChange(data, node, val) {
const filter = node.checkedNodes.filter(ii => {
return !ii.children;
@@ -446,6 +216,7 @@ export default {
},
initData() {
this.$refs.form && this.$refs.form.resetFields();
+ this.defaultCheckedKeys = [this.myMemberId];
this.selectTreeNode = [];
const node = this.memberData[this.myMemberId];
node && this.selectTreeNode.push(node);
@@ -499,7 +270,9 @@ export default {
// fileName：存储文件名
// method：生成链接的请求方式
},
- doShow() {
+ doShow(info, title) {
+ this.title = title || '创建会话群';
+ this.setInfo(info);
this.dialogVisible = true;
this.$nextTick(() => {
if (this.$refs.tree) {
@@ -507,6 +280,21 @@ export default {
}
});
},
+ setInfo(info) {
+ if (info) {
+ this.form.name = info.name || '';
+ this.form.imageUrl = info.imageUrl || '';
+ this.defaultCheckedKeys = [];
+ this.selectTreeNode = [];
+ info.memberList.forEach(item => {
+ this.defaultCheckedKeys.push(item.memberId);
+ const node = this.memberData[item.memberId];
+ node && this.selectTreeNode.push(node);
+ });
+ } else {
+ this.initData();
+ }
+ },
handleClose() {
this.dialogVisible = false;
}
@@ -549,6 +337,7 @@ $imgHeight: 70px;
.disableClose {
/deep/ .el-icon-close {
cursor: not-allowed;
+ display: none !important;
}
}
}