Skip to content

K
ka-manager-ui
Commit 6205aa66 authored by suntao's avatar suntao
Browse files
Options

表单验证

parent 38ab533b
Hide whitespace changes
Inline Side-by-side
Showing with 590 additions and 485 deletions
src/components/Pagination/index.vue
View file @ 6205aa66
...@@ -68,10 +68,9 @@ export default { ...@@ -68,10 +68,9 @@ export default {
get() { get() {
return this.page return this.page
}, },
// set(val) { set(val) {
// console.log("update:page=="+val) this.$emit('update:page', val)
// this.$emit('update:page', val) }
// }
}, },
}, },
methods: { methods: {
...@@ -83,7 +82,6 @@ export default { ...@@ -83,7 +82,6 @@ export default {
} }
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.$emit('update:page', val)
this.$emit('pagination') this.$emit('pagination')
if (this.autoScroll) { if (this.autoScroll) {
scrollTo(0, 800) scrollTo(0, 800)
......
src/modules/channels/index.vue
View file @ 6205aa66
<style> <style>
@import "../../css/vars.css"; /* 引入预定义变量 */ @import "../../css/vars.css"; /* 引入预定义变量 */
.block—bodl { .block—bodl {
border: 1px solid #f1faf7; border: 1px solid #f1faf7;
border-radius: 2px; border-radius: 2px;
} }
.base_block { .base_block {
width: 30%; width: 30%;
} }
</style> </style>
<template> <template>
<div> <div>
<el-tabs ref="myTab" v-model="activeName" type="card" @tab-click="handleClickTab"> <el-tabs ref="myTab" v-model="activeName" type="card" @tab-click="handleClickTab">
<el-tab-pane label="查询结果" name="queryPage"> <el-tab-pane label="查询结果" name="queryPage">
<div class="content-page"> <div class="content-page">
<div class="home-page-center single-page-center base"> <div class="home-page-center single-page-center base">
<div class="home-section-wrap page-center-wrap-bottom"> <div class="home-section-wrap page-center-wrap-bottom">
<div class="home-section-env"> <div class="home-section-env">
<div class="filter-container" style="padding-bottom:20px"> <div class="filter-container" style="padding-bottom:20px">
<el-input v-model="listQuery.channelName" placeholder="渠道名称" clearable style="width: 200px;" <el-input v-model="listQuery.channelName" placeholder="渠道名称" clearable
class="filter-item" @keyup.enter.native="handleGetChannels"/> style="width: 200px;"
<el-input v-model="listQuery.channelId" placeholder="渠道号" clearable style="width: 200px;" class="filter-item" @keyup.enter.native="handleGetChannels"/>
class="filter-item" @keyup.enter.native="handleGetChannels"/> <el-input v-model="listQuery.channelId" placeholder="渠道号" clearable
<el-input v-model="listQuery.channelCode" placeholder="channel_code" clearable style="width: 200px;" style="width: 200px;"
class="filter-item" @keyup.enter.native="handleGetChannels"/> class="filter-item" @keyup.enter.native="handleGetChannels"/>
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleGetChannels">查询 <el-input v-model="listQuery.channelCode" placeholder="channel_code" clearable
</el-button> style="width: 200px;"
<el-button :disabled="!true" class="filter-item" style="margin-left: 10px;" type="primary" class="filter-item" @keyup.enter.native="handleGetChannels"/>
icon="el-icon-edit" @click="handleCreate">添加 <el-button class="filter-item" type="primary" icon="el-icon-search"
</el-button> @click="handleGetChannels">查询
</div> </el-button>
<el-table <el-button :disabled="!true" class="filter-item" style="margin-left: 10px;"
v-show="true" type="primary"
ref="myTable" icon="el-icon-edit" @click="handleCreate">添加
:data="channels" </el-button>
border </div>
max-height="550" <el-table
size="medium" v-show="true"
fit ref="myTable"
highlight-current-row :data="channels"
style=""> border
<el-table-column label="ID" type="index" align="center" width="65"/> max-height="550"
size="medium"
fit
highlight-current-row
style="">
<el-table-column label="ID" type="index" align="center" width="65"/>
<el-table-column label="渠道名称" prop="channelName" align="center"/> <el-table-column label="渠道名称" prop="channelName" align="center"/>
<el-table-column sortable label="渠道号" prop="channelId" align="center"/> <el-table-column sortable label="渠道号" prop="channelId" align="center"/>
<el-table-column sortable label="channel_code" prop="channelCode" align="center"/> <el-table-column sortable label="channel_code" prop="channelCode" align="center"/>
<el-table-column label="创建时间" prop="createTime" align="center"/> <el-table-column label="创建时间" prop="createTime" align="center"/>
<el-table-column label="更新时间" prop="updateTime" align="center"/> <el-table-column label="更新时间" prop="updateTime" align="center"/>
<el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="180"
<template slot-scope="scope"> class-name="small-padding fixed-width">
<el-button type="primary" size="mini" @click="handleUpdate(scope.row)">编辑</el-button> <template slot-scope="scope">
<el-button type="primary" size="mini" @click="handleQurey(scope.row)">查看</el-button> <el-button type="primary" size="mini" @click="handleUpdate(scope.row)">编辑
</template> </el-button>
</el-table-column> <el-button type="primary" size="mini" @click="handleQuery(scope.row)">查看
</el-button>
</template>
</el-table-column>
</el-table> </el-table>
<pagination v-show="count>0" :total="count" :page.sync="page" :limit.sync="listQuery.pageSize" <pagination v-show="count>0" :total="count" :page.sync="page"
@pagination="handleGetChannels"/> :limit.sync="listQuery.pageSize"
</div> @pagination="handleGetChannels"/>
</div> </div>
</div> </div>
</div> </div>
<!-- 查询页面 --> </div>
</el-tab-pane> <!-- 查询页面 -->
<el-tab-pane label="基本信息配置" name="baseEdit" style="display: none;"> </el-tab-pane>
<!-- 基础配置 --> <el-tab-pane label="基本信息配置" name="baseEdit" style="display: none;">
<div class="block—bodl"> <!-- 基础配置 -->
<el-card class="box-card"> <div class="block—bodl">
<div slot="header"> <el-card class="box-card">
<span>基础配置</span> <div slot="header">
</div> <span>基础配置</span>
<el-form :inline="true" size="medium"> </div>
<el-form-item class="base_block" label="渠道名称" label-width="40%"> <el-form :model="channel.baseConfDetail" ref="baseConfForm" :rules="baseConfRules"
<el-input class="el_input_box" v-model="channel.baseConfDetail.channelName" :disabled="!isEdit"/> :inline="true" size="medium">
</el-form-item> <el-form-item class="base_block" label="渠道名称" prop="channelName" label-width="40%">
<el-form-item class="base_block" label="渠道号" label-width="40%"> <el-input class="el_input_box" v-model="channel.baseConfDetail.channelName"
<el-input class="el_input_box" v-model="channel.baseConfDetail.channelId" :disabled="!isEdit"/> :disabled="!isEdit"/>
</el-form-item> </el-form-item>
<el-form-item class="base_block" label="channel_code" label-width="40%"> <el-form-item class="base_block" label="渠道号" prop="channelId" label-width="40%">
<el-input class="el_input_box" v-model="channel.baseConfDetail.channelCode" :disabled="!isEdit"/> <el-input class="el_input_box" v-model="channel.baseConfDetail.channelId"
</el-form-item> :disabled="!isEdit"/>
<el-form-item class="base_block" label="产品id" label-width="40%"> </el-form-item>
<el-input class="el_input_box" v-model="channel.baseConfDetail.productId" :disabled="!isEdit"/> <el-form-item class="base_block" label="channel_code" prop="channelCode" label-width="40%">
</el-form-item> <el-input class="el_input_box" v-model="channel.baseConfDetail.channelCode"
<el-form-item class="base_block" label="aesKey" label-width="40%"> :disabled="!isEdit"/>
<el-input v-model="channel.baseConfDetail.aesKey" :disabled="!isEdit"/> </el-form-item>
</el-form-item> <el-form-item class="base_block" label="产品id" prop="productId" label-width="40%">
<el-form-item class="base_block" label="md5Key" label-width="40%"> <el-input class="el_input_box" v-model="channel.baseConfDetail.productId"
<el-input v-model="channel.baseConfDetail.md5Key" :disabled="!isEdit"/> :disabled="!isEdit"/>
</el-form-item> </el-form-item>
<el-form-item class="base_block" label="是否标准API渠道" label-width="40%"> <el-form-item class="base_block" label="aesKey" prop="aesKey" label-width="40%">
<el-input v-model="channel.baseConfDetail.isStandardChannel" :disabled="!isEdit"/> <el-input v-model="channel.baseConfDetail.aesKey" :disabled="!isEdit"/>
</el-form-item> </el-form-item>
</el-form> <el-form-item class="base_block" label="md5Key" prop="md5Key" label-width="40%">
<el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary" <el-input v-model="channel.baseConfDetail.md5Key" :disabled="!isEdit"/>
icon="el-icon-search" </el-form-item>
@click="handleSaveBaseConf">基础配置保存 <el-form-item class="base_block" label="是否标准API渠道" prop="isStandardChannel"
</el-button> label-width="40%">
</el-card> <el-input v-model="channel.baseConfDetail.isStandardChannel" :disabled="!isEdit"/>
</div> </el-form-item>
<!-- 基础配置 --> </el-form>
</el-tab-pane> <el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary"
<el-tab-pane label="进件配置项" name="applyEdit"> icon="el-icon-search"
<!-- 进件项配置 ====--> @click="handleSaveBaseConf">基础配置保存
<div class="block—bodl"> </el-button>
<el-card class="box-card"> </el-card>
<div slot="header"> </div>
<span>进件校验项配置</span> <!-- 基础配置 -->
</div> </el-tab-pane>
<el-form :inline="true" size="medium"> <el-tab-pane label="进件配置项" name="applyEdit">
<el-form-item style="width:25%" label="校验节点" label-width="30%"> <!-- 进件项配置 ====-->
<el-select v-model="checkedItemsResultVO.point" placeholder="请选择" clearable class="filter-item" style="width:100px" @change="checkedItemsSelected"> <div class="block—bodl">
<el-option v-for="item in staticData.importCheckPointInit" :key="item.value" :label="item.name" :value="item.value"/> <el-card class="box-card">
</el-select> <div slot="header">
</el-form-item> <span>进件校验项配置</span>
<el-form-item style="width:70%" label="进件校验项：" label-width="15%"> </div>
<el-checkbox-group v-model="checkedItemsResultVO.value" :disabled="!isEdit"> <el-form :model="checkedItemsResultVO" ref="checkedItemsForm" :rules="checkedItemsRules"
<el-checkbox v-for="item in staticData.importCheckItemsStaticArr" :key="item.value" :inline="true" size="medium">
:label="item.value" :disabled="!isEdit"> <el-form-item style="width:25%" label="校验节点" prop="point" label-width="30%">
{{item.name}} <el-select v-model="checkedItemsResultVO.point" placeholder="请选择" clearable
</el-checkbox> class="filter-item" style="width:100px" @change="checkedItemsSelected">
</el-checkbox-group> <el-option v-for="item in staticData.importCheckPointInit" :key="item.value"
</el-form-item> :label="item.name" :value="item.value"/>
</el-form> </el-select>
<el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary" </el-form-item>
icon="el-icon-search" <el-form-item style="width:70%" label="进件校验项：" label-width="15%">
@click="handleSaveApplyCheckConf">进件校验项保存 <el-checkbox-group v-model="checkedItemsResultVO.value" :disabled="!isEdit">
</el-button> <el-checkbox v-for="item in staticData.importCheckItemsStaticArr" :key="item.value"
</el-card> :label="item.value" :disabled="!isEdit">
</div> {{item.name}}
<!-- 进件项配置 ====--> </el-checkbox>
<!-- 进件项配置 ====--> </el-checkbox-group>
<div class="block—bodl"> </el-form-item>
<el-card class="box-card"> </el-form>
<div slot="header"> <el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary"
<span>进件接口权限</span> icon="el-icon-search"
</div> @click="handleSaveApplyCheckConf">进件校验项保存
<el-form :inline="true" size="medium"> </el-button>
<el-form-item style="width:30%" label="进件接口权限：" label-width="40%"> </el-card>
<el-checkbox-group v-model="channel.applyPrivilege.privilege"> </div>
<el-checkbox v-for="item in staticData.applyPrivilegeItems" :key="item.value" :label="item.value" <!-- 进件项配置 ====-->
:disabled="!isEdit">{{item.name}} <!-- 进件项配置 ====-->
</el-checkbox> <div class="block—bodl">
</el-checkbox-group> <el-card class="box-card">
</el-form-item> <div slot="header">
<el-form-item> <span>进件接口权限</span>
<span style="font-size: 8px;color: #9598a7">说明：进件接口权限勾选中，对应渠道具有请求该接口的权限</span> </div>
</el-form-item> <el-form :inline="true" size="medium">
</el-form> <el-form-item style="width:30%" label="进件接口权限：" label-width="40%">
<el-checkbox-group v-model="channel.applyPrivilege.privilege">
<el-checkbox v-for="item in staticData.applyPrivilegeItems" :key="item.value"
:label="item.value"
:disabled="!isEdit">{{item.name}}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item>
<span style="font-size: 8px;color: #9598a7">说明：进件接口权限勾选中，对应渠道具有请求该接口的权限</span>
</el-form-item>
</el-form>
<el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary" <el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary"
icon="el-icon-search" icon="el-icon-search"
@click="handleSaveApplyPrivilegeConf">保存 @click="handleSaveApplyPrivilegeConf">保存
</el-button> </el-button>
</el-card> </el-card>
</div> </div>
<!-- 进件项配置 ====--> <!-- 进件项配置 ====-->
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="回调配置" name="callbackEdit"> <el-tab-pane label="回调配置" name="callbackEdit">
<!-- 回调配置 ====--> <!-- 回调配置 ====-->
<div class="block—bodl"> <div class="block—bodl">
<el-card class="box-card"> <el-card class="box-card">
<div slot="header"> <div slot="header">
<span>回调配置</span> <span>回调配置</span>
</div> </div>
<el-form size="medium" style="width:92%"> <el-form size="medium" style="width:92%">
<el-form-item label="通知节点" label-width="15%"> <el-form-item label="通知节点" label-width="15%">
<el-input v-model="channel.callbackInfo.noticeNode" :disabled="!isEdit"/> <el-input v-model="channel.callbackInfo.noticeNode" :disabled="!isEdit"/>
</el-form-item> </el-form-item>
<el-form-item label="通知顺序" label-width="15%"> <el-form-item label="通知顺序" label-width="15%">
<el-input v-model="channel.callbackInfo.noticeSequence" :disabled="!isEdit"/> <el-input v-model="channel.callbackInfo.noticeSequence" :disabled="!isEdit"/>
</el-form-item> </el-form-item>
<el-form-item label="审批回调地址" label-width="15%"> <el-form-item label="审批回调地址" label-width="15%">
<el-input v-model="channel.callbackInfo.auditUrl" :disabled="!isEdit"/> <el-input v-model="channel.callbackInfo.auditUrl" :disabled="!isEdit"/>
</el-form-item> </el-form-item>
<el-form-item label="订单状态回调地址" label-width="15%"> <el-form-item label="订单状态回调地址" label-width="15%">
<el-input v-model="channel.callbackInfo.statusUrl" :disabled="!isEdit"/> <el-input v-model="channel.callbackInfo.statusUrl" :disabled="!isEdit"/>
</el-form-item> </el-form-item>
<el-form-item label="还款状态回调地址" label-width="15%"> <el-form-item label="还款状态回调地址" label-width="15%">
<el-input v-model="channel.callbackInfo.repaymentStatusUrl" :disabled="!isEdit"/> <el-input v-model="channel.callbackInfo.repaymentStatusUrl" :disabled="!isEdit"/>
</el-form-item> </el-form-item>
<el-form-item label="还款计划回调地址" label-width="15%"> <el-form-item label="还款计划回调地址" label-width="15%">
<el-input v-model="channel.callbackInfo.repaymentPlanUrl" :disabled="!isEdit"/> <el-input v-model="channel.callbackInfo.repaymentPlanUrl" :disabled="!isEdit"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary" <el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary"
icon="el-icon-search" icon="el-icon-search"
@click="handleSaveCallbackConf">回调配置保存 @click="handleSaveCallbackConf">回调配置保存
</el-button> </el-button>
</el-card> </el-card>
</div> </div>
<!-- 回调配置 ====--> <!-- 回调配置 ====-->
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Rsa配置" name="rsaEdit"> <el-tab-pane label="Rsa配置" name="rsaEdit">
<!-- Rsa配置 ====--> <!-- Rsa配置 ====-->
<div class="block—bodl"> <div class="block—bodl">
<el-card class="box-card"> <el-card class="box-card">
<div slot="header"> <div slot="header">
<span>Rsa配置</span> <span>Rsa配置</span>
</div> </div>
<el-form size="medium" style="width:92%"> <el-form size="medium" style="width:92%">
<el-form-item label="渠道Rsa公钥" label-width="12%"> <el-form-item label="渠道Rsa公钥" label-width="12%">
<el-input type="textarea" :rows="4" v-model="channel.rsa.channelPubRsa" :disabled="!isEdit"/> <el-input type="textarea" :rows="4" v-model="channel.rsa.channelPubRsa"
</el-form-item> :disabled="!isEdit"/>
<el-form-item label="量化派Rsa私钥" label-width="12%"> </el-form-item>
<el-input type="textarea" :rows="5" v-model="channel.rsa.lhpPriRsa" :disabled="!isEdit"/> <el-form-item label="量化派Rsa私钥" label-width="12%">
</el-form-item> <el-input type="textarea" :rows="5" v-model="channel.rsa.lhpPriRsa"
<el-form-item label="量化派Rsa共钥" label-width="12%"> :disabled="!isEdit"/>
<el-input type="textarea" :rows="4" v-model="channel.rsa.lhpPubRsa" :disabled="!isEdit"/> </el-form-item>
</el-form-item> <el-form-item label="量化派Rsa共钥" label-width="12%">
</el-form> <el-input type="textarea" :rows="4" v-model="channel.rsa.lhpPubRsa"
<el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary" :disabled="!isEdit"/>
icon="el-icon-search" </el-form-item>
@click="handleSaveRsaConf">Rsa配置保存 </el-form>
</el-button> <el-button v-show="isEdit" class="filter-item" style="margin-left: 80%;" type="primary"
</el-card> icon="el-icon-search"
</div> @click="handleSaveRsaConf">Rsa配置保存
<!-- Rsa配置 ====--> </el-button>
</el-tab-pane> </el-card>
<el-tab-pane label="刷新缓存" name="refush"> </div>
<!-- 刷新内存缓存 ====--> <!-- Rsa配置 ====-->
<div class="block—bodl" v-show="isEdit"> </el-tab-pane>
<el-card class="box-card"> <el-tab-pane label="刷新缓存" name="refush">
<div slot="header"> <!-- 刷新内存缓存 ====-->
<span>刷新缓存</span> <div class="block—bodl" v-show="isEdit">
</div> <el-card class="box-card">
<el-button class="filter-item" style="margin-left: 80%;" type="primary" icon="el-icon-search" <div slot="header">
@click="handleRefreshCache">刷新内存缓存 <span>刷新缓存</span>
</el-button> </div>
</el-card> <el-button class="filter-item" style="margin-left: 80%;" type="primary" icon="el-icon-search"
</div> @click="handleRefreshCache">刷新内存缓存
<!-- 刷新内存缓存 ====--> </el-button>
</el-tab-pane> </el-card>
</div>
<!-- 刷新内存缓存 ====-->
</el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</template> </template>
<script> <script>
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
import {getChannels, getChannelDetail, saveChannelBaseConf, getStaticElement, saveApplyCheckConf, saveApplyPrivilegeConf , import {
saveCallbackConf, saveRsaConf, refreshCache} from '../../apis/channel' getChannels,
getChannelDetail,
saveChannelBaseConf,
getStaticElement,
saveApplyCheckConf,
saveApplyPrivilegeConf,
saveCallbackConf,
saveRsaConf,
refreshCache
} from '../../apis/channel'
export default { export default {
components: { Pagination }, components: {Pagination},
data() { data() {
return { return {
listQuery: { listQuery: {
pageNumber: 0, pageNumber: 0,
pageSize: 10 pageSize: 10
},
baseConfRules: {
channelName: [{required: true, message: '请输入渠道名称', trigger: 'blur'}],
channelId: [{required: true, message: '请输入渠道id', trigger: 'blur'}],
channelCode: [{required: true, message: '请输入渠道code', trigger: 'blur'}],
productId: [{required: true, message: '请输入产品id', trigger: 'blur'}],
aesKey: [{required: true, message: '请输入aesKey', trigger: 'blur'}],
md5Key: [{required: true, message: '请输入md5Key', trigger: 'blur'}],
isStandardChannel: [{required: true, message: '请输入是否标准API', trigger: 'blur'}],
},
checkedItemsRules: {
point: [{required: true, message: '请选择节点', trigger: 'change'}],
},
channels: [],
staticData: {
// 数据从后台加载
applyPrivilegeItems: [{"name": "进件", "value": "APPLY_LOAN"}],
importCheckPointInit: [{"name": "一推", "value": 1}],
importCheckItemsStaticArr: [{"name": "地址", "value": "address"}, {"name": "联系人", "value": "contact"}]
},
channel: {
baseConfDetail: {},
importCheckInfo: {
checkedItemsResult: [],//UI选择后的结果，或者编辑页面加载时 用户的数据
},
applyPrivilege: {
privilege: []
},
callbackInfo: {},
rsa: {}
},
count: 1,
page: 1,
isCreate: false,
isEdit: true,
checkedItemsResultVO: {point: '', value: ''},
activeName: 'queryPage',
}
}, },
channels: [], created() {
staticData: { //this.roles = store.getters.roles
// 数据从后台加载
applyPrivilegeItems: [{"name": "进件", "value": "APPLY_LOAN"}],
importCheckPointInit: [{"name": "一推", "value": 1}],
importCheckItemsStaticArr: [{"name": "地址", "value": "address"}, {"name": "联系人", "value": "contact"}]
}, },
channel: { mounted() {
baseConfDetail: {}, this.handleGetChannels()
importCheckInfo: { this.handleGetStaticElement()
checkedItemsResult: [],//UI选择后的结果，或者编辑页面加载时 用户的数据 this.$nextTick(function () {
}, // 初始化 之后隐藏tab
applyPrivilege: { let tabs = this.$refs.myTab.$children[0].$refs.tabs
privilege: [] for (let i = 0; i < tabs.length; i++) {
}, tabs[i].style.display = 'none'
callbackInfo: {}, }
rsa: {} })
}, },
count: 1, methods: {
page: 1, handleGetStaticElement() {
psize:10, getStaticElement().then(res => {
roles: undefined, if (res.data) {
isEdit: true, if (res.data.applyPrivilegeItems) {
checkedItemsResultVO: { point : [], value:[]}, this.staticData.applyPrivilegeItems = res.data.applyPrivilegeItems
baseConfLabelWidth: '25%', }
activeName: 'queryPage' if (res.data.importCheckPointInit) {
} this.staticData.importCheckPointInit = res.data.importCheckPointInit
}, }
created() { if (res.data.importCheckItemsStaticArr) {
//this.roles = store.getters.roles this.staticData.importCheckItemsStaticArr = res.data.importCheckItemsStaticArr
}, }
mounted() { }
this.handleGetChannels() }).catch(() => {
this.handleGetStaticElement() })
this.$nextTick(function () { },
// 初始化 之后隐藏tab handleGetChannels() {
let tabs = this.$refs.myTab.$children[0].$refs.tabs for (const prop in this.listQuery) {
for (let i = 0; i < tabs.length; i++) { if (this.listQuery[prop] === '') {
tabs[i].style.display = 'none' delete this.listQuery[prop]
} }
}) }
}, this.listQuery.pageNumber = this.page - 1
methods: { getChannels(this.listQuery).then(res => {
handleGetStaticElement() { if (res.data) {
getStaticElement().then(res => { this.channels = res.data.content
if (res.data) { this.count = res.data.totalElements
if (res.data.applyPrivilegeItems) { // this.$refs.myTable.setCurrentRow(this.channels[0])
this.staticData.applyPrivilegeItems = res.data.applyPrivilegeItems }
} }).catch(() => {
if (res.data.importCheckPointInit) { })
this.staticData.importCheckPointInit = res.data.importCheckPointInit },
} handleCreate() {
if (res.data.importCheckItemsStaticArr) { this.isCreate = true
this.staticData.importCheckItemsStaticArr = res.data.importCheckItemsStaticArr this.isEdit = true
} this.$options.methods.showTabAll(this, "刷新缓存")
} this.channel = {
}).catch(() => { baseConfDetail: {},
}) importCheckInfo: {
}, checkedItemsResult: [],
handleGetChannels() { },
for (const prop in this.listQuery) { applyPrivilege: {
if (this.listQuery[prop] === '') { privilege: []
delete this.listQuery[prop] },
} callbackInfo: {},
} rsa: {}
this.listQuery.pageNumber = this.page - 1 }
getChannels(this.listQuery).then(res => { // 如果编辑之后，checkedItemsResultVO 是有值的，会和页面绑定数据
if (res.data) { this.checkedItemsResultVO.value = []
this.channels = res.data.content },
this.count = res.data.totalElements handleUpdate(data) {
// this.$refs.myTable.setCurrentRow(this.channels[0]) this.isCreate = false
} this.isEdit = true
}).catch(() => { this.$options.methods.showTabAll(this, "")
}) this.$options.methods.getChannelDetail(this, data)
}, },
handleCreate() { handleQuery(data) {
this.isEdit = true this.isCreate = false
this.$options.methods.showTabAll(this, "刷新缓存") this.isEdit = false
this.channel = { this.$options.methods.showTabAll(this, "刷新缓存")
baseConfDetail: {}, this.$options.methods.getChannelDetail(this, data)
importCheckInfo: { },
checkedItemsResult: [], checkedItemsSelected(selected) {
}, if (this.channel.importCheckInfo.checkedItemsResult.length > 0) {
applyPrivilege: { let isCleanData = true;
privilege: [] for (let index in this.channel.importCheckInfo.checkedItemsResult) {
}, let item = this.channel.importCheckInfo.checkedItemsResult[index]
callbackInfo: {}, if (item.point === selected) {
rsa: {} // 联动 下拉框和 用户的值
} this.checkedItemsResultVO.value = item.checkedItems
// 如果编辑之后，checkedItemsResultVO 是有值的，会和页面绑定数据 isCleanData = false
this.checkedItemsResultVO.value = [] break
}, }
handleUpdate(data) { }
this.isEdit = true if (isCleanData) {
this.$options.methods.showTabAll(this, "") // 说明 下拉选择的 该用户没有配置，清除checkedItemsResultVO 的值
this.$options.methods.getChannelDetail(this, data) this.checkedItemsResultVO.value = []
}, }
handleQurey(data) { } else {
this.isEdit = false this.checkedItemsResultVO.value = []
this.$options.methods.showTabAll(this, "刷新缓存") }
this.$options.methods.getChannelDetail(this, data) },
}, getChannelDetail(_this, data) {
checkedItemsSelected(selected) { getChannelDetail(data).then(rep => {
if(this.channel.importCheckInfo.checkedItemsResult.length > 0) { if (rep.data) {
let isCleanData = true; _this.channel = rep.data
for (let index in this.channel.importCheckInfo.checkedItemsResult) { if (rep.data && rep.data.importCheckInfo && rep.data.importCheckInfo.checkedItemsResult.length > 0) {
let item = this.channel.importCheckInfo.checkedItemsResult[index] _this.channel.importCheckInfo.checkedItemsResult = rep.data.importCheckInfo.checkedItemsResult;
if (item.point === selected) { // 说明有数据
// 联动 下拉框和 用户的值 let def = rep.data.importCheckInfo.checkedItemsResult[0];
this.checkedItemsResultVO.value = item.checkedItems _this.checkedItemsResultVO.point = def.point
isCleanData = false _this.checkedItemsResultVO.value = def.checkedItems
break }
} }
} })
if (isCleanData) { },
// 说明 下拉选择的 该用户没有配置，清除checkedItemsResultVO 的值 handleSaveBaseConf() {
this.checkedItemsResultVO.value = [] this.$refs['baseConfForm'].validate(valid => {
} if (valid) {
} else { // 保存基本配置信息
this.checkedItemsResultVO.value = [] saveChannelBaseConf(this.channel.baseConfDetail).then(rep => {
} this.$notify({
}, title: '成功',
getChannelDetail(_this, data) { message: '保存成功',
getChannelDetail(data).then(rep => { type: 'success',
if (rep.data) { duration: 1500
_this.channel = rep.data })
if (rep.data && rep.data.importCheckInfo && rep.data.importCheckInfo.checkedItemsResult.length > 0) { })
_this.channel.importCheckInfo.checkedItemsResult = rep.data.importCheckInfo.checkedItemsResult; } else {
// 说明有数据 return false
let def = rep.data.importCheckInfo.checkedItemsResult[0]; }
_this.checkedItemsResultVO.point = def.point })
_this.checkedItemsResultVO.value = def.checkedItems },
} handleSaveApplyCheckConf() {
} this.$refs['checkedItemsForm'].validate(valid => {
}) if (valid) {
}, if (this.isCreate) {
handleSaveBaseConf() { if (!this.channel.baseConfDetail.channelId) {
// 保存基本配置信息 this.$notify({
saveChannelBaseConf(this.channel.baseConfDetail).then(rep => { title: '失败',
this.$notify({ message: '请先新增保存基本信息',
title: '成功', type: 'error',
message: '保存成功', duration: 2000
type: 'success', })
duration: 1500 return
}) } else {
}) this.channel.importCheckInfo.channelId = this.channel.baseConfDetail.channelId
}, }
handleSaveApplyCheckConf() { }
// 保存进件项配置 // 保存进件项配置
if (this.checkedItemsResultVO) { if (this.checkedItemsResultVO) {
if(this.channel.importCheckInfo.checkedItemsResult) { if (this.channel.importCheckInfo.checkedItemsResult) {
for (let index in this.channel.importCheckInfo.checkedItemsResult) { for (let index in this.channel.importCheckInfo.checkedItemsResult) {
let item = this.channel.importCheckInfo.checkedItemsResult[index] let item = this.channel.importCheckInfo.checkedItemsResult[index]
if (item.point === this.checkedItemsResultVO.point) { if (item.point === this.checkedItemsResultVO.point) {
item.checkedItems = this.checkedItemsResultVO.value item.checkedItems = this.checkedItemsResultVO.value
} }
} }
} else { } else {
this.channel.importCheckInfo.checkedItemsResult.point = this.checkedItemsResultVO.point this.channel.importCheckInfo.checkedItemsResult.point = this.checkedItemsResultVO.point
this.channel.importCheckInfo.checkedItemsResult.checkedItems = this.checkedItemsResultVO.value this.channel.importCheckInfo.checkedItemsResult.checkedItems = this.checkedItemsResultVO.value
} }
} }
saveApplyCheckConf(this.channel.importCheckInfo).then(rep => { saveApplyCheckConf(this.channel.importCheckInfo).then(rep => {
this.$notify({ this.$notify({
title: '成功', title: '成功',
message: '保存成功', message: '保存成功',
type: 'success', type: 'success',
duration: 1500 duration: 1500
}) })
}) })
}, } else {
handleSaveApplyPrivilegeConf() { return false
// 保存进件项配置 }
saveApplyPrivilegeConf(this.channel.applyPrivilege).then(rep => { })
this.$notify({
title: '成功',
message: '保存成功',
type: 'success',
duration: 1500
})
})
},
handleSaveCallbackConf() {
// 保存进件项配置
saveCallbackConf(this.channel.callbackInfo).then(rep => {
this.$notify({
title: '成功',
message: '保存成功',
type: 'success',
duration: 1500
})
})
},
handleSaveRsaConf() {
// 保存进件项配置
saveRsaConf(this.channel.rsa).then(rep => {
this.$notify({
title: '成功',
message: '保存成功',
type: 'success',
duration: 1500
})
})
},
handleRefreshCache() {
// 保存进件项配置
refreshCache().then(rep => {
this.$notify({
title: '成功',
message: '刷新成功',
type: 'success',
duration: 1500
})
})
},
handleClickTab(tab) {
// 如果点击查询页 那么隐藏tab
if ('queryPage' === tab.name) {
this.$options.methods.hiddenTabAll(this)
}
},
showTabAll(_this, excludeTab) {
let tabs = _this.$refs.myTab.$children[0].$refs.tabs
for (let i = 0; i < tabs.length; i++) {
if (tabs[i].innerHTML != excludeTab) {
// 刷新缓存tab 在新建和 查询是 不显示
tabs[i].style.display = ''
}
}
// 默认让基础信息配置页 选中
tabs[1].click()
},
hiddenTabAll(_this) {
let tabs = _this.$refs.myTab.$children[0].$refs.tabs
for (let i = 0; i < tabs.length; i++) {
tabs[i].style.display = 'none'
}
},
},
actions:{
},
handleSaveApplyPrivilegeConf() {
if (this.isCreate) {
if (!this.channel.baseConfDetail.channelId) {
this.$notify({
title: '失败',
message: '请先新增保存基本信息',
type: 'error',
duration: 2000
})
return
} else {
this.channel.applyPrivilege.channelId = this.channel.baseConfDetail.channelId
}
}
// 保存进件项配置
saveApplyPrivilegeConf(this.channel.applyPrivilege).then(rep => {
this.$notify({
title: '成功',
message: '保存成功',
type: 'success',
duration: 1500
})
})
},
handleSaveCallbackConf() {
if (this.isCreate) {
if (!this.channel.baseConfDetail.channelId) {
this.$notify({
title: '失败',
message: '请先新增保存基本信息',
type: 'error',
duration: 2000
})
return
} else {
this.channel.callbackInfo.channelId = this.channel.baseConfDetail.channelId
}
}
// 保存进件项配置
saveCallbackConf(this.channel.callbackInfo).then(rep => {
this.$notify({
title: '成功',
message: '保存成功',
type: 'success',
duration: 1500
})
})
},
handleSaveRsaConf() {
if (this.isCreate) {
if (!this.channel.baseConfDetail.channelId) {
this.$notify({
title: '失败',
message: '请先新增保存基本信息',
type: 'error',
duration: 2000
})
return
} else {
this.channel.rsa.channelId = this.channel.baseConfDetail.channelId
}
}
// 保存进件项配置
saveRsaConf(this.channel.rsa).then(rep => {
this.$notify({
title: '成功',
message: '保存成功',
type: 'success',
duration: 1500
})
})
},
handleRefreshCache() {
// 保存进件项配置
refreshCache().then(rep => {
this.$notify({
title: '成功',
message: '刷新成功',
type: 'success',
duration: 1500
})
})
},
handleClickTab(tab) {
// 如果点击查询页 那么隐藏tab
if ('queryPage' === tab.name) {
this.$options.methods.hiddenTabAll(this)
}
},
showTabAll(_this, excludeTab) {
let tabs = _this.$refs.myTab.$children[0].$refs.tabs
for (let i = 0; i < tabs.length; i++) {
if (tabs[i].innerHTML != excludeTab) {
// 刷新缓存tab 在新建和 查询是 不显示
tabs[i].style.display = ''
}
}
// 默认让基础信息配置页 选中
tabs[1].click()
},
hiddenTabAll(_this) {
let tabs = _this.$refs.myTab.$children[0].$refs.tabs
for (let i = 0; i < tabs.length; i++) {
tabs[i].style.display = 'none'
}
},
},
actions: {}
} }
}
function f() { function f() {
} }
</script> </script>
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