joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

修改接口：/api/runPlan/template/skin/{mapId} 改为 /api/runPlan/template/{mapId}/list

Browse Source
This commit is contained in:
fan 2019-10-30 17:21:32 +08:00
parent 0f778f94c6
commit 36c33ed416
5 changed files with 439 additions and 437 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/api/runplan.js
View File

@ -53,9 +53,9 @@ export function queryRunPlan(planId) {
} }
// 根据skinCode查询发布运行图列表 // 根据skinCode查询发布运行图列表
export function queryRunPlanList(skinCode) { export function queryRunPlanList(mapId) {
return request({ return request({
url: `/api/runPlan/template/skin/${skinCode}`, url: `/api/runPlan/template/${mapId}/list`,
method: 'get' method: 'get'
}); });
} }

400
src/views/planMonitor/detail.vue
View File

@ -1,43 +1,47 @@
<template> <template>
<el-card :style="{height: height+'px'}" style="overflow-y:scroll;padding-bottom:20px;"> <el-card :style="{height: height+'px'}" style="overflow-y:scroll;padding-bottom:20px;">
<div class="runPlanHeader" style="width: 90%;margin-left:5%;margin-top:20px;display: inline-block;"> <div class="runPlanHeader" style="width: 90%;margin-left:5%;margin-top:20px;display: inline-block;">
<div class="runPlanList">{{$t('planMonitor.openRunPlan.runPlanList')}}</div> <div class="runPlanList">{{ $t('planMonitor.openRunPlan.runPlanList') }}</div>
<el-button size="small" type="primary" @click="handleCreate" class="createRunPlan" v-if="isCreate">{{$t('planMonitor.createRunningDiagram')}}</el-button> <el-button v-if="isCreate" size="small" type="primary" class="createRunPlan" @click="handleCreate">{{ $t('planMonitor.createRunningDiagram') }}</el-button>
</div> </div>
<el-table :data="runPlanList" height="500" stripe <el-table
border :data="runPlanList"
style="width: 90%;margin-left:5%;margin-top:20px;display: inline-block;"> height="500"
<el-table-column prop="name" :label="this.$t('planMonitor.runGraphName')" /> stripe
<el-table-column :label="this.$t('global.status')" v-if="!(/^\/design\/userlist/.test(this.$route.fullPath))"> border
<template slot-scope="scope"> style="width: 90%;margin-left:5%;margin-top:20px;display: inline-block;"
<el-tag>{{handlerStatus(scope.row)}}</el-tag> >
</template> <el-table-column prop="name" :label="this.$t('planMonitor.runGraphName')" />
</el-table-column> <el-table-column v-if="!(/^\/design\/userlist/.test(this.$route.fullPath))" :label="this.$t('global.status')">
<el-table-column <template slot-scope="scope">
prop="explanation" <el-tag>{{ handlerStatus(scope.row) }}</el-tag>
show-overflow-tooltip </template>
v-if="!(/^\/design\/userlist/.test(this.$route.fullPath))" </el-table-column>
:label="this.$t('planMonitor.explanation')"> <el-table-column
</el-table-column> v-if="!(/^\/design\/userlist/.test(this.$route.fullPath))"
<el-table-column :label="this.$t('planMonitor.creationDate')"> prop="explanation"
<template slot-scope="scope"> show-overflow-tooltip
<el-tag type="success">{{handleTime(scope.row.createTime)}}</el-tag> :label="this.$t('planMonitor.explanation')"
</template> />
</el-table-column> <el-table-column :label="this.$t('planMonitor.creationDate')">
<el-table-column :label="this.$t('global.operate')" width="400"> <template slot-scope="scope">
<template slot-scope="scope"> <el-tag type="success">{{ handleTime(scope.row.createTime) }}</el-tag>
<el-button size="mini" class="button_box" type="success" @click="handleConfirm(scope.row)" v-if="scope.row.status !=='1'">{{$t('planMonitor.load')}}</el-button> </template>
<el-button size="mini" class="button_box" type="primary" @click="handleEdit(scope.row)" v-if="isCreate && scope.row.status !=='1'">{{$t('planMonitor.modifyName')}}</el-button> </el-table-column>
<el-button size="mini" class="button_box" type="danger" @click="handleDelete(scope.row)" v-if="isCreate && scope.row.status !=='1'">{{$t('global.delete')}}</el-button> <el-table-column :label="this.$t('global.operate')" width="400">
<el-button size="mini" class="button_box" type="primary" @click="handlePublish(scope.row)" v-if="isCreate && scope.row.status ==='0'">{{hasRelease?$t('global.release'):$t('planMonitor.applyRelease')}}</el-button> <template slot-scope="scope">
<el-button size="mini" class="button_box" type="primary" @click="handlePreview(scope.row)" v-if="scope.row.status === '1'">{{$t('planMonitor.preview')}}</el-button> <el-button v-if="scope.row.status !=='1'" size="mini" class="button_box" type="success" @click="handleConfirm(scope.row)">{{ $t('planMonitor.load') }}</el-button>
<el-button size="mini" class="button_box" type="danger" @click="handelRevert(scope.row)" v-if="scope.row.status === '1'" >{{$t('planMonitor.revoke')}}</el-button> <el-button v-if="isCreate && scope.row.status !=='1'" size="mini" class="button_box" type="primary" @click="handleEdit(scope.row)">{{ $t('planMonitor.modifyName') }}</el-button>
</template> <el-button v-if="isCreate && scope.row.status !=='1'" size="mini" class="button_box" type="danger" @click="handleDelete(scope.row)">{{ $t('global.delete') }}</el-button>
</el-table-column> <el-button v-if="isCreate && scope.row.status ==='0'" size="mini" class="button_box" type="primary" @click="handlePublish(scope.row)">{{ hasRelease?$t('global.release'):$t('planMonitor.applyRelease') }}</el-button>
</el-table> <el-button v-if="scope.row.status === '1'" size="mini" class="button_box" type="primary" @click="handlePreview(scope.row)">{{ $t('planMonitor.preview') }}</el-button>
<create-empty-plan ref="createEmptyPlan" :plan-convert="PlanConvert" @dispatchDialog="dispatchDialog" @refresh="refresh"/> <el-button v-if="scope.row.status === '1'" size="mini" class="button_box" type="danger" @click="handelRevert(scope.row)">{{ $t('planMonitor.revoke') }}</el-button>
<!-- @dispatchOperate="dispatchOperate" --> </template>
<edit-plan-name ref="editPlan" @renewal="getRunPlanList" /> </el-table-column>
</el-table>
<create-empty-plan ref="createEmptyPlan" :plan-convert="PlanConvert" @dispatchDialog="dispatchDialog" @refresh="refresh" />
<!-- @dispatchOperate="dispatchOperate" -->
<edit-plan-name ref="editPlan" @renewal="getRunPlanList" />
</el-card> </el-card>
</template> </template>
<script> <script>
@ -48,156 +52,154 @@ import { getRpListByMapId, deleteRunPlan } from '@/api/runplan';
import { launchFullscreen } from '@/utils/screen'; import { launchFullscreen } from '@/utils/screen';
import { UrlConfig } from '@/router/index'; import { UrlConfig } from '@/router/index';
export default { export default {
name: 'userRunPlanList', name: 'UserRunPlanList',
components: { components: {
CreateEmptyPlan, CreateEmptyPlan,
EditPlanName EditPlanName
// LimitList // LimitList
}, },
filters: { filters: {
}, },
data() { data() {
return { return {
dialogShow: false, dialogShow: false,
loading: false, loading: false,
// height: 260, // height: 260,
// planId: '', // planId: '',
// planName: '', // planName: '',
type: 'add', type: 'add',
// defaultShowKeys: [], // defaultShowKeys: [],
runPlanList: [], runPlanList: [],
runPlanDict: {}, runPlanDict: {},
isCreate:false, isCreate:false,
PlanConvert: {} PlanConvert: {}
// defaultProps: { // defaultProps: {
// label: 'name' // label: 'name'
// } // }
}; };
}, },
computed: { computed: {
height() { height() {
return this.$store.state.app.height - 60 -30; return this.$store.state.app.height - 60 - 30;
}, },
skinCode() { skinCode() {
return this.$route.query.skinCode || '02'; return this.$route.query.skinCode || '02';
}, },
hasRelease() { hasRelease() {
return this.$store.state.user.roles.includes('04') || return this.$store.state.user.roles.includes('04') ||
this.$store.state.user.roles.includes('05'); this.$store.state.user.roles.includes('05');
} }
}, },
created(){ watch: {
this.PlanConvert = this.$theme.loadPlanConvert(this.$route.query.skinCode); '$route' () {
}, this.getRunPlanList();
mounted(){ }
this.getRunPlanList(); },
}, created() {
watch: { this.PlanConvert = this.$theme.loadPlanConvert(this.$route.query.skinCode);
'$route' () { },
this.getRunPlanList(); mounted() {
} this.getRunPlanList();
}, },
methods:{ methods:{
refresh(){ refresh() {
this.getRunPlanList(); this.getRunPlanList();
}, },
getRunPlanList() { getRunPlanList() {
if(/^\/design\/userlist/.test(this.$route.fullPath)){ if (/^\/design\/userlist/.test(this.$route.fullPath)) {
this.isCreate=false; this.isCreate = false;
getRpListByUserMapId(this.$route.params.mapId).then((resp) => { getRpListByUserMapId(this.$route.params.mapId).then((resp) => {
this.runPlanList = resp.data; this.runPlanList = resp.data;
this.runPlanList.forEach(elem => { this.runPlanList.forEach(elem => {
this.runPlanDict[elem.id] = elem.name; this.runPlanDict[elem.id] = elem.name;
}); });
// this.dialogShow = true; // this.dialogShow = true;
}).catch(() => { }).catch(() => {
this.$messageBox(this.$t('planMonitor.openRunPlan.getRunPlanListFail')); this.$messageBox(this.$t('planMonitor.openRunPlan.getRunPlanListFail'));
}); });
} } else {
else{ this.isCreate = true;
this.isCreate=true; getRpListByMapId(this.$route.params.mapId).then((resp) => {
getRpListByMapId(this.$route.params.mapId).then((resp) => { this.runPlanList = resp.data;
this.runPlanList = resp.data; this.runPlanList.forEach(elem => {
this.runPlanList.forEach(elem => { this.runPlanDict[elem.id] = elem.name;
this.runPlanDict[elem.id] = elem.name; });
}); // this.dialogShow = true;
// this.dialogShow = true; }).catch(() => {
}).catch(() => { this.$messageBox(this.$t('planMonitor.openRunPlan.getRunPlanListFail'));
this.$messageBox(this.$t('planMonitor.openRunPlan.getRunPlanListFail')); });
}); }
} },
}, // dispatchOperate(){
// dispatchOperate(){ // this.$refs[operateObj.dialogName][operateObj.operate](operateObj.params);
// this.$refs[operateObj.dialogName][operateObj.operate](operateObj.params); // },
// }, dispatchDialog() {
dispatchDialog(){ this.$refs['createEmptyPlan'].doShow();
this.$refs['createEmptyPlan'].doShow(); },
}, handleCreate() {
handleCreate(){ this.$refs['createEmptyPlan'].doShow();
this.$refs['createEmptyPlan'].doShow(); },
}, handleConfirm(row) {
handleConfirm(row){ this.loadRunPlanData({
this.loadRunPlanData({ planId: row.id,
planId: row.id, skinCode: this.$route.query.skinCode,
skinCode: this.$route.query.skinCode, planName: row.name
planName: row.name });
}); },
}, // 修改运行图名称
// 修改运行图名称 handleEdit(row) {
handleEdit(row) { if (row.id && row.name) {
if (row.id && row.name) { this.$refs.editPlan.doShow({id: row.id, name: row.name});
this.$refs.editPlan.doShow({id: row.id, name: row.name}); } else {
} else { this.$message.info(this.$t('planMonitor.openRunPlan.pleaseSelectRunplan'));
this.$message.info(this.$t('planMonitor.openRunPlan.pleaseSelectRunplan')); }
} },
}, loadRunPlanData({ refresh, planId, skinCode, planName }) {
loadRunPlanData({ refresh, planId, skinCode, planName }) { if (refresh) {
if (refresh) { this.$store.dispatch('runPlan/refresh');
this.$store.dispatch('runPlan/refresh'); } else {
} else { const query = { skinCode: skinCode, mapId: this.$route.params.mapId, planId: planId, planName: planName };
const query = { skinCode: skinCode, mapId: this.$route.params.mapId, planId: planId, planName: planName }; if (/^\/design\/userlist/.test(this.$route.fullPath)) {
if(/^\/design\/userlist/.test(this.$route.fullPath)){ this.$router.push({ path: `${UrlConfig.plan.usertool}`, query: query });
this.$router.push({ path: `${UrlConfig.plan.usertool}`, query: query }); } else {
} this.$router.push({ path: `${UrlConfig.plan.tool}`, query: query });
else{ }
this.$router.push({ path: `${UrlConfig.plan.tool}`, query: query }); }
} },
} // 删除运行图
}, handleDelete(row) {
// 删除运行图 this.$confirm(this.$t('planMonitor.openRunPlan.confirmDeleteRunPlan'), this.$t('tip.hint'), {
handleDelete(row) {
this.$confirm(this.$t('planMonitor.openRunPlan.confirmDeleteRunPlan'), this.$t('tip.hint'), {
confirmButtonText: this.$t('tip.confirm'),
cancelButtonText: this.$t('tip.cancel'),
type: 'warning'
}).then(() => {
deleteRunPlan(row.id).then(Response => {
this.$message.success(this.$t('planMonitor.openRunPlan.deleteSuccess'));
// if (row.id === this.$route.query.planId) {
// const query = { skinCode: this.$route.query.skinCode, mapId: this.$route.query.mapId };
// this.$router.push({ path: `${UrlConfig.plan.tool}`, query: query });
// }
this.refresh();
// this.doClose();
}).catch(() => {
this.$messageBox(this.$t('tip.deleteOperationGraphFailed'));
});
}).catch(() => { });
},
handlePublish(row) {
this.$confirm(this.hasRelease? this.$t('tip.publishRunPlanTips'):this.$t('tip.applyRunPlanTips'),this.$t('tip.hint'),{
confirmButtonText: this.$t('tip.confirm'), confirmButtonText: this.$t('tip.confirm'),
cancelButtonText: this.$t('tip.cancel'), cancelButtonText: this.$t('tip.cancel'),
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
if (this.hasRelease){ deleteRunPlan(row.id).then(Response => {
publishRunPlan(row.id,{runPlanName: name}).then(resp => { this.$message.success(this.$t('planMonitor.openRunPlan.deleteSuccess'));
// if (row.id === this.$route.query.planId) {
// const query = { skinCode: this.$route.query.skinCode, mapId: this.$route.query.mapId };
// this.$router.push({ path: `${UrlConfig.plan.tool}`, query: query });
// }
this.refresh();
// this.doClose();
}).catch(() => {
this.$messageBox(this.$t('tip.deleteOperationGraphFailed'));
});
}).catch(() => { });
},
handlePublish(row) {
this.$confirm(this.hasRelease ? this.$t('tip.publishRunPlanTips') : this.$t('tip.applyRunPlanTips'), this.$t('tip.hint'), {
confirmButtonText: this.$t('tip.confirm'),
cancelButtonText: this.$t('tip.cancel'),
type: 'warning'
}).then(() => {
if (this.hasRelease) {
publishRunPlan(row.id, {runPlanName: name}).then(resp => {
this.$message.success(this.$t('tip.publishRunPlanSuccess')); this.$message.success(this.$t('tip.publishRunPlanSuccess'));
this.refresh(); this.refresh();
}).catch(() => { }).catch(() => {
this.$messageBox(this.$t('tip.publishRunPlanFail')); this.$messageBox(this.$t('tip.publishRunPlanFail'));
this.refresh(); this.refresh();
}) });
} else { } else {
releaseOrCancelRunPlan(row.id, '1').then(resp => { releaseOrCancelRunPlan(row.id, '1').then(resp => {
this.$message.success(this.$t('tip.applyRunPlanSuccess')); this.$message.success(this.$t('tip.applyRunPlanSuccess'));
@ -205,58 +207,58 @@ export default {
}).catch(() => { }).catch(() => {
this.$messageBox(this.$t('tip.applyRunPlanFail')); this.$messageBox(this.$t('tip.applyRunPlanFail'));
this.refresh(); this.refresh();
}) });
} }
}); });
}, },
handelRevert(row) { handelRevert(row) {
this.$confirm(this.$t('tip.cancelRunPlanTips'),this.$t('tip.hint'),{ this.$confirm(this.$t('tip.cancelRunPlanTips'), this.$t('tip.hint'), {
confirmButtonText: this.$t('tip.confirm'), confirmButtonText: this.$t('tip.confirm'),
cancelButtonText: this.$t('tip.cancel'), cancelButtonText: this.$t('tip.cancel'),
type:'warning' type:'warning'
}).then(() => { }).then(() => {
releaseOrCancelRunPlan(row.id,'0').then(resp=> { releaseOrCancelRunPlan(row.id, '0').then(resp=> {
this.$message.success(this.$t('tip.cancelRunPlanSuccess')); this.$message.success(this.$t('tip.cancelRunPlanSuccess'));
this.refresh(); this.refresh();
}).catch(() => { }).catch(() => {
this.$messageBox(this.$t('tip.cancelRunPlanFail')) this.$messageBox(this.$t('tip.cancelRunPlanFail'));
this.refresh(); this.refresh();
}) });
}) });
}, },
handlerStatus(row) { handlerStatus(row) {
let lessonStatus = ''; let lessonStatus = '';
switch (row.status){ switch (row.status) {
case '0': case '0':
lessonStatus = this.$t('lesson.notRelease'); lessonStatus = this.$t('lesson.notRelease');
break; break;
case '1': case '1':
lessonStatus = this.$t('lesson.pendingReview'); lessonStatus = this.$t('lesson.pendingReview');
break; break;
case '2': case '2':
lessonStatus = this.$t('lesson.published'); lessonStatus = this.$t('lesson.published');
break; break;
case '3': case '3':
lessonStatus = this.$t('lesson.rejected'); lessonStatus = this.$t('lesson.rejected');
break; break;
} }
return lessonStatus; return lessonStatus;
}, },
handleTime(time) { handleTime(time) {
return time.replace("T"," "); return time.replace('T', ' ');
}, },
handlePreview(row){ handlePreview(row) {
previewRunPlan(row.id).then(resp => { previewRunPlan(row.id).then(resp => {
const query = { const query = {
skinCode: row.skinCode, prdType: '01', group: resp.data, mapId: row.mapId, planId: row.id,from:'' skinCode: row.skinCode, prdType: '01', group: resp.data, mapId: row.mapId, planId: row.id, from:''
}; };
this.$router.push({ path: `${UrlConfig.display}/plan`, query: query }); this.$router.push({ path: `${UrlConfig.display}/plan`, query: query });
launchFullscreen(); launchFullscreen();
}).catch(error => { }).catch(error => {
this.$messageBox(this.$t('tip.createSimulationFaild')+this.$t('global.colon')+error.message); this.$messageBox(this.$t('tip.createSimulationFaild') + this.$t('global.colon') + error.message);
}); });
} }
} }
}; };
</script> </script>
<style scoped> <style scoped>

