zhc077
4 weeks ago
parent
a00e380d83
commit
e4caa20059
10 changed files with 1190 additions and 15 deletions
@ -0,0 +1,100 @@ |
||||
import {defHttp} from '/@/utils/http/axios'; |
||||
import {useMessage} from "/@/hooks/web/useMessage"; |
||||
|
||||
const {createConfirm} = useMessage(); |
||||
|
||||
enum Api { |
||||
list = '/project/project/list', |
||||
fengMian = '/project/project/getFengMian', |
||||
userInfo = '/project/project/getUserInfo', |
||||
departInfo = '/project/project/getDepartInfo', |
||||
saveshenbao = '/project/project/save4shenbao', |
||||
updateshenbao = '/project/project/update4shenbao', |
||||
edit = '/project/project/edit', |
||||
deleteOne = '/project/project/delete', |
||||
deleteBatch = '/project/project/deleteBatch', |
||||
importExcel = '/project/project/importExcel', |
||||
exportXls = '/project/project/exportXls', |
||||
save = '/project/project/add', |
||||
} |
||||
|
||||
/** |
||||
* 导出api |
||||
* @param params |
||||
*/ |
||||
export const getExportUrl = Api.exportXls; |
||||
/** |
||||
* 导入api |
||||
*/ |
||||
export const getImportUrl = Api.importExcel; |
||||
/** |
||||
* 列表接口 |
||||
* @param params |
||||
*/ |
||||
export const list = (params) => |
||||
defHttp.get({url: Api.list, params}); |
||||
|
||||
|
||||
export const getFengMian = (params) => |
||||
defHttp.get({url: Api.fengMian, params}); |
||||
|
||||
export const getUserByProjectId = (params) => |
||||
defHttp.get({url: Api.userInfo, params}); |
||||
|
||||
export const getDepartByProjectId = (params) => |
||||
defHttp.get({url: Api.departInfo, params}); |
||||
|
||||
/** |
||||
* 删除单个 |
||||
*/ |
||||
export const deleteOne = (params, handleSuccess) => { |
||||
return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { |
||||
handleSuccess(); |
||||
}); |
||||
} |
||||
/** |
||||
* 批量删除 |
||||
* @param params |
||||
*/ |
||||
export const batchDelete = (params, handleSuccess) => { |
||||
createConfirm({ |
||||
iconType: 'warning', |
||||
title: '确认删除', |
||||
content: '是否删除选中数据', |
||||
okText: '确认', |
||||
cancelText: '取消', |
||||
onOk: () => { |
||||
return defHttp.delete({ |
||||
url: Api.deleteBatch, |
||||
data: params |
||||
}, {joinParamsToUrl: true}).then(() => { |
||||
handleSuccess(); |
||||
}); |
||||
} |
||||
}); |
||||
} |
||||
/** |
||||
* 保存或者更新 |
||||
* @param params |
||||
*/ |
||||
export const saveOrUpdate = (params, isUpdate) => { |
||||
// let url = isUpdate ? Api.edit : Api.save; |
||||
return defHttp.post({url: url, params}); |
||||
} |
||||
|
||||
/** |
||||
* 保存 |
||||
* @param params |
||||
*/ |
||||
export const save4shenbao = (params) => { |
||||
return defHttp.post({url: Api.saveshenbao, params}); |
||||
}; |
||||
|
||||
|
||||
/** |
||||
* 更新 |
||||
* @param params |
||||
*/ |
||||
export const update4shenbao = (params) => { |
||||
return defHttp.post({url: Api.updateshenbao, params}); |
||||
}; |
||||
@ -0,0 +1,95 @@ |
||||
<template> |
||||
<div class="container"> |
||||
<table border="1"> |
||||
<thead> |
||||
<tr> |
||||
<th colspan="2" style="font-size: 20px">驻马店财政科研项目预算申报书</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td>预算年度</td> |
||||
<td>{{ data.annualName }}</td> |
||||
</tr> |
||||
<tr> |
||||
<td>项目类别</td> |
||||
<td>{{ data.projectTypeName }}</td> |
||||
</tr> |
||||
<tr> |
||||
<td>经费类别</td> |
||||
<td>{{ data.projectTypeName }}</td> |
||||
</tr> |
||||
<tr> |
||||
<td>项目名称</td> |
||||
<td>{{ data.projectName }}</td> |
||||
</tr> |
||||
<tr> |
||||
<td>申报单位</td> |
||||
<td>{{ data.projectName }}</td> |
||||
</tr> |
||||
<tr> |
||||
<td>科研团队名称</td> |
||||
<td></td> |
||||
</tr> |
||||
|
||||
<tr> |
||||
<td>项目负责人</td> |
||||
<td>{{ data.projectCharger }}</td> |
||||
</tr> |
||||
<tr> |
||||
<td>申请预算额度(万元)</td> |
||||
<td>{{ data.applyFund }}</td> |
||||
</tr> |
||||
<!-- <tr> |
||||
<td>市县/省直部门</td> |
||||
<td>行1，列2</td> |
||||
</tr>--> |
||||
<tr> |
||||
<td>填报日期</td> |
||||
<td>{{ data.createTime }}</td> |
||||
</tr> |
||||
|
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</template> |
||||
<script setup lang="ts"> |
||||
|
||||
import {useRoute} from "vue-router"; |
||||
import {getFengMian} from './FengMian.api'; |
||||
import {onMounted, ref} from "vue"; |
||||
|
||||
const route = useRoute(); |
||||
const data = ref({}) |
||||
|
||||
async function getData() { |
||||
let params = { |
||||
id: route.query.id, |
||||
}; |
||||
let obj = await getFengMian(params); |
||||
console.log('data', JSON.stringify(obj)) |
||||
data.value = obj |
||||
} |
||||
|
||||
|
||||
onMounted(() => { |
||||
getData() |
||||
}); |
||||
|
||||
</script> |
||||
|
||||
<style scoped lang="less"> |
||||
.container { |
||||
display: flex; |
||||
align-content: center; |
||||
justify-content: center; |
||||
} |
||||
|
||||
th, td { |
||||
width: 500px; |
||||
height: 40px; |
||||
text-align: center; |
||||
line-height: 40px; |
||||
border: 1px solid #000; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,91 @@ |
||||
<template> |
||||
<div class="p-4"> |
||||
<a-card :bordered="false" style="height: 100%"> |
||||
<a-tabs v-model:activeKey="activeKey" @change="tabChange"> |
||||
<a-tab-pane key="FengMianDemo" tab="封面" force-render></a-tab-pane> |
||||
<a-tab-pane key="TianBaoShuMingDemo" tab="填报说明" force-render></a-tab-pane> |
||||
<a-tab-pane key="JiBenXinXiDemo" tab="基本信息"></a-tab-pane> |
||||
<a-tab-pane key="ZhengWenDemo" tab="正文"></a-tab-pane> |
||||
<a-tab-pane key="XiangMuHeZuoKaiFaDemo" tab="项目合作开发情况"></a-tab-pane> |
||||
<a-tab-pane key="HeZuoDanWeiDemo" tab="合作单位"></a-tab-pane> |
||||
<a-tab-pane key="ZhuYaoRenYuanDemo" tab="项目主要参加人员"></a-tab-pane> |
||||
<!-- <a-tab-pane key="JeecgPdfView" tab="PDF预览"></a-tab-pane>--> |
||||
<a-tab-pane key="XiangMuJiXiaoMuBiaoDemo" tab="项目绩效目标"></a-tab-pane> |
||||
<a-tab-pane key="YiJianDemo" tab="意见"></a-tab-pane> |
||||
<a-tab-pane key="FuJianDemo" tab="文件上传"></a-tab-pane> |
||||
</a-tabs> |
||||
<component :is="currentComponent"></component> |
||||
</a-card> |
||||
</div> |
||||
<!-- <div type="primary" class="button-container"> |
||||
<a-button type="primary" @click="goBack"> 获取路由 </a-button> |
||||
</div>--> |
||||
</template> |
||||
<script lang="ts"> |
||||
import { defineComponent, ref, computed } from 'vue'; |
||||
import FengMianDemo from './FengMianDemo.vue'; |
||||
|
||||
|
||||
|
||||
import TianBaoShuMingDemo from '../xiangmushu/TianBaoShuMingDemo.vue'; |
||||
import JiBenXinXiDemo from '../xiangmushu/JiBenXinXiDemo.vue'; |
||||
import XiangMuJiXiaoMuBiaoDemo from '../xiangmushu/XiangMuJiXiaoMuBiaoDemo.vue'; |
||||
import YiJianDemo from '../xiangmushu/YiJianDemo.vue'; |
||||
import HeZuoDanWeiDemo from '../xiangmushu/HeZuoDanWeiDemo.vue'; |
||||
import ZhuYaoRenYuanDemo from '../xiangmushu/ZhuYaoRenYuanDemo.vue'; |
||||
import ZhengWenDemo from '../xiangmushu/ZhengWenDemo.vue'; |
||||
import XiangMuHeZuoKaiFaDemo from '../xiangmushu/XiangMuHeZuoKaiFaDemo.vue'; |
||||
import JeecgPdfView from '../xiangmushu/JeecgPdfView.vue'; |
||||
import FuJianDemo from '../xiangmushu/FuJianDemo.vue'; |
||||
import { useRouter } from 'vue-router'; |
||||
|
||||
export default defineComponent({ |
||||
name: 'comp-jeecg-basic', |
||||
setup() { |
||||
const route = useRouter(); |
||||
const projectId = ref(route.currentRoute.value.query); |
||||
const activeKey = ref('TianBaoShuMingDemo'); |
||||
const currentComponent = computed(() => { |
||||
const componentType = { |
||||
FengMianDemo: FengMianDemo, |
||||
TianBaoShuMingDemo: TianBaoShuMingDemo, |
||||
JiBenXinXiDemo: JiBenXinXiDemo, |
||||
ZhengWenDemo: ZhengWenDemo, |
||||
XiangMuHeZuoKaiFaDemo: XiangMuHeZuoKaiFaDemo, |
||||
XiangMuJiXiaoMuBiaoDemo: XiangMuJiXiaoMuBiaoDemo, |
||||
YiJianDemo: YiJianDemo, |
||||
HeZuoDanWeiDemo: HeZuoDanWeiDemo, |
||||
ZhuYaoRenYuanDemo: ZhuYaoRenYuanDemo, |
||||
JeecgPdfView: JeecgPdfView, |
||||
FuJianDemo: FuJianDemo, |
||||
}; |
||||
return componentType[activeKey.value]; |
||||
}); |
||||
|
||||
//使用component动态切换tab |
||||
function tabChange(key) { |
||||
activeKey.value = key; |
||||
// alert("activeKey.value-"+activeKey.value) |
||||
} |
||||
|
||||
/*function goBack() { |
||||
// back(); |
||||
alert("获取路由:"+JSON.stringify(projectId)); |
||||
// console.log("获取路由:"+JSON.stringify(route.currentRoute.value.query)); |
||||
// route.back(); |
||||
}*/ |
||||
return { |
||||
activeKey, |
||||
currentComponent, |
||||
tabChange, |
||||
// goBack, |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.button-container { |
||||
text-align: center; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,865 @@ |
||||
import { FormSchema, JCronValidator } from '/@/components/Form'; |
||||
import { usePermission } from '/@/hooks/web/usePermission'; |
||||
|
||||
const { isDisabledAuth } = usePermission(); |
||||
export const schemas: FormSchema[] = [ |
||||
{ |
||||
field: 'jdst', |
||||
component: 'JDictSelectTag', |
||||
label: '性别下拉', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { |
||||
dictCode: 'sex', |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'jdst', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'jdst1', |
||||
component: 'JDictSelectTag', |
||||
label: '性别选择', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { |
||||
dictCode: 'sex', |
||||
type: 'radioButton', |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'jdst1', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'jdst2', |
||||
component: 'JDictSelectTag', |
||||
label: '字典表下拉', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { |
||||
dictCode: 'sys_user,realname,id', |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'jdst2', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'jdst3', |
||||
component: 'JDictSelectTag', |
||||
label: '字典表下拉(带条件)', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { |
||||
dictCode: "sys_user,realname,id,username!='admin' order by create_time", |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'jdst3', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'jsst', |
||||
component: 'JSearchSelect', |
||||
label: '字典搜索(同步)', |
||||
colProps: { span: 12 }, |
||||
componentProps: { |
||||
//dict: "sys_depart,depart_name,id", |
||||
dictOptions: [ |
||||
{ |
||||
text: '选项一', |
||||
value: '1', |
||||
}, |
||||
{ |
||||
text: '选项二', |
||||
value: '2', |
||||
}, |
||||
{ |
||||
text: '选项三', |
||||
value: '3', |
||||
}, |
||||
], |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'jsst', |
||||
component: 'JEllipsis', |
||||
label: '选择值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'jsst2', |
||||
component: 'JSearchSelect', |
||||
label: '字典搜索(异步)', |
||||
colProps: { span: 12 }, |
||||
componentProps: { |
||||
dict: 'sys_depart,depart_name,id', |
||||
pageSize: 6, |
||||
async: true, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'jsst2', |
||||
component: 'JEllipsis', |
||||
label: '选择值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'xldx', |
||||
component: 'JDictSelectTag', |
||||
label: '字典下拉多选', |
||||
colProps: { span: 12 }, |
||||
componentProps: { |
||||
dictCode: 'sex', |
||||
mode: 'multiple', |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'xldx', |
||||
component: 'JEllipsis', |
||||
label: '选择值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'xldx2', |
||||
component: 'JSelectMultiple', |
||||
label: '字典下拉多选2', |
||||
colProps: { span: 12 }, |
||||
componentProps: { |
||||
dictCode: 'sex', |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'xldx2', |
||||
component: 'JEllipsis', |
||||
label: '选择值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'dxxlk', |
||||
component: 'JDictSelectTag', |
||||
label: '字典下拉单选', |
||||
colProps: { span: 12 }, |
||||
componentProps: { |
||||
dictCode: 'sex', |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'dxxlk', |
||||
component: 'JEllipsis', |
||||
label: '选择值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
label: '可输入下拉', |
||||
field: 'selectInput', |
||||
component: 'JSelectInput', |
||||
componentProps: { |
||||
options: [ |
||||
{ label: '选项一', value: '1' }, |
||||
{ label: '选项二', value: '2' }, |
||||
{ label: '选项三', value: '3' }, |
||||
], |
||||
}, |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'selectInput', |
||||
component: 'JEllipsis', |
||||
label: '选择值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'depart3', |
||||
component: 'JSelectDept', |
||||
label: '选择部门—自定义值', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { showButton: false, rowKey: 'orgCode', primaryKey: 'orgCode' }, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'depart3', |
||||
component: 'JEllipsis', |
||||
label: '选中部门', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'depart2', |
||||
component: 'JSelectDept', |
||||
label: '选择部门', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { showButton: false }, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'depart2', |
||||
component: 'JEllipsis', |
||||
label: '选中部门', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'user2', |
||||
component: 'JSelectUser', |
||||
label: '用户选择组件', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { |
||||
labelKey: 'realname', |
||||
rowKey: 'id', |
||||
showSelected: true, |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'user2', |
||||
component: 'JEllipsis', |
||||
label: '选中用户', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'user3', |
||||
component: 'JSelectUserByDept', |
||||
label: '部门选择用户', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { |
||||
labelKey: 'realname', |
||||
rowKey: 'username', |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'user3', |
||||
component: 'JEllipsis', |
||||
label: '选中用户', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'role2', |
||||
component: 'JSelectRole', |
||||
label: '角色选择组件', |
||||
helpMessage: ['component模式'], |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'role2', |
||||
component: 'JEllipsis', |
||||
label: '选中角色', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'position2', |
||||
component: 'JSelectPosition', |
||||
label: '职务选择组件', |
||||
helpMessage: ['component模式'], |
||||
colProps: { span: 12 }, |
||||
componentProps: { async: true, showSelectTable: true }, |
||||
}, |
||||
{ |
||||
field: 'position2', |
||||
component: 'JEllipsis', |
||||
label: '选中职务', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'checkbox1', |
||||
component: 'JCheckbox', |
||||
label: 'JCheckbox组件1', |
||||
helpMessage: ['component模式'], |
||||
defaultValue: '1,2', |
||||
componentProps: { |
||||
options: [ |
||||
{ label: '男', value: '1' }, |
||||
{ label: '女', value: '2' }, |
||||
], |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'checkbox1', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'checkbox2', |
||||
component: 'Input', |
||||
label: 'JCheckbox组件2', |
||||
defaultValue: '1', |
||||
helpMessage: ['插槽模式'], |
||||
slot: 'JCheckbox', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'checkbox2', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'data1', |
||||
label: '日期选择', |
||||
component: 'DatePicker', |
||||
componentProps: { |
||||
showTime: true, |
||||
valueFormat: 'YYYY-MM-DD HH:mm:ss', |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'data1', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'data2', |
||||
label: '年份范围选择', |
||||
component: 'RangePicker', |
||||
componentProps: { |
||||
picker: 'year', |
||||
valueFormat: 'YYYY', |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'data2', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'hk', |
||||
component: 'Input', |
||||
label: '滑块验证码', |
||||
helpMessage: ['插槽模式'], |
||||
slot: 'dargVerify', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'hk', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'JTreeDict', |
||||
component: 'JTreeDict', |
||||
label: '树字典', |
||||
helpMessage: ['component模式'], |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'JTreeDict', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'ts', |
||||
component: 'JTreeSelect', |
||||
label: '下拉树选择', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { |
||||
dict: 'sys_permission,name,id', |
||||
pidField: 'parent_id', |
||||
hasChildField: 'is_leaf', |
||||
converIsLeafVal: 0, |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'ts', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'ts1', |
||||
component: 'JTreeSelect', |
||||
label: '下拉树多选', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { |
||||
dict: 'sys_permission,name,id', |
||||
pidField: 'parent_id', |
||||
hasChildField: 'is_leaf', |
||||
converIsLeafVal: 0, |
||||
multiple: true, |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'ts1', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'category', |
||||
component: 'JCategorySelect', |
||||
label: '分类字典树', |
||||
helpMessage: ['component模式'], |
||||
defaultValue: '', |
||||
componentProps: { |
||||
pcode: 'B01', |
||||
multiple: true, |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'category', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'JEasyCron', |
||||
component: 'JEasyCron', |
||||
label: 'JEasyCron', |
||||
helpMessage: ['component模式'], |
||||
colProps: { span: 12 }, |
||||
defaultValue: '* * * * * ? *', |
||||
rules: [{ validator: JCronValidator }], |
||||
}, |
||||
{ |
||||
field: 'JEasyCron', |
||||
component: 'JEllipsis', |
||||
label: '选择值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'JInput', |
||||
component: 'JInput', |
||||
label: '特殊查询组件', |
||||
helpMessage: ['插槽模式'], |
||||
slot: 'JInput', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'jinputtype', |
||||
component: 'Select', |
||||
label: '查询类型', |
||||
componentProps: { |
||||
options: [ |
||||
{ value: 'like', label: '模糊（like）' }, |
||||
{ value: 'ne', label: '不等于（ne）' }, |
||||
{ value: 'ge', label: '大于等于（ge）' }, |
||||
{ value: 'le', label: '小于等于（le)' }, |
||||
], |
||||
}, |
||||
colProps: { |
||||
span: 6, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'JInput', |
||||
component: 'JEllipsis', |
||||
label: '输入值', |
||||
colProps: { span: 6 }, |
||||
}, |
||||
{ |
||||
field: 'field1', |
||||
component: 'Select', |
||||
label: '省市区选择', |
||||
helpMessage: ['插槽模式'], |
||||
slot: 'jAreaLinkage', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
defaultValue: ['130000', '130200'], |
||||
}, |
||||
{ |
||||
field: 'field1', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'field0', |
||||
component: 'Select', |
||||
label: '禁用组件(方式一)', |
||||
helpMessage: ['插槽模式'], |
||||
slot: 'jAreaLinkage1', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
defaultValue: ['130000', '130200'], |
||||
}, |
||||
|
||||
{ |
||||
field: 'field0', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'field2', |
||||
component: 'JAreaLinkage', |
||||
label: '禁用组件(方式二)', |
||||
helpMessage: ['component模式'], |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
dynamicDisabled: ({ values }) => { |
||||
console.log(values); |
||||
return isDisabledAuth(['demo.dbarray']); |
||||
}, |
||||
defaultValue: ['140000', '140300', '140302'], |
||||
}, |
||||
{ |
||||
field: 'field2', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'pca1', |
||||
component: 'JAreaSelect', |
||||
label: '省市区级联', |
||||
helpMessage: ['component模式'], |
||||
defaultValue: '140302', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'pca1', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'pop1', |
||||
component: 'Input', |
||||
label: 'JPopup示例', |
||||
helpMessage: ['插槽模式'], |
||||
slot: 'JPopup', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'pop1', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'JInputPop', |
||||
component: 'JInputPop', |
||||
label: 'JInputPop', |
||||
helpMessage: ['component模式'], |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'JInputPop', |
||||
component: 'JEllipsis', |
||||
label: '输入值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'JTreeDictAsync', |
||||
component: 'JTreeDict', |
||||
label: '异步JTreeDict', |
||||
helpMessage: ['component模式'], |
||||
colProps: { span: 12 }, |
||||
componentProps: { async: true }, |
||||
}, |
||||
{ |
||||
field: 'JTreeDictAsync', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'JSwitch', |
||||
component: 'JSwitch', |
||||
label: 'JSwitch', |
||||
helpMessage: ['component模式'], |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'JSwitch', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'JSwitchSelect', |
||||
component: 'JSwitch', |
||||
label: 'JSwitchSelect', |
||||
helpMessage: ['component模式'], |
||||
colProps: { span: 12 }, |
||||
componentProps: { query: true }, |
||||
}, |
||||
{ |
||||
field: 'JSwitchSelect', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
|
||||
{ |
||||
field: 'userSelect2', |
||||
component: 'UserSelect', |
||||
label: '高级用户选择', |
||||
helpMessage: ['component模式'], |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'userSelect2', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
|
||||
{ |
||||
field: 'superQuery', |
||||
component: 'Input', |
||||
label: '高级查询', |
||||
helpMessage: ['插槽模式'], |
||||
slot: 'superQuery', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'superQuery', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'superQuery1', |
||||
component: 'Input', |
||||
label: '高级查询', |
||||
helpMessage: ['插槽模式-自己保存查询条件'], |
||||
slot: 'superQuery1', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'superQuery1', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'pop2', |
||||
component: 'JPopupDict', |
||||
label: 'JPopupDict示例', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
componentProps:{ |
||||
placeholder: '请选择', |
||||
dictCode: 'report_user,username,id', |
||||
multi: true, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'pop2', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'sex', |
||||
component: 'JDictSelectTag', |
||||
label: '性别(控制下方课程options)', |
||||
helpMessage: ['component模式','性别不同，下方课程展示选项不同'], |
||||
componentProps: { |
||||
dictCode: 'sex', |
||||
type: 'radioButton', |
||||
onChange: (value) => { |
||||
console.log(value); |
||||
}, |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'sex', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'course', |
||||
component: 'Select', |
||||
label: '课程', |
||||
dynamicPropskey: 'options', |
||||
dynamicPropsVal: ({ model }) => { |
||||
let options; |
||||
if (model.sex == 1) { |
||||
return [ |
||||
{ value: '0', label: 'java - 男' }, |
||||
{ value: '1', label: 'vue - 男' }, |
||||
]; |
||||
} else if (model.sex == 2) { |
||||
return [ |
||||
{ value: '2', label: '瑜伽 - 女' }, |
||||
{ value: '3', label: '美甲 - 女' }, |
||||
]; |
||||
} else { |
||||
return []; |
||||
} |
||||
}, |
||||
componentProps: { |
||||
disabled: false, |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'course', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'field100', |
||||
component: 'JInputSelect', |
||||
label: 'JInputSelect', |
||||
helpMessage: ['component模式'], |
||||
componentProps: { |
||||
selectPlaceholder: '可选择系统变量', |
||||
inputPlaceholder: '请输入', |
||||
selectWidth:'200px', |
||||
options: [ |
||||
{ |
||||
label: '登录用户账号', |
||||
value: '#{sys_user_code}', |
||||
}, |
||||
{ |
||||
label: '登录用户名称', |
||||
value: '#{sys_user_name}', |
||||
}, |
||||
{ |
||||
label: '当前日期', |
||||
value: '#{sys_date}', |
||||
}, |
||||
{ |
||||
label: '当前时间', |
||||
value: '#{sys_time}', |
||||
}, |
||||
{ |
||||
label: '登录用户部门', |
||||
value: '#{sys_org_code}', |
||||
}, |
||||
{ |
||||
label: '用户拥有部门', |
||||
value: '#{sys_multi_org_code}', |
||||
}, |
||||
{ |
||||
label: '登录用户租户', |
||||
value: '#{tenant_id}', |
||||
}, |
||||
], |
||||
}, |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'field100', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
{ |
||||
field: 'JAreaLinkage', |
||||
component: 'JAreaLinkage', |
||||
label: '省市区选择', |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'JAreaLinkage', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
|
||||
{ |
||||
field: 'orderAuth', |
||||
component: 'Input', |
||||
label: '指令权限', |
||||
helpMessage: ['有权限右侧的"选中值"可见，否则不可见'], |
||||
colProps: { |
||||
span: 12, |
||||
}, |
||||
}, |
||||
{ |
||||
field: 'orderAuth', |
||||
auth: 'demo:order:auth', |
||||
component: 'JEllipsis', |
||||
label: '选中值', |
||||
colProps: { span: 12 }, |
||||
}, |
||||
|
||||
]; |
||||
Loading…
Reference in new issue