@qqt-product/system 0.0.2 → 0.0.16

package/src/lib/components/QPurchaseNoticeList/src/use-field-select-modal-hook.ts

@@ -0,0 +1,84 @@
+import { ref, watchEffect } from 'vue'
+import type { Ref, ComponentPublicInstance } from 'vue'
+// import { srmI18n } from '@/utils/srmI18n'
+
+import { GlobalPageLayoutTypes } from '@qqt-product/ui'
+
+import qqtUtils from '@qqt-product/utils'
+const { uniqueId } = qqtUtils
+
+export default function useFieldSelectModal(layoutRef: Ref<ComponentPublicInstance | null>, srmI18n) {
+  const fieldSelectModal = ref()
+  const handleSupplierListRowAdd: Ref<((btn: GlobalPageLayoutTypes.PageButtonWithGroupCode) => void) | null> = ref(null)
+  const ok: Ref<((data: GlobalPageLayoutTypes.RecordStringNumber[]) => void) | null> = ref(null)
+  const cache: Ref<GlobalPageLayoutTypes.PageButtonWithGroupCode | null> = ref(null)
+
+  watchEffect(() => {
+    if (layoutRef.value) {
+      const instance = layoutRef.value.instance
+      const { pageData, defaultValues } = instance
+
+      handleSupplierListRowAdd.value = (btn) => {
+        // 缓存当前按钮配置
+        cache.value = btn
+        const url = '/supplier/supplierMaster/list'
+        const columns = [
+          {
+            field: 'toElsAccount',
+            title: srmI18n('i18n_title_supplierELSAccount', '供应商ELS账号'),
+            width: 120,
+          },
+          {
+            field: 'supplierCode',
+            title: srmI18n('i18n_massProdHead88b_supplierErpCode', '供应商ERP编码'),
+            width: 120,
+          },
+          {
+            field: 'supplierName',
+            title: srmI18n('i18n_massProdHeade95_supplierName', '供应商名称'),
+            width: 120,
+          },
+          {
+            field: 'supplierStatus_dictText',
+            title: srmI18n('i18n_title_supplierState', '供应商状态'),
+            width: 100,
+          },
+        ]
+        const params = {}
+        const $fieldSelectModal = fieldSelectModal.value
+        if ($fieldSelectModal) {
+          $fieldSelectModal.open({ url, params, columns, selectModal: 'multiple' })
+        }
+      }
+
+      ok.value = (data) => {
+        if (!data.length) {
+          return
+        }
+        const emitKey = cache.value?.emitKey
+        if (!emitKey) {
+          return
+        }
+        if (emitKey === 'supplierListRowAdd') {
+          const insertData = data
+          const groupCode = cache.value?.groupCode
+          if (!groupCode) {
+            return
+          }
+
+          const row = defaultValues[groupCode] as GlobalPageLayoutTypes.RecordStringNumber
+          const tableData = pageData[groupCode] as GlobalPageLayoutTypes.RecordStringNumber[]
+          insertData.forEach((n) => {
+            tableData.push({ ...row, _row_id: uniqueId('_row_id_'), ...n })
+          })
+        }
+      }
+    }
+  })
+
+  return {
+    fieldSelectModal,
+    handleSupplierListRowAdd,
+    ok,
+  }
+}

package/src/lib/components/QPurchaseNoticeList/src/useConfigData.ts

