修改了生产管理中详情的跳转方式，以及修改了布局，解决了的手机端无法下滑的问题

admin.ui.plus-master/src/router/backEnd.ts

@@ -1,15 +1,15 @@
-import { RouteRecordRaw } from 'vue-router'
+import {RouteRecordRaw} from 'vue-router'
 import pinia from '/@/stores/index'
-import { useUserInfo } from '/@/stores/userInfo'
-import { useRequestOldRoutes } from '/@/stores/requestOldRoutes'
-import { NextLoading } from '/@/utils/loading'
-import { dynamicRoutes, notFoundAndNoPower } from '/@/router/route'
-import { formatTwoStageRoutes, formatFlatteningRoutes, router } from '/@/router/index'
-import { useRoutesList } from '/@/stores/routesList'
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes'
+import {useUserInfo} from '/@/stores/userInfo'
+import {useRequestOldRoutes} from '/@/stores/requestOldRoutes'
+import {NextLoading} from '/@/utils/loading'
+import {dynamicRoutes, notFoundAndNoPower} from '/@/router/route'
+import {formatFlatteningRoutes, formatTwoStageRoutes, router} from '/@/router/index'
+import {useRoutesList} from '/@/stores/routesList'
+import {useTagsViewRoutes} from '/@/stores/tagsViewRoutes'
 // import { useMenuApi } from '/@/api/menu/index'
-import { AuthApi } from '/@/api/admin/Auth'
-import { listToTree } from '/@/utils/tree'
+import {AuthApi} from '/@/api/admin/Auth'
+import {listToTree} from '/@/utils/tree'
 
 // 后端控制路由
 
@@ -136,10 +136,11 @@ export async function getBackEndControlRoutes() {
           order: menu.sort,
           isDir: !menu.viewPath,
         },
+        props: menu?.path?.includes(':')
       })
     })
-    const menuTree = listToTree(menus)
-    return menuTree
+    console.log(menus)
+    return listToTree(menus)
   } else {
     return []
   }

admin.ui.plus-master/src/views/admin/product/goodInfo.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="goodInfo layout-pd" >
+    <!--部件详情-->
     <el-row>
       <!-- 基础信息 -->
       <el-col :xs="24" >
@@ -56,6 +57,7 @@
         </el-card>
       </el-col>
     </el-row>
+    <!--大图显示-->
     <el-dialog
       v-model="goods.showBig"
       :close-on-click-modal="true"
@@ -71,6 +73,7 @@
 import {onMounted, reactive} from "vue";
 import {adminProductGoodsInfoDto} from "/@/api/admin/productionManagement/ComponentDetailsDto";
 import {ComponentDetails} from "/@/api/admin/productionManagement/ComponentDetails";
