xieshen
/
desertvegetationcommunitysurveyfrontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

#数据、管理、权限

This commit is contained in:
Bob 2020-03-20 11:12:40 +08:00
parent 1221147554
commit e9539102b0
2 changed files with 36 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/views/data/BarcodesAdd.vue
View File

@ -31,14 +31,16 @@
<el-form-item label="条形码图像编号">
<el-input v-model="form.imagecode" clearable></el-input>
</el-form-item>
<el-form-item label="图片文件">
<el-upload v-model="form.file" class="upload-demo" action="http://127.0.0.1:8000/static/upload/" :on-preview="handlePreview" :on-remove="handleRemove" list-type="picture">
<el-button size="small" type="primary">点击上传</el-button>
<!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件</div>-->
<el-form-item label="图片文件" prop="file">
<el-upload :action='url' ref="upload" :file-list="form.fileList" :limit="1" list-type="picture-card" :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :auto-upload="false" :http-request="uploadOk">
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">立即创建</el-button>
<el-button type="primary" @click="submitUpload">立即创建</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form>
@ -59,13 +61,17 @@ export default {
return {
findingscode: this.$route.query.findingscode,
form: {
fileList: [],
findings: '',
chinesename: '',
latinname: '',
barcode: '',
imagecode: ''
},
findingsList: ''
url: 'http://127.0.0.1:8000/barcodes/upload/',
findingsList: '',
dialogImageUrl: '',
dialogVisible: false
}
},
created () {
@ -75,28 +81,34 @@ export default {
})
},
methods: {
onSubmit () {
submitUpload () {
this.$refs.upload.submit()
},
uploadOk (val) {
var _this = this
console.log(_this.form.file)
axios({
method: 'post',
url: 'http://127.0.0.1:8000/barcodes/add/',
data: {
findings: _this.form.findings,
chinesename: _this.form.chinesename,
latinname: _this.form.latinname,
barcode: _this.form.barcode,
imagecode: _this.form.imagecode
}
}).then(function (response) {
if (response.data.status === '1') {
const fd = new FormData()
console.log(_this.form.findings)
fd.append('file', val.file)
fd.append('findings', _this.form.findings)
fd.append('chinesename', _this.form.chinesename)
fd.append('latinname', _this.form.latinname)
fd.append('barcode', _this.form.barcode)
fd.append('imagecode', _this.form.imagecode)
axios.post(_this.url, fd).then(res => {
console.log(res.data)
if (res.data.status === '1') {
_this.$alert('添加成功')
} else {
console.log('2222222222222222222' + response.data.message)
console.log('2222222222222222222' + res.data.message)
}
// eslint-disable-next-line handle-callback-err
}).catch(
)
})
},
handleRemove (file, fileList) {
console.log(file, fileList)
},
handlePictureCardPreview (file) {
this.dialogImageUrl = file.url
this.dialogVisible = true
}
}
}

22
vue.config.js
View File

@ -1,26 +1,4 @@
module.exports = {
publicPath: process.env.NODE_ENV === 'production' ? './'
: '/'
// outputDir: 'dist',
// assetsDir: 'static',
// devServer: {
// proxy: {
// '/api': {
// target: 'http://210.77.68.250:8081',
// changeOrigin: true,
// ws: true,
// pathRewrite: {
// '^/api': ''
// }
// }
// }
// }
// pages: {
// page1: {
// entry: 'src/pages/page1/main.js',
// template: 'public/page1.html',
// filename: 'page1.html',
// title: 'page1'
// }
// }
}