@@ -1,22 +1,22 @@
-import { shallowRef, ref } from 'vue'
-// import type { MapObjectNoneType } from './types'
-// import { VxeTableInstance } from 'vxe-table'
-// import type  {}
-export function useConfigData() {
-  //响应
-
-  const apiUrls = shallowRef({
-    list: '/notice/purchaseNotice/list',
-    columnsCode: 'PurchaseNotice',
-    add: '/notice/purchaseNotice/add',
-
-    delete: '/notice/purchaseNotice/delete',
-    cancel: '/notice/purchaseNotice/cancel',
-    topSet: '/notice/purchaseNotice/topOpt',
-  })
-  const uploadShow = shallowRef<boolean>(false)
-  const showEditPage = shallowRef<boolean>(false)
-  const currentEditRow = ref({})
-  const listLayoutRef = ref()
-  return { apiUrls, showEditPage, currentEditRow, listLayoutRef, uploadShow }
-}
+import { shallowRef, ref } from 'vue'
+// import type { MapObjectNoneType } from './types'
+// import { VxeTableInstance } from 'vxe-table'
+// import type  {}
+export function useConfigData() {
+  //响应
+
+  const apiUrls = shallowRef({
+    list: '/notice/purchaseNotice/list',
+    columnsCode: 'PurchaseNotice',
+    add: '/notice/purchaseNotice/add',
+
+    delete: '/notice/purchaseNotice/delete',
+    cancel: '/notice/purchaseNotice/cancel',
+    topSet: '/notice/purchaseNotice/topOpt',
+  })
+  const uploadShow = shallowRef<boolean>(false)
+  const showEditPage = shallowRef<boolean>(false)
+  const currentEditRow = ref({})
+  const listLayoutRef = ref()
+  return { apiUrls, showEditPage, currentEditRow, listLayoutRef, uploadShow }
+}

package/src/lib/components/QPurchaseNoticeTemplateList/src/QPurchaseNoticeTemplateList.vue

