feat: add ci cd files dont edit those files
This commit is contained in:
mahyargdz
@@ -0,0 +1,794 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-news' }">برگشت به صفحه قبل</CButton>
|
||||
<CButton v-if="$route.params.details === 'new'" size="sm" color="success" class="mr-1" @click="post">افزودن
|
||||
</CButton>
|
||||
<CButton v-else size="sm" color="success" class="mr-1" @click="update">بروزرسانی</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol lg="6">
|
||||
<!-- *************** start set category *************** -->
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<h6>
|
||||
قسمت انتخابی
|
||||
<i v-c-tooltip="'شما باید تعیین کنید که این خبر برای کدام قسمت پرتال می باشد'"
|
||||
class="fas fa-question-circle"></i>
|
||||
</h6>
|
||||
<el-select
|
||||
:disabled="$auth.user.portals.length === 1"
|
||||
v-model="news.modelType"
|
||||
placeholder="انتخاب کنید"
|
||||
style="width: 100%;"
|
||||
@change="[clearIDs('catId'),clearIDs('newsFile')]"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in portals"
|
||||
:key="item.value"
|
||||
:label="item.name"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<p
|
||||
style="margin-top : 5px !important ; color : red"
|
||||
class="form-err"
|
||||
v-if="validation.modelType"
|
||||
>
|
||||
{{ validation.modelType.msg }}
|
||||
</p>
|
||||
<template v-if="filterParent">
|
||||
<el-divider/>
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<h6>
|
||||
{{
|
||||
this.$route.params.details !== "new"
|
||||
? "دسته بندی"
|
||||
: "انتخاب دسته بندی"
|
||||
}}
|
||||
</h6>
|
||||
<el-select
|
||||
filterable
|
||||
clearable
|
||||
style="width : 100%"
|
||||
v-model="catId"
|
||||
placeholder="انتخاب دسته بندی"
|
||||
@change="clearIDs('newsFile')"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in filterParent"
|
||||
:key="item._id"
|
||||
:label="item.title"
|
||||
:value="item._id"
|
||||
>
|
||||
<!-- <span>{{setTitle(item)}}</span> -->
|
||||
</el-option>
|
||||
</el-select>
|
||||
<p
|
||||
style="margin-top : 5px !important ; color : red"
|
||||
class="form-err"
|
||||
v-if="validation.catId"
|
||||
>
|
||||
{{ validation.catId.msg }}
|
||||
</p>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</template>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
<!-- *************** end set category ***************** -->
|
||||
<!-- *************** start set details **************** -->
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<CTextarea
|
||||
:class="validation.summaryTitle ? 'err' : null"
|
||||
label="رو تیتر"
|
||||
:description="validation.summaryTitle? validation.summaryTitle.msg: null "
|
||||
v-model="news.summaryTitle"
|
||||
rows="3"
|
||||
/>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<CTextarea
|
||||
:class="validation.title ? 'err' : null"
|
||||
label="تیتر"
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
v-model="news.title"
|
||||
rows="3"
|
||||
/>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<CTextarea
|
||||
:class="validation.leadTitle ? 'err' : null"
|
||||
label="لید"
|
||||
:description="validation.leadTitle? validation.leadTitle.msg: null "
|
||||
v-model="news.leadTitle"
|
||||
rows="3"
|
||||
/>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<CTextarea
|
||||
:class="validation.metaTagDesc ? 'err' : null"
|
||||
label="توضیحات برای موتورهای جست و جو"
|
||||
placeholder="در صورتی که این کادر را خالی بگذارید از متن لید استفاده خواهد شد."
|
||||
:description="validation.metaTagDesc? validation.metaTagDesc.msg: null"
|
||||
v-model="news.metaTagDesc"
|
||||
rows="3"
|
||||
/>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<p>کلمات کلیدی</p>
|
||||
<div>
|
||||
<el-input
|
||||
class="input-new-tag mb-3"
|
||||
v-if="inputVisible"
|
||||
v-model="inputValue"
|
||||
ref="saveTagInput"
|
||||
size="small"
|
||||
@keyup.enter.native="handleInputConfirm"
|
||||
@blur="handleInputConfirm"
|
||||
>
|
||||
</el-input>
|
||||
<el-button
|
||||
v-else
|
||||
class="button-new-tag mb-3"
|
||||
size="small"
|
||||
@click="showInput"
|
||||
>کلمه جدید
|
||||
</el-button
|
||||
>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<el-tag
|
||||
class="ml-1"
|
||||
:key="tag"
|
||||
v-for="tag in news.keywords"
|
||||
closable
|
||||
:disable-transitions="false"
|
||||
@close="handleClose(tag)"
|
||||
>
|
||||
{{ tag }}
|
||||
</el-tag>
|
||||
</div>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
<CRow>
|
||||
<CCol>
|
||||
<CRow>
|
||||
<CCol sm="12" class="mb-3">
|
||||
<template>
|
||||
<client-only>
|
||||
<p>متن خبر</p>
|
||||
<ckeditor
|
||||
v-model="news.pageContent"
|
||||
:config="editorConfig"
|
||||
></ckeditor>
|
||||
<p class="text-danger" v-if="validation.pageContent">
|
||||
{{ validation.pageContent.msg }}
|
||||
</p>
|
||||
</client-only>
|
||||
</template>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
<!-- *************** end set details ****************** -->
|
||||
</CCol>
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CCol sm="12">
|
||||
<el-checkbox
|
||||
v-model="news.publish"
|
||||
label="انتشار خبر"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol sm="12">
|
||||
<el-checkbox
|
||||
v-model="news.showInHome"
|
||||
label="نمایش خبر در صفحه اصلی"
|
||||
/>
|
||||
</CCol>
|
||||
<el-divider></el-divider>
|
||||
<!-- <CCol sm="12">
|
||||
<el-checkbox
|
||||
v-model="news.slider"
|
||||
label="قرار گرفتن خبر در اسلایدر صفحه اصلی"
|
||||
/>
|
||||
</CCol> -->
|
||||
<!-- <el-divider></el-divider> -->
|
||||
<CCol sm="12">
|
||||
<el-checkbox
|
||||
v-model="news.priority"
|
||||
label="نمایش خبر در بالای صفحه ی دسته بندی"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol sm="12">
|
||||
<el-checkbox
|
||||
v-model="news.allowComment"
|
||||
label="اجازه کامنت گذاشتن برای این خبر"
|
||||
/>
|
||||
</CCol>
|
||||
<el-divider></el-divider>
|
||||
<CCol sm="12">
|
||||
<el-checkbox
|
||||
v-model="news.special"
|
||||
label="نمایش در قسمت مطالب ویژه"
|
||||
/>
|
||||
</CCol>
|
||||
<CCol sm="12">
|
||||
<el-checkbox
|
||||
v-model="news.notifications"
|
||||
label="قرار گرفتن در بخش اطلاعیه ها"
|
||||
/>
|
||||
</CCol>
|
||||
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CCol sm="12">
|
||||
<h6>
|
||||
انتخاب موضوع پرونده خبری
|
||||
<i
|
||||
v-c-tooltip="
|
||||
'شما می توانید در صورت تمایل این خبر را در یکی از موضوعات پرونده های خبری قرار دهید'
|
||||
"
|
||||
class="fas fa-question-circle"
|
||||
></i>
|
||||
</h6>
|
||||
<el-select
|
||||
v-model="news.newsFileId"
|
||||
placeholder="انتخاب کنید"
|
||||
style="width: 100%;"
|
||||
filterable
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in filteredSetNewsFile"
|
||||
:key="item._id"
|
||||
:label="item.title"
|
||||
:value="item._id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<p
|
||||
style="margin-top : 5px !important ; color : red"
|
||||
class="form-err"
|
||||
v-if="validation.newsFileId"
|
||||
>
|
||||
{{ validation.newsFileId.msg }}
|
||||
</p>
|
||||
</CCol>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
<CCard v-if="$route.params.details !=='new'">
|
||||
<CCardBody>
|
||||
<CCol sm="12">
|
||||
<h6>
|
||||
تغییر زمان ثبت خبر
|
||||
</h6>
|
||||
<date-picker clearable input-format="YYYY-MM-DD HH:mm" format="YYYY-MM-DD HH:mm" display-format="jYYYY/jMM/jDD HH:mm"
|
||||
v-model="news.customDate" type="datetime"/>
|
||||
<p
|
||||
style="margin-top : 5px !important ; color : red"
|
||||
class="form-err"
|
||||
v-if="validation.customDate"
|
||||
>
|
||||
{{ validation.customDate.msg }}
|
||||
</p>
|
||||
</CCol>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<p style="font-weight: bold; color: red;">*در صورتی که عکس خبر وارد نشده باشد خبر در حالت ناقص قرار می گیرد</p>
|
||||
<CCol sm="12">
|
||||
<h4>عکس خبر هنگام نمایش در لیست اخبار</h4>
|
||||
<el-divider/>
|
||||
<CCol>
|
||||
<img :src="news.thumbCover" style="width: 100%;" alt=""/>
|
||||
</CCol>
|
||||
<input type="file" ref="thumbCover" @change="imagePreview2"/>
|
||||
<p style="margin-top: 5px !important;" class="form-err text-danger" v-if="validation.thumbCover">
|
||||
{{ validation.thumbCover.msg }}</p>
|
||||
<p class="mt-3 text-muted">
|
||||
عکس 300*600 باشد. در غیر این صورت اتوماتیک بریده می شود.
|
||||
</p>
|
||||
</CCol>
|
||||
<CCol sm="12">
|
||||
<h4>کاور اصلی خبر</h4>
|
||||
<el-divider/>
|
||||
<CCol>
|
||||
<img :src="news.cover" style="width: 100%;" alt=""/>
|
||||
</CCol>
|
||||
<input type="file" ref="cover" @change="imagePreview"/>
|
||||
<p style="margin-top: 5px !important;" class="form-err text-danger" v-if="validation.cover">
|
||||
{{ validation.cover.msg }}</p>
|
||||
<p class="mt-3 text-muted">
|
||||
عکس 1080*1920 باشد. در غیر این صورت اتوماتیک بریده می شود.
|
||||
</p>
|
||||
</CCol>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol sm="12" v-if="$route.params.details !== 'new'">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol sm="6">
|
||||
<h2>لیست فایل های ضمیمه</h2>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="news.attachments">
|
||||
|
||||
<el-table-column
|
||||
type="index"
|
||||
label="#"
|
||||
>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="فایل"
|
||||
width=""
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a :href="scope.row.file" target="_blank">{{ scope.row.title }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column
|
||||
label="ویرایش"
|
||||
width="75"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<CButton color="danger" variant="outline" @click="deleteFile(scope.row._id)">
|
||||
<i class="far fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</CCol>
|
||||
<CCol sm="6">
|
||||
<h2>افزودن فایل ضمیمه</h2>
|
||||
<el-divider></el-divider>
|
||||
<input type="file" ref="attFile"/>
|
||||
<p class="text-danger" v-if="validation.file">{{ validation.file.msg }}</p>
|
||||
<br>
|
||||
<br>
|
||||
<input type="text" ref="attTitle" placeholder="عنوان فایل را بنویسید" style="width: 300px;"/>
|
||||
<p class="text-danger" v-if="validation.attTitle">{{ validation.attTitle.msg }}</p>
|
||||
<br>
|
||||
<br>
|
||||
<el-button size="small" type="success" @click="addFile">افزودن</el-button>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axiosUploadProcess from "@/mixins/axiosUploadProcess"
|
||||
import moment from "moment-jalaali";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
news: null,
|
||||
typePage: true,
|
||||
inputVisible: false,
|
||||
inputValue: "",
|
||||
validation: {},
|
||||
newsFile: [],
|
||||
editorConfig: {
|
||||
language: "en",
|
||||
extraPlugins: ["bidi", "justify"],
|
||||
versionCheck:false
|
||||
},
|
||||
parents: null,
|
||||
portals: null
|
||||
}
|
||||
},
|
||||
mixins: [axiosUploadProcess],
|
||||
computed: {
|
||||
title() {
|
||||
return this.$route.params.details === "new"
|
||||
? "افزودن خبر جدید"
|
||||
: "مشاهده جزئیات خبر";
|
||||
},
|
||||
catId: {
|
||||
get() {
|
||||
if (this.$route.params.details === 'new') return this.news.catId
|
||||
else return this.news.catId._id
|
||||
},
|
||||
set(value) {
|
||||
if (this.$route.params.details === 'new') this.news.catId = value
|
||||
else this.news.catId._id = value
|
||||
}
|
||||
},
|
||||
filterParent() {
|
||||
return this.parents.filter(item => item.modelType === this.news.modelType)
|
||||
},
|
||||
filteredSetNewsFile() {
|
||||
return this.newsFile.filter(item => item.modelType === this.news.modelType && (this.$route.params.details === 'new' ? item.catId === this.news.catId : item.catId === this.news.catId._id))
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
jDate(date) {
|
||||
return moment(date);
|
||||
},
|
||||
handleClose(tag) {
|
||||
this.news.keywords.splice(this.news.keywords.indexOf(tag), 1);
|
||||
},
|
||||
showInput() {
|
||||
this.inputVisible = true;
|
||||
this.$nextTick((_) => {
|
||||
this.$refs.saveTagInput.$refs.input.focus();
|
||||
});
|
||||
},
|
||||
handleInputConfirm() {
|
||||
let inputValue = this.inputValue;
|
||||
if (inputValue) {
|
||||
this.news.keywords.push(inputValue);
|
||||
}
|
||||
this.inputVisible = false;
|
||||
this.inputValue = "";
|
||||
},
|
||||
clearIDs(mode) {
|
||||
if (mode === 'catId') this.catId = ''
|
||||
if (mode === 'newsFile') this.news.newsFileId = ''
|
||||
},
|
||||
imagePreview(e) {
|
||||
this.news.cover = URL.createObjectURL(e.target.files[0]);
|
||||
},
|
||||
imagePreview2(e) {
|
||||
this.news.thumbCover = URL.createObjectURL(e.target.files[0]);
|
||||
},
|
||||
post() {
|
||||
this.validation = {};
|
||||
const data = new FormData();
|
||||
data.append("title", this.news?.title?.trim());
|
||||
data.append("summaryTitle", this.news?.summaryTitle?.trim());
|
||||
data.append("leadTitle", this.news?.leadTitle?.trim());
|
||||
data.append("catId", this.catId);
|
||||
data.append("priority", this.news.priority);
|
||||
data.append("allowComment", this.news.allowComment);
|
||||
data.append("showInHome", this.news.showInHome);
|
||||
// data.append("slider", this.news.slider);
|
||||
data.append("publish", this.news.publish);
|
||||
data.append("pageContent", this.news.pageContent);
|
||||
data.append("special", this.news.special);
|
||||
data.append("notifications", this.news.notifications);
|
||||
data.append("keywords", JSON.stringify(this.news.keywords));
|
||||
data.append("metaTagDesc", this.news?.metaTagDesc || this.news?.leadTitle);
|
||||
data.append("modelType", this.news.modelType);
|
||||
if (this.news.newsFileId) {
|
||||
data.append("newsFileId", this.news.newsFileId);
|
||||
}
|
||||
if (this.$refs.cover.files[0]) data.append("cover", this.$refs.cover.files[0]);
|
||||
if (this.$refs.thumbCover.files[0]) data.append("thumbCover", this.$refs.thumbCover.files[0]);
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/news`, data, this.axiosConfig)
|
||||
.then((response) => {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "خبر با موفقیت ایجاد شد.",
|
||||
});
|
||||
this.$router.push({
|
||||
name: "admin-news",
|
||||
});
|
||||
})
|
||||
.catch((err) => {
|
||||
if (err.response.status === 401) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "لطفا دوباره وارد سیستم شوید.",
|
||||
});
|
||||
}
|
||||
if (err.response.status === 403) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: err.response.data.message,
|
||||
});
|
||||
}
|
||||
if (err.response.status === 500) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "مشکلی در ارسال درخواست پیش آمده",
|
||||
});
|
||||
}
|
||||
if (err.response.status === 422) {
|
||||
this.validation = err.response.data.validation;
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'پارامتر هارو بررسی کنید'
|
||||
})
|
||||
} else console.log(err.response.data);
|
||||
});
|
||||
},
|
||||
update() {
|
||||
this.validation = {};
|
||||
|
||||
const data = new FormData();
|
||||
data.append("title", this.news.title.trim());
|
||||
data.append("summaryTitle", this.news.summaryTitle.trim());
|
||||
data.append("leadTitle", this.news.leadTitle.trim());
|
||||
data.append("catId", this.catId);
|
||||
data.append("priority", this.news.priority);
|
||||
data.append("allowComment", this.news.allowComment);
|
||||
data.append("showInHome", this.news.showInHome);
|
||||
// data.append("slider", this.news.slider);
|
||||
data.append("publish", this.news.publish);
|
||||
data.append("pageContent", this.news.pageContent);
|
||||
data.append("special", this.news.special);
|
||||
data.append("notifications", this.news.notifications);
|
||||
data.append("keywords", JSON.stringify(this.news.keywords));
|
||||
data.append("metaTagDesc", this.news.metaTagDesc || this.news.leadTitle);
|
||||
data.append("modelType", this.news.modelType);
|
||||
data.append("customDate", this.news.customDate);
|
||||
|
||||
if (this.news.newsFileId) {
|
||||
data.append("newsFileId", this.news.newsFileId);
|
||||
}
|
||||
if (this.$refs.cover.files[0]) data.append("cover", this.$refs.cover.files[0]);
|
||||
if (this.$refs.thumbCover.files[0]) data.append("thumbCover", this.$refs.thumbCover.files[0]);
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/news/${this.news._id}`, data, this.axiosConfig)
|
||||
.then((response) => {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "اطلاعات بروزرسانی شد.",
|
||||
});
|
||||
this.$nuxt.refresh();
|
||||
this.$refs.cover.value = null
|
||||
this.$refs.thumbCover.value = null
|
||||
})
|
||||
.catch((err) => {
|
||||
if (err.response.status === 401) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "لطفا دوباره وارد سیستم شوید.",
|
||||
});
|
||||
}
|
||||
if (err.response.status === 403) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: err.response.data.message,
|
||||
});
|
||||
}
|
||||
if (err.response.status === 500) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "مشکلی در ارسال درخواست پیش آمده",
|
||||
});
|
||||
}
|
||||
if (err.response.status === 422) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'پارامترها رو بررسی کنید'
|
||||
})
|
||||
this.validation = err.response.data.validation;
|
||||
} else console.log(err.response.data);
|
||||
});
|
||||
},
|
||||
addFile() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('file', this.$refs.attFile.files[0])
|
||||
data.append('attTitle', this.$refs.attTitle.value)
|
||||
|
||||
this.$axios.post(`/api/admin/news/attachments/${this.news._id}`, data, this.axiosConfig)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'فایل با موفقیت اضافه شد'
|
||||
})
|
||||
this.$refs.attFile.value = null
|
||||
this.$refs.attTitle.value = null
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.status === 401) {
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: 'لطفا دوباره وارد سیستم شوید.'
|
||||
})
|
||||
}
|
||||
if (err.response.status === 403) {
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
}
|
||||
if (err.response.status === 500) {
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در ارسال درخواست پیش آمده'
|
||||
})
|
||||
}
|
||||
if (err.response.status === 422) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'پارامترها را بررسی کنید'
|
||||
})
|
||||
this.validation = err.response.data.validation
|
||||
} else console.log(err.response.data);
|
||||
})
|
||||
},
|
||||
deleteFile(id) {
|
||||
this.$confirm('فایل حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(async () => {
|
||||
this.$axios.delete(`/api/admin/news/attachments/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'فایل با موفقیت حذف شد'
|
||||
})
|
||||
this.news.attachments = this.news.attachments.filter(item => item._id !== id)
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.status === 401) {
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: 'لطفا دوباره وارد سیستم شوید.'
|
||||
})
|
||||
}
|
||||
if (err.response.status === 403) {
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
}
|
||||
if (err.response.status === 422) {
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
}
|
||||
console.log(err.response.data)
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title,
|
||||
};
|
||||
},
|
||||
layout: "admin",
|
||||
async asyncData({$axios, $auth, params, query, error}) {
|
||||
try {
|
||||
|
||||
const requests = [
|
||||
$axios.get("/api/admin/category/getParent", {
|
||||
params: {
|
||||
type: "news",
|
||||
},
|
||||
}),
|
||||
$axios.get("/api/admin/portals", {progress: false}),
|
||||
$axios.get(`/api/admin/newsFile`, {progress: false})
|
||||
];
|
||||
|
||||
const fetch = await Promise.all(requests);
|
||||
|
||||
let [parents, portals, newsFile] = fetch;
|
||||
|
||||
const setModelType = $auth.user.portals.length !== 1 ? $auth.user.portals : $auth.user.portals[0];
|
||||
|
||||
// const setFilterParent =
|
||||
// $auth.user.portals.length !== 1
|
||||
// ? null
|
||||
// : parents.data.filter(
|
||||
// (item) => item.modelType === $auth.user.portals[0]
|
||||
// );
|
||||
|
||||
|
||||
if (params.details !== "new") {
|
||||
const news = await $axios.get(`/api/admin/news/${params.details}`);
|
||||
|
||||
return {
|
||||
portals: portals.data,
|
||||
parents: parents.data,
|
||||
news: news.data,
|
||||
// filterParent: parents.data,
|
||||
newsFile: newsFile.data
|
||||
};
|
||||
} else {
|
||||
return {
|
||||
portals: portals.data,
|
||||
parents: parents.data,
|
||||
// filterParent: parents.data,
|
||||
newsFile: newsFile.data,
|
||||
news: {
|
||||
title: '',
|
||||
summaryTitle: '',
|
||||
leadTitle: '',
|
||||
catId: $auth.user.specialPermissions,
|
||||
allowComment: false,
|
||||
// slider: false,
|
||||
priority: false,
|
||||
showInHome: true,
|
||||
siteMap: true,
|
||||
special: false,
|
||||
publish: true,
|
||||
notifications: false,
|
||||
pageContent: '',
|
||||
keywords: [],
|
||||
metaTagDesc: '',
|
||||
newsStatus: false,
|
||||
modelType: setModelType,
|
||||
newsFileId: ''
|
||||
},
|
||||
};
|
||||
}
|
||||
} catch (e) {
|
||||
console.log(e)
|
||||
if (e?.response?.status === 401) {
|
||||
error({
|
||||
status: 401,
|
||||
message: "لطفا دوباره وارد سیستم شوید.",
|
||||
});
|
||||
}
|
||||
if (e?.response?.status === 403) {
|
||||
error({
|
||||
status: 403,
|
||||
message: e?.response?.data?.message,
|
||||
});
|
||||
}
|
||||
if (e?.response?.status === 500) {
|
||||
error({
|
||||
status: 500,
|
||||
message: "مشکلی در گرفتن اطلاعات پیش آمده",
|
||||
});
|
||||
} else
|
||||
error({
|
||||
status: 404,
|
||||
message: "خبر مورد نظر پیدا نشد",
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@@ -0,0 +1,490 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-news-details', params: { details: 'new' } }"
|
||||
class="mr-auto">افزودن
|
||||
</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<i class="fal fa-filter"></i>
|
||||
<span style="color:#000">فیلتر</span>
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol md="6">
|
||||
<CRow style="flex-direction : column;">
|
||||
<CCol class="mt-3">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>تیتر</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<el-input style="width : 100%" placeholder="" v-model="search.term"></el-input>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
<CCol class="mt-3">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>دسته بندی</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<el-select filterable clearable style="width : 100%" v-model="search.catId"
|
||||
placeholder="انتخاب دسته بندی">
|
||||
<el-option v-for="item in parents" :key="item._id" :label="item.title" :value="item._id">
|
||||
<!-- <span>{{setTitle(item)}}</span> -->
|
||||
</el-option>
|
||||
</el-select>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
<CCol class="mt-3">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>پرونده خبری</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<el-select filterable clearable style="width : 100%" v-model="search.newsFile">
|
||||
<el-option v-for="item in newsFile" :key="item._id" :label="item.title" :value="item._id">
|
||||
<!-- <span>{{setTitle(item)}}</span> -->
|
||||
</el-option>
|
||||
</el-select>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
<CCol class="mt-3">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>وضعیت انتشار</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<el-select v-model="search.publish" clearable style="width : 100%">
|
||||
<el-option :key="true" label="منتشر شده" :value="true">
|
||||
</el-option>
|
||||
<el-option :key="false" label="منتشر نشده" :value="false">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
<CCol class="mt-3">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>تاریخ</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<date-picker range clearable format="YYYY-MM-DD" display-format="jMMMM jD"
|
||||
v-model="search.date"></date-picker>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
|
||||
<CCol md="6">
|
||||
<CRow style="flex-direction : column;">
|
||||
<CCol class="mt-3">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>قسمت</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<el-select v-model="search.portals" clearable style="width : 100%">
|
||||
<el-option v-for="item in portals" :key="item.value" :label="item.name" :value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
<CCol class="mt-3">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>وضعیت خبر</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<el-select v-model="search.status" clearable style="width : 100%">
|
||||
<el-option :key="true" label="کامل" :value="true">
|
||||
</el-option>
|
||||
<el-option :key="false" label="ناقص" :value="false">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
<CCol class="mt-3">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>اطلاعیه ها</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<el-select v-model="search.notifications" clearable style="width : 100%">
|
||||
<el-option :key="true" label="بله" :value="true">
|
||||
</el-option>
|
||||
<el-option :key="false" label="خیر" :value="false">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
<CCol class="mt-3">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>مطالب ویژه</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<el-select v-model="search.special" clearable style="width : 100%">
|
||||
<el-option :key="true" label="بله" :value="true">
|
||||
</el-option>
|
||||
<el-option :key="false" label="خیر" :value="false">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
<CCol class="mt-3" v-if="$auth.user.permissions.includes('superAdmin')">
|
||||
<CRow style="align-items: baseline;">
|
||||
<CCol col="md-3" class="mb-2">
|
||||
<span>نمایش در صفحه اصلی</span>
|
||||
</CCol>
|
||||
<CCol col="md-9">
|
||||
<el-select v-model="search.showInHome" clearable style="width : 100%">
|
||||
<el-option :key="true" label="بله" :value="true">
|
||||
</el-option>
|
||||
<el-option :key="false" label="خیر" :value="false">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
</CRow>
|
||||
<CRow>
|
||||
<el-button :loading="loading" @click="handleSearch" size="small"
|
||||
style="width: auto;margin: 25px auto auto auto;" type="primary"
|
||||
icon="el-icon-search">
|
||||
جست و جو
|
||||
</el-button>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<i class="fal fa-bars"></i>
|
||||
<span>{{ list_title }}</span>
|
||||
</slot>
|
||||
<slot></slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table v-loading="loading" :data="news.docs" :default-sort="{ prop: 'date', order: 'descending' }"
|
||||
style="width: 100%">
|
||||
<el-table-column type="index" label="#" :index="1"></el-table-column>
|
||||
|
||||
<!-- <el-table-column
|
||||
label="کاور خبر"
|
||||
width="200">
|
||||
<template slot-scope="scope">
|
||||
<img :src="scope.row.cover || '/img/avatar.png'" style="width: 200px;" :alt="scope.row.title">
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
|
||||
<el-table-column label="تیتر" width="180px">
|
||||
<template slot-scope="scope">
|
||||
<span class="title">
|
||||
<el-popover placement="top-end" trigger="hover" :content="scope.row.title">
|
||||
<i class="el-icon-info" slot="reference"></i>
|
||||
</el-popover>
|
||||
{{ scope.row.title }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="نویسنده">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="!$auth.user.permissions.includes('superAdmin')">{{
|
||||
scope.row._creator.firstName + " " + scope.row._creator.lastName
|
||||
}}</span>
|
||||
<nuxt-link v-else :to="{
|
||||
name: 'admin-users-profile',
|
||||
params: { profile: scope.row._creator._id },
|
||||
}"><span style="color: blue;">{{
|
||||
scope.row._creator.firstName +
|
||||
" " +
|
||||
scope.row._creator.lastName
|
||||
}}</span></nuxt-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="catId.title" label="دسته بندی" width="">
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- <span>{{ scope.row.catId.title }}</span>-->
|
||||
<!-- </template>-->
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="وضعیت خبر" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.newsStatus ? 'success' : 'danger'">{{
|
||||
scope.row.newsStatus ? "کامل" : "ناقص"
|
||||
}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="وضعیت انتشار" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.publish ? 'primary' : 'danger'">{{
|
||||
scope.row.publish ? "منتشر شده" : "منتشر نشده"
|
||||
}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column v-if="$auth.user.permissions.includes('superAdmin')" label="نمایش در صفحه اصلی" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.showInHome ? 'primary' : 'danger'">{{
|
||||
scope.row.showInHome ? "بله" : "خیر"
|
||||
}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="بخش" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="'primary'">{{ getModelName(scope.row.modelType) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="تعداد بازدید" width="">
|
||||
<template slot-scope="scope">
|
||||
<span>{{scope.row.userViews}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ ایجاد" width="">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ jDate(scope.row.created_at) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="110" align="center">
|
||||
<template slot-scope="scope">
|
||||
<CButton color="danger" variant="outline" :key="scope.row._id + Math.random()"
|
||||
@click="deleteNews(scope.row._id)">
|
||||
<i class="far fa-trash-alt"></i>
|
||||
</CButton>
|
||||
<CButton color="success" variant="outline" :key="scope.row._id" :to="{
|
||||
name: 'admin-news-details',
|
||||
params: { details: scope.row._id },
|
||||
}">
|
||||
<i class="far fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
<CCard class="col" v-if="news.totalDocs>5">
|
||||
<CRow alignHorizontal="center" style="padding : 10px">
|
||||
<el-pagination
|
||||
:hide-on-single-page="true"
|
||||
layout="prev, pager, next"
|
||||
:page-size="news.limit"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page.sync="news.page"
|
||||
:total="news.totalDocs"
|
||||
>
|
||||
</el-pagination>
|
||||
</CRow>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import moment from "moment-jalaali";
|
||||
|
||||
const _ = require('lodash');
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
title: "لیست اخبار",
|
||||
list_title: "لیست",
|
||||
portals: [],
|
||||
filterParent: null,
|
||||
news: null,
|
||||
search: {},
|
||||
newsFile: [],
|
||||
loading: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
pageQuery() {
|
||||
return this.$route.query.page;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
pageQuery(newPage, oldPage) {
|
||||
this.$nuxt.refresh();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getModelName(value) {
|
||||
/** get name of portal */
|
||||
// for (const item of news.data.docs) {
|
||||
// item.modelType = portals.data.filter((value) => value.value === item.modelType)[0].name;
|
||||
// }
|
||||
return this.portals.find(item => item.value === value).name
|
||||
},
|
||||
jDate(date) {
|
||||
return moment(date).format("jYYYY/jMM/jDD");
|
||||
},
|
||||
handleCurrentChange(page) {
|
||||
if (!_.isEmpty(this.search)) {
|
||||
this.handleSearch(page);
|
||||
} else {
|
||||
this.$router.push({
|
||||
name: "admin-news",
|
||||
query: {
|
||||
page: page
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
handleSearch(page) {
|
||||
this.loading = true;
|
||||
|
||||
const data = {
|
||||
term: this.search.term,
|
||||
catId: this.search.catId,
|
||||
status: this.search.status,
|
||||
showInHome: this.search.showInHome,
|
||||
portals: this.search.portals,
|
||||
publish: this.search.publish,
|
||||
notifications: this.search.notifications,
|
||||
special: this.search.special,
|
||||
newsFile: this.search.newsFile,
|
||||
date: this.search.date,
|
||||
}
|
||||
|
||||
this.$axios.post(`/api/admin/news/search?page=${page}`, data, this.axiosConfig)
|
||||
.then((result) => {
|
||||
|
||||
/** get name of portal */
|
||||
// for (const item of result.data.docs) {
|
||||
// item.modelType = this.portals.filter((value) => value.value === item.modelType)[0].name;
|
||||
// }
|
||||
|
||||
this.news = result.data;
|
||||
this.loading = false;
|
||||
})
|
||||
.catch(err => {
|
||||
this.loading = false;
|
||||
if (err.response.status === 401) {
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: 'لطفا دوباره وارد سیستم شوید.'
|
||||
})
|
||||
}
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else console.log(err.response.data)
|
||||
})
|
||||
},
|
||||
deleteNews(id) {
|
||||
this.$confirm("خبر حذف شود؟", "هشدار", {
|
||||
confirmButtonText: "بله",
|
||||
cancelButtonText: "لغو",
|
||||
type: "warning",
|
||||
})
|
||||
.then(async () => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/news/${id}`)
|
||||
.then((res) => {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "خبر با موفقیت حذف شد",
|
||||
});
|
||||
this.$nuxt.refresh();
|
||||
})
|
||||
.catch((err) => {
|
||||
if (err.response.status === 401) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "لطفا دوباره وارد سیستم شوید.",
|
||||
});
|
||||
}
|
||||
if (err.response.status === 403) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: err.response.data.message,
|
||||
});
|
||||
}
|
||||
if (err.response.status === 422) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: err.response.data.message,
|
||||
});
|
||||
}
|
||||
console.log(err.response.data);
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "عملیات لغو شد",
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title,
|
||||
};
|
||||
},
|
||||
layout: "admin",
|
||||
async asyncData({$axios, query, error}) {
|
||||
try {
|
||||
const requests = [
|
||||
$axios.get(`/api/admin/news?page=${query.page}`, { progress: false }),
|
||||
$axios.get(`/api/admin/portals` ,{ progress: false }),
|
||||
$axios.get("/api/admin/newsFile" ,{ progress: false }),
|
||||
$axios.get("/api/admin/category/getParent", {
|
||||
params: {
|
||||
type: "news",
|
||||
},
|
||||
})
|
||||
];
|
||||
|
||||
const fetch = await Promise.all(requests);
|
||||
|
||||
let [news, portals, newsFile , parents] = fetch;
|
||||
|
||||
return {
|
||||
portals: portals.data,
|
||||
parents: parents.data,
|
||||
news: news.data,
|
||||
newsFile: newsFile.data
|
||||
};
|
||||
} catch (e) {
|
||||
console.log(e);
|
||||
if (e?.response?.status === 401) {
|
||||
error({
|
||||
status: 401,
|
||||
message: 'شما اجازه دسترسی به این صفحه را ندارید'
|
||||
})
|
||||
} else {
|
||||
error({
|
||||
status: 500,
|
||||
message: "مشکلی در گرفتن اطلاعات بوجود آمده است",
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user