1051 lines
33 KiB
Vue
1051 lines
33 KiB
Vue
<template>
|
||
<view class="dynamicModel-list-v">
|
||
<!-- 批量删除顶部弹窗 -->
|
||
<view class="u-flex top-btn" :class="slide2" v-show="selectItems.length">
|
||
<view class="button-left" @click.stop="cancel">
|
||
<p class="u-m-t-10 u-font-28">{{$t('common.cancelText')}}</p>
|
||
</view>
|
||
<view class="button-center">
|
||
<p class="u-m-t-10 u-font-28">{{$t('component.jnpf.common.selected')}}({{selectItems.length}})</p>
|
||
</view>
|
||
<view class="button-right u-m-t-12" @click.stop="checkAll">
|
||
<p class="icon-ym icon-ym-app-checkAll " :style="{'color':this.checkedAll ? '#0293fc' : '#303133'}">
|
||
</p>
|
||
</view>
|
||
</view>
|
||
<!-- 排序 -->
|
||
<view class="head-warp com-dropdown">
|
||
<u-dropdown class="u-dropdown" ref="uDropdown" @open="showTop = true" @close="showTop = false">
|
||
<u-dropdown-item :title="$t('app.apply.sort')" :options="sortOptions">
|
||
<view class="screen-box">
|
||
<view class="screen-list" v-if="sortOptions.length">
|
||
<view class="u-p-l-20 u-p-r-20 list">
|
||
<scroll-view scroll-y="true" style="height: 100%;">
|
||
<u-cell-group :border="false">
|
||
<u-cell-item @click="cellClick(item)" :arrow="false" :title="item.label"
|
||
v-for="(item, index) in sortOptions" :key="index" :title-style="{
|
||
color: sortValue.includes(item.value) ? '#2979ff' : '#606266' }">
|
||
<u-icon v-if="sortValue.includes(item.value)" name="checkbox-mark"
|
||
color="#2979ff" size="32" />
|
||
</u-cell-item>
|
||
</u-cell-group>
|
||
</scroll-view>
|
||
</view>
|
||
</view>
|
||
<JnpfEmpty v-else></JnpfEmpty>
|
||
<view class="buttom-actions" v-if="sortOptions.length">
|
||
<u-button class="buttom-btn" @click="handleSortReset">{{$t('common.cleanText')}}</u-button>
|
||
<u-button class="buttom-btn" type="primary" @click="handleSortSearch">
|
||
{{$t('common.okText')}}
|
||
</u-button>
|
||
</view>
|
||
</view>
|
||
</u-dropdown-item>
|
||
<!-- 筛选 -->
|
||
<u-dropdown-item :title="$t('app.apply.screen')">
|
||
<view class="screen-box u-flex-col">
|
||
<view class="screen-list" v-if="showParser && searchFormConf.length">
|
||
<view class="u-p-l-20 u-p-r-20 list">
|
||
<scroll-view scroll-y="true" style="height: 100%;">
|
||
<Parser :formConf="searchFormConf" :searchFormData="searchFormData"
|
||
:webType="config.webType" ref="searchForm" @submit="sumbitSearchForm" />
|
||
</scroll-view>
|
||
</view>
|
||
<view class="u-flex screen-btn" v-if="showParser && searchFormConf.length">
|
||
<text @click="handleReset" class="btn btn1">{{$t('common.resetText')}}</text>
|
||
<text @click="handleSearch" class="btn btn2">{{$t('common.searchText')}}</text>
|
||
</view>
|
||
</view>
|
||
<JnpfEmpty v-else></JnpfEmpty>
|
||
</view>
|
||
</u-dropdown-item>
|
||
</u-dropdown>
|
||
</view>
|
||
<view class="u-m-b-20">
|
||
<u-tabs :list="tabList" v-model="tabActiveKey" font-size="28" @change="onTabChange" height="80"
|
||
name="fullName" v-show="showTabs">
|
||
</u-tabs>
|
||
</view>
|
||
|
||
<!-- 列表 -->
|
||
<view class="list-warp">
|
||
<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
|
||
:down="downOption" :up="upOption" :bottombar="false"
|
||
:top="(columnData.tabConfig && columnData.tabConfig.on && tabList.length) ? 190 : 100">
|
||
<list ref="list" :list="list" :columnList="columnList" :config="config" :actionOptions="actionOptions"
|
||
@relationFormClick="relationFormClick" @goDetail="goDetail" @handleMoreClick="handleMoreClick"
|
||
@handleClick="handleClick" :showSelect="isShowBatch.length" :checkedAll="checkedAll"
|
||
@selectCheckbox="selectCheckbox" :isMoreBtn="isMoreBtn" :customBtnsList="columnData.customBtnsList">
|
||
</list>
|
||
</mescroll-uni>
|
||
</view>
|
||
<view v-if="!showTop">
|
||
<!-- 新增按钮 -->
|
||
<view>
|
||
<view class="com-addBtn" @click="addPage()">
|
||
<u-icon name="plus" size="48" color="#fff" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<u-select :list="listInnerBtn" v-model="showMoreBtn" @confirm="selectBtnconfirm" />
|
||
<u-select :list="bottomCustomBtnsList[1]" v-model="showBottomMoreBtn" @confirm="bottomBtnConfirm" />
|
||
<!-- 批量操作底部弹窗 -->
|
||
<view class="u-flex bottom-btn" :class="isShowBatch?.length==1? 'bottom-btn-one ':'bottom-btn-multiple'"
|
||
v-if="(isShowBatch.length && list.length) || (bottomCustomBtnsList && bottomCustomBtnsList[0].length)">
|
||
<view class="button-preIcon" @click.stop="handleBottomMoreClick('down')"
|
||
v-if="bottomCustomBtnsList[1].length">
|
||
<u-icon name="more-dot-fill" class="u-m-b-8" size="34"></u-icon>
|
||
<p class="u-font-24">{{$t('common.moreText')}}</p>
|
||
</view>
|
||
<!-- 自定义按钮 -->
|
||
<view class="button-preIcon" v-for="(item,i) in bottomCustomBtnsList[0]" :key="i"
|
||
@click="bottomBtnConfirm(item)">
|
||
<p class="btn-icon u-m-b-8" :class="item.event.btnIcon">
|
||
</p>
|
||
<p class="u-m-t-8 u-font-22 u-line-1">{{item.label}}</p>
|
||
</view>
|
||
<!-- 批量删除 -->
|
||
<view class="button-preIcon" @click.stop="batchDelete" v-if="isBatchRemove && list.length">
|
||
<p class="icon-ym icon-ym-app-delete u-m-b-8"></p>
|
||
<p class="u-m-t-10 u-font-22">{{$t('common.batchDelText')}}</p>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { useBaseStore } from '@/store/modules/base'
|
||
const baseStore = useBaseStore()
|
||
import list from './list.vue'
|
||
import resources from '@/libs/resources.js'
|
||
import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
|
||
import bulkOperationMixin from "../../bulkOperationMixin.js";
|
||
import jnpf from "@/utils/jnpf";
|
||
import Parser from '../parser/index.vue'
|
||
import {
|
||
getModelDataList,
|
||
getDbfromList,
|
||
deteleModel,
|
||
getModelInfo,
|
||
launchFlow
|
||
} from '@/api/apply/visualDev'
|
||
import { getDataInterfaceRes } from '@/api/common'
|
||
import deepClone from '../../../../../uni_modules/vk-uview-ui/libs/function/deepClone';
|
||
import { useDefineSetting } from '@/utils/useDefineSetting';
|
||
|
||
export default {
|
||
mixins: [MescrollMixin, bulkOperationMixin],
|
||
props: ['config', 'modelId', 'isPreview', 'title', 'menuId'],
|
||
components: {
|
||
Parser,
|
||
list
|
||
},
|
||
data() {
|
||
return {
|
||
selectedSort: {},
|
||
tabActiveKey: 0,
|
||
tabList: [],
|
||
tabQueryJson: {},
|
||
sortValue: [],
|
||
downOption: {
|
||
use: true,
|
||
auto: false
|
||
},
|
||
upOption: {
|
||
page: {
|
||
num: 0,
|
||
size: 10,
|
||
time: null
|
||
},
|
||
empty: {
|
||
use: true,
|
||
icon: resources.message.nodata,
|
||
tip: this.$t('common.noData'),
|
||
fixed: true
|
||
},
|
||
textNoMore: this.$t('app.apply.noMoreData'),
|
||
},
|
||
list: [],
|
||
listQuery: {
|
||
sidx: '',
|
||
asc: '', // 升序
|
||
desc: '', // 降序
|
||
queryJson: {}
|
||
},
|
||
actionOptions: [],
|
||
showParser: true, // 强制显示筛选面板
|
||
columnData: {},
|
||
columnList: [],
|
||
sortList: [],
|
||
sortOptions: [],
|
||
searchList: [], // 初始化空数组
|
||
searchFormConf: [],
|
||
permission: {},
|
||
selectListIndex: 0,
|
||
showBottomMoreBtn: false,
|
||
showMoreBtn: false,
|
||
properties: {},
|
||
flowId: '',
|
||
key: +new Date(),
|
||
userInfo: {},
|
||
searchFormData: {},
|
||
enableFunc: {},
|
||
selectItems: [],
|
||
listInnerBtn: [],
|
||
listTopBtn: [],
|
||
useDefine: useDefineSetting(),
|
||
departmentList: [] // 新增：存储接口返回的部门列表
|
||
}
|
||
},
|
||
async created() {
|
||
// 1. 先加载部门数据（await 确保接口完成后再执行init）
|
||
await this.loadDepartmentList()
|
||
// 2. 强制执行初始化
|
||
this.init()
|
||
// 3. 强制触发列表加载，确保页面初始化完成
|
||
this.$nextTick(() => {
|
||
this.mescrollInit()
|
||
this.mescroll.resetUpScroll()
|
||
})
|
||
},
|
||
mounted() {
|
||
// 兜底：mounted阶段再次强制设置mock数据
|
||
this.forceSetMockData()
|
||
},
|
||
computed: {
|
||
showTabs() {
|
||
return this.columnData?.tabConfig?.on && this.tabList.length
|
||
},
|
||
bottomCustomBtnsList() {
|
||
if (this.listTopBtn.length <= 3) return [this.listTopBtn, []];
|
||
const firstArray = this.listTopBtn.slice(0, 3);
|
||
const secondArray = this.listTopBtn.slice(3);
|
||
return [firstArray, secondArray];
|
||
},
|
||
getRowKey() {
|
||
return this.config.webType == 4 && this.columnData.viewKey ? this.columnData.viewKey : 'id'
|
||
},
|
||
isMoreBtn() {
|
||
return this.columnData?.customBtnsList?.some(item => item.event?.btnType === 2);
|
||
},
|
||
isShowBatch() {
|
||
const list = this.filterEmpty([this.isBatchRemove, ...this.bottomCustomBtnsList])
|
||
return list.filter(i => i !== undefined)
|
||
},
|
||
customBtnsList() {
|
||
return this.columnData?.customBtnsList?.some(item => item.event?.btnType === 1);
|
||
},
|
||
isBatchRemove() {
|
||
return this.columnData?.btnsList?.find(item => item.value === "batchRemove" && item.show)
|
||
}
|
||
},
|
||
methods: {
|
||
/**
|
||
* 加载部门列表（改为async/await，确保异步逻辑等待完成）
|
||
*/
|
||
async loadDepartmentList() {
|
||
console.log(this.modelId,'modelId------')
|
||
try {
|
||
// 用await等待接口返回，解决异步时序问题
|
||
const res = await getDbfromList('1964207990401785857');
|
||
console.log(res,'res---------111')
|
||
if(res.code == 0 && res.data?.records?.length){
|
||
this.departmentList = res.data.records.map(item => ({
|
||
label: item.full_name,
|
||
value: item.id // 如需用名称作为value，可改为 item.full_name
|
||
}));
|
||
}
|
||
console.log(this.departmentList,'departmentList----')
|
||
|
||
// 关键：接口返回后更新筛选配置的部门选项
|
||
this.mockSearchListForDepartment();
|
||
this.handleSearchList();
|
||
} catch (error) {
|
||
console.error('加载部门列表失败：', error);
|
||
// 接口失败时的兜底数据
|
||
this.departmentList = [
|
||
{ label: '技术部', value: '技术部' },
|
||
{ label: '财务部', value: '财务部' },
|
||
{ label: '行政部', value: '行政部' },
|
||
{ label: '销售部', value: '销售部' }
|
||
];
|
||
// 兜底数据也要更新筛选配置
|
||
this.mockSearchListForDepartment();
|
||
this.handleSearchList();
|
||
}
|
||
},
|
||
/**
|
||
* 专门生成带部门列表的筛选配置（只更新申请单位项，不影响其他筛选项）
|
||
*/
|
||
mockSearchListForDepartment() {
|
||
// 先检查是否已有申请单位的筛选项，有则更新options，无则新增
|
||
const depItemIndex = this.searchList.findIndex(item => item.id === 'applyDepId');
|
||
if (depItemIndex > -1) {
|
||
// 已有则更新options
|
||
this.searchList[depItemIndex].options = this.departmentList;
|
||
} else {
|
||
// 没有则新增申请单位筛选项
|
||
this.searchList.push({
|
||
id: 'applyDepId',
|
||
prop: '$applyDepId',
|
||
label: '申请单位',
|
||
placeholder: '请选择申请单位',
|
||
jnpfKey: 'select',
|
||
value: '',
|
||
options: this.departmentList,
|
||
__config__: {
|
||
jnpfKey: 'select',
|
||
label: '申请单位',
|
||
isFromParam: false
|
||
},
|
||
noShow: false
|
||
});
|
||
}
|
||
// 同时更新forceSetMockData里的申请单位options（兜底）
|
||
this.forceSetMockData();
|
||
},
|
||
filterEmpty(arr) {
|
||
return arr.filter(item => {
|
||
if (Array.isArray(item)) return item.length > 0;
|
||
if (typeof item === 'object' && item !== null) return Object.keys(item).length > 0;
|
||
return true;
|
||
});
|
||
},
|
||
selectCheckbox(data) {
|
||
this.selectItems = data
|
||
},
|
||
// 新增：强制设置mock数据（兜底逻辑）
|
||
forceSetMockData() {
|
||
// 强制设置排序选项
|
||
if (!this.sortOptions.length) {
|
||
this.sortOptions = [
|
||
{ label: '创建时间 升序', value: 'create_time_asc', field: 'create_time', type: 'asc' },
|
||
{ label: '创建时间 降序', value: 'create_time_desc', field: 'create_time', type: 'desc' },
|
||
];
|
||
}
|
||
// 强制设置筛选配置（只在无数据时初始化，避免覆盖接口返回的配置）
|
||
if (!this.searchFormConf.length) {
|
||
this.searchFormConf = [
|
||
{
|
||
id: 'applyDepId',
|
||
prop: '$applyDepId',
|
||
label: '申请单位',
|
||
placeholder: '请选择申请单位',
|
||
jnpfKey: 'select',
|
||
value: '',
|
||
options: this.departmentList, // 动态绑定最新部门列表
|
||
__config__: {
|
||
jnpfKey: 'select',
|
||
label: '申请单位',
|
||
isFromParam: false
|
||
},
|
||
noShow: false
|
||
},
|
||
{
|
||
id: 'applyUser',
|
||
prop: 'applyUser',
|
||
label: '申请人',
|
||
placeholder: '请输入申请人员',
|
||
jnpfKey: 'input',
|
||
clearable: true,
|
||
isKeyword: true,
|
||
value: '',
|
||
__config__: {
|
||
jnpfKey: 'input',
|
||
label: '申请人',
|
||
isFromParam: false
|
||
},
|
||
noShow: false
|
||
},
|
||
{
|
||
id: 'operationDepName',
|
||
prop: 'operationDepName',
|
||
label: '作业单位',
|
||
placeholder: '请输入作业单位',
|
||
jnpfKey: 'input',
|
||
clearable: true,
|
||
isKeyword: true,
|
||
value: '',
|
||
__config__: {
|
||
jnpfKey: 'input',
|
||
label: '作业单位',
|
||
isFromParam: false
|
||
},
|
||
noShow: false
|
||
},
|
||
];
|
||
this.searchList = [...this.searchFormConf]
|
||
} else {
|
||
// 如果已有筛选配置，只更新申请单位的options
|
||
const depConfIndex = this.searchFormConf.findIndex(item => item.id === 'applyDepId');
|
||
if (depConfIndex > -1) {
|
||
this.searchFormConf[depConfIndex].options = this.departmentList;
|
||
}
|
||
}
|
||
},
|
||
init() {
|
||
this.userInfo = uni.getStorageSync('userInfo') || {};
|
||
this.properties = this.config.flowTemplateJson ? JSON.parse(this.config.flowTemplateJson).properties : {};
|
||
let columnDataStr = this.config?.appColumnData || '{}'; // 改为空对象，避免解析报错
|
||
try {
|
||
this.columnData = JSON.parse(columnDataStr);
|
||
} catch (e) {
|
||
this.columnData = {};
|
||
}
|
||
this.permission = this.$permission.getPermission(this.columnData, this.menuId, this.jnpf.getScriptFunc);
|
||
this.enableFunc = this.permission.enableFunc;
|
||
this.upOption.page.size = this.columnData.hasPage ? this.columnData.pageSize : 1000000;
|
||
this.setDefaultQuery();
|
||
|
||
// ========== 强制设置列数据（优先级最高） ==========
|
||
this.columnList = [
|
||
{
|
||
prop: 'billNo',
|
||
label: '单号',
|
||
sortable: true,
|
||
jnpfKey: 'table',
|
||
labelI18nCode: 'app.apply.billNo'
|
||
},
|
||
{
|
||
prop: 'applyDepName',
|
||
label: '申请单位',
|
||
sortable: false,
|
||
jnpfKey: 'table',
|
||
labelI18nCode: 'app.apply.applyDepName'
|
||
},
|
||
{
|
||
prop: 'applyUser',
|
||
label: '申请人员',
|
||
sortable: true,
|
||
jnpfKey: 'table',
|
||
labelI18nCode: 'app.apply.applyUser'
|
||
},
|
||
{
|
||
prop: 'create_time',
|
||
label: '创建时间',
|
||
sortable: true,
|
||
jnpfKey: 'table',
|
||
labelI18nCode: 'app.apply.createTime'
|
||
},
|
||
{
|
||
prop: 'approveStatusName',
|
||
label: '审批状态',
|
||
sortable: false,
|
||
jnpfKey: 'table',
|
||
labelI18nCode: 'app.apply.approveStatus'
|
||
}
|
||
];
|
||
|
||
this.columnData.customBtnsList = this.permission.customBtnsPermission || [];
|
||
this.columnData.customBtnsList.map((o) => {
|
||
if (o.labelI18nCode) o.label = this.$t(o.labelI18nCode)
|
||
})
|
||
this.setBtns()
|
||
this.columnList = this.transformColumnList(this.columnList)
|
||
this.columnList.map((o) => {
|
||
if (o.labelI18nCode) o.label = this.$t(o.labelI18nCode)
|
||
});
|
||
|
||
// ========== 强制设置排序数据 ==========
|
||
this.sortList = this.columnList.filter(o => o.sortable);
|
||
// this.handleSortList(); // 立即生成排序选项
|
||
|
||
// ========== 强制设置筛选数据 ==========
|
||
this.handleSearchList(); // 处理筛选配置
|
||
|
||
this.getTabList();
|
||
this.handleDeleteBtn()
|
||
this.key = +new Date()
|
||
|
||
// 兜底：强制触发mock数据生效
|
||
this.forceSetMockData()
|
||
},
|
||
setBtns() {
|
||
const buttons = {
|
||
inner: [],
|
||
top: []
|
||
};
|
||
this.columnData.customBtnsList.forEach(item => {
|
||
const key = item.event.position === 2 ? 'top' : 'inner';
|
||
buttons[key].push(item);
|
||
});
|
||
this.listInnerBtn = buttons.inner;
|
||
this.listTopBtn = buttons.top;
|
||
},
|
||
upCallback(page) {
|
||
if (this.isPreview == '1') return this.mescroll.endSuccess(0, false);
|
||
const { asc, desc, queryJson = {} } = this.listQuery
|
||
const query = {
|
||
pageNo: page.num,
|
||
pageSize: page.size,
|
||
menuId: this.menuId,
|
||
modelId: this.modelId,
|
||
asc,
|
||
desc,
|
||
...queryJson
|
||
}
|
||
getDbfromList(this.modelId, query, {
|
||
load: page.num == 1
|
||
}).then(res => {
|
||
this.selectItems = []
|
||
this.$nextTick(() => {
|
||
this.$refs.list.handleCheckAll()
|
||
})
|
||
this.showParser = true
|
||
if (page.num == 1) this.list = [];
|
||
this.mescroll.endSuccess(res.data.records.length);
|
||
const list = res.data.records.map((o, i) => ({
|
||
checked: false,
|
||
index: i,
|
||
...o
|
||
}));
|
||
this.list = this.list.concat(list);
|
||
console.log(this.list, 'list----')
|
||
this.$nextTick(() => {
|
||
if (this.columnData.funcs && this.columnData.funcs.afterOnload) this
|
||
.setTableLoadFunc()
|
||
})
|
||
if (!this.selectItems.length || !this.list.length) this.cancel()
|
||
}).catch((err) => {
|
||
this.mescroll.endByPage(0, 0);
|
||
this.mescroll.endErr();
|
||
})
|
||
},
|
||
async getTabList() {
|
||
this.tabList = [];
|
||
if (!this.columnData.tabConfig) return;
|
||
const list = this.columnData.columnOptions.filter(o => o.__vModel__ == this.columnData.tabConfig
|
||
.relationField) || [];
|
||
if (list?.length) {
|
||
this.columnData.tabConfig?.hasAllTab && this.tabList.push({
|
||
fullName: '全部',
|
||
id: undefined
|
||
});
|
||
if (list[0].__config__.dataType == 'dictionary' && list[0].__config__.dictionaryType) {
|
||
const data = await baseStore.getDicDataSelector(list[0].__config__.dictionaryType) || [];
|
||
const options = list[0].props.value == 'enCode' ? data.map(o => ({
|
||
...o,
|
||
id: o.enCode
|
||
})) : data;
|
||
this.tabList = [...this.tabList, ...options];
|
||
} else {
|
||
this.tabList = [...this.tabList, ...list[0].options];
|
||
}
|
||
}
|
||
this.tabActiveKey = 0;
|
||
this.onTabChange(this.tabActiveKey)
|
||
},
|
||
onTabChange(val) {
|
||
const {
|
||
hasAllTab,
|
||
relationField
|
||
} = this.columnData.tabConfig;
|
||
const currentTab = this.tabList[val];
|
||
const shouldSetRelation = !hasAllTab || val !== 0;
|
||
this.tabActiveKey = val;
|
||
this.tabQueryJson = shouldSetRelation ? {
|
||
[relationField]: currentTab.id
|
||
} : {};
|
||
const search = this.$refs.searchForm?.allCondition() || {};
|
||
this.listQuery.queryJson = JSON.stringify({
|
||
...search,
|
||
...this.tabQueryJson
|
||
});
|
||
this.initData();
|
||
},
|
||
handleSearchForm(data) {
|
||
let newData = {};
|
||
for (let key in data) {
|
||
if (data.hasOwnProperty(key)) {
|
||
if (typeof data[key] === 'object' && data[key] !== null) {
|
||
for (let innerKey in data[key]) {
|
||
if (data[key].hasOwnProperty(innerKey)) {
|
||
let newKey = `${key}-${innerKey}`;
|
||
newData[newKey] = data[key][innerKey];
|
||
}
|
||
}
|
||
} else {
|
||
newData[key] = data[key];
|
||
}
|
||
}
|
||
}
|
||
return newData
|
||
},
|
||
sumbitSearchForm(data) {
|
||
this.searchFormData = data
|
||
this.listQuery.queryJson = data
|
||
this.$refs.uDropdown.close();
|
||
this.$nextTick(() => {
|
||
this.list = [];
|
||
this.mescroll.resetUpScroll();
|
||
})
|
||
},
|
||
customEnableRule(data, funcName) {
|
||
// #ifdef MP-WEIXIN
|
||
return true
|
||
// #endif
|
||
// #ifndef MP-WEIXIN
|
||
let func = this.enableFunc[funcName]
|
||
if (!func) return false
|
||
let res = func.call(this, {
|
||
row: data,
|
||
rowIndex: data.index,
|
||
onlineUtils: this.jnpf.onlineUtils,
|
||
})
|
||
return res
|
||
// #endif
|
||
},
|
||
handleDeleteBtn() {
|
||
if (this.config.webType == 4) return
|
||
const actionOptions = this.columnData.columnBtnsList.filter(o => o.value == 'remove' && o.show)
|
||
this.actionOptions = actionOptions.map(o => ({
|
||
...o,
|
||
//#ifdef MP-WEIXIN
|
||
text: o.labelI18nCode ? this.$t(o.labelI18nCode) : o.label,
|
||
//#endif
|
||
//#ifndef MP-WEIXIN
|
||
text: o.labelI18nCode ? this.$t(o.labelI18nCode, o.label) : o.label,
|
||
//#endif
|
||
style: {
|
||
backgroundColor: '#dd524d'
|
||
}
|
||
}))
|
||
},
|
||
handleSearchList() {
|
||
// 保留mock数据，不被原有逻辑覆盖
|
||
this.searchList = this.searchList.filter(o => !o.noShow)
|
||
for (let i = 0; i < this.searchList.length; i++) {
|
||
const item = this.searchList[i]
|
||
if (item.labelI18nCode) {
|
||
item.label = this.$t(item.labelI18nCode)
|
||
item.placeholder = this.$t(item.labelI18nCode)
|
||
}
|
||
const config = item.__config__
|
||
const now = new Date()
|
||
jnpf.setSearchDefaultValue(item, now)
|
||
if (item.value != null && item.value != '' && item.value != []) {
|
||
this.searchFormData[item.id] = item.value;
|
||
}
|
||
if (this.config.webType == 4) config.label = item.label
|
||
}
|
||
if (Object.keys(this.searchFormData).length) this.listQuery.queryJson = JSON.stringify(this.searchFormData)
|
||
this.searchFormConf = this.$u.deepClone(this.searchList)
|
||
},
|
||
transformColumnList(columnList) {
|
||
let list = []
|
||
for (let i = 0; i < columnList.length; i++) {
|
||
const e = columnList[i];
|
||
if (!e.prop.includes('-')) {
|
||
e.option = null
|
||
list.push(e)
|
||
} else {
|
||
let prop = e.prop.split('-')[0]
|
||
let vModel = e.prop.split('-')[1]
|
||
let label = e.label.split('-')[0]
|
||
let childLabel = e.label.replace(label + '-', '');
|
||
if (e.fullNameI18nCode && Array.isArray(e.fullNameI18nCode) && e.fullNameI18nCode[0]) {
|
||
label = this.$t(e.fullNameI18nCode[0], label);
|
||
}
|
||
let newItem = {
|
||
align: "center",
|
||
jnpfKey: "table",
|
||
prop,
|
||
label,
|
||
children: []
|
||
}
|
||
e.vModel = vModel
|
||
e.childLabel = e.labelI18nCode ? this.$t(e.labelI18nCode) : childLabel;
|
||
if (!list.some(o => o.prop === prop)) list.push(newItem)
|
||
for (let i = 0; i < list.length; i++) {
|
||
if (list[i].prop === prop) {
|
||
e.option = null
|
||
list[i].children.push(e)
|
||
break
|
||
}
|
||
}
|
||
}
|
||
}
|
||
return list
|
||
},
|
||
setDefaultQuery() {
|
||
this.listQuery.desc = 'create_time';
|
||
this.listQuery.asc = '';
|
||
},
|
||
setTableLoadFunc() {
|
||
const JNPFTable = this.$refs.tableRef
|
||
const parameter = {
|
||
data: this.list,
|
||
tableRef: JNPFTable,
|
||
onlineUtils: this.jnpf.onlineUtils,
|
||
}
|
||
const func = this.jnpf.getScriptFunc.call(this, this.columnData.funcs.afterOnload)
|
||
if (!func) return
|
||
func.call(this, parameter)
|
||
},
|
||
handleClick(index) {
|
||
const item = this.list[index]
|
||
if (!this.permission.btnPermission.includes('btn_remove')) return this.$u.toast("未开启删除权限")
|
||
if (!this.customEnableRule(item, 'remove')) return this.$u.toast("没有删除权限")
|
||
let txt = '流程处于暂停状态,不可操作'
|
||
if ([1, 2, 3, 4, 6, 7, 8].includes(item.flowState)) txt = '流程已受理,无法删除'
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '删除后数据无法恢复',
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
if (this.config.enableFlow == 1 && ![0, 9].includes(item.flowState)) {
|
||
this.$u.toast(txt)
|
||
return
|
||
}
|
||
let data = {
|
||
flowId: this.config.flowId,
|
||
ids: [item.id]
|
||
}
|
||
deteleModel(data, this.modelId).then(res => {
|
||
this.$u.toast(res.msg)
|
||
this.list.splice(index, 1)
|
||
this.mescroll.resetUpScroll()
|
||
})
|
||
}
|
||
}
|
||
})
|
||
},
|
||
handleBottomMoreClick(type) {
|
||
this.showBottomMoreBtn = true
|
||
},
|
||
handleMoreClick(index) {
|
||
this.selectListIndex = index
|
||
this.showMoreBtn = true
|
||
},
|
||
bottomBtnConfirm(e) {
|
||
if (Array.isArray(e) && e.length) {
|
||
const index = this.bottomCustomBtnsList[1].findIndex(item => item.value === e[0].value);
|
||
const item = this.bottomCustomBtnsList[1][index];
|
||
if (!this.selectItems.length && item.event.dataRequired) {
|
||
return this.$u.toast('请选择一条数据')
|
||
}
|
||
if (item.event && item.event.btnType === 3) this.handleBottomBtnInterface(item.event);
|
||
if (item.event.btnType == 2) this.handleScriptFunc(item.event, this.selectItems)
|
||
if (item.event.btnType == 4) this.handleLaunchFlow(item, this.selectItems)
|
||
} else {
|
||
if (!this.selectItems.length && e.event.dataRequired) {
|
||
return this.$u.toast('请选择一条数据')
|
||
}
|
||
if (e.event.btnType == 2) this.handleScriptFunc(e.event, this.selectItems)
|
||
if (e.event.btnType === 3) this.handleBottomBtnInterface(e.event);
|
||
if (e.event.btnType == 4) this.handleLaunchFlow(e, this.selectItems)
|
||
}
|
||
},
|
||
handleBottomBtnInterface(item) {
|
||
const selectedItemsCopy = [...this.selectItems];
|
||
const webType = this.config.webType;
|
||
let data = {
|
||
items: selectedItemsCopy,
|
||
webType
|
||
};
|
||
const handlerInterface = (data) => {
|
||
let query = {
|
||
paramList: this.jnpf.getBatchParamList(item.templateJson, data) || [],
|
||
}
|
||
getDataInterfaceRes(item.interfaceId, query).then(res => {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none'
|
||
})
|
||
})
|
||
}
|
||
if (!item.useConfirm) return handlerInterface(data)
|
||
uni.showModal({
|
||
title: this.$t('common.tipTitle'),
|
||
content: item.confirmTitle || '确认执行此操作?',
|
||
showCancel: true,
|
||
confirmText: '确定',
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
handlerInterface(data)
|
||
}
|
||
}
|
||
});
|
||
},
|
||
selectBtnconfirm(e) {
|
||
var i = this.columnData.customBtnsList.findIndex((item) => {
|
||
return item.value == e[0].value
|
||
})
|
||
const item = this.columnData.customBtnsList[i]
|
||
const row = this.list[this.selectListIndex]
|
||
const index = this.selectListIndex
|
||
if (!this.customEnableRule(row, item.value)) return this.$u.toast('没有' + item.label + '权限')
|
||
if (item.event.btnType == 1) this.handlePopup(item.event, row)
|
||
if (item.event.btnType == 2) this.handleScriptFunc(item.event, row, index)
|
||
if (item.event.btnType == 3) this.handleInterface(item.event, row)
|
||
if (item.event.btnType == 4) this.handleLaunchFlow(item, [row])
|
||
},
|
||
handleLaunchFlow(item, records) {
|
||
const data = deepClone(item.event.launchFlow)
|
||
let dataList = [];
|
||
for (let i = 0; i < records.length; i++) {
|
||
dataList.push(this.jnpf.getLaunchFlowParamList(data.transferList, records[i], this.getRowKey));
|
||
}
|
||
const query = {
|
||
template: data.flowId,
|
||
btnCode: item.value,
|
||
currentUser: data.currentUser,
|
||
customUser: data.customUser,
|
||
initiator: data.initiator,
|
||
hasPermission: data.hasPermission,
|
||
dataList,
|
||
};
|
||
launchFlow(query, this.modelId).then(res => {
|
||
this.$u.toast(res.msg)
|
||
});
|
||
},
|
||
handlePopup(item, row) {
|
||
this.handleListen()
|
||
let data = {
|
||
config: item,
|
||
modelId: this.modelId,
|
||
id: this.config.webType == 4 ? '' : row[this.getRowKey],
|
||
isPreview: this.isPreview,
|
||
row: this.config.webType == 4 ? row : '',
|
||
}
|
||
data = encodeURIComponent(JSON.stringify(data))
|
||
uni.navigateTo({
|
||
url: '/pages/apply/customBtn/index?data=' + data
|
||
})
|
||
},
|
||
handleScriptFunc(item, row, index) {
|
||
const parameter = {
|
||
data: row,
|
||
index,
|
||
refresh: this.initData,
|
||
onlineUtils: this.jnpf.onlineUtils,
|
||
}
|
||
const func = this.jnpf.getScriptFunc.call(this, item.func)
|
||
if (!func) return
|
||
func.call(this, parameter)
|
||
},
|
||
handleInterface(item, row) {
|
||
const handlerData = () => {
|
||
getModelInfo(this.modelId, row[this.getModelInfo]).then(res => {
|
||
const dataForm = res.data || {};
|
||
if (!dataForm.data) return;
|
||
const data = {
|
||
...JSON.parse(dataForm.data),
|
||
id: row[this.getModelInfo]
|
||
};
|
||
handlerInterface(data);
|
||
})
|
||
}
|
||
const handlerInterface = (data) => {
|
||
let query = {
|
||
paramList: this.jnpf.getParamList(item.templateJson, {
|
||
...data,
|
||
id: row[this.getRowKey]
|
||
}, this.getRowKey) || [],
|
||
}
|
||
getDataInterfaceRes(item.interfaceId, query).then(res => {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none'
|
||
})
|
||
if (item.isRefresh) this.initData();
|
||
})
|
||
}
|
||
const handleFun = () => {
|
||
this.config.webType == '4' ? handlerInterface(row) : handlerData();
|
||
};
|
||
if (!item.useConfirm) return handleFun()
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: item.confirmTitle || '确认执行此操作',
|
||
success: (res) => {
|
||
if (!res.cancel) handleFun()
|
||
}
|
||
})
|
||
},
|
||
initData() {
|
||
this.list = [];
|
||
this.$nextTick(() => {
|
||
this.mescroll.resetUpScroll();
|
||
})
|
||
},
|
||
search() {
|
||
if (this.isPreview == '1') return
|
||
this.searchTimer && clearTimeout(this.searchTimer)
|
||
this.searchTimer = setTimeout(() => {
|
||
this.list = [];
|
||
this.mescroll.resetUpScroll();
|
||
}, 300)
|
||
},
|
||
handleListen() {
|
||
uni.$off('refresh')
|
||
uni.$on('refresh', () => {
|
||
this.list = [];
|
||
this.mescroll.resetUpScroll();
|
||
})
|
||
},
|
||
addPage() {
|
||
this.handleListen()
|
||
this.jumPage({}, 'btn_add')
|
||
},
|
||
jumPage(item, btnType) {
|
||
if (!item.id && !item.flowState) btnType = 'btn_add'
|
||
if (this.config.enableFlow == 1) {
|
||
if (item.id) {
|
||
if (!this.permission.btnPermission.includes('btn_edit') && item.flowState == 3) return
|
||
if (!this.permission.btnPermission.includes('btn_detail') && ![0, 8, 9].includes(item
|
||
.flowState))
|
||
return
|
||
}
|
||
let opType = '-1'
|
||
if (![0, 8, 9].includes(item.flowState) && btnType != 'btn_add') opType = 0
|
||
const config = {
|
||
id: item.flowTaskId || item.id || '',
|
||
flowId: this.config.flowId,
|
||
opType,
|
||
status: item.flowState || '',
|
||
isPreview: this.isPreview,
|
||
taskId: item.flowTaskId || item.id,
|
||
isFlow: 0,
|
||
}
|
||
uni.navigateTo({
|
||
url: '/pages/workFlow/flowBefore/index?config=' +
|
||
this.jnpf.base64.encode(JSON.stringify(config))
|
||
})
|
||
} else {
|
||
const type = btnType == 'btn_detail' ? 'detail' : 'form'
|
||
const currentMenu = encodeURIComponent(JSON.stringify(this.permission.formPermission))
|
||
let enableEdit = this.customEnableRule(item, 'edit')
|
||
let labelS = {}
|
||
const config = {
|
||
currentMenu,
|
||
btnType,
|
||
list: this.list,
|
||
modelId: this.modelId,
|
||
menuId: this.menuId,
|
||
isPreview: this.isPreview,
|
||
id: item.id || '',
|
||
index: item.index,
|
||
enableEdit,
|
||
labelS,
|
||
name: this.config.name,
|
||
billNoPrefix: this.config.billNoPrefix
|
||
}
|
||
const url = '/pages/apply/dynamicModelList/' + type + '?config=' +
|
||
this.jnpf.base64.encode(JSON.stringify(config))
|
||
uni.navigateTo({
|
||
url: url
|
||
})
|
||
}
|
||
},
|
||
goDetail(item) {
|
||
this.handleListen()
|
||
return this.jumPage(item, 'btn_edit')
|
||
let hasDetail = this.permission.btnPermission.includes('btn_detail')
|
||
let hasEdit = this.permission.btnPermission.includes('btn_edit')
|
||
if (!hasDetail && !hasEdit) return
|
||
if (hasDetail) {
|
||
if (this.customEnableRule(item, 'detail')) {
|
||
return this.jumPage(item, 'btn_detail')
|
||
}
|
||
if (this.customEnableRule(item, 'edit')) {
|
||
return this.jumPage(item, 'btn_edit')
|
||
}
|
||
} else {
|
||
if (this.customEnableRule(item, 'edit')) {
|
||
return this.jumPage(item, 'btn_edit')
|
||
}
|
||
}
|
||
},
|
||
cellClick(item) {
|
||
if (this.isPreview == '1') return this.$u.toast('功能预览不支持排序')
|
||
this.sortValue = [item.value];
|
||
this.selectedSort = {
|
||
field: item.field,
|
||
type: item.type
|
||
};
|
||
},
|
||
handleReset() {
|
||
this.searchFormData = {}
|
||
const list = ['datePicker', 'timePicker', 'inputNumber', 'calculate', 'cascader', 'usersSelect']
|
||
for (let i = 0; i < this.searchList.length; i++) {
|
||
const item = this.searchList[i]
|
||
const config = item.__config__
|
||
let defaultValue = item.searchMultiple || list.includes(config.jnpfKey) ? [] : undefined
|
||
if (config.isFromParam) defaultValue = undefined
|
||
config.defaultValue = defaultValue
|
||
this.searchFormData[item.id] = item.value || defaultValue
|
||
}
|
||
this.searchFormConf = JSON.parse(JSON.stringify(this.searchList))
|
||
},
|
||
handleSearch() {
|
||
if (this.isPreview == '1') return this.$u.toast('功能预览不支持检索')
|
||
this.$refs.searchForm && this.$refs.searchForm.submitForm()
|
||
},
|
||
relationFormClick(item, column) {
|
||
let vModel = column.vModel ? column.vModel : column.__vModel__
|
||
let model_id = column.modelId
|
||
let config = {
|
||
modelId: model_id,
|
||
isPreview: true,
|
||
id: item[vModel + '_id'],
|
||
sourceRelationForm: true,
|
||
noShowBtn: 1,
|
||
noDataLog: 1,
|
||
propsValue: column.propsValue
|
||
}
|
||
const url =
|
||
'/pages/apply/dynamicModel/detail?config=' + this.jnpf.base64.encode(JSON.stringify(config))
|
||
uni.navigateTo({
|
||
url: url
|
||
})
|
||
},
|
||
handleSortReset() {
|
||
this.sortValue = []
|
||
this.selectedSort = {};
|
||
this.listQuery.asc = '';
|
||
this.listQuery.desc = '';
|
||
},
|
||
handleSortSearch() {
|
||
this.listQuery.asc = '';
|
||
this.listQuery.desc = '';
|
||
if (Object.keys(this.selectedSort).length > 0) {
|
||
const sortItem = this.selectedSort;
|
||
if (sortItem.type === 'asc') {
|
||
this.listQuery.asc = sortItem.field;
|
||
this.listQuery.desc = '';
|
||
} else {
|
||
this.listQuery.desc = sortItem.field;
|
||
this.listQuery.asc = '';
|
||
}
|
||
} else {
|
||
this.setDefaultQuery();
|
||
}
|
||
console.log(this.listQuery, 'listQuery')
|
||
this.$refs.uDropdown.close();
|
||
this.$nextTick(() => {
|
||
this.list = [];
|
||
this.mescroll.resetUpScroll();
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
page {
|
||
background-color: #f0f2f6;
|
||
height: 100%;
|
||
/* #ifdef MP-ALIPAY */
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
/* #endif */
|
||
}
|
||
|
||
:deep(.u-cell) {
|
||
padding: 0rpx;
|
||
height: 112rpx;
|
||
}
|
||
</style> |