Commit 7c28cddb by “wufan”

infptm,dbiptm静态页面开发

parent 84ad1de7
import Api from "~/service/Api";
export function queryByPage(data) {
return Api.post("/manager/ptm/queryByPage", data);
}
export function queryById(inr) {
return Api.post(`/manager/ptm/queryById?inr=${inr}`)
}
export function queryDetailById(inr) {
return Api.post(`/manager/ptm/queryDetailById?inr=${inr}`)
}
export function add(data) {
return Api.post("/manager/ptm/add", data);
}
export function edit(data) {
return Api.post("/manager/ptm/edit", data);
}
export function deleteById(data) {
return Api.post(`/manager/ptm/deleteById`, { data });
}
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="Opnp1" name="Opnp1">
<m-Opnp1 :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Fctcan/Event";
import Opnp1 from "./Opnp1";
export default {
components:{
"m-Opnp1" : Opnp1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["Opnp1"],
//activeNames: ["cltrns"],
};
},
methods: { ...Event,
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<ReviewWrapper>
<Fctcan></Fctcan>
</ReviewWrapper>
</template>
<script>
import Fctcan from "~/views/Business/Fctcan";
import { ReviewWrapper } from "~/components/gj-common.min.js";
export default {
name: "ReviewFctcan",
components: { ReviewWrapper,Fctcan },
created() {},
mounted() {},
};
</script>
<style></style>
\ No newline at end of file
<template>
<div class="eibs-tab">
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="ID号" prop="inr">
<c-input v-model="model.inr" placeholder="请输入ID号"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="关联地址" prop="ptainr">
<c-input v-model="model.ptainr" placeholder="请输入关联地址"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="类型" prop="cortyp">
<c-input v-model="model.cortyp" placeholder="请输入类型"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="BIC" prop="coradr">
<c-input v-model="model.coradr" placeholder="请输入BIC"> </c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" class="col-right">
<c-col :span="24">
<el-form-item label="验证标志" prop="autflg">
<c-input v-model="model.autflg" placeholder="请输入验证标志"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="可选的验证关键字" prop="autdet">
<c-input v-model="model.autdet" placeholder="请输入可选的验证关键字"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="版本控制" prop="ver">
<c-input v-model="model.ver" placeholder="请输入版本控制"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="关联实体拥有的PTM" prop="etyextkey">
<c-input v-model="model.etyextkey" placeholder="请输入关联实体拥有的PTM">
</c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import codes from "~/config/CodeTable";
export default {
name: "",
props: ["model"],
data() {
return {};
},
methods: {
getCodesByKey(key) {
return codes[key] ?? [];
},
},
};
</script>
<style>
</style>
\ No newline at end of file
<template>
<div class="eContainer">
<c-page :title="title">
<el-form
ref="modelForm"
label-width="160px"
size="small"
label-position="right"
:model="model"
:rules="rules"
:validate-on-rule-change="false"
:disabled="isDisabled"
>
<c-tabs v-model="tabVal" ref="elment" type="card">
<el-tab-pane label="基本信息" name="ptm">
<c-content>
<m-ptm-info :model="model" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<div style="text-align: center">
<c-button
type="primary"
style="margin-right: 10px"
@click="commitAdd"
v-if="type === 'add'"
>提 交</c-button
>
<c-button
type="primary"
style="margin-right: 10px"
@click="commitEdit"
v-if="type === 'edit'"
>提 交</c-button
>
<c-button
type="primary"
style="margin-right: 10px"
@click="commitDelete"
v-if="type === 'delete'"
>提 交</c-button
>
<c-button type="primary" @click="goBack">返 回</c-button>
</div>
</c-page>
</div>
</template>
<script>
import Utils from "~/utils";
import Ptm, { Pattern } from "./ptm.js";
import PtmInfo from "./PtmInfo.vue";
import { add, edit, deleteById, queryDetailById,queryById} from "~/service/test/ptm.js";
export default {
name: "StaticsDbiptm",
components: {
"m-ptm-info": PtmInfo,
},
provide() {
return {
root: this,
};
},
props: {
type: {
type: String,
default: "info"
},
title: {
type: String,
default: "dbiptm"
}
},
data() {
return {
model: new Ptm().data,
tabVal: "ptm",
rules: Pattern,
};
},
computed: {
isDisabled() {
return this.type === "info" || this.type === "delete";
},
},
created() {
if (this.type !== "add") {
const inr = this.$route.params.inr;
// this.model.inr = this.$route.params.inr;
console.log(inr);
queryById(inr).then((res) => {
debugger
if (res.inr) {
this.model = res;
} else {
this.$message.error("不存在")
}
});
}
},
methods: {
commitAdd() {
this.$refs.modelForm.validate((validated) => {
if (validated) {
add(this.model)
.then((res) => {
this.$message.success("保存成功!");
this.goBack(true)
})
.catch((err) => {
this.$message.error("保存失败!");
});
} else {
Utils.formValidateTips(this.$refs.modelForm.fields)
}
});
},
commitEdit() {
this.$refs.modelForm.validate((validated) => {
if (validated) {
edit(this.model)
.then((res) => {
this.$message.success("保存成功!");
this.goBack()
})
.catch((err) => {
this.$message.error("保存失败!");
});
} else {
Utils.formValidateTips(this.$refs.modelForm.fields)
}
});
},
commitDelete() {
this.$confirm("是否确认删除?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
deleteById(this.model.inr)
.then((res) => {
this.$message.success("删除成功!");
this.goBack(true)
})
.catch((err) => {
this.$message.error("删除失败!");
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
/**
* update 是否更新infptm的查询列表
*/
goBack(update) {
this.$store.dispatch("TagsView/delView", this.$route);
this.$router.push({ name: "StaticsInfptm", params: { update } });
},
},
};
</script>
<style>
</style>
\ No newline at end of file
export default class Ptm {
constructor() {
this.data = {
inr: "",
ptainr: "",
cortyp: "",
coradr: "",
autflg: "",
autdet: "",
ver: "",
etyextkey: "",
}
}
}
export const Pattern = {
"inr": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 8, "message": "最大长度8个字符", "trigger": "blur" }
],
"ptainr": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 8, "message": "最大长度8个字符", "trigger": "blur" }
],
"cortyp": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 3, "message": "最大长度3个字符", "trigger": "blur" }
],
"coradr": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 80, "message": "最大长度80个字符", "trigger": "blur" }
],
"autflg": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 1, "message": "最大长度1个字符", "trigger": "blur" }
],
"autdet": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 40, "message": "最大长度40个字符", "trigger": "blur" }
],
"ver": [
{ "required": true, "message": "必输项", "type": "string", "trigger": "blur" },
{ "max": 4, "message": "最大长度4个字符", "trigger": "blur" }
],
}
\ No newline at end of file
...@@ -77,7 +77,7 @@ import ActInfo from "./ActInfo.vue"; ...@@ -77,7 +77,7 @@ import ActInfo from "./ActInfo.vue";
import PtcInfo from "./PtcInfo.vue"; import PtcInfo from "./PtcInfo.vue";
import RatInfo from "./RatInfo.vue"; import RatInfo from "./RatInfo.vue";
import { queryDetailById, add, edit, deleteById } from "~/service/test/pty.js"; import { queryDetailById,queryById, add, edit, deleteById } from "~/service/test/ptm.js";
export default { export default {
name: "StaticsDbipty", name: "StaticsDbipty",
...@@ -118,7 +118,7 @@ export default { ...@@ -118,7 +118,7 @@ export default {
created() { created() {
if (this.type !== "add") { if (this.type !== "add") {
const inr = this.$route.params.inr; const inr = this.$route.params.inr;
queryDetailById(inr).then((res) => { queryDetailById(inr).then((res)=> {queryById(this.model)
if (res.inr) { if (res.inr) {
this.model = res; this.model = res;
} else { } else {
......
<template>
<div class="eibs-tab">
<!-- 查询条件 -->
<c-col :span="12" class="col-left">
<c-col :span="24">
<el-form-item label="ID号" prop="inr">
<c-input v-model="model.inr" placeholder="请输入ID号"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="关联地址" prop="ptainr">
<c-input v-model="model.ptainr" placeholder="请输入关联地址"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="类型" prop="cortyp">
<c-input v-model="model.cortyp" placeholder="请输入类型"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="BIC" prop="coradr">
<c-input v-model="model.coradr" placeholder="请输入BIC"> </c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" class="col-right">
<c-col :span="24">
<el-form-item label="验证标志" prop="autflg">
<c-input v-model="model.autflg" placeholder="请输入验证标志"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="可选的验证关键字" prop="autdet">
<c-input v-model="model.autdet" placeholder="请输入可选的验证关键字"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="版本控制" prop="ver">
<c-input v-model="model.ver" placeholder="请输入版本控制"> </c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="关联实体拥有的PTM" prop="etyextkey">
<c-input v-model="model.etyextkey" placeholder="请输入关联实体拥有的PTM">
</c-input>
</el-form-item>
</c-col>
</c-col>
<!-- 操作按钮 -->
<c-col :span="24">
<c-col :span="12" style="text-align: left">
<el-button type="primary" size="small" @click="ptmAdd">新增</el-button>
</c-col>
<c-col :span="12" style="text-align: right">
<el-button size="small" @click="handleReset">重置</el-button>
<el-button
type="primary"
icon="el-icon-search"
size="small"
@click="onSearch"
>查询
</el-button>
</c-col>
</c-col>
<!-- 查询结果 -->
<c-col :span="24">
<c-paging-table
:data="ptmData"
:columns="ptmColumns"
:pageNumber="model.pageNum"
:pageSize="model.pageSize"
:total="model.total"
v-on:queryFunc="queryFunc"
:border="true"
>
<c-table-column fixed="right" prop="op" label="操作" width="240px">
<template slot-scope="{ scope }">
<c-button
style="margin-left: 0"
size="small"
@click="ptmInfo(scope.$index, scope.row)"
>详情</c-button
>
<!-- <c-button
style="margin-left: 5px"
size="small"
type="primary"
@click="ptmEdit(scope.$index, scope.row)"
>修改</c-button
>
<c-button
size="small"
style="margin-left: 5px"
@click="ptmDelete(scope.$index, scope.row)"
>删除</c-button
> -->
<!-- <el-popover placement="top-start" width="50" trigger="click">
<ul class="table-button-item-list">
<li>
<c-button size="small" style="margin-left: 0">指派</c-button>
</li>
<li>
<c-button size="small" style="margin-left: 0">删除</c-button>
</li>
</ul>
<a
slot="reference"
href="javascript:void(0)"
style="margin-left: 5px"
>
<i class="el-icon-more"></i>
</a>
</el-popover> -->
</template>
</c-table-column>
</c-paging-table>
</c-col>
</div>
</template>
<script>
import { queryByPage } from "~/service/test/ptm.js";
import CodeTable from "~/config/CodeTable";
export default {
name: "",
props: ["model"],
inject: ["root"],
data() {
return {
entyGrp: [],
lang: CodeTable["uiltxt"],
ptmData: [],
ptmColumns: [
{ label: "ID号", prop: "inr", width: "120" },
{ label: "关联地址", prop: "ptainr", width: "120" },
{ label: "类型", prop: "cortyp", width: "120" },
{ label: "BIC", prop: "coradr", width: "120" },
{ label: "验证标志", prop: "autflg", width: "120" },
{ label: "可选的验证关键字", prop: "autdet", width: "150" },
{ label: "版本控制", prop: "ver", width: "120" },
{ label: "关联实体拥有的PTM", prop: "etyextkey", width: "170" },
],
};
},
activated() {
const { update } = this.$route.params;
if (update) {
this.onInfptmSearch();
}
},
methods: {
handleReset() {
this.root.$refs.modelForm.resetFields();
},
onSearch() {
this.model.pageSize = 5;
this.model.pageNum = 1;
this.onInfptmSearch();
},
langValue(key) {
return this.lang.filter((item) => item.value === key)[0]?.label;
},
onInfptmSearch() {
queryByPage(this.model).then((res) => {
const list = res.list ?? [];
list.map((item) => (item.uil = this.langValue(item.uil) ?? item.uil));
this.ptmData = list;
this.model.pageNum = res.pageNumber;
this.model.pageSize = res.pageSize;
this.model.total = res.total;
});
},
queryFunc(pageNumber, pageSize) {
this.model.pageNum = pageNumber;
this.model.pageSize = pageSize;
this.onInfptmSearch();
},
ptmAdd() {
this.$router.push(`/statics/dbaptm`);
},
ptmInfo(index, row) {
this.$router.push(`/statics/dbiptm/${row.inr}`);
},
ptmEdit(index, row) {
this.$router.push(`/statics/dbeptm/${row.inr}`);
},
ptmDelete(index, row) {
this.$router.push(`/statics/dbdptm/${row.inr}`);
},
},
};
</script>
<style scoped>
.table-button-item-list {
padding: 0;
margin: 0;
}
.table-button-item-list li {
list-style: none;
padding: 5px 0;
text-align: center;
color: #606266;
cursor: pointer;
}
</style>
<template>
<div class="eContainer">
<c-page title="固定格式文本查询">
<el-form :model="model" ref="modelForm" label-width="120px" label-position="right" size="small">
<c-tabs v-model="tabVal" ref="elment" type="card">
<el-tab-pane label="固定格式文本查询" name="infsea">
<c-content>
<m-infsea :model="model" ref="infsea" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
</c-page>
</div>
</template>
<script>
import Infsea from "./Infsea";
export default {
name: "StaticsInfptm",
components: {
"m-infsea": Infsea,
},
provide() {
return {
root: this,
};
},
data() {
return {
tabVal: "infsea",
model: {
etgextkey: "",
nam: "",
uil: "",
pageSize: 5,
pageNum: 1,
total: 0,
},
};
},
};
</script>
<style>
</style>
import Infpty from "./Infpty"; import Infpty from "./Infpty";
import Dbiptm from "./Dbiptm";
import Dbipty from "./Dbipty"; import Dbipty from "./Dbipty";
import Dbapty from "./Dbapty"; import Dbapty from "./Dbapty";
import Dbepty from "./Dbepty"; import Dbepty from "./Dbepty";
...@@ -13,6 +14,7 @@ import Dbausr from "./Dbausr"; ...@@ -13,6 +14,7 @@ import Dbausr from "./Dbausr";
import Dbiusr from "./Dbiusr"; import Dbiusr from "./Dbiusr";
import Dbeusr from "./Dbeusr"; import Dbeusr from "./Dbeusr";
import Dbdusr from "./Dbdusr"; import Dbdusr from "./Dbdusr";
import Infptm from "./Infptm";
import Infcty from "./Infcty"; import Infcty from "./Infcty";
import Dbicty from "./Dbicty"; import Dbicty from "./Dbicty";
...@@ -76,6 +78,8 @@ import Dbefee from "./Dbefee"; ...@@ -76,6 +78,8 @@ import Dbefee from "./Dbefee";
import Dbdfee from "./Dbdfee"; import Dbdfee from "./Dbdfee";
const StaticsRouter = [ const StaticsRouter = [
{ path: 'dbiptm/:inr', component:Dbiptm, name: 'StaticsDbiptm', meta: { title: (tag) => { return '客户详情: ' + tag.params.inr } } },
{ path: 'infptm', component:Infptm, name: 'StaticsInfptm', meta: { title: '银行密押查询' } },
{ path: 'infpty', component: Infpty, name: 'StaticsInfpty', meta: { title: '客户查询' } }, { path: 'infpty', component: Infpty, name: 'StaticsInfpty', meta: { title: '客户查询' } },
{ path: 'dbapty', component: Dbapty, name: 'StaticsDbapty', meta: { title: '客户新增' } }, { path: 'dbapty', component: Dbapty, name: 'StaticsDbapty', meta: { title: '客户新增' } },
{ path: 'dbipty/:inr', component: Dbipty, name: 'StaticsDbipty', meta: { title: (tag) => { return '客户详情: ' + tag.params.inr } } }, { path: 'dbipty/:inr', component: Dbipty, name: 'StaticsDbipty', meta: { title: (tag) => { return '客户详情: ' + tag.params.inr } } },
......
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