5.0

sop-admin/sop-admin-frontend/src/views/isv/list/index.vue

@@ -0,0 +1,82 @@
+<script setup lang="ts">
+import {
+  actionButtons,
+  dlgShow,
+  dlgTitle,
+  editFormColumns,
+  editFormData,
+  editFormRules,
+  handleAdd,
+  handlePaginationChange,
+  handleSave,
+  handleSearch,
+  pageInfo,
+  searchFormColumns,
+  searchFormData,
+  tableColumns,
+  tableData,
+  total
+} from "./index";
+import {
+  dlgKeysShow,
+  showKeysFormColumns,
+  showKeysFormData,
+  viewKeys
+} from "./showKeys";
+</script>
+<template>
+  <el-card shadow="never">
+    <template #header>
+      <PlusSearch
+        v-model="searchFormData"
+        :columns="searchFormColumns"
+        :show-number="2"
+        label-position="right"
+        :has-reset="false"
+        @search="handleSearch"
+      />
+    </template>
+    <PlusTable
+      :columns="tableColumns"
+      :table-data="tableData"
+      :action-bar="{ buttons: actionButtons, width: 120 }"
+      :pagination="{
+        total,
+        modelValue: pageInfo,
+        pageSizeList: [10, 20, 50, 100],
+        align: 'right'
+      }"
+      @paginationChange="handlePaginationChange"
+    >
+      <template #title>
+        <el-button type="primary" @click="handleAdd">新增</el-button>
+      </template>
+      <template #plus-cell-keys="scoped">
+        <el-link type="primary" @click="viewKeys(scoped.row)">查看</el-link>
+      </template>
+    </PlusTable>
+    <PlusDialogForm
+      v-model:visible="dlgShow"
+      v-model="editFormData"
+      label-width="200px"
+      :dialog="{ title: dlgTitle }"
+      :form="{
+        columns: editFormColumns,
+        rules: editFormRules,
+        labelWidth: '100px',
+        labelPosition: 'right'
+      }"
+      @confirm="handleSave"
+    />
+    <PlusDialogForm
+      v-model:visible="dlgKeysShow"
+      v-model="showKeysFormData"
+      :dialog="{ title: '秘钥' }"
+      :form="{ group: showKeysFormColumns, labelPosition: 'right' }"
+    >
+      <template #dialog-footer="{ handleCancel }">
+        <el-button type="primary" @click="handleCancel">关闭</el-button>
+      </template>
+    </PlusDialogForm>
+  </el-card>
+</template>