Browse Source

Merge branch 'han_v5'

qin_s5
han2015 4 weeks ago
parent
commit
fca1425bbc
  1. 2
      src/components/DesignForm/app/cardPage.vue
  2. 2
      src/components/DesignForm/app/gannttPage.vue
  3. 53
      src/components/DesignForm/app/groupPage.vue
  4. 6
      src/components/DesignForm/app/index.vue
  5. 2
      src/components/DesignForm/app/mapPage.vue
  6. 2
      src/components/DesignForm/app/timeAxis.vue
  7. 2
      src/components/DesignForm/tableListPage/index.vue
  8. 16
      src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue

2
src/components/DesignForm/app/cardPage.vue

@ -290,7 +290,7 @@ const lookPageInfo = (val:any) => {
} }
</script> </script>
<template> <template>
<div> <div id="special-table-container">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col v-for="item in cardDataList" :key="item.id" :span="lineRanks" class="cardBox"> <el-col v-for="item in cardDataList" :key="item.id" :span="lineRanks" class="cardBox">

2
src/components/DesignForm/app/gannttPage.vue

@ -24,7 +24,7 @@ const props = defineProps({
}); });
</script> </script>
<template> <template>
<div> <div id="special-table-container">
{{viewSetup}} {{viewSetup}}
</div> </div>
</template> </template>

53
src/components/DesignForm/app/groupPage.vue

