Revert "增加sqlite数据库的初始化"
This commit is contained in:
@@ -5,29 +5,25 @@
|
||||
<div class="form-card in-three a-fadeinB">
|
||||
<el-form ref="form" :model="form" label-width="100px">
|
||||
<el-form-item label="数据库类型">
|
||||
<el-select v-model="form.sqlType" placeholder="请选择">
|
||||
<el-option key="mysql" label="mysql" value="mysql" />
|
||||
<el-option key="sqlite" label="Sqlite" value="sqlite" />
|
||||
<el-select v-model="form.sqlType" disabled placeholder="请选择">
|
||||
<el-option key="mysql" label="mysql(目前只支持mysql)" value="mysql" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="host" v-if="form.sqlType=='mysql'">
|
||||
<el-form-item label="host">
|
||||
<el-input v-model="form.host" placeholder="请输入数据库链接" />
|
||||
</el-form-item>
|
||||
<el-form-item label="port" v-if="form.sqlType=='mysql'">
|
||||
<el-form-item label="port">
|
||||
<el-input v-model="form.port" placeholder="请输入数据库端口" />
|
||||
</el-form-item>
|
||||
<el-form-item label="userName" v-if="form.sqlType=='mysql'">
|
||||
<el-form-item label="userName">
|
||||
<el-input v-model="form.userName" placeholder="请输入数据库用户名" />
|
||||
</el-form-item>
|
||||
<el-form-item label="password" v-if="form.sqlType=='mysql'">
|
||||
<el-form-item label="password">
|
||||
<el-input
|
||||
v-model="form.password"
|
||||
placeholder="请输入数据库密码(没有则为空)"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="dbPath" v-if="form.sqlType=='sqlite'">
|
||||
<el-input v-model="form.path" placeholder="请输入数据库路径" />
|
||||
</el-form-item>
|
||||
<el-form-item label="dbName">
|
||||
<el-input v-model="form.dbName" placeholder="请输入数据库名称" />
|
||||
</el-form-item>
|
||||
@@ -48,7 +44,6 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
path:'',
|
||||
sqlType: 'mysql',
|
||||
host: '127.0.0.1',
|
||||
port: '3306',
|
||||
|
||||
@@ -6,37 +6,60 @@
|
||||
<el-button @click="copy">复制</el-button>
|
||||
</div>
|
||||
<el-tabs v-model="activeName">
|
||||
<el-tab-pane v-for="(item, key) in previewCode" :key="key" :label="key" :name="key">
|
||||
<div :id="key" class="tab-info" />
|
||||
<el-tab-pane :label="key" :name="key" v-for="(item, key) in previewCode" :key="key">
|
||||
<div class="tab-info" :id="key"></div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import marked from 'marked'
|
||||
import hljs from 'highlight.js'
|
||||
import marked from "marked";
|
||||
import hljs from "highlight.js";
|
||||
// import 'highlight.js/styles/atelier-cave-light.css';
|
||||
import 'highlight.js/styles/atelier-plateau-light.css'
|
||||
import "highlight.js/styles/atelier-plateau-light.css";
|
||||
export default {
|
||||
props: {
|
||||
previewCode: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
return {};
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: ''
|
||||
}
|
||||
activeName: "",
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
selectText() {
|
||||
const element = document.getElementById(this.activeName);
|
||||
if (document.body.createTextRange) {
|
||||
let range = document.body.createTextRange();
|
||||
range.moveToElementText(element);
|
||||
range.select();
|
||||
} else if (window.getSelection) {
|
||||
let selection = window.getSelection();
|
||||
let range = document.createRange();
|
||||
range.selectNodeContents(element);
|
||||
selection.removeAllRanges();
|
||||
selection.addRange(range);
|
||||
} else {
|
||||
alert("none");
|
||||
}
|
||||
},
|
||||
copy() {
|
||||
this.selectText();
|
||||
document.execCommand("copy");
|
||||
this.$message.success("复制成功");
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
marked.setOptions({
|
||||
renderer: new marked.Renderer(),
|
||||
highlight: function(code) {
|
||||
return hljs.highlightAuto(code).value
|
||||
highlight: function (code) {
|
||||
return hljs.highlightAuto(code).value;
|
||||
},
|
||||
pedantic: false,
|
||||
gfm: true,
|
||||
@@ -45,39 +68,16 @@ export default {
|
||||
sanitize: false,
|
||||
smartLists: true,
|
||||
smartypants: false,
|
||||
xhtml: false
|
||||
})
|
||||
xhtml: false,
|
||||
});
|
||||
for (const key in this.previewCode) {
|
||||
if (this.activeName === '') {
|
||||
this.activeName = key
|
||||
if (this.activeName == "") {
|
||||
this.activeName = key;
|
||||
}
|
||||
document.getElementById(key).innerHTML = marked(this.previewCode[key])
|
||||
document.getElementById(key).innerHTML = marked(this.previewCode[key]);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
selectText() {
|
||||
const element = document.getElementById(this.activeName)
|
||||
if (document.body.createTextRange) {
|
||||
const range = document.body.createTextRange()
|
||||
range.moveToElementText(element)
|
||||
range.select()
|
||||
} else if (window.getSelection) {
|
||||
const selection = window.getSelection()
|
||||
const range = document.createRange()
|
||||
range.selectNodeContents(element)
|
||||
selection.removeAllRanges()
|
||||
selection.addRange(range)
|
||||
} else {
|
||||
alert('none')
|
||||
}
|
||||
},
|
||||
copy() {
|
||||
this.selectText()
|
||||
document.execCommand('copy')
|
||||
this.$message.success('复制成功')
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
Reference in New Issue
Block a user