Skip to content

V
vue-gjjs
Commit 65e9d8e4 by liuxin
Options

Mgrtsk页面样式调整

parent 80f06a60
Showing with 339 additions and 141 deletions
src/views/Business/Mgrtsk/Cipack.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="height: 24px">
<el-form-item label="Configuration Panel" class="messageLabel">
</el-form-item>
</c-col>
<c-col :span="24">
<el-divider></el-divider>
</c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.srvpdb.exeflg">cxheck open ACKs</c-checkbox> <c-checkbox v-model="model.srvpdb.exeflg"
>cxheck open ACKs</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Wait before 'Retry' " prop="srvpdb.rettim"> <el-form-item label="Wait before 'Retry' " prop="srvpdb.rettim">
<c-input v-model="model.srvpdb.rettim" placeholder="请输入Wait before 'Retry' "></c-input> <c-input
v-model="model.srvpdb.rettim"
placeholder="请输入Wait before 'Retry' "
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event" import Event from "~/model/Mgrtsk/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {};
}
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style scoped>
.el-col >>> .el-divider--horizontal {
margin-top: 5px;
}
.messageLabel >>> .el-form-item__label{
text-align: left;
font-weight:bold;
font-size: 12px;
}
</style> </style>
\ No newline at end of file
src/views/Business/Mgrtsk/Finalize.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="height: 24px">
<el-form-item label="Configuration Panel" class="messageLabel">
</el-form-item>
</c-col>
<c-col :span="24">
<el-divider></el-divider>
</c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.srvfin.exeflg">mark order as finished</c-checkbox> <c-checkbox v-model="model.srvfin.exeflg"
>mark order as finished</c-checkbox
>
</c-col> </c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event" import Event from "~/model/Mgrtsk/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {};
}
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style scoped>
.el-col >>> .el-divider--horizontal {
margin-top: 5px;
}
.messageLabel >>> .el-form-item__label{
text-align: left;
font-weight:bold;
font-size: 12px;
}
</style> </style>
\ No newline at end of file
src/views/Business/Mgrtsk/Gpi.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="height: 24px">
<el-form-item label="Configuration Panel" class="messageLabel">
</el-form-item>
</c-col>
<c-col :span="24">
<el-divider></el-divider>
</c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.srvgpi.exeflg">Return to Zhongtai</c-checkbox> <c-checkbox v-model="model.srvgpi.exeflg"
>Return to Zhongtai</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Wait before 'Retry' " prop="srvgpi.rettim"> <el-form-item label="Wait before 'Retry' " prop="srvgpi.rettim">
<c-input v-model="model.srvgpi.rettim" placeholder="请输入Wait before 'Retry' "></c-input> <c-input
v-model="model.srvgpi.rettim"
placeholder="请输入Wait before 'Retry' "
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event" import Event from "~/model/Mgrtsk/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {};
}
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style scoped>
.el-col >>> .el-divider--horizontal {
margin-top: 5px;
}
.messageLabel >>> .el-form-item__label{
text-align: left;
font-weight:bold;
font-size: 12px;
}
</style> </style>
src/views/Business/Mgrtsk/Pda.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="height:24px;">
<el-form-item label="Configuration Panel" class="messageLabel">
</el-form-item>
</c-col>
<c-col :span="24">
<el-divider></el-divider>
</c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.srvpda.exeflg">cxheck open ACKs</c-checkbox> <c-checkbox v-model="model.srvpda.exeflg">cxheck open ACKs</c-checkbox>
...@@ -33,6 +40,13 @@ export default { ...@@ -33,6 +40,13 @@ export default {
} }
} }
</script> </script>
<style> <style scoped>
.el-col >>> .el-divider--horizontal {
margin-top: 5px;
}
.messageLabel >>> .el-form-item__label{
text-align: left;
font-weight:bold;
font-size: 12px;
}
</style> </style>
\ No newline at end of file
src/views/Business/Mgrtsk/Rtz.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="height: 24px">
<el-form-item label="Configuration Panel" class="messageLabel">
</el-form-item>
</c-col>
<c-col :span="24">
<el-divider></el-divider>
</c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.srvrto.exeflg">Return to Zhongtai</c-checkbox> <c-checkbox v-model="model.srvrto.exeflg"
>Return to Zhongtai</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Wait before 'Retry' " prop="srvrto.rettim"> <el-form-item label="Wait before 'Retry' " prop="srvrto.rettim">
<c-input v-model="model.srvrto.rettim" placeholder="请输入Wait before 'Retry' "></c-input> <c-input
v-model="model.srvrto.rettim"
placeholder="请输入Wait before 'Retry' "
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event" import Event from "~/model/Mgrtsk/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {};
}
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style scoped>
.el-col >>> .el-divider--horizontal {
margin-top: 5px;
}
.messageLabel >>> .el-form-item__label {
text-align: left;
font-weight: bold;
font-size: 12px;
}
</style> </style>
src/views/Business/Mgrtsk/Srvdsp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24"> <c-col :span="24" style="text-align: right">
<c-table :border="true" :list="data" ref="table" style="width:80%,text-align:center" height="500" :paginationShow="false"> <c-button
<el-table-column label="Execute" width="auto" type="selection" prop="exeflg"></el-table-column> size="small"
<el-table-column label="Handler" width="auto" prop="srvhdl" sortable></el-table-column> type="primary"
<el-table-column label="Service" width="auto" prop="srv"></el-table-column> style="margin-left: 0"
<el-table-column label="Stop" width="auto" prop="stpflg"></el-table-column> :disabled="buttonFlag"
<el-table-column label="Succ." width="auto" prop="cntsuc"></el-table-column> @click="Start"
<el-table-column label="Retry" width="auto" prop="cntret"></el-table-column> >Start</c-button
<el-table-column label="Errors" width="auto" prop="cnterr"></el-table-column> >
<el-table-column label="Threshold" width="auto" prop="trsconerr"></el-table-column> <c-button
<el-table-column label="Consecutive Errors" width="auto" prop="cntconerr"></el-table-column> size="small"
<el-table-column label="Lck" width="auto" prop="trnlckflg"></el-table-column> type="primary"
<el-table-column label="Period for count (in hours)" width="auto" prop="cnttim"></el-table-column> style="margin-left: 0"
<el-table-column label="Configure" width="auto" prop=""></el-table-column> :disabled="!buttonFlag"
@click="Stop"
>Stop</c-button
>
</c-col>
<c-col :span="24" style="margin-top: 10px">
<c-table
:border="true"
:list="data"
ref="table"
style="width:80%,text-align:center"
height="500"
:paginationShow="false"
>
<el-table-column
label="Execute"
width="auto"
type="selection"
prop="exeflg"
></el-table-column>
<el-table-column
label="Handler"
width="auto"
prop="srvhdl"
sortable
></el-table-column>
<el-table-column
label="Service"
width="auto"
prop="srv"
></el-table-column>
<el-table-column
label="Stop"
width="auto"
prop="stpflg"
></el-table-column>
<el-table-column
label="Succ."
width="auto"
prop="cntsuc"
></el-table-column>
<el-table-column
label="Retry"
width="auto"
prop="cntret"
></el-table-column>
<el-table-column
label="Errors"
width="auto"
prop="cnterr"
></el-table-column>
<el-table-column
label="Threshold"
width="auto"
prop="trsconerr"
></el-table-column>
<el-table-column
label="Consecutive Errors"
width="auto"
prop="cntconerr"
></el-table-column>
<el-table-column
label="Lck"
width="auto"
prop="trnlckflg"
></el-table-column>
<el-table-column
label="Period for count (in hours)"
width="auto"
prop="cnttim"
></el-table-column>
<el-table-column
label="Configure"
width="auto"
prop=""
></el-table-column>
</c-table> </c-table>
</c-col> </c-col>
</div> </div>
...@@ -30,24 +106,42 @@ export default { ...@@ -30,24 +106,42 @@ export default {
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return { return {
data:[], data: [],
buttonFlag:false,
}; };
}, },
methods: { ...Event, methods: { ...Event,
Start() {
this.buttonFlag = false;
let rtnmsg = this.executeRule("wfetsk.tsklist.butstr");
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
}
},
Stop() {
this.buttonFlag = true;
let rtnmsg = this.executeRule("wfetsk.tsklist.butstp");
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
}
},
}, },
created: function () {}, created: function () {},
watch: { watch: {
'model.wfetsk.srsmod.srslst': function () { "model.wfetsk.srsmod.srslst": function () {
this.data = this.model.wfetsk.srsmod.srslst; this.data = this.model.wfetsk.srsmod.srslst;
this.$nextTick(() => { this.$nextTick(() => {
for(let i=0;i<this.data.length;i++){ for (let i = 0; i < this.data.length; i++) {
if(this.data[i].exeflg == 'Y'){ if (this.data[i].exeflg == "Y") {
this.$refs.table.$refs.table.toggleRowSelection(this.data[i],true); this.$refs.table.$refs.table.toggleRowSelection(
} this.data[i],
} true
}) );
} }
} }
});
},
},
}; };
</script> </script>
<style> <style>
......
src/views/Business/Mgrtsk/Srvlmd.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="height: 24px">
<el-form-item label="Configuration Panel" class="messageLabel">
</el-form-item>
</c-col>
<c-col :span="24">
<el-divider></el-divider>
</c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.srvlmd.exeflg">Return to Zhongtai</c-checkbox> <c-checkbox v-model="model.srvlmd.exeflg"
>Return to Zhongtai</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Wait before 'Retry' " prop="srvlmd.rettim"> <el-form-item label="Wait before 'Retry' " prop="srvlmd.rettim">
<c-input v-model="model.srvlmd.rettim" placeholder="请输入Wait before 'Retry' "></c-input> <c-input
v-model="model.srvlmd.rettim"
placeholder="请输入Wait before 'Retry' "
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event" import Event from "~/model/Mgrtsk/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {};
}
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style scoped>
.el-col >>> .el-divider--horizontal {
margin-top: 5px;
}
.messageLabel >>> .el-form-item__label{
text-align: left;
font-weight:bold;
font-size: 12px;
}
</style> </style>
src/views/Business/Mgrtsk/Srvlme.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="24" style="height: 24px">
<el-form-item label="Configuration Panel" class="messageLabel">
</el-form-item>
</c-col>
<c-col :span="24">
<el-divider></el-divider>
</c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.srvlme.exeflg">Return to Zhongtai</c-checkbox> <c-checkbox v-model="model.srvlme.exeflg"
>Return to Zhongtai</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="Wait before 'Retry' " prop="srvlme.rettim"> <el-form-item label="Wait before 'Retry' " prop="srvlme.rettim">
<c-input v-model="model.srvlme.rettim" placeholder="请输入Wait before 'Retry' "></c-input> <c-input
v-model="model.srvlme.rettim"
placeholder="请输入Wait before 'Retry' "
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event" import Event from "~/model/Mgrtsk/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {};
}
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style scoped>
.el-col >>> .el-divider--horizontal {
margin-top: 5px;
}
.messageLabel >>> .el-form-item__label{
text-align: left;
font-weight:bold;
font-size: 12px;
}
</style> </style>
\ No newline at end of file
src/views/Business/Mgrtsk/Tskmgr.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="23" style="text-align: right"> <c-col :span="24" style="text-align: right">
<c-button <c-button
size="small" size="small"
type="primary" type="primary"
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> --> </c-col> -->
<c-col :span="11"> <c-col :span="12">
<c-col :span="24"> <c-col :span="24">
<el-form-item <el-form-item
label="Start Processing" label="Start Processing"
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
</c-col> </c-col>
<!-- ================右=============== --> <!-- ================右=============== -->
<c-col :span="11" :offset="1"> <c-col :span="12">
<c-col :span="14"> <c-col :span="14">
<el-form-item <el-form-item
label="Started" label="Started"
...@@ -293,14 +293,13 @@ ...@@ -293,14 +293,13 @@
E&xit E&xit
</c-button> </c-button>
</c-col> --> </c-col> -->
<c-col :span="22" :offset="1"> <c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns"> <c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column label="操作"> <el-table-column fixed="right" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
type="primary" type="primary"
style="text-align:center"
:disabled = "buttonFlag" :disabled = "buttonFlag"
@click="Entry(scope.row.index, scope.row)" @click="Entry(scope.row.index, scope.row)"
>Entry</el-button >Entry</el-button
...@@ -331,11 +330,11 @@ export default { ...@@ -331,11 +330,11 @@ export default {
'1 4 "Service" 100 1 0 3 SRVTXT', '1 4 "Service" 100 1 0 3 SRVTXT',
'2 5 "Status" 100 1 0 2 WFE:STA', '2 5 "Status" 100 1 0 2 WFE:STA',
'3 6 "Retries" 100 2 20:1 1 FormatRTR', '3 6 "Retries" 100 2 20:1 1 FormatRTR',
'4 7 "Target" auto 20 30 1', '4 7 "Target" 200 20 30 1',
], ],
data: [], data: [],
}, },
buttonFlag:true, buttonFlag:false,
}; };
}, },
methods: { methods: {
...@@ -353,14 +352,14 @@ export default { ...@@ -353,14 +352,14 @@ export default {
} }
}, },
Start() { Start() {
this.buttonFlag = true; this.buttonFlag = false;
let rtnmsg = this.executeRule("wfetsk.tsklist.butstr"); let rtnmsg = this.executeRule("wfetsk.tsklist.butstr");
if (rtnmsg.respCode == SUCCESS) { if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
} }
}, },
Stop() { Stop() {
this.buttonFlag = false; this.buttonFlag = true;
let rtnmsg = this.executeRule("wfetsk.tsklist.butstp"); let rtnmsg = this.executeRule("wfetsk.tsklist.butstp");
if (rtnmsg.respCode == SUCCESS) { if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑 //TODO 处理数据逻辑
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment