cnhis-design-vue 3.0.4 → 3.0.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cnhis-design-vue",
   "private": false,
-  "version": "3.0.4",
+  "version": "3.0.7",
   "main": "es/index.js",
   "module": "es/index.js",
   "scripts": {

package/packages/big-table/src/BigTable.vue

@@ -171,14 +171,11 @@ import { useFormat } from "./hooks/useFormat";
 import { useTableParse } from "./hooks/useTableParse";
 import { useBatchEditing } from "./hooks/useBatchEditing";
 import { useNestTable } from "./hooks/useNestTable";
-import { useEdit } from './hooks/useEdit';
+import { useEdit, comps } from './hooks/useEdit';
 import { SettingsSharp, SyncOutline, CopyOutline, CaretDown, CaretForward } from "@vicons/ionicons5";
 import NoData from "./components/NoData.vue";
 import TextOverTooltip from "./components/TextOverTooltip.vue";
 import SvgIcon from '@/component/svg/index.vue';
-import EditSelectTable from './components/edit-form/edit-select-table.vue'
-import EditInput from './components/edit-form/edit-input.vue'
-import EditSelect from './components/edit-form/edit-select.vue'
 import {
   NButton,
   NCheckbox,
@@ -271,7 +268,7 @@ const {
   recordClickBtnInfo,
   getInlineOpreateRow
 }: any = useBatchEditing(props, state, emit, xGrid);
-const { initEditTable, activeMethod, deleteRow, onClickSelectTable, onUpdateInput, getDefaultValue } = useEdit(props, state, emit, xGrid)
+const { initEditTable, activeMethod, deleteRow, onClickSelectTable, onFormChange, getDefaultValue } = useEdit(props, state, emit, xGrid)
 
 const { 
   isAboutNestTable,
@@ -377,7 +374,7 @@ const unBindDocumentClick = () => {
 }
 onMounted(() => {
   bindDocumentClick();
-  state.tableHeight = handleTableHeight(state, props);
+  state.tableHeight = handleTableHeight(state, props) || 'auto';
 
   // // 子列表在mounted后初始化 直接watch无法触发
   if (!props.isNestTable) return;
@@ -706,27 +703,29 @@ const formatColumns = (map: any) => {
 const formatterEdit = (params: any, col: any) => {
   let { row, column, $rowIndex, rowIndex } = params
   let formType = column.formType || col.formType || ''
-  // if (formType === 'selectTable') {
-  //   const propsData = {
-  //     row,
-  //     col
-  //   }
-  //   return <EditSelectTable {...propsData} v-model={[row[col.columnName], 'value']} onClickSelectTable={onClickSelectTable} />
-  // }
+  if (!formType) return null
   if (formType === 'custom') {
     return col.slotFn(params)
   }
-  const propsData = {
+  const Comp = comps[formType] || ''
+  if (!Comp) return null
+  const propsData: any = {
     col,
     row,
-    index: $rowIndex
+    index: $rowIndex,
+    // vModel: [row[col.columnName], formType === 'date' ? 'formattedValue' :'value'],
+    type: formType,
+    onFormChange
   }
-  if (formType === 'input' || formType === 'number') {
-    return <EditInput {...propsData} type={formType} v-model={[row[col.columnName], 'value']} onUpdateInput={onUpdateInput} />
+  if (formType === 'date') {
+    propsData.defaultFormattedValue = row[col.columnName]
+  } else {
+    propsData.defaultValue = row[col.columnName]
   }
   if (formType === 'select') {
-    return <EditSelect {...propsData} v-model={[row[col.columnName], 'value']} onSetOptions={(options: any[]) => row[`${col.columnName}_options`] = options} />
+    propsData.onSetOptions = (options: any[]) => (row[`${col.columnName}_options`] = options)
   }
+  return <Comp {...propsData} />
 }
 const getEditBtn = (row: any, col: any, index: number) => {
   return col.tileBtnList?.map((btn: any) => {
@@ -826,8 +825,7 @@ const formatter = (params: any, col: any) => {
     return getOrCode(row, own, attrType);
   }
   if (column.property === "operatorColumn") {
-    // if (props.columnConfig.isEdit && !row.initRow) {
-    if (props.columnConfig.isEdit) {
+    if (props.columnConfig.isEdit && !row.initRow) {
       return getEditBtn(row, col, $rowIndex)
     }
 

package/packages/big-table/src/bigTableEmits.ts

@@ -41,8 +41,7 @@ const bigTableEmits: string[] = [
   "selectionChangeLocal",
   "switchBtnOnChange",
   "asyncTableChange",
-  // "clickSelectTable"
-  "updateInput"
+  "formChange"
 ];
 
 export default bigTableEmits;

package/packages/big-table/src/components/edit-form/edit-date.vue

@@ -0,0 +1,41 @@
+<script lang="tsx">
+import { defineComponent, ref, reactive, resolveComponent } from 'vue'
+import { NDatePicker } from 'naive-ui'
+
+export default defineComponent({
+  name: 'EditDate',
+  inheritAttrs: false,
+  components: {
+    NDatePicker
+  },
+  props: {
+    col: {
+      type: Object,
+      default: () => ({})
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    index: {
+      type: [Number, Object],
+      default: 0
+    }
+  },
+  emits: ['formChange'],
+  setup (props, { attrs, slots, emit }) {
+    const onConfirm = (value: any) => {
+      emit('formChange', { value, row: props.row, column: props.col, index: props.index })
+    }
+    const config = {
+      type: props.col.type || 'datetime',
+      clearable: props.col.clearable || true,
+      disabled: props.col.disabled || false,
+      valueFormat: props.col.valueFormat || 'yyyy-MM-dd HH:mm:ss',
+      to: false
+    }
+    return () => <NDatePicker {...attrs} {...config} onUpdateFormattedValue={onConfirm} />
+  }
+})
+</script>
+<style lang="less" scoped></style>

package/packages/big-table/src/components/edit-form/edit-input.vue

@@ -27,10 +27,10 @@ export default defineComponent({
       default: 0
     }
   },
-  emits: ['updateInput'],
+  emits: ['formChange'],
   setup (props, { attrs, slots, emit }) {
     const onUpdateValue = (value: number | string | null) => {
-      emit('updateInput', { value, row: props.row, column: props.col, index: props.index })
+      emit('formChange', { value, row: props.row, column: props.col, index: props.index })
     }
     return () => props.type === 'input' ? <NInput {...attrs} onUpdateValue={onUpdateValue } /> : <NInputNumber {...attrs} onUpdateValue={onUpdateValue} />
   }

package/packages/big-table/src/components/edit-form/edit-select.vue

@@ -11,14 +11,18 @@ export default defineComponent({
   props: {
     col: {
       type: Object,
-      default: () => {}
+      default: () => ({})
     },
     row: {
       type: Object,
-      default: () => {}
+      default: () => ({})
+    },
+    index: {
+      type: [Number, Object],
+      default: 0
     }
   },
-  emits: ['setOptions'],
+  emits: ['setOptions', 'formChange'],
   setup (props, { attrs, slots, emit }) {
     
     const state = reactive({
@@ -40,6 +44,10 @@ export default defineComponent({
 
     setOptions()
 
+    const onUpdateValue = (value: any[] | string | number | null) => {
+      emit('formChange', { value, row: props.row, column: props.col, index: props.index })
+    }
+
     return () => [
       <NSelect
         {...attrs} 
@@ -49,6 +57,7 @@ export default defineComponent({
         filterable
         to={false}
         placeholder="请选择"
+        onUpdateValue={onUpdateValue}
       />
     ]
   }

package/packages/big-table/src/hooks/useEdit.ts

@@ -1,4 +1,15 @@
 import { computed, ref, reactive, watch, onMounted } from 'vue'
+import EditInput from '../components/edit-form/edit-input.vue'
+import EditSelect from '../components/edit-form/edit-select.vue'
+import EditDate from '../components/edit-form/edit-date.vue'
+
+
+export const comps = {
+  'input': EditInput,
+  'number': EditInput,
+  'select': EditSelect,
+  'date': EditDate
+}
 
 export const useEdit = (props: any, state: any, emit: any, xGrid: any) => {
 
@@ -71,8 +82,9 @@ export const useEdit = (props: any, state: any, emit: any, xGrid: any) => {
     xGrid.value.clearActived()
   }
 
-  const onUpdateInput = ({ value, row, column }: {value: number | string | null, row: any, column: any}) => {
-    emit('updateInput', { value, row, column })
+  const onFormChange = ({ value, row, column }: {value: number | string | null, row: any, column: any}) => {
+    row[column.columnName] = value
+    emit('formChange', { value, row, column })
   }
 
   const getDefaultValue = (params: any, item: any) => {
@@ -94,7 +106,7 @@ export const useEdit = (props: any, state: any, emit: any, xGrid: any) => {
     activeMethod,
     deleteRow,
     onClickSelectTable,
-    onUpdateInput,
+    onFormChange,
     getDefaultValue
   }
-}
+}

package/packages/button-print/src/ButtonPrint.vue

@@ -58,17 +58,16 @@ interface Props {
   previewText?: string
   formatEditText?: string
   identityVerificationTitle?: string
-  params: any[],
-  hisParams: any
+  params?: any[],
   prevFn?: Function
   verifyUser?: Function
   queryPrintFormatByNumber: Function
   queryTemplateParams?: Function
   strategy?: string
-  versionType?: number | string
+  printParams?: any[]
 }
 const props = withDefaults(defineProps<Props>(), {
-  // baseUrl: '',
+  params: () => ([]),
   btnText: '打印',
   printText: '直接打印',
   previewText: '打印预览',
@@ -79,7 +78,6 @@ const props = withDefaults(defineProps<Props>(), {
   queryPrintFormatByNumber: () => Promise.resolve({}),
   queryTemplateParams: () => Promise.resolve({}),
   strategy: 'MULTI',
-  versionType: '2'
 });
 const emit = defineEmits(['success', 'error']);
 
@@ -140,36 +138,8 @@ const prevFnError = () => {
   };
   emit('error', error);
 }
-const getHisParams = (index: number = 0) => {
-  const { reportid = '280' } = (props.hisParams as any);
-  const { id, name } = (state.templateParams as any);
-  return {
-    reportid,
-    formatid: state.currentFormatId || id,
-    formatname: name,
-    param: props.params[index]
-  };
-}
-const getOnceHisParams = () => {
-  const { reportid = '280' } = (props.hisParams as any);
-  const { id, name } = (state.templateParams as any);
-  const obj: any = {}
-  Object.keys((props.params as any)[0]).forEach(v => {
-    obj[v] = [];
-    props.params.forEach((k: any) => {
-      obj[v].push(k[v]);
-    });
-    obj[v] = obj[v].join(',');
-  });
-  return {
-    reportid,
-    formatid: state.currentFormatId || id,
-    formatname: name,
-    param: obj
-  };
-}
 const getPrintParams = (index: number = 0) => {
-  const params = state.printParams[index];
+  const params = props.printParams?.length ? props.printParams[index] : state.printParams[index];
   return JSON.stringify(params);
 }
 const getOnceParams = () => {
@@ -215,55 +185,30 @@ const handleClickPrint = () => {
       return Promise.reject();
     })
     .then(() => {
-      if (props.versionType == 1 || props.versionType == 3) {
-        const printFn = props.versionType == 1 ? 'handleHisPrint' : 'handleOldHisPrint'
-        if (props.strategy === 'MULTI') {
-          for (let i = 0; i < props.params.length; i++) {
-            const params = getHisParams(i);
-            printInstance[printFn](7, params)
-              .then((res: any) => {
-                console.log(res, '777777777777');
-              })
-              .catch((error:any) => {
-                console.log(error, 'error777');
-              });
-          }
-        } else {
-          const params = getOnceHisParams();
-          printInstance[printFn](7, params)
-            .then((res: any) => {
-              console.log(res, '777777777777');
-            })
-            .catch((error:any) => {
-              console.log(error, 'error777');
-            });
-        }
-      } else {
-        if (props.strategy === 'MULTI') {
-          // 循环多条
-          for (let i = 0; i < state.printParams.length; i++) {
-            const queryParams = {
-              formatId: state.currentFormatId,
-              templateId: getTemplateIdByFormatId(state.currentFormatId),
-              params: getPrintParams(i)
-            };
-            printInstance.printDirect(queryParams, callLocalServicesSuccessCbTmp, callLocalServicesErrorCb);
-          }
-        } else {
-          // 聚合一条
+      if (props.strategy === 'MULTI') {
+        // 循环多条
+        for (let i = 0; i < state.printParams.length; i++) {
           const queryParams = {
             formatId: state.currentFormatId,
             templateId: getTemplateIdByFormatId(state.currentFormatId),
-            params: getOnceParams()
+            params: getPrintParams(i)
           };
-          printInstance.printDirect(
-            queryParams,
-            (res: any) => {
-              callLocalServicesSuccessCb(res, 'print');
-            },
-            callLocalServicesErrorCb
-          );
+          printInstance.printDirect(queryParams, callLocalServicesSuccessCbTmp, callLocalServicesErrorCb);
         }
+      } else {
+        // 聚合一条
+        const queryParams = {
+          formatId: state.currentFormatId,
+          templateId: getTemplateIdByFormatId(state.currentFormatId),
+          params: getOnceParams()
+        };
+        printInstance.printDirect(
+          queryParams,
+          (res: any) => {
+            callLocalServicesSuccessCb(res, 'print');
+          },
+          callLocalServicesErrorCb
+        );
       }
     })
     .finally(() => {
@@ -277,31 +222,19 @@ const handleClickPreview = async () => {
       return Promise.reject();
     })
     .then(() => {
-      if (props.versionType == 1 || props.versionType == 3) {
-        const params = props.strategy === 'MULTI' ? getHisParams() : getOnceHisParams();
-        const printFn = props.versionType == 1 ? 'handleHisPrint' : 'handleOldHisPrint'
-        printInstance[printFn](8, params)
-          .then((res: any) => {
-            console.log(res, 88888888);
-          })
-          .catch((error: any) => {
-            console.log(error, 'error888');
-          });
-      } else {
-        const params = props.strategy === 'MULTI' ? getPrintParams() : getOnceParams();
-        const queryParams = {
-          formatId: state.currentFormatId,
-          templateId: getTemplateIdByFormatId(state.currentFormatId),
-          params
-        };
-        printInstance.preview(
-          queryParams,
-          (res: any) => {
-            callLocalServicesSuccessCb(res, 'preview');
-          },
-          callLocalServicesErrorCb
-        );
-      }
+      const params = props.strategy === 'MULTI' ? getPrintParams() : getOnceParams();
+      const queryParams = {
+        formatId: state.currentFormatId,
+        templateId: getTemplateIdByFormatId(state.currentFormatId),
+        params
+      };
+      printInstance.preview(
+        queryParams,
+        (res: any) => {
+          callLocalServicesSuccessCb(res, 'preview');
+        },
+        callLocalServicesErrorCb
+      );
     })
     .finally(() => {
       state.visible = false;
@@ -314,19 +247,7 @@ const handleClickEdit = () => {
       return Promise.reject();
     })
     .then(() => {
-      if (props.versionType == 1 || props.versionType == 3) {
-        const params = props.strategy === 'MULTI' ? getHisParams() : getOnceHisParams();
-        const printFn = props.versionType == 1 ? 'handleHisPrint' : 'handleOldHisPrint'
-        printInstance[printFn](9, params)
-          .then((res: any) => {
-            console.log(res, 999999);
-          })
-          .catch((error: any) => {
-            console.log(error, 'error999');
-          });
-      } else {
-        state.identityVerification.visible = true;
-      }
+      state.identityVerification.visible = true;
     })
     .finally(() => {
       state.visible = false;
@@ -383,12 +304,6 @@ const setOptions = () => {
     children
   })
 }
-const initHIS = (formatListResult: any) => {
-  state.formatList = formatListResult ? formatListResult.list.filter((item: any) => item.printmark == 1) : [];
-  setOptions();
-  state.currentFormatId = getDefaultFormatId(state.formatList, 'printmark');
-  state.templateParams = state.formatList[0];
-}
 const formatFormatList = (list: any[]): any => {
   let formatList: any[] = [];
 
@@ -459,7 +374,7 @@ const formatParams = ({ customizeDataset = [], param = [] }, params: any[] = [])
 }
 const initCRM = async (formatListResult: any) => {
   state.formatList = formatListResult ? formatFormatList(formatListResult.obj) : [];
-  setOptions();
+  console.log('formatListResult', formatListResult)
   state.currentFormatId = getDefaultFormatId(state.formatList, 'defaultFlag');
 
   if (!state.currentFormatId) {
@@ -488,11 +403,7 @@ const init = async () => {
 
   instantiatePrintSDK();
   const formatListResult = await props.queryPrintFormatByNumber()
-  if (props.versionType == 1 || props.versionType == 3) {
-    initHIS(formatListResult);
-  } else {
-    await initCRM(formatListResult);
-  }
+  await initCRM(formatListResult);
 
   setLoaded();
 

package/packages/select-person/index.ts

@@ -0,0 +1,11 @@
+import type { App } from "vue";
+// 导入组件
+import SelectPerson from './src/SelectPerson.vue'
+
+// 为组件提供 install 安装方法，供按需引入
+SelectPerson.install = function(app: App) {
+  app.component(SelectPerson.name, SelectPerson);
+};
+
+// 默认导出组件
+export default SelectPerson;