提示词管理的代码框架

src/api/ai-prompts.js

@@ -0,0 +1,39 @@
+import request from '@/utils/request'
+
+export function getAiPromptList(params) {
+  return request({
+    url: '/aiPrompts/list',
+    method: 'get',
+    params
+  })
+}
+
+export function getAiPromptById(id) {
+  return request({
+    url: `/aiPrompts/get/${id}`,
+    method: 'get'
+  })
+}
+
+export function addAiPrompt(data) {
+  return request({
+    url: '/aiPrompts/add',
+    method: 'post',
+    data
+  })
+}
+
+export function updateAiPrompt(data) {
+  return request({
+    url: '/aiPrompts/update',
+    method: 'put',
+    data
+  })
+}
+
+export function deleteAiPrompt(id) {
+  return request({
+    url: `/aiPrompts/delete/${id}`,
+    method: 'delete'
+  })
+}

src/router/index.js

@@ -392,8 +392,13 @@ export const constantRoutes = [
         name: 'Tenant',
         component: () => import('@/views/tenant/index'),
         meta: { title: '租户管理', icon: 'el-icon-office-building' }
+      },
+      {
+        path: 'ai-prompts',
+        name: 'AiPrompts',
+        component: () => import('@/views/system/ai-prompts/index'),
+        meta: { title: '提示词管理', icon: 'el-icon-document' }
       }
-      
     ]
   },
 

src/views/system/ai-prompts/index.vue

