zhouchijian/fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

remove useless items

Browse Source
This commit is contained in:
weijianli
2019-09-17 19:28:41 -05:00
parent 8849bc361f
commit 7107cf6391
11 changed files with 379 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
package.json
View File

@@ -53,7 +53,6 @@
"dropzone": "5.5.1", "dropzone": "5.5.1",
"echarts": "4.2.1", "echarts": "4.2.1",
"element-ui": "2.7.0", "element-ui": "2.7.0",
"eslint": "^6.3.0",
"file-saver": "2.0.1", "file-saver": "2.0.1",
"fuse.js": "3.4.4", "fuse.js": "3.4.4",
"jquery": "^3.4.1", "jquery": "^3.4.1",
@@ -94,8 +93,10 @@
"chalk": "2.4.2", "chalk": "2.4.2",
"chokidar": "2.1.5", "chokidar": "2.1.5",
"connect": "3.6.6", "connect": "3.6.6",
"eslint-plugin-vue": "^5.2.3", "eslint": "5.15.3",
"eslint-plugin-vue": "5.2.2",
"html-webpack-plugin": "3.2.0", "html-webpack-plugin": "3.2.0",
"husky": "1.3.1",
"lint-staged": "8.1.5", "lint-staged": "8.1.5",
"mockjs": "1.0.1-beta3", "mockjs": "1.0.1-beta3",
"node-sass": "^4.9.0", "node-sass": "^4.9.0",

2
src/api/user.js
View File

@@ -27,7 +27,7 @@ export function sendAnalyzeRequest(token) {
return request({ return request({
url: '/testpredict', url: '/testpredict',
method: 'get', method: 'get',
baseURL: 'http://localhost:8010', baseURL: 'http://localhost:8888',
params: { token } params: { token }
}) })
} }

7
src/layout/index.vue
View File

