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>
<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-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 :span="12">
<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>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Mgrtsk/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</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>
\ No newline at end of file
src/views/Business/Mgrtsk/Finalize.vue
<template>
<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-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>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Mgrtsk/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</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>
\ No newline at end of file
src/views/Business/Mgrtsk/Gpi.vue
<template>
<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-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 :span="12">
<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>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Mgrtsk/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</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>
src/views/Business/Mgrtsk/Pda.vue
<template>
<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-checkbox v-model="model.srvpda.exeflg">cxheck open ACKs</c-checkbox>
......@@ -33,6 +40,13 @@ export default {
}
}
</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>
\ No newline at end of file
src/views/Business/Mgrtsk/Rtz.vue
<template>
<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-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 :span="12">
<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>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Mgrtsk/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</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>
src/views/Business/Mgrtsk/Srvdsp.vue
<template>
<div class="eibs-tab">
<c-col :span="24">
<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-col :span="24" style="text-align: right">
<c-button
size="small"
type="primary"
style="margin-left: 0"
:disabled="buttonFlag"
@click="Start"
>Start</c-button
>
<c-button
size="small"
type="primary"
style="margin-left: 0"
: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-col>
</div>
......@@ -30,24 +106,42 @@ export default {
mixins: [commonProcess],
data() {
return {
data:[],
data: [],
buttonFlag:false,
};
},
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 () {},
watch: {
'model.wfetsk.srsmod.srslst': function () {
"model.wfetsk.srsmod.srslst": function () {
this.data = this.model.wfetsk.srsmod.srslst;
this.$nextTick(() => {
for(let i=0;i<this.data.length;i++){
if(this.data[i].exeflg == 'Y'){
this.$refs.table.$refs.table.toggleRowSelection(this.data[i],true);
}
}
})
for (let i = 0; i < this.data.length; i++) {
if (this.data[i].exeflg == "Y") {
this.$refs.table.$refs.table.toggleRowSelection(
this.data[i],
true
);
}
}
});
},
},
};
</script>
<style>
......
src/views/Business/Mgrtsk/Srvlmd.vue
<template>
<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-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 :span="12">
<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>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Mgrtsk/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</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>
src/views/Business/Mgrtsk/Srvlme.vue
<template>
<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-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 :span="12">
<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>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Mgrtsk/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event";
export default {
inject: ['root'],
props:["model","codes"],
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
return {
}
data() {
return {};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</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>
\ No newline at end of file
src/views/Business/Mgrtsk/Tskmgr.vue
<template>
<div class="eibs-tab">
<c-col :span="23" style="text-align: right">
<c-col :span="24" style="text-align: right">
<c-button
size="small"
type="primary"
......@@ -41,7 +41,7 @@
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="11">
<c-col :span="12">
<c-col :span="24">
<el-form-item
label="Start Processing"
......@@ -86,7 +86,7 @@
</c-col>
<!-- ================右=============== -->
<c-col :span="11" :offset="1">
<c-col :span="12">
<c-col :span="14">
<el-form-item
label="Started"
......@@ -293,14 +293,13 @@
E&xit
</c-button>
</c-col> -->
<c-col :span="22" :offset="1">
<c-col :span="24">
<c-istream-table :list="stmData.data" :columns="stmData.columns">
<el-table-column label="操作">
<el-table-column fixed="right" label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
style="text-align:center"
:disabled = "buttonFlag"
@click="Entry(scope.row.index, scope.row)"
>Entry</el-button
......@@ -331,11 +330,11 @@ export default {
'1 4 "Service" 100 1 0 3 SRVTXT',
'2 5 "Status" 100 1 0 2 WFE:STA',
'3 6 "Retries" 100 2 20:1 1 FormatRTR',
'4 7 "Target" auto 20 30 1',
'4 7 "Target" 200 20 30 1',
],
data: [],
},
buttonFlag:true,
buttonFlag:false,
};
},
methods: {
......@@ -353,14 +352,14 @@ export default {
}
},
Start() {
this.buttonFlag = true;
this.buttonFlag = false;
let rtnmsg = this.executeRule("wfetsk.tsklist.butstr");
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
}
},
Stop() {
this.buttonFlag = false;
this.buttonFlag = true;
let rtnmsg = this.executeRule("wfetsk.tsklist.butstp");
if (rtnmsg.respCode == SUCCESS) {
//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