From 226ad601bb8326814c3e94efd6f476014f6a9e66 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 27 六月 2024 23:06:47 +0800
Subject: [PATCH] 产品工艺路线工序配置更新
---
src/views/tigerprojects/system/lowcode/detail/index.vue | 252 +++++---------------------------------------------
1 files changed, 27 insertions(+), 225 deletions(-)
diff --git a/src/views/tigerprojects/system/lowcode/detail/index.vue b/src/views/tigerprojects/system/lowcode/detail/index.vue
index efc08db..c450952 100644
--- a/src/views/tigerprojects/system/lowcode/detail/index.vue
+++ b/src/views/tigerprojects/system/lowcode/detail/index.vue
@@ -1,18 +1,10 @@
<!--
- * @Description: file content
- * @Author: Ben Lin
- * @version:
- * @Date: 2024-06-18 15:09:48
- * @LastEditors: Ben Lin
- * @LastEditTime: 2024-06-22 22:54:16
--->
-<!--
* @Description: 浣庝唬鐮佽鎯呭憟鐜伴〉闈�
* @Author: Ben Lin
* @version:
* @Date: 2024-05-30 13:28:20
- * @LastEditors: your name
- * @LastEditTime: 2024-06-17 11:29:54
+ * @LastEditors: Ben Lin
+ * @LastEditTime: 2024-06-25 14:41:28
-->
<template>
<PageWrapper :title="pageTitle" :content="contentStr" contentBackground @back="goBack">
@@ -24,66 +16,14 @@
</template>
<div>
<div v-if="currentKey == 'detailfirst'">
- <BasicTable @register="detailTable">
- <template #toolbar>
- <a-button type="primary" @click="handleCreate" preIcon="add_02|svg"> 鏂板 </a-button>
- </template>
- <template #action="{ record }">
- <TableAction
- :actions="[
- {
- icon: 'clarity:note-edit-line',
- onClick: handleEdit.bind(null, record),
- },
- {
- icon: 'ant-design:delete-outlined',
- color: 'error',
- popConfirm: {
- title: '鏄惁纭鍒犻櫎?',
- placement: 'left',
- confirm: handleDelete.bind(null, record),
- },
- },
- ]"
- />
- </template>
- <template #[item]="{ field }" v-for="item in colSlots" :key="item">
- <a-button
- v-if="field"
- class="mt-1 ml-1"
- size="small"
- @click="handleSelectItem(item)"
- preIcon="search|svg"
- />
- <GeneralModal
- @register="registerItemAdd"
- @success="(d, u) => handleItemSuccess(d, u, item)"
- />
- </template>
- </BasicTable>
+ <Suspense>
+ <detail :entityName="entityName" />
+ </Suspense>
</div>
<div v-if="currentKey == 'detailsecond'">
- <BasicTable @register="detailsecondTable">
- <template #toolbar>
- <a-button type="primary" @click="secondCreate" preIcon="add_02|svg"> 鏂板 </a-button>
- </template>
- <template #[item]="{ field }" v-for="item in secondColSlots" :key="item">
- <a-button
- v-if="field"
- class="mt-1 ml-1"
- size="small"
- @click="handleSelectItem(item)"
- preIcon="search|svg"
- />
- <GeneralModal
- @register="registerItemAdd"
- @success="(d, u) => handleItemSuccess(d, u, item)"
- />
- </template>
- </BasicTable>
+ <Suspense></Suspense>
</div>
</div>
- <normalDrawer @register="registerDrawer" @success="handleSuccess" />
<CustModal
@register="registerCust"
@success="custSuccess"
@@ -114,33 +54,24 @@
</template>
<script lang="ts" setup>
- import { ref, reactive } from 'vue';
+ import { ref, provide, Ref } from 'vue';
import { useRoute } from 'vue-router';
import { PageWrapper } from '/@/components/Page';
import { useTabs } from '/@/hooks/web/useTabs';
import { Tabs } from 'ant-design-vue';
import { useGo } from '/@/hooks/web/usePage';
- //璇︽儏鍒楄〃
- import { BasicTable, useTable, TableAction } from '/@/components/Table';
- import {
- OpenCustModal,
- OpenSelectItem,
- custOnChange,
- getHomeUrl,
- } from '../data';
+ import { OpenCustModal, custOnChange } from '../data';
+ import detail from './detail.vue';
import { useI18n } from '/@/hooks/web/useI18n';
import { useMessage } from '/@/hooks/web/useMessage';
- import { DeleteEntity, getListByPage } from '/@/api/tigerapi/system';
- import { useDrawer } from '/@/components/Drawer';
- import normalDrawer from '../normalDrawer.vue';
import GeneralModal from '/@/views/components/GeneralModal.vue';
import CustModal from '/@/views/components/CustModal.vue';
import { BasicForm } from '/@/components/Form/index';
import { useGlobSetting } from '/@/hooks/setting';
import { useModal } from '/@/components/Modal';
- import { GetBaseColumns, GetFormColumns, GetSearchFormColumns } from './data';
- const { t: bt } = useI18n('');
+ const { t } = useI18n();
+
const { createMessage } = useMessage();
const route = useRoute();
const objParams = ref(JSON.parse(decodeURI(route.params?.id as string)));
@@ -149,178 +80,49 @@
var ITEM_CODE = ref('');
const go = useGo();
const pageTitle = ref(objParams.value.pageTitle);
- const firstTitle = ref(objParams.value.firstTitle);
- const secondTitle = ref(objParams.value.secondTitle);
const contentStr = ref(objParams.value.contentStr);
const firstTabName = ref(objParams.value.firstTabName);
const secondTabName = ref(objParams.value.secondTabName);
- const entityName = ref(objParams.value.ID);
+ const entityName = ref(objParams.value.Name);
const detailName = ref(objParams.value.detailName);
const globSetting = useGlobSetting();
- const _columns = ref([]);
- const _searchFormSchema = ref([]);
- const _crudFormSchema = ref([]);
const formSchemas = ref({}); //寮瑰嚭妗嗗琛ㄥ崟缁撴瀯
const useModalData = ref({}); //琛ㄥ崟涓彃妲芥覆鏌撴寜閽墦寮�妯℃�佹useModal鏂规硶
const useFormData = ref({});
- const colSlots = ref<any>(objParams.value.colSlots); //鎸夐挳鎻掓Ы
const secondColSlots = ref<any>(objParams.value.secondColSlots); //鎸夐挳鎻掓Ы
const crudColSlots = ref<any>(objParams.value.colSlots);
const cType = ref('');
const dtlSlots = ref([] as any[]);
const selectVals = ref({});
- //鑾峰彇JobId
- const BILLCODE = ref(route.params?.BillCode);
+ const others = ref<any>(null);
+ provide<Ref<any>>('objParams', objParams.value);
+ provide<Ref<any>>('others', others);
const [registerCust] = useModal();
- const [registerItemAdd, { openModal: openItemModal }] = useModal();
- const [registerDrawer, { openDrawer }] = useDrawer();
- const [detailTable, { reload: reloadFirst }] = useTable({
- title: `${firstTitle.value}鍒楄〃`,
- api: getListByPage,
- searchInfo: { TABLE_NAME: entityName.value, ...objParams.value.others },
- columns: GetBaseColumns(entityName.value, 'detailfirst'),
- useSearchForm: true,
- showTableSetting: true,
- bordered: true,
- canResize: true,
- showIndexColumn: false,
- formConfig: {
- labelWidth: 120,
- schemas: GetSearchFormColumns(entityName.value, 'detailfirst'),
- },
- actionColumn: {
- width: 80,
- title: '鎿嶄綔',
- dataIndex: 'action',
- slots: { customRender: 'action' },
- fixed: 'right', //undefined,
- },
- // searchInfo: { BILLCODE },
- });
- const [detailsecondTable, { getForm, reload }] = useTable({
- title: `${secondTitle.value}鍒楄〃`,
- api: getListByPage,
- columns: GetBaseColumns(entityName.value, 'detailsecond'),
- formConfig: {
- labelWidth: 120,
- schemas: GetFormColumns(entityName.value, 'detailsecond'),
- model: { ITEM_CODE: ITEM_CODE },
- },
- useSearchForm: true,
- // searchInfo: { BILLCODE },
- showTableSetting: false,
- bordered: true,
- canResize: true,
- showIndexColumn: false,
- });
- function handleCreate() {
- openDrawer(true, {
- isUpdate: false,
- entityName: objParams.value.ID,
- formJson: GetFormColumns(entityName.value, 'detailfirst'),
- crudColSlots,
- others: objParams.value.others,
- });
- }
-
- function secondCreate() {
- openDrawer(true, {
- isUpdate: false,
- entityName: objParams.value.ID,
- formJson: _crudFormSchema.value,
- crudColSlots,
- });
- }
-
- // 姝ゅ鍙互寰楀埌鐢ㄦ埛ID
- //const BILLCODE = ref(route.params?.BILLCODE.split(',')[1]);
var currentKey = ref('detailfirst');
const { setTitle } = useTabs();
- // TODO
- // 鏈〉浠ｇ爜浠呬綔婕旂ず锛屽疄闄呭簲褰撻�氳繃userId浠庢帴鍙ｈ幏寰楃敤鎴风殑鐩稿叧璧勬枡
// 璁剧疆Tab鐨勬爣棰橈紙涓嶄細褰卞搷椤甸潰鏍囬锛�
setTitle(`璇︽儏锛�${detailName.value}`);
// 椤甸潰宸︿晶鐐瑰嚮杩斿洖閾炬帴鏃剁殑鎿嶄綔
function goBack() {
- go(getHomeUrl(entityName.value));
+ /* 鍔ㄦ�乮mport瀹炰綋鍚�.ts鐨勮嚜瀹氫箟鏂规硶 */
+ try {
+ import(`../entityts/${entityName.value}.ts`)
+ .then((m) => {
+ const [{ GetHomeUrl }] = m.default();
+ // 鏈緥鐨勬晥鏋滄椂鐐瑰嚮杩斿洖濮嬬粓璺宠浆鍒拌处鍙峰垪琛ㄩ〉锛屽疄闄呭簲鐢ㄦ椂鍙繑鍥炰笂涓�椤�
+ go(GetHomeUrl(entityName.value));
+ })
+ .catch(() => {});
+ } catch (e) {}
}
const tabClkcallback = (val: string) => {
if (val == 'detailfirst') {
ITEM_CODE.value = '';
}
};
-
- /**
- * @description: detailfirst tab涓殑琛ㄦ牸缂栬緫璁板綍寮瑰嚭渚ц竟妗嗘柟娉�
- * @param {*} record
- * @return {*}
- */
- function handleEdit(record: Recordable) {
- openDrawer(true, {
- record,
- isUpdate: true,
- entityName: objParams.value.ID,
- formJson: GetFormColumns(entityName.value, 'detailfirst'),
- crudColSlots,
- });
- }
-
- /**
- * @description: detailfirst tab涓殑琛ㄦ牸鍒犻櫎璁板綍鏂规硶
- * @param {*} record
- * @return {*}
- */
- function handleDelete(record: Recordable) {
- console.log(record);
- //鍒犻櫎
- DeleteEntity(record, entityName.value).then((action) => {
- if (action.IsSuccessed) {
- reloadFirst();
- }
- });
- }
-
- /**
- * @description: detailfirst tab涓鍒犳敼鎴愬姛杩斿洖鏂规硶
- * @return {*}
- */
- function handleSuccess() {
- reloadFirst();
- }
-
- /**
- * @description: 寮瑰嚭閫夋嫨妗嗛�夋嫨鎴愬姛鍚庝簨浠�
- * @param {*} d
- * @param {*} u
- * @param {*} item
- * @return {*}
- */
- function handleItemSuccess(d, u, item) {
- /* 鍔ㄦ�乮mport瀹炰綋鍚�.ts鐨勮嚜瀹氫箟鏂规硶 */
- try {
- import(
- /* @vite-ignore */ `../entityts/${getForm().getFieldsValue()[`${item.replace(/form-/, '').replace(/add/, '')}PSelect_0`]}`
- ).then((m) => {
- const [{ GetSelectSuccess }] = m.default();
- getForm().setFieldsValue(GetSelectSuccess(d, u));
- });
- } catch (e) {}
- }
-
- /**
- * @description: 寮瑰嚭閫夋嫨妗�
- * @param {*} item
- * @return {*}
- */
- function handleSelectItem(item) {
- OpenSelectItem(
- openItemModal,
- getForm().getFieldsValue()[`${item.replace(/form-/, '').replace(/add/, '')}PSelect_0`],
- );
- }
/**
* @description: Select 鑷畾涔塷nChange鏂规硶
@@ -346,7 +148,7 @@
* @return {*}
*/
function custSuccess(d) {
- reload();
+ // reload();
}
/**
@@ -359,7 +161,7 @@
function handleEntSuccess(d, u, item) {
/* 鍔ㄦ�乮mport瀹炰綋鍚�.ts鐨勮嚜瀹氫箟鏂规硶 */
try {
- import(/* @vite-ignore */ `../entityts/${cType.value}`).then((m) => {
+ import(`../entityts/${cType.value}.ts`).then((m) => {
const [{ GetSelectSuccess }] = m.default();
var values = GetSelectSuccess(d, u);
selectVals.value = values; //淇濆瓨寮瑰嚭妗嗛�夋嫨鐨勭粨鏋�
--
Gitblit v1.9.3