This commit is contained in:
zyy 2020-07-28 14:44:52 +08:00
commit 2fd8c44f85
19 changed files with 133 additions and 272 deletions

View File

@ -157,6 +157,9 @@ export default {
mounted() { mounted() {
this.version = this.$store.state.map.version; this.version = this.$store.state.map.version;
this.initMenu(); this.initMenu();
if (this.$store.state.socket.simulationRoleList && this.$store.state.socket.simulationRoleList.length) {
this.checkRoleChange(this.$store.state.socket.simulationRoleList);
}
}, },
methods: { methods: {
initMenu() { initMenu() {

View File

@ -62,7 +62,6 @@ const LessonDetail = () => import('@/views/lesson/details');
const ScriptmanageHome = () => import('@/views/scriptManage/home'); const ScriptmanageHome = () => import('@/views/scriptManage/home');
const ScriptDisplay = () => import('@/views/scriptManage/display/index'); const ScriptDisplay = () => import('@/views/scriptManage/display/index');
const ScriptDisplayNew = () => import('@/views/scriptManage/display/indexNew');
const PracticeDisplayNew = () => import('@/views/competitionManage/practiceList/display/index'); const PracticeDisplayNew = () => import('@/views/competitionManage/practiceList/display/index');
const IbpHome = () => import('@/views/ibp/home'); const IbpHome = () => import('@/views/ibp/home');
@ -285,7 +284,7 @@ export const publicAsyncRoute = [
}, },
{ // 剧本编辑 战场图 { // 剧本编辑 战场图
path: '/scriptDisplayNew/:mode', path: '/scriptDisplayNew/:mode',
component: ScriptDisplayNew, component: DisplayNew,
hidden: true hidden: true
}, },
{ // 实操试题编辑 战场图 { // 实操试题编辑 战场图

View File

@ -54,7 +54,6 @@ const BigSplitScreen = () => import('@/views/designPlatform/bigSplitScreen');
const ScriptmanageHome = () => import('@/views/scriptManage/home'); const ScriptmanageHome = () => import('@/views/scriptManage/home');
const ScriptDisplay = () => import('@/views/scriptManage/display/index'); const ScriptDisplay = () => import('@/views/scriptManage/display/index');
const ScriptDisplayNew = () => import('@/views/scriptManage/display/indexNew');
const IbpHome = () => import('@/views/ibp/home'); const IbpHome = () => import('@/views/ibp/home');
const IbpDraw = () => import('@/views/ibp/ibpDraw/index'); const IbpDraw = () => import('@/views/ibp/ibpDraw/index');
@ -224,7 +223,7 @@ export const publicAsyncRoute = [
}, },
{ // 剧本编辑 战场图 { // 剧本编辑 战场图
path: '/scriptDisplayNew/:mode', path: '/scriptDisplayNew/:mode',
component: ScriptDisplayNew, component: DisplayNew,
hidden: true hidden: true
}, },

View File

@ -4,7 +4,7 @@
<div class="display-draft"> <div class="display-draft">
<el-button-group> <el-button-group>
<el-button v-if="isAdmin" @click="memberManage">成员管理</el-button>
<el-button type="primary" @click="back">{{ $t('global.back') }}</el-button> <el-button type="primary" @click="back">{{ $t('global.back') }}</el-button>
</el-button-group> </el-button-group>
@ -14,8 +14,7 @@
v-show="faultlistshow" v-show="faultlistshow"
:devicelist="devicelist" :devicelist="devicelist"
@selectdevice="selectdevice" @selectdevice="selectdevice"
> />
</Devicefault-List>
<Fault-Device <Fault-Device
v-show="deviceShow" v-show="deviceShow"
ref="faultdevice" ref="faultdevice"
@ -26,14 +25,13 @@
<canvas id="canvastexture" /> <canvas id="canvastexture" />
</div> </div>
<div class="msg" v-show ="msgshow"> <div v-show="msgshow" class="msg">
<div class="msgtext"> <div class="msgtext">
{{ controlmsg }} {{ controlmsg }}
</div> </div>
</div> </div>
<div id="jl3droom" class="roombutton" @click="showroom"></div> <div id="jl3droom" class="roombutton" @click="showroom" />
</div> </div>
@ -55,7 +53,6 @@ import { JLmap3dMaintainer } from '@/jlmap3d/jl3dmaintainer/jlmap3dmaintainer.js
import DevicefaultList from '@/views/jlmap3d/maintainer/component/devicefaultlist'; import DevicefaultList from '@/views/jlmap3d/maintainer/component/devicefaultlist';
import FaultDevice from '@/views/jlmap3d/maintainer/component/faultdevice'; import FaultDevice from '@/views/jlmap3d/maintainer/component/faultdevice';
import Jlmap3dConfig from '@/views/jlmap3d/simulation/show/configmenu'; import Jlmap3dConfig from '@/views/jlmap3d/simulation/show/configmenu';
import { ProjectIcon } from '@/scripts/ProjectConfig'; import { ProjectIcon } from '@/scripts/ProjectConfig';
@ -66,11 +63,19 @@ export default {
name: 'Jl3dMaintainer', name: 'Jl3dMaintainer',
components: { components: {
DevicefaultList, DevicefaultList,
FaultDevice, FaultDevice
// Jlmap3dMsg // Jlmap3dMsg
// ShowProperty // ShowProperty
}, },
props: {
isAdmin: {
type: Boolean,
default() {
return false;
}
}
},
data() { data() {
return { return {
training: { training: {
@ -89,7 +94,7 @@ export default {
devicelist:[], devicelist:[],
deviceShow:true, deviceShow:true,
msgshow:false, msgshow:false,
controlmsg:"", controlmsg:''
}; };
}, },
@ -98,7 +103,7 @@ export default {
if (this.jlmap3d) { if (this.jlmap3d) {
this.jlmap3d.webwork.postMessage('off'); this.jlmap3d.webwork.postMessage('off');
this.jlmap3d.webwork.terminate(); this.jlmap3d.webwork.terminate();
console.log("www"); console.log('www');
this.jlmap3d.jsonwebworknew.terminate(); this.jlmap3d.jsonwebworknew.terminate();
this.jlmap3d.dispose(); this.jlmap3d.dispose();
this.jlmap3d = null; this.jlmap3d = null;
@ -221,7 +226,9 @@ export default {
this.$emit('back'); this.$emit('back');
this.isswitch = false; this.isswitch = false;
}, },
memberManage() {
this.$emit('handlerMemberManage');
}
} }
}; };
</script> </script>
@ -324,5 +331,4 @@ export default {
z-index: -12; z-index: -12;
} }
</style> </style>

View File

@ -1,7 +1,8 @@
<template> <template>
<div> <div>
<div class="schema" :style="{top: offset+'px'}"> <div class="schema" :style="{top: offset+'px'}">
<el-select v-if="(isScript&&!isScriptCommand) || isDesignPlatform" v-model="swch" size="small" :placeholder="$t('display.schema.selectProduct')" @change="switchMode"> <!-- (isScript&&!isScriptCommand) || -->
<el-select v-if="isDesignPlatform" v-model="swch" size="small" :placeholder="$t('display.schema.selectProduct')" @change="switchMode">
<el-option v-for="item in swchList" :key="item.value" :label="item.name" :value="item.value" /> <el-option v-for="item in swchList" :key="item.value" :label="item.name" :value="item.value" />
</el-select> </el-select>
<!-- showSelectStation&&((!isScriptCommand&&swch=='01')||(isScriptCommand && isLocalStation)) --> <!-- showSelectStation&&((!isScriptCommand&&swch=='01')||(isScriptCommand && isLocalStation)) -->

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="main" :style="{width: canvasWidth+'px'}"> <div class="main" :style="{width: canvasWidth+'px'}">
<Jl3d-Drive v-show="drivingShow" ref="Jl3dDrive" :panel-show="drivingShow" @showdriving="showdriving" /> <Jl3d-Drive v-show="drivingShow" ref="Jl3dDrive" :panel-show="drivingShow" @showdriving="showdriving" />
<Jl3d-Maintainer v-if="jl3dmaintainershow" @back="back" /> <Jl3d-Maintainer v-if="jl3dmaintainershow" :is-admin="isAdmin" @back="back" @handlerMemberManage="handlerMemberManage" />
<ibp-plate v-show="ibpShow" ref="ibpPlate" @hideIbp="hideIbp" /> <ibp-plate v-show="ibpShow" ref="ibpPlate" @hideIbp="hideIbp" />
<template v-show="panelShow" :panelShow="panelShow"> <template v-show="panelShow" :panelShow="panelShow">
<transition name="el-zoom-in-bottom"> <transition name="el-zoom-in-bottom">
@ -249,6 +249,8 @@ export default {
// //
setPosition() { setPosition() {
this.$nextTick(() => { this.$nextTick(() => {
this.offset = 10;
this.offsetBottom = 15;
const menuBar = document.getElementById('menuBar'); const menuBar = document.getElementById('menuBar');
const menuTool = document.getElementById('menuTool'); const menuTool = document.getElementById('menuTool');
const menuBottom = document.getElementById('menuButton'); const menuBottom = document.getElementById('menuButton');
@ -396,9 +398,10 @@ export default {
this.$store.dispatch('training/setRoles', 'DISPATCHER'); this.$store.dispatch('training/setRoles', 'DISPATCHER');
this.hideIbp(); this.hideIbp();
this.drivingShow = false; this.drivingShow = false;
if ((this.lineCode === '07' || this.lineCode === '06') && deviceCode) { if (this.lineCode === '07' || this.lineCode === '06') {
this.mapViewLoadedOver && this.setShowStation(''); this.mapViewLoadedOver && this.setShowStation('');
} }
this.jl3dmaintainershow = false;
break; break;
case 'STATION_SUPERVISOR': case 'STATION_SUPERVISOR':
this.$store.dispatch('training/setPrdType', '01'); this.$store.dispatch('training/setPrdType', '01');
@ -408,22 +411,27 @@ export default {
this.$refs.menuSchema.chiShowStation = deviceCode; this.$refs.menuSchema.chiShowStation = deviceCode;
this.mapViewLoadedOver && this.switchStationMode(deviceCode); this.mapViewLoadedOver && this.switchStationMode(deviceCode);
} }
this.jl3dmaintainershow = false;
this.drivingShow = false; this.drivingShow = false;
break; break;
case 'AUDIENCE': case 'AUDIENCE':
this.$store.dispatch('training/setPrdType', ''); this.$store.dispatch('training/setPrdType', '');
this.$store.dispatch('training/setRoles', 'AUDIENCE'); this.$store.dispatch('training/setRoles', 'AUDIENCE');
this.jl3dmaintainershow = false;
this.drivingShow = false;
this.hideIbp(); this.hideIbp();
break; break;
case 'DRIVER': case 'DRIVER':
this.$store.dispatch('training/setPrdType', ''); this.$store.dispatch('training/setPrdType', '');
this.$store.dispatch('training/setRoles', 'DRIVER'); this.$store.dispatch('training/setRoles', 'DRIVER');
this.jl3dmaintainershow = false;
break; break;
case 'MAINTAINER': case 'MAINTAINER':
this.$store.dispatch('training/setPrdType', ''); this.$store.dispatch('training/setPrdType', '');
this.$store.dispatch('training/setRoles', 'MAINTAINER'); this.$store.dispatch('training/setRoles', 'MAINTAINER');
this.hideIbp(); this.hideIbp();
this.jl3dmaintainershow = true; this.jl3dmaintainershow = true;
this.drivingShow = false;
break; break;
} }
}, },

View File

@ -15,7 +15,7 @@
ref="createForm" ref="createForm"
:create-form="makeForm" :create-form="makeForm"
:add-model="addModel" :add-model="addModel"
:create-rules="createRules" :create-rules="rules"
@create="create" @create="create"
/> />
</el-tab-pane> </el-tab-pane>
@ -153,22 +153,6 @@ export default {
}; };
return form; return form;
},
createRules: function () {
return {
width: [
{ required: true, message: this.$t('map.pleaseEnterImageWidth'), trigger: 'blur' }
],
height: [
{ required: true, message: this.$t('map.pleaseEnterImageHeight'), trigger: 'blur' }
],
'position.x': [
{ required: true, message: this.$t('map.pleaseEnterXCoordinate'), trigger: 'blur' }
],
'position.y': [
{ required: true, message: this.$t('map.pleaseEnterYCoordinate'), trigger: 'blur' }
]
};
} }
}, },
mounted() { mounted() {

View File

@ -15,7 +15,7 @@
ref="createForm" ref="createForm"
:create-form="createForm" :create-form="createForm"
:add-model="addModel" :add-model="addModel"
:create-rules="makeRules" :create-rules="rules"
@create="create" @create="create"
/> />
</el-tab-pane> </el-tab-pane>
@ -77,9 +77,13 @@ export default {
rules: { rules: {
code: [ code: [
{ required: true, message: this.$t('rules.pleaseSelectLine'), trigger: 'blur' } { required: true, message: this.$t('rules.pleaseSelectLine'), trigger: 'blur' }
],
'position.x': [
{ required: true, message: this.$t('rules.trainPositionX'), trigger: 'blur' }
],
'position.y': [
{ required: true, message: this.$t('rules.trainPositionY'), trigger: 'blur' }
] ]
},
makeRules: {
} }
}; };
}, },

