diff --git a/src/pages/repository/package/index.vue b/src/pages/repository/package/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..845b1369fbdc4ebb390f8fa8d162ba5ca5b12755
--- /dev/null
+++ b/src/pages/repository/package/index.vue
@@ -0,0 +1,61 @@
+<template>
+  <div ref="package" class="package">
+    <div ref="filter" class="filter">
+      <a-select
+        v-model="planName"
+        placeholder="请选择软件源模板"
+        class="filter-item"
+        :disabled="loading"
+        @dropdownVisibleChange="getPlanList"
+        @change="freshenList"
+      >
+        <a-select-option v-for="item in planList" :key="item.planName">
+          {{ item.planName }}
+        </a-select-option>
+      </a-select>
+      <a-select
+        v-model="classification"
+        class="filter-item"
+        :disabled="loading"
+        @change="changeClassification"
+      >
+        <a-select-option v-for="item in classificationList" :key="item.value">
+          {{ item.label }}
+        </a-select-option>
+      </a-select>
+      <a-input v-model="packageName" class="width-300 mr-10" placeholder="请输入软件包名,按回车(Enter)查找" allow-clear @pressEnter="changeClassification" @change="changePackage" />
+      <a-button type="primary" :disabled="selectedRows.length===0" @click="batchEditPakClass">批量修改软件包类别</a-button>
+    </div>
+    <a-table
+      bordered
+      :loading="loading"
+      :data-source="packageList"
+      :columns="columns"
+      :row-key="(record, index) => record.id"
+      :pagination="pagination"
+      :scroll="{x:900,y:tableHeight-50}"
+      :row-selection="rowSelection"
+      @change="onShowSizeChange"
+    >
+      <a-tooltip slot="package" slot-scope="text" :title="text" placement="topLeft">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <a-tooltip slot="version" slot-scope="text" :title="text" placement="topLeft">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <a-tooltip slot="architecture" slot-scope="text" :title="text" placement="topLeft">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <template slot="classification" slot-scope="text">
+        <a-tag v-if="text === 'necessary'" class="danger">必要</a-tag>
+        <a-tag v-if="text === 'important'" class="warning">重要</a-tag>
+        <a-tag v-if="text === 'normal'" class="info">普通</a-tag>
+      </template>
+      <template slot="option" slot-scope="text, record">
+        <a-tooltip title="编辑">
+          <a-button type="link" :disabled="record.classification === 'necessary'" @click="editPakClass(record)"><a-icon type="edit" /></a-button>
+        </a-tooltip>
+      </template>
+    </a-table>
+  </div>
+</template>