新增ai题名页面

src/router/modules/base.js

@@ -179,6 +179,12 @@ export default [
                         meta: { title: '案卷调整' },
                         component: () => import('~src/views/archives/manage/tuning.vue'),
                     },
+                    {
+                        path: '/archives/manage/ai',
+                        name: 'archives-manage-ai',
+                        meta: { title: '案卷调整' },
+                        component: () => import('~src/views/archives/manage/ai.vue'),
+                    },
                   
                 ],
             },

src/router/modules/token.js

@@ -14,6 +14,7 @@ export default [
     'transfer-writing-conclusion',
     'transfer-write-report',
     'test-index',
+    'archives-manage-ai',
 
  
  

src/views/archives/manage/ai.vue

@@ -0,0 +1,63 @@
+<template>
+    <hc-new-card>
+        <template #header>
+            AI案卷题名生成列表
+        </template>
+        <template #extra>
+            <el-button type="primary" hc-btn>
+                <HcIcon name="save" />
+                <span>确认页面</span>
+            </el-button>
+            <el-button hc-btn>
+                <HcIcon name="close" />
+                <span>关闭页面</span>
+            </el-button>
+        </template>
+        
+
+        <hc-table :column="tableColumn" :datas="tableData">
+            <template #archiveNameAi="{ row }">
+                <hc-table-input v-model="row.archiveNameAi" class="blue-text" />
+            </template>
+            <template #action="{ row, index }">
+                <el-link type="warning">修订</el-link>
+                <el-link type="success">确认</el-link>
+            </template>
+        </hc-table>
+
+        <template #action>
+            <hc-pages :pages="searchForm" @change="pageChange" />
+        </template>
+    </hc-new-card>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+
+
+const tableColumn = [
+    { key: 'archiveName', name: '案卷题名' },
+    { key: 'archiveNameAi', name: 'AI题名' },
+    { key: 'action', name: '操作', width: 120 },
+]
+const tableData = ref([
+    { id: 1, name: '名称1', text: '文本1', color: 'red' },
+    { id: 2, name: '名称2', text: '文本2', color: 'blue' },
+    { id: 3, name: '名称3', text: '文本3', color: '无' },
+])
+//搜索表单
+const searchForm = ref({ current: 1, size: 20, total: 60 })
+
+//分页被点击
+const pageChange = ({ current, size }) => {
+    searchForm.value.current = current
+    searchForm.value.size = size
+}
+</script>
+
+<style>
+.blue-text .el-input__inner {
+    color: #1684FC;
+}
+</style>

src/views/archives/manage/tuning.vue

@@ -26,7 +26,40 @@
                 </div>
             </template>
             <template #extra>
-                <!-- transfer_initial_expert_btn_sampling -->
+                <!-- <HcTooltip keys="archives_tuning_btn_ai">
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="AiClick">
+                        AI题名
+                    </el-button>
+                </HcTooltip> -->
+                <el-tooltip
+                    class="box-item"
+                    effect="light"
+                    placement="bottom"
+                >
+                    <template #content> 
+                        <div class="task-info">
+                            <div v-for="item in taskInfoList" :key="item.id" class="task-info-item" @click="getInfoDetailClick">
+                                <div class="task-info-item-left">
+                                    <span>{{ item.date }}</span>
+                                    <span v-if="item.state" class="ml-2">待生成</span>
+                                    <span v-else class="ml-2">生成</span>
+                                    <span class="text-red">{{ item.num }}</span>
+                                    <span>条AI数据</span>
+                                </div>
+                                <div v-if="item.state" class="task-info-item-right ml-2" style=" color:#FF7D43;">
+                                    <HcIcon class="text-hover" name="loader-2" style=" color:#FF7D43;" />
+                                    <span>生成中</span>
+                                </div>
+                                <div v-else class="task-info-item-right ml-4">
+                                    <HcIcon class="text-hover" name="close-circle" style=" color:#FF7D43;" />
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                    <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" keys="archives_tuning_btn_ai" @click="AiClick">
+                        AI题名
+                    </el-button>
+                </el-tooltip>
                 <HcTooltip keys="archives_tuning_btn_combine">
                     <el-button hc-btn :disabled="tableCheckedKeys.length <= 0" @click="mergeClick">
                         并卷
@@ -342,7 +375,11 @@ import archiveFileApi from '~api/archiveFile/archiveFileAuto.js'
 import { getStoreValue, setStoreValue } from '~src/utils/storage'
 import { toPdfPage } from '~uti/btn-auth'
 import { getDictionaryBiz } from '~api/other'
+
+import { useRouter } from 'vue-router'
+
 //变量
+const router = useRouter()
 const useAppState = useAppStore()
 const projectId = ref(useAppState.getProjectId)
 const contractId = ref(useAppState.getContractId)
@@ -1210,6 +1247,28 @@ const mergeDataColumn = [
             { key: 'name', name: '案卷题名', align: 'center' },
    
 ]
+const AiClick = ()=>{
+    
+}
+const taskInfoList = ref([
+    { date:'2020年6月30日', num:30, state:true, id:1 },
+    { date:'2020年6月30日12:43:30', num:30, state:false, id:2 },
+    { date:'2020年6月30日12:43:30', num:30, state:false, id:3 },
+    { date:'2020年6月30日 ', num:30, state:true, id:4 },
+    { date:'2020年6月30日12:43:30', num:30, state:false, id:5 },
+
+    { date:'2020年6月30日', num:30, state:true, id:1 },
+    { date:'2020年6月30日12:43:30', num:30, state:false, id:2 },
+    { date:'2020年6月30日12:43:30', num:30, state:false, id:3 },
+    { date:'2020年6月30日 ', num:30, state:true, id:4 },
+    { date:'2020年6月30日12:43:30', num:30, state:false, id:5 },
+    
+
+])
+const getInfoDetailClick = ()=>{
+    console.log('详情')
+        router.push({ path: '/archives/manage/ai' })//ai
+}
 </script>
 
 <style lang="scss" scoped>
@@ -1277,5 +1336,32 @@ html.dark{
 
     padding: 15px;
 }
+}
+</style>
+
+<style lang="scss" scoped>
+.task-info{
+    display: flex;
+    flex-direction: column;
+    justify-content:center;
+    align-items: center;
+    padding: 15px;
+    border-radius: 4px;
+    max-height: 300px;
+    overflow-y:auto ;
+
+    .task-info-item{
+        
+        font-weight: bolder;
+        display: flex;
+        align-items: center;
+       justify-content: space-evenly;
+       width: 100%;
+       color:  rgba(63, 158, 255, 1);
+       cursor: pointer;
+       margin-top: 10px;
+
+    }
+
 }
 </style>