@@ -8,16 +8,16 @@
<tags-view v-if="needTagsView" /> <tags-view v-if="needTagsView" />
</div> </div>
<app-main /> <app-main />
<right-panel v-if="showSettings"> <!-- <right-panel v-if="showSettings">
<settings /> <settings />
</right-panel> </right-panel> -->
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import RightPanel from '@/components/RightPanel' import RightPanel from '@/components/RightPanel'
import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components' import { AppMain, Navbar, Settings, Sidebar} from './components'
import ResizeMixin from './mixin/ResizeHandler' import ResizeMixin from './mixin/ResizeHandler'
import { mapState } from 'vuex' import { mapState } from 'vuex'
@@ -29,7 +29,6 @@ export default {
RightPanel, RightPanel,
Settings, Settings,
Sidebar, Sidebar,
TagsView
}, },
mixins: [ResizeMixin], mixins: [ResizeMixin],
computed: { computed: {

43
src/router/index.js
View File

@@ -73,18 +73,19 @@ export const constantRoutes = [
{ {
path: '/', path: '/',
component: Layout, component: Layout,
redirect: '/dashboard', redirect: '/uploader',
children: [ children: [
{ {
path: 'dashboard', path: 'vueUploader',
component: () => import('@/views/dashboard/index'), component: () => import('@/views/VueUploader/index'),
name: 'Dashboard', name: 'VueUploader',
meta: { title: 'Dashboard', icon: 'dashboard', affix: true } meta: { title: 'VueUploader', icon: 'documentation', affix: true }
} }
] ]
}, },
{ {
path: '/uploader', path: '/uploader',
hidden: true,
component: Layout, component: Layout,
children: [ children: [
{ {
@@ -101,29 +102,16 @@ export const constantRoutes = [
component: Layout, component: Layout,
children: [ children: [
{ {
path: 'analyzing', path: 'haha',
component: () => import('@/views/Analyzing/analyzing'), component: ()=>import('@/views/Analyzing/analyzing'),
name: 'analyze', name: 'analyze',
meta: { title: 'analyzing' } meta: { title: 'analyzing' }
} }
] ]
}, },
{
path: '/plot',
//hidden: true,
component: Layout,
children: [
{
path: 'plot',
component: () => import('@/views/plot/index'),
name: 'plot',
meta: { title: 'plot' }
}
]
},
{ {
path: '/documentation', path: '/documentation',
hidden: true,
component: Layout, component: Layout,
children: [ children: [
{ {
@@ -136,6 +124,7 @@ export const constantRoutes = [
}, },
{ {
path: '/guide', path: '/guide',
hidden: true,
component: Layout, component: Layout,
redirect: '/guide/index', redirect: '/guide/index',
children: [ children: [
@@ -170,6 +159,7 @@ export const constantRoutes = [
export const asyncRoutes = [ export const asyncRoutes = [
{ {
path: '/permission', path: '/permission',
hidden: true,
component: Layout, component: Layout,
redirect: '/permission/page', redirect: '/permission/page',
alwaysShow: true, // will always show the root menu alwaysShow: true, // will always show the root menu
@@ -212,6 +202,7 @@ export const asyncRoutes = [
{ {
path: '/icon', path: '/icon',
hidden: true,
component: Layout, component: Layout,
children: [ children: [
{ {
@@ -231,6 +222,7 @@ export const asyncRoutes = [
{ {
path: '/example', path: '/example',
hidden: true,
component: Layout, component: Layout,
redirect: '/example/list', redirect: '/example/list',
name: 'Example', name: 'Example',
@@ -263,6 +255,7 @@ export const asyncRoutes = [
{ {
path: '/tab', path: '/tab',
hidden: true,
component: Layout, component: Layout,
children: [ children: [
{ {
@@ -276,6 +269,7 @@ export const asyncRoutes = [
{ {
path: '/error', path: '/error',
hidden: true,
component: Layout, component: Layout,
redirect: 'noRedirect', redirect: 'noRedirect',
name: 'ErrorPages', name: 'ErrorPages',
@@ -301,6 +295,7 @@ export const asyncRoutes = [
{ {
path: '/error-log', path: '/error-log',
hidden: true,
component: Layout, component: Layout,
children: [ children: [
{ {
@@ -314,6 +309,7 @@ export const asyncRoutes = [
{ {
path: '/excel', path: '/excel',
hidden: true,
component: Layout, component: Layout,
redirect: '/excel/export-excel', redirect: '/excel/export-excel',
name: 'Excel', name: 'Excel',
@@ -351,6 +347,7 @@ export const asyncRoutes = [
{ {
path: '/zip', path: '/zip',
hidden: true,
component: Layout, component: Layout,
redirect: '/zip/download', redirect: '/zip/download',
alwaysShow: true, alwaysShow: true,
@@ -368,6 +365,7 @@ export const asyncRoutes = [
{ {
path: '/pdf', path: '/pdf',
hidden: true,
component: Layout, component: Layout,
redirect: '/pdf/index', redirect: '/pdf/index',
children: [ children: [
@@ -387,6 +385,7 @@ export const asyncRoutes = [
{ {
path: '/theme', path: '/theme',
hidden: true,
component: Layout, component: Layout,
children: [ children: [
{ {
@@ -400,6 +399,7 @@ export const asyncRoutes = [
{ {
path: '/clipboard', path: '/clipboard',
hidden: true,
component: Layout, component: Layout,
children: [ children: [
{ {
@@ -413,6 +413,7 @@ export const asyncRoutes = [
{ {
path: 'external-link', path: 'external-link',
hidden: true,
component: Layout, component: Layout,
children: [ children: [
{ {

1
src/router/modules/charts.js
View File

@@ -4,6 +4,7 @@ import Layout from '@/layout'
const chartsRouter = { const chartsRouter = {
path: '/charts', path: '/charts',
hidden: true,
component: Layout, component: Layout,
redirect: 'noRedirect', redirect: 'noRedirect',
name: 'Charts', name: 'Charts',

1
src/router/modules/components.js
View File

@@ -4,6 +4,7 @@ import Layout from '@/layout'
const componentsRouter = { const componentsRouter = {
path: '/components', path: '/components',
hidden: true,
component: Layout, component: Layout,
redirect: 'noRedirect', redirect: 'noRedirect',
name: 'ComponentDemo', name: 'ComponentDemo',

1
src/router/modules/nested.js
View File

@@ -4,6 +4,7 @@ import Layout from '@/layout'
const nestedRouter = { const nestedRouter = {
path: '/nested', path: '/nested',
hidden: true,
component: Layout, component: Layout,
redirect: '/nested/menu1/menu1-1', redirect: '/nested/menu1/menu1-1',
name: 'Nested', name: 'Nested',

1
src/router/modules/table.js
View File

@@ -4,6 +4,7 @@ import Layout from '@/layout'
const tableRouter = { const tableRouter = {
path: '/table', path: '/table',
hidden: true,
component: Layout, component: Layout,
redirect: '/table/complex-table', redirect: '/table/complex-table',
name: 'Table', name: 'Table',

14
src/views/Analyzing/analyzing.vue
View File

@@ -1,9 +1,11 @@
<!-- <template> <!-- <template>
<div class="progress"> <div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div> <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
<span>hhahahahahahah</span>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
@@ -23,13 +25,17 @@
</template> </template>
<script> <script>
import Circle9 from 'vue-loading-spinner/src/components/Circle9' import Circle9 from 'vue-loading-spinner/src/components/Circle9'
export default {
name: 'Analyze', export default {
name: 'analyze',
components: { components: {
Circle9 Circle9
} }
}
}
</script> </script>
<style scoped> <style scoped>

187
src/views/VueUploader/index.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="example-full"> <div class="example-full">
<button type="button" class="btn btn-danger float-right btn-is-option" @click.prevent="isOption = !isOption"> <button type="button" class="btn btn-danger float-right btn-is-option" @click.prevent="isOption = !isOption">
<i class="fa fa-cog" aria-hidden="true" /> <i class="fa fa-cog" aria-hidden="true"></i>
Options Options
</button> </button>
<h1 id="example-title" class="example-title">Data Uploader</h1> <h1 id="example-title" class="example-title">Data Uploader</h1>
@@ -9,8 +9,8 @@
<div v-show="$refs.upload && $refs.upload.dropActive" class="drop-active"> <div v-show="$refs.upload && $refs.upload.dropActive" class="drop-active">
<h3>Drop files to upload</h3> <h3>Drop files to upload</h3>
</div> </div>
<div v-show="!isOption" class="upload"> <div class="upload" v-show="!isOption">
<div class="table-responsive"> <div class="table-responsive" style="height: 400px">
<table class="table table-hover"> <table class="table table-hover">
<thead> <thead>
<tr> <tr>
@@ -27,32 +27,32 @@
<tr v-if="!files.length"> <tr v-if="!files.length">
<td colspan="7"> <td colspan="7">
<div class="text-center p-5"> <div class="text-center p-5">
<h4>Drop files anywhere to upload<br>or</h4> <h4>Drop files anywhere to upload<br/>or</h4>
<label :for="name" class="btn btn-lg btn-primary">Select Files</label> <label :for="name" class="btn btn-lg btn-primary">Select Files</label>
</div> </div>
</td> </td>
</tr> </tr>
<tr v-for="(file, index) in files" :key="file.id"> <tr v-for="(file, index) in files" :key="file.id">
<td>{{ index }}</td> <td>{{index}}</td>
<td> <td>
<img v-if="file.thumb" :src="file.thumb" width="40" height="auto"> <img v-if="file.thumb" :src="file.thumb" width="40" height="auto" />
<span v-else>No Image</span> <span v-else>No Image</span>
</td> </td>
<td> <td>
<div class="filename"> <div class="filename">
{{ file.name }} {{file.name}}
</div> </div>
<div v-if="file.active || file.progress !== '0.00'" class="progress"> <div class="progress" v-if="file.active || file.progress !== '0.00'">
<div :class="{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active}" role="progressbar" :style="{width: file.progress + '%'}">{{ file.progress }}%</div> <div :class="{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active}" role="progressbar" :style="{width: file.progress + '%'}">{{file.progress}}%</div>
</div> </div>
</td> </td>
<td>{{ file.size | formatSize }}</td> <td>{{file.size | formatSize}}</td>
<td>{{ file.speed | formatSize }}</td> <td>{{file.speed | formatSize}}</td>
<td v-if="file.error">{{ file.error }}</td> <td v-if="file.error">{{file.error}}</td>
<td v-else-if="file.success">success</td> <td v-else-if="file.success">success</td>
<td v-else-if="file.active">active</td> <td v-else-if="file.active">active</td>
<td v-else /> <td v-else></td>
<td> <td>
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-secondary btn-sm dropdown-toggle" type="button"> <button class="btn btn-secondary btn-sm dropdown-toggle" type="button">
@@ -62,11 +62,11 @@
<a :class="{'dropdown-item': true, disabled: file.active || file.success || file.error === 'compressing'}" href="#" @click.prevent="file.active || file.success || file.error === 'compressing' ? false : onEditFileShow(file)">Edit</a> <a :class="{'dropdown-item': true, disabled: file.active || file.success || file.error === 'compressing'}" href="#" @click.prevent="file.active || file.success || file.error === 'compressing' ? false : onEditFileShow(file)">Edit</a>
<a :class="{'dropdown-item': true, disabled: !file.active}" href="#" @click.prevent="file.active ? $refs.upload.update(file, {error: 'cancel'}) : false">Cancel</a> <a :class="{'dropdown-item': true, disabled: !file.active}" href="#" @click.prevent="file.active ? $refs.upload.update(file, {error: 'cancel'}) : false">Cancel</a>
<a v-if="file.active" class="dropdown-item" href="#" @click.prevent="$refs.upload.update(file, {active: false})">Abort</a> <a class="dropdown-item" href="#" v-if="file.active" @click.prevent="$refs.upload.update(file, {active: false})">Abort</a>
<a v-else-if="file.error && file.error !== 'compressing' && $refs.upload.features.html5" class="dropdown-item" href="#" @click.prevent="$refs.upload.update(file, {active: true, error: '', progress: '0.00'})">Retry upload</a> <a class="dropdown-item" href="#" v-else-if="file.error && file.error !== 'compressing' && $refs.upload.features.html5" @click.prevent="$refs.upload.update(file, {active: true, error: '', progress: '0.00'})">Retry upload</a>
<a v-else :class="{'dropdown-item': true, disabled: file.success || file.error === 'compressing'}" href="#" @click.prevent="file.success || file.error === 'compressing' ? false : $refs.upload.update(file, {active: true})">Upload</a> <a :class="{'dropdown-item': true, disabled: file.success || file.error === 'compressing'}" href="#" v-else @click.prevent="file.success || file.error === 'compressing' ? false : $refs.upload.update(file, {active: true})">Upload</a>
<div class="dropdown-divider" /> <div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" @click.prevent="$refs.upload.remove(file)">Remove</a> <a class="dropdown-item" href="#" @click.prevent="$refs.upload.remove(file)">Remove</a>
</div> </div>
</div> </div>
@@ -76,16 +76,14 @@
</table> </table>
</div> </div>
<div class="example-foorer"> <div class="example-foorer">
<div class="footer-status float-right"> <!-- <div class="footer-status float-right">
Drop: {{ $refs.upload ? $refs.upload.drop : false }}, Drop: {{$refs.upload ? $refs.upload.drop : false}},
Active: {{ $refs.upload ? $refs.upload.active : false }}, Active: {{$refs.upload ? $refs.upload.active : false}},
Uploaded: {{ $refs.upload ? $refs.upload.uploaded : true }}, Uploaded: {{$refs.upload ? $refs.upload.uploaded : true}},
Drop active: {{ $refs.upload ? $refs.upload.dropActive : false }} Drop active: {{$refs.upload ? $refs.upload.dropActive : false}}
</div> </div> -->
<div class="btn-group"> <div class="btn-group">
<file-upload <file-upload
ref="upload"
v-model="files"
class="btn btn-primary dropdown-toggle" class="btn btn-primary dropdown-toggle"
:post-action="postAction" :post-action="postAction"
:put-action="putAction" :put-action="putAction"
@@ -100,10 +98,11 @@
:drop="drop" :drop="drop"
:drop-directory="dropDirectory" :drop-directory="dropDirectory"
:add-index="addIndex" :add-index="addIndex"
v-model="files"
@input-filter="inputFilter" @input-filter="inputFilter"
@input-file="inputFile" @input-file="inputFile"
> ref="upload">
<i class="fa fa-plus" /> <i class="fa fa-plus"></i>
Select Select
</file-upload> </file-upload>
<div class="dropdown-menu"> <div class="dropdown-menu">
@@ -112,69 +111,73 @@
<a class="dropdown-item" href="#" @click.prevent="addData.show = true">Add data</a> <a class="dropdown-item" href="#" @click.prevent="addData.show = true">Add data</a>
</div> </div>
</div> </div>
<button v-if="!$refs.upload || !$refs.upload.active" type="button" class="btn btn-success" @click.prevent="$refs.upload.active = true"> <button type="button" class="btn btn-success" v-if="!$refs.upload || !$refs.upload.active" @click.prevent="$refs.upload.active = true">
<i class="fa fa-arrow-up" aria-hidden="true" /> <i class="fa fa-arrow-up" aria-hidden="true"></i>
Start Upload Start Upload
</button> </button>
<button v-if="!$refs.upload || !$refs.upload.active" type="button" class="btn btn-warning" @click.prevent="onSendAnalyzeRequest"> <button type="button" class="btn btn-warning" v-if="!$refs.upload || !$refs.upload.active" @click.prevent="onSendAnalyzeRequest">
Analyze Analyze
</button> </button>
<button v-else type="button" class="btn btn-danger" @click.prevent="$refs.upload.active = false"> <button type="button" class="btn btn-danger" v-else @click.prevent="$refs.upload.active = false">
<i class="fa fa-stop" aria-hidden="true" /> <i class="fa fa-stop" aria-hidden="true"></i>
Stop Upload Stop Upload
</button> </button>
</div> </div>
</div> </div>
<div v-show="isOption" class="option">
<div class="option" v-show="isOption">
<div class="form-group"> <div class="form-group">
<label for="accept">Accept:</label> <label for="accept">Accept:</label>
<input id="accept" v-model="accept" type="text" class="form-control"> <input type="text" id="accept" class="form-control" v-model="accept">
<small class="form-text text-muted">Allow upload mime type</small> <small class="form-text text-muted">Allow upload mime type</small>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="extensions">Extensions:</label> <label for="extensions">Extensions:</label>
<input id="extensions" v-model="extensions" type="text" class="form-control"> <input type="text" id="extensions" class="form-control" v-model="extensions">
<small class="form-text text-muted">Allow upload file extension</small> <small class="form-text text-muted">Allow upload file extension</small>
</div> </div>
<div class="form-group"> <div class="form-group">
<label>PUT Upload:</label> <label>PUT Upload:</label>
<div class="form-check"> <div class="form-check">
<label class="form-check-label"> <label class="form-check-label">
<input id="put-action" v-model="putAction" class="form-check-input" type="radio" name="put-action" value=""> Off <input class="form-check-input" type="radio" name="put-action" id="put-action" value="" v-model="putAction"> Off
</label> </label>
</div> </div>
<div class="form-check"> <div class="form-check">
<label class="form-check-label"> <label class="form-check-label">
<input id="put-action" v-model="putAction" class="form-check-input" type="radio" name="put-action" value="/upload/put"> On <input class="form-check-input" type="radio" name="put-action" id="put-action" value="/upload/put" v-model="putAction"> On
</label> </label>
</div> </div>
<small class="form-text text-muted">After the shutdown, use the POST method to upload</small> <small class="form-text text-muted">After the shutdown, use the POST method to upload</small>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="thread">Thread:</label> <label for="thread">Thread:</label>
<input id="thread" v-model.number="thread" type="number" max="5" min="1" class="form-control"> <input type="number" max="5" min="1" id="thread" class="form-control" v-model.number="thread">
<small class="form-text text-muted">Also upload the number of files at the same time (number of threads)</small> <small class="form-text text-muted">Also upload the number of files at the same time (number of threads)</small>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="size">Max size:</label> <label for="size">Max size:</label>
<input id="size" v-model.number="size" type="number" min="0" class="form-control"> <input type="number" min="0" id="size" class="form-control" v-model.number="size">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="minSize">Min size:</label> <label for="minSize">Min size:</label>
<input id="minSize" v-model.number="minSize" type="number" min="0" class="form-control"> <input type="number" min="0" id="minSize" class="form-control" v-model.number="minSize">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="autoCompress">Automatically compress:</label> <label for="autoCompress">Automatically compress:</label>
<input id="autoCompress" v-model.number="autoCompress" type="number" min="0" class="form-control"> <input type="number" min="0" id="autoCompress" class="form-control" v-model.number="autoCompress">
<small v-if="autoCompress > 0" class="form-text text-muted">More than {{ autoCompress | formatSize }} files are automatically compressed</small> <small class="form-text text-muted" v-if="autoCompress > 0">More than {{autoCompress | formatSize}} files are automatically compressed</small>
<small v-else class="form-text text-muted">Set up automatic compression</small> <small class="form-text text-muted" v-else>Set up automatic compression</small>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="form-check"> <div class="form-check">
<label class="form-check-label"> <label class="form-check-label">
<input id="add-index" v-model="addIndex" type="checkbox" class="form-check-input"> Start position to add <input type="checkbox" id="add-index" class="form-check-input" v-model="addIndex"> Start position to add
</label> </label>
</div> </div>
<small class="form-text text-muted">Add a file list to start the location to add</small> <small class="form-text text-muted">Add a file list to start the location to add</small>
@@ -183,7 +186,7 @@
<div class="form-group"> <div class="form-group">
<div class="form-check"> <div class="form-check">
<label class="form-check-label"> <label class="form-check-label">
<input id="drop" v-model="drop" type="checkbox" class="form-check-input"> Drop <input type="checkbox" id="drop" class="form-check-input" v-model="drop"> Drop
</label> </label>
</div> </div>
<small class="form-text text-muted">Drag and drop upload</small> <small class="form-text text-muted">Drag and drop upload</small>
@@ -191,7 +194,7 @@
<div class="form-group"> <div class="form-group">
<div class="form-check"> <div class="form-check">
<label class="form-check-label"> <label class="form-check-label">
<input id="drop-directory" v-model="dropDirectory" type="checkbox" class="form-check-input"> Drop directory <input type="checkbox" id="drop-directory" class="form-check-input" v-model="dropDirectory"> Drop directory
</label> </label>
</div> </div>
<small class="form-text text-muted">Not checked, filter the dragged folder</small> <small class="form-text text-muted">Not checked, filter the dragged folder</small>
@@ -199,7 +202,7 @@
<div class="form-group"> <div class="form-group">
<div class="form-check"> <div class="form-check">
<label class="form-check-label"> <label class="form-check-label">
<input id="upload-auto" v-model="uploadAuto" type="checkbox" class="form-check-input"> Auto start <input type="checkbox" id="upload-auto" class="form-check-input" v-model="uploadAuto"> Auto start
</label> </label>
</div> </div>
<small class="form-text text-muted">Automatically activate upload</small> <small class="form-text text-muted">Automatically activate upload</small>
@@ -209,8 +212,12 @@
</div> </div>
</div> </div>
<div :class="{'modal-backdrop': true, 'fade': true, show: addData.show}" />
<div id="modal-add-data" :class="{modal: true, fade: true, show: addData.show}" tabindex="-1" role="dialog">
<div :class="{'modal-backdrop': true, 'fade': true, show: addData.show}"></div>
<div :class="{modal: true, fade: true, show: addData.show}" id="modal-add-data" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -223,17 +230,17 @@
<div class="modal-body"> <div class="modal-body">
<div class="form-group"> <div class="form-group">
<label for="name">Name:</label> <label for="name">Name:</label>
<input id="name" v-model="addData.name" type="text" class="form-control" required placeholder="Please enter a file name"> <input type="text" class="form-control" required id="name" placeholder="Please enter a file name" v-model="addData.name">
<small class="form-text text-muted">Such as <code>filename.txt</code></small> <small class="form-text text-muted">Such as <code>filename.txt</code></small>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="type">Type:</label> <label for="type">Type:</label>
<input id="type" v-model="addData.type" type="text" class="form-control" required placeholder="Please enter the MIME type"> <input type="text" class="form-control" required id="type" placeholder="Please enter the MIME type" v-model="addData.type">
<small class="form-text text-muted">Such as <code>text/plain</code></small> <small class="form-text text-muted">Such as <code>text/plain</code></small>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="content">Content:</label> <label for="content">Content:</label>
<textarea id="content" v-model="addData.content" class="form-control" required rows="3" placeholder="Please enter the file contents" /> <textarea class="form-control" required id="content" rows="3" placeholder="Please enter the file contents" v-model="addData.content"></textarea>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@@ -245,8 +252,13 @@
</div> </div>
</div> </div>
<div :class="{'modal-backdrop': true, 'fade': true, show: editFile.show}" />
<div id="modal-edit-file" :class="{modal: true, fade: true, show: editFile.show}" tabindex="-1" role="dialog">
<div :class="{'modal-backdrop': true, 'fade': true, show: editFile.show}"></div>
<div :class="{modal: true, fade: true, show: editFile.show}" id="modal-edit-file" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog modal-lg" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@@ -259,22 +271,22 @@
<div class="modal-body"> <div class="modal-body">
<div class="form-group"> <div class="form-group">
<label for="name">Name:</label> <label for="name">Name:</label>
<input id="name" v-model="editFile.name" type="text" class="form-control" required placeholder="Please enter a file name"> <input type="text" class="form-control" required id="name" placeholder="Please enter a file name" v-model="editFile.name">
</div> </div>
<div v-if="editFile.show && editFile.blob && editFile.type && editFile.type.substr(0, 6) === 'image/'" class="form-group"> <div class="form-group" v-if="editFile.show && editFile.blob && editFile.type && editFile.type.substr(0, 6) === 'image/'">
<label>Image: </label> <label>Image: </label>
<div class="edit-image"> <div class="edit-image">
<img ref="editImage" :src="editFile.blob"> <img :src="editFile.blob" ref="editImage" />
</div> </div>
<div class="edit-image-tool"> <div class="edit-image-tool">
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<button type="button" class="btn btn-primary" title="cropper.rotate(-90)" @click="editFile.cropper.rotate(-90)"><i class="fa fa-undo" aria-hidden="true" /></button> <button type="button" class="btn btn-primary" @click="editFile.cropper.rotate(-90)" title="cropper.rotate(-90)"><i class="fa fa-undo" aria-hidden="true"></i></button>
<button type="button" class="btn btn-primary" title="cropper.rotate(90)" @click="editFile.cropper.rotate(90)"><i class="fa fa-repeat" aria-hidden="true" /></button> <button type="button" class="btn btn-primary" @click="editFile.cropper.rotate(90)" title="cropper.rotate(90)"><i class="fa fa-repeat" aria-hidden="true"></i></button>
</div> </div>
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<button type="button" class="btn btn-primary" title="cropper.crop()" @click="editFile.cropper.crop()"><i class="fa fa-check" aria-hidden="true" /></button> <button type="button" class="btn btn-primary" @click="editFile.cropper.crop()" title="cropper.crop()"><i class="fa fa-check" aria-hidden="true"></i></button>
<button type="button" class="btn btn-primary" title="cropper.clear()" @click="editFile.cropper.clear()"><i class="fa fa-remove" aria-hidden="true" /></button> <button type="button" class="btn btn-primary" @click="editFile.cropper.clear()" title="cropper.clear()"><i class="fa fa-remove" aria-hidden="true"></i></button>
</div> </div>
</div> </div>
</div> </div>
@@ -288,9 +300,10 @@
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import Cropper from 'cropperjs' import Cropper from 'cropperjs'
import ImageCompressor from '@xkeshi/image-compressor' import ImageCompressor from '@xkeshi/image-compressor'
@@ -300,7 +313,7 @@ import { sendAnalyzeRequest } from '@/api/user'
// import 'bootstrap/dist/css/bootstrap.min.css' // import 'bootstrap/dist/css/bootstrap.min.css'
export default { export default {
components: { components: {
FileUpload FileUpload,
}, },
data() { data() {
return { return {
@@ -319,12 +332,12 @@ export default {
thread: 3, thread: 3,
name: 'file', name: 'file',
postAction: '/upload/post', postAction: '/upload/post',
putAction: 'http://localhost:8010/uploader', putAction: 'http://localhost:8888/uploader',
headers: { headers: {
'X-Csrf-Token': 'xxxx' 'X-Csrf-Token': 'xxxx',
}, },
data: { data: {
'_csrf_token': 'xxxxxx' '_csrf_token': 'xxxxxx',
}, },
autoCompress: 1024 * 1024, autoCompress: 1024 * 1024,
uploadAuto: false, uploadAuto: false,
@@ -333,11 +346,11 @@ export default {
show: false, show: false,
name: '', name: '',
type: '', type: '',
content: '' content: '',
}, },
editFile: { editFile: {
show: false, show: false,
name: '' name: '',
} }
} }
}, },
@@ -348,12 +361,12 @@ export default {
this.$refs.upload.update(this.editFile.id, { error: this.editFile.error || '' }) this.$refs.upload.update(this.editFile.id, { error: this.editFile.error || '' })
} }
if (newValue) { if (newValue) {
this.$nextTick(function() { this.$nextTick(function () {
if (!this.$refs.editImage) { if (!this.$refs.editImage) {
return return
} }
const cropper = new Cropper(this.$refs.editImage, { let cropper = new Cropper(this.$refs.editImage, {
autoCrop: false autoCrop: false,
}) })
this.editFile = { this.editFile = {
...this.editFile, ...this.editFile,
@@ -368,7 +381,7 @@ export default {
this.addData.type = '' this.addData.type = ''
this.addData.content = '' this.addData.content = ''
} }
} },
}, },
methods: { methods: {
inputFilter(newFile, oldFile, prevent) { inputFilter(newFile, oldFile, prevent) {
@@ -392,7 +405,7 @@ export default {
const imageCompressor = new ImageCompressor(null, { const imageCompressor = new ImageCompressor(null, {
convertSize: Infinity, convertSize: Infinity,
maxWidth: 512, maxWidth: 512,
maxHeight: 512 maxHeight: 512,
}) })
imageCompressor.compress(newFile.file) imageCompressor.compress(newFile.file)
.then((file) => { .then((file) => {
@@ -407,7 +420,7 @@ export default {
// Create a blob field // Create a blob field
// 创建 blob 字段 // 创建 blob 字段
newFile.blob = '' newFile.blob = ''
const URL = window.URL || window.webkitURL let URL = window.URL || window.webkitURL
if (URL && URL.createObjectURL) { if (URL && URL.createObjectURL) {
newFile.blob = URL.createObjectURL(newFile.file) newFile.blob = URL.createObjectURL(newFile.file)
} }
@@ -469,12 +482,12 @@ export default {
this.editFile.show = false this.editFile.show = false
return return
} }
const data = { let data = {
name: this.editFile.name name: this.editFile.name,
} }
if (this.editFile.cropper) { if (this.editFile.cropper) {
const binStr = atob(this.editFile.cropper.getCroppedCanvas().toDataURL(this.editFile.type).split(',')[1]) let binStr = atob(this.editFile.cropper.getCroppedCanvas().toDataURL(this.editFile.type).split(',')[1])
const arr = new Uint8Array(binStr.length) let arr = new Uint8Array(binStr.length)
for (let i = 0; i < binStr.length; i++) { for (let i = 0; i < binStr.length; i++) {
arr[i] = binStr.charCodeAt(i) arr[i] = binStr.charCodeAt(i)
} }
@@ -491,7 +504,7 @@ export default {
this.alert('Your browser does not support') this.alert('Your browser does not support')
return return
} }
const input = this.$refs.upload.$el.querySelector('input') let input = this.$refs.upload.$el.querySelector('input')
input.directory = true input.directory = true
input.webkitdirectory = true input.webkitdirectory = true
this.directory = true this.directory = true
@@ -509,8 +522,8 @@ export default {
this.alert('Your browser does not support') this.alert('Your browser does not support')
return return
} }
const file = new window.File([this.addData.content], this.addData.name, { let file = new window.File([this.addData.content], this.addData.name, {
type: this.addData.type type: this.addData.type,
}) })
this.$refs.upload.add(file) this.$refs.upload.add(file)
}, },
@@ -539,6 +552,7 @@ export default {
} }
} }
</script> </script>
<style> <style>
@@ -550,6 +564,7 @@ export default {
} }
.example-full .btn-group:hover > .dropdown-menu { .example-full .btn-group:hover > .dropdown-menu {
visibility: visible; visibility: visible;
} }
.example-full label.dropdown-item { .example-full label.dropdown-item {
margin-bottom: 0; margin-bottom: 0;
@@ -605,8 +620,10 @@ export default {
padding: 0; padding: 0;
} }
.example-full { .example-full {
height: auto;
padding-left: 5; padding-left: 5;
padding-right: 5; padding-right: 5;
padding: 20px;
} }
.modal-backdrop { .modal-backdrop {
z-index: -1; z-index: -1;
@@ -619,6 +636,7 @@ export default {
} }
</style> </style>
<!-- <template> <!-- <template>
<div class="app-container"> <div class="app-container">
<ul> <ul>
@@ -706,6 +724,11 @@ export default {
import 'vue-upload-component/dist/vue-upload-component.part.css' import 'vue-upload-component/dist/vue-upload-component.part.css'
@import "vue-upload-component/dist/vue-upload-component.part.css" @import "vue-upload-component/dist/vue-upload-component.part.css"
.file-uploads { .file-uploads {
overflow: hidden; overflow: hidden;
position: relative; position: relative;

26
src/views/plot/index.vue
View File

@@ -1,26 +0,0 @@
<template>
<!-- <div class="vue-spinner">
<Circle9 />
<h1>Analyzing....</h1>
</div> -->
<iframe src="http://localhost:808" width=1300 height=600></iframe>
</template>
<script>
import Circle9 from 'vue-loading-spinner/src/components/Circle9'
export default {
name: 'plot',
components: {
Circle9
}
}
</script>
<style scoped>
.vue-spinner{
margin: 100px;
width: 50%;
height: 50%;
/*overflow: hidden;*/
}
</style>