diff --git a/src/pages/layout/source/.keep b/src/pages/layout/source/.keep
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/pages/layout/source/source_list.vue b/src/pages/layout/source/source_list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3b34434453f15f593dcd95cdb2a7bd453bbde665
--- /dev/null
+++ b/src/pages/layout/source/source_list.vue
@@ -0,0 +1,141 @@
+<template>
+  <div>
+    <!-- 头部 -->
+    <div class="btn-box">
+      <a-button type="primary" icon="setting" @click="setSource">软件源设置</a-button>
+      <lock-status :node-id="node.id" />
+    </div>
+    <!-- 软件源表格数据 -->
+    <a-table
+      :data-source="sourceList"
+      bordered
+      :columns="columns"
+      :pagination="false"
+      :row-key="(record, index) => index "
+      :scroll="{x:600}"
+    >
+      <a-tooltip slot="type" slot-scope="text" :title="text" placement="topLeft">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <a-tooltip slot="url" slot-scope="text" :title="text" placement="topLeft">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <a-tooltip slot="codename" slot-scope="text" :title="text" placement="topLeft">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <a-tooltip slot="remarks" slot-scope="text" placement="topLeft" :overlay-style="{'max-width':'200px'}">
+        <template slot="title"><span v-html="text.replaceAll(' ','<br/>')" /></template>
+        <template v-if="text">
+          <a-tag v-for="item in text.split(' ')" :key="item" color="#108ee9">{{ item }}</a-tag>
+        </template>
+      </a-tooltip>
+    </a-table>
+  </div>
+</template>
+
+<script>
+import { getSource, scanSourceListOnce, scanSourceListCycle, getScanSource, setSource, rollbackSourceList } from '@/api/node_source'
+import { getPlanSourceList } from '@/api/repository'
+export default {
+  props: {
+    node: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      sourceList: [],
+      sourceListMap: {
+        '0': 'type',
+        '1': 'url',
+        '2': 'codename',
+        '3': 'remarks'
+      },
+      columns: [
+        { title: '软件源类型', dataIndex: 'type', width: 150, ellipsis: true, scopedSlots: { customRender: 'type' }},
+        { title: '软件源地址', dataIndex: 'url', ellipsis: true, scopedSlots: { customRender: 'url' }},
+        { title: '版本代码', dataIndex: 'codename', ellipsis: true, width: 150, scopedSlots: { customRender: 'codename' }},
+        { title: '其它信息', dataIndex: 'remarks', ellipsis: true, scopedSlots: { customRender: 'remarks' }}
+      ],
+      sourceSettingVisible: false,
+      cycle: 0,
+      cycleType: 'ss',
+      openCycle: true,
+      scanSourceListVisible: false,
+      dbSourceSetVisible: false,
+      sourcePlanVisible: false,
+      planList: [],
+      planForm: {},
+      confirmLoading: false,
+      rollbackLoading: false
+    }
+  },
+  computed: {
+    nodeCheck() {
+      return this.$store.state.nodeSource.nodeCheckSetting.find(item => item.nodeId === this.node.id)
+    }
+  },
+  created() {
+    this.getSource()
+    this.getPlanSourceList()
+  },
+  methods: {
+    getSource() {
+      const param = {
+        nodeId: this.node.id
+      }
+      this.sourceList = []
+      getSource(param).then(res => {
+        const sourceStr = res.data
+        if (res.code === 200 && sourceStr !== 'null') {
+          this.sourceList = sourceStr.split('\n').map(item => {
+            let obj = {}
+            let urlPre = true // 该标记是否循环到http://或ssh://或ftp://或cdrom:
+            const reg = /^((http|ssh|ftp):\/\/)|cdrom:/
+            item.split(' ').forEach((item, index) => {
+              if (item) {
+                if (reg.test(item)) {
+                  obj[this.sourceListMap[1]] = item
+                  urlPre = false
+                } else {
+                  if (urlPre) {
+                    obj[this.sourceListMap[0]] = obj[this.sourceListMap[0]] ? obj[this.sourceListMap[0]] + ' ' + item : item
+                  } else {
+                    if (!obj[this.sourceListMap[2]]) {
+                      obj[this.sourceListMap[2]] = item
+                    } else {
+                      obj[this.sourceListMap[3]] = obj[this.sourceListMap[3]] ? obj[this.sourceListMap[3]] + ' ' + item : item
+                    }
+                  }
+                }
+              }
+            })
+            return obj
+          })
+        }
+      })
+    },
+    setSource() {
+      this.sourcePlanVisible = true
+    }
+  }
+}
+</script>
+
+<style scoped>
+.btn-box {
+  margin-bottom: 15px;
+}
+.ant-btn {
+  margin-right: 10px;
+}
+.input{
+  width: 100%;
+}
+.filter-item{
+  width: 100%;
+}
+</style>