From 97752ba7055b32acab445aa6988ad1abf7bcfe30 Mon Sep 17 00:00:00 2001
From: Marvin Zhang <tikazyq@gmail.com>
Date: Tue, 21 May 2019 13:34:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0robots.txt=E5=8D=8F=E8=AE=AE?=
 =?UTF-8?q?=E8=A7=A3=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/i18n/zh.js              |   2 +
 frontend/src/views/site/SiteList.vue | 101 ++++++++++++++++++++++++++-
 2 files changed, 100 insertions(+), 3 deletions(-)

diff --git a/frontend/src/i18n/zh.js b/frontend/src/i18n/zh.js
index dd1d529e..e33bfa83 100644
--- a/frontend/src/i18n/zh.js
+++ b/frontend/src/i18n/zh.js
@@ -139,6 +139,8 @@ export default {
   'Select': '请选择',
   'Select Category': '请选择类别',
   'Spider Count': '爬虫数',
+  'Robots Protocol': 'Robots 协议',
+  'Home Page Response Time': '首页响应时间(秒)',
 
   // 文件
   'Choose Folder': '选择文件',
diff --git a/frontend/src/views/site/SiteList.vue b/frontend/src/views/site/SiteList.vue
index 9c053dc5..4453b782 100644
--- a/frontend/src/views/site/SiteList.vue
+++ b/frontend/src/views/site/SiteList.vue
@@ -21,6 +21,7 @@
     <!--table list-->
     <el-table :data="siteList"
               class="table"
+              :cell-class-name="getCellClassName"
               :header-cell-style="{background:'rgb(48, 65, 86)',color:'white'}"
               border>
       <template v-for="col in columns">
@@ -52,6 +53,33 @@
             </a>
           </template>
         </el-table-column>
+        <el-table-column v-else-if="col.name === 'has_robots'"
+                         :key="col.name"
+                         :label="$t(col.label)"
+                         :width="col.width"
+                         :align="col.align">
+          <template slot-scope="scope">
+            <div>
+              <template v-if="scope.row[col.name]">
+                <a :href="`http://${scope.row._id}/robots.txt`" target="_blank">
+                  Y
+                </a>
+              </template>
+              <template v-else>
+                {{scope.row[col.name] === undefined ? 'N/A' : 'N'}}
+              </template>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column v-else-if="col.name === 'home_response_time'"
+                         :key="col.name"
+                         :label="$t(col.label)"
+                         :width="col.width"
+                         :align="col.align">
+          <template slot-scope="scope">
+            {{scope.row[col.name] ? scope.row[col.name].toFixed(1) : 'N/A'}}
+          </template>
+        </el-table-column>
         <el-table-column v-else
                          :key="col.name"
                          :property="col.name"
@@ -110,11 +138,13 @@ export default {
       ],
       columns: [
         { name: 'rank', label: 'Rank', align: 'center', width: '80' },
-        { name: 'name', label: 'Name', align: 'left', width: '120' },
+        { name: 'name', label: 'Name', align: 'left', width: 'auto' },
         { name: 'domain', label: 'Domain', align: 'left', width: '150' },
-        { name: 'description', label: 'Description', align: 'left' },
+        // { name: 'description', label: 'Description', align: 'left', width: 'auto' },
         { name: 'category', label: 'Category', align: 'center', width: '180' },
-        { name: 'spider_count', label: 'Spider Count', align: 'center', width: '60' }
+        { name: 'spider_count', label: 'Spider Count', align: 'center', width: '60' },
+        { name: 'has_robots', label: 'Robots Protocol', align: 'center', width: '65' },
+        { name: 'home_response_time', label: 'Home Page Response Time', align: 'right', width: '80' }
       ]
     }
   },
@@ -161,6 +191,36 @@ export default {
         id: row.domain,
         category: row.category
       })
+    },
+    getCellClassName ({ row, columnIndex }) {
+      let cls = []
+      if (columnIndex === this.getColumnIndex('has_robots')) {
+        cls.push('status')
+        if (row.has_robots === undefined) {
+          cls.push('info')
+        } else if (row.has_robots) {
+          cls.push('danger')
+        } else {
+          cls.push('success')
+        }
+      } else if (columnIndex === this.getColumnIndex('home_response_time')) {
+        cls.push('status')
+        if (row.home_response_time === undefined) {
+          cls.push('info')
+        } else if (row.home_response_time <= 1) {
+          cls.push('success')
+        } else if (row.home_response_time <= 5) {
+          cls.push('primary')
+        } else if (row.home_response_time <= 10) {
+          cls.push('warning')
+        } else {
+          cls.push('danger')
+        }
+      }
+      return cls.join(' ')
+    },
+    getColumnIndex (columnName) {
+      return this.columns.map(d => d.name).indexOf(columnName)
     }
   },
   created () {
@@ -202,4 +262,39 @@ export default {
   .table >>> .domain {
     text-decoration: underline;
   }
+
+  .table >>> .status {
+  }
+
+  .table >>> .status.info {
+    color: #909399;
+    background: rgba(144, 147, 153, .1);
+  }
+
+  .table >>> .status.danger {
+    color: #f56c6c;
+    background: rgba(245, 108, 108, .1);
+  }
+
+  .table >>> .status.success {
+    color: #67c23a;
+    background: rgba(103, 194, 58, .1);
+  }
+
+  .table >>> .status.primary {
+    color: #409eff;
+    background: rgba(64, 158, 255, .1);
+  }
+
+  .table >>> .status.warning {
+    color: #e6a23c;
+    background: rgba(230, 162, 60, .1);
+  }
+
+  .table >>> a {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+  }
+
 </style>