@@ -0,0 +1,386 @@
+<template>
+  <div class="app-container">
+    <el-card class="filter-container" shadow="never">
+      <el-form ref="queryForm" :model="queryParams" :inline="true" label-width="100px">
+        <el-form-item label="场景编码">
+          <el-input
+            v-model="queryParams.sceneCode"
+            placeholder="场景编码"
+            clearable
+            style="width: 180px"
+          />
+        </el-form-item>
+        <el-form-item label="分类编码">
+          <el-input
+            v-model="queryParams.categoryCode"
+            placeholder="分类编码"
+            clearable
+            style="width: 180px"
+          />
+        </el-form-item>
+        <el-form-item label="字段编码">
+          <el-input
+            v-model="queryParams.fieldCode"
+            placeholder="字段编码"
+            clearable
+            style="width: 180px"
+          />
+        </el-form-item>
+        <el-form-item label="提示类型">
+          <el-input
+            v-model="queryParams.promptType"
+            placeholder="提示类型"
+            clearable
+            style="width: 160px"
+          />
+        </el-form-item>
+        <el-form-item label="提示词">
+          <el-input
+            v-model="queryParams.promptKeyword"
+            placeholder="提示词关键字"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item label="创建时间">
+          <el-date-picker
+            v-model="queryParams.createTimeRange"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始"
+            end-placeholder="结束"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            style="width: 380px"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+          <el-button icon="el-icon-delete" @click="resetQuery">清空</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="action-container" shadow="never">
+      <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
+    </el-card>
+
+    <el-card class="table-container" shadow="never">
+      <el-table v-loading="loading" :data="list" style="width: 100%">
+        <el-table-column label="序号" type="index" width="50" />
+        <el-table-column label="场景编码" prop="sceneCode" min-width="110" show-overflow-tooltip />
+        <el-table-column label="分类编码" prop="categoryCode" min-width="110" show-overflow-tooltip />
+        <el-table-column label="分类描述" prop="categoryDesc" min-width="120" show-overflow-tooltip />
+        <el-table-column label="字段编码" prop="fieldCode" min-width="110" show-overflow-tooltip />
+        <el-table-column label="提示类型" prop="promptType" min-width="100" show-overflow-tooltip />
+        <el-table-column label="提示词" prop="promptText" min-width="200" show-overflow-tooltip />
+        <el-table-column label="备注" prop="remark" min-width="120" show-overflow-tooltip />
+        <el-table-column label="创建时间" prop="createTime" min-width="160">
+          <template slot-scope="scope">
+            {{ formatDateTime(scope.row.createTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="修改时间" prop="updateTime" min-width="160">
+          <template slot-scope="scope">
+            {{ formatDateTime(scope.row.updateTime) }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="140" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+            <el-button type="text" style="color: #F56C6C;" @click="handleDelete(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        :current-page="queryParams.current"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="queryParams.size"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <el-dialog
+      :title="dialogTitle"
+      :visible.sync="dialogVisible"
+      width="720px"
+      @close="resetForm"
+    >
+      <el-form
+        ref="dataForm"
+        :model="form"
+        :rules="formRules"
+        label-width="100px"
+      >
+        <el-form-item label="场景编码" prop="sceneCode">
+          <el-input v-model="form.sceneCode" placeholder="场景编码" />
+        </el-form-item>
+        <el-form-item label="分类编码" prop="categoryCode">
+          <el-input v-model="form.categoryCode" placeholder="分类编码" />
+        </el-form-item>
+        <el-form-item label="分类描述" prop="categoryDesc">
+          <el-input v-model="form.categoryDesc" placeholder="分类描述" />
+        </el-form-item>
+        <el-form-item label="字段编码" prop="fieldCode">
+          <el-input v-model="form.fieldCode" placeholder="字段编码" />
+        </el-form-item>
+        <el-form-item label="提示类型" prop="promptType">
+          <el-input v-model="form.promptType" placeholder="请输入提示类型" />
+        </el-form-item>
+        <el-form-item label="提示词" prop="promptText">
+          <el-input
+            v-model="form.promptText"
+            type="textarea"
+            :rows="6"
+            placeholder="提示词内容"
+          />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" :rows="2" placeholder="备注" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getAiPromptList,
+  addAiPrompt,
+  updateAiPrompt,
+  deleteAiPrompt
+} from '@/api/ai-prompts'
+
+export default {
+  name: 'AiPrompts',
+  data() {
+    return {
+      loading: false,
+      list: [],
+      total: 0,
+      dialogVisible: false,
+      dialogTitle: '',
+      isEdit: false,
+      queryParams: {
+        current: 1,
+        size: 10,
+        sceneCode: '',
+        categoryCode: '',
+        fieldCode: '',
+        promptType: '',
+        promptKeyword: '',
+        createTimeRange: null
+      },
+      form: {
+        id: '',
+        sceneCode: '',
+        categoryCode: '',
+        categoryDesc: '',
+        fieldCode: '',
+        promptType: '',
+        promptText: '',
+        remark: ''
+      },
+      formRules: {
+        sceneCode: [{ required: true, message: '请输入场景编码', trigger: 'blur' }],
+        categoryCode: [{ required: true, message: '请输入分类编码', trigger: 'blur' }],
+        fieldCode: [{ required: true, message: '请输入字段编码', trigger: 'blur' }],
+        promptType: [{ required: true, message: '请输入提示类型', trigger: 'blur' }],
+        promptText: [{ required: true, message: '请输入提示词', trigger: 'blur' }]
+      }
+    }
+  },
+  created() {
+    this.fetchList()
+  },
+  methods: {
+    buildListParams() {
+      const params = {
+        current: this.queryParams.current,
+        size: this.queryParams.size,
+        sceneCode: this.queryParams.sceneCode || undefined,
+        categoryCode: this.queryParams.categoryCode || undefined,
+        fieldCode: this.queryParams.fieldCode || undefined,
+        promptType: this.queryParams.promptType || undefined,
+        promptKeyword: this.queryParams.promptKeyword || undefined
+      }
+      if (this.queryParams.createTimeRange && this.queryParams.createTimeRange.length === 2) {
+        params.createStartTime = this.queryParams.createTimeRange[0]
+        params.createEndTime = this.queryParams.createTimeRange[1]
+      }
+      Object.keys(params).forEach((key) => {
+        if (params[key] === undefined || params[key] === '') {
+          delete params[key]
+        }
+      })
+      return params
+    },
+    fetchList() {
+      this.loading = true
+      getAiPromptList(this.buildListParams())
+        .then((response) => {
+          if (response && (response.code === 20000 || response.code === 200)) {
+            this.list = Array.isArray(response.data) ? response.data : []
+            this.total = response.total != null ? response.total : 0
+          } else {
+            this.list = []
+            this.total = 0
+          }
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+    handleQuery() {
+      this.queryParams.current = 1
+      this.fetchList()
+    },
+    resetQuery() {
+      this.queryParams = {
+        current: 1,
+        size: 10,
+        sceneCode: '',
+        categoryCode: '',
+        fieldCode: '',
+        promptType: '',
+        promptKeyword: '',
+        createTimeRange: null
+      }
+      this.fetchList()
+    },
+    handleSizeChange(val) {
+      this.queryParams.size = val
+      this.fetchList()
+    },
+    handleCurrentChange(val) {
+      this.queryParams.current = val
+      this.fetchList()
+    },
+    handleAdd() {
+      this.dialogTitle = '新增提示词'
+      this.isEdit = false
+      this.resetFormData()
+      this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.dataForm && this.$refs.dataForm.clearValidate()
+      })
+    },
+    handleEdit(row) {
+      this.dialogTitle = '编辑提示词'
+      this.isEdit = true
+      this.form = {
+        id: row.id,
+        sceneCode: row.sceneCode || '',
+        categoryCode: row.categoryCode || '',
+        categoryDesc: row.categoryDesc || '',
+        fieldCode: row.fieldCode || '',
+        promptType: row.promptType || '',
+        promptText: row.promptText || '',
+        remark: row.remark || ''
+      }
+      this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.dataForm && this.$refs.dataForm.clearValidate()
+      })
+    },
+    handleDelete(row) {
+      this.$confirm('确定删除该提示词配置吗？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          deleteAiPrompt(row.id).then((res) => {
+            this.$message.success(res.message || '删除成功')
+            this.fetchList()
+          })
+        })
+        .catch(() => {})
+    },
+    handleSubmit() {
+      this.$refs.dataForm.validate((valid) => {
+        if (!valid) return
+        const payload = {
+          sceneCode: this.form.sceneCode,
+          categoryCode: this.form.categoryCode,
+          categoryDesc: this.form.categoryDesc || undefined,
+          fieldCode: this.form.fieldCode,
+          promptType: this.form.promptType,
+          promptText: this.form.promptText,
+          remark: this.form.remark || undefined
+        }
+        if (this.isEdit) {
+          payload.id = this.form.id
+          updateAiPrompt(payload).then((res) => {
+            this.$message.success(res.message || '更新成功')
+            this.dialogVisible = false
+            this.fetchList()
+          })
+        } else {
+          addAiPrompt(payload).then((res) => {
+            this.$message.success(res.message || '添加成功')
+            this.dialogVisible = false
+            this.fetchList()
+          })
+        }
+      })
+    },
+    resetFormData() {
+      this.form = {
+        id: '',
+        sceneCode: '',
+        categoryCode: '',
+        categoryDesc: '',
+        fieldCode: '',
+        promptType: '',
+        promptText: '',
+        remark: ''
+      }
+    },
+    resetForm() {
+      this.$refs.dataForm && this.$refs.dataForm.resetFields()
+      this.resetFormData()
+    },
+    formatDateTime(dateTime) {
+      if (!dateTime) return '-'
+      const s = typeof dateTime === 'string' ? dateTime.replace('T', ' ') : dateTime
+      const date = new Date(s)
+      if (Number.isNaN(date.getTime())) return String(dateTime)
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hours = String(date.getHours()).padStart(2, '0')
+      const minutes = String(date.getMinutes()).padStart(2, '0')
+      const seconds = String(date.getSeconds()).padStart(2, '0')
+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+  .filter-container {
+    margin-bottom: 20px;
+  }
+
+  .action-container {
+    margin-bottom: 20px;
+  }
+
+  .table-container {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>