862 lines
31 KiB
Plaintext
862 lines
31 KiB
Plaintext
<template>
|
|
<div class="JNPF-common-layout">
|
|
@if(Model.Type == 2)
|
|
{
|
|
@:<div class="JNPF-common-layout-left">
|
|
@:<div class="JNPF-common-title">
|
|
@:<h2>@Model.TreeTitle</h2>
|
|
@:</div>
|
|
@:<el-tree :data="treeData" :props="treeProps" default-expand-all highlight-current ref="treeBox" :expand-on-click-node="false" @@node-click="handleNodeClick" class="JNPF-common-el-tree" node-key="@(@Model.TreePropsValue)">
|
|
@:<span class="custom-tree-node" slot-scope="{node,data}">
|
|
@:<i :class="data.icon"></i>
|
|
@:<span class="text">{{node.label}}</span>
|
|
@:</span>
|
|
@:</el-tree>
|
|
@:</div>
|
|
}
|
|
<div class="JNPF-common-layout-center">
|
|
<el-row class="JNPF-common-search-box" :gutter="16">
|
|
<el-form @@submit.native.prevent="">
|
|
@foreach (var item in @Model.SearchColumnDesign)
|
|
{
|
|
@if(item.Index == 3)
|
|
{
|
|
@:<template v-if="showAll">
|
|
}
|
|
@:<el-col :span="6">
|
|
@:<el-form-item label="@(@item.Label)">
|
|
@if(item.QueryControlsKey != null)
|
|
{
|
|
@switch(item.QueryControlsKey)
|
|
{
|
|
case "inputList":
|
|
@:<el-input v-model="query.@(@item.Name)" placeholder="@(@item.Label)" @(@item.Clearable)/>
|
|
break;
|
|
case "dateList":
|
|
@:<el-date-picker v-model="query.@(@item.Name)" start-placeholder="开始日期" end-placeholder="结束日期" value-format="timestamp" format="yyyy-MM-dd" type="daterange" />
|
|
break;
|
|
case "selectList":
|
|
@:<el-select v-model="query.@(@item.Name)" placeholder="@(@item.Label)" @(@item.Clearable)>
|
|
@:<el-option v-for="(item, index) in @(@item.OriginalName)Options" :key="index" :label="item.@(@item.Props.label)" :value="item.@(item.Props.value)" />
|
|
@:</el-select>
|
|
break;
|
|
case "timePickerList":
|
|
@:<el-time-picker v-model="query.@(@item.Name)" start-placeholder="开始时间" end-placeholder="结束时间" @(@item.Clearable)value-format="@(@item.ValueFormat)" format="@(@item.Format)" is-range />
|
|
break;
|
|
case "numRangeList":
|
|
@:<num-range v-model="query.@(@item.Name)"></num-range>
|
|
break;
|
|
case "datePickerList":
|
|
@:<el-date-picker v-model="query.@(@item.Name)" type="@(@item.Type)range" value-format="@(@item.ValueFormat)" format="@(@item.Format)" start-placeholder="开始日期" end-placeholder="结束日期">
|
|
@:</el-date-picker>
|
|
break;
|
|
case "userSelectList":
|
|
@:<userSelect v-model="query.@(@item.Name)" placeholder="请选择@(@item.Label)" @(@item.SelectType)@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds : "")/>
|
|
break;
|
|
case "usersSelectList":
|
|
@:<usersSelect v-model="query.@(@item.Name)" placeholder="请选择@(@item.Label)" @(@item.SelectType)@(@item.IsCustomSelect ? @item.AbleIds : "")/>
|
|
break;
|
|
case "organizeList":
|
|
@:<depSelect v-model="query.@(@item.Name)" placeholder="请选择@(@item.Label)" :lastLevel="false" />
|
|
break;
|
|
case "comSelectList":
|
|
@:<comSelect v-model="query.@(@item.Name)" placeholder="请选择@(@item.Label)" />
|
|
break;
|
|
case "depSelectList":
|
|
@:<depSelect v-model="query.@(@item.Name)" placeholder="请选择@(@item.Label)" @(@item.SelectType)@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds : "")/>
|
|
break;
|
|
case "posSelectList":
|
|
@:<posSelect v-model="query.@(@item.Name)" placeholder="请选择@(@item.Label)" @(@item.SelectType)@(@item.IsCustomSelect ? @item.AbleDepIds + @item.AblePosIds + @item.AbleUserIds + @item.AbleRoleIds + @item.AbleGroupIds : "")/>
|
|
break;
|
|
case "useCascaderList":
|
|
@:<el-cascader v-model="query.@(@item.Name)" :options="@(@item.OriginalName)Options" @(@item.Clearable):show-all-levels="@(@item.ShowAllLevels)" :props="@(@item.OriginalName)Props" placeholder="请选择@(@item.Label)"></el-cascader>
|
|
break;
|
|
case "JNPFAddressList":
|
|
@:<JNPFAddress v-model="query.@(@item.Name)" placeholder="请选择@(@item.Label)" :level="@(@item.Level)" @(@item.Clearable)/>
|
|
break;
|
|
case "treeSelectList":
|
|
@:<JNPF-TreeSelect v-model="query.@(@item.Name)" placeholder="请选择@(@item.Label)" :options="@(@item.OriginalName)Options" :props='@(@item.OriginalName)Props' @(@item.Clearable)/>
|
|
break;
|
|
}
|
|
}
|
|
else
|
|
{
|
|
@:<@(@item.Tag) v-model="query.@(@item.Name)" placeholder="@(@item.Label)" @(@item.Clearable)/>
|
|
}
|
|
@:</el-form-item>
|
|
@:</el-col>
|
|
}
|
|
@if(Model.SearchColumnDesign.Count >= 4)
|
|
{
|
|
@:</template>
|
|
}
|
|
<el-col :span="6">
|
|
<el-form-item>
|
|
<el-button type="primary" icon="el-icon-search" @@click="search()">查询</el-button>
|
|
<el-button icon="el-icon-refresh-right" @@click="reset()">重置</el-button>
|
|
@if(Model.SearchColumnDesign.Count >= 4)
|
|
{
|
|
@:<el-button type="text" icon="el-icon-arrow-down" @@click="showAll=true" v-if="!showAll">展开</el-button>
|
|
@:<el-button type="text" icon="el-icon-arrow-up" @@click="showAll=false" v-else>收起</el-button>
|
|
}
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-form>
|
|
</el-row>
|
|
<div class="JNPF-common-layout-main JNPF-flex-main">
|
|
<div class="JNPF-common-head">
|
|
<div>
|
|
@foreach (var item in @Model.TopButtonDesign)
|
|
{
|
|
@:<el-button type="@(@item.Type)" icon="@(@item.Icon)" @@click="@(@item.Method)"@(@Model.UseBtnPermission ? " v-has=\"'btn_" + @item.Value + "'\"":"")>@(@item.Label)</el-button>
|
|
}
|
|
</div>
|
|
<div class="JNPF-common-head-right">
|
|
@if(Model.HasSuperQuery)
|
|
{
|
|
@:<el-tooltip content="高级查询" placement="top" >
|
|
@:<el-link icon="icon-ym icon-ym-filter JNPF-common-head-icon" :underline="false" @@click="openSuperQuery()" />
|
|
@:</el-tooltip>
|
|
}
|
|
<el-tooltip effect="dark" content="刷新" placement="top">
|
|
<el-link icon="icon-ym icon-ym-Refresh JNPF-common-head-icon" :underline="false" @@click="reset()" />
|
|
</el-tooltip>
|
|
</div>
|
|
</div>
|
|
@switch(Model.IndexDataType)
|
|
{
|
|
case 3:
|
|
@:<JNPF-table v-loading="listLoading" :data="list" @(@Model.IsSort ? "@sort-change='sortChange' ":"")@(@Model.IsBatchRemoveDel ? "has-c @selection-change='handleSelectionChange' ":"")@(@Model.IsChildTableShow ? ":span-method='arraySpanMethod' ":"") row-key="@Model.PrimaryKey" default-expand-all :tree-props="{children: 'children', hasChildren: ''}" :hasNO="false">
|
|
@:<el-table-column type="index" width="50" label="序号" align="center" @(Model.ChildTableStyle == 1 && Model.IsFixed ? "fixed='left'" : "")/>
|
|
break;
|
|
default:
|
|
@:<JNPF-table v-loading="listLoading" :data="list" @(@Model.IsSort ? "@sort-change='sortChange' ":"")@(@Model.IsBatchRemoveDel ? "has-c @selection-change='handleSelectionChange' ":"")@(@Model.IsChildTableShow ? ":span-method='arraySpanMethod' ":"") :hasNO="false">
|
|
@:<el-table-column type="index" width="50" label="序号" align="center" @(Model.IsFixed ? "fixed='left'" : "")/>
|
|
break;
|
|
}
|
|
@*折叠面板优先生成子表*@
|
|
@switch(Model.ChildTableStyle)
|
|
{
|
|
case 2:
|
|
@:<el-table-column type="expand" width="40">
|
|
@:<template slot-scope="scope">
|
|
@:<el-tabs v-model="scope.row.activeName">
|
|
@foreach (var item in Model.ColumnDesign)
|
|
{
|
|
@if(item.IsChildTable)
|
|
{
|
|
@:<el-tab-pane label="@(item.Label)">
|
|
@:<el-table :data="scope.row.@(item.Name)" stripe size='mini'>
|
|
@foreach (var childs in item.ChildTableDesigns)
|
|
{
|
|
@:<el-table-column prop="@(childs.Name)" label="@(@childs.Label)" @(@Model.UseColumnPermission ? "v-if=\"jnpf.hasP('" + @item.Name + "-" + childs.Name + "')\" " : "")/>
|
|
}
|
|
@:</el-table>
|
|
@:</el-tab-pane>
|
|
}
|
|
}
|
|
@:</el-tabs>
|
|
@:</template>
|
|
@:</el-table-column>
|
|
break;
|
|
}
|
|
@foreach (var item in Model.ColumnDesign)
|
|
{
|
|
if(Model.IndexDataType == 3 && item.LowerName == Model.GroupField)
|
|
{
|
|
continue;
|
|
}
|
|
if(Model.IndexDataType == 3 && item.LowerName == Model.GroupShowField)
|
|
{
|
|
@:<el-table-column label="@(@item.Label)" prop="@(@item.Name)" align="left"@(item.Fixed != null || Model.IsFixed ? " fixed='left'" : "")>
|
|
@:<template slot-scope="scope">
|
|
@:<span v-if="scope.row.top" style="font-weight:bold;">{{scope.row.@(@item.Name)}}【{{scope.row.children.length}}】</span>
|
|
@:<span v-else>{{scope.row.@(@item.Name)}}</span>
|
|
@:</template>
|
|
@:</el-table-column>
|
|
continue;
|
|
}
|
|
@switch(Model.ChildTableStyle)
|
|
{
|
|
case 1:
|
|
if(item.IsChildTable)
|
|
{
|
|
@:<el-table-column label="@(@item.Label)" prop="@(@item.Name)" align="center">
|
|
@:<el-table-column prop="@(@item.Name)-child-first" width="1px" label-class-name="table-child-first" class-name="child-table-box">
|
|
@if(Model.IndexDataType == 3)
|
|
{
|
|
@:<template slot-scope="scope" v-if="!scope.row.top">
|
|
}else{
|
|
@:<template slot-scope="scope">
|
|
}
|
|
|
|
@:<div class="child-table-column">
|
|
@:<template v-if="!scope.row.@(@item.Name)Expand">
|
|
@:<tr v-for="(item, index) in scope.row.@(@item.Name).slice(0, 3)" class="child-table__row" :key="index">
|
|
@:<td class="td-child-first">
|
|
@:<div class="cell"></div>
|
|
@:</td>
|
|
@foreach (var childs in item.ChildTableDesigns)
|
|
{
|
|
@if(@childs.Width != "0")
|
|
{
|
|
@:<td :style="{width:`${@(childs.Width)-1}px`}" @(@Model.UseColumnPermission ? "v-if=\"jnpf.hasP('" + @item.Name + "-" + childs.Name + "')\"" : "")>
|
|
@:<div class="cell">
|
|
@if(childs.IsAutomatic)
|
|
{
|
|
@:{{ item.@(@childs.Name) | toDate() }}
|
|
}else{
|
|
@:{{ item.@(@childs.Name) }}
|
|
}
|
|
@:</div>
|
|
@:</td>
|
|
}else{
|
|
@:<td class="td-flex-1" @(@Model.UseColumnPermission ? "v-if=\"jnpf.hasP('" + @item.Name + "-" + childs.Name + "')\"" : "")>
|
|
@:<div class="cell">
|
|
@if(childs.IsAutomatic)
|
|
{
|
|
@:{{ item.@(@childs.Name) | toDate() }}
|
|
}else{
|
|
@:{{ item.@(@childs.Name) }}
|
|
}
|
|
@:</div>
|
|
@:</td>
|
|
}
|
|
}
|
|
@:</tr>
|
|
@:</template>
|
|
@:<template v-if="scope.row.@(@item.Name)Expand">
|
|
@:<tr v-for="(item, index) in scope.row.@(@item.Name)" class="child-table__row" :key="index">
|
|
@:<td class="td-child-first">
|
|
@:<div class="cell"></div>
|
|
@:</td>
|
|
@foreach (var childs in item.ChildTableDesigns)
|
|
{
|
|
@if(@childs.Width != "0")
|
|
{
|
|
@:<td :style="{width:`${@(childs.Width)-1}px`}" @(@Model.UseColumnPermission ? "v-if=\"jnpf.hasP('" + @item.Name + "-" + childs.Name + "')\"" : "")>
|
|
@:<div class="cell">
|
|
@if(childs.IsAutomatic)
|
|
{
|
|
@:{{ item.@(@childs.Name) | toDate() }}
|
|
}else{
|
|
@:{{ item.@(@childs.Name) }}
|
|
}
|
|
@:</div>
|
|
@:</td>
|
|
}else{
|
|
@:<td class="td-flex-1" @(@Model.UseColumnPermission ? "v-if=\"jnpf.hasP('" + @item.Name + "-" + childs.Name + "')\"" : "")>
|
|
@:<div class="cell">
|
|
@if(childs.IsAutomatic)
|
|
{
|
|
@:{{ item.@(@childs.Name) | toDate() }}
|
|
}else{
|
|
@:{{ item.@(@childs.Name) }}
|
|
}
|
|
@:</div>
|
|
@:</td>
|
|
}
|
|
}
|
|
@:</tr>
|
|
@:</template>
|
|
@:<div class="expand-more-btn" v-if="scope.row.@(@item.Name).length > 3">
|
|
@:<el-button v-if="scope.row.@(@item.Name)Expand" type="text" @@click="scope.row.@(@item.Name)Expand =!scope.row.@(@item.Name)Expand">隐藏部分</el-button>
|
|
@:<el-button v-if="!scope.row.@(@item.Name)Expand" type="text" @@click="scope.row.@(@item.Name)Expand=!scope.row.@(@item.Name)Expand">加载更多</el-button>
|
|
@:</div>
|
|
@:</div>
|
|
@:</template>
|
|
@:</el-table-column>
|
|
@foreach (var childs in item.ChildTableDesigns)
|
|
{
|
|
@:<el-table-column label="@(@childs.Label)" @(@item.Width)prop="@(@item.Name + "-" + @childs.Name)" @(@Model.UseColumnPermission ? "v-if=\"jnpf.hasP('" + @item.Name + "-" + childs.Name + "')\" " : "")align="@(@childs.Align)" @(@childs.IsSort)>
|
|
@:<template slot-scope="scope">{{ scope.row.@(@childs.Name) }}</template>
|
|
@:</el-table-column>
|
|
}
|
|
@:</el-table-column>
|
|
}else{
|
|
@:<el-table-column label="@(@item.Label)" @(@item.Width)prop="@(@item.Name)" @(@Model.UseColumnPermission ? "v-if=\"jnpf.hasP('" + item.Name + "')\" " : "")align="@(@item.Align)" @(@item.Fixed)@(@item.IsSort)>
|
|
@:</el-table-column>
|
|
}
|
|
break;
|
|
case 2:
|
|
@if(!item.IsChildTable)
|
|
{
|
|
@:<el-table-column label="@(@item.Label)" @(@item.Width)prop="@(@item.Name)" @(@Model.UseColumnPermission ? "v-if=\"jnpf.hasP('" + item.Name + "')\" " : "")align="@(@item.Align)" @(@item.IsSort)>
|
|
@:</el-table-column>
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
<el-table-column label="操作" fixed="right" width="@(@Model.ColumnButtonDesign.Count * 50)">
|
|
@if(Model.IndexDataType == 3)
|
|
{
|
|
@:<template slot-scope="scope" v-if="!scope.row.top">
|
|
}else{
|
|
@:<template slot-scope="scope">
|
|
}
|
|
@foreach (var item in @Model.ColumnButtonDesign)
|
|
{
|
|
@:<el-button type="text" @@click="@(@item.Method)" @(@item.Type)@(@Model.UseBtnPermission ? " v-has=\"'btn_" + @item.Value + "'\"":"")>@(@item.Label)</el-button>
|
|
}
|
|
</template>
|
|
</el-table-column>
|
|
</JNPF-table>
|
|
@if(Model.HasPage && Model.IndexDataType != 3)
|
|
{
|
|
@:<pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize" @@pagination="initData" />
|
|
}
|
|
</div>
|
|
</div>
|
|
<JNPF-Form v-if="formVisible" ref="JNPFForm" @@refresh="refresh" />
|
|
<ExportBox v-if="exportBoxVisible" ref="ExportBox" @@download="download" />
|
|
@if(Model.IsUpload)
|
|
{
|
|
@:<ImportBox v-if="uploadBoxVisible" ref="UploadBox" @@refresh="initData" />
|
|
}
|
|
@if(Model.IsDetail)
|
|
{
|
|
@:<Detail v-if="detailVisible" ref="Detail" @@refresh="detailVisible=false"/>
|
|
}
|
|
@if(Model.HasSuperQuery)
|
|
{
|
|
@:<SuperQuery v-if="superQueryVisible" ref="SuperQuery" :columnOptions="superQueryJson" @@superQuery="superQuery" />
|
|
}
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import request from '@@/utils/request'
|
|
import columnList from './columnList'
|
|
import { getDictionaryDataSelector } from '@@/api/systemData/dictionary'
|
|
import { getDataInterfaceRes } from '@@/api/systemData/dataInterface'
|
|
import JNPFForm from './Form'
|
|
@if(Model.IsDownload)
|
|
{
|
|
@:import ExportBox from '@@/components/ExportBox'
|
|
}
|
|
@if(Model.IsDetail){
|
|
@:import Detail from './Detail'
|
|
}
|
|
@if(Model.HasSuperQuery)
|
|
{
|
|
@:import SuperQuery from '@@/components/SuperQuery'
|
|
@:import superQueryJson from './superQueryJson'
|
|
}
|
|
export default {
|
|
components: { JNPFForm@(@Model.IsDownload ? ", ExportBox":"")@(@Model.IsDetail ? ", Detail":"")@(@Model.HasSuperQuery ? ", SuperQuery" : "") },
|
|
data() {
|
|
return {
|
|
@if(Model.IsUpload)
|
|
{
|
|
@:uploadBoxVisible:false,
|
|
}
|
|
@if(Model.IsChildTableShow)
|
|
{
|
|
@:columnOptions: [],
|
|
@:expandObj: {},
|
|
@:mergeList: [],
|
|
}
|
|
columnList,
|
|
@if(Model.IsDetail)
|
|
{
|
|
@:detailVisible: false,
|
|
}
|
|
@if(Model.HasSuperQuery)
|
|
{
|
|
@:superQueryVisible: false,
|
|
@:superQueryJson,
|
|
}
|
|
@if(Model.SearchColumnDesign.Count >= 3)
|
|
{
|
|
@:showAll: false,
|
|
}
|
|
query: {
|
|
@foreach (var item in @Model.SearchColumnDesign)
|
|
{
|
|
@:@(@item.Name) : undefined,
|
|
}
|
|
@if(!Model.IsExistQuery && Model.Type == 2)
|
|
{
|
|
@:'@(Model.TreeRelation)': undefined,
|
|
}
|
|
},
|
|
@if(Model.Type == 2)
|
|
{
|
|
@:treeProps: {
|
|
@:children: '@(@Model.TreePropsChildren)',
|
|
@:label: '@(@Model.TreePropsLabel)',
|
|
@:value: '@(@Model.TreePropsValue)',
|
|
@:},
|
|
}
|
|
list: [],
|
|
listLoading: true,
|
|
multipleSelection: [],
|
|
total: 0,
|
|
listQuery: {
|
|
@if(Model.HasPage && Model.IndexDataType != 3)
|
|
{
|
|
@:currentPage: 1,
|
|
@:pageSize: @(@Model.PageSize),
|
|
}
|
|
sort: "desc",
|
|
sidx: "",
|
|
@if(Model.HasSuperQuery)
|
|
{
|
|
@:superQueryJson: ''
|
|
}
|
|
},
|
|
formVisible: false,
|
|
exportBoxVisible: false,
|
|
@if(Model.Type == 2)
|
|
{
|
|
@:treeData:[],
|
|
}
|
|
@foreach(var item in @Model.OptionsList)
|
|
{
|
|
@if(item.IsIndex)
|
|
{
|
|
@:@item.Content
|
|
}
|
|
@if(item.IsProps)
|
|
{
|
|
@:@(@item.LowerName)Props:@(@item.QueryProps),
|
|
}
|
|
@switch(item.jnpfKey)
|
|
{
|
|
case "posSelect":
|
|
case "userSelect":
|
|
case "depSelect":
|
|
case "usersSelect":
|
|
@:@item.Content
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
menuId() {
|
|
return this.$route.meta.modelId || ''
|
|
}
|
|
},
|
|
created() {
|
|
@if(Model.IsChildTableShow)
|
|
{
|
|
@:this.getColumnList()
|
|
}
|
|
@if(Model.Type == 2)
|
|
{
|
|
@:this.getTreeView()
|
|
}
|
|
else{
|
|
@:this.initData()
|
|
}
|
|
@foreach(var item in @Model.OptionsList)
|
|
{
|
|
@if(!item.IsStatic && item.IsIndex)
|
|
{
|
|
@:this.get@(@item.LowerName)Options();
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
@if(Model.IsUpload)
|
|
{
|
|
@:handelUpload(){
|
|
@:this.uploadBoxVisible = true
|
|
@:this.$nextTick(() => {
|
|
@:this.$refs.UploadBox.init("",'@(@Model.NameSpace)/@(@Model.ClassName)')
|
|
@:})
|
|
@:},
|
|
}
|
|
@if(Model.IsDetail)
|
|
{
|
|
@:goDetail(id){
|
|
@:this.detailVisible = true
|
|
@:this.$nextTick(() => {
|
|
@:this.$refs.Detail.init(id)
|
|
@:})
|
|
@:},
|
|
}
|
|
@if(Model.HasSuperQuery)
|
|
{
|
|
@:openSuperQuery() {
|
|
@:this.superQueryVisible = true
|
|
@:this.$nextTick(() => {
|
|
@:this.$refs.SuperQuery.init()
|
|
@:})
|
|
@:},
|
|
@:superQuery(queryJson) {
|
|
@:this.listQuery.superQueryJson = this.getSuperQueryJson(queryJson)
|
|
@:this.listQuery.currentPage = 1
|
|
@:this.initData()
|
|
@:},
|
|
@:getSuperQueryJson(queryJson){
|
|
@:if (!queryJson) return ''
|
|
@:let queryJsonObj=JSON.parse(queryJson)
|
|
@:let conditionJsonObj=JSON.parse(queryJsonObj.conditionJson)
|
|
@:let newConditionJsonObj=conditionJsonObj.map(o=>{
|
|
@:o.multiple=o.attr.multiple
|
|
@:delete o.attr
|
|
@:return o
|
|
@:})
|
|
@:queryJsonObj.conditionJson=newConditionJsonObj
|
|
@:return JSON.stringify(queryJsonObj)
|
|
@:},
|
|
}
|
|
@foreach(var item in @Model.OptionsList)
|
|
{
|
|
@if(!item.IsStatic && item.IsIndex)
|
|
{
|
|
@:get@(@item.LowerName)Options(){
|
|
switch(@item.DataType)
|
|
{
|
|
case "dictionary":
|
|
@:getDictionaryDataSelector('@(@item.DictionaryType)').then(res => {
|
|
@:this.@(@item.LowerName)Options = res.data.list
|
|
break;
|
|
case "dynamic":
|
|
@:getDataInterfaceRes('@(@item.DictionaryType)').then(res => {
|
|
@:let data = res.data
|
|
@:this.@(@item.LowerName)Options = data
|
|
break;
|
|
}
|
|
@:});
|
|
@:},
|
|
}
|
|
}
|
|
@if(Model.IsSort)
|
|
{
|
|
@:sortChange({ column, prop, order }) {
|
|
@:this.listQuery.sort = order == 'ascending' ? 'asc' : 'desc'
|
|
@:this.listQuery.sidx = !order ? '' : prop
|
|
@:this.initData()
|
|
@:},
|
|
}
|
|
initData() {
|
|
this.listLoading = true;
|
|
let _query = {
|
|
...this.listQuery,
|
|
...this.query,
|
|
menuId : this.menuId,
|
|
};
|
|
let query = {}
|
|
for (let key in _query) {
|
|
if (Array.isArray(_query[key])) {
|
|
query[key] = _query[key].join()
|
|
} else {
|
|
query[key] = _query[key]
|
|
}
|
|
}
|
|
request({
|
|
url: `/api/@(@Model.NameSpace)/@(@Model.ClassName)/List`,
|
|
method: 'POST',
|
|
data: query
|
|
}).then(res => {
|
|
this.list = @(Model.HasPage ? "res.data.list" : "res.data").map(o => ({
|
|
...o,
|
|
...this.expandObj
|
|
}))
|
|
@if(Model.IndexDataType == 3)
|
|
{
|
|
@:this.list.map(o => {
|
|
@:if (o.children && o.children.length) {
|
|
@:o.children = o.children.map(e => ({
|
|
@:...e,
|
|
@:...this.expandObj
|
|
@:}))
|
|
@:}
|
|
@:})
|
|
}
|
|
this.listLoading = false
|
|
})
|
|
},
|
|
@if(Model.IsRemoveDel)
|
|
{
|
|
@:handleDel(id) {
|
|
@:this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
|
|
@:type: 'warning'
|
|
@:}).then(() => {
|
|
@:request({
|
|
@:url: `/api/@(@Model.NameSpace)/@(@Model.ClassName)/${id}`,
|
|
@:method: 'DELETE'
|
|
@:}).then(res => {
|
|
@:this.$message({
|
|
@:type: 'success',
|
|
@:message: res.msg,
|
|
@:onClose: () => {
|
|
@:this.initData()
|
|
@:}
|
|
@:});
|
|
@:})
|
|
@:}).catch(() => {
|
|
@:});
|
|
@:},
|
|
}
|
|
@if(Model.IsChildTableShow)
|
|
{
|
|
@:getColumnList() {
|
|
@if(!Model.UseColumnPermission)
|
|
{
|
|
@:this.columnOptions = this.transformColumnList(this.columnList)
|
|
}else{
|
|
@:let columnPermissionList = []
|
|
@:const permissionList = this.$store.getters.permissionList
|
|
@:const modelId = this.$route.meta.modelId
|
|
@:const list = permissionList.filter(o => o.modelId === modelId)
|
|
@:const columnList = list[0] && list[0].column ? list[0].column : []
|
|
@:for (let i = 0; i < this.columnList.length; i++) {
|
|
@:inner: for (let j = 0; j < columnList.length; j++) {
|
|
@:if (this.columnList[i].prop === columnList[j].enCode) {
|
|
@:columnPermissionList.push(this.columnList[i])
|
|
@:break inner
|
|
@:}
|
|
@:}
|
|
@:}
|
|
@:this.columnOptions = this.transformColumnList(columnPermissionList)
|
|
}
|
|
@:},
|
|
@:transformColumnList(columnList) {
|
|
@:let list = []
|
|
@:for (let i = 0; i < columnList.length; i++) {
|
|
@:const e = columnList[i];
|
|
@:if (!e.prop.includes('-')) {
|
|
@:list.push(e)
|
|
@:} else {
|
|
@:let prop = e.prop.split('-')[0]
|
|
@:let label = e.label.split('-')[0]
|
|
@:let vModel = e.prop.split('-')[1]
|
|
@:let newItem = {
|
|
@:align: "center",
|
|
@:jnpfKey: "table",
|
|
@:prop,
|
|
@:label,
|
|
@:children: []
|
|
@:}
|
|
@:e.vModel = vModel
|
|
@:if (!this.expandObj.hasOwnProperty(`${prop}Expand`)) this.$set(this.expandObj, `${prop}Expand`, false)
|
|
@:if (!list.some(o => o.prop === prop)) list.push(newItem)
|
|
@:for (let i = 0; i < list.length; i++) {
|
|
@:if (list[i].prop === prop) {
|
|
@:list[i].children.push(e)
|
|
@:break
|
|
@:}
|
|
@:}
|
|
@:}
|
|
@:}
|
|
@:this.getMergeList(list)
|
|
@:return list
|
|
@:},
|
|
@:getMergeList(list) {
|
|
@:let newList = JSON.parse(JSON.stringify(list))
|
|
@:newList.forEach(item => {
|
|
@:if (item.children && item.children.length) {
|
|
@:let child = {
|
|
@:prop: item.prop + '-child-first'
|
|
@:}
|
|
@:item.children.unshift(child)
|
|
@:}
|
|
@:})
|
|
@:newList.forEach(item => {
|
|
@:if (item.children && item.children.length > 0) {
|
|
@:item.children.forEach((child, index) => {
|
|
@:if (index == 0) {
|
|
@:this.mergeList.push({
|
|
@:prop: child.prop,
|
|
@:rowspan: 1,
|
|
@:colspan: item.children.length
|
|
@:})
|
|
@:} else {
|
|
@:this.mergeList.push({
|
|
@:prop: child.prop,
|
|
@:rowspan: 0,
|
|
@:colspan: 0
|
|
@:})
|
|
@:}
|
|
@:})
|
|
@:} else {
|
|
@:this.mergeList.push({
|
|
@:prop: item.prop,
|
|
@:rowspan: 1,
|
|
@:colspan: 1
|
|
@:})
|
|
@:}
|
|
@:})
|
|
@:},
|
|
@:arraySpanMethod({ column }) {
|
|
@:for (let i = 0; i < this.mergeList.length; i++) {
|
|
@:if (column.property == this.mergeList[i].prop) {
|
|
@:return [this.mergeList[i].rowspan, this.mergeList[i].colspan]
|
|
@:}
|
|
@:}
|
|
@:},
|
|
}
|
|
@if(Model.IsBatchRemoveDel)
|
|
{
|
|
@:handleSelectionChange(val) {
|
|
@:const res = val.map(item => item.@(@Model.PrimaryKey))
|
|
@:this.multipleSelection = res
|
|
@:},
|
|
@:handleBatchRemoveDel() {
|
|
@:if (!this.multipleSelection.length) {
|
|
@:this.$message({
|
|
@:type: 'error',
|
|
@:message: '请选择一条数据',
|
|
@:duration: 1500,
|
|
@:})
|
|
@:return
|
|
@:}
|
|
@:const ids = this.multipleSelection
|
|
@:this.$confirm('您确定要删除这些数据吗, 是否继续？', '提示', {
|
|
@:type: 'warning'
|
|
@:}).then(() => {
|
|
@:request({
|
|
@:url: `/api/@(@Model.NameSpace)/@(@Model.ClassName)/batchRemove`,
|
|
@:method: 'POST',
|
|
@:data: ids ,
|
|
@:}).then(res => {
|
|
@:this.$message({
|
|
@:type: 'success',
|
|
@:message: res.msg,
|
|
@:onClose: () => {
|
|
@:this.initData()
|
|
@:}
|
|
@:});
|
|
@:})
|
|
@:}).catch(() => { })
|
|
@:},
|
|
}
|
|
addOrUpdateHandle(id) {
|
|
this.formVisible = true
|
|
this.$nextTick(() => {
|
|
this.$refs.JNPFForm.init(id)
|
|
})
|
|
},
|
|
@if(Model.IsDownload)
|
|
{
|
|
@:exportData() {
|
|
@:this.exportBoxVisible = true
|
|
@:this.$nextTick(() => {
|
|
@:this.$refs.ExportBox.init(this.columnList)
|
|
@:})
|
|
@:},
|
|
@:download(data) {
|
|
@:let query = {dataType:data.dataType, selectKey:data.selectKey.join(','), ...this.listQuery, ...this.query, menuId:this.menuId}
|
|
@:request({
|
|
@:url: `/api/@(@Model.NameSpace)/@(@Model.ClassName)/Actions/Export`,
|
|
@:method: 'GET',
|
|
@:data: query
|
|
@:}).then(res => {
|
|
@:if (!res.data.url) return
|
|
@:this.jnpf.downloadFile(res.data.url)
|
|
@:this.$refs.ExportBox.visible = false
|
|
@:this.exportBoxVisible = false
|
|
@:})
|
|
@:},
|
|
}
|
|
@if(Model.Type == 2)
|
|
{
|
|
switch(@Model.TreeDataSource)
|
|
{
|
|
case "organize":
|
|
|
|
@:getNodePath(node) {
|
|
@:let fullPath = []
|
|
@:const loop = (node) => {
|
|
@:if (node.level) fullPath.unshift(node.data)
|
|
@:if (node.parent) loop(node.parent)
|
|
@:}
|
|
@:loop(node)
|
|
@:return fullPath
|
|
@:},
|
|
break;
|
|
}
|
|
@:handleNodeClick(data, node){
|
|
@:this.treeActiveId = data.@(@Model.TreePropsValue)
|
|
@:for (let key in this.query) {
|
|
@:this.query[key] = undefined
|
|
@:}
|
|
switch(@Model.TreeDataSource)
|
|
{
|
|
case "organize":
|
|
|
|
@:const nodePath = this.getNodePath(node)
|
|
@:const currValue = nodePath.map(o => o.@(@Model.TreePropsValue))
|
|
@:this.query.@(Model.TreeRelation) = currValue
|
|
break;
|
|
default:
|
|
@:this.query.@(Model.TreeRelation) = data.@(@Model.TreePropsValue)
|
|
break;
|
|
}
|
|
@:this.listQuery = {
|
|
@:currentPage: 1,
|
|
@:pageSize: @(@Model.PageSize),
|
|
@:sort: "@(@Model.Sort)",
|
|
@:sidx: "@(@Model.DefaultSidx)",
|
|
@:}
|
|
@:this.initData()
|
|
@:},
|
|
@:getTreeView() {
|
|
switch(@Model.TreeDataSource)
|
|
{
|
|
case "dictionary":
|
|
@:getDictionaryDataSelector('@(@Model.TreeDictionary)').then(res => {
|
|
@:this.treeData = res.data.list
|
|
@:this.initData()
|
|
@:})
|
|
break;
|
|
case "department":
|
|
@:this.$store.dispatch('generator/getDepTree').then(res => {
|
|
@:this.treeData = res
|
|
@:this.initData()
|
|
@:})
|
|
break;
|
|
case "organize":
|
|
@:this.$store.dispatch('generator/getDepTree').then(res => {
|
|
@:this.treeData = res
|
|
@:this.initData()
|
|
@:})
|
|
break;
|
|
case "api":
|
|
@:getDataInterfaceRes('@(@Model.TreePropsUrl)').then(res => {
|
|
@:if (Array.isArray(res.data)) {
|
|
@:this.treeData = res.data
|
|
@:} else {
|
|
@:this.treeData = []
|
|
@:}
|
|
@:this.initData()
|
|
@:})
|
|
break;
|
|
}
|
|
@:},
|
|
}
|
|
search() {
|
|
this.listQuery = {
|
|
currentPage: 1,
|
|
pageSize: @(@Model.PageSize),
|
|
sort: "@(@Model.Sort)",
|
|
sidx: "@(@Model.DefaultSidx)",
|
|
}
|
|
this.initData()
|
|
},
|
|
refresh(isrRefresh) {
|
|
this.formVisible = false
|
|
if (isrRefresh) this.reset()
|
|
},
|
|
reset() {
|
|
for (let key in this.query) {
|
|
this.query[key] = undefined
|
|
}
|
|
this.listQuery = {
|
|
currentPage: 1,
|
|
pageSize: @(@Model.PageSize),
|
|
sort: "@(@Model.Sort)",
|
|
sidx: "@(@Model.DefaultSidx)",
|
|
@if(Model.HasSuperQuery)
|
|
{
|
|
@:superQueryJson: this.listQuery.superQueryJson
|
|
}
|
|
}
|
|
this.initData()
|
|
}
|
|
}
|
|
}
|
|
</script> |