加入权限管理

frontend/src/components/File/FileDetail.vue

@@ -1,12 +1,18 @@
 <template>
-  <codemirror
-    class="file-content"
-    :options="options"
-    v-model="fileContent"
-  />
+  <div class="file-detail">
+    <codemirror
+      class="file-content"
+      :options="options"
+      v-model="fileContent"
+    />
+  </div>
 </template>
 
 <script>
+import {
+  mapState,
+  mapGetters
+} from 'vuex'
 import { codemirror } from 'vue-codemirror-lite'
 
 import 'codemirror/lib/codemirror.js'
@@ -29,6 +35,12 @@ export default {
     }
   },
   computed: {
+    ...mapState('spider', [
+      'spiderForm'
+    ]),
+    ...mapGetters('user', [
+      'userInfo'
+    ]),
     fileContent: {
       get () {
         return this.$store.state.file.fileContent
@@ -46,7 +58,8 @@ export default {
         indentUnit: 4,
         lineNumbers: true,
         line: true,
-        matchBrackets: true
+        matchBrackets: true,
+        readOnly: this.isDisabled ? 'nocursor' : false
       }
     },
     language () {
@@ -69,6 +82,9 @@ export default {
       } else {
         return 'text'
       }
+    },
+    isDisabled () {
+      return this.spiderForm.is_public && this.spiderForm.username !== this.userInfo.username
     }
   },
   created () {

frontend/src/components/File/FileList.vue

@@ -109,6 +109,7 @@
             type="primary"
             icon="el-icon-plus"
             slot="reference"
+            :disabled="isDisabled"
             @click="onEmptyClick"
           >
             {{$t('Add')}}
@@ -133,7 +134,7 @@
                 {{$t('Confirm')}}
               </el-button>
               <template slot="reference">
-                <el-button type="danger" size="small" style="margin-right: 10px;">
+                <el-button type="danger" size="small" style="margin-right: 10px;" :disabled="isDisabled">
                   <font-awesome-icon :icon="['fa', 'trash']"/>
                   {{$t('Remove')}}
                 </el-button>
@@ -148,14 +149,14 @@
               </div>
               <template slot="reference">
                 <div>
-                  <el-button type="warning" size="small" style="margin-right: 10px;" @click="onOpenRename">
+                  <el-button type="warning" size="small" style="margin-right: 10px;" :disabled="isDisabled" @click="onOpenRename">
                     <font-awesome-icon :icon="['fa', 'redo']"/>
                     {{$t('Rename')}}
                   </el-button>
                 </div>
               </template>
             </el-popover>
-            <el-button type="success" size="small" style="margin-right: 10px;" @click="onFileSave">
+            <el-button type="success" size="small" style="margin-right: 10px;" :disabled="isDisabled" @click="onFileSave">
               <font-awesome-icon :icon="['fa', 'save']"/>
               {{$t('Save')}}
             </el-button>
@@ -176,7 +177,8 @@
 
 <script>
 import {
-  mapState
+  mapState,
+  mapGetters
 } from 'vuex'
 import FileDetail from './FileDetail'
 
@@ -185,7 +187,6 @@ export default {
   components: { FileDetail },
   data () {
     return {
-      code: 'var hello = \'world\'',
       isEdit: false,
       showFile: false,
       name: '',
@@ -209,11 +210,15 @@ export default {
   },
   computed: {
     ...mapState('spider', [
-      'fileTree'
+      'fileTree',
+      'spiderForm'
     ]),
     ...mapState('file', [
       'fileList'
     ]),
+    ...mapGetters('user', [
+      'userInfo'
+    ]),
     currentPath: {
       set (value) {
         this.$store.commit('file/SET_CURRENT_PATH', value)
@@ -238,6 +243,9 @@ export default {
         })
         .filter(d => d.expanded)
         .map(d => d.path)
+    },
+    isDisabled () {
+      return this.spiderForm.is_public && this.spiderForm.username !== this.userInfo.username
     }
   },
   methods: {

frontend/src/components/InfoView/SpiderInfoView.vue

@@ -16,14 +16,14 @@
           <el-input v-model="spiderForm._id" :placeholder="$t('Spider ID')" disabled></el-input>
         </el-form-item>
         <el-form-item :label="$t('Spider Name')">
-          <el-input v-model="spiderForm.display_name" :placeholder="$t('Spider Name')" :disabled="isView"></el-input>
+          <el-input v-model="spiderForm.display_name" :placeholder="$t('Spider Name')" :disabled="isView || isPublic"/>
         </el-form-item>
         <el-form-item :label="$t('Project')" prop="project_id" required>
           <el-select
             v-model="spiderForm.project_id"
             :placeholder="$t('Project')"
             filterable
-            :disabled="isView"
+            :disabled="isView || isPublic"
           >
             <el-option
               v-for="p in projectList"
@@ -41,13 +41,16 @@
             <el-input
               v-model="spiderForm.cmd"
               :placeholder="$t('Execute Command')"
-              :disabled="isView || spiderForm.is_scrapy"
+              :disabled="isView || spiderForm.is_scrapy || isPublic"
             />
           </el-form-item>
         </template>
         <el-form-item :label="$t('Results Collection')" prop="col">
-          <el-input v-model="spiderForm.col" :placeholder="$t('Results Collection')"
-                    :disabled="isView"></el-input>
+          <el-input
+            v-model="spiderForm.col"
+            :placeholder="$t('Results Collection')"
+            :disabled="isView || isPublic"
+          />
         </el-form-item>
         <el-form-item :label="$t('Spider Type')">
           <el-select v-model="spiderForm.type" :placeholder="$t('Spider Type')" :disabled="true" clearable>
@@ -56,7 +59,12 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('Remark')">
-          <el-input type="textarea" v-model="spiderForm.remark" :placeholder="$t('Remark')" :disabled="isView"/>
+          <el-input
+            type="textarea"
+            v-model="spiderForm.remark"
+            :placeholder="$t('Remark')"
+            :disabled="isView || isPublic"
+          />
         </el-form-item>
         <el-row>
           <el-col :span="6">
@@ -64,6 +72,7 @@
               <el-switch
                 v-model="spiderForm.is_scrapy"
                 active-color="#13ce66"
+                :disabled="isView || isPublic"
                 @change="onIsScrapyChange"
               />
             </el-form-item>
@@ -73,6 +82,7 @@
               <el-switch
                 v-model="spiderForm.is_git"
                 active-color="#13ce66"
+                :disabled="isView || isPublic"
               />
             </el-form-item>
           </el-col>
@@ -81,6 +91,18 @@
               <el-switch
                 v-model="spiderForm.is_long_task"
                 active-color="#13ce66"
+                :disabled="isView || isPublic"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item v-if="!isView" :label="$t('Is Public')" prop="is_public">
+              <el-switch
+                v-model="spiderForm.is_public"
+                active-color="#13ce66"
+                :disabled="isView || isPublic"
               />
             </el-form-item>
           </el-col>
@@ -88,7 +110,7 @@
       </el-form>
     </el-row>
     <el-row class="button-container" v-if="!isView">
-      <el-button size="small" v-if="isShowRun" type="danger" @click="onCrawl"
+      <el-button size="small" v-if="isShowRun && !isPublic" type="danger" @click="onCrawl"
                  icon="el-icon-video-play" style="margin-right: 10px">
         {{$t('Run')}}
       </el-button>
@@ -102,11 +124,11 @@
         :file-list="fileList"
         style="display:inline-block;margin-right:10px"
       >
-        <el-button size="small" type="primary" icon="el-icon-upload" v-loading="uploadLoading">
+        <el-button v-if="!isPublic" size="small" type="primary" icon="el-icon-upload" v-loading="uploadLoading">
           {{$t('Upload')}}
         </el-button>
       </el-upload>
-      <el-button size="small" type="success" @click="onSave" icon="el-icon-check">
+      <el-button v-if="!isPublic" size="small" type="success" @click="onSave" icon="el-icon-check">
         {{$t('Save')}}
       </el-button>
     </el-row>
@@ -162,6 +184,7 @@ export default {
       'spiderForm'
     ]),
     ...mapGetters('user', [
+      'userInfo',
       'token'
     ]),
     ...mapState('project', [
@@ -173,6 +196,9 @@ export default {
       } else {
         return true
       }
+    },
+    isPublic () {
+      return this.spiderForm.is_public && this.spiderForm.username !== this.userInfo.username
     }
   },
   methods: {