From 5f5fa34e558ca97a9060a6863e904348f9636a4b Mon Sep 17 00:00:00 2001
From: zhouhaibin <zhouhaibin@qq.com>
Date: Wed, 18 Dec 2024 10:11:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=8F=90=E7=A4=BA=E8=AF=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modelConfiguration/ModelPrompts/index.ts  |  57 ++++++
 .../modelConfiguration/ModelPrompts/model.ts  | 188 +++++++++++++++++
 .../ModelPrompts/ModelPrompts.data.ts         | 191 ++++++++++++++++++
 .../ModelPrompts/ModelPromptsModal.vue        |  94 +++++++++
 .../modelConfiguration/ModelPrompts/index.vue | 127 ++++++++++++
 5 files changed, 657 insertions(+)
 create mode 100644 src/api/modelConfiguration/ModelPrompts/index.ts
 create mode 100644 src/api/modelConfiguration/ModelPrompts/model.ts
 create mode 100644 src/views/modelConfiguration/ModelPrompts/ModelPrompts.data.ts
 create mode 100644 src/views/modelConfiguration/ModelPrompts/ModelPromptsModal.vue
 create mode 100644 src/views/modelConfiguration/ModelPrompts/index.vue

diff --git a/src/api/modelConfiguration/ModelPrompts/index.ts b/src/api/modelConfiguration/ModelPrompts/index.ts
new file mode 100644
index 0000000..2ae7f23
--- /dev/null
+++ b/src/api/modelConfiguration/ModelPrompts/index.ts
@@ -0,0 +1,57 @@
+import { defHttp } from '@/utils/http/axios';
+import { ID, IDS, commonExport } from '@/api/base';
+import { ModelPromptsVO, ModelPromptsForm, ModelPromptsQuery } from './model';
+
+/**
+ * 查询用于存储模型提示词列表
+ * @param params
+ * @returns
+ */
+export function ModelPromptsList(params?: ModelPromptsQuery) {
+  return defHttp.get<ModelPromptsVO[]>({ url: '/productManagement/ModelPrompts/list', params });
+}
+
+/**
+ * 导出用于存储模型提示词列表
+ * @param params
+ * @returns
+ */
+export function ModelPromptsExport(params?: ModelPromptsQuery) {
+  return commonExport('/productManagement/ModelPrompts/export', params ?? {});
+}
+
+/**
+ * 查询用于存储模型提示词详细
+ * @param id id
+ * @returns
+ */
+export function ModelPromptsInfo(id: ID) {
+  return defHttp.get<ModelPromptsVO>({ url: '/productManagement/ModelPrompts/' + id });
+}
+
+/**
+ * 新增用于存储模型提示词
+ * @param data
+ * @returns
+ */
+export function ModelPromptsAdd(data: ModelPromptsForm) {
+  return defHttp.postWithMsg<void>({ url: '/productManagement/ModelPrompts', data });
+}
+
+/**
+ * 更新用于存储模型提示词
+ * @param data
+ * @returns
+ */
+export function ModelPromptsUpdate(data: ModelPromptsForm) {
+  return defHttp.putWithMsg<void>({ url: '/productManagement/ModelPrompts', data });
+}
+
+/**
+ * 删除用于存储模型提示词
+ * @param id id
+ * @returns
+ */
+export function ModelPromptsRemove(id: ID | IDS) {
+  return defHttp.deleteWithMsg<void>({ url: '/productManagement/ModelPrompts/' + id },);
+}
diff --git a/src/api/modelConfiguration/ModelPrompts/model.ts b/src/api/modelConfiguration/ModelPrompts/model.ts
new file mode 100644
index 0000000..fd70755
--- /dev/null
+++ b/src/api/modelConfiguration/ModelPrompts/model.ts
@@ -0,0 +1,188 @@
+import { BaseEntity, PageQuery } from '@/api/base';
+
+export interface ModelPromptsVO {
+  /**
+   * id
+   */
+  id: string | number;
+
+  /**
+   * 任务角色描述
+   */
+  taskRoleDesc: string;
+
+  /**
+   * 模型任务名称
+   */
+  taskName: string;
+
+  /**
+   * 模型所属区域
+   */
+  taskRegion: string;
+
+  /**
+   * 模型所属行业
+   */
+  taskIndustry: string;
+
+  /**
+   * 任务背景
+   */
+  context: string;
+
+  /**
+   * 任务描述
+   */
+  description: string;
+
+  /**
+   * 任务流程
+   */
+  workflow: string;
+
+  /**
+   * 输出说明
+   */
+  outputDesc: string;
+
+  /**
+   * 注意事项
+   */
+  cautions: string;
+
+  /**
+   * 模型版本
+   */
+  modelVersion: string;
+
+  /**
+   * 备注
+   */
+  note: string;
+
+}
+
+export interface ModelPromptsForm extends BaseEntity {
+  /**
+   * 任务角色描述
+   */
+  taskRoleDesc?: string;
+
+  /**
+   * 模型任务名称
+   */
+  taskName?: string;
+
+  /**
+   * 模型所属区域
+   */
+  taskRegion?: string;
+
+  /**
+   * 模型所属行业
+   */
+  taskIndustry?: string;
+
+  /**
+   * 任务背景
+   */
+  context?: string;
+
+  /**
+   * 任务描述
+   */
+  description?: string;
+
+  /**
+   * 任务流程
+   */
+  workflow?: string;
+
+  /**
+   * 输出说明
+   */
+  outputDesc?: string;
+
+  /**
+   * 注意事项
+   */
+  cautions?: string;
+
+  /**
+   * 模型版本
+   */
+  modelVersion?: string;
+
+  /**
+   * 备注
+   */
+  note?: string;
+
+
+}
+
+export interface ModelPromptsQuery extends PageQuery {
+
+  /**
+   * id
+   */
+  id?: string | number;
+
+  /**
+   * 任务角色描述
+   */
+  taskRoleDesc?: string;
+
+  /**
+   * 模型任务名称
+   */
+  taskName?: string;
+
+  /**
+   * 模型所属区域
+   */
+  taskRegion?: string;
+
+  /**
+   * 模型所属行业
+   */
+  taskIndustry?: string;
+
+  /**
+   * 任务背景
+   */
+  context?: string;
+
+  /**
+   * 任务描述
+   */
+  description?: string;
+
+  /**
+   * 任务流程
+   */
+  workflow?: string;
+
+  /**
+   * 输出说明
+   */
+  outputDesc?: string;
+
+  /**
+   * 注意事项
+   */
+  cautions?: string;
+
+  /**
+   * 模型版本
+   */
+  modelVersion?: string;
+
+  /**
+   * 备注
+   */
+  note?: string;
+
+
+}
diff --git a/src/views/modelConfiguration/ModelPrompts/ModelPrompts.data.ts b/src/views/modelConfiguration/ModelPrompts/ModelPrompts.data.ts
new file mode 100644
index 0000000..158758b
--- /dev/null
+++ b/src/views/modelConfiguration/ModelPrompts/ModelPrompts.data.ts
@@ -0,0 +1,191 @@
+import { BasicColumn } from '@/components/Table';
+import { FormSchema } from '@/components/Form';
+import { getDictOptions } from '@/utils/dict';
+import { useRender } from '@/hooks/component/useRender';
+export const formSchemas: FormSchema[] = [
+  {
+    label: '模型任务名称',
+    field: 'taskName',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('document_task'),
+    },
+  },
+  {
+    label: '模型所属区域',
+    field: 'taskRegion',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('model_region'),
+    },
+  },
+  {
+    label: '模型所属行业',
+    field: 'taskIndustry',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('model_industry'),
+    },
+  },
+];
+
+const { renderDict } = useRender();
+export const columns: BasicColumn[] = [
+  {
+    title: 'id',
+    dataIndex: 'id',
+    ifShow: false,
+  },
+  {
+    title: '模型任务名称',
+    dataIndex: 'taskName',
+    customRender: ({ value }) => renderDict(value, 'document_task'),
+  },
+  {
+    title: '模型所属区域',
+    dataIndex: 'taskRegion',
+    customRender: ({ value }) => renderDict(value, 'model_region'),
+  },
+  {
+    title: '模型所属行业',
+    dataIndex: 'taskIndustry',
+    customRender: ({ value }) => renderDict(value, 'model_industry'),
+  },
+  {
+    title: '任务角色描述',
+    dataIndex: 'taskRoleDesc',
+  },
+  {
+    title: '任务背景',
+    dataIndex: 'context',
+  },
+  {
+    title: '任务描述',
+    dataIndex: 'description',
+  },
+  {
+    title: '任务流程',
+    dataIndex: 'workflow',
+  },
+  {
+    title: '输出说明',
+    dataIndex: 'outputDesc',
+  },
+  {
+    title: '注意事项',
+    dataIndex: 'cautions',
+  },
+  {
+    title: '备注',
+    dataIndex: 'note',
+  },
+  {
+    title: '模型版本',
+    dataIndex: 'modelVersion',
+  },
+];
+
+export const modalSchemas: FormSchema[] = [
+  {
+    field:"id",
+    component:"Input",
+    ifShow:false
+  },
+  {
+    label: '模型任务名称',
+    field: 'taskName',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('document_task'),
+    },
+  },
+  {
+    label: '模型所属区域',
+    field: 'taskRegion',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('model_region'),
+    },
+  },
+  {
+    label: '模型所属行业',
+    field: 'taskIndustry',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('model_industry'),
+    },
+  },
+  {
+    label: '任务角色描述',
+    field: 'taskRoleDesc',
+    required: true,
+    component: 'InputTextArea',
+    componentProps:{
+      rows:10,
+    }
+  },
+  {
+    label: '任务背景',
+    field: 'context',
+    required: true,
+    component: 'InputTextArea',
+    componentProps:{
+      rows:10,
+    }
+  },
+  {
+    label: '任务描述',
+    field: 'description',
+    required: true,
+    component: 'InputTextArea',
+    componentProps:{
+      rows:10,
+    }
+  },
+  {
+    label: '任务流程',
+    field: 'workflow',
+    required: false,
+    component: 'InputTextArea',
+    componentProps:{
+      rows:10,
+    }
+  },
+  {
+    label: '输出说明',
+    field: 'outputDesc',
+    required: true,
+    component: 'InputTextArea',
+    componentProps:{
+      rows:10,
+    }
+  },
+  {
+    label: '注意事项',
+    field: 'cautions',
+    required: false,
+    component: 'InputTextArea',
+    componentProps:{
+      rows:10,
+    }
+  },
+  {
+    label: '备注',
+    field: 'note',
+    required: false,
+    component: 'InputTextArea',
+    componentProps:{
+      rows:10,
+    }
+  },
+  {
+    label: '模型版本',
+    field: 'modelVersion',
+    required: false,
+    ifShow:false,
+    component: 'Input',
+  },
+];
diff --git a/src/views/modelConfiguration/ModelPrompts/ModelPromptsModal.vue b/src/views/modelConfiguration/ModelPrompts/ModelPromptsModal.vue
new file mode 100644
index 0000000..4afc739
--- /dev/null
+++ b/src/views/modelConfiguration/ModelPrompts/ModelPromptsModal.vue
@@ -0,0 +1,94 @@
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    :title="title"
+    @register="registerInnerModal"
+    @ok="handleSubmit"
+    @cancel="resetForm"
+    width="60%"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script setup lang="ts">
+  import { BasicModal, useModalInner } from '@/components/Modal';
+  import { BasicForm, useForm } from '@/components/Form';
+  import { computed, ref, unref } from 'vue';
+  import {
+    ModelPromptsInfo,
+    ModelPromptsAdd,
+    ModelPromptsUpdate,
+  } from '@/api/modelConfiguration/ModelPrompts';
+  import { modalSchemas } from './ModelPrompts.data';
+
+  defineOptions({ name: 'ModelPromptsModal' });
+
+  const emit = defineEmits(['register', 'reload']);
+
+  const isUpdate = ref<boolean>(false);
+  const title = computed<string>(() => {
+    return isUpdate.value ? '编辑用于存储模型提示词' : '新增用于存储模型提示词';
+  });
+
+  const [registerInnerModal, { modalLoading, closeModal }] = useModalInner(
+    async (data: { record?: Recordable; update: boolean }) => {
+      modalLoading(true);
+      const { record, update } = data;
+      isUpdate.value = update;
+      //修改
+      if (update && record) {
+        const ret = await ModelPromptsInfo(record.id);
+        await setFieldsValue(ret);
+        await updateSchema([
+          {
+            field: 'taskName',
+            dynamicDisabled: true,
+          },
+          {
+            field: 'taskRegion',
+            dynamicDisabled: true,
+          },
+          {
+            field: 'taskIndustry',
+            dynamicDisabled: true,
+          },
+        ]);
+      }
+      if (!update && record) {
+        const ret = await ModelPromptsInfo(record.id);
+        ret.id="";
+        ret.modelVersion="";
+        await setFieldsValue(ret);
+      }
+      modalLoading(false);
+    },
+  );
+
+  const [registerForm, { setFieldsValue, resetForm, validate, updateSchema }] = useForm({
+    labelWidth: 100,
+    showActionButtonGroup: false,
+    baseColProps: { span: 24 },
+    schemas: modalSchemas,
+  });
+
+  async function handleSubmit() {
+    try {
+      modalLoading(true);
+      const data = await validate();
+      if (unref(isUpdate)) {
+        await ModelPromptsUpdate(data);
+      } else {
+        await ModelPromptsAdd(data);
+      }
+      emit('reload');
+      closeModal();
+      await resetForm();
+    } catch (e) {
+    } finally {
+      modalLoading(false);
+    }
+  }
+</script>
+
+<style scoped></style>
diff --git a/src/views/modelConfiguration/ModelPrompts/index.vue b/src/views/modelConfiguration/ModelPrompts/index.vue
new file mode 100644
index 0000000..dee7a4e
--- /dev/null
+++ b/src/views/modelConfiguration/ModelPrompts/index.vue
@@ -0,0 +1,127 @@
+<template>
+  <PageWrapper dense>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button
+          @click="downloadExcel(ModelPromptsExport, '模型提示词数据', getForm().getFieldsValue())"
+          v-auth="'productManagement:ModelPrompts:export'"
+          >导出</a-button
+        >
+        <!-- <a-button
+          type="primary"
+          danger
+          @click="multipleRemove(ModelPromptsRemove)"
+          :disabled="!selected"
+          v-auth="'productManagement:ModelPrompts:remove'"
+          >删除</a-button
+        > -->
+        <a-button
+          type="primary"
+          @click="handleAdd"
+          v-auth="'productManagement:ModelPrompts:add'"
+          >新增</a-button
+        >
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            stopButtonPropagation
+            :actions="[
+                {
+                label: '复制',
+                icon: IconEnum.SYNC,
+                color:'success',
+                type: 'primary',
+                ghost: true,
+                auth: 'productManagement:ModelPrompts:copy',
+                onClick: handleCopy.bind(null, record),
+              },
+              {
+                label: '修改',
+                icon: IconEnum.EDIT,
+                type: 'primary',
+                ghost: true,
+                auth: 'productManagement:ModelPrompts:edit',
+                onClick: handleEdit.bind(null, record),
+              },
+
+              // {
+              //   label: '删除',
+              //   icon: IconEnum.DELETE,
+              //   type: 'primary',
+              //   danger: true,
+              //   ghost: true,
+              //   auth: 'productManagement:ModelPrompts:remove',
+              //   popConfirm: {
+              //     placement: 'left',
+              //     title: '是否删除模型提示词[' + record.id + ']?',
+              //     confirm: handleDelete.bind(null, record),
+              //   },
+              // },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <ModelPromptsModal @register="registerModal" @reload="reload" />
+  </PageWrapper>
+</template>
+
+<script setup lang="ts">
+  import { PageWrapper } from '@/components/Page';
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { ModelPromptsList, ModelPromptsExport, ModelPromptsRemove } from '@/api/modelConfiguration/ModelPrompts';
+  import { downloadExcel } from '@/utils/file/download';
+  import { useModal } from '@/components/Modal';
+  import ModelPromptsModal from './ModelPromptsModal.vue';
+  import { formSchemas, columns } from './ModelPrompts.data';
+  import { IconEnum } from '@/enums/appEnum';
+
+  defineOptions({ name: 'ModelPrompts' });
+
+  const [registerTable, { reload, multipleRemove, selected, getForm }] = useTable({
+    rowSelection: {
+      type: 'checkbox',
+    },
+    title: '模型提示词列表',
+    api: ModelPromptsList,
+    showIndexColumn: false,
+    rowKey: 'id',
+    useSearchForm: true,
+    formConfig: {
+      schemas: formSchemas,
+      baseColProps: {
+        xs: 24,
+        sm: 24,
+        md: 24,
+        lg: 6,
+      },
+    },
+    columns: columns,
+    actionColumn: {
+      width: 200,
+      title: '操作',
+      key: 'action',
+      fixed: 'right',
+    },
+  });
+
+  const [registerModal, { openModal }] = useModal();
+
+  function handleEdit(record: Recordable) {
+    openModal(true, { record, update: true });
+  }
+  function handleCopy(record: Recordable) {
+    openModal(true, { record, update: false });
+  }
+  function handleAdd() {
+    openModal(true, { update: false });
+  }
+
+  async function handleDelete(record: Recordable) {
+    await ModelPromptsRemove([record.id]);
+    await reload();
+  }
+</script>
+
+<style scoped></style>