通告代码

This commit is contained in:
13405411873 2025-03-21 14:54:16 +08:00
parent 6bc1ed78b4
commit 8e15f29af7
4 changed files with 575 additions and 274 deletions

View File

@ -42,3 +42,12 @@ export function delCategory(id) {
method: 'delete' method: 'delete'
}) })
} }
export function listByCode(query) {
return request({
url: '/base/category/listByCode',
method: 'get',
params: query
})
}

10
src/api/base/util.js Normal file
View File

@ -0,0 +1,10 @@
import request from '@/utils/request'
// 获取地区信息
export function getRegion(parentId) {
return request({
url: '/base/city/listByPid?parentId='+parentId,
method: 'get'
})
}

View File

@ -0,0 +1,295 @@
<template>
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="平台" prop="platformCode">
<el-select v-model="form.platformCode" placeholder="请选择平台" clearable :disabled="isDetail">
<el-option
v-for="data in platformList"
:key="data.code"
:label="data.title"
:value="data.code"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="截止日期" prop="endDate">
<el-date-picker clearable
v-model="form.endDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择截止日期"
:disabled="isDetail">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="稿费下限" prop="feeDown">
<el-input-number :precision="2" min="0" v-model="form.feeDown" placeholder="请输入稿费下限" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="稿费上限" prop="feeUp">
<el-input-number :precision="2" min="0" v-model="form.feeUp" placeholder="请输入稿费上限" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否需自报价" prop="isSelfPrice">
<el-select v-model="form.isSelfPrice" placeholder="请选择是否需自报价" :disabled="isDetail">
<el-option
v-for="dict in dict.type.true_or_false"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="赠品价值(元)" prop="giftPrice">
<el-input-number :precision="2" min="0" v-model="form.giftPrice" placeholder="请输入赠品价值(元)" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="赠品明细" prop="giftDetail">
<el-input v-model="form.giftDetail" type="textarea" placeholder="请输入内容" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="招募名额" prop="needNum">
<el-input-number :precision="0" :min="0" v-model="form.needNum" placeholder="请输入招募名额" :disabled="isDetail" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="是否公开品牌" prop="isShowBrand">
<el-select v-model="form.isShowBrand" placeholder="请选择是否公开品牌" :disabled="isDetail">
<el-option
v-for="dict in dict.type.true_or_false"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="品牌" prop="brand">
<el-input v-model="form.brand" placeholder="请输入品牌" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="地区要求" prop="region">
<el-select v-model="form.province" @change="provinceChange" placeholder="请选择省份" :disabled="isDetail">
<el-option
v-for="item in provinceList"
:key="item.name"
:label="item.name"
:value="item.name"
></el-option>
</el-select>
<el-select style="margin-top: 5px" v-model="form.city" placeholder="请选择城市" :disabled="isDetail">
<el-option
v-for="item in cityList"
:key="item.name"
:label="item.name"
:value="item.name"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="粉丝要求下限" prop="fansDown">
<el-input-number :precision="0" min="0" v-model="form.fansDown" placeholder="请输入粉丝要求下限" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="粉丝要求上限" prop="fansUp">
<el-input-number :precision="0" min="0" v-model="form.fansUp" placeholder="请输入粉丝要求上限" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="报名需符合粉丝要求" prop="isEligible">
<el-select v-model="form.isEligible" placeholder="报名是否需符合粉丝要求" :disabled="isDetail">
<el-option
v-for="dict in dict.type.true_or_false"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="内容形式" prop="pic">
<el-select v-model="form.pic" placeholder="请选择内容形式" :disabled="isDetail">
<el-option
v-for="dict in dict.type.notice_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="展示要求" prop="collect">
<el-select v-model="form.collect" placeholder="请选择展示要求" :disabled="isDetail">
<el-option
v-for="dict in dict.type.notice_collect"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否使用通告券" prop="isUseCoupon">
<el-select v-model="form.isUseCoupon" placeholder="请选择是否使用通告券" :disabled="isDetail">
<el-option
v-for="dict in dict.type.true_or_false"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="博主类型" prop="bloggerTypes">
<el-input v-model="form.bloggerTypes" type="textarea" placeholder="请输入内容" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否公开联系方式" prop="isShowTel">
<el-select v-model="form.isShowTel" placeholder="请选择是否公开联系方式" :disabled="isDetail">
<el-option
v-for="dict in dict.type.true_or_false"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="微信号" prop="wechat">
<el-input v-model="form.wechat" placeholder="请输入微信号" :disabled="isDetail" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="电话" prop="tel">
<el-input v-model="form.tel" placeholder="请输入电话" :disabled="isDetail" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="微信群码图片" prop="groupImage">
<image-upload :limit="1" v-model="form.groupImage" :disabled="isDetail" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="产品图" prop="images">
<image-upload :limit="9" v-model="form.images" :disabled="isDetail" />
</el-form-item>
<el-form-item label="通告明细" prop="detail">
<Editor v-model="form.detail" style="height: 300px" placeholder="请输入内容" :read-only="isDetail" />
</el-form-item>
</el-form>
</template>
<script>
import {getRegion} from "@/api/base/util";
import {listByCode} from "@/api/base/category";
import log from "@/views/monitor/job/log.vue";
export default {
name: "Notice",
props: ['isDetail'],
dicts: ['notice_type', 'notice_collect', 'dl_approval_status', 'true_or_false'],
data() {
return {
//
form: {},
platformList:[],
provinceList:[],
cityList:[],
//
rules: {
title: [
{ required: true, message: "标题不能为空", trigger: "blur" }
],
platformCode: [
{ required: true, message: "平台code不能为空", trigger: "change" }
],
feeDown: [
{ required: true, message: "稿费下限不能为空", trigger: "blur" }
],
isSelfPrice: [
{ required: true, message: "是否需自报价不能为空", trigger: "change" }
],
endDate: [
{ required: true, message: "截止日期不能为空", trigger: "blur" }
],
pic: [
{ required: true, message: "图文/视频/不限不能为空", trigger: "change" }
],
collect: [
{ required: true, message: "单品/合集/不限不能为空", trigger: "change" }
],
detail: [
{ required: true, message: "通告明细不能为空", trigger: "blur" }
]
},
}
},
mounted() {
this.getPlatform()
this.getProvince()
},
methods: {
provinceChange(e){
console.log(e,276)
//provicenList name e
let provinceId = this.provinceList.filter(item=>{
return item.name == e
})[0].cityId
this.getCity(provinceId)
},
getProvince(){
getRegion(0).then(res=>{
this.provinceList = res.data
})
},
getCity(provinceId){
getRegion(provinceId).then(res=>{
this.cityList = res.data
})
},
getPlatform(){
listByCode({code:'dl_platform'}).then(res=>{
this.platformList = res.data
})
},
}
}
</script>

