Commit 181d1129 authored by jiangweijia's avatar jiangweijia

演示代码

parent b1fb03c0
[]
\ No newline at end of file
{
"path": "D:\\project\\credit",
"name": "credit",
"cnName": "credit",
"dictVersion": "CSII_NJC",
"compileVersion": "antdv-x1",
"compilePath": "\\src\\views\\trades",
"components": [],
"projectId": "44f58b3637768d2f88c60c7926ad5ab3"
}
vform@1.3.2 jiangweijia@csii.com.cn 2023-08-28 13:11:57
{"widgetList":[{"key":53334,"type":"description","category":"container","icon":"description","sizeList":[{"label":"default","value":"default"},{"label":"middle","value":"middle"},{"label":"small","value":"small"}],"widgetList":[{"type":"description-item","category":"container","internal":true,"widgetList":[],"options":{"name":"descriptionItem75487","customClass":"","dataFilter":"","label":"aa","value":"aa"},"id":"description-item-75487"}],"options":{"name":"description17379","title":"","customClass":[],"bordered":true,"column":2,"size":"default","layout":"horizontal"},"id":"description17379"}],"formConfig":{"cName":"11031","cCode":"11031","modelName":"formData","labelAlign":"right","labelCol":6,"wrapperCol":11,"globalVariable":[],"refName":"vForm","rulesName":"rules","size":"","cssCode":".header{\n \n}\n.header>h1{\n font-size: 25px;\n font-weight: bold;\n margin-bottom: unset !important;\n}\n.marginBtm{\n margin-bottom:16px;\n}\n.marginLr{\n margin : 0 16px 0;\n}","customClass":["marginLr"],"functions":[],"layoutType":"PC","jsonVersion":3,"enum":[],"filters":[],"onFormMounted":"\nthis.$remote({\n url:\"/sso/department/queryDepartmentList\",\n params:{},\n successFn:(res)=>{\n console.log(res)\n let arr =res.data.map(item=>{\n return {\n label: item.depName,\n value: item.depId\n }\n })\n this.options.orgList =arr\n }\n})\n\nthis.$submit(params => {\n this.$remote({\n url:\"trade/$customData.code.do\",\n params:{ \n ...params,\n },\n successFn:(response)=> {\n /*成功回调函数 (数据存储在response)*/\n },\n failedFn:(error)=> {\n console.log(error);\n },\n conf:{\n timeout:1000\n }\n });\n});","onFormDataChange":"","onFormCreated":"","labelWidth":150,"labelPosition":"left","onFormValidate":"","wapperCol":14}}
vform@1.3.2 jiangweijia@csii.com.cn 2023-08-28 13:11:57
{"widgetList":[{"key":104519,"type":"card","category":"container","icon":"card","sizeList":[{"label":"default","value":""},{"label":"small","value":"small"}],"widgetList":[{"key":94469,"type":"tab","category":"container","icon":"tab","sizeList":[{"label":"default","value":""},{"label":"large","value":"large"},{"label":"small","value":"small"}],"widgetList":[{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab1","tab":"PIN重置","key":0,"customClass":""},"id":"tab-pane-71741"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[{"key":86841,"type":"grid","category":"container","icon":"grid","widgetList":[{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input18767","label":"操作员姓名","isAloneWidthSetting":true,"labelWidth":7,"wrapperWidth":10,"labelAlign":"right","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"name","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"请输入操作员姓名","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input18767"}],"options":{"name":"gridCol65557","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-65557"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input39616","label":"账户名称","isAloneWidthSetting":true,"labelWidth":7,"wrapperWidth":10,"labelAlign":"right","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"noName","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"请输入账户名称","size":"default","customClass":[],"beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input39616"}],"options":{"name":"gridCol44138","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":[]},"id":"grid-col-44138"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input6219","label":"U盾编号","isAloneWidthSetting":true,"labelWidth":7,"wrapperWidth":10,"labelAlign":"right","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"uId","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"请输入U盾编号","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input6219"}],"options":{"name":"gridCol69393","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-69393"},{"type":"grid-col","category":"container","icon":"grid-col","internal":true,"widgetList":[{"key":61395,"type":"input","icon":"text-field","formItemFlag":true,"sizeList":[{"label":"default","value":"default"},{"label":"large","value":"large"},{"label":"small","value":"small"}],"options":{"name":"input32997","label":"操作员手机号","isAloneWidthSetting":true,"labelWidth":7,"wrapperWidth":10,"labelAlign":"right","disabled":false,"hidden":false,"readonly":false,"required":false,"formItemField":"tel","verify":[],"verifyTrigger":"blur","allowClear":true,"maxLength":12,"placeholder":"请输入","size":"default","customClass":"","beforeSlot":"","afterSlot":"","onChange":"","onPressEnter":""},"id":"input32997"},{"key":66294,"type":"flex-box","category":"container","icon":"flex-box","widgetList":[{"key":42759,"type":"button","icon":"button","formItemFlag":false,"typeList":[{"label":"主要","value":"primary"},{"label":"默认","value":""},{"label":"虚线","value":"dashed"},{"label":"危险","value":"danger"},{"label":"链接","value":"link"}],"sizeList":[{"label":"large","value":"large"},{"label":"默认","value":""},{"label":"small","value":"small"}],"functionList":[{"label":"普通按钮","value":"default"},{"label":"提交按钮","value":"submit"},{"label":"重置按钮","value":"cancel"}],"displayStyle":"block","options":{"name":"button31052","label":"确定","size":"","ghost":false,"componentType":"primary","shape":"","icon":"","customClass":[],"functionType":"default","beforeSlot":"","afterSlot":"","onClick":""},"id":"button31052"}],"options":{"name":"flexbox99357","customClass":[],"justify":"center","align":"center","space":0},"id":"flexbox99357"}],"options":{"name":"gridCol1687","offset":0,"pull":0,"push":0,"span":24,"xs":12,"sm":12,"md":12,"lg":12,"xl":12,"xxl":12,"customClass":""},"id":"grid-col-1687"}],"typeList":[{"label":"标准","value":"normal"},{"label":"flex","value":"flex"}],"options":{"name":"grid41739","gutter":0,"rowGutter":12,"columnGutter":12,"customClass":[],"componentType":"normal","justify":"start","align":"middle"},"id":"grid41739"}],"options":{"name":"tab-pane-93167","tab":"证书下载","key":1,"customClass":""},"id":"tab-pane-93167"},{"type":"tab-pane","category":"container","icon":"tab-pane","internal":true,"widgetList":[],"options":{"name":"tab-pane-96084","tab":"证书更新","key":2,"customClass":""},"id":"tab-pane-96084"}],"options":{"name":"tab47723","activeKey":"","hidden":false,"size":"default","tabPosition":"top","customClass":[],"tabType":"line","tabBarGutter":10,"hideAdd":false,"onChange":"","onTabClick":""},"id":"tab47723"}],"options":{"extraSlot":[],"name":"card75758","size":"default","title":"","bordered":true,"isConcise":true,"isInner":true,"hoverable":false,"buttonMargin":5,"customClass":[]},"id":"card75758"}],"formConfig":{"cName":"复杂交易02","cCode":"1102","modelName":"formData","labelAlign":"left","labelCol":6,"wrapperCol":18,"globalVariable":[],"refName":"vForm","rulesName":"rules","size":"","cssCode":"","customClass":"","functions":[],"layoutType":"PC","jsonVersion":3,"enum":"","filters":[],"onFormMounted":"this.$submit(params => {\n this.$remote({\n url:\"trade/$customData.code.do\",\n params:{ \n ...params,\n },\n successFn:(response)=> {\n /*成功回调函数 (数据存储在response)*/\n },\n failedFn:(error)=> {\n console.log(error);\n },\n conf:{\n timeout:1000\n }\n });\n});","onFormDataChange":"","onFormCreated":"","labelWidth":150,"labelPosition":"left","onFormValidate":"","wapperCol":14}}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
......@@ -79,7 +79,48 @@ const menu: Menu[] = [
title: '系统维护',
type: 'dir',
icon: 'mdi:form',
children: []
children: [
{
id: '1102',
name: '1102',
title: 'tab页签',
type: 'menu',
icon: 'mdi:form',
path: '/trades/1102'
},
{
id: '1103',
name: '1103',
title: '步骤表单',
type: 'menu',
icon: 'mdi:form',
path: '/trades/1103'
},
{
id: '1104',
name: '1104',
title: '用户管理',
type: 'menu',
icon: 'mdi:form',
path: '/trades/1104'
},
{
id: '1105',
name: '1105',
title: '多表格',
type: 'menu',
icon: 'mdi:form',
path: '/trades/1105'
},
{
id: '2000_1',
name: '1102',
title: '申请信息',
type: 'menu',
icon: 'mdi:form',
path: '/trades/2000_1'
},
]
}
]
......
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '复杂交易02',
cCode: '1102',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: { name: '', noName: '', uId: '', tel: '' },
options: {},
table: {},
enums: [],
result: {},
customData: {},
stepField: []
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
}
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
// ----------------- 用户自定义方法 -----------------------------
},
created() {
_that = this
},
mounted() {
return
this.$getOptions()
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
updated() {}
}
.ant-form-item {
width: 100%;
}
<template>
<div id="1102">
<a-form-model
ref="form"
:model="params"
labelAlign="left"
layout="horizontal"
:labelCol="{
span: 6,
offset: 0
}"
:wrapperCol="{
span: 18,
offset: 0
}"
:colon="true"
>
<a-card id="card75758" :bordered="true" :hoverable="false" size="default" type="inner">
<a-tabs
id="tab47723"
:hideAdd="false"
size="default"
tabPosition="top"
type="line"
:tabBarGutter="10"
>
<a-tab-pane key="0" id="tab-pane-71741">
<template #tab> PIN重置 </template>
</a-tab-pane>
<a-tab-pane key="1" id="tab-pane-93167">
<template #tab> 证书下载 </template>
<a-row id="grid41739" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-65557" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="name"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 7,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 10,
offset: 0
}"
>
<template #label> 操作员姓名 </template>
<a-input
v-model="params.name"
id="input18767"
:read-only="false"
placeholder="请输入操作员姓名"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-44138" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="noName"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 7,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 10,
offset: 0
}"
>
<template #label> 账户名称 </template>
<a-input
v-model="params.noName"
id="input39616"
:read-only="false"
placeholder="请输入账户名称"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-69393" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="uId"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 7,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 10,
offset: 0
}"
>
<template #label> U盾编号 </template>
<a-input
v-model="params.uId"
id="input6219"
:read-only="false"
placeholder="请输入U盾编号"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-1687" :offset="0" :span="24">
<a-form-model-item
v-if="true"
prop="tel"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 7,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 10,
offset: 0
}"
>
<template #label> 操作员手机号 </template>
<a-input
v-model="params.tel"
id="input32997"
:read-only="false"
placeholder="请输入"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
<div
style="width: 100%; display: flex; justify-content: center; align-items: center"
id="flexbox99357"
>
<a-button id="button31052" :ghost="false" type="primary"> 确定 </a-button>
</div>
</a-col>
</a-row>
</a-tab-pane>
<a-tab-pane key="2" id="tab-pane-96084">
<template #tab> 证书更新 </template>
</a-tab-pane>
</a-tabs>
</a-card>
</a-form-model>
</div>
</template>
<script src="./index.js"></script>
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '复杂页面03',
cCode: '1103',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: { zh: '', zhanghao: '', yue: '', undefined: '', 总笔数: '', all: '', daxie: '' },
options: {},
table: {},
enums: [],
result: {},
customData: {},
stepField: [['zh', 'zhanghao', 'yue', null, '总笔数', 'all', 'daxie']]
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
}
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
// ----------------- 用户自定义方法 -----------------------------
},
created() {
_that = this
},
mounted() {
this.$getOptions()
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
updated() {}
}
.ant-form-item {
width: 100%;
}
This diff is collapsed.
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '常规页面01',
cCode: '1104',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: { table01: [], userId: '', userName: '', instNo: '' },
options: {
orgList: []
},
table: {
table01: {
options: {
rowKey: (record, index) => {
return index
}
},
selectedRowKeys: [],
selectedRows: [],
pagination: {
current: 1,
pageSize: 10,
total: 0,
showSizeChanger: true,
showQuickJumper: true,
pageSizeOptions: ['10', '20', '50', '100'],
showTotal: (total) => `共 ${total} 条`,
onChange: this.handlePageChange_table60224,
onShowSizeChange: this.handlePageChange_table60224
}
}
},
enums: ['orgList'],
result: {},
customData: {},
stepField: []
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
},
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
async onSelectChange_table60224(selectedRowKeys, selectedRows) {
this.table.table01.selectedRowKeys = selectedRowKeys
this.table.table01.selectedRows = selectedRows
},
async handlePageChange_table60224(current, pageSize) {
this.table.table01.pagination.current = current
this.table.table01.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table60224(values)
})
},
async updateTable_table60224(values) {
let pagination = this.table.table01.pagination
let params = {
...values,
pageIndex: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '/sso/user/queryUserPage',
params,
successFn: (response) => {
this.table.table01.pagination.total = response.count
this.params.table01 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
async table_btn_102856() {},
async table_btn_88220() {},
async table_btn_97471() {},
async table_btn_72091() {},
async table_btn_44974() {},
async table_add_btn_10946() {
console.log('表格新增按钮')
},
// render table row buttn
async table_detail_btn_79157(value) {
console.log('表格详情按钮')
},
async table_delete_btn_22902(value) {
console.log('表格删除按钮')
},
async table_edit_btn_71589(value) {
console.log('表格编辑按钮')
},
async table_btn_60512(value) {
console.log('123456')
},
// ----------------- 用户自定义方法 -----------------------------
async button61164_onClick() {
this.$remote({
url: '/sso/user/queryUserPage',
params: {
pageIndex: '1',
pageSize: '10'
},
successFn: (res) => {
console.log(res)
this.params.table01 = res.data
this.table.table01.pagination.total = res.count
}
})
}
},
created() {
_that = this
},
mounted() {
this.$getOptions()
this.$remote({
url: '/sso/department/queryDepartmentList',
params: {},
successFn: (res) => {
console.log(res)
let arr = res.data.map((item) => {
return {
label: item.depName,
value: item.depId
}
})
this.options.orgList = arr
}
})
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
updated() {}
}
.ant-form-item {
width: 100%;
}
.header {
}
.header > h1 {
font-size: 25px;
font-weight: bold;
margin-bottom: unset !important;
}
.marginBtm {
margin-bottom: 16px;
}
.marginLr {
margin: 0 16px 0;
}
<template>
<div id="1104">
<a-form-model
ref="form"
:model="params"
labelAlign="right"
layout="horizontal"
:labelCol="{
span: 6,
offset: 0
}"
:wrapperCol="{
span: 11,
offset: 0
}"
:colon="true"
>
<a-card
class="marginBtm"
id="card88871"
:bordered="true"
:hoverable="false"
size="default"
type="inner"
>
<div class="header" id="htmltext46793">
<h1>用户管理</h1>
</div>
</a-card>
<a-card id="card46138" :bordered="true" :hoverable="false" size="default">
<template #title> 用户信息查询 </template>
<a-row id="grid37541" align="middle" :gutter="[12, 12]" justify="start">
<a-col id="grid-col-28635" :offset="0" :span="12">
<a-form-model-item
v-if="true"
prop="userId"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<template #label> 用户号 </template>
<a-input
v-model="params.userId"
id="input51543"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-25311" :offset="0" :span="12">
<a-form-model-item
v-if="true"
prop="userName"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<template #label> 姓名 </template>
<a-input
v-model="params.userName"
id="input8007"
:read-only="false"
:disabled="false"
:maxLength="12"
size="default"
:allowClear="true"
>
</a-input>
</a-form-model-item>
</a-col>
<a-col id="grid-col-111727" :offset="0" :span="12">
<a-form-model-item
v-if="true"
prop="instNo"
:rules="[
{
required: false,
message: '该项是必填项',
trigger: 'blur'
}
]"
:labelCol="{
span: 6,
offset: 0
}"
labelAlign="right"
:wrapperCol="{
span: 11,
offset: 0
}"
>
<template #label> 机构 </template>
<a-select
v-model="params.instNo"
id="select94531"
:allowClear="true"
:disabled="false"
mode="default"
placeholder="请选择机构"
size="default"
:options="options.orgList"
>
</a-select>
</a-form-model-item>
</a-col>
<a-col id="grid-col-117063" :offset="0" :span="24">
<div
style="
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
"
id="flexbox78239"
>
<a-button id="button61164" :ghost="false" type="primary" @click="button61164_onClick">
提交
</a-button>
<a-button id="button61777" :ghost="true" type="primary"> 取消 </a-button>
<a-button
id="button104880"
:ghost="true"
icon="simple-icons:hellofresh"
shape="circle"
>
<Icon icon="simple-icons:hellofresh" />
</a-button>
</div>
</a-col>
</a-row> </a-card
><a-card title="用户信息列表" :bordered="false">
<template #extra>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_102856"
>删除</a-button
>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_88220"
>解锁</a-button
>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_97471"
>重置密码</a-button
>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_72091"
>冻结</a-button
>
<a-button style="margin-left: 10px" type="primary" @click="table_btn_44974"
>解冻</a-button
>
<a-button
style="margin-left: 15px"
type="primary"
@click="table_add_btn_10946"
shape="circle"
>
<Icon icon="simple-icons:hellofresh" />
</a-button>
</template>
<a-table
id="table60224"
:data-source="params.table01"
:pagination="table.table01.pagination"
:rowKey="table.table01.options.rowKey"
:rowSelection="{
selectedRowKeys: table.table01.selectedRowKeys,
onChange: onSelectChange_table60224,
type: 'checkbox'
}"
>
<a-table-column data-index="userId" key="" title="用户号">
<template slot-scope="text, value, index">
<div id="statictext113750">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="userName" key="" title="姓名">
<template slot-scope="text, value, index">
<div id="statictext29289">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="instNm" key="" title="机构">
<template slot-scope="text, value, index">
<div id="statictext91489">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="depName" key="" title="部门">
<template slot-scope="text, value, index">
<div id="statictext86168">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="roleNames" key="" title="岗位">
<template slot-scope="text, value, index">
<div id="statictext29191">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="telephone" key="" title="手机号">
<template slot-scope="text, value, index">
<div id="statictext110761">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column data-index="userStatusName" key="" title="用户状态">
<template slot-scope="text, value, index">
<div id="statictext51738">
{{ `${text}` }}
</div>
</template>
</a-table-column>
<a-table-column title="操作" fixed="right">
<template slot-scope="text, value, index">
<a @click="table_detail_btn_79157(value)"> 详情 </a>
<a @click="table_delete_btn_22902(value)"> 删除 </a>
<a @click="table_edit_btn_71589(value)"> 编辑 </a>
<a @click="table_btn_60512(value)">
<Icon icon="simple-icons:hellofresh" />
</a>
</template>
</a-table-column>
</a-table>
</a-card>
</a-form-model>
</div>
</template>
<script src="./index.js"></script>
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '常规页面02',
cCode: '1105',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: {
table1: [
{ abortBizReason: '' },
{ accrueBaseVal: '' },
{ accrueCycl: '' },
{ accountNoTp: '' },
{ accrueDt: '' }
],
table2: [
{ abortBizReason: '' },
{ accchkmethd: '' },
{ accrueBaseVal: '' },
{ accrueDt: '' }
],
tbale03: [
{ accountNoTp: '' },
{ accrueBaseVal: '' },
{ accrueDt: '' },
{ acctgCintFlg: '' }
]
},
options: {},
table: {
table1: {
options: {
rowKey: (record, index) => {
return index
}
},
pagination: false
},
table2: {
options: {
rowKey: (record, index) => {
return index
}
},
pagination: false
},
tbale03: {
options: {
rowKey: (record, index) => {
return index
}
},
pagination: false
}
},
enums: [],
result: {},
customData: {
table: 0
},
stepField: []
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
},
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
async handlePageChange_table113841(current, pageSize) {
this.table.table1.pagination.current = current
this.table.table1.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table113841(values)
})
},
async updateTable_table113841(values) {
let pagination = this.table.table1.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.table1.pagination.total = response.total
this.params.table1 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
async handlePageChange_table73056(current, pageSize) {
this.table.table2.pagination.current = current
this.table.table2.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table73056(values)
})
},
async updateTable_table73056(values) {
let pagination = this.table.table2.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.table2.pagination.total = response.total
this.params.table2 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
async handlePageChange_table82774(current, pageSize) {
this.table.tbale03.pagination.current = current
this.table.tbale03.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table82774(values)
})
},
async updateTable_table82774(values) {
let pagination = this.table.tbale03.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.tbale03.pagination.total = response.total
this.params.tbale03 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
// ----------------- 用户自定义方法 -----------------------------
async button22791_onClick() {
this.params.table1.push(
{ formItemField: '' },
{ accrueBaseVal: '' },
{ accrueCycl: '' },
{ accountNoTp: '' },
{ accrueDt: '' }
)
},
async tab50295_onChange(activeKey) {
this.customData.table = activeKey
}
},
created() {
_that = this
},
mounted() {
this.$getOptions()
this.$remote({
url: '/sso/department/queryDepartmentList',
params: {},
successFn: (res) => {
console.log(res)
let arr = res.data.map((item) => {
return {
label: item.depName,
value: item.depId
}
})
this.options.orgList = arr
}
})
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
updated() {}
}
.ant-form-item {
width: 100%;
}
.header {
}
.header > h1 {
font-size: 25px;
font-weight: bold;
margin-bottom: unset !important;
}
.marginBtm {
margin-bottom: 16px;
}
.marginLr {
margin: 0 16px 0;
}
This diff is collapsed.
import './index.less'
import { Icon } from '@iconify/vue2'
let _that
export default {
cName: '2000_1',
cCode: '2000_1',
beforeRouteLeave(to, from, next) {
next()
},
beforeRouteEnter(to, from, next) {
const $autorun = to.params.$autorun
next((vm) => {
$autorun && $autorun(vm)
from && (vm.$from = from.name)
})
},
components: {
Icon
},
filters: {},
props: {},
data() {
return {
params: {
table1: [],
tb003: [
{ ziliao: '' },
{ shifoubiyao: '' },
{ chashou: '' },
{ chahsouren: '' },
{ csrq: '' },
{ jiancha: '' },
{ hcrq: '' }
],
abortBizReason: '',
accountNo: '',
abortBizScopeFlg: '',
accrueCycl: ''
},
options: {},
table: {
table1: {
options: {
rowKey: (record, index) => {
return index
}
},
selectedRowKeys: [],
selectedRows: [],
pagination: false
},
tb003: {
options: {
rowKey: (record, index) => {
return index
}
},
pagination: false
}
},
enums: [],
result: {},
customData: {},
stepField: []
}
},
computed: {},
watch: {},
methods: {
// ----------------- 系统自带方法,严禁修改 -----------------
// 获取枚举
async $getOptions() {
const options = await this.$queryEnum(this.enums.join(';'))
Object.keys(options).forEach((key) => {
if (options[key] !== null && typeof options[key] === 'object') {
this.options[key] = Object.entries(options[key]).map(([value, label]) => ({
value,
label
}))
}
})
},
// 提交表单
$submit(callback) {
this.$refs.form.validate((state, data) => state && callback && callback(this.params))
},
// 重置表单
$reset() {
this.$refs.form.resetFields()
},
// 清除表单验证
$clearValidate(props) {
this.$refs.form.clearValidate(props)
},
// 跳转页面
$go(code, callback, replace = false) {
this.$router.push({
name: code,
params: {
$autorun: callback,
$replace: replace
}
})
},
// 返回上一页
$back(callback) {
if (!this.$from) return
this.$go(this.$from, callback, true)
},
// ----------------- 表格数据请求、分页、按钮方法 -----------------------------
async onSelectChange_table35541(selectedRowKeys, selectedRows) {
this.table.table1.selectedRowKeys = selectedRowKeys
this.table.table1.selectedRows = selectedRows
},
async handlePageChange_table35541(current, pageSize) {
this.table.table1.pagination.current = current
this.table.table1.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table35541(values)
})
},
async updateTable_table35541(values) {
let pagination = this.table.table1.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.table1.pagination.total = response.total
this.params.table1 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
async table_detail_btn_38744(value) {
console.log('表格详情按钮')
},
async handlePageChange_table61383(current, pageSize) {
this.table.tb003.pagination.current = current
this.table.tb003.pagination.pageSize = pageSize
this.$submit((values) => {
this.updateTable_table61383(values)
})
},
async updateTable_table61383(values) {
let pagination = this.table.tb003.pagination
let params = {
...values,
current: String(pagination.current),
pageSize: String(pagination.pageSize)
}
this.$remote({
url: '',
params,
successFn: (response) => {
this.table.tb003.pagination.total = response.total
this.params.tb003 = response.data
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
},
// render table row buttn
// ----------------- 用户自定义方法 -----------------------------
async button53316_onClick() {
this.$submit((params) => {
this.$remote({
url: 'trade/$customData.code.do',
params: {
...params
},
successFn: (response) => {
/*成功回调函数 (数据存储在response)*/
},
failedFn: (error) => {
console.log(error)
},
conf: {
timeout: 1000
}
})
})
},
getValue(value) {
return 'table[' + value + ']tb003.ziliao'
}
},
created() {
_that = this
},
mounted() {
this.$getOptions()
this.$set(this.result, 'id1', 2540321)
this.$set(this.result, 'prdType', '公司类')
this.$set(this.result, 'buType', '流动资金贷款')
this.$set(this.result, 'apply', '江苏省标准工业集团有限公司')
this.$set(this.result, 'text1', '录入')
this.$set(this.result, 'text2', '新申请')
this.$set(this.result, 'date1', '2015-06-13')
this.$set(this.result, 'custFM', '[0172]董军')
this.$set(this.result, 'applyOrg', '机构530302100')
this.$set(this.result, 'currentOrg', '机构530302100')
},
updated() {}
}
.ant-form-item {
width: 100%;
}
This diff is collapsed.
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