@@ -1,85 +1,134 @@
-<template>
-  <div style="height: 100%">
-    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
-  </div>
-</template>
-
-<script lang="ts">
-//JS
-import { defineComponent, reactive, toRefs } from 'vue'
-//hook
-import { useConfigData } from './useConfigData'
-
-export default defineComponent({
-  name: 'QPurchaseNoticeTemplateList',
-  props: {
-    userInfo: {
-      type: Object,
-      defalut: () => {
-        return {}
-      },
-    },
-  },
-  setup(props) {
-    //data
-    const pageData = reactive({
-      statusConfig: {
-        show: false,
-      },
-      optColumn: {
-        attrs: {},
-        extend: {},
-        optColumnList: [
-          // { authorityCode: 'purchaseNoticeTemplate#PurchaseNoticeTemplate:edit', type: 'edit', title: this.$srmI18n(`${this.$getLangAccount()}#i18n_title_edit`, '编辑'), clickFn: this.handleEdit },
-          // { authorityCode: 'purchaseNoticeTemplate#PurchaseNoticeTemplate:view', type: 'view', title: this.$srmI18n(`${this.$getLangAccount()}#i18n_title_see`, '查看'), clickFn: this.handleShow },
-          // {
-          //   authorityCode: 'purchaseNoticeTemplate#PurchaseNoticeTemplate:delete',
-          //   type: 'delete',
-          //   title: this.$srmI18n(`${this.$getLangAccount()}#i18n_title_delete`, '删除'),
-          //   clickFn: this.handleDelete,
-          // },
-        ],
-      },
-      buttonConfig: {
-        attrs: {},
-        extend: {},
-        buttons: [
-          // {authorityCode: 'purchaseNoticeTemplate#PurchaseNoticeTemplate:add', label: this.$srmI18n(`${this.$getLangAccount()}#i18n_title_add`, '新增'),  clickFn: this.handleAdd, type: 'primary'},
-          //             {label: this.$srmI18n(`${this.$getLangAccount()}#i18n_title_listCustom`, '列自定义'), icon: 'setting', clickFn: this.settingColumns},
-          //             {label: this.$srmI18n(`${this.$getLangAccount()}#i18n_title_helpText`, '帮助说明'), icon: 'file-text', folded: true, isDocument: true, clickFn: this.showHelpText},
-          //             {label: this.$srmI18n(`${this.$getLangAccount()}#i18n_title_attachment`, '说明附件'), icon: 'file-pdf', folded: true, isDocument: true, clickFn: this.showHelpPDF}
-        ],
-      },
-      queryConfig: {
-        attrs: {},
-        extend: {},
-        form: [
-          {
-            type: 'input',
-            label: '模板名称',
-            fieldName: 'templateName',
-            placeholder: '请输入模板名称',
-          },
-        ],
-        formState: {},
-      },
-      pagerConfig: {},
-    })
-    //data-hook
-    const { showEditPage, apiUrls } = useConfigData()
-    const { userInfo } = toRefs(props)
-    console.log('userInfos', userInfo)
-    //methods
-    // function allowDelete() {
-    //   console.log('userInfo.value?.userInfo?.elsAccount', userInfo.value?.userInfo?.elsAccount)
-    //   if (userInfo.value?.userInfo?.elsAccount != '100000') {
-    //     return true
-    //   } else {
-    //     return false
-    //   }
-    // }
-    return { showEditPage, apiUrls, pageData }
-  },
-})
-</script>
-<style scoped></style>
+<template>
+  <div style="height: 100%">
+    <q-list-layout ref="listLayoutRef" v-if="!showEditPage" :pageData="pageData" :apiUrls="apiUrls" />
+    <q-purchase-notice-template-modal v-if="visible" v-model="visible" @fetch-list-data="fetchListData" :currentRow="noticeTemplateRow"></q-purchase-notice-template-modal>
+    <a-modal :width="900" v-model:visible="viewTemplateVisible" :title="viewTemplateModalTitle" @cancel="handleViewCancel" @ok="handleViewCancel">
+      <a-form>
+        <a-form-item :label="srmI18n('i18n_title_templateName', '模板名称')">
+          <a-input :placeholder="srmI18n('i18n_title_enterATemplateName', '请输入模板名称')" v-model:value="viewTemplateRow.templateName" style="width: 400px" />
+        </a-form-item>
+        <a-form-item :label="srmI18n('i18n_title_templateContent', '模板内容')">
+          <span v-html="viewTemplateRow.templateContent"></span>
+        </a-form-item>
+      </a-form>
+    </a-modal>
+  </div>
+</template>
+
+<script lang="ts" setup>
+//JS
+import type { GlobalListPageLayoutTypes } from '@qqt-product/ui'
+import { reactive, toRefs, inject, ref } from 'vue'
+//hook
+import QPurchaseNoticeTemplateModal from './QPurchaseNoticeTemplateModal.vue'
+import { useConfigData } from './useConfigData'
+
+const props = defineProps<{
+  userInfo: GlobalListPageLayoutTypes.UserInfo
+}>()
+
+const srmI18n = inject('Q_SRM_I18N', (i18nKey: string, defaultValue: string, account?: string | number): string => {
+  if (i18nKey) {
+    if (account) {
+      return account + defaultValue
+    }
+    return defaultValue
+  }
+  return defaultValue
+})
+const listLayoutRef = ref()
+const fetchListData = () => {
+  listLayoutRef.value.fetchListData()
+  visible.value = false
+}
+//data
+const visible = ref<boolean>(false)
+const viewTemplateVisible = ref(false)
+const viewTemplateModalTitle = ref(srmI18n('i18n_title_see', '查看'))
+const handleViewCancel = () => {
+  viewTemplateVisible.value = false
+}
+const viewTemplateRow = ref<GlobalListPageLayoutTypes.CurrentRow | { templateName: string; templateContent: string }>({
+  templateName: '',
+  templateContent: '',
+  id: '',
+})
+const noticeTemplateRow = ref({})
+// 编辑
+const handleEdit = (payload: GlobalListPageLayoutTypes.ListOptionsEventParams) => {
+  noticeTemplateRow.value = Object.assign({}, payload.row)
+  visible.value = true
+}
+// 查看
+const handleView = (payload: GlobalListPageLayoutTypes.ListOptionsEventParams) => {
+  viewTemplateRow.value = Object.assign({}, payload.row)
+  viewTemplateVisible.value = true
+}
+
+const pageData = reactive<GlobalListPageLayoutTypes.PageData>({
+  statusConfig: {
+    show: false,
+  },
+  optionConfig: {
+    attrs: {},
+    extend: {},
+    options: [
+      { authorityCode: 'purchaseNoticeTemplate#PurchaseNoticeTemplate:edit', type: 'edit', title: srmI18n('i18n_title_edit', '编辑'), click: handleEdit },
+      { authorityCode: 'purchaseNoticeTemplate#PurchaseNoticeTemplate:view', type: 'view', title: srmI18n('i18n_title_see', '查看'), click: handleView },
+      {
+        authorityCode: 'purchaseNoticeTemplate#PurchaseNoticeTemplate:delete',
+        type: 'delete',
+        title: srmI18n('i18n_title_delete', '删除'),
+        args: {
+          url: '/notice/purchaseNoticeTemplate/delete',
+        },
+      },
+    ],
+  },
+  buttonConfig: {
+    attrs: {},
+    extend: {},
+    buttons: [
+      {
+        authorityCode: 'purchaseNoticeTemplate#PurchaseNoticeTemplate:add',
+        label: srmI18n('i18n_title_add', '新增'),
+        icon: {
+          type: 'icon-Q-add',
+        },
+        attrs: {
+          type: 'primary',
+        },
+        click: () => {
+          noticeTemplateRow.value = Object.assign({}, {})
+          visible.value = true
+        },
+      },
+      {
+        label: srmI18n('i18n_title_listCustom', '列自定义'),
+        icon: {
+          type: 'icon-Q-setting',
+        },
+        type: 'setting',
+      },
+    ],
+  },
+  queryConfig: {
+    attrs: {},
+    extend: {},
+    form: [
+      {
+        type: 'input',
+        label: srmI18n('i18n_title_templateName', '模板名称'),
+        fieldName: 'templateName',
+        placeholder: srmI18n('i18n_title_enterATemplateName', '请输入模板名称'),
+      },
+    ],
+  },
+  pagerConfig: {},
+})
+//data-hook
+const { showEditPage, apiUrls } = useConfigData()
+const { userInfo } = toRefs(props)
+console.log('userInfos', userInfo)
+</script>
+<style scoped></style>