View File

@ -1,14 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
<el-form-item label="发布者" prop="userId">
<el-input
v-model="queryParams.userId"
placeholder="请输入发布者"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="标题" prop="title"> <el-form-item label="标题" prop="title">
<el-input <el-input
v-model="queryParams.title" v-model="queryParams.title"
@ -17,47 +9,50 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="平台名称" prop="platformName"> <el-form-item label="发布者" prop="userId">
<el-input <el-input
v-model="queryParams.platformName" v-model="queryParams.userId"
placeholder="请输入平台名称" placeholder="请输入发布者"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="国家" prop="country"> <el-form-item label="平台" prop="platformName">
<el-input
v-model="queryParams.country" <el-select v-model="queryParams.platformName" placeholder="请选择平台" clearable>
placeholder="请输入国家"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="稿费下限" prop="feeDown">
<el-input
v-model="queryParams.feeDown"
placeholder="请输入稿费下限"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="稿费上限" prop="feeUp">
<el-input
v-model="queryParams.feeUp"
placeholder="请输入稿费上限"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="是否需自报价" prop="isSelfPrice">
<el-select v-model="queryParams.isSelfPrice" placeholder="请选择是否需自报价" clearable>
<el-option <el-option
v-for="dict in dict.type.true_or_false" v-for="data in platformList"
:key="dict.value" :key="data.code"
:label="dict.label" :label="data.title"
:value="dict.value" :value="data.code"
/> />
</el-select> </el-select>
</el-form-item>
<el-form-item label="稿费区间">
<el-col :span="11">
<el-form-item prop="beginFeeDown">
<el-input-number
v-model="queryParams.beginFeeDown"
placeholder="稿费下限"
controls-position="right"
:min="0"
@change="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="11" style="margin-left: 5%">
<el-form-item prop="endFeeDown">
<el-input-number
v-model="queryParams.endFeeDown"
placeholder="稿费上限"
controls-position="right"
:min="0"
@change="handleQuery"
/>
</el-form-item>
</el-col>
</el-form-item> </el-form-item>
<el-form-item label="品牌" prop="brand"> <el-form-item label="品牌" prop="brand">
<el-input <el-input
@ -67,8 +62,53 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="是否公开品牌" prop="isShowBrand"> <el-form-item label="粉丝要求" prop="fansDown">
<el-select v-model="queryParams.isShowBrand" placeholder="请选择是否公开品牌" clearable> <el-col :span="11">
<el-form-item prop="beginFeeDown">
<el-input-number
v-model="queryParams.beginFeeDown"
placeholder="粉丝下限"
controls-position="right"
:min="0"
@change="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="11" style="margin-left: 5%">
<el-form-item prop="endFeeDown">
<el-input-number
v-model="queryParams.endFansDown"
placeholder="粉丝上限"
controls-position="right"
:min="0"
@change="handleQuery"
/>
</el-form-item>
</el-col>
</el-form-item>
<el-form-item label="内容形式" prop="pic">
<el-select v-model="queryParams.pic" placeholder="请选择内容形式" clearable>
<el-option
v-for="dict in dict.type.notice_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="展示形式" prop="collect">
<el-select v-model="queryParams.collect" placeholder="请选择展示形式" clearable>
<el-option
v-for="dict in dict.type.notice_collect"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="是否使用通告券" prop="isUseCoupon">
<el-select v-model="queryParams.isUseCoupon" placeholder="请选择是否使用通告券" clearable>
<el-option <el-option
v-for="dict in dict.type.true_or_false" v-for="dict in dict.type.true_or_false"
:key="dict.value" :key="dict.value"
@ -77,53 +117,26 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="招募名额" prop="needNum"> <el-form-item label="审核状态" prop="approvalStatus">
<el-input <el-select v-model="queryParams.approvalStatus" placeholder="请选择审核状态" clearable>
v-model="queryParams.needNum" <el-option
placeholder="请输入招募名额" v-for="dict in dict.type.dl_approval_status"
clearable :key="dict.value"
@keyup.enter.native="handleQuery" :label="dict.label"
:value="dict.value"
/> />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="粉丝要求下限" prop="fansDown"> <el-form-item label="创建时间">
<el-input <el-date-picker
v-model="queryParams.fansDown" v-model="daterangeCreateTime"
placeholder="请输入粉丝要求下限" style="width: 240px"
clearable value-format="yyyy-MM-dd"
@keyup.enter.native="handleQuery" type="daterange"
/> range-separator="-"
</el-form-item> start-placeholder="开始日期"
<el-form-item label="粉丝要求上限" prop="fansUp"> end-placeholder="结束日期"
<el-input ></el-date-picker>
v-model="queryParams.fansUp"
placeholder="请输入粉丝要求上限"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="报名是否需符合粉丝要求(0否|1是)" prop="isEligible">
<el-input
v-model="queryParams.isEligible"
placeholder="请输入报名是否需符合粉丝要求(0否|1是)"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="图文/视频/不限" prop="pic">
<el-input
v-model="queryParams.pic"
placeholder="请输入图文/视频/不限"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="单品/合集/不限" prop="collect">
<el-input
v-model="queryParams.collect"
placeholder="请输入单品/合集/不限"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -142,17 +155,7 @@
v-hasPermi="['busi:notice:add']" v-hasPermi="['busi:notice:add']"
>新增</el-button> >新增</el-button>
</el-col> </el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['busi:notice:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
@ -179,71 +182,80 @@
<el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一主键" align="center" prop="id" /> <el-table-column label="平台" width="100" align="center" prop="platformName" />
<el-table-column label="发布者" align="center" prop="userId" /> <el-table-column label="发布者" width="100" align="center" prop="userNickName" />
<el-table-column label="标题" align="center" prop="title" /> <el-table-column label="标题" width="100" align="center" prop="title" />
<el-table-column label="平台名称" align="center" prop="platformName" />
<el-table-column label="国家" align="center" prop="country" /> <el-table-column label="平台名称" width="100" align="center" prop="platformName" />
<el-table-column label="稿费下限" align="center" prop="feeDown" /> <el-table-column label="稿费下限" width="100" align="center" prop="feeDown" />
<el-table-column label="稿费上限" align="center" prop="feeUp" /> <el-table-column label="稿费上限" width="100" align="center" prop="feeUp" />
<el-table-column label="是否需自报价" align="center" prop="isSelfPrice"> <el-table-column label="是否需自报价" width="100" align="center" prop="isSelfPrice">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.true_or_false" :value="scope.row.isSelfPrice"/> <dict-tag :options="dict.type.true_or_false" :value="scope.row.isSelfPrice"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="赠品明细" align="center" prop="giftDetail" /> <el-table-column label="赠品明细" width="100" align="center" prop="giftDetail" />
<el-table-column label="赠品价值" align="center" prop="giftPrice" /> <el-table-column label="赠品价值(元)" width="100" align="center" prop="giftPrice" />
<el-table-column label="截止日期" align="center" prop="endDate" width="180"> <el-table-column label="截止日期" width="100" align="center" prop="endDate">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="品牌" align="center" prop="brand" /> <el-table-column label="品牌" width="100" align="center" prop="brand" />
<el-table-column label="是否公开品牌" align="center" prop="isShowBrand"> <el-table-column label="是否公开品牌" width="100" align="center" prop="isShowBrand">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.true_or_false" :value="scope.row.isShowBrand"/> <dict-tag :options="dict.type.true_or_false" :value="scope.row.isShowBrand"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="招募名额" align="center" prop="needNum" /> <el-table-column label="招募名额" width="100" align="center" prop="needNum" />
<el-table-column label="粉丝要求下限" align="center" prop="fansDown" /> <el-table-column label="粉丝要求下限" width="100" align="center" prop="fansDown" />
<el-table-column label="粉丝要求上限" align="center" prop="fansUp" /> <el-table-column label="粉丝要求上限" width="100" align="center" prop="fansUp" />
<el-table-column label="报名是否需符合粉丝要求(0否|1是)" align="center" prop="isEligible" />
<el-table-column label="图文/视频/不限" align="center" prop="pic" />
<el-table-column label="单品/合集/不限" align="center" prop="collect" /> <el-table-column label="产品图" width="100" align="center" prop="images" >
<el-table-column label="通告明细" align="center" prop="detail" />
<el-table-column label="产品图" align="center" prop="images" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<image-preview :src="scope.row.images" :width="50" :height="50"/> <image-preview :src="scope.row.images" :width="50" :height="50"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="博主类型" align="center" prop="bloggerTypes" /> <el-table-column label="博主类型" width="100" align="center" prop="bloggerTypes" />
<el-table-column label="是否公开联系方式" align="center" prop="isShowTel"> <el-table-column label="使用通告券" width="100" align="center" prop="isUseCoupon">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.true_or_false" :value="scope.row.isShowTel"/> <dict-tag :options="dict.type.true_or_false" :value="scope.row.isUseCoupon"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="微信号" align="center" prop="wechat" /> <el-table-column label="审核备注" align="center" prop="approvalRemark" />
<el-table-column label="电话" align="center" prop="tel" /> <el-table-column label="认证时间" align="center" prop="createTime" width="180">
<el-table-column label="微信群码图片" align="center" prop="groupImage" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<image-preview :src="scope.row.groupImage" :width="50" :height="50"/> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="是否使用通告券" align="center" prop="isUseCoupon" /> <el-table-column fixed="right" label="审核状态" align="center" prop="approvalStatus">
<el-table-column label="审核状态" align="center" prop="approvalStatus">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.dl_approval_status" :value="scope.row.approvalStatus"/> <dict-tag :options="dict.type.dl_approval_status" :value="scope.row.approvalStatus"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="审核人" align="center" prop="approvalUserId" /> <el-table-column fixed="right" label="审核人" align="center" prop="approvalUserId" />
<el-table-column label="审核时间" align="center" prop="approvalTime" width="180"> <el-table-column fixed="right" label="审核时间" align="center" prop="approvalTime" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.approvalTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.approvalTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="审核备注" align="center" prop="approvalRemark" /> <el-table-column fixed="right" label="操作" width="220px" align="center" class-name="small-padding fixed-width">
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-s-data"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-s-check"
@click="handleAudit(scope.row)"
v-hasPermi="['busi:notice:audit']"
>审核</el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@ -271,134 +283,9 @@
/> />
<!-- 添加或修改通告对话框 --> <!-- 添加或修改通告对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog append-to-body :title="title" :visible.sync="open" width="1500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <EditForm ref="editForm" :is-detail="isDetail"></EditForm>
<el-form-item label="发布者" prop="userId"> <div slot="footer" class="dialog-footer" v-if="!isDetail">
<el-input v-model="form.userId" placeholder="请输入发布者" />
</el-form-item>
<el-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题" />
</el-form-item>
<el-form-item label="平台名称" prop="platformName">
<el-input v-model="form.platformName" placeholder="请输入平台名称" />
</el-form-item>
<el-form-item label="稿费下限" prop="feeDown">
<el-input v-model="form.feeDown" placeholder="请输入稿费下限" />
</el-form-item>
<el-form-item label="稿费上限" prop="feeUp">
<el-input v-model="form.feeUp" placeholder="请输入稿费上限" />
</el-form-item>
<el-form-item label="是否需自报价" prop="isSelfPrice">
<el-select v-model="form.isSelfPrice" placeholder="请选择是否需自报价">
<el-option
v-for="dict in dict.type.true_or_false"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="赠品明细" prop="giftDetail">
<el-input v-model="form.giftDetail" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="赠品价值" prop="giftPrice">
<el-input v-model="form.giftPrice" placeholder="请输入赠品价值" />
</el-form-item>
<el-form-item label="截止日期" prop="endDate">
<el-date-picker clearable
v-model="form.endDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择截止日期">
</el-date-picker>
</el-form-item>
<el-form-item label="品牌" prop="brand">
<el-input v-model="form.brand" placeholder="请输入品牌" />
</el-form-item>
<el-form-item label="是否公开品牌" prop="isShowBrand">
<el-select v-model="form.isShowBrand" placeholder="请选择是否公开品牌">
<el-option
v-for="dict in dict.type.true_or_false"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="招募名额" prop="needNum">
<el-input v-model="form.needNum" placeholder="请输入招募名额" />
</el-form-item>
<el-form-item label="粉丝要求下限" prop="fansDown">
<el-input v-model="form.fansDown" placeholder="请输入粉丝要求下限" />
</el-form-item>
<el-form-item label="粉丝要求上限" prop="fansUp">
<el-input v-model="form.fansUp" placeholder="请输入粉丝要求上限" />
</el-form-item>
<el-form-item label="报名是否需符合粉丝要求(0否|1是)" prop="isEligible">
<el-input v-model="form.isEligible" placeholder="请输入报名是否需符合粉丝要求(0否|1是)" />
</el-form-item>
<el-form-item label="图文/视频/不限" prop="pic">
<el-input v-model="form.pic" placeholder="请输入图文/视频/不限" />
</el-form-item>
<el-form-item label="单品/合集/不限" prop="collect">
<el-input v-model="form.collect" placeholder="请输入单品/合集/不限" />
</el-form-item>
<el-form-item label="通告明细" prop="detail">
<el-input v-model="form.detail" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="产品图" prop="images">
<image-upload v-model="form.images"/>
</el-form-item>
<el-form-item label="博主类型" prop="bloggerTypes">
<el-input v-model="form.bloggerTypes" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="是否公开联系方式" prop="isShowTel">
<el-select v-model="form.isShowTel" placeholder="请选择是否公开联系方式">
<el-option
v-for="dict in dict.type.true_or_false"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="微信号" prop="wechat">
<el-input v-model="form.wechat" placeholder="请输入微信号" />
</el-form-item>
<el-form-item label="电话" prop="tel">
<el-input v-model="form.tel" placeholder="请输入电话" />
</el-form-item>
<el-form-item label="微信群码图片" prop="groupImage">
<image-upload v-model="form.groupImage"/>
</el-form-item>
<el-form-item label="是否使用通告券" prop="isUseCoupon">
<el-input v-model="form.isUseCoupon" placeholder="请输入是否使用通告券" />
</el-form-item>
<el-form-item label="审核状态" prop="approvalStatus">
<el-radio-group v-model="form.approvalStatus">
<el-radio
v-for="dict in dict.type.dl_approval_status"
:key="dict.value"
:label="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审核人" prop="approvalUserId">
<el-input v-model="form.approvalUserId" placeholder="请输入审核人" />
</el-form-item>
<el-form-item label="审核时间" prop="approvalTime">
<el-date-picker clearable
v-model="form.approvalTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择审核时间">
</el-date-picker>
</el-form-item>
<el-form-item label="审核备注" prop="approvalRemark">
<el-input v-model="form.approvalRemark" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
@ -408,10 +295,14 @@
<script> <script>
import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/busi/notice"; import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/busi/notice";
import {listByCode} from "@/api/base/category";
import {getRegion} from "@/api/base/util";
import EditForm from "./component/EditForm.vue"
export default { export default {
name: "Notice", name: "Notice",
dicts: ['dl_approval_status', 'true_or_false'], dicts: ['notice_type', 'notice_collect', 'dl_approval_status', 'true_or_false'],
components: {EditForm},
data() { data() {
return { return {
// //
@ -432,17 +323,20 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
daterangeCreateTime: [],
// //
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
userId: null, userId: null,
title: null, title: null,
platformCode: null,
platformName: null, platformName: null,
country: null,
feeDown: null,
feeUp: null,
isSelfPrice: null, isSelfPrice: null,
giftDetail: null,
giftPrice: null,
endDate: null,
brand: null, brand: null,
isShowBrand: null, isShowBrand: null,
needNum: null, needNum: null,
@ -452,21 +346,81 @@ export default {
pic: null, pic: null,
collect: null, collect: null,
detail: null, detail: null,
images: null,
bloggerTypes: null,
isShowTel: null,
wechat: null,
tel: null,
groupImage: null,
isUseCoupon: null,
approvalStatus: null,
approvalUserId: null,
approvalTime: null,
approvalRemark: null,
createTime: null,
}, },
// //
form: {}, form: {},
// //
rules: { rules: {
} title: [
{ required: true, message: "标题不能为空", trigger: "blur" }
],
platformCode: [
{ required: true, message: "平台code不能为空", trigger: "change" }
],
feeDown: [
{ required: true, message: "稿费下限不能为空", trigger: "blur" }
],
isSelfPrice: [
{ required: true, message: "是否需自报价不能为空", trigger: "change" }
],
endDate: [
{ required: true, message: "截止日期不能为空", trigger: "blur" }
],
pic: [
{ required: true, message: "图文/视频/不限不能为空", trigger: "change" }
],
collect: [
{ required: true, message: "单品/合集/不限不能为空", trigger: "change" }
],
detail: [
{ required: true, message: "通告明细不能为空", trigger: "blur" }
]
},
platformList:[],
provinceList:[],
cityList:[]
}; };
}, },
created() { created() {
this.getList(); this.getList();
this.getPlatform()
}, },
methods: { methods: {
getProvince(){
getRegion(null).then(res=>{
this.provinceList = res.data
})
},
getCity(provinceId){
getRegion(provinceId).then(res=>{
this.cityList = res.data
})
},
getPlatform(){
listByCode({code:'dl_platform'}).then(res=>{
this.platformList = res.data
})
},
/** 查询通告列表 */ /** 查询通告列表 */
getList() { getList() {
this.loading = true; this.loading = true;
this.queryParams.params = {};
if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
}
listNotice(this.queryParams).then(response => { listNotice(this.queryParams).then(response => {
this.noticeList = response.data.records; this.noticeList = response.data.records;
this.total = response.data.total; this.total = response.data.total;
@ -478,6 +432,7 @@ export default {
this.open = false; this.open = false;
this.reset(); this.reset();
}, },
isDetail:false,
// //
reset() { reset() {
this.form = { this.form = {
@ -528,6 +483,7 @@ export default {
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.daterangeCreateTime = [];
this.resetForm("queryForm"); this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
}, },
@ -540,31 +496,50 @@ export default {
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.isDetail = false
this.open = true; this.open = true;
this.title = "添加通告"; this.title = "添加通告";
}, },
handleDetail(row){
this.reset();
const id = row.id || this.ids
getNotice(id).then(response => {
this.isDetail = true
this.open = true;
this.$nextTick(() => {
this.$refs.editForm.form = response.data;
});
this.title = "通告详情";
});
},
handleAudit(row) {
this.audit
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const id = row.id || this.ids const id = row.id || this.ids
getNotice(id).then(response => { getNotice(id).then(response => {
this.form = response.data; this.isDetail = false
this.open = true; this.open = true;
this.$nextTick(() => {
this.$refs.editForm.form = response.data;
});
this.title = "修改通告"; this.title = "修改通告";
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs.editForm.$refs["form"].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.$refs.editForm.form.id != null) {
updateNotice(this.form).then(response => { updateNotice(this.$refs.editForm.form).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
this.getList(); this.getList();
}); });
} else { } else {
addNotice(this.form).then(response => { addNotice(this.$refs.editForm.form).then(response => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); this.getList();
@ -592,3 +567,15 @@ export default {
} }
}; };
</script> </script>
<style scoped>
.fixed-height-dialog {
height: 900px; /* 固定高度 */
}
.dialog-form {
overflow-y: auto; /* 内容超出时滚动 */
}
</style>