View File

@ -66,6 +66,9 @@ export default {
}, },
resetFields() { resetFields() {
this.$refs.dataform && this.$refs.dataform.resetFields(); this.$refs.dataform && this.$refs.dataform.resetFields();
},
clearValidate() {
this.$refs.dataform && this.$refs.dataform.clearValidate();
} }
} }
}; };

View File

@ -5,14 +5,14 @@
ref="dataform" ref="dataform"
:form="form" :form="form"
:edit-model="editModel" :edit-model="editModel"
:rules="editRules" :rules="rules"
:type="editModel.type" :type="editModel.type"
@updateMapModel="updateMapModel" @updateMapModel="updateMapModel"
/> />
</el-tab-pane> </el-tab-pane>
<el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy"> <el-tab-pane class="view-control" :label="$t('map.newConstruction')" name="second" :lazy="lazy">
<div class="view-control-content"> <div class="view-control-content">
<config-list ref="make" :form="formMake" :form-model="addModel" :rules="createRules" /> <config-list ref="make" :form="formMake" :form-model="addModel" :rules="rules" />
<div style="color: #99a9bf;font-size: 12px;text-align: center;"> <div style="color: #99a9bf;font-size: 12px;text-align: center;">
<span>提示:设置归属车站时坐标会默认设置为车站下方50px</span> <span>提示:设置归属车站时坐标会默认设置为车站下方50px</span>
</div> </div>
@ -130,23 +130,6 @@ export default {
pfNum: 0, pfNum: 0,
switchCode: '' switchCode: ''
}, },
rules: {
code: [
{ required: true, message: this.$t('rules.selectSaidLampType'), trigger: 'change' }
],
name: [
{ required: true, message: this.$t('rules.enterSaidLampName'), trigger: 'blur' }
],
'position.x': [
{ required: true, message: this.$t('rules.trainPositionX'), trigger: 'blur' }
],
'position.y': [
{ required: true, message: this.$t('rules.trainPositionY'), trigger: 'blur' }
],
stationCode: [
{ required: true, message: this.$t('rules.pleaseSelectStationCode'), trigger: 'change'}
]
},
field: '' field: ''
}; };
}, },
@ -207,11 +190,17 @@ export default {
}; };
return form; return form;
}, },
editRules: function () { rules: function () {
return { return {
type: [ type: [
{ required: true, message: this.$t('rules.selectSaidLampType'), trigger: 'change' } { required: true, message: this.$t('rules.selectSaidLampType'), trigger: 'change' }
], ],
code: [
{ required: true, message: this.$t('rules.pleaseSelectEncoding'), trigger: 'change' }
],
name: [
{ required: true, message: this.$t('rules.enterSaidLampName'), trigger: 'blur' }
],
'position.x': [ 'position.x': [
{ required: true, message: this.$t('rules.trainPositionX'), trigger: 'blur' } { required: true, message: this.$t('rules.trainPositionX'), trigger: 'blur' }
], ],
@ -226,22 +215,6 @@ export default {
] ]
}; };
}, },
createRules: function () {
return {
type: [
{ required: true, message: this.$t('rules.selectSaidLampType'), trigger: 'change' }
],
name: [
{ required: true, message: this.$t('rules.enterSaidLampName'), trigger: 'blur' }
],
stationCode: [
{ required: true, message: this.$t('rules.pleaseSelectStationCode'), trigger: 'change'}
],
switchCode: [
{ required: true, message: '请选择所属道岔!', trigger: 'change'}
]
};
},
isButtonType() { isButtonType() {
return this.field == 'switchSelectCode'; return this.field == 'switchSelectCode';
} }