376
src/views/planMonitor/editTool/menus/createEmptyPlan.vue
View File

@ -12,7 +12,7 @@
> >
<div> <div>
<el-tabs v-model="activeTab" type="card"> <el-tabs v-model="activeTab" type="card">
<el-tab-pane :label="this.$t('planMonitor.normalNew')" name="first"> <el-tab-pane :label="this.$t('planMonitor.normalNew')" name="first">
<el-row> <el-row>
<el-form ref="form" :model="newModel" label-width="140px" size="mini" :rules="rules" @submit.native.prevent> <el-form ref="form" :model="newModel" label-width="140px" size="mini" :rules="rules" @submit.native.prevent>
<el-form-item :label="this.$t('planMonitor.runGraphName')+this.$t('global.colon')" prop="name"> <el-form-item :label="this.$t('planMonitor.runGraphName')+this.$t('global.colon')" prop="name">
@ -69,196 +69,196 @@ import { UrlConfig } from '@/router/index';
import XLSX from 'xlsx'; import XLSX from 'xlsx';
export default { export default {
name: 'CreateEmptyPlan', name: 'CreateEmptyPlan',
components: { components: {
}, },
props: { props: {
planConvert: { planConvert: {
type: Object, type: Object,
default: function() { default: function() {
return { }; return { };
} }
} }
}, },
data() { data() {
return { return {
activeTab: 'second', activeTab: 'second',
dialogShow: false, dialogShow: false,
loading: false, loading: false,
loadingDig: null, loadingDig: null,
publishMapList: [], publishMapList: [],
newModel: { newModel: {
name: '', name: '',
skinCode: this.$route.query.skinCode skinCode: this.$route.query.skinCode
}, },
pullModel: { pullModel: {
templateId: '', templateId: '',
name: '', name: '',
skinCode: this.$route.query.skinCode skinCode: this.$route.query.skinCode
} }
}; };
}, },
computed: { computed: {
title() { title() {
return this.$t('planMonitor.newRunGraph'); return this.$t('planMonitor.newRunGraph');
}, },
rules() { rules() {
return { return {
name: [ name: [
{ required: true, message: this.$t('rules.enterTheNameOfTheRunGraph'), trigger: 'blur' } { required: true, message: this.$t('rules.enterTheNameOfTheRunGraph'), trigger: 'blur' }
] ]
}; };
}, },
pullRules() { pullRules() {
return { return {
templateId: [ templateId: [
{ required: true, message: this.$t('rules.chooseToPublishTheRunGraph'), trigger: 'change' } { required: true, message: this.$t('rules.chooseToPublishTheRunGraph'), trigger: 'change' }
], ],
name: [ name: [
{ required: true, message: this.$t('rules.enterTheNameOfTheRunGraph'), trigger: 'blur' } { required: true, message: this.$t('rules.enterTheNameOfTheRunGraph'), trigger: 'blur' }
] ]
}; };
} }
}, },
mounted() { mounted() {
}, },
methods: { methods: {
async initLoad() { async initLoad() {
const res = await queryRunPlanList(this.$route.query.skinCode); const res = await queryRunPlanList(this.$route.params.mapId);
if (res.code == 200 && res.data.length) { if (res.code == 200 && res.data.length) {
this.publishMapList = res.data; this.publishMapList = res.data;
} }
}, },
doShow() { doShow() {
this.dialogShow = true; this.dialogShow = true;
this.initLoad(); this.initLoad();
}, },
doClose() { doClose() {
this.loading = false; this.loading = false;
this.dialogShow = false; this.dialogShow = false;
this.newModel.name = ''; this.newModel.name = '';
this.pullModel.templateId = ''; this.pullModel.templateId = '';
this.pullModel.name = ''; this.pullModel.name = '';
if (this.$refs.form) { if (this.$refs.form) {
this.$refs.form.resetFields(); this.$refs.form.resetFields();
} }
if (this.$refs.pullForm) { if (this.$refs.pullForm) {
this.$refs.pullForm.resetFields(); this.$refs.pullForm.resetFields();
} }
}, },
handleCommit() { handleCommit() {
if (this.activeTab === 'first') { if (this.activeTab === 'first') {
this.$refs['form'].validate((valid) => { this.$refs['form'].validate((valid) => {
if (valid) { if (valid) {
this.loading = true; this.loading = true;
createEmptyPlan(this.newModel).then(resp => { createEmptyPlan(this.newModel).then(resp => {
const params = { const params = {
dialogName: 'openRunPlan', dialogName: 'openRunPlan',
operate: 'loadRunPlanData', operate: 'loadRunPlanData',
params: { planId: resp.data, skinCode: this.$route.query.skinCode, planName: this.newModel.name, refresh: true } params: { planId: resp.data, skinCode: this.$route.query.skinCode, planName: this.newModel.name, refresh: true }
}; };
this.$emit('refresh'); this.$emit('refresh');
// this.$emit('dispatchOperate', params); // this.$emit('dispatchOperate', params);
this.$message.success(this.$t('tip.createAnEmptyRunGraphSuccessfully')); this.$message.success(this.$t('tip.createAnEmptyRunGraphSuccessfully'));
// this.jump(resp.data, this.newModel.name); // this.jump(resp.data, this.newModel.name);
this.doClose(); this.doClose();
}).catch((error) => { }).catch((error) => {
this.$messageBox(this.$t('error.createOperationGraphFailed')+ this.$t('global.colon') + error.message); this.$messageBox(this.$t('error.createOperationGraphFailed') + this.$t('global.colon') + error.message);
this.doClose(); this.doClose();
}); });
} }
}); });
} else { } else {
this.$refs['pullForm'].validate((valid) => { this.$refs['pullForm'].validate((valid) => {
if (valid) { if (valid) {
this.loading = true; this.loading = true;
postCreatePlan(this.pullModel).then(resp => { postCreatePlan(this.pullModel).then(resp => {
this.$message.success(this.$t('tip.createARunGraphSuccessfully')); this.$message.success(this.$t('tip.createARunGraphSuccessfully'));
// this.jump(resp.data, this.pullModel.name); // this.jump(resp.data, this.pullModel.name);
this.$emit('refresh'); this.$emit('refresh');
this.doClose(); this.doClose();
}).catch((error) => { }).catch((error) => {
this.$messageBox(this.$t('error.createOperationGraphFailed')+ this.$t('global.colon') + error.message); this.$messageBox(this.$t('error.createOperationGraphFailed') + this.$t('global.colon') + error.message);
this.doClose(); this.doClose();
}); });
} }
}); });
} }
}, },
importf(item) { importf(item) {
const obj = this.$refs.files; const obj = this.$refs.files;
if (obj.files) { if (obj.files) {
const file = obj.files[0]; const file = obj.files[0];
this.handleImportRunPlan(file); this.handleImportRunPlan(file);
obj.value = ''; obj.value = '';
} }
}, },
loadingScreen() { loadingScreen() {
this.loadingDig = this.$loading({ this.loadingDig = this.$loading({
lock: true, lock: true,
text: this.$t('tip.underImport'), text: this.$t('tip.underImport'),
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}); });
}, },
// 导入运行图 // 导入运行图
handleImportRunPlan(file) { handleImportRunPlan(file) {
if (file) { if (file) {
this.loadingScreen(); this.loadingScreen();
setTimeout(() => { setTimeout(() => {
const that = this; const that = this;
const reader = new FileReader(); const reader = new FileReader();
if (reader) { if (reader) {
reader.onload = function (e) { reader.onload = function (e) {
let wb; let wb;
const data = e.target.result; const data = e.target.result;
if (that.rABS) { if (that.rABS) {
wb = XLSX.read(btoa(that.fixdata(data)), { // 手动转化 wb = XLSX.read(btoa(that.fixdata(data)), { // 手动转化
type: 'base64' type: 'base64'
}); });
} else { } else {
wb = XLSX.read(data, { wb = XLSX.read(data, {
type: 'binary' type: 'binary'
}); });
} }
if (wb) { if (wb) {
try { try {
let jsonData = []; let jsonData = [];
for (const index in wb.Sheets) { for (const index in wb.Sheets) {
jsonData = that.planConvert.importData(wb.Sheets[index], jsonData); jsonData = that.planConvert.importData(wb.Sheets[index], jsonData);
} }
importRunPlan({ mapId: that.$route.params.mapId || '02', runPlanList: jsonData }).then(response => { importRunPlan({ mapId: that.$route.params.mapId || '02', runPlanList: jsonData }).then(response => {
that.loadingDig.close(); that.loadingDig.close();
that.$message.success(that.$t('tip.importOperationGraphSuccessfully')); that.$message.success(that.$t('tip.importOperationGraphSuccessfully'));
// this.$emit('dispatchDialog', { name: 'openRunPlan', params: {type: 'add'} }); // this.$emit('dispatchDialog', { name: 'openRunPlan', params: {type: 'add'} });
}).catch(error => { }).catch(error => {
that.loadingDig.close(); that.loadingDig.close();
that.$message.warning(`${that.$t('tip.importRunGraphFailed')} ${error.message}`); that.$message.warning(`${that.$t('tip.importRunGraphFailed')} ${error.message}`);
}); });
} catch (error) { } catch (error) {
that.loadingDig.close(); that.loadingDig.close();
that.$message.warning(`${that.$t('tip.parseRunGraphFailed')} ${error.message}`); that.$message.warning(`${that.$t('tip.parseRunGraphFailed')} ${error.message}`);
} }
} }
}; };
if (that.rABS) { if (that.rABS) {
reader.readAsArrayBuffer(file); reader.readAsArrayBuffer(file);
} else { } else {
reader.readAsBinaryString(file); reader.readAsBinaryString(file);
} }
} }
}, 200); }, 200);
} }
this.doClose(); this.doClose();
}, },
jump(planId, planName) { jump(planId, planName) {
const query = { skinCode: this.$route.query.skinCode, mapId: this.$route.query.mapId, planId: planId, planName: planName }; const query = { skinCode: this.$route.query.skinCode, mapId: this.$route.query.mapId, planId: planId, planName: planName };
this.$router.push({ path: `${UrlConfig.plan.tool}`, query: query }); this.$router.push({ path: `${UrlConfig.plan.tool}`, query: query });
} }
} }
}; };
</script> </script>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>

