术习电报 / electron-vue-template

转到一个项目
切换导航栏
切换导航栏固定状态
张恒
f01a9ccf 1 个父辈 3a7fef6d

添加一个富文本编辑器，以及mock地址

内嵌 并排
正在显示 5 个修改的文件 包含 77 行增加 和 72 行删除
module.exports = {
NODE_ENV: '"development"',
BASE_API: '""'
BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"'
}
......
module.exports = {
NODE_ENV: '"production"',
BASE_API: '""'
BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"'
}
......
'use strict'
import { app } from 'electron'
import '../renderer/store'
import initWindow from './services/windowManager'
import path from 'path'
......
......@@ -31,8 +31,7 @@
</template>
<script>
// import { getToken } from 'api/qiniu'
import { checkPic } from "@util/picUtil.js";
export default {
name: "EditorSlideUpload",
......@@ -94,41 +93,41 @@ export default {
}
},
beforeUpload(file) {
const _self = this;
const _URL = window.URL || window.webkitURL;
const fileName = file.uid;
this.listObj[fileName] = {};
return new Promise((resolve, reject) => {
let Sync = async () => {
try {
let picKey = await checkPic(file, this.fileList.length, 1);
if (picKey) {
let token = await this.getRequest(
"/qiniu/serveGetQiniuUpToken?key=" + picKey
);
console.log("picKey---", picKey, token);
this.picPostData = token;
const img = new Image();
img.src = _URL.createObjectURL(file);
img.onload = function() {
_self.listObj[fileName] = {
hasSuccess: false,
uid: file.uid,
width: this.width,
height: this.height
};
};
resolve(true);
} else {
reject(false);
this.listObj = {};
}
} catch (error) {
reject(false);
}
};
Sync();
});
// const _self = this;
// const _URL = window.URL || window.webkitURL;
// const fileName = file.uid;
// this.listObj[fileName] = {};
// return new Promise((resolve, reject) => {
// let Sync = async () => {
// try {
// let picKey = await checkPic(file, this.fileList.length, 1);
// if (picKey) {
// let token = await this.getRequest(
// "/qiniu/serveGetQiniuUpToken?key=" + picKey
// );
// console.log("picKey---", picKey, token);
// this.picPostData = token;
// const img = new Image();
// img.src = _URL.createObjectURL(file);
// img.onload = function() {
// _self.listObj[fileName] = {
// hasSuccess: false,
// uid: file.uid,
// width: this.width,
// height: this.height
// };
// };
// resolve(true);
// } else {
// reject(false);
// this.listObj = {};
// }
// } catch (error) {
// reject(false);
// }
// };
// Sync();
// });
}
}
};
......
<template>
<div class="app-container">
<el-form ref="form" :model="form" label-width="120px">
<el-form-item label="Activity name">
<el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="Activity zone">
<el-select v-model="form.region" placeholder="please select your zone">
<el-option label="Zone one" value="shanghai"></el-option>
<el-option label="Zone two" value="beijing"></el-option>
<el-form-item label="活动地点">
<el-select v-model="form.region" placeholder="请选择活动地点">
<el-option label="上海" value="上海"></el-option>
<el-option label="北京" value="北京"></el-option>
</el-select>
</el-form-item>
<el-form-item label="Activity time">
<el-form-item label="活动时间">
<el-col :span="11">
<el-date-picker type="date" placeholder="Pick a date" v-model="form.date1" style="width: 100%;"></el-date-picker>
<el-date-picker type="date" placeholder="选择时间" v-model="form.date1" style="width: 100%;"></el-date-picker>
</el-col>
<el-col class="line" :span="2">-</el-col>
<el-col :span="11">
<el-time-picker type="fixed-time" placeholder="Pick a time" v-model="form.date2" style="width: 100%;"></el-time-picker>
<el-time-picker
type="fixed-time"
placeholder="选择时间"
v-model="form.date2"
style="width: 100%;"
></el-time-picker>
</el-col>
</el-form-item>
<el-form-item label="Instant delivery">
<el-form-item label="即时交付">
<el-switch v-model="form.delivery"></el-switch>
</el-form-item>
<el-form-item label="Activity type">
<el-form-item label="额外选项">
<el-checkbox-group v-model="form.type">
<el-checkbox label="Online activities" name="type"></el-checkbox>
<el-checkbox label="Promotion activities" name="type"></el-checkbox>
<el-checkbox label="Offline activities" name="type"></el-checkbox>
<el-checkbox label="Simple brand exposure" name="type"></el-checkbox>
<el-checkbox label="在线活动" name="type"></el-checkbox>
<el-checkbox label="促销活动" name="type"></el-checkbox>
<el-checkbox label="线下活动" name="type"></el-checkbox>
<el-checkbox label="发布会活动" name="type"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="Resources">
<el-form-item label="资源选项">
<el-radio-group v-model="form.resource">
<el-radio label="Sponsor"></el-radio>
<el-radio label="Venue"></el-radio>
<el-radio label="需要赞助商"></el-radio>
<el-radio label="不需要赞助商"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="Activity form">
<el-input type="textarea" v-model="form.desc"></el-input>
<el-form-item label="活动详情">
<tinymce v-model="form.desc" :height="300" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">Create</el-button>
......@@ -48,37 +53,39 @@
</template>
<script>
import Tinymce from "@/components/Tinymce";
export default {
components: { Tinymce },
data() {
return {
form: {
name: '',
region: '',
date1: '',
date2: '',
name: "",
region: "",
date1: "",
date2: "",
delivery: false,
type: [],
resource: '',
desc: ''
resource: "",
desc: ""
}
}
};
},
methods: {
onSubmit() {
this.$message('submit!')
this.$message("submit!");
},
onCancel() {
this.$message({
message: 'cancel!',
type: 'warning'
})
message: "cancel!",
type: "warning"
});
}
}
}
};
</script>
<style scoped>
.line{
.line {
text-align: center;
}
</style>
......