新主题

public/version.json

@@ -1,3 +1,3 @@
 {
-  "value": "20231020153704"
+  "value": "20231025172246"
 }

src/views/other-file/image-data.vue

@@ -9,73 +9,31 @@
                     </el-button>
                 </HcTooltip>
             </template>
-            <el-scrollbar>
-                <div class="hc-table-ref-box">
-                    <el-table :data="tableListData" :loading="tableLoading" hc row-key="id" border>
-                        <el-table-column label="序号" prop="index" width="80">
-                            <template #default="scope">
-                                {{ scope.$index + 1 }}
-                            </template>
-                        </el-table-column>
-                        <el-table-column label="分类名称" prop="classfName" />
-                        <el-table-column label="数量" prop="count" />
-                        <el-table-column label="所属阶段" prop="projectStage" />
-                        <el-table-column label="文件类型" prop="fileType">
-                            <template #default="scope">
-                                {{ scope.row.fileType == 1 ? '视频文件' : '图片文件' }}
-                            </template>
-                        </el-table-column>
-                        <el-table-column align="center" label="操作" width="130">
-                            <template #default="scope">
-                                <el-button size="small" text type="primary" @click="viewClick(scope.row)">
-                                    查看
-                                </el-button>
-                                <HcTooltip keys="image-data-upload">
-                                    <el-button size="small" text type="primary" @click="uploadClick(scope.row)">
-                                        上传
-                                    </el-button>
-                                </HcTooltip>
-                            </template>
-                        </el-table-column>
-                    </el-table>
-                </div>
-            </el-scrollbar>
+            <HcTable :column="tableListColumn" :datas="tableListData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
+                <template #fileType="{ row }">
+                    {{ row.fileType == 1 ? '视频文件' : '图片文件' }}
+                </template>
+                <template #action="{ row }">
+                    <el-link type="primary" @click="viewClick(row)">查看</el-link>
+                    <HcTooltip keys="image-data-upload">
+                        <el-link type="success" @click="uploadClick(row)">上传</el-link>
+                    </HcTooltip>
+                </template>
+            </HcTable>
         </HcNewCard>
         <!-- 分类管理 弹框 -->
-        <hc-new-dialog v-model="showSortModal" title="分类管理" widths="62rem">
+        <hc-new-dialog v-model="showSortModal" is-table title="分类管理" widths="62rem">
             <el-alert :closable="false" title="隐藏分类之后，在主页面不会显示该分类入口" type="warning" />
             <div class="modal-dialog">
-                <el-scrollbar>
-                    <div class="hc-table-ref-box">
-                        <el-table :data="classTableData" :loading="classTableLoading" hc row-key="id" border>
-                            <el-table-column label="序号" prop="index" width="80">
-                                <template #default="scope">
-                                    {{ scope.$index + 1 }}
-                                </template>
-                            </el-table-column>
-                            <el-table-column label="分类名称" prop="classfName" />
-                            <el-table-column label="所属阶段" prop="projectStage" />
-                            <el-table-column label="资料类型" prop="fileType">
-                                <template #default="scope">
-                                    {{ scope.row.fileType == 1 ? '视频文件' : '图片文件' }}
-                                </template>
-                            </el-table-column>
-                            <el-table-column align="center" label="操作" width="130">
-                                <template #default="scope">
-                                    <el-button
-                                        v-if="scope.row.isShow" size="small" type="info"
-                                        @click="saveConfig(scope.row)"
-                                    >
-                                        隐藏分类
-                                    </el-button>
-                                    <el-button v-else size="small" type="primary" @click="saveConfig(scope.row)">
-                                        显示分类
-                                    </el-button>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-                    </div>
-                </el-scrollbar>
+                <HcTable :column="classTableColumn" :datas="classTableData" :loading="classTableLoading" is-new :index-style="{ width: 60 }">
+                    <template #fileType="{ row }">
+                        {{ row.fileType == 1 ? '视频文件' : '图片文件' }}
+                    </template>
+                    <template #action="{ row }">
+                        <el-link v-if="row.isShow" type="info" @click="saveConfig(row)">隐藏分类</el-link>
+                        <el-link v-else type="primary" @click="saveConfig(row)">显示分类</el-link>
+                    </template>
+                </HcTable>
             </div>
         </hc-new-dialog>
     </div>
@@ -84,13 +42,12 @@
 <script setup>
 import { onMounted, ref } from 'vue'
 import { useAppStore } from '~src/store'
-import { useRoute, useRouter } from 'vue-router'
+import { useRouter } from 'vue-router'
 import imageApi from '~api/other-file/imageData'
 import { delStoreValue } from '~src/utils/storage'
 import { getArrValue } from 'js-fast-way'
 //变量
 const router = useRouter()
-const useRoutes = useRoute()
 const useAppState = useAppStore()
 const projectId = ref(useAppState.getProjectId)
 const contractId = ref(useAppState.getContractId)
@@ -105,6 +62,13 @@ onMounted(() => {
 
 //获取数据
 const tableLoading = ref(false)
+const tableListColumn = ref([
+    { key: 'classfName', name: '分类名称' },
+    { key: 'count', name: '数量' },
+    { key: 'projectStage', name: '所属阶段' },
+    { key: 'fileType', name: '文件类型' },
+    { key: 'action', name: '操作', width: 100 },
+])
 const tableListData = ref([])
 const getClassIfyList = async () => {
     tableLoading.value = true
@@ -155,6 +119,12 @@ const showSortModalClick = () => {
 }
 //获取分类管理数据
 const classTableLoading = ref(false)
+const classTableColumn = ref([
+    { key: 'classfName', name: '分类名称' },
+    { key: 'projectStage', name: '所属阶段' },
+    { key: 'fileType', name: '资料类型' },
+    { key: 'action', name: '操作', width: 100 },
+])
 const classTableData = ref([])
 const getClassifyShowConfigList = async () => {
     classTableLoading.value = true