Skip to content

V
vue-gjjs
Commit a5d7560e by liushikai
Options

调整

parent 19b1cd77
Showing with 106 additions and 58 deletions
src/model/Sptsel/Event.js
......@@ -54,6 +54,7 @@ export default {
}
},
async onDetails() {
this.detailDialog=true;
let rtnmsg = await this.executeRule("details")
if (rtnmsg.respCode == SUCCESS) {
//TODO 处理数据逻辑
......
src/views/Business/Sptsel/Menu.vue
......@@ -297,7 +297,7 @@
:list="stmData.data"
:columns="saveColumnFlg ? stmData.columns : saveColumns"
>
<el-table-column fixed="right" prop="op" label="操作" width="200px">
<el-table-column fixed="right" prop="op" label="操作" width="165px">
<template slot="header">
<c-col :span="11" style="text-align: left"
><span>操作</span></c-col
......@@ -314,15 +314,19 @@
>详情
</c-button>
<c-button
style="margin-left: 0"
style="margin-left: 0;padding:0 12px"
size="small"
type="primary"
@click="continueEdit(scope.row)"
>TAKE
</c-button>
<a href="javascript:void(0)" style="color:#1561E0;text-decoration:none;"
>>>></a
>
<el-popover placement="left" width="100" trigger="click">
<c-button type="primary" size="small">指派</c-button>
<c-button type="primary" size="small">删除</c-button>
<!-- <el-button slot="reference" type="text">>>></el-button> -->
<a slot="reference" href="javascript:void(0)" style="text-decoration: none; color: #1561e0;font-family: '宋体';font-weight: bold;font-size: 14px;">>>></a
>
</el-popover>
</template>
</el-table-column>
</c-istream-table>
......@@ -330,23 +334,27 @@
</el-row>
<el-dialog
class="showColumnDialog"
class="showColumnDialog"
:visible.sync="setColumnFlg"
:title="'自定义列属性'"
appenD-to-body
>
<el-form-item label-width="0">
<el-checkbox-group v-model="columnGroup" @change="handleColumnChange">
<el-checkbox
v-for="item in setColumn"
:key="item.label"
:label="item.index"
>{{ item.label }}</el-checkbox
>
<el-checkbox
v-for="item in setColumn"
:key="item.label"
:label="item.index"
>{{ item.label }}</el-checkbox
>
</el-checkbox-group>
</el-form-item>
<span slot="footer">
<el-checkbox class="cbClass" :indeterminate="isIndeterminate" v-model="selectAll" @change="setAll"
<el-checkbox
class="cbClass"
:indeterminate="isIndeterminate"
v-model="selectAll"
@change="setAll"
>全选</el-checkbox
>
<el-button type="primary" @click="saveColumnEvent">保存</el-button>
......@@ -392,6 +400,22 @@
<el-dialog :visible.sync="initdialog" :title="'交易列表'" append-to-body>
<div class="m-list-btns"></div>
</el-dialog>
<el-dialog
class="detailDialogClass"
:visible.sync="detailDialog"
:title="'详情面板'"
appenD-to-body
show-close
>
<m-sptpopup :model="model" :codes="codes"></m-sptpopup>
<span slot="footer">
<c-col :span="23" style="margin-top: 5px">
<el-button type="primary" @click="detailDialog = false"
>关闭</el-button
>
</c-col>
</span>
</el-dialog>
</div>
</template>
<script>
......@@ -399,10 +423,14 @@ import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Sptsel/Event";
import Sptpopup from "./Sptpopup.vue";
export default {
inject: ["root"],
props: ["model", "codes"],
components: {
"m-sptpopup": Sptpopup,
},
mixins: [CommonProcess],
data() {
......@@ -411,6 +439,7 @@ export default {
sourceModel: [],
sourceData: [],
initdialog: false,
detailDialog: false,
setColumnFlg: false,
saveColumnFlg: true,
selectAll: true,
......@@ -484,26 +513,36 @@ export default {
saveColumnEvent() {
this.setColumnFlg = false;
this.saveColumnFlg = false;
this.saveColumns = this.setColumn.filter(item=>item.value).map(item=>this.stmData.columns[item.index]);
this.saveColumns = this.setColumn
.filter((item) => item.value)
.map((item) => this.stmData.columns[item.index]);
},
setAll(val) {
this.columnGroup = val ? this.setColumn.map((item)=>{return item.index}) : [];
this.columnGroup = val
? this.setColumn.map((item) => {
return item.index;
})
: [];
this.isIndeterminate = false;
},
handleColumnChange() {
this.selectAll = this.setColumn.length===this.columnGroup.length;
this.isIndeterminate = this.columnGroup.length>0 && this.columnGroup.length<this.setColumn.length;
this.selectAll = this.setColumn.length === this.columnGroup.length;
this.isIndeterminate =
this.columnGroup.length > 0 &&
this.columnGroup.length < this.setColumn.length;
},
...Event,
},
created: function () {
this.setColumn = this.stmData.columns.map((item,index)=>{
let begIdx = item.indexOf('"')
let endIdx = item.indexOf('"',begIdx+1)
let label = item.substring(begIdx+1,endIdx)
return {label,value:true,index}
})
this.columnGroup = this.setColumn.map((item)=>{return item.index})
this.setColumn = this.stmData.columns.map((item, index) => {
let begIdx = item.indexOf('"');
let endIdx = item.indexOf('"', begIdx + 1);
let label = item.substring(begIdx + 1, endIdx);
return { label, value: true, index };
});
this.columnGroup = this.setColumn.map((item) => {
return item.index;
});
},
};
</script>
......@@ -517,10 +556,13 @@ export default {
font-size: 13px;
padding-left: 5px;
}
.showColumnDialog >>> .el-dialog__body{
.showColumnDialog >>> .el-dialog__body {
padding-bottom: 10px;
}
.showColumnDialog >>> .el-dialog__footer{
.showColumnDialog >>> .el-dialog__footer {
padding: 0 20px 10px 20px;
}
.detailDialogClass >>> .el-dialog {
height: 400px;
}
</style>
src/views/Business/Sptsel/Sptpopup.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Type" prop="spt.sta">
<c-col :span="13">
<el-form-item label="Type" prop="spt.sta" style="width:100%">
<c-select v-model="model.spt.sta" style="width:100%" placeholder="请选择Type">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Hold Flag" prop="spt.hldflg">
<c-col :span="10">
<el-form-item label="Status" prop="spt.hldflg" style="width:100%">
<c-select v-model="model.spt.hldflg" style="width:100%" placeholder="请选择Hold Flag">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Reference" prop="spt.objnam">
<c-input v-model="model.spt.objnam" maxlength="40" placeholder="请输入Reference"></c-input>
<c-col :span="13">
<el-form-item label="Reference" prop="spt.objnam" style="width:100%">
<c-input v-model="model.spt.objnam" maxlength="40" style="width:100%" placeholder="请输入Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Internal Unique ID of Pending Transaction" prop="spt.inr">
<c-input v-model="model.spt.inr" maxlength="8" placeholder="请输入Internal Unique ID of Pending Transaction"></c-input>
<c-col :span="10">
<el-form-item label="Ident No" prop="spt.inr" style="width:100%">
<c-input v-model="model.spt.inr" maxlength="8" style="width:100%" placeholder="请输入Internal Unique ID of Pending Transaction"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name" prop="spt.txt">
<c-input v-model="model.spt.txt" maxlength="40" placeholder="请输入Name"></c-input>
<c-col :span="23">
<el-form-item label="Name" prop="spt.txt" style="width:100%">
<c-input v-model="model.spt.txt" maxlength="40" style="width:100%" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="23">
<el-form-item label="Transaction " prop="spt.frm">
<c-input v-model="model.spt.frm" maxlength="6" placeholder="请输入Transaction "></c-input>
<c-col :span="8">
<c-input v-model="model.spt.frm" maxlength="6" style="width:95%" placeholder="请输入Transaction "></c-input>
</c-col>
<c-col :span="16">
<c-input v-model="model.spt.frm" maxlength="16" placeholder="请输入Transaction "></c-input>
</c-col>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="13">
<el-form-item label="Responsible User " prop="spt.ownusr">
<c-input v-model="model.spt.ownusr" maxlength="8" placeholder="请输入Responsible User "></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="Responsible Group" prop="spt.ownusg">
<c-select v-model="model.spt.ownusg" style="width:100%" placeholder="请选择Responsible Group">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="17">
<el-form-item label="Infotext" prop="spt.inftxt">
<c-input type="textarea" v-model="model.spt.inftxt" maxlength="65" show-word-limit placeholder="请输入Infotext" ></c-input>
<c-input type="textarea" v-model="model.spt.inftxt" maxlength="65" style="width:100%" show-word-limit placeholder="请输入Infotext" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Infotext" prop="spt.infdsp">
<c-select v-model="model.spt.infdsp" style="width:100%" placeholder="请选择Infotext">
<c-col :span="6">
<el-form-item label="" prop="spt.infdsp" label-width="20px">
<c-select v-model="model.spt.infdsp" style="width:100%;padding-left:0px" placeholder="请选择Infotext">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="10">
<el-form-item label="Entered by" prop="spt.usr">
<c-input v-model="model.spt.usr" maxlength="8" placeholder="请输入Entered by"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Time of Creation" prop="spt.dattim">
<c-col :span="7">
<el-form-item label="at" prop="spt.dattim" label-width="50px">
<c-input v-model="model.spt.dattim" placeholder="请输入Time of Creation"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Creating Transaction ID" prop="spt.cretrn">
<c-col :span="6">
<el-form-item label="in TRN" prop="spt.cretrn" label-width="70px">
<c-input v-model="model.spt.cretrn" maxlength="6" placeholder="请输入Creating Transaction ID"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<!-- <c-col :span="12">
<c-button size="small" type="primary" @click="onSptpButord">
Order
</c-button>
</c-col>
</c-col> -->
<c-col :span="12">
<!-- <c-col :span="13">
<el-form-item label="Target for Completion" prop="spt.tardattim">
<c-input v-model="model.spt.tardattim" placeholder="请输入Target for Completion"></c-input>
</el-form-item>
......@@ -123,7 +128,7 @@
<c-button size="small" type="primary" @click="onSptpButcls">
&Close
</c-button>
</c-col>
</c-col> -->
</div>
</template>
<script>
......
src/views/Business/Sptsel/index.vue
<template>
<div class="eContainer">
<el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" label-width="170px" size="small" :validate-on-rule-change="false">
<el-form :model="model" :rules="rules" ref="modelForm" tokenKey="modelForm" label-width="140px" size="small" :validate-on-rule-change="false">
<!-- <c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick"> -->
<!-- <el-tab-pane :value="tabVal" label="待办任务查询" name="menu"> -->
<!-- <c-content> -->
......
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