60 lines
1.3 KiB
Vue
60 lines
1.3 KiB
Vue
<template>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12 d-flex justify-content-end">
|
|
<button @click.prevent="saveForm" title="" type="button" class="btn btn-outline-primary">
|
|
ثبت
|
|
</button>
|
|
</div>
|
|
<div class="col-12 mt-3">
|
|
<div style="height: calc(100dvh - 8em); overflow-y: auto;">
|
|
<VueEditor
|
|
dir="rtl"
|
|
v-model="editorData"
|
|
:editorOptions="editorOptions"
|
|
class="h-75"
|
|
></VueEditor>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import researchApi from "~/apis/researchApi";
|
|
import { mapActions, mapState } from "pinia";
|
|
import { VueEditor } from "vue2-editor";
|
|
import { useResearchStore } from "../../../stores/researchStore";
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
httpService: undefined,
|
|
editorData: "",
|
|
editorOptions: {
|
|
formats: {
|
|
direction: "rtl",
|
|
align: "right",
|
|
},
|
|
placeholder: "توضیحات...",
|
|
// readOnly: true,
|
|
// theme: "snow",
|
|
},
|
|
};
|
|
},
|
|
computed: {
|
|
...mapState(useResearchStore, ["researchSchemaGetter"]),
|
|
},
|
|
|
|
beforeMount() {
|
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
|
},
|
|
|
|
|
|
|
|
|
|
};
|
|
</script>
|