ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update 数据集

Browse Source
qianlishi 3 years ago
parent 24b014a867
commit 806b6b40be
1 changed files with 149 additions and 112 deletions
Show Stats Download Patch File Download Diff File

261
report-ui/src/views/report/resultset/index.vue
Unescape Escape View File

@ -1,25 +1,48 @@
<template> <template>
<anji-crud ref="listPage" :option="crudOption"> <anji-crud ref="listPage" :option="crudOption">
<template v-slot:buttonLeftOnTable> <template v-slot:buttonLeftOnTable>
<el-button type="primary" icon="el-icon-plus" @click="operateDataset('add')" <el-button
v-permission="'resultsetManage:insert'">新增 type="primary"
icon="el-icon-plus"
@click="operateDataset('add')"
v-permission="'resultsetManage:insert'"
>新增
</el-button> </el-button>
</template> </template>
<template slot="rowButton" slot-scope="props"> <template slot="edit" slot-scope="props">
<el-button type="text" @click="dataView(props)" v-permission="'resultsetManage:query'">数据预览 <el-button
type="text"
@click="operateDataset('edit', props)"
v-permission="'resultsetManage:update'"
>编辑
</el-button> </el-button>
<el-button type="text" @click="operateDataset('edit',props)" v-permission="'resultsetManage:update'">编辑 </template>
<template slot="rowButton" slot-scope="props">
<el-button
type="text"
@click="dataView(props)"
v-permission="'resultsetManage:query'"
>数据预览
</el-button> </el-button>
</template> </template>
<!--自定义的卡片插槽，将在编辑详情页面，出现在底部新卡片--> <!--自定义的卡片插槽，将在编辑详情页面，出现在底部新卡片-->
<!--这里可以将自定义的弹出框代码，放入到page中 <!--这里可以将自定义的弹出框代码，放入到page中
--> -->
<template v-slot:pageSection> <template v-slot:pageSection>
<EditDataSet ref="EditDataSet" :dataSet="dataSet" :visib="dialogVisibleSetDataSet" <EditDataSet
@handleClose="dialogVisibleSetDataSet = false" @refreshList="refreshList"/> ref="EditDataSet"
<DataView ref="DataView" :visib="dialogCaseResult" :dataSet="dataSet"
@handleClose="dialogCaseResult = false"/> :visib="dialogVisibleSetDataSet"
@handleClose="dialogVisibleSetDataSet = false"
@refreshList="refreshList"
/>
<DataView
ref="DataView"
:visib="dialogCaseResult"
@handleClose="dialogCaseResult = false"
/>
</template> </template>
</anji-crud> </anji-crud>
</template> </template>
@ -30,12 +53,12 @@ import {
reportDataSetDeleteBatch, reportDataSetDeleteBatch,
reportDataSetUpdate, reportDataSetUpdate,
reportDataSetDetail reportDataSetDetail
} from '@/api/reportDataSet' } from "@/api/reportDataSet";
import EditDataSet from '@/views/report/resultset/components/EditDataSet' import EditDataSet from "@/views/report/resultset/components/EditDataSet";
import DataView from '@/views/report/resultset/components/DataView' import DataView from "@/views/report/resultset/components/DataView";
export default { export default {
name: 'ReportDataSet', name: "ReportDataSet",
components: { components: {
EditDataSet: EditDataSet, EditDataSet: EditDataSet,
DataView: DataView DataView: DataView
@ -47,188 +70,202 @@ export default {
dialogCaseResult: false, dialogCaseResult: false,
crudOption: { crudOption: {
// 使用菜单做为页面标题 // 使用菜单做为页面标题
title: '数据集', title: "数据集",
// 详情页中输入框左边文字宽度 // 详情页中输入框左边文字宽度
labelWidth: '120px', labelWidth: "120px",
// 查询表单条件 // 查询表单条件
queryFormFields: [ queryFormFields: [
{ {
inputType: 'input', inputType: "input",
label: '数据集编码', label: "数据集编码",
field: 'setCode' field: "setCode"
}, },
{ {
inputType: 'input', inputType: "input",
label: '数据集名称', label: "数据集名称",
field: 'setName' field: "setName"
}, },
{ {
inputType: 'anji-select', //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange inputType: "anji-select", //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange
anjiSelectOption: { anjiSelectOption: {
url: '/dataSource/queryAllDataSource', url: "/dataSource/queryAllDataSource",
label: 'sourceName', label: "sourceName",
option: 'sourceCode', option: "sourceCode",
mergeLabel: true, mergeLabel: true
}, },
label: '数据源', label: "数据源",
field: 'sourceCode' field: "sourceCode"
}, }
], ],
// 操作按钮 // 操作按钮
buttons: { buttons: {
customButton: {
operationWidth: 150
},
query: { query: {
api: reportDataSetList, api: reportDataSetList,
permission: 'resultsetManage:query', permission: "resultsetManage:query",
sort: 'update_time', sort: "update_time",
order: 'DESC' order: "DESC"
}, },
queryByPrimarykey: { queryByPrimarykey: {
api: reportDataSetDetail, api: reportDataSetDetail,
permission: 'resultsetManage:detail', permission: "resultsetManage:detail"
}, },
add: { add: {
api: reportDataSetAdd, api: reportDataSetAdd,
permission: 'resultsetManage:insert', permission: "resultsetManage:insert",
isShow: false isShow: false
}, },
delete: { delete: {
api: reportDataSetDeleteBatch, api: reportDataSetDeleteBatch,
permission: 'resultsetManage:delete' permission: "resultsetManage:delete"
}, },
edit: { edit: {
api: reportDataSetUpdate, api: reportDataSetUpdate,
permission: 'resultsetManage:update', permission: "resultsetManage:update",
isShow: false isShow: false
}, }
}, },
// 表格列 // 表格列
columns: [ columns: [
{ {
label: '', label: "",
field: 'id', field: "id",
primaryKey: true, // 根据主键查询详情或者根据主键删除时, 主键的 primaryKey: true, // 根据主键查询详情或者根据主键删除时, 主键的
tableHide: true, // 表格中不显示 tableHide: true, // 表格中不显示
editHide: true, // 编辑弹框中不显示 editHide: true // 编辑弹框中不显示
}, },
{ {
label: '数据集编码',//数据集编码 label: "数据集编码", //数据集编码
placeholder: '', placeholder: "",
field: 'setCode', field: "setCode",
editField: 'setCode', editField: "setCode",
inputType: 'input', inputType: "input",
rules: [ rules: [
{min: 1, max: 50, message: '不超过50个字符', trigger: 'blur'} { min: 1, max: 50, message: "不超过50个字符", trigger: "blur" }
], ],
disabled: false, disabled: false
}, },
{ {
label: '数据集名称',//数据集名称 label: "数据集名称", //数据集名称
placeholder: '', placeholder: "",
field: 'setName', field: "setName",
editField: 'setName', editField: "setName",
inputType: 'input', inputType: "input",
rules: [ rules: [
{min: 1, max: 100, message: '不超过100个字符', trigger: 'blur'} { min: 1, max: 100, message: "不超过100个字符", trigger: "blur" }
], ],
disabled: false, disabled: false
}, },
{ {
label: '描述',//数据集描述 label: "描述", //数据集描述
placeholder: '', placeholder: "",
field: 'setDesc', field: "setDesc",
editField: 'setDesc', editField: "setDesc",
inputType: 'input', inputType: "input",
rules: [ rules: [
{min: 1, max: 255, message: '不超过255个字符', trigger: 'blur'} { min: 1, max: 255, message: "不超过255个字符", trigger: "blur" }
], ],
disabled: false, disabled: false
}, },
{ {
label: '数据源编码',//数据源编码 label: "数据源编码", //数据源编码
placeholder: '', placeholder: "",
field: 'sourceCode', field: "sourceCode",
editField: 'sourceCode', editField: "sourceCode",
inputType: 'input', inputType: "input",
rules: [ rules: [
{min: 1, max: 50, message: '不超过50个字符', trigger: 'blur'} { min: 1, max: 50, message: "不超过50个字符", trigger: "blur" }
], ],
disabled: false, disabled: false
}, },
{ {
label: '动态查询sql或者接口中的请求体',//动态查询sql或者接口中的请求体 label: "动态查询sql或者接口中的请求体", //动态查询sql或者接口中的请求体
placeholder: '', placeholder: "",
field: 'dynSentence', field: "dynSentence",
editField: 'dynSentence', editField: "dynSentence",
tableHide: true, tableHide: true,
inputType: 'input', inputType: "input",
rules: [ rules: [
{min: 1, max: 2048, message: '不超过2048个字符', trigger: 'blur'} {
min: 1,
max: 2048,
message: "不超过2048个字符",
trigger: "blur"
}
], ],
disabled: false, disabled: false
}, },
{ {
label: '结果案例',//结果案例 label: "结果案例", //结果案例
placeholder: '', placeholder: "",
field: 'caseResult', field: "caseResult",
tableHide: true, tableHide: true,
editField: 'caseResult', editField: "caseResult",
inputType: 'input', inputType: "input",
rules: [ rules: [
{min: 1, max: 65535, message: '不超过65535个字符', trigger: 'blur'} {
min: 1,
max: 65535,
message: "不超过65535个字符",
trigger: "blur"
}
], ],
disabled: false, disabled: false
}, },
{ {
label: '状态',//0--已禁用 1--已启用 DIC_NAME=ENABLE_FLAG label: "状态", //0--已禁用 1--已启用 DIC_NAME=ENABLE_FLAG
placeholder: '', placeholder: "",
field: 'enableFlag', field: "enableFlag",
fieldTableRowRenderer: (row) => { fieldTableRowRenderer: row => {
return this.getDictLabelByCode('ENABLE_FLAG', row['enableFlag']) return this.getDictLabelByCode("ENABLE_FLAG", row["enableFlag"]);
}, },
colorStyle: { colorStyle: {
0: 'table-danger', //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：'' 0: "table-danger", //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：''
1: 'table-success', 1: "table-success"
}, },
editField: 'enableFlag', editField: "enableFlag",
inputType: 'input', inputType: "input",
rules: [], rules: [],
disabled: false, disabled: false
}, },
{ {
label: '删除标记',//0--未删除 1--已删除 DIC_NAME=DELETE_FLAG label: "删除标记", //0--未删除 1--已删除 DIC_NAME=DELETE_FLAG
placeholder: '', placeholder: "",
field: 'deleteFlag', field: "deleteFlag",
editField: 'deleteFlag', editField: "deleteFlag",
tableHide: true, tableHide: true,
inputType: 'input', inputType: "input",
rules: [], rules: [],
disabled: false, disabled: false
}, }
], ]
}, }
} };
}, },
created() { created() {},
},
methods: { methods: {
operateDataset(type, prop) { operateDataset(type, prop) {
this.dialogVisibleSetDataSet = true this.dialogVisibleSetDataSet = true;
if (prop) { if (prop) {
this.dataSet = prop.msg; this.dataSet = prop.msg;
} else { } else {
this.dataSet = {} this.dataSet = {};
} }
this.$refs.EditDataSet.addOrEditDataSet(this.dataSet) this.$refs.EditDataSet.addOrEditDataSet(this.dataSet);
}, },
refreshList() { refreshList() {
this.$refs.listPage.handleQueryForm('query') this.$refs.listPage.handleQueryForm("query");
}, },
dataView(prop){ dataView(prop) {
this.dialogCaseResult = true; this.dialogCaseResult = true;
this.$refs.DataView.dataViewPreview(prop.msg.setName, JSON.parse(prop.msg.caseResult)); this.$refs.DataView.dataViewPreview(
prop.msg.setName,
JSON.parse(prop.msg.caseResult)
);
} }
} }
} };
</script> </script>

Write Preview
Loading…
Cancel
Save