|
|
@ -172,11 +172,11 @@ const state = reactive({ |
|
|
|
|
|
|
|
|
const kaif = (id: number, callback?: (list: any) => void) => { |
|
|
const kaif = (id: number, callback?: (list: any) => void) => { |
|
|
// const content = stringToObj(props.state.formData) |
|
|
// const content = stringToObj(props.state.formData) |
|
|
console.log('获取当前数据下所有字段',statePro.value.formData) |
|
|
// console.log('获取当前数据下所有字段',statePro.value.formData) |
|
|
filterFiled(statePro.value.formData) |
|
|
filterFiled(statePro.value.formData) |
|
|
callback && callback(statePro.value.formData.list) |
|
|
callback && callback(statePro.value.formData.list) |
|
|
|
|
|
|
|
|
console.log('获取当前数据下所有字段--->',state.formFieldList) |
|
|
// console.log('获取当前数据下所有字段--->',state.formFieldList) |
|
|
} |
|
|
} |
|
|
const filterFiled = (obj: any) => { |
|
|
const filterFiled = (obj: any) => { |
|
|
obj?.list.forEach((item: FormList) => { |
|
|
obj?.list.forEach((item: FormList) => { |
|
|
@ -232,7 +232,7 @@ const jieForm = () => { |
|
|
if(props.formKey != ""){ |
|
|
if(props.formKey != ""){ |
|
|
gainFormTableField({id:props.formKey.toString()}) |
|
|
gainFormTableField({id:props.formKey.toString()}) |
|
|
.then((data)=>{ |
|
|
.then((data)=>{ |
|
|
console.log('解析表单--->',data) |
|
|
// console.log('解析表单--->',data) |
|
|
formTableField.masterTable=data.data.masterTable |
|
|
formTableField.masterTable=data.data.masterTable |
|
|
formTableField.sunTable=data.data.sunTable |
|
|
formTableField.sunTable=data.data.sunTable |
|
|
}) |
|
|
}) |
|
|
@ -273,10 +273,10 @@ const isMapTrue = ref(true) |
|
|
@ 功能: 获取数据表字段数据 |
|
|
@ 功能: 获取数据表字段数据 |
|
|
*/ |
|
|
*/ |
|
|
const gainFormTableKeyWord = (val:string) => { |
|
|
const gainFormTableKeyWord = (val:string) => { |
|
|
console.log("获取数据表字段数据-----------》",val) |
|
|
// console.log("获取数据表字段数据-----------》",val) |
|
|
gainListTableField({id:val.toString()}) |
|
|
gainListTableField({id:val.toString()}) |
|
|
.then((data) =>{ |
|
|
.then((data) =>{ |
|
|
console.log("获取数据表字段数据",data) |
|
|
// console.log("获取数据表字段数据",data) |
|
|
allKeyWords.value = data.data.allKeyWords |
|
|
allKeyWords.value = data.data.allKeyWords |
|
|
timeKeyWords.value = data.data.timeKeyWords |
|
|
timeKeyWords.value = data.data.timeKeyWords |
|
|
mapKeyWords.value = data.data.mapKeyWords |
|
|
mapKeyWords.value = data.data.mapKeyWords |
|
|
@ -295,12 +295,12 @@ const tableAttrBut = ref<InstanceType<typeof ElTable>>() |
|
|
@ 功能: 设置字段属性 |
|
|
@ 功能: 设置字段属性 |
|
|
*/ |
|
|
*/ |
|
|
const setUpField = (val:any) =>{ |
|
|
const setUpField = (val:any) =>{ |
|
|
console.log("设置字段属性-->",val) |
|
|
// console.log("设置字段属性-->",val) |
|
|
setUpFieldInfo.value = val |
|
|
setUpFieldInfo.value = val |
|
|
|
|
|
|
|
|
setUpFieldIsOpen.value = true |
|
|
setUpFieldIsOpen.value = true |
|
|
|
|
|
|
|
|
console.log("设置字段属性-1->",setUpFieldIsOpen) |
|
|
// console.log("设置字段属性-1->",setUpFieldIsOpen) |
|
|
} |
|
|
} |
|
|
/** |
|
|
/** |
|
|
@ 作者: 秦东 |
|
|
@ 作者: 秦东 |
|
|
@ -404,7 +404,7 @@ const zhuDaunIsTrue = ref(false); |
|
|
@ 功能: 列表字段处理 |
|
|
@ 功能: 列表字段处理 |
|
|
*/ |
|
|
*/ |
|
|
const tableListFieldClick = (val:any[]) => { |
|
|
const tableListFieldClick = (val:any[]) => { |
|
|
console.log("列表字段处理-->",val) |
|
|
// console.log("列表字段处理-->",val) |
|
|
// zhuDaunIsTrue.value = true |
|
|
// zhuDaunIsTrue.value = true |
|
|
if(zhuDaunIsTrue.value == true){ |
|
|
if(zhuDaunIsTrue.value == true){ |
|
|
if(val.length > 0){ |
|
|
if(val.length > 0){ |
|
|
@ -413,7 +413,7 @@ const tableListFieldClick = (val:any[]) => { |
|
|
let isTrue = true; |
|
|
let isTrue = true; |
|
|
state.tableData.columns.forEach((itemTab:tableButton)=>{ |
|
|
state.tableData.columns.forEach((itemTab:tableButton)=>{ |
|
|
if(item.id == itemTab.id){ |
|
|
if(item.id == itemTab.id){ |
|
|
console.log("列表字段处理-111->",val) |
|
|
// console.log("列表字段处理-111->",val) |
|
|
isTrue = false; |
|
|
isTrue = false; |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
@ -469,12 +469,12 @@ const columnDrop = () => { |
|
|
const wrapperTr = container.value.querySelector( |
|
|
const wrapperTr = container.value.querySelector( |
|
|
'.el-table__header-wrapper tr' |
|
|
'.el-table__header-wrapper tr' |
|
|
) |
|
|
) |
|
|
console.log("wrapperTr",wrapperTr) |
|
|
// console.log("wrapperTr",wrapperTr) |
|
|
Sortable.create(wrapperTr, { |
|
|
Sortable.create(wrapperTr, { |
|
|
animation: 180, |
|
|
animation: 180, |
|
|
delay: 0, |
|
|
delay: 0, |
|
|
onEnd: (evt: any) => { |
|
|
onEnd: (evt: any) => { |
|
|
console.log("evt",evt.oldIndex,evt.newIndex) |
|
|
// console.log("evt",evt.oldIndex,evt.newIndex) |
|
|
const oldItem = state.tableData.columns[evt.oldIndex] |
|
|
const oldItem = state.tableData.columns[evt.oldIndex] |
|
|
state.tableData.columns.splice(evt.oldIndex, 1) |
|
|
state.tableData.columns.splice(evt.oldIndex, 1) |
|
|
state.tableData.columns.splice(evt.newIndex, 0, oldItem) |
|
|
state.tableData.columns.splice(evt.newIndex, 0, oldItem) |
|
|
@ -516,7 +516,7 @@ const delCol = (val:any) => { |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
// tableFieldList.value!.toggleRowSelection(delInfo, true) |
|
|
// tableFieldList.value!.toggleRowSelection(delInfo, true) |
|
|
console.log("delInfo",delInfo) |
|
|
// console.log("delInfo",delInfo) |
|
|
// tableFieldList.value!.clearSelection() |
|
|
// tableFieldList.value!.clearSelection() |
|
|
}else{ |
|
|
}else{ |
|
|
tableFieldList.value!.clearSelection() |
|
|
tableFieldList.value!.clearSelection() |
|
|
@ -539,7 +539,7 @@ const delCol = (val:any) => { |
|
|
@ 功能: 更新列表记录操作按钮 |
|
|
@ 功能: 更新列表记录操作按钮 |
|
|
*/ |
|
|
*/ |
|
|
const updataLogBut = (val:attrButton[]) => { |
|
|
const updataLogBut = (val:attrButton[]) => { |
|
|
console.log("更新列表记录操作按钮",val) |
|
|
// console.log("更新列表记录操作按钮",val) |
|
|
let isWrete = true |
|
|
let isWrete = true |
|
|
if(state.tableData.columns && state.tableData.columns.length > 0){ |
|
|
if(state.tableData.columns && state.tableData.columns.length > 0){ |
|
|
state.tableData.columns.forEach((item:any)=>{ |
|
|
state.tableData.columns.forEach((item:any)=>{ |
|
|
@ -622,7 +622,7 @@ const codeIsShow = ref(false) //生成代码 |
|
|
@ 功能: 列表头部按钮操作 |
|
|
@ 功能: 列表头部按钮操作 |
|
|
*/ |
|
|
*/ |
|
|
const listPageTools = (type: string) => { |
|
|
const listPageTools = (type: string) => { |
|
|
console.log("列表头部操作--》",type) |
|
|
// console.log("列表头部操作--》",type) |
|
|
switch(type){ |
|
|
switch(type){ |
|
|
case "del": |
|
|
case "del": |
|
|
clearData() |
|
|
clearData() |
|
|
@ -719,7 +719,7 @@ const saveFormListData = () => { |
|
|
if(!props.formKey || props.formKey == "" || props.formKey == null || props.formKey == undefined){ |
|
|
if(!props.formKey || props.formKey == "" || props.formKey == null || props.formKey == undefined){ |
|
|
return ElMessage.error('未知表单参数!请先保存前置表单后再操作!') |
|
|
return ElMessage.error('未知表单参数!请先保存前置表单后再操作!') |
|
|
} |
|
|
} |
|
|
console.log("添加自定义表单列表设定",state.formApi) |
|
|
// console.log("添加自定义表单列表设定",state.formApi) |
|
|
if(type != 1){ |
|
|
if(type != 1){ |
|
|
if(addApiUrl=="" || editApiUrl=="" || delApiUrl=="" || lookApiUrl == ""){ |
|
|
if(addApiUrl=="" || editApiUrl=="" || delApiUrl=="" || lookApiUrl == ""){ |
|
|
return ElMessage.error('请补全列表第三方APIUrl!') |
|
|
return ElMessage.error('请补全列表第三方APIUrl!') |
|
|
@ -732,10 +732,10 @@ const saveFormListData = () => { |
|
|
data: json2string(state), |
|
|
data: json2string(state), |
|
|
id: props.formKey.toString() |
|
|
id: props.formKey.toString() |
|
|
} |
|
|
} |
|
|
console.log("添加自定义表单列表设定",params) |
|
|
// console.log("添加自定义表单列表设定",params) |
|
|
editCustomerFormList(params) |
|
|
editCustomerFormList(params) |
|
|
.then((data)=>{ |
|
|
.then((data)=>{ |
|
|
console.log("添加自定义表单列表设定",data) |
|
|
// console.log("添加自定义表单列表设定",data) |
|
|
ElMessage.success(data.msg) |
|
|
ElMessage.success(data.msg) |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
@ -745,13 +745,13 @@ const saveFormListData = () => { |
|
|
@ 功能: 获取列表内容 |
|
|
@ 功能: 获取列表内容 |
|
|
*/ |
|
|
*/ |
|
|
const getListInfo = () => { |
|
|
const getListInfo = () => { |
|
|
console.log("获取列表内容1111",props.formKey) |
|
|
// console.log("获取列表内容1111",props.formKey) |
|
|
gainFormListCont({id:props.formKey.toString()}) |
|
|
gainFormListCont({id:props.formKey.toString()}) |
|
|
.then((data)=>{ |
|
|
.then((data)=>{ |
|
|
console.log("获取列表内容",data) |
|
|
// console.log("获取列表内容",data) |
|
|
if(data.data.listjson != null && data.data.listjson != "" && data.data.listjson != "null"){ |
|
|
if(data.data.listjson != null && data.data.listjson != "" && data.data.listjson != "null"){ |
|
|
let stateData = string2json(data.data.listjson) |
|
|
let stateData = string2json(data.data.listjson) |
|
|
console.log("获取列表内容---->",stateData) |
|
|
// console.log("获取列表内容---->",stateData) |
|
|
state.tableData = stateData.tableData |
|
|
state.tableData = stateData.tableData |
|
|
state.searchData = stateData.searchData |
|
|
state.searchData = stateData.searchData |
|
|
state.loading = stateData.loading |
|
|
state.loading = stateData.loading |
|
|
@ -767,10 +767,34 @@ const getListInfo = () => { |
|
|
state.formApi = stateData.formApi |
|
|
state.formApi = stateData.formApi |
|
|
state.dict = stateData.dict |
|
|
state.dict = stateData.dict |
|
|
state.refreshTable = stateData.refreshTable |
|
|
state.refreshTable = stateData.refreshTable |
|
|
|
|
|
if(stateData.view && stateData.view != null && stateData.view != ""){ |
|
|
|
|
|
if(stateData.view.card && stateData.view.card != null && stateData.view.card != ""){ |
|
|
state.view = stateData.view |
|
|
state.view = stateData.view |
|
|
|
|
|
}else{ |
|
|
|
|
|
state.view = stateData.view |
|
|
|
|
|
state.view.card ={ |
|
|
|
|
|
status:false, |
|
|
|
|
|
isClick:false, |
|
|
|
|
|
form:{ |
|
|
|
|
|
sort:1, |
|
|
|
|
|
sortWord:"", |
|
|
|
|
|
imgWork:"", |
|
|
|
|
|
imgWidth:50, |
|
|
|
|
|
imgHeight:50, |
|
|
|
|
|
imgBorderRadius:5, |
|
|
|
|
|
imgPadding:2, |
|
|
|
|
|
titleWork:"", |
|
|
|
|
|
describe:"", |
|
|
|
|
|
ranks:3 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
console.log("获取列表内容--1-->",stateData.view) |
|
|
} |
|
|
console.log("获取列表内容--2-->",state.view) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// console.log("获取列表内容--1-->",stateData.view) |
|
|
|
|
|
// console.log("获取列表内容--2-->",state.view) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -782,7 +806,7 @@ const getListInfo = () => { |
|
|
state.tableData.columns.forEach((itemCol:any)=>{ |
|
|
state.tableData.columns.forEach((itemCol:any)=>{ |
|
|
formTableField.masterTable.forEach((item:any)=>{ |
|
|
formTableField.masterTable.forEach((item:any)=>{ |
|
|
if(itemCol.id == item.id){ |
|
|
if(itemCol.id == item.id){ |
|
|
console.log("========>",item) |
|
|
// console.log("========>",item) |
|
|
item.isSearch = true |
|
|
item.isSearch = true |
|
|
tableFieldList.value!.toggleRowSelection(item, true) |
|
|
tableFieldList.value!.toggleRowSelection(item, true) |
|
|
} |
|
|
} |
|
|
@ -860,6 +884,7 @@ const getListInfo = () => { |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> --> |
|
|
</div> --> |
|
|
|
|
|
|
|
|
<div class="main-body"> |
|
|
<div class="main-body"> |
|
|
<div class="header"> |
|
|
<div class="header"> |
|
|
<div class="field"> |
|
|
<div class="field"> |
|
|
@ -872,6 +897,7 @@ const getListInfo = () => { |
|
|
<div class="search-box" > |
|
|
<div class="search-box" > |
|
|
<SearchField v-if="state.searchData&&state.searchData.length>0&&state.config.searchIsShow" v-model:searchData="state.searchData" /> |
|
|
<SearchField v-if="state.searchData&&state.searchData.length>0&&state.config.searchIsShow" v-model:searchData="state.searchData" /> |
|
|
<div v-else class="tipBox" >条件查询搜索区域</div> |
|
|
<div v-else class="tipBox" >条件查询搜索区域</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -1073,7 +1099,7 @@ const getListInfo = () => { |
|
|
</el-form> |
|
|
</el-form> |
|
|
</div> |
|
|
</div> |
|
|
</el-collapse-item> |
|
|
</el-collapse-item> |
|
|
<el-collapse-item title="Consistency" name="card" :class="state.view.card.status?'isTrueItem':''" :disabled="!state.view.card.status"> |
|
|
<el-collapse-item title="Consistency" name="card" :class="state.view.card&&state.view.card.status?'isTrueItem':''" :disabled="!state.view.card.status"> |
|
|
<template #title> |
|
|
<template #title> |
|
|
<div class="collapse-title"> |
|
|
<div class="collapse-title"> |
|
|
<div> |
|
|
<div> |
|
|
|