@ -60,7 +60,6 @@ const onUpdateSort = (data: { prop: string; order: "ascending" | "descending" |
columnSortData.delete(data.prop); columnSortData.delete(data.prop);
} }
selectedMergeKeys.value=Array.from(columnSortData.keys())
getPageData(); getPageData();
} }
@ -68,7 +67,7 @@ const onUpdateSort = (data: { prop: string; order: "ascending" | "descending" |
const spanMap = computed(() => { const spanMap = computed(() => {
const map = {} const map = {}
const pos = {} const pos = {}
selectedMergeKeys.value=Array.from(columnSortData.keys())
// //
selectedMergeKeys.value.forEach((key, index) => { selectedMergeKeys.value.forEach((key, index) => {
map[key] = [] map[key] = []
@ -105,7 +104,7 @@ const spanMap = computed(() => {
return map return map
}) })
//
const objectSpanMethod = ({ row, column, rowIndex, columnIndex }) => { const objectSpanMethod = ({ row, column, rowIndex, columnIndex }) => {
const key = column.property const key = column.property
@ -152,7 +151,40 @@ const getPageData=async ()=>{
}) })
} }
const tableChildren = (field:string,dataList:any) => {
let jieguo = ""
if(Array.isArray(dataList)){
dataList.forEach((item) => {
if(typeof(item)=="object"){
for (let key in item) {
if (field == key){
if(jieguo!=""){
jieguo = jieguo+"<div style='width: 100%;height: 1px;border-bottom: 1px solid #EBEEF5; margin: 8px 0;'></div>"+item[key]
}else{
jieguo = item[key]
}
}
}
}
})
}
return jieguo
}
onMounted(()=>{ onMounted(()=>{
columnSortData.clear()
//
if(props.viewSetup.form.title&&props.viewSetup.form.title.length){
props.viewSetup.form.title.forEach(ele => {
if(props.viewSetup.form.sort==2){
columnSortData.set(ele, "");
}else{
columnSortData.set(ele,'DESC'); //desc
}
});
}
nextTick(()=>{ nextTick(()=>{
getPageData() getPageData()
}) })
@ -162,16 +194,13 @@ defineExpose({
groupColumnSearch groupColumnSearch
}) })
</script> </script>
<template> <template>
<div> <div id="special-table-container">
<el-row :gutter="20"> <el-row :gutter="20" >
<el-table <el-table
:data="tableDataList" :data="tableDataList"
:span-method="objectSpanMethod" :span-method="objectSpanMethod"
@sort-change="onUpdateSort"
:header-cell-class-name="setHeaderClass"
border border
> >
<template v-for="item in columnsFilter" :key="item.id || item.label"> <template v-for="item in columnsFilter" :key="item.id || item.label">
@ -210,14 +239,13 @@ defineExpose({
:label="item.label" :label="item.label"
:min-width="(item.label?.length || 2) * 15 + 30" :min-width="(item.label?.length || 2) * 15 + 30"
header-align="center" header-align="center"
sortable="custom"
align="center" align="center"
> >
<template #default="scope"> <template #default="scope">
<template v-for="sunItem in item.children" v-if="item.pattern == 'table'"> <template v-for="sunItem in item.children" v-if="item.pattern == 'table'">
<el-table-column v-if="sunItem.fieldClass == ''" :prop="sunItem.field" :label="sunItem.label" header-align="center" align="center" :min-width="readerColumnSun(sunItem)"> <el-table-column v-if="sunItem.fieldClass == ''" :prop="sunItem.field" :label="sunItem.label" header-align="center" align="center" :min-width="(sunItem.label?.length || 2) * 15 + 30">
<template #default="scopeChilder"> <template #default="scopeChilder">
{{scopeChilder.row[item.field]}} <div v-html="tableChildren(sunItem.field,scopeChilder.row[item.field])"></div>
</template> </template>
</el-table-column> </el-table-column>
</template> </template>
@ -246,7 +274,6 @@ defineExpose({
config="" config=""
:min-width="(item.label?.length || 2) * 15 + 30" :min-width="(item.label?.length || 2) * 15 + 30"
header-align="center" header-align="center"
sortable="custom"
align="center" align="center"
> >
<template v-if="item.fieldClass == 'associatedForms'" #default="scope"> <template v-if="item.fieldClass == 'associatedForms'" #default="scope">
@ -270,7 +297,7 @@ defineExpose({
<el-pagination <el-pagination
v-model:current-page="props.searchSend.page" v-model:current-page="props.searchSend.page"
v-model:page-size="pageSize" v-model:page-size="pageSize"
:page-sizes="[3, 9, 12, 30, 50, 100]" :page-sizes="[30, 50, 100]"
:background="true" :background="true"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
:total="totalNum" :total="totalNum"

6
src/components/DesignForm/app/index.vue

@ -1126,6 +1126,7 @@ watch(
() => props.formId, () => props.formId,
(val: any) => { (val: any) => {
searchSend.formId=props.formId;
tabsView(props.viewPage.list, 1) tabsView(props.viewPage.list, 1)
getPageData(); getPageData();
}, },
@ -1192,7 +1193,6 @@ const getPageData = () => {
break; break;
case 8: //group case 8: //group
nextTick(() => { nextTick(() => {
console.log("获取列表详细信息-------222---------->??????",);
groupPageRef.value.groupColumnSearch(sendData, 1); groupPageRef.value.groupColumnSearch(sendData, 1);
}); });
break; break;
@ -1919,7 +1919,9 @@ const recallSendMsg = (val: any) => {
//html //html
const enterFullScreen=()=>{ const enterFullScreen=()=>{
const docEl= document.getElementById("special-table-container"); const docEl= document.getElementById("special-table-container");
if(docEl){ if(docEl){
docEl.style.backgroundColor = '#ffffff';
// //
if (docEl.requestFullscreen) { if (docEl.requestFullscreen) {
docEl.requestFullscreen(); docEl.requestFullscreen();
@ -2775,7 +2777,7 @@ const getNonValue = () => {
:columns-filter="columnsFilter" :columns-filter="columnsFilter"
:body-hight="265" :body-hight="265"
:drawer-with="drawerWith" :drawer-with="drawerWith"
:view-setup="viewPage.date" :view-setup="viewPage.group"
/> />
</el-col> </el-col>
<el-col v-if="viewType == 2" :span="24"> <el-col v-if="viewType == 2" :span="24">

2
src/components/DesignForm/app/mapPage.vue

@ -173,7 +173,7 @@ const currentChange = (current: number) => {
} }
</script> </script>
<template> <template>
<div> <div id="special-table-container">
<div id="pickMapView" :ref="mapId" class="openMapView"></div> <div id="pickMapView" :ref="mapId" class="openMapView"></div>
<div class="mapPage"> <div class="mapPage">
<el-pagination layout="prev, pager, next" :total="totalNum" @current-change="currentChange" /> <el-pagination layout="prev, pager, next" :total="totalNum" @current-change="currentChange" />

2
src/components/DesignForm/app/timeAxis.vue

@ -217,7 +217,7 @@ const writeListTitle = (val:any) => {
} }
</script> </script>
<template> <template>
<ul v-infinite-scroll="loadTimeLog" class="infinite-list" :infinite-scroll-disabled="timeDisabled"> <ul v-infinite-scroll="loadTimeLog" class="infinite-list" :infinite-scroll-disabled="timeDisabled" id="special-table-container">
<el-timeline :reverse="true" class="timeLineStyle" > <el-timeline :reverse="true" class="timeLineStyle" >

2
src/components/DesignForm/tableListPage/index.vue

@ -2036,7 +2036,7 @@ async function doGainFormPageListCont(sendData: any) {
> >
<el-button <el-button
size="small" size="small"
class="fa fa-table" class="fa fa-list"
:color=" :color="
props.viewPage.group && props.viewPage.group.isClick ? '#a0cfff' : '' props.viewPage.group && props.viewPage.group.isClick ? '#a0cfff' : ''
" "

16
src/views/sysworkflow/lowcodepage/appPage/appPageForm/pageList.vue

@ -41,6 +41,7 @@ import {
} from "@/api/displayboardapi/indexapi"; } from "@/api/displayboardapi/indexapi";
import Sortable from "sortablejs"; import Sortable from "sortablejs";
// //
import PageListHeadTools from "@/views/sysworkflow/lowcodepage/pageListHeadToolsApp.vue"; import PageListHeadTools from "@/views/sysworkflow/lowcodepage/pageListHeadToolsApp.vue";
import ControlSetup from "@/views/sysworkflow/lowcodepage/pageSetUpDialog/controlSetup.vue"; import ControlSetup from "@/views/sysworkflow/lowcodepage/pageSetUpDialog/controlSetup.vue";
@ -172,6 +173,7 @@ const state = reactive({
isClick: false, isClick: false,
form: { form: {
title: [], title: [],
sort: 1,
}, },
}, },
date: { date: {
@ -321,6 +323,7 @@ const jieForm = () => {
*/ */
onMounted(() => { onMounted(() => {
jieForm(); jieForm();
nextTick(() => { nextTick(() => {
gainFormTableKeyWord(props.appPageKey.toString()); gainFormTableKeyWord(props.appPageKey.toString());
}); });
@ -2353,20 +2356,27 @@ const delAllPick = () => {
:model="state.view.group.form" :model="state.view.group.form"
style="max-width: 600px" style="max-width: 600px"
> >
<el-form-item label="标题字段"> <el-form-item label="排序分组字段">
<el-select <el-select
ref="groupsorter"
v-model="state.view.group.form.title" v-model="state.view.group.form.title"
multiple multiple
placeholder="请选择标题字段" placeholder="请选择分组字段"
> >
<el-option <el-option
v-for="item in allKeyWords" v-for="item in allKeyWords"
:key="item.value" :key="item"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="排序方式">
<el-radio-group v-model="state.view.group.form.sort">
<el-radio :label="1">降序</el-radio>
<el-radio :label="2">升序</el-radio>
</el-radio-group>
</el-form-item>
</el-form> </el-form>
</div> </div>
</el-collapse-item> </el-collapse-item>

Loading…
Cancel
Save