feat: 文件上传问题

src/assets/styles/home.scss

@@ -44,8 +44,7 @@
     margin-top: 10%;
     width: 40%;
     height: 100%;
-    background: url('../images/home/huxian.png') no-repeat;
-    background-size: 100% 75%;
+
     position: relative;
 
     .center-item-1 {
@@ -249,11 +248,34 @@
     padding: 5px 20px;
   }
 }
+
+.center-back {
+  background: url('../images/home/huxian.png') no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: -35px;
+  top: -30px;
+  width: 821px;
+  height: 673px;
+  animation: rotate 5s linear infinite;
+
+  @keyframes rotate {
+    0% {
+      transform: scale(1.1);
+    }
+    50% {
+      transform: scale(0.9);
+    }
+    100% {
+      transform: scale(1.1);
+    }
+  }
+}
 .show-card {
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  height: 6rem;
+  height: 8rem;
   &-img {
     width: 100px;
     height: 100px;
@@ -284,6 +306,13 @@
   margin: 0 1%;
   padding: 0 10px;
   cursor: pointer;
+  &:hover {
+    animation: jump 2s linear infinite;
+    @keyframes jump {
+      0%, 100% { transform: translateY(20px); }
+      50% { transform: translateY(-20px); }
+    }
+  }
   &-img {
     width: 40px;
     height: 40px;

src/components/CheckCoiumns/checkInputUpload.vue

@@ -27,6 +27,7 @@
     </div>
     <el-upload
       class="upload-demo"
+       ref="fileUpload"
       :action="uploadImgUrl"
       :on-preview="handlePreview"
       v-model="model.file"
@@ -36,11 +37,16 @@
       :limit="1"
       :on-success="handleSuccess"
       :on-exceed="handleExceed"
+      :headers="headers"
     >
       <el-button size="small" :disabled="status" type="primary"
         >上传文件</el-button
       >
-      <div slot="tip" class="el-upload__tip"></div>
+      <div slot="tip" class="el-upload__tip">
+        <div v-if="model.path">
+          <el-link :href="model.path">{{ model.name }}</el-link>
+        </div>
+      </div>
     </el-upload>
   </div>
 </template>
@@ -60,7 +66,6 @@ export default {
       default: false
     },
     defaultValue: {
-      
       default: ''
     }
   },
@@ -70,7 +75,11 @@ export default {
         value: '',
         list: [],
         file: '',
-        path: ''
+        path: '',
+        name: ''
+      },
+      headers: {
+        Authorization: 'Bearer ' + this.$store.getters.token
       },
       uploadImgUrl: process.env.VUE_APP_BASE_API + '/common/uploadMinio' // 上传的图片服务器地址
     }
@@ -92,7 +101,7 @@ export default {
   mounted() {
     if (this.defaultValue) {
       this.model = this.defaultValue
-      this.$emit('changeVal', { name: this.prop, val: this.result})
+      this.$emit('changeVal', { name: this.prop, val: this.result })
       this.$emit('makeRecord', { name: this.prop, record: this.model })
     } else {
       this.reset()
@@ -127,12 +136,13 @@ export default {
       console.log(file)
     },
     handleSuccess(res, file) {
-      if (res === 200) {
-        this.model.path = res.url
+      if (res.code === 200) {
+        this.model.path = process.env.VUE_APP_IMAGE_API + res.url
+        this.model.name = res.originalFilename
+        this.$refs.fileUpload.clearFiles()
         this.$message.success('上传成功')
       } else {
         this.$message.error('error')
-        console.log(res, file)
       }
     },
     handleExceed(files, fileList) {

src/components/CheckCoiumns/checkboxUpload.vue

 <template>
   <div class="checkbox-upload">
     <el-checkbox-group :disabled="status" v-model="model.value" @change="input">
-      <el-checkbox
-        v-for="(i, k) in items.options"
-        :label="i.id"
-        :key="k"
-      >
-      {{ i.object }}
+      <el-checkbox v-for="(i, k) in items.options" :label="i.id" :key="k">
+        {{ i.object }}
       </el-checkbox>
     </el-checkbox-group>
     <el-upload
@@ -18,13 +14,19 @@
       :before-remove="beforeRemove"
       :show-file-list="false"
       :limit="1"
+      ref="fileUpload"
       :on-success="handleSuccess"
       :on-exceed="handleExceed"
+      :headers="headers"
     >
       <el-button size="small" :disabled="status" type="primary"
         >上传文件</el-button
       >
-      <div slot="tip" class="el-upload__tip"></div>
+      <div slot="tip" class="el-upload__tip">
+        <div v-if="model.path">
+          <el-link :href="model.path">{{ model.name }}</el-link>
+        </div>
+      </div>
     </el-upload>
   </div>
 </template>
@@ -44,7 +46,6 @@ export default {
       default: false
     },
     defaultValue: {
-      
       default: ''
     }
   },
@@ -53,7 +54,11 @@ export default {
       model: {
         value: [],
         file: '',
-        path: ''
+        path: '',
+        name: ''
+      },
+      headers: {
+        Authorization: 'Bearer ' + this.$store.getters.token
       },
       uploadImgUrl: process.env.VUE_APP_BASE_API + '/common/uploadMinio' // 上传的图片服务器地址
     }
@@ -71,7 +76,7 @@ export default {
   mounted() {
     if (this.defaultValue) {
       this.model = this.defaultValue
-      this.$emit('changeVal', { name: this.prop, val: this.value})
+      this.$emit('changeVal', { name: this.prop, val: this.value })
       this.$emit('makeRecord', { name: this.prop, record: this.result })
     } else {
       this.reset()
@@ -81,9 +86,6 @@ export default {
     input() {
       let arr = []
       this.items.options.map(i => {
-        console.log(this.model.value)
-        console.log(i)
-
         if (this.model.value.includes(i.id)) {
           arr.push(i.useCaseNo)
         }
@@ -99,7 +101,8 @@ export default {
       this.model = {
         value: [],
         file: '',
-        path: ''
+        path: '',
+        name: ''
       }
     },
     setDefaultValue(val) {
@@ -112,12 +115,13 @@ export default {
       console.log(file)
     },
     handleSuccess(res, file) {
-      if (res === 200) {
-        this.model.path = res.url
+      if (res.code === 200) {
+        this.model.path = process.env.VUE_APP_IMAGE_API + res.url
+        this.model.name = res.originalFilename
+        this.$refs.fileUpload.clearFiles()
         this.$message.success('上传成功')
       } else {
         this.$message.error('error')
-        console.log(res, file)
       }
     },
     handleExceed(files, fileList) {

src/components/CheckCoiumns/inputUpload.vue

@@ -14,17 +14,23 @@
       :action="uploadImgUrl"
       :on-preview="handlePreview"
       v-model="model.file"
+      ref="fileUpload"
       :on-remove="handleRemove"
       :before-remove="beforeRemove"
       :show-file-list="false"
       :limit="1"
       :on-success="handleSuccess"
       :on-exceed="handleExceed"
+      :headers="headers"
     >
       <el-button size="small" :disabled="status" type="primary"
         >上传文件</el-button
       >
-      <div slot="tip" class="el-upload__tip"></div>
+      <div slot="tip" class="el-upload__tip">
+        <div v-if="model.path">
+          <el-link :href="model.path">{{ model.name }}</el-link>
+        </div>
+      </div>
     </el-upload>
   </div>
 </template>
@@ -44,7 +50,6 @@ export default {
       default: false
     },
     defaultValue: {
-      
       default: ''
     }
   },
@@ -53,7 +58,11 @@ export default {
       model: {
         value: '',
         file: '',
-        path: ''
+        path: '',
+        name: ''
+      },
+      headers: {
+        Authorization: 'Bearer ' + this.$store.getters.token
       },
       uploadImgUrl: process.env.VUE_APP_BASE_API + '/common/uploadMinio' // 上传的图片服务器地址
     }
@@ -65,13 +74,13 @@ export default {
     status(newVal) {
       this.reset()
       this.$emit('changeVal', { name: this.prop, val: [] })
-      this.$emit('makeRecord', { name: this.prop, record:{} })
+      this.$emit('makeRecord', { name: this.prop, record: {} })
     }
   },
   mounted() {
     if (this.defaultValue) {
       this.model = this.defaultValue
-      this.$emit('changeVal', { name: this.prop, val: this.result})
+      this.$emit('changeVal', { name: this.prop, val: this.result })
       this.$emit('makeRecord', { name: this.prop, record: this.model })
     } else {
       this.reset()
@@ -85,8 +94,8 @@ export default {
           arr.push(i.useCaseNo)
         })
       }
-      console.log(arr);
-      
+      console.log(arr)
+
       this.$emit('changeVal', { name: this.prop, val: arr.join(',') })
       this.$emit('makeRecord', { name: this.prop, record: this.model })
     },
@@ -94,7 +103,8 @@ export default {
       this.model = {
         value: '',
         file: '',
-        path: ''
+        path: '',
+        name: ''
       }
     },
     setDefaultValue(val) {
@@ -107,12 +117,13 @@ export default {
       console.log(file)
     },
     handleSuccess(res, file) {
-      if (res === 200) {
-        this.model.path = res.url
+      if (res.code === 200) {
+        this.model.path = process.env.VUE_APP_IMAGE_API + res.url
+        this.model.name = res.originalFilename
+        this.$refs.fileUpload.clearFiles()
         this.$message.success('上传成功')
       } else {
         this.$message.error('error')
-        console.log(res, file)
       }
     },
     handleExceed(files, fileList) {

src/components/CheckCoiumns/radioUpload.vue

@@ -7,6 +7,7 @@
     </el-radio-group>
     <el-upload
       class="upload-demo"
+       ref="fileUpload"
       :action="uploadImgUrl"
       :on-preview="handlePreview"
       v-model="model.file"
@@ -16,11 +17,16 @@
       :limit="1"
       :on-success="handleSuccess"
       :on-exceed="handleExceed"
+      :headers="headers"
     >
       <el-button size="small" :disabled="status" type="primary"
         >上传文件</el-button
       >
-      <div slot="tip" class="el-upload__tip"></div>
+       <div slot="tip" class="el-upload__tip">
+        <div v-if="model.path">
+          <el-link :href="model.path">{{ model.name }}</el-link>
+        </div>
+      </div>
     </el-upload>
   </div>
 </template>
@@ -40,7 +46,6 @@ export default {
       default: false
     },
     defaultValue: {
-      
       default: ''
     }
   },
@@ -49,9 +54,12 @@ export default {
       model: {
         value: '',
         file: '',
-        path: ''
+        path: '',
+        name: ''
+      },
+      headers: {
+        Authorization: 'Bearer ' + this.$store.getters.token
       },
-
       uploadImgUrl: process.env.VUE_APP_BASE_API + '/common/uploadMinio' // 上传的图片服务器地址
     }
   },
@@ -89,7 +97,8 @@ export default {
       this.model = {
         value: '',
         file: '',
-        path: ''
+        path: '',
+        name:''
       }
     },
     setDefaultValue(val) {
@@ -102,12 +111,13 @@ export default {
       console.log(file)
     },
     handleSuccess(res, file) {
-      if (res === 200) {
-        this.model.path = res.url
+      if (res.code === 200) {
+        this.model.path = process.env.VUE_APP_IMAGE_API + res.url
+        this.model.name = res.originalFilename
+        this.$refs.fileUpload.clearFiles()
         this.$message.success('上传成功')
       } else {
         this.$message.error('error')
-        console.log(res, file)
       }
     },
     handleExceed(files, fileList) {

src/components/homeComponents/pieChart.vue

 <template>
   <div
     ref="chart"
-    style="width: 100%; height: 10rem; display: flex; justify-content: center"
+    style="width: 100%; height: 10rem; display: flex;margin-top: 2rem; justify-content: center"
   ></div>
 </template>
 <script>
@@ -41,7 +41,7 @@ export default {
                 value: 1
               }
             ],
-            radius: '65%',
+            radius: '75%',
             // 水球颜色
             color: ['#49d088', '#38b470', '#2aaf66'],
             center: ['15%', '55%'],
@@ -83,7 +83,7 @@ export default {
               }
             ],
             name: '修改',
-            radius: '65%',
+            radius: '75%',
             // 水球颜色
             color: ['#FE5555', '#F07581', '#FB5E61'],
             center: ['50%', '55%'],
@@ -126,7 +126,7 @@ export default {
             ],
             //data: [0.6, 0.5, 0.4, 0.3],
             data: [0, 0, 0, 0],
-            radius: '65%',
+            radius: '75%',
             // 水球颜色
             color: ['#FFBF11', '#F4B30E', '#EACE36'],
             center: ['85%', '55%'],

src/components/homeComponents/planChart2.vue

 <template>
   <div
     ref="chart"
-    style="width: 100%; height: 100%; display: flex; justify-content: center"
+    style="width: 130%; height: 100%; display: flex; justify-content: center"
   ></div>
 </template>
 <script>
-import { Left } from '@icon-park/vue'
 export default {
   name: 'AverageTest',
   props: {
@@ -31,22 +30,22 @@ export default {
       const option = {
         grid: {
           top: '10%',
-          bottom: '20%', //也可设置left和right设置距离来控制图表的大小
-          left: '10%',
-          right: '10%'
+          bottom: '30%', //也可设置left和right设置距离来控制图表的大小
+          left: '8%',
+          right: '2%'
         },
         xAxis: {
           data: [
-            '信息收集',
-            '环境控制',
-            '初始访问',
-            '命令/脚本执行',
-            '持久化控制',
-            '权限提升',
+            '信息\n收集',
+            '环境\n控制',
+            '初始\n访问',
+            '命令\n/脚本\n执行',
+            '持久\n化控\n制',
+            '权限\n提升',
             '绕过',
-            '凭证获取',
-            '信息发现',
-            '横向移动'
+            '凭证\n获取',
+            '信息\n发现',
+            '横向\n移动'
           ],
           axisLine: {
             show: false, //隐藏X轴轴线

src/views/index.vue

@@ -38,12 +38,13 @@
         </card>
       </div>
       <div class="home-page-center">
+        <div class="center-back"></div>
         <div
           v-for="(item, key) in center"
           :key="key"
           :class="'center-item-' + (key + 1)"
         >
-          <el-image :src="item.img" alt=""  class="center-item-img"/>
+          <el-image :src="item.img" alt="" class="center-item-img" />
           <div class="center-item-title">
             {{ item.title }}
           </div>
@@ -181,27 +182,27 @@ export default {
       center: [
         {
           title: '数据抓包',
-          number:13,
+          number: 13,
           img: require('@/assets/images/home/box1.png')
         },
         {
           title: '访问控制',
-          number:9,
+          number: 9,
           img: require('@/assets/images/home/box2.png')
         },
         {
           title: '扫描漏洞',
-          number:9,
+          number: 9,
           img: require('@/assets/images/home/box5.png')
         },
         {
           title: '拒绝服务',
-          number:9,
+          number: 9,
           img: require('@/assets/images/home/box4.png')
         },
         {
           title: '非授权访问写入',
-          number:13,
+          number: 13,
           img: require('@/assets/images/home/box3.png')
         }
       ]

src/views/login.vue

@@ -91,8 +91,8 @@ export default {
       logoImg: logoImg,
       codeUrl: '',
       loginForm: {
-        username: 'admin',
-        password: '123456@a',
+        username: '',
+        password: '',
         rememberMe: false,
         code: '',
         uuid: ''

src/views/setting/template/index.vue

@@ -95,7 +95,11 @@
             :file-list="fileList"
           >
             <el-button size="small" type="primary">更新模板文件</el-button>
-            <div slot="tip" class="el-upload__tip"></div>
+             <div slot="tip" class="el-upload__tip">
+        <div v-if="model.path">
+          <el-link :href="model.path">{{ model.name }}</el-link>
+        </div>
+      </div>
           </el-upload>
         </el-form-item>
         <el-form-item label="检验结论" prop="conclusion">