Revert "增加sqlite数据库的初始化"

This commit is contained in:
奇淼(piexlmax
2021-06-11 11:14:17 +08:00
committed by GitHub
parent 8ec0eb5166
commit 6bf4a9943c
9 changed files with 100 additions and 207 deletions
+6 -11
View File
@@ -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">