32
src/views/planMonitor/home.vue
View File

@ -28,22 +28,22 @@ import home2 from '@/assets/home/plan2.png';
import home3 from '@/assets/home/plan3.png'; import home3 from '@/assets/home/plan3.png';
export default { export default {
name: 'Home', name: 'Home',
data() { data() {
return { return {
listImg: [ listImg: [
{ src: home1 }, { src: home1 },
{ src: home2 }, { src: home2 },
{ src: home3 } { src: home3 }
], ],
logo: logo logo: logo
}; };
}, },
computed: { computed: {
height() { height() {
return this.$store.state.app.height; return this.$store.state.app.height;
} }
} }
}; };
</script> </script>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>

64
src/views/planMonitor/index.vue
View File

@ -19,38 +19,38 @@ import drapLeft from '@/views/components/drapLeft/index';
import localStore from 'storejs'; import localStore from 'storejs';
export default { export default {
name: 'Exam', name: 'Exam',
components: { components: {
planList, planList,
drapLeft drapLeft
}, },
data() { data() {
return { return {
listShow: true, listShow: true,
widthLeft: Number(localStore.get('LeftWidth')) || 450 widthLeft: Number(localStore.get('LeftWidth')) || 450
}; };
}, },
computed: { computed: {
...mapGetters([ ...mapGetters([
'lessonbar' 'lessonbar'
]), ]),
height() { height() {
return this.$store.state.app.height; return this.$store.state.app.height;
} }
}, },
watch: { watch: {
'lessonbar.opened': function (val) { 'lessonbar.opened': function (val) {
this.listShow = val; this.listShow = val;
} }
}, },
methods: { methods: {
refresh() { refresh() {
this.$refs && this.$refs.planList && this.$refs.planList.refresh(); this.$refs && this.$refs.planList && this.$refs.planList.refresh();
}, },
drapWidth(width) { drapWidth(width) {
this.widthLeft = Number(width); this.widthLeft = Number(width);
} }
} }
}; };
</script> </script>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>