+import router from "/@/router";
 
 //组件的页面对象
 const goods:adminProductGoodsInfoDto = reactive({
@@ -88,6 +91,7 @@ const goods:adminProductGoodsInfoDto = reactive({
   alarmLog: {},
 })
 
+
 //查看大图
 const showBigPic = (val : string | null) => {
   // eslint-disable-next-line no-console
@@ -99,11 +103,11 @@ const showBigPic = (val : string | null) => {
 /**
  * 初始化数据
  */
-const init = async () =>{
+const init = async (id) =>{
   goods.loading = true
-    const basicInformation = await new ComponentDetails().getBasicInfo("1")
-    const productionLog = await new ComponentDetails().getProductionLog("1")
-    const alarmLog =  await new ComponentDetails().getAlarmLog("1")
+    const basicInformation = await new ComponentDetails().getBasicInfo(id)
+    const productionLog = await new ComponentDetails().getProductionLog(id)
+    const alarmLog =  await new ComponentDetails().getAlarmLog(id)
     goods.basicInformation = basicInformation
     goods.productionLog = productionLog
     goods.alarmLog = alarmLog
@@ -115,7 +119,8 @@ const init = async () =>{
 }
 
 onMounted(() => {
-  init()
+  const id = router.currentRoute.value.params.id
+  init(id)
 })
 
 </script>

admin.ui.plus-master/src/views/admin/product/index.vue

@@ -1,132 +1,137 @@
 <template>
-    <div class="my-layout">
-      <el-card class="mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
-        <el-form :model="bomModel.filterModel" :inline="true" @submit.stop.prevent>
-          <el-form-item prop="name">
-            <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
-            <el-form-item label="物料号">
-              <el-input v-model="bomModel.filterModel.bomMateNo" placeholder="物料号" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
-            <el-form-item label="生产编码">
-              <el-input v-model="bomModel.filterModel.bomProNo" placeholder="生产编码" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
-            <el-form-item label="部件名称">
-              <el-input v-model="bomModel.filterModel.bomName" placeholder="部件名称" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
-            <el-form-item label="部件类型">
-              <el-select v-model="bomModel.filterModel.bomType" placeholder="请选择部件类型" clearable class="w100">
-                <el-option label="计税主板" value="1"></el-option>
-                <el-option label="油气回收" value="2"></el-option>
-                <el-option label="计量主板" value="3"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
-            <el-button v-auth="'api:admin:file:upload-file'" type="primary" icon="ele-Upload" @click="onUpload"> 上传 </el-button>
-          </el-form-item>
-        </el-form>
-      </el-card>
-
-      <el-card class="my-fill mt8" shadow="never">
-        <el-table v-loading="bomModel.loading" :data="bomModel.bomListData" row-key="id" style="width: 100%">
-          <el-table-column prop="guid" label="序号" width="120" />
-          <el-table-column prop="bomName" label="部件名称" width="120" />
-          <el-table-column prop="bomNo" label="物料号" width="120" />
-          <el-table-column prop="bomProNo" label="生产编号" width="120" />
-          <el-table-column prop="cpuId" label="CPUID" width="120" />
-          <el-table-column prop="software_v" label="软件版本" width="120" />
-          <el-table-column prop="status" label="状态" width="120" />
-          <el-table-column prop="key_name" label="密钥状态" width="120" />
-          <el-table-column prop="stand_name" label="团标状态" width="120" />
-          <el-table-column prop="createTime" label="创建时间" width="120" />
-          <el-table-column prop="remark" label="备注" min-width="120">
-            <!-- <template #default="{ row }">
-              <div class="my-flex">
-                <el-image
-                  v-if="isImage(row.extension)"
-                  :src="row.linkUrl"
-                  :preview-src-list="previewImglist"
-                  :initial-index="getInitialIndex(row.linkUrl)"
-                  :lazy="true"
-                  :hide-on-click-modal="true"
-                  fit="scale-down"
-                  preview-teleported
-                  style="width: 80px; height: 80px"
-                />
-                <div class="ml10 my-flex-fill my-flex-y-center">
-                  <div>{{ (row.fileName || '') + (row.extension || '') }}</div>
-                </div>
-              </div>
-            </template> -->
-          </el-table-column>
-
-          <el-table-column prop="createdTime" label="更新时间" width="100">
-            <template #default="{ row }">
-              {{ formatterTime(row.modifiedTime || row.createdTime || '') }}
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" width="180" fixed="right" header-align="center" align="center">
-            <template #default="{ row }">
-              <!-- <el-popover :width="220">
-                <p>{{ row.linkUrl }}</p>
-                <div class="mt10" style="text-align: right; margin: 0">
-                  <el-button icon="ele-CopyDocument" size="small" type="primary" @click="copyText(row.linkUrl)">复制地址</el-button>
-                </div>
-                <template #reference>
-                  <el-button size="small" text type="primary">地址</el-button>
+    <div class="layout-pd">
+      <!--部件电子档案-->
+      <el-row>
+        <!--操作-->
+        <el-col :xs="24" >
+          <el-card class="mt8" shadow="hover" >
+            <el-form :model="bomModel.filterModel" :inline="true" @submit.stop.prevent>
+              <el-form-item prop="name">
+                <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
+                  <el-form-item label="物料号">
+                    <el-input v-model="bomModel.filterModel.bomMateNo" placeholder="物料号" clearable></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
+                  <el-form-item label="生产编码">
+                    <el-input v-model="bomModel.filterModel.bomProNo" placeholder="生产编码" clearable></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
+                  <el-form-item label="部件名称">
+                    <el-input v-model="bomModel.filterModel.bomName" placeholder="部件名称" clearable></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="6" class="mb20">
+                  <el-form-item label="部件类型">
+                    <el-select v-model="bomModel.filterModel.bomType" placeholder="请选择部件类型" clearable class="w100">
+                      <el-option label="计税主板" value="1"></el-option>
+                      <el-option label="油气回收" value="2"></el-option>
+                      <el-option label="计量主板" value="3"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
+                <el-button v-auth="'api:admin:file:upload-file'" type="primary" icon="ele-Upload" @click="onUpload"> 上传 </el-button>
+              </el-form-item>
+            </el-form>
+          </el-card>
+        </el-col>
+        <!--表格-->
+        <el-col :xs="24" >
+          <el-card class="my-fill mt8" shadow="hover">
+            <el-table v-loading="bomModel.loading" :data="bomModel.bomListData" row-key="id" style="width: 100%">
+              <el-table-column prop="guid" label="序号"  />
+              <el-table-column prop="bomName" label="部件名称"  />
+              <el-table-column prop="bomNo" label="物料号"  />
+              <el-table-column prop="bomProNo" label="生产编号"  />
+              <el-table-column prop="cpuId" label="CPUID"  />
+              <el-table-column prop="software_v" label="软件版本"  />
+              <el-table-column prop="status" label="状态" width="120" />
+              <el-table-column prop="key_name" label="密钥状态"  />
+              <el-table-column prop="stand_name" label="团标状态" />
+              <el-table-column prop="createTime" label="创建时间"  />
+              <el-table-column prop="remark" label="备注" >
+                <!-- <template #default="{ row }">
+                  <div class="my-flex">
+                    <el-image
+                      v-if="isImage(row.extension)"
+                      :src="row.linkUrl"
+                      :preview-src-list="previewImglist"
+                      :initial-index="getInitialIndex(row.linkUrl)"
+                      :lazy="true"
+                      :hide-on-click-modal="true"
+                      fit="scale-down"
+                      preview-teleported
+                      style="width: 80px; height: 80px"
+                    />
+                    <div class="ml10 my-flex-fill my-flex-y-center">
+                      <div>{{ (row.fileName || '') + (row.extension || '') }}</div>
+                    </div>
+                  </div>
+                </template> -->
+              </el-table-column>
+
+              <el-table-column prop="createdTime" label="更新时间" >
+                <template #default="{ row }">
+                  {{ formatterTime(row.modifiedTime || row.createdTime || '') }}
                 </template>
-              </el-popover>
-              <el-link
-                class="my-el-link mr12 ml12"
-                :href="row.linkUrl"
-                type="primary"
-                icon="ele-Download"
-                size="small"
-                :underline="false"
-                target="_blank"
-                >下载</el-link
-              >
-              <el-button v-auth="'api:admin:file:delete'" icon="ele-Delete" size="small" text type="danger" @click="onDelete(row)">删除</el-button> -->
-              <el-link
-                class="my-el-link mr12 ml12"
-                :href="row.guid"
-                type="primary"
-                icon="ele-edit"
-                size="small"
-                :underline="false"
-                target="_blank"
-                >详情</el-link>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div class="my-flex my-flex-end" style="margin-top: 20px">
-          <el-pagination
-            v-model:currentPage="bomModel.pageInput.currentPage"
-            v-model:page-size="bomModel.pageInput.pageSize"
-            :total="bomModel.total"
-            :page-sizes="[10, 20, 50, 100]"
-            small
-            background
-            @size-change="onSizeChange"
-            @current-change="onCurrentChange"
-            layout="total, sizes, prev, pager, next, jumper"
-          />
-        </div>
-      </el-card>
-
-
+              </el-table-column>
+              <el-table-column label="操作"  fixed="right" header-align="center" align="center">
+                <template #default="{ row }">
+                  <!-- <el-popover :width="220">
+                    <p>{{ row.linkUrl }}</p>
+                    <div class="mt10" style="text-align: right; margin: 0">
+                      <el-button icon="ele-CopyDocument" size="small" type="primary" @click="copyText(row.linkUrl)">复制地址</el-button>
+                    </div>
+                    <template #reference>
+                      <el-button size="small" text type="primary">地址</el-button>
+                    </template>
+                  </el-popover>
+                  <el-link
+                    class="my-el-link mr12 ml12"
+                    :href="row.linkUrl"
+                    type="primary"
+                    icon="ele-Download"
+                    size="small"
+                    :underline="false"
+                    target="_blank"
+                    >下载</el-link
+                  >
+                  <el-button v-auth="'api:admin:file:delete'" icon="ele-Delete" size="small" text type="danger" @click="onDelete(row)">删除</el-button> -->
+                  <el-link
+                    class="my-el-link mr12 ml12"
+                    @click="$router.push(`/product/${row.guid}`)"
+                    type="primary"
+                    icon="ele-edit"
+                    size="small"
+                    :underline="false"
+                    target="_blank"
+                  >详情</el-link>
+                </template>
+              </el-table-column>
+            </el-table>
+            <div class="my-flex my-flex-end" style="margin-top: 20px">
+              <el-pagination
+                v-model:currentPage="bomModel.pageInput.currentPage"
+                v-model:page-size="bomModel.pageInput.pageSize"
+                :total="bomModel.total"
+                :page-sizes="[10, 20, 50, 100]"
+                small
+                background
+                @size-change="onSizeChange"
+                @current-change="onCurrentChange"
+                layout="total, sizes, prev, pager, next, jumper"
+              />
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
     </div>
   </template>
-
   <script lang="ts" setup name="admin/Component">
   import { ref, reactive, onMounted, onBeforeMount} from 'vue'  //computed, getCurrentInstance
   import { PageInputFileGetPageDto, ComponentGetPageOutPut } from '/src/api/admin/data-contracts'

admin.ui.plus-master/src/views/admin/product/type.vue

@@ -1,123 +1,131 @@
 <template>
-    <div class="my-layout">
-      <el-card class="mt8" shadow="never" :body-style="{ paddingBottom: '0' }">
-        <el-form :model="state.filterModel" :inline="true" @submit.stop.prevent>
-          <el-form-item prop="name">
-
-          <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
-            <el-form-item label="物料编号">
-              <el-input v-model="state.filterModel.bomMateNo" placeholder="物料编号" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
-            <el-form-item label="部件名称">
-              <el-input v-model="state.filterModel.bomName" placeholder="部件名称" clearable></el-input>
-            </el-form-item>
-          </el-col>
-
-          <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
-            <el-form-item label="部件类型">
-              <el-select v-model="state.filterModel.bomType" placeholder="请选择部件类型" clearable class="w100">
-                <el-option label="计税主板" value="1"></el-option>
-                <el-option label="油气回收" value="2"></el-option>
-                <el-option label="计量主板" value="3"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
-            <el-button v-auth="'api:admin:file:upload-file'" type="primary" icon="ele-Upload" @click="onUpload"> 上传 </el-button>
-          </el-form-item>
-        </el-form>
-      </el-card>
-
-      <el-card class="my-fill mt8" shadow="never">
-        <el-table v-loading="state.loading" :data="state.bomListData" row-key="id" style="width: 100%">
-          <el-table-column prop="guid" label="序号" width="120" />
-          <el-table-column prop="bomType" label="部件类型" width="120" />
-          <el-table-column prop="bomName" label="部件名称" width="120" />
-          <el-table-column prop="bomNo" label="物料号" width="120" />
-
-          <el-table-column prop="status" label="状态" width="120" />
-
-          <el-table-column prop="remark" label="备注" min-width="220"/>
-          <el-table-column prop="bom_Image" label="部件图片" width="180" >
-
-            <template #default="{ row }">
-              <div class="my-flex">
-                <el-image
-                  v-if="isImage(row.extension)"
-                  :src="row.linkUrl"
-                  :preview-src-list="previewImglist"
-                  :initial-index="getInitialIndex(row.linkUrl)"
-                  :lazy="true"
-                  :hide-on-click-modal="true"
-                  fit="scale-down"
-                  preview-teleported
-                  style="width: 80px; height: 80px"
-                />
-                <div class="ml10 my-flex-fill my-flex-y-center">
-                  <div>{{ (row.fileName || '') + (row.extension || '') }}</div>
-                </div>
-              </div>
-            </template>
-          </el-table-column>
-
-          <el-table-column prop="createdTime" label="更新时间" width="100">
-            <template #default="{ row }">
-              {{ formatterTime(row.modifiedTime || row.createdTime || '') }}
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" width="180" fixed="right" header-align="center" align="center">
-            <template #default="{ row }">
-              <!-- <el-popover :width="220">
-                <p>{{ row.linkUrl }}</p>
-                <div class="mt10" style="text-align: right; margin: 0">
-                  <el-button icon="ele-CopyDocument" size="small" type="primary" @click="copyText(row.linkUrl)">复制地址</el-button>
-                </div>
-                <template #reference>
-                  <el-button size="small" text type="primary">地址</el-button>
+    <div class="layout-pd">
+      <!--部件类型-->
+      <el-row>
+        <!--操作-->
+        <el-col :xs="24" >
+          <el-card class="mt8" shadow="hover" >
+            <el-form :model="state.filterModel" :inline="true" @submit.stop.prevent>
+              <el-form-item prop="name">
+
+                <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
+                  <el-form-item label="物料编号">
+                    <el-input v-model="state.filterModel.bomMateNo" placeholder="物料编号" clearable></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
+                  <el-form-item label="部件名称">
+                    <el-input v-model="state.filterModel.bomName" placeholder="部件名称" clearable></el-input>
+                  </el-form-item>
+                </el-col>
+
+                <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
+                  <el-form-item label="部件类型">
+                    <el-select v-model="state.filterModel.bomType" placeholder="请选择部件类型" clearable class="w100">
+                      <el-option label="计税主板" value="1"></el-option>
+                      <el-option label="油气回收" value="2"></el-option>
+                      <el-option label="计量主板" value="3"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
+                <el-button v-auth="'api:admin:file:upload-file'" type="primary" icon="ele-Upload" @click="onUpload"> 上传 </el-button>
+              </el-form-item>
+            </el-form>
+          </el-card>
+        </el-col>
+        <!--表格-->
+        <el-col :xs="24" >
+          <el-card class="my-fill mt8" shadow="hover">
+            <el-table v-loading="state.loading" :data="state.bomListData" row-key="id" style="width: 100%">
+              <el-table-column prop="guid" label="序号"  />
+              <el-table-column prop="bomType" label="部件类型"  />
+              <el-table-column prop="bomName" label="部件名称"  />
+              <el-table-column prop="bomNo" label="物料号"  />
+              <el-table-column prop="status" label="状态"  />
+              <el-table-column prop="remark" label="备注" />
+              <el-table-column prop="bom_Image" label="部件图片"  >
+
+                <template #default="{ row }">
+                  <div class="my-flex">
+                    <el-image
+                      v-if="isImage(row.extension)"
+                      :src="row.linkUrl"
+                      :preview-src-list="previewImglist"
+                      :initial-index="getInitialIndex(row.linkUrl)"
+                      :lazy="true"
+                      :hide-on-click-modal="true"
+                      fit="scale-down"
+                      preview-teleported
+                      style="width: 80px; height: 80px"
+                    />
+                    <div class="ml10 my-flex-fill my-flex-y-center">
+                      <div>{{ (row.fileName || '') + (row.extension || '') }}</div>
+                    </div>
+                  </div>
                 </template>
-              </el-popover>
-              <el-link
-                class="my-el-link mr12 ml12"
-                :href="row.linkUrl"
-                type="primary"
-                icon="ele-Download"
-                size="small"
-                :underline="false"
-                target="_blank"
-                >下载</el-link
-              >
-              <el-button v-auth="'api:admin:file:delete'" icon="ele-Delete" size="small" text type="danger" @click="onDelete(row)">删除</el-button> -->
-              <el-link
-                class="my-el-link mr12 ml12"
-                :href="row.guid"
-                type="primary"
-                icon="ele-edit"
-                size="small"
-                :underline="false"
-                target="_blank"
-                >详情</el-link>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div class="my-flex my-flex-end" style="margin-top: 20px">
-          <el-pagination
-            v-model:currentPage="state.pageInput.currentPage"
-            v-model:page-size="state.pageInput.pageSize"
-            :total="state.total"
-            :page-sizes="[10, 20, 50, 100]"
-            small
-            background
-            @size-change="onSizeChange"
-            @current-change="onCurrentChange"
-            layout="total, sizes, prev, pager, next, jumper"
-          />
-        </div>
-      </el-card>
+              </el-table-column>
+
+              <el-table-column prop="createdTime" label="更新时间" >
+                <template #default="{ row }">
+                  {{ formatterTime(row.modifiedTime || row.createdTime || '') }}
+                </template>
+              </el-table-column>
+              <el-table-column label="操作"  fixed="right" header-align="center" align="center">
+                <template #default="{ row }">
+                  <!-- <el-popover :width="220">
+                    <p>{{ row.linkUrl }}</p>
+                    <div class="mt10" style="text-align: right; margin: 0">
+                      <el-button icon="ele-CopyDocument" size="small" type="primary" @click="copyText(row.linkUrl)">复制地址</el-button>
+                    </div>
+                    <template #reference>
+                      <el-button size="small" text type="primary">地址</el-button>
+                    </template>
+                  </el-popover>
+                  <el-link
+                    class="my-el-link mr12 ml12"
+                    :href="row.linkUrl"
+                    type="primary"
+                    icon="ele-Download"
+                    size="small"
+                    :underline="false"
+                    target="_blank"
+                    >下载</el-link
+                  >
+                  <el-button v-auth="'api:admin:file:delete'" icon="ele-Delete" size="small" text type="danger" @click="onDelete(row)">删除</el-button> -->
+                  <el-link
+                    class="my-el-link mr12 ml12"
+                    @click="$router.push(`/product/${row.guid}`)"
+                    :href="row.guid"
+                    type="primary"
+                    icon="ele-edit"
+                    size="small"
+                    :underline="false"
+                    target="_blank"
+                  >详情</el-link>
+                </template>
+              </el-table-column>
+            </el-table>
+            <div class="my-flex my-flex-end" style="margin-top: 20px">
+              <el-pagination
+                v-model:currentPage="state.pageInput.currentPage"
+                v-model:page-size="state.pageInput.pageSize"
+                :total="state.total"
+                :page-sizes="[10, 20, 50, 100]"
+                small
+                background
+                @size-change="onSizeChange"
+                @current-change="onCurrentChange"
+                layout="total, sizes, prev, pager, next, jumper"
+              />
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
+
 
 
     </div>