1.后台增加期刊的字段,新增,编辑
This commit is contained in:
parent
be7c359f6c
commit
9790c4680c
@ -6,7 +6,7 @@ VITE_LOGIN_TITLE = '今日固始电子版 管理平台'
|
|||||||
VITE_LOGIN_EN_TITLE = 'GuShi Platform'
|
VITE_LOGIN_EN_TITLE = 'GuShi Platform'
|
||||||
VITE_WEB_BASE_API = '/api'
|
VITE_WEB_BASE_API = '/api'
|
||||||
# 本地Mock地址
|
# 本地Mock地址
|
||||||
VITE_SERVER = 'https://democs.gushitv.com/'
|
VITE_SERVER = 'https://jinrigushitwo.gushitv.com/'
|
||||||
# 路由模式[哈希模式 AND WEB模式 [hash | history, 这两个模式是固定死的,不能乱改值]
|
# 路由模式[哈希模式 AND WEB模式 [hash | history, 这两个模式是固定死的,不能乱改值]
|
||||||
VITE_ROUTER_MODE = hash
|
VITE_ROUTER_MODE = hash
|
||||||
# 是否使用全部去除console和debugger
|
# 是否使用全部去除console和debugger
|
||||||
|
@ -6,7 +6,7 @@ VITE_LOGIN_TITLE = '今日固始电子版 管理平台'
|
|||||||
VITE_LOGIN_EN_TITLE = 'GuShi Platform'
|
VITE_LOGIN_EN_TITLE = 'GuShi Platform'
|
||||||
VITE_WEB_BASE_API = ''
|
VITE_WEB_BASE_API = ''
|
||||||
# 后端接口地址
|
# 后端接口地址
|
||||||
VITE_SERVER = 'https://democs.gushitv.com/'
|
VITE_SERVER = 'https://jinrigushitwo.gushitv.com/'
|
||||||
# 路由模式[哈希模式 AND WEB模式 [hash | history, 这两个模式是固定死的,不能乱改值]
|
# 路由模式[哈希模式 AND WEB模式 [hash | history, 这两个模式是固定死的,不能乱改值]
|
||||||
VITE_ROUTER_MODE = hash
|
VITE_ROUTER_MODE = hash
|
||||||
# 是否使用全部去除console和debugger
|
# 是否使用全部去除console和debugger
|
||||||
|
@ -5,19 +5,12 @@
|
|||||||
<el-col :span="9">
|
<el-col :span="9">
|
||||||
<el-form :model="form" label-width="auto">
|
<el-form :model="form" label-width="auto">
|
||||||
<el-form-item label="报刊日期">
|
<el-form-item label="报刊日期">
|
||||||
<el-date-picker
|
<el-date-picker v-model="form.datetime" type="date" value-format="YYYY-MM-DD" placeholder="选择报刊日期"
|
||||||
v-model="form.datetime"
|
style="width: 100%"></el-date-picker>
|
||||||
type="date"
|
</el-form-item>
|
||||||
value-format="YYYY-MM-DD"
|
<el-form-item label="期刊">
|
||||||
placeholder="选择报刊日期"
|
<el-input v-model="form.periods" placeholder="输入期刊" />
|
||||||
style="width: 100%"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="报刊类型">-->
|
|
||||||
<!-- <el-select v-model="form.type_id" placeholder="选择报刊类型">-->
|
|
||||||
<!-- <el-option v-for="item in typeList" :label="item.type" :value="item.id"/>-->
|
|
||||||
<!-- </el-select>-->
|
|
||||||
<!-- </el-form-item>-->
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button @click="addBlack" class="mt-2">新增版面</el-button>
|
<el-button @click="addBlack" class="mt-2">新增版面</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -25,7 +18,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="8" v-for="(item,index) in backArr">
|
<el-col :span="8" v-for="(item, index) in backArr">
|
||||||
<el-card class="m-b-5" shadow="hover">
|
<el-card class="m-b-5" shadow="hover">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="flex justify-between items-center">
|
<div class="flex justify-between items-center">
|
||||||
@ -39,7 +32,7 @@
|
|||||||
<!-- <ArrowRightBold/>-->
|
<!-- <ArrowRightBold/>-->
|
||||||
<!-- </el-icon>-->
|
<!-- </el-icon>-->
|
||||||
<el-icon class="cursor-pointer" @click="del(index)">
|
<el-icon class="cursor-pointer" @click="del(index)">
|
||||||
<DeleteFilled/>
|
<DeleteFilled />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
</el-space>
|
</el-space>
|
||||||
</div>
|
</div>
|
||||||
@ -47,23 +40,24 @@
|
|||||||
</template>
|
</template>
|
||||||
<el-form :model="form" label-width="auto">
|
<el-form :model="form" label-width="auto">
|
||||||
<el-form-item label="版面名称">
|
<el-form-item label="版面名称">
|
||||||
<el-input v-model="item.bm_name" placeholder="输入版面名称"/>
|
<el-input v-model="item.bm_name" placeholder="输入版面名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="版面排序">
|
<el-form-item label="版面排序">
|
||||||
<el-input @blur="addSort" type="number" v-model="item.weight" placeholder="输入版面排序"/>
|
<el-input @blur="addSort" type="number" v-model="item.weight" placeholder="输入版面排序" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="版面PDF">
|
<el-form-item label="版面PDF">
|
||||||
<KoiUploadFiles :fileList="item.pdf" acceptType=".pdf" @update:fileList="(file) => updateFileList(file, index)"
|
<KoiUploadFiles :fileList="item.pdf" acceptType=".pdf"
|
||||||
@fileSuccess="(file) => getFileList(file, index)">
|
@update:fileList="(file) => updateFileList(file, index)"
|
||||||
|
@fileSuccess="(file) => getFileList(file, index)">
|
||||||
<template #tip>PDF最大为 10M</template>
|
<template #tip>PDF最大为 10M</template>
|
||||||
</KoiUploadFiles>
|
</KoiUploadFiles>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="版面图片" prop="avatar">
|
<el-form-item label="版面图片" prop="avatar">
|
||||||
<KoiUploadImage :imageUrl="item.bm_img" @update:imageUrl="(file) => getImgList(file, index)" width="150px"
|
<KoiUploadImage :imageUrl="item.bm_img" @update:imageUrl="(file) => getImgList(file, index)"
|
||||||
height="150px">
|
width="150px" height="150px">
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Picture/>
|
<Picture />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span>请上传版面图片</span>
|
<span>请上传版面图片</span>
|
||||||
</template>
|
</template>
|
||||||
@ -81,8 +75,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import {nextTick, ref, reactive, onMounted} from "vue";
|
import { nextTick, ref, reactive, onMounted } from "vue";
|
||||||
import {bmAdd, getList} from "@/api/system/post/index.ts";
|
import { bmAdd, getList } from "@/api/system/post/index.ts";
|
||||||
import {
|
import {
|
||||||
koiMsgSuccess,
|
koiMsgSuccess,
|
||||||
koiNoticeSuccess,
|
koiNoticeSuccess,
|
||||||
@ -93,7 +87,7 @@ import {
|
|||||||
koiMsgInfo
|
koiMsgInfo
|
||||||
} from "@/utils/koi.ts";
|
} from "@/utils/koi.ts";
|
||||||
import useTabsStore from "@/stores/modules/tabs.ts";
|
import useTabsStore from "@/stores/modules/tabs.ts";
|
||||||
import {useRoute, useRouter} from "vue-router";
|
import { useRoute, useRouter } from "vue-router";
|
||||||
import { ElLoading } from 'element-plus'
|
import { ElLoading } from 'element-plus'
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
@ -115,18 +109,19 @@ const getImgList = (d, index) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const backArr = ref([
|
const backArr = ref([
|
||||||
{bm_name: '', bm_img: '', bm_pdf: '', weight: 0, pdf: []}
|
{ bm_name: '', bm_img: '', bm_pdf: '', weight: 0, pdf: [] }
|
||||||
]);
|
]);
|
||||||
const form = reactive({
|
const form = reactive({
|
||||||
datetime: "",
|
datetime: "",
|
||||||
type_id: ""
|
type_id: "",
|
||||||
|
periods:""
|
||||||
});
|
});
|
||||||
const addBlack = () => {
|
const addBlack = () => {
|
||||||
// 找到当前 backArr 数组中最大的 weight 值
|
// 找到当前 backArr 数组中最大的 weight 值
|
||||||
const maxWeight = Math.max(...backArr.value.map(item => item.weight), 0);
|
const maxWeight = Math.max(...backArr.value.map(item => item.weight), 0);
|
||||||
|
|
||||||
// 添加新的版面,weight 设置为 maxWeight + 1
|
// 添加新的版面,weight 设置为 maxWeight + 1
|
||||||
backArr.value.push({bm_name: '', bm_img: '', bm_pdf: '', weight: maxWeight + 1, pdf: []});
|
backArr.value.push({ bm_name: '', bm_img: '', bm_pdf: '', weight: maxWeight + 1, pdf: [] });
|
||||||
}
|
}
|
||||||
const addSort = () => {
|
const addSort = () => {
|
||||||
//根据数组中的weight排序数组
|
//根据数组中的weight排序数组
|
||||||
@ -151,17 +146,17 @@ const handleMineSave = async () => {
|
|||||||
koiMsgError('请选择报纸日期');
|
koiMsgError('请选择报纸日期');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// if (form.type_id == '' || form.type_id == null) {
|
if (form.periods == '' || form.periods == null) {
|
||||||
// koiMsgError('请选择报纸类别');
|
koiMsgError('请输入期刊');
|
||||||
// return;
|
return;
|
||||||
// }
|
}
|
||||||
for (let i = 0; i < backArr.value.length; i++) {
|
for (let i = 0; i < backArr.value.length; i++) {
|
||||||
if (backArr.value[i].bm_name == '' || backArr.value[i].bm_img == '' || backArr.value[i].bm_pdf == '') {
|
if (backArr.value[i].bm_name == '' || backArr.value[i].bm_img == '' || backArr.value[i].bm_pdf == '') {
|
||||||
koiMsgError('请完善版面[' + (i + 1) + ']信息');
|
koiMsgError('请完善版面[' + (i + 1) + ']信息');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const data = {date: form, bm: backArr.value};
|
const data = { date: form, bm: backArr.value };
|
||||||
const loading = ElLoading.service({
|
const loading = ElLoading.service({
|
||||||
lock: true,
|
lock: true,
|
||||||
text: '保存中...',
|
text: '保存中...',
|
||||||
@ -203,6 +198,4 @@ const del = (index) => {
|
|||||||
backArr.value = [...arr];
|
backArr.value = [...arr];
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss"></style>
|
||||||
|
|
||||||
</style>
|
|
||||||
|
@ -12,177 +12,103 @@
|
|||||||
|
|
||||||
<div class="h-20px"></div>
|
<div class="h-20px"></div>
|
||||||
<!-- 数据表格 -->
|
<!-- 数据表格 -->
|
||||||
<el-table
|
<el-table v-if="refreshTreeTable" v-loading="loading" border :indent="30" :data="tableList"
|
||||||
v-if="refreshTreeTable"
|
:default-expand-all="isExpandAll" row-key="uuid" @row-click="rowClick" :lazy="true" :load="load"
|
||||||
v-loading="loading"
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }" empty-text="暂时没有数据哟🌻">
|
||||||
border
|
<el-table-column label="报纸期刊" prop="datetime" align="left" :show-overflow-tooltip="true" width="400px">
|
||||||
:indent="30"
|
|
||||||
:data="tableList"
|
|
||||||
:default-expand-all="isExpandAll"
|
|
||||||
row-key="uuid"
|
|
||||||
@row-click="rowClick"
|
|
||||||
:lazy="true"
|
|
||||||
:load="load"
|
|
||||||
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
|
|
||||||
empty-text="暂时没有数据哟🌻"
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
label="报纸期刊"
|
|
||||||
prop="datetime"
|
|
||||||
align="left"
|
|
||||||
:show-overflow-tooltip="true"
|
|
||||||
width="400px"
|
|
||||||
>
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-input @blur="addSort(scope.row)" v-if="scope.row.level==2" :maxlength="2" class="center-input"
|
<el-input @blur="addSort(scope.row)" v-if="scope.row.level == 2" :maxlength="2" class="center-input"
|
||||||
style="max-width: 50px;margin-right: 10px"
|
style="max-width: 50px;margin-right: 10px" v-model="scope.row.weight"></el-input>
|
||||||
v-model="scope.row.weight"></el-input>
|
|
||||||
<span class="cursor-pointer">{{ scope.row.datetime }}</span>
|
<span class="cursor-pointer">{{ scope.row.datetime }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="状态" prop="status" width="250px" align="center">
|
<el-table-column label="状态" prop="status" width="250px" align="center">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-tag v-if="scope.row.status==0" type="danger">已隐藏</el-tag>
|
<el-tag v-if="scope.row.status == 0" type="danger">已隐藏</el-tag>
|
||||||
<el-tag v-if="scope.row.status==1" type="success">显示中</el-tag>
|
<el-tag v-if="scope.row.status == 1" type="success">显示中</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="数量" prop="bm_count" width="350px" align="center">
|
<el-table-column label="数量" prop="bm_count" width="350px" align="center">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div v-if="scope.row.level==1">版面数量:{{ scope.row.bm_count }}</div>
|
<div v-if="scope.row.level == 1">版面数量:{{ scope.row.bm_count }}</div>
|
||||||
<div v-if="scope.row.level==2">新闻数量:{{ scope.row.new_count }}</div>
|
<div v-if="scope.row.level == 2">新闻数量:{{ scope.row.new_count }}</div>
|
||||||
<div v-if="scope.row.level==3">
|
<div v-if="scope.row.level == 3">
|
||||||
<audio v-if="scope.row.mp_url!=null&&scope.row.mp_url!=''" controls :src="'https://jinrigushi.gushitv.com/'+scope.row.mp_url"></audio>
|
<audio v-if="scope.row.mp_url != null && scope.row.mp_url != ''" controls
|
||||||
<span v-if="scope.row.mp_url==null||scope.row.mp_url==''">语音生成中...</span>
|
:src="'https://jinrigushitwo.gushitv.com/' + scope.row.mp_url"></audio>
|
||||||
|
<span v-if="scope.row.mp_url == null || scope.row.mp_url == ''">语音生成中...</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" width="450px" fixed="right">
|
<el-table-column label="操作" align="center" width="450px" fixed="right">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
|
|
||||||
<el-button v-if="row.level==1"
|
<el-button v-if="row.level == 1" type="info" @click="openA(row)">预览
|
||||||
type="info"
|
|
||||||
@click="openA(row)"
|
|
||||||
>预览
|
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|
||||||
<el-button v-if="row.level==1 && row.status==1"
|
<el-button v-if="row.level == 1 && row.status == 1" type="primary" @click="statusUpdate(row, 0)">隐藏
|
||||||
type="primary"
|
|
||||||
@click="statusUpdate(row,0)"
|
|
||||||
>隐藏
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="row.level==1 && row.status==0"
|
<el-button v-if="row.level == 1 && row.status == 0" type="success" @click="statusUpdate(row, 1)">显示
|
||||||
type="success"
|
|
||||||
@click="statusUpdate(row,1)"
|
|
||||||
>显示
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="row.level==1"
|
<el-button v-if="row.level == 1" type="warning" @click="handleAddDate(row)">添加版面
|
||||||
type="warning"
|
|
||||||
@click="handleAddDate(row)"
|
|
||||||
>添加版面
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- <el-button v-if="row.level==1"-->
|
<el-button v-if="row.level == 1" type="success" @click="handleUpdateDate(row)">修改
|
||||||
<!-- type="warning"-->
|
</el-button>
|
||||||
|
<el-button v-if="row.level == 1" type="danger" @click="handleDeleteDate(row)">删除
|
||||||
<!-- @click="handleUpdateDate(row)"-->
|
|
||||||
<!-- >修改-->
|
|
||||||
<!-- </el-button>-->
|
|
||||||
<el-button v-if="row.level==1"
|
|
||||||
type="danger"
|
|
||||||
|
|
||||||
@click="handleDeleteDate(row)"
|
|
||||||
>删除
|
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|
||||||
<el-button v-if="row.level==2"
|
<el-button v-if="row.level == 2" type="info" plain @click="openUrl('/paper/article/index/' + row.id)">添加新闻
|
||||||
type="info"
|
|
||||||
plain
|
|
||||||
@click="openUrl('/paper/article/index/'+row.id)"
|
|
||||||
>添加新闻
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="row.level==2"
|
<el-button v-if="row.level == 2" type="warning" plain @click="handleUpdateBm(row)">修改
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
@click="handleUpdateBm(row)"
|
|
||||||
>修改
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="row.level==2"
|
<el-button v-if="row.level == 2" type="danger" plain @click="handleDeleteBm(row)">删除
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
@click="handleDeleteBm(row)"
|
|
||||||
>删除
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="row.level==3"
|
<el-button v-if="row.level == 3" type="primary" icon="Edit" circle plain
|
||||||
type="primary"
|
@click="openUrl('/paper/article/update/' + row.id)"></el-button>
|
||||||
icon="Edit"
|
<el-button v-if="row.level == 3" type="danger" icon="Delete" circle plain
|
||||||
circle
|
@click="handleDeleteNews(row)"></el-button>
|
||||||
plain
|
|
||||||
@click="openUrl('/paper/article/update/'+row.id)"
|
|
||||||
></el-button>
|
|
||||||
<el-button v-if="row.level==3"
|
|
||||||
type="danger"
|
|
||||||
icon="Delete"
|
|
||||||
circle
|
|
||||||
plain
|
|
||||||
@click="handleDeleteNews(row)"
|
|
||||||
></el-button>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div class="h-20px"></div>
|
<div class="h-20px"></div>
|
||||||
<!-- {{ searchParams.pageNo }} --- {{ searchParams.pageSize }} -->
|
<!-- {{ searchParams.pageNo }} --- {{ searchParams.pageSize }} -->
|
||||||
<!-- 分页 -->
|
<!-- 分页 -->
|
||||||
<el-pagination
|
<el-pagination background v-model:current-page="pageNumber.page" v-model:page-size="pageNumber.size"
|
||||||
background
|
:page-sizes="[10, 20, 50]" layout="total, sizes, prev, pager, next, jumper" :total="total"
|
||||||
v-model:current-page="pageNumber.page"
|
@size-change="handleListPageSize" @current-change="handleListPage" />
|
||||||
v-model:page-size="pageNumber.size"
|
|
||||||
:page-sizes="[10, 20, 50]"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
:total="total"
|
|
||||||
@size-change="handleListPageSize"
|
|
||||||
@current-change="handleListPage"
|
|
||||||
/>
|
|
||||||
</KoiCard>
|
</KoiCard>
|
||||||
<KoiDialog ref="koiDrawerDate" :width="500" :height="100" title="期刊编辑" @koiConfirm="handleConfirmDateDo"
|
<KoiDialog ref="koiDrawerDate" :width="500" :height="100" title="期刊编辑" @koiConfirm="handleConfirmDateDo"
|
||||||
@koiCancel="handleCancel" :loading="confirmLoading">
|
@koiCancel="handleCancel" :loading="confirmLoading">
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="18">
|
<el-col :span="18">
|
||||||
<el-form :model="Dateform" label-width="auto">
|
<el-form :model="Dateform" label-width="auto">
|
||||||
<el-form-item label="报刊日期">
|
<el-form-item label="报刊日期">
|
||||||
<el-date-picker
|
<el-date-picker v-model="Dateform.datetime" type="date" value-format="YYYY-MM-DD" placeholder="选择报刊日期"
|
||||||
v-model="Dateform.datetime"
|
style="width: 100%"></el-date-picker>
|
||||||
type="date"
|
|
||||||
value-format="YYYY-MM-DD"
|
|
||||||
placeholder="选择报刊日期"
|
|
||||||
style="width: 100%"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="报刊类型">-->
|
<el-form-item label="期刊">
|
||||||
<!-- <el-select v-model="Dateform.type_id" placeholder="选择报刊类型">-->
|
<el-input v-model="Dateform.periods" placeholder="输入期刊" />
|
||||||
<!-- <el-option v-for="item in typeList" :label="item.type" :value="item.id"/>-->
|
</el-form-item>
|
||||||
<!-- </el-select>-->
|
|
||||||
<!-- </el-form-item>-->
|
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
</KoiDialog>
|
</KoiDialog>
|
||||||
<KoiDialog ref="koiDrawerBm" :width="500" :height="400" :title="Bmform.id==0?'添加版面':'修改版面'"
|
<KoiDialog ref="koiDrawerBm" :width="500" :height="400" :title="Bmform.id == 0 ? '添加版面' : '修改版面'"
|
||||||
@koiConfirm="handleConfirmBmDo"
|
@koiConfirm="handleConfirmBmDo" @koiCancel="handleCancel" :loading="confirmLoading">
|
||||||
@koiCancel="handleCancel" :loading="confirmLoading">
|
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="18">
|
<el-col :span="18">
|
||||||
<el-form :model="Bmform" label-width="auto">
|
<el-form :model="Bmform" label-width="auto">
|
||||||
<el-form-item label="版面名称">
|
<el-form-item label="版面名称">
|
||||||
<el-input v-model="Bmform.bm_name" placeholder="输入版面名称"/>
|
<el-input v-model="Bmform.bm_name" placeholder="输入版面名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="版面排序">
|
<el-form-item label="版面排序">
|
||||||
<el-input type="number" v-model="Bmform.weight" placeholder="输入版面排序"/>
|
<el-input type="number" v-model="Bmform.weight" placeholder="输入版面排序" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="版面PDF">
|
<el-form-item label="版面PDF">
|
||||||
<KoiUploadFiles :fileList="Bmform.pdf" acceptType=".pdf" @update:fileList="updateFileList"
|
<KoiUploadFiles :fileList="Bmform.pdf" acceptType=".pdf" @update:fileList="updateFileList"
|
||||||
@fileSuccess="getFileList">
|
@fileSuccess="getFileList">
|
||||||
<template #tip>PDF最大为 10M</template>
|
<template #tip>PDF最大为 10M</template>
|
||||||
</KoiUploadFiles>
|
</KoiUploadFiles>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -190,7 +116,7 @@
|
|||||||
<KoiUploadImage :imageUrl="Bmform.bm_img" @update:imageUrl="getImgList" width="150px" height="150px">
|
<KoiUploadImage :imageUrl="Bmform.bm_img" @update:imageUrl="getImgList" width="150px" height="150px">
|
||||||
<template #content>
|
<template #content>
|
||||||
<el-icon>
|
<el-icon>
|
||||||
<Picture/>
|
<Picture />
|
||||||
</el-icon>
|
</el-icon>
|
||||||
<span>请上传版面图片</span>
|
<span>请上传版面图片</span>
|
||||||
</template>
|
</template>
|
||||||
@ -208,10 +134,10 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts" name="menuPage">
|
<script setup lang="ts" name="menuPage">
|
||||||
import {nextTick, ref, reactive, onMounted} from "vue";
|
import { nextTick, ref, reactive, onMounted } from "vue";
|
||||||
import {koiNoticeSuccess, koiNoticeError, koiMsgError, koiMsgWarning, koiMsgBox, koiMsgInfo} from "@/utils/koi.ts";
|
import { koiNoticeSuccess, koiNoticeError, koiMsgError, koiMsgWarning, koiMsgBox, koiMsgInfo } from "@/utils/koi.ts";
|
||||||
import {generateUUID} from "@/utils/index.ts";
|
import { generateUUID } from "@/utils/index.ts";
|
||||||
import {useRoute, useRouter} from "vue-router";
|
import { useRoute, useRouter } from "vue-router";
|
||||||
import {
|
import {
|
||||||
bmDel,
|
bmDel,
|
||||||
bmList,
|
bmList,
|
||||||
@ -253,10 +179,11 @@ const getTypelist = async () => {
|
|||||||
}
|
}
|
||||||
const Dateform = reactive({
|
const Dateform = reactive({
|
||||||
datetime: "",
|
datetime: "",
|
||||||
type_id: ""
|
type_id: "",
|
||||||
|
periods:""
|
||||||
});
|
});
|
||||||
const total = ref(0);
|
const total = ref(0);
|
||||||
const pageNumber = reactive({page: 1, size: 10});
|
const pageNumber = reactive({ page: 1, size: 10 });
|
||||||
/** 重置搜索参数 */
|
/** 重置搜索参数 */
|
||||||
const resetSearchParams = () => {
|
const resetSearchParams = () => {
|
||||||
searchParams.value = {
|
searchParams.value = {
|
||||||
@ -285,9 +212,9 @@ const Mp3Check = async (row) => {
|
|||||||
}
|
}
|
||||||
const openA = (item) => {
|
const openA = (item) => {
|
||||||
console.log(item);
|
console.log(item);
|
||||||
var url="https://jinrigushi.gushitv.com/#/?date="+item.datetime;
|
var url = "https://jinrigushitwo.gushitv.com/#/?date=" + item.datetime;
|
||||||
if(item.status==0){
|
if (item.status == 0) {
|
||||||
url="https://jinrigushi.gushitv.com/#/?date="+item.datetime+"&status=1";
|
url = "https://jinrigushitwo.gushitv.com/#/?date=" + item.datetime + "&status=1";
|
||||||
}
|
}
|
||||||
window.open(url);
|
window.open(url);
|
||||||
}
|
}
|
||||||
@ -322,7 +249,7 @@ const load = async (row, treeNode, resolve) => {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
if (row.level == 1) {
|
if (row.level == 1) {
|
||||||
var res: any = await bmListNext({date_id: row.id});
|
var res: any = await bmListNext({ date_id: row.id });
|
||||||
res.data = res.data.map(item => {
|
res.data = res.data.map(item => {
|
||||||
return {
|
return {
|
||||||
...item,
|
...item,
|
||||||
@ -332,7 +259,7 @@ const load = async (row, treeNode, resolve) => {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
var res: any = await bmListNews({bm_id: row.id});
|
var res: any = await bmListNews({ bm_id: row.id });
|
||||||
res.data = res.data.map(item => {
|
res.data = res.data.map(item => {
|
||||||
return {
|
return {
|
||||||
...item,
|
...item,
|
||||||
@ -365,7 +292,7 @@ const handleUpdateBm = (row) => {
|
|||||||
Bmform.bm_img = row.bm_img;
|
Bmform.bm_img = row.bm_img;
|
||||||
Bmform.bm_pdf = row.bm_pdf;
|
Bmform.bm_pdf = row.bm_pdf;
|
||||||
Bmform.id = row.id;
|
Bmform.id = row.id;
|
||||||
Bmform.pdf = [{'url': row.bm_pdf, 'name': getFileNameFromUrl(row.bm_pdf)}];
|
Bmform.pdf = [{ 'url': row.bm_pdf, 'name': getFileNameFromUrl(row.bm_pdf) }];
|
||||||
koiDrawerBm.value.koiOpen();
|
koiDrawerBm.value.koiOpen();
|
||||||
}
|
}
|
||||||
/*添加版面*/
|
/*添加版面*/
|
||||||
@ -384,7 +311,7 @@ const handleAddDate = (row) => {
|
|||||||
const addSort = async (row) => {
|
const addSort = async (row) => {
|
||||||
//console.log(row);
|
//console.log(row);
|
||||||
try {
|
try {
|
||||||
const res: any = await bmUpdate({id: row.id, weight: row.weight});
|
const res: any = await bmUpdate({ id: row.id, weight: row.weight });
|
||||||
koiNoticeSuccess("修改成功!");
|
koiNoticeSuccess("修改成功!");
|
||||||
handleTreeList();
|
handleTreeList();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@ -393,9 +320,9 @@ const addSort = async (row) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
const statusUpdate = async (row,type) => {
|
const statusUpdate = async (row, type) => {
|
||||||
try {
|
try {
|
||||||
const res: any = await dateUpdate({status:type,id: row.id});
|
const res: any = await dateUpdate({ status: type, id: row.id });
|
||||||
console.log("菜单数据表格数据->", res.data);
|
console.log("菜单数据表格数据->", res.data);
|
||||||
koiNoticeSuccess("修改成功!");
|
koiNoticeSuccess("修改成功!");
|
||||||
handleTreeList();
|
handleTreeList();
|
||||||
@ -507,6 +434,7 @@ const handleUpdateDate = (row) => {
|
|||||||
console.log(row);
|
console.log(row);
|
||||||
Dateform.datetime = row.datetime;
|
Dateform.datetime = row.datetime;
|
||||||
Dateform.type_id = row.type_id;
|
Dateform.type_id = row.type_id;
|
||||||
|
Dateform.periods = row.periods;
|
||||||
Dateform.id = row.id;
|
Dateform.id = row.id;
|
||||||
koiDrawerDate.value.koiOpen();
|
koiDrawerDate.value.koiOpen();
|
||||||
};
|
};
|
||||||
@ -545,7 +473,7 @@ const handleDeleteDate = (row: any) => {
|
|||||||
koiMsgBox("您确认需要删除期刊[ " + row.datetime + " ]么?")
|
koiMsgBox("您确认需要删除期刊[ " + row.datetime + " ]么?")
|
||||||
.then(async () => {
|
.then(async () => {
|
||||||
try {
|
try {
|
||||||
await dateDel({'id': id});
|
await dateDel({ 'id': id });
|
||||||
koiNoticeSuccess("删除成功!");
|
koiNoticeSuccess("删除成功!");
|
||||||
handleTreeList();
|
handleTreeList();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@ -561,7 +489,7 @@ const handleDeleteBm = (row: any) => {
|
|||||||
koiMsgBox("您确认需要删除版面[ " + row.datetime + " ]么?")
|
koiMsgBox("您确认需要删除版面[ " + row.datetime + " ]么?")
|
||||||
.then(async () => {
|
.then(async () => {
|
||||||
try {
|
try {
|
||||||
await bmDel({'id': id});
|
await bmDel({ 'id': id });
|
||||||
koiNoticeSuccess("删除成功!");
|
koiNoticeSuccess("删除成功!");
|
||||||
handleTreeList();
|
handleTreeList();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@ -577,7 +505,7 @@ const handleDeleteNews = (row: any) => {
|
|||||||
koiMsgBox("您确认需要删除新闻[ " + row.datetime + " ]么?")
|
koiMsgBox("您确认需要删除新闻[ " + row.datetime + " ]么?")
|
||||||
.then(async () => {
|
.then(async () => {
|
||||||
try {
|
try {
|
||||||
await newsDel({'id': id});
|
await newsDel({ 'id': id });
|
||||||
koiNoticeSuccess("删除成功!");
|
koiNoticeSuccess("删除成功!");
|
||||||
handleTreeList();
|
handleTreeList();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
@ -591,7 +519,7 @@ const handleDeleteNews = (row: any) => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep(.center-input .el-input__inner ) {
|
::v-deep(.center-input .el-input__inner) {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user