-
+
-
+
-
+
-
-
-
+
+
+
-
+
-
+
-
+
-
+
-
+
-
新增
+
新增
-
@@ -201,7 +428,14 @@
-
+
@@ -215,22 +449,46 @@
保存
-
+
-
-
+
+
@@ -245,319 +503,319 @@ import {
addDataSet,
editDataSet,
deleteDataSet,
- dataSetPageList,
-} from '@/api/report'
-import Dictionary from '@/components/Dictionary/index'
-import { codemirror } from 'vue-codemirror' // 引入codeMirror全局实例
-import 'codemirror/mode/sql/sql.js'
-import 'codemirror/mode/javascript/javascript.js'
-import 'codemirror/lib/codemirror.css' // 核心样式
-import 'codemirror/theme/cobalt.css' // 引入主题后还需要在 options 中指定主题才会生效
-import vueJsonEditor from 'vue-json-editor'
+ dataSetPageList
+} from "@/api/report";
+import Dictionary from "@/components/Dictionary/index";
+import { codemirror } from "vue-codemirror"; // 引入codeMirror全局实例
+import "codemirror/mode/sql/sql.js";
+import "codemirror/mode/javascript/javascript.js";
+import "codemirror/lib/codemirror.css"; // 核心样式
+import "codemirror/theme/cobalt.css"; // 引入主题后还需要在 options 中指定主题才会生效
+import vueJsonEditor from "vue-json-editor";
export default {
- name: 'Support',
+ name: "Support",
components: { Dictionary, codemirror, vueJsonEditor },
- dicts: ['pricing_method'],
+ dicts: ["pricing_method"],
data() {
return {
data: [],
listLoading: true,
permission: {
- add: ['admin', 'alipayConfig:add'],
- edit: ['admin', 'alipayConfig:edit'],
- del: ['admin', 'datasource:del'],
+ add: ["admin", "alipayConfig:add"],
+ edit: ["admin", "alipayConfig:edit"],
+ del: ["admin", "datasource:del"]
},
// 内部真实的内容
- code: '',
+ code: "",
// 默认配置
optionsSql: {
- mode: 'text/x-sql',
+ mode: "text/x-sql",
tabSize: 2, // 缩进格式
// theme: 'cobalt', // monokai主题，对应主题库 JS 需要提前引入
lineNumbers: true, // 显示行号
line: true,
styleActiveLine: true, // 高亮选中行
hintOptions: {
- completeSingle: true, // 当匹配只有一项的时候是否自动补全
- },
+ completeSingle: true // 当匹配只有一项的时候是否自动补全
+ }
},
optionsJavascript: {
- mode: 'text/javascript',
+ mode: "text/javascript",
tabSize: 2, // 缩进格式
// theme: 'cobalt', // monokai主题，对应主题库 JS 需要提前引入
lineNumbers: true, // 显示行号
line: true,
styleActiveLine: true, // 高亮选中行
hintOptions: {
- completeSingle: true, // 当匹配只有一项的时候是否自动补全
- },
+ completeSingle: true // 当匹配只有一项的时候是否自动补全
+ }
},
selectedList: [],
- clickType: '',
+ clickType: "",
formData: {},
// 弹框默认隐藏
dialogFormVisible: false,
- dialogFormVisibleTitle: '',
+ dialogFormVisibleTitle: "",
dialogPermissionVisible: false,
dialogSwitchVisible: false,
- permissionTextarea: '',
- isItemFilterType: '', // 选中的转换类型id
+ permissionTextarea: "",
+ isItemFilterType: "", // 选中的转换类型id
itemFilterList: [
{
- transformType: 'js',
+ transformType: "js",
transformScript: `function dataTransform(data){
//自定义脚本内容
return data;
- }`,
- },
+ }`
+ }
],
transformScript: `function dataTransform(data){
//自定义脚本内容
return data;
}`,
- itemFilterScriptId: '',
- title: '自定义高级规则',
+ itemFilterScriptId: "",
+ title: "自定义高级规则",
totalCount: 0,
totalPage: 0,
params: {
pageNumber: 1,
pageSize: 10,
- helpTitle: '',
+ helpTitle: "",
enabled: null,
- helpCategory: '',
- order: 'DESC',
- sort: 'update_time',
+ helpCategory: "",
+ order: "DESC",
+ sort: "update_time"
},
formRules: {
setName: [
- { required: true, message: '数据集名称必填', trigger: 'blur' },
+ { required: true, message: "数据集名称必填", trigger: "blur" }
],
setCode: [
- { required: true, message: '数据集编码必填', trigger: 'blur' },
+ { required: true, message: "数据集编码必填", trigger: "blur" }
],
sourceCode: [
- { required: true, message: '数据源必选', trigger: 'change' },
- ],
+ { required: true, message: "数据源必选", trigger: "change" }
+ ]
},
sourceList: [],
- validationRules: '',
- tabsActiveName: 'first',
+ validationRules: "",
+ tabsActiveName: "first",
cols: [],
tableData: [
{
- paramName: '',
- paramDesc: '',
- paramType: '',
- sampleItem: '',
+ paramName: "",
+ paramDesc: "",
+ paramType: "",
+ sampleItem: "",
mandatory: true,
requiredFlag: 1,
validationRules: `function verification(data){
//自定义脚本内容
return true;
- }`,
- },
+ }`
+ }
],
isRowData: {},
tableData2: [],
- dialogTitle: 'js脚本填写',
+ dialogTitle: "js脚本填写",
isShowPagination: false,
updataDisabled: false,
dialogCaseResult: false,
- caseResultTitle: '',
+ caseResultTitle: "",
caseResultContent: null,
testMassageCode: null,
query: {
- setName: '',
- setCode: '',
- },
- }
+ setName: "",
+ setCode: ""
+ }
+ };
},
watch: {},
// 在生命周期 beforeCreate里面改变this指向
- beforeCreate: function () {},
+ beforeCreate: function() {},
mounted() {
- this.queryByPage()
+ this.queryByPage();
},
created() {
- this.getAllDataSourceSet()
+ this.getAllDataSourceSet();
},
methods: {
// 查询
search() {
- this.params.pageNumber = 1
- this.queryByPage()
+ this.params.pageNumber = 1;
+ this.queryByPage();
},
// 重置
reset(formName) {
// this.$refs[formName].resetFields()
- this.query.setName = ''
- this.query.setCode = ''
- this.params.pageNumber = 1
- this.queryByPage()
+ this.query.setName = "";
+ this.query.setCode = "";
+ this.params.pageNumber = 1;
+ this.queryByPage();
},
async queryByPage() {
let params = {
page: this.params.pageNumber,
size: this.params.pageSize,
- sort: 'update_time',
- order: 'DESC',
+ sort: "update_time",
+ order: "DESC",
pageNumber: this.params.pageNumber,
- pageSize: this.params.pageSize,
- }
- const res = await dataSetPageList(params)
- if (res.code != '200') return
- this.listLoading = true
- this.data = res.data.records
- this.totalCount = res.data.total
- this.totalPage = res.data.pages
- this.listLoading = false
+ pageSize: this.params.pageSize
+ };
+ const res = await dataSetPageList(params);
+ if (res.code != "200") return;
+ this.listLoading = true;
+ this.data = res.data.records;
+ this.totalCount = res.data.total;
+ this.totalPage = res.data.pages;
+ this.listLoading = false;
},
handleSizeChange(val) {
- this.params.pageSize = val
- this.queryByPage()
+ this.params.pageSize = val;
+ this.queryByPage();
},
handleCurrentChange(val) {
- this.params.pageNumber = val
- this.queryByPage()
+ this.params.pageNumber = val;
+ this.queryByPage();
},
onJsonChange(value) {},
onJsonSave(value) {},
handleClose(done) {
- this.dialogFormVisible = false
+ this.dialogFormVisible = false;
},
isShowCaseResult(item) {
- this.dialogCaseResult = true
- this.caseResultTitle = item.setName
- this.caseResultContent = JSON.parse(item.caseResult)
+ this.dialogCaseResult = true;
+ this.caseResultTitle = item.setName;
+ this.caseResultContent = JSON.parse(item.caseResult);
},
delect(row) {
- this.$confirm('确定删除?', '提示', {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'warning',
+ this.$confirm("确定删除?", "提示", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning"
})
.then(async () => {
- this.$emit('deletelayer')
- this.visible = false
- const { code, data } = await deleteDataSet(row)
- if (code != '200') return
- this.queryByPage()
+ this.$emit("deletelayer");
+ this.visible = false;
+ const { code, data } = await deleteDataSet(row);
+ if (code != "200") return;
+ this.queryByPage();
this.$message({
- type: 'success',
- message: '删除成功!',
- })
+ type: "success",
+ message: "删除成功!"
+ });
})
.catch(() => {
this.$message({
- type: 'info',
- message: '已取消删除',
- })
- })
+ type: "info",
+ message: "已取消删除"
+ });
+ });
},
// 编辑数据集,获取单条数据详情
addOrEditDataSet(row) {
- this.dialogFormVisible = true
- this.tabsActiveName = 'first'
- this.testMassageCode = null
+ this.dialogFormVisible = true;
+ this.tabsActiveName = "first";
+ this.testMassageCode = null;
if (row != null) {
- this.updataDisabled = true
- this.dialogFormVisibleTitle = '编辑数据集'
- dataSetPreview(row).then((data) => {
- this.formData = data.data
+ this.updataDisabled = true;
+ this.dialogFormVisibleTitle = "编辑数据集";
+ dataSetPreview(row).then(data => {
+ this.formData = data.data;
if (
data.data.dataSetParamDtoList != null ||
data.data.dataSetParamDtoList.length > 0
) {
- this.tableData = data.data.dataSetParamDtoList
- var count = 0
+ this.tableData = data.data.dataSetParamDtoList;
+ var count = 0;
this.tableData.find((value, i) => {
if (
- value.paramName === 'pageNumber' ||
- value.paramName === 'pageSize'
+ value.paramName === "pageNumber" ||
+ value.paramName === "pageSize"
) {
- count++
+ count++;
}
if (value.requiredFlag == 1) {
- this.tableData[i].mandatory = true
+ this.tableData[i].mandatory = true;
} else {
- this.tableData[i].mandatory = false
+ this.tableData[i].mandatory = false;
}
- })
+ });
if (count === 2) {
- this.isShowPagination = true
+ this.isShowPagination = true;
} else {
- this.isShowPagination = false
+ this.isShowPagination = false;
}
} else {
- this.tableData = []
- this.isShowPagination = false
+ this.tableData = [];
+ this.isShowPagination = false;
}
if (data.data.dataSetTransformDtoList !== null) {
- this.itemFilterList = data.data.dataSetTransformDtoList
+ this.itemFilterList = data.data.dataSetTransformDtoList;
} else {
- this.itemFilterList = []
+ this.itemFilterList = [];
}
this.itemFilterList.forEach((item, i) => {
- if (item.transformType == 'dict') {
- const extendObj = JSON.parse(item.transformScript)
- const extendArry = []
+ if (item.transformType == "dict") {
+ const extendObj = JSON.parse(item.transformScript);
+ const extendArry = [];
for (const i in extendObj) {
- const children = []
+ const children = [];
for (const y in extendObj[i]) {
- children.push({ name: y, value: extendObj[i][y] })
+ children.push({ name: y, value: extendObj[i][y] });
}
- extendArry.push({ name: i, children: children })
+ extendArry.push({ name: i, children: children });
}
- this.tableData2 = extendArry
+ this.tableData2 = extendArry;
}
- })
- })
+ });
+ });
} else {
- this.dialogFormVisibleTitle = '新增数据集'
- this.updataDisabled = false
+ this.dialogFormVisibleTitle = "新增数据集";
+ this.updataDisabled = false;
this.formData = {
- setName: '',
- setCode: '',
- setDesc: '',
- sourceCode: '',
- dynSentence: '',
- }
- this.tableData = []
- this.itemFilterList = []
- this.isShowPagination = false
+ setName: "",
+ setCode: "",
+ setDesc: "",
+ sourceCode: "",
+ dynSentence: ""
+ };
+ this.tableData = [];
+ this.itemFilterList = [];
+ this.isShowPagination = false;
}
},
// 获取数据源下拉
async getAllDataSourceSet() {
- const { code, data } = await queryAllDataSourceSet()
- if (code != '200') return
- this.sourceList = data
+ const { code, data } = await queryAllDataSourceSet();
+ if (code != "200") return;
+ this.sourceList = data;
},
// 测试预览
async handleClickTabs(tab, event) {
- if (tab.paneName == 'third') {
+ if (tab.paneName == "third") {
const params = {
sourceCode: this.formData.sourceCode,
dynSentence: this.formData.dynSentence,
dataSetParamDtoList: this.tableData,
- dataSetTransformDtoList: this.itemFilterList,
- }
- const { code, data } = await testTransformSet(params)
- if (code != '200') return
- this.cols = data.data
- this.testMassageCode = code
+ dataSetTransformDtoList: this.itemFilterList
+ };
+ const { code, data } = await testTransformSet(params);
+ if (code != "200") return;
+ this.cols = data.data;
+ this.testMassageCode = code;
}
},
// 必选
Mandatory(val) {
if (!this.tableData[val].mandatory) {
- this.tableData[val].requiredFlag = 0
+ this.tableData[val].requiredFlag = 0;
} else {
- this.tableData[val].requiredFlag = 1
+ this.tableData[val].requiredFlag = 1;
}
},
// 分页参数增加列
@@ -565,53 +823,53 @@ export default {
if (this.isShowPagination) {
this.tableData.push(
{
- paramName: 'pageNumber',
- paramDesc: '当前页',
- paramType: 'int',
- sampleItem: '1',
+ paramName: "pageNumber",
+ paramDesc: "当前页",
+ paramType: "int",
+ sampleItem: "1",
mandatory: true,
requiredFlag: 1,
validationRules: `function verification(data){
//自定义脚本内容
return true;
- }`,
+ }`
},
{
- paramName: 'pageSize',
- paramDesc: '条数',
- paramType: 'int',
- sampleItem: '10',
+ paramName: "pageSize",
+ paramDesc: "条数",
+ paramType: "int",
+ sampleItem: "10",
mandatory: true,
requiredFlag: 1,
validationRules: `function verification(data){
//自定义脚本内容
return true;
- }`,
+ }`
}
- )
+ );
} else {
this.tableData.forEach((item, i) => {
- if (item.paramName == 'pageSize' || item.paramName == 'pageNumber') {
- this.tableData.splice(i, 2)
+ if (item.paramName == "pageSize" || item.paramName == "pageNumber") {
+ this.tableData.splice(i, 2);
}
- })
+ });
}
},
// js 脚本编辑
async filterScriptBtn(item) {
- console.log(item)
- this.isItemFilterType = item
- this.dialogSwitchVisible = true
- if (item.transformType == 'js') {
- this.itemFilterScriptId = item.itemFilterSort
+ console.log(item);
+ this.isItemFilterType = item;
+ this.dialogSwitchVisible = true;
+ if (item.transformType == "js") {
+ this.itemFilterScriptId = item.itemFilterSort;
const fnCont = `function dataTransform(data){
//自定义脚本内容
return data;
- }`
+ }`;
this.transformScript = item.transformScript
? item.transformScript
- : fnCont
- } else if (item.transformType == 'dict') {
+ : fnCont;
+ } else if (item.transformType == "dict") {
// this.dialogTitle = '字典翻译'
// this.itemFilterScriptId = item.itemFilterSort
// const { code, data } = await getDictList('TRANSFORM_TYPE')
@@ -635,154 +893,154 @@ export default {
},
// js 脚本编辑确定
filterScriptConfirm() {
- const arr = this.toObject(this.tableData2)
+ const arr = this.toObject(this.tableData2);
this.itemFilterList.forEach((el, index) => {
- if (el.transformType == 'dict') {
- el.transformScript = JSON.stringify(arr)
+ if (el.transformType == "dict") {
+ el.transformScript = JSON.stringify(arr);
} else {
- el.transformScript = this.transformScript
+ el.transformScript = this.transformScript;
}
- })
- this.dialogSwitchVisible = false
+ });
+ this.dialogSwitchVisible = false;
},
addFilter() {
- let obj = {}
- this.tableData2 = []
+ let obj = {};
+ this.tableData2 = [];
if (this.itemFilterList.length == 0) {
obj = {
- transformType: '',
- transformScript: '',
- itemFilterSort: 1,
- }
+ transformType: "",
+ transformScript: "",
+ itemFilterSort: 1
+ };
} else {
obj = {
- transformType: '',
- transformScript: '',
- itemFilterSort: this.itemFilterList.length + 1,
- }
+ transformType: "",
+ transformScript: "",
+ itemFilterSort: this.itemFilterList.length + 1
+ };
}
- this.itemFilterList.push(obj)
+ this.itemFilterList.push(obj);
},
// 删除filter
reduceFilter(item) {
if (this.itemFilterList.length > 1) {
- var index = this.itemFilterList.indexOf(item)
+ var index = this.itemFilterList.indexOf(item);
if (index > -1) {
- this.itemFilterList.splice(index, 1)
+ this.itemFilterList.splice(index, 1);
}
}
},
// --查询参数-----------------///////////////////////////////////////////////////////////////////////
permissionClick(row, index) {
- this.title = '自定义高级规则'
- if (this.isRowData.sampleItem != '') {
- this.isRowData = row
+ this.title = "自定义高级规则";
+ if (this.isRowData.sampleItem != "") {
+ this.isRowData = row;
const fnCont = `function verification(data){
//自定义脚本内容
return true;
- }`
+ }`;
this.validationRules = row.validationRules
? row.validationRules
- : fnCont
- this.dialogPermissionVisible = true
+ : fnCont;
}
+ this.dialogPermissionVisible = true;
},
dialogValidationRules() {
- this.isRowData.validationRules = this.validationRules
- this.dialogPermissionVisible = false
+ this.isRowData.validationRules = this.validationRules;
+ this.dialogPermissionVisible = false;
},
// 字典项 增删改
addAllDict() {
this.tableData2.push({
- name: '',
- children: [{ name: '', value: '' }],
- })
+ name: "",
+ children: [{ name: "", value: "" }]
+ });
},
addDict(index, item) {
- item.push({ name: '', value: '' })
+ item.push({ name: "", value: "" });
},
delAllDict(index, rows) {
- rows.splice(index, 1)
+ rows.splice(index, 1);
},
delDict(index, rows) {
if (index == 0) {
- this.$message.error('至少保留一条')
- return
+ this.$message.error("至少保留一条");
+ return;
}
- rows.splice(index, 1)
+ rows.splice(index, 1);
},
// -------------------------------------------------------------------------------
// 数据源下拉切换
changeSource() {},
// 自定义高级规则
testResultset() {
- this.isRowData.validationRules = this.validationRules
- verificationSet(this.isRowData).then((data) => {
+ this.isRowData.validationRules = this.validationRules;
+ verificationSet(this.isRowData).then(data => {
// console.log(data)
- })
+ });
},
// 删除
cutOutRow(index, rows) {
- rows.splice(index, 1)
+ rows.splice(index, 1);
},
// 追加
addRow(index, row) {
this.tableData.push({
- paramName: '',
- paramDesc: '',
- paramType: '',
- sampleItem: '',
+ paramName: "",
+ paramDesc: "",
+ paramType: "",
+ sampleItem: "",
mandatory: true,
requiredFlag: 1,
validationRules: `function verification(data){
//自定义脚本内容
return true;
- }`,
- })
+ }`
+ });
},
async submit(formName) {
this.$refs[formName].validate(async (valid, obj) => {
if (valid) {
if (this.testMassageCode == 200) {
- this.formData.dataSetParamDtoList = this.tableData
- this.formData.dataSetTransformDtoList = this.itemFilterList
- this.formData.caseResult = JSON.stringify(this.cols)
- if (this.dialogFormVisibleTitle === '新增数据集') {
- const { code } = await addDataSet(this.formData)
- if (code != '200') return
- this.queryByPage()
+ this.formData.dataSetParamDtoList = this.tableData;
+ this.formData.dataSetTransformDtoList = this.itemFilterList;
+ this.formData.caseResult = JSON.stringify(this.cols);
+ if (this.dialogFormVisibleTitle === "新增数据集") {
+ const { code } = await addDataSet(this.formData);
+ if (code != "200") return;
+ this.queryByPage();
} else {
- const { code } = await editDataSet(this.formData)
- if (code != '200') return
- this.queryByPage()
+ const { code } = await editDataSet(this.formData);
+ if (code != "200") return;
+ this.queryByPage();
}
- this.dialogFormVisible = false
+ this.dialogFormVisible = false;
} else {
- this.$message.error('请先测试预览，操作成功后便可保存！')
- return
+ this.$message.error("请先测试预览，操作成功后便可保存！");
+ return;
}
} else {
- return
+ return;
}
- })
+ });
},
toObject(val) {
- const objfirst = {}
- const objSecond = {}
- val.forEach((el) => {
- el.name ? (objfirst[el.name] = el.children) : ''
- })
+ const objfirst = {};
+ const objSecond = {};
+ val.forEach(el => {
+ el.name ? (objfirst[el.name] = el.children) : "";
+ });
for (const key in objfirst) {
- const newObj = {}
- objfirst[key].map((ev) => {
- Object.assign(newObj, { [ev.name]: ev.value })
- })
- objSecond[key] = newObj
+ const newObj = {};
+ objfirst[key].map(ev => {
+ Object.assign(newObj, { [ev.name]: ev.value });
+ });
+ objSecond[key] = newObj;
}
- return objSecond
- },
- },
-}
+ return objSecond;
+ }
+ }
+};