|
@@ -25,7 +25,12 @@
|
|
|
<div class="button-group">
|
|
|
<!-- 默认操作模式 -->
|
|
|
<div v-show="type==1">
|
|
|
- <el-button @click="editGraphy">编辑平面图</el-button>
|
|
|
+ <el-dropdown split-button type="primary" @click="editGraphy" @command="handleCommand">
|
|
|
+ 创建业务空间
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item command="groupCreateBSpace">批量创建业务空间</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
</div>
|
|
|
<!-- 点击已经关联的业务空间 -->
|
|
|
<div v-show="type==2">
|
|
@@ -35,8 +40,8 @@
|
|
|
</div>
|
|
|
<!-- 点击未关联的业务空间 -->
|
|
|
<div v-show="type==3">
|
|
|
- <el-button plain @click="createNewZone">创建新的业务空间</el-button>
|
|
|
- <el-button type="primary" @click="lookUnrelatBSpace(true)">从未关联平面图的业务空间中选择</el-button>
|
|
|
+ <el-button plain @click="createNewZone">创建单个全新的业务空间</el-button>
|
|
|
+ <el-button plain @click="lookUnrelatBSpace(true)">从未关联平面图的业务空间中选择</el-button>
|
|
|
<el-button plain @click="cancelGraphy">取 消</el-button>
|
|
|
</div>
|
|
|
<!-- 重新划分业务空间 -->
|
|
@@ -60,6 +65,22 @@
|
|
|
<unRelateBSP ref="unRelateBSP" :tableData="BSPUnrelaISPList" :isAction="isAction" @createFromUnrelated="createFromUnrelated"></unRelateBSP>
|
|
|
<!-- 创建新的业务空间 -->
|
|
|
<createBSP ref="createBSP" @createRoom="createRoom"></createBSP>
|
|
|
+ <!-- 批量创建选择弹窗 -->
|
|
|
+ <el-dialog title="提示" :visible.sync="groupCreateDialogVis" width="30%">
|
|
|
+ <div id="autoRelate">
|
|
|
+ <p>请选择批量创建方式:</p>
|
|
|
+ <p>
|
|
|
+ <el-radio v-model="groupCreateType" :label="1">批量将所有的空白空间创建业务空间</el-radio>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <el-radio v-model="groupCreateType" :label="2">批量选择空白空间创建业务空间</el-radio>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="groupCreateDialogVis=false">取消</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="confirm">确认</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -124,6 +145,8 @@ export default {
|
|
|
curZoneItem: {}, //当前选中的业务空间item
|
|
|
allUnRelatISP: [], //
|
|
|
zoneList: [], // 业务空间-canvas图中
|
|
|
+ groupCreateDialogVis: false, //批量创建业务空间弹窗
|
|
|
+ groupCreateType: 1, //批量创建方式
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -361,6 +384,18 @@ export default {
|
|
|
cancelGraphy() {
|
|
|
this.init(2);
|
|
|
},
|
|
|
+ // 批量创建业务空间弹窗
|
|
|
+ handleCommand(command) {
|
|
|
+ this.groupCreateDialogVis = true;
|
|
|
+ },
|
|
|
+ // 创建弹窗确认
|
|
|
+ confirm() {
|
|
|
+ if (this.groupCreateType == 1) {
|
|
|
+ this.groupCreateBSpace()
|
|
|
+ } else if (this.groupCreateType == 2) {
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
// 批量创建业务空间
|
|
|
groupCreateBSpace() {
|
|
|
let text = []
|