View File

@ -15,7 +15,7 @@
ref="createForm" ref="createForm"
:create-form="formMake" :create-form="formMake"
:add-model="addModel" :add-model="addModel"
:create-rules="createRules" :create-rules="rules"
@create="create" @create="create"
/> />
</el-tab-pane> </el-tab-pane>
@ -75,16 +75,6 @@ export default {
'stationList', 'stationList',
'lineCode' 'lineCode'
]), ]),
createRules: function () {
return {
type: [
{ required: true, message: this.$t('map.selectCounterType'), trigger: 'change' }
],
stationCode: [
{ required: true, message: this.$t('map.selectStation'), trigger: 'change' }
]
};
},
rules: function () { rules: function () {
return { return {
code: [ code: [

View File

@ -5,7 +5,7 @@
ref="dataform" ref="dataform"
:form="form" :form="form"
:edit-model="editModel" :edit-model="editModel"
:rules="editRules" :rules="rules"
type="DelayUnlock" type="DelayUnlock"
@updateMapModel="updateMapModel" @updateMapModel="updateMapModel"
/> />
@ -15,7 +15,7 @@
ref="createForm" ref="createForm"
:create-form="formMake" :create-form="formMake"
:add-model="addModel" :add-model="addModel"
:create-rules="createRules" :create-rules="rules"
@create="create" @create="create"
/> />
</el-tab-pane> </el-tab-pane>
@ -71,14 +71,7 @@ export default {
'stationList', 'stationList',
'lineCode' 'lineCode'
]), ]),
createRules: function () { rules: function () {
return {
stationCode: [
{ required: true, message: this.$t('map.selectStation'), trigger: 'change' }
]
};
},
editRules: function () {
return { return {
code: [ code: [
{ required: true, message: this.$t('map.pleaseSelectDevice'), trigger: 'change' } { required: true, message: this.$t('map.pleaseSelectDevice'), trigger: 'change' }

View File

@ -15,7 +15,7 @@
ref="createForm" ref="createForm"
:create-form="createForm" :create-form="createForm"
:add-model="addModel" :add-model="addModel"
:create-rules="createRules" :create-rules="rules"
@create="create" @create="create"
/> />
</el-tab-pane> </el-tab-pane>
@ -87,19 +87,6 @@ export default {
'lcList', 'lcList',
'lineCode' 'lineCode'
]), ]),
createRules: function () {
return {
name: [
{ required: true, message: this.$t('rules.pleaseEnterStatusSignal'), trigger: 'blur' }
],
'position.x': [
{ required: true, message: this.$t('map.pleaseEnterXCoordinate'), trigger: 'blur' }
],
'position.y': [
{ required: true, message: this.$t('map.pleaseEnterYCoordinate'), trigger: 'blur' }
]
};
},
form() { form() {
const form = { const form = {
labelWidth: '150px', labelWidth: '150px',

View File

@ -15,7 +15,7 @@
ref="createForm" ref="createForm"
:create-form="createForm" :create-form="createForm"
:add-model="addModel" :add-model="addModel"
:create-rules="makeRules" :create-rules="rules"
@create="create" @create="create"
/> />
</el-tab-pane> </el-tab-pane>
@ -78,17 +78,6 @@ export default {
width: [ width: [
{ required: true, message: this.$t('rules.pleaseSelectLineWidth'), trigger: 'blur' } { required: true, message: this.$t('rules.pleaseSelectLineWidth'), trigger: 'blur' }
] ]
},
makeRules: {
code: [
{ required: true, message: this.$t('rules.pleaseSelectLine'), trigger: 'blur' }
],
type: [
{ required: true, message: this.$t('rules.pleaseSelectLineType'), trigger: 'change' }
],
width: [
{ required: true, message: this.$t('rules.pleaseSelectLineWidth'), trigger: 'blur' }
]
} }
}; };
}, },

View File

@ -15,7 +15,7 @@
ref="createForm" ref="createForm"
:create-form="createForm" :create-form="createForm"
:add-model="addModel" :add-model="addModel"
:create-rules="makeRules" :create-rules="rules"
@create="create" @create="create"
/> />
</el-tab-pane> </el-tab-pane>
@ -76,14 +76,6 @@ export default {
width: [ width: [
{ required: true, message: this.$t('rules.pleaseSelectLineWidth'), trigger: 'blur' } { required: true, message: this.$t('rules.pleaseSelectLineWidth'), trigger: 'blur' }
] ]
},
makeRules: {
code: [
{ required: true, message: this.$t('rules.pleaseSelectLine'), trigger: 'blur' }
],
width: [
{ required: true, message: this.$t('rules.pleaseSelectLineWidth'), trigger: 'blur' }
]
} }
}; };
}, },