package/src/lib/components/QPurchaseNoticeTemplateList/src/QPurchaseNoticeTemplateModal.vue

@@ -0,0 +1,91 @@
+<template>
+  <a-modal :visible="modelValue" :title="modalTitle" :width="900" @cancel="handleCancel" @ok="handleOk">
+    <a-form :model="form">
+      <a-form-item :label="srmI18n('i18n_title_templateName', '模板名称')">
+        <a-input :placeholder="srmI18n('i18n_title_enterATemplateName', '请输入模板名称')" v-model:value="form.templateName" style="width: 400px" />
+      </a-form-item>
+    </a-form>
+    <a-form :model="form">
+      <a-form-item>
+        <QEditor v-if="modelValue" v-model:content="form.templateContent"></QEditor>
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, toRefs, inject } from 'vue'
+import { Modal } from 'ant-design-vue'
+import { message } from '@qqt-product/ui'
+import qqtApi from '@qqt-product/api'
+export interface Values {
+  templateName: string
+  id: string
+  templateContent: string
+}
+const qHttp: qqtApi.Request = qqtApi.useHttp()
+
+const srmI18n = inject('Q_SRM_I18N', (i18nKey: string, defaultValue: string, account?: string | number): string => {
+  if (i18nKey) {
+    if (account) {
+      return account + defaultValue
+    }
+    return defaultValue
+  }
+  return defaultValue
+})
+const modalTitle = ref(srmI18n('i18n_title_editTemplate', '编辑模板'))
+const props = defineProps<{
+  modelValue: boolean
+  currentRow: object
+}>()
+const { modelValue } = toRefs(props)
+const emit = defineEmits<{
+  (e: 'update:modelValue', modalVisible: boolean): void
+  (e: 'fetch-list-data')
+}>()
+
+const form = reactive<Values>(
+  Object.assign(
+    {},
+    {
+      templateContent: '',
+      id: '',
+      templateName: '',
+    },
+    props.currentRow,
+  ),
+)
+const handleCancel = () => {
+  emit('update:modelValue', false)
+}
+const handleOk = (e: MouseEvent) => {
+  console.log(e)
+  Modal.confirm({
+    title: srmI18n('i18n_title_confirmtoSave', '确认保存'),
+    content: srmI18n('i18n_title_isConfirmtoSave', '是否确认保存?'),
+    onOk() {
+      postData()
+    },
+  })
+}
+const postData = () => {
+  let url = '/notice/purchaseNoticeTemplate/add'
+  if (form.id && form.id != '') {
+    url = '/notice/purchaseNoticeTemplate/edit'
+  }
+  qHttp
+    .post({
+      url,
+      data: form,
+    })
+    .then((res) => {
+      if (res && res.success) {
+        message.success(res.message)
+        emit('fetch-list-data')
+      } else {
+        message.error(res.message)
+      }
+    })
+}
+</script>