add news

src/api/admin.ts

@@ -1,4 +0,0 @@
-// 语录管理
-export interface searchValue{
-    classtictitle: string,  
-}

src/api/blog.ts

@@ -11,3 +11,12 @@ export interface blogInterface {
     typename: string,
     labelnames: string
   }
+
+// 语录管理
+export  interface classticInterface {
+    key:string,
+    id:number,
+    header: string,
+    text: string,
+    descr: string
+  }

src/stores/index.ts

@@ -3,10 +3,13 @@ import { defineStore } from 'pinia'
 import { get } from "@/tools/request"
 import dayjs from 'dayjs';
 import { useRouter } from "vue-router"
-import type { blogInterface } from '@/api/blog';
+import type { blogInterface,classticInterface } from '@/api/blog';
 const router = useRouter()
 // 博客列表
 const bloglist = ref<blogInterface[]>([])
+// 语录列表
+const classticlist = ref<classticInterface[]>([])
+
 
 export const useAuthStore = defineStore("auth", () => {
   const tokenValue = ref("")
@@ -21,19 +24,15 @@ export const useAuthStore = defineStore("auth", () => {
 
 // 语录列表接口
 export const classticContentStore = defineStore("classtic", () => {
-  interface classticInterface {
-    id: number,
-    header: string,
-    text: string,
-    descr: string
-  }
-  const classticlist = ref<classticInterface[]>([])
+  
+
   const classticList = async () => {
     try {
       const response = await get("/classtics/list");
       if (response) {
-        classticlist.value = response.data.data.map((item: any) => ({
-          id: item.id,
+        classticlist.value = response.data.data.map((item: any,index:any) => ({
+          key:(index+1).toString(),
+          id:item.id,
           header: item.header,
           text: item.text,
           descr: item.descr
@@ -48,6 +47,34 @@ export const classticContentStore = defineStore("classtic", () => {
   return { classticlist, classticList }
 })
 
+export const classticSearchStore=defineStore("chassticsearch",()=>{
+  const searchValue=reactive({
+    title:""
+  })
+  const classticSearch=async ()=>{
+    try {
+      const response=await get(
+        "/classtics/list/search",
+        {header:searchValue.title}
+      )
+      if (response) {
+        classticlist.value=response.data.data.map((items:any,index:any)=>({
+          key:(index+1).toString(),
+          id:items.id,
+          header: items.header,
+          text: items.text,
+          descr: items.descr
+        }))
+      }else{
+        console.log("classtic request is nulll")
+      }
+    } catch (error) {
+      console.log("classtic request is error")
+    }
+  }
+  return {classticSearch,searchValue}
+})
+
 // 链接接口
 export const comLinkContentStore = defineStore("comlink", () => {
   interface comlinkInterface {

src/views/admin/classticmanage/ClassticManageView.vue

@@ -2,15 +2,27 @@
     <div class="content">
         <div class="search">
             <a-space>
-                <a-input v-model:value="searchList.classtictitle" placeholder="语录标题" />
+                <a-input v-model:value="classticSearch.searchValue.title" placeholder="语录标题" />
             </a-space>
             <a-space style="margin-left: 16px;">
-                <a-button>查询</a-button>
+                <a-button @click="classticSearch.classticSearch">查询</a-button>
                 <a-button type="primary" ghost @click="modal('add')">新增</a-button>
-                <a-modal v-model:open="addModal.addOpen" ok-text="确认" cancel-text="取消" :title="addModal.addTitle" @ok="handleOk">
-                    <p>Some contents...</p>
-                    <p>Some contents...</p>
-                    <p>Some contents...</p>
+                <a-modal v-model:open="addModal.addOpen" ok-text="确认" cancel-text="取消" :title="addModal.addTitle"
+                    @ok="handleOk">
+                    <a-form :model="formState" name="basic">
+                        <a-form-item label="语录标题" name="classticname" 
+                            :rules="[{ required: true, message: '请输入语录标题' }]" v-bind="formItemLayout">
+                            <a-input v-model:value="formState.name" />
+                        </a-form-item>
+                        <a-form-item label="语录内容" name="classticcontent" 
+                            :rules="[{ required: true, message: '请输入语录内容' }]" v-bind="formItemLayout">
+                            <a-input v-model:value="formState.name" />
+                        </a-form-item>
+                        <a-form-item label="备注" name="classticdescr" 
+                            :rules="[{ message: '请输入备注' }]" v-bind="formItemLayout">
+                            <a-textarea v-model:value="formState.name" />
+                        </a-form-item>
+                    </a-form>
                 </a-modal>
             </a-space>
         </div>
@@ -38,18 +50,22 @@
 
 <script setup lang='ts'>
 import { ref, reactive, onMounted } from 'vue';
-import type { searchValue } from "@/api/admin"
 import { useRouter } from "vue-router"
 const router = useRouter()
-import { classticContentStore } from "@/stores"
-
-const addModal=reactive({
-    addOpen:false,
-    addTitle:"",
-    modalMode:""
+import { classticContentStore,classticSearchStore } from "@/stores"
+const classticContent = classticContentStore()
+const classticSearch=classticSearchStore()
+const formItemLayout = {
+  labelCol: { span: 4 ,offset:2},
+  wrapperCol: { span: 16 },
+};
+const addModal = reactive({
+    addOpen: false,
+    addTitle: "",
+    modalMode: ""
 })
-const modal=(mode:string)=>{
-    addModal.modalMode=mode
+const modal = (mode: string) => {
+    addModal.modalMode = mode
     if (mode === 'add') {
         addModal.addTitle = '新增';
     } else if (mode === 'edit') {
@@ -59,14 +75,13 @@ const modal=(mode:string)=>{
 }
 const addhandleOk = () => {
     addOpen.value = true;
-    addOpen.value = false;
 };
-const edithandleOk=()=> {
+const edithandleOk = () => {
     // Logic for editing
     console.log('Edit logic here');
-    }
+}
 
-const handleOk=()=> {
+const handleOk = () => {
     if (addModal.modalMode === 'add') {
         // Handle add action
         addhandleOk();
@@ -75,12 +90,21 @@ const handleOk=()=> {
         edithandleOk();
     }
     addModal.addOpen = false;
-    }
+}
+
+interface FormState {
+    name: string,
+    content: string,
+    descr: string
+}
+
+const formState = reactive<FormState>({
+    name: '',
+    content: '',
+    descr: ''
+});
+
 
-const searchList = reactive<searchValue>({
-    classtictitle: ""
-})
-const classticContent = classticContentStore()
 const deleteOpen = ref<boolean>(false);
 const toDelete = reactive<{ key: string, id: number }>({
     key: '',