View File

@ -16,7 +16,7 @@
ref="createForm" ref="createForm"
:create-form="createForm" :create-form="createForm"
:add-model="addModel" :add-model="addModel"
:create-rules="makeRules" :create-rules="rules"
@create="create" @create="create"
/> />
</el-tab-pane> </el-tab-pane>
@ -84,14 +84,6 @@ export default {
], ],
fontColor: [ fontColor: [
{ required: true, message: this.$t('rules.textFontColor'), trigger: 'blur' } { required: true, message: this.$t('rules.textFontColor'), trigger: 'blur' }
]
},
makeRules: {
code: [
{ required: true, message: this.$t('rules.selectText'), trigger: 'blur' }
],
content: [
{ required: true, message: this.$t('rules.pleaseEnterContent'), trigger: 'blur' }
], ],
'position.x': [ 'position.x': [
{ required: true, message: this.$t('rules.pleaseEnterXCoordinate'), trigger: 'blur' } { required: true, message: this.$t('rules.pleaseEnterXCoordinate'), trigger: 'blur' }

View File

@ -16,7 +16,7 @@
ref="createForm" ref="createForm"
:create-form="formMake" :create-form="formMake"
:add-model="addModel" :add-model="addModel"
:create-rules="createRules" :create-rules="rules"
@create="create" @create="create"
/> />
</el-tab-pane> </el-tab-pane>
@ -140,22 +140,6 @@ export default {
} }
}; };
return form; return form;
},
createRules: function () {
return {
name: [
{ required: true, message: this.$t('rules.pleaseEnterStatusSignal'), trigger: 'blur' }
],
'position.x': [
{ required: true, message: this.$t('rules.trainPositionX'), trigger: 'blur' }
],
'position.y': [
{ required: true, message: this.$t('rules.trainPositionY'), trigger: 'blur' }
],
concentrateStationList:[
{ required: true, message: this.$t('rules.selectConcentrateStation'), trigger: 'change' }
]
};
} }
}, },
watch: { watch: {

View File

@ -1,47 +0,0 @@
<template>
<!-- <div class="script-parent"> -->
<!-- <div class="script-card" :style="{width: widthLeft+'px'}"> -->
<!-- <tip-script-record ref="tipTaskRecord" :group="group" :width="widthLeft" /> -->
<!-- </div> -->
<!-- <drap-left :width-left="widthLeft" :min="780" :max="980" @drapWidth="drapWidth" /> -->
<!-- <div class="script-display"> -->
<display ref="display" :size="size" />
<!-- -->
<!-- <tip-script-record-new ref="tipTaskRecordNew" :group="group" /> -->
<!-- </div> -->
<!-- </div> -->
</template>
<script>
import Display from '@/views/newMap/displayNew/index';
// import TipScriptRecordNew from './tipScriptRecordNew';
// import drapLeft from '@/views/components/drapLeft/index';
export default {
name: 'ScriptDisplayNew',
components: {
Display
// TipScriptRecordNew
// drapLeft
},
data() {
return {
// widthLeft: 780,
size: {
width: document.documentElement.clientWidth,
height: document.documentElement.clientHeight
},
group: this.$route.query.group
};
},
watch: {
'$store.state.app.windowSizeCount': function() {
this.$nextTick(function() {
this.size = { width: this.$store.state.app.width, height: this.$store.state.app.height};
});
}
},
methods: {
}
};
</script>

View File

@ -7,7 +7,8 @@
<div class="scriptPanelLeft"> <div class="scriptPanelLeft">
<div class="panelLeftSelect"> <div class="panelLeftSelect">
<span style="font-size:13px;">当前剧本角色:</span> <span style="font-size:13px;">当前剧本角色:</span>
<el-select v-model="memberId" filterable placeholder="请选择" :disabled="!backDisabled||isPause" @change="changeRole"> <!-- :disabled="!backDisabled||isPause" -->
<el-select v-model="memberId" filterable placeholder="请选择" @change="changeRole">
<el-option v-for="member in memberList" :key="member.id" :label="member.name" :value="member.id" /> <el-option v-for="member in memberList" :key="member.id" :label="member.name" :value="member.id" />
</el-select> </el-select>
</div> </div>