dianliang/dl_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of http://122.51.230.86:3000/dianliang/dl_vue

Browse Source
This commit is contained in:
PQZ 2025-03-21 15:18:49 +08:00
commit e427ba94db
4 changed files with 575 additions and 274 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/api/base/category.js
View File

@ -42,3 +42,12 @@ export function delCategory(id) {
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'
})
}

295
src/views/busi/notice/component/EditForm.vue Normal file
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>

535
src/views/busi/notice/index.vue
View File

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