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-04-09 15:53:56 +08:00
commit 58751d458c
1 changed files with 159 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

302
src/views/busi/notice/component/EditForm.vue
View File

@ -1,149 +1,160 @@
<template> <template>
<el-form ref="form" :model="form" :rules="rules" label-width="150px"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-row :gutter="20"> <el-tab-pane label="基本信息" name="first">
<el-col :span="8"> <el-form ref="form" :model="form" :rules="rules" label-width="150px">
<el-form-item label="标题" prop="title"> <el-row :gutter="20">
<el-input v-model="form.title" placeholder="请输入标题" :disabled="isDetail" /> <el-col :span="8">
</el-form-item> <el-form-item label="标题" prop="title">
</el-col> <el-input v-model="form.title" placeholder="请输入标题" :disabled="isDetail" />
<el-col :span="8"> </el-form-item>
<el-form-item label="平台" prop="platformCode"> </el-col>
<el-select v-model="form.platformCode" placeholder="请选择平台" clearable :disabled="isDetail"> <el-col :span="8">
<el-option <el-form-item label="平台" prop="platformCode">
v-for="data in platformList" <el-select v-model="form.platformCode" placeholder="请选择平台" clearable :disabled="isDetail">
:key="data.code" <el-option
:label="data.title" v-for="data in platformList"
:value="data.code" :key="data.code"
/> :label="data.title"
</el-select> :value="data.code"
</el-form-item> />
</el-col> </el-select>
<el-col :span="8"> </el-form-item>
<el-form-item label="截止日期" prop="endDate"> </el-col>
<el-date-picker clearable <el-col :span="8">
v-model="form.endDate" <el-form-item label="截止日期" prop="endDate">
type="date" <el-date-picker clearable
value-format="yyyy-MM-dd" v-model="form.endDate"
placeholder="请选择截止日期" type="date"
:disabled="isDetail"> value-format="yyyy-MM-dd"
</el-date-picker> placeholder="请选择截止日期"
</el-form-item> :disabled="isDetail">
</el-col> </el-date-picker>
</el-row> </el-form-item>
<el-row :gutter="20"> </el-col>
<el-col :span="8"> </el-row>
<el-form-item label="稿费下限" prop="feeDown"> <el-row :gutter="20">
<el-input-number :precision="2" min="0" v-model="form.feeDown" placeholder="请输入稿费下限" :disabled="isDetail" /> <el-col :span="8">
</el-form-item> <el-form-item label="稿费下限" prop="feeDown">
</el-col> <el-input-number :precision="2" min="0" v-model="form.feeDown" placeholder="请输入稿费下限" :disabled="isDetail" />
<el-col :span="8"> </el-form-item>
<el-form-item label="稿费上限" prop="feeUp"> </el-col>
<el-input-number :precision="2" min="0" v-model="form.feeUp" placeholder="请输入稿费上限" :disabled="isDetail" /> <el-col :span="8">
</el-form-item> <el-form-item label="稿费上限" prop="feeUp">
</el-col> <el-input-number :precision="2" min="0" v-model="form.feeUp" placeholder="请输入稿费上限" :disabled="isDetail" />
<el-col :span="8"> </el-form-item>
<el-form-item label="是否需自报价" prop="isSelfPrice"> </el-col>
<el-select v-model="form.isSelfPrice" placeholder="请选择是否需自报价" :disabled="isDetail"> <el-col :span="8">
<el-option <el-form-item label="是否需自报价" prop="isSelfPrice">
v-for="dict in dict.type.true_or_false" <el-select v-model="form.isSelfPrice" placeholder="请选择是否需自报价" :disabled="isDetail">
:key="dict.value" <el-option
:label="dict.label" v-for="dict in dict.type.true_or_false"
:value="parseInt(dict.value)" :key="dict.value"
></el-option> :label="dict.label"
</el-select> :value="parseInt(dict.value)"
</el-form-item> ></el-option>
</el-col> </el-select>
</el-row> </el-form-item>
<el-row :gutter="20"> </el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="招募名额" prop="needNum"> <el-form-item label="招募名额" prop="needNum">
<el-input-number :precision="0" :min="0" v-model="form.needNum" placeholder="请输入招募名额" :disabled="isDetail" /> <el-input-number :precision="0" :min="0" v-model="form.needNum" placeholder="请输入招募名额" :disabled="isDetail" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="是否公开品牌" prop="isShowBrand"> <el-form-item label="是否公开品牌" prop="isShowBrand">
<el-select v-model="form.isShowBrand" placeholder="请选择是否公开品牌" :disabled="isDetail"> <el-select v-model="form.isShowBrand" placeholder="请选择是否公开品牌" :disabled="isDetail">
<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"
:label="dict.label" :label="dict.label"
:value="parseInt(dict.value)" :value="parseInt(dict.value)"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="品牌" prop="brand"> <el-form-item label="品牌" prop="brand">
<el-input v-model="form.brand" placeholder="请输入品牌" :disabled="isDetail" /> <el-input v-model="form.brand" placeholder="请输入品牌" :disabled="isDetail" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="地区要求" prop="region"> <el-form-item label="地区要求" prop="region">
<el-select v-model="form.province" @change="provinceChange" placeholder="请选择省份" :disabled="isDetail"> <el-select v-model="form.province" @change="provinceChange" placeholder="请选择省份" :disabled="isDetail">
<el-option <el-option
v-for="item in provinceList" v-for="item in provinceList"
:key="item.name" :key="item.name"
:label="item.name" :label="item.name"
:value="item.name" :value="item.name"
></el-option> ></el-option>
</el-select> </el-select>
<el-select style="margin-top: 5px" v-model="form.city" placeholder="请选择城市" :disabled="isDetail"> <el-select style="margin-top: 5px" v-model="form.city" placeholder="请选择城市" :disabled="isDetail">
<el-option <el-option
v-for="item in cityList" v-for="item in cityList"
:key="item.name" :key="item.name"
:label="item.name" :label="item.name"
:value="item.name" :value="item.name"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="粉丝要求下限" prop="fansDown"> <el-form-item label="粉丝要求下限" prop="fansDown">
<el-input-number :precision="0" min="0" v-model="form.fansDown" placeholder="粉丝要求下限" :disabled="isDetail" /> <el-input-number :precision="0" min="0" v-model="form.fansDown" placeholder="粉丝要求下限" :disabled="isDetail" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="粉丝要求上限" prop="fansUp"> <el-form-item label="粉丝要求上限" prop="fansUp">
<el-input-number :precision="0" min="0" v-model="form.fansUp" placeholder="粉丝要求上限" :disabled="isDetail" /> <el-input-number :precision="0" min="0" v-model="form.fansUp" placeholder="粉丝要求上限" :disabled="isDetail" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="博主类型" prop="bloggerTypeList"> <el-form-item label="博主类型" prop="bloggerTypeList">
<el-select v-model="form.bloggerTypeList" multiple filterable placeholder="请选择博主类型" :disabled="isDetail"> <el-select v-model="form.bloggerTypeList" multiple filterable placeholder="请选择博主类型" :disabled="isDetail">
<el-option <el-option
v-for="data in bloggerList" v-for="data in bloggerList"
:key="data.code" :key="data.code"
:label="data.title" :label="data.title"
:value="data.code" :value="data.code"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="微信群码图片" prop="groupImage"> <el-form-item label="微信群码图片" prop="groupImage">
<image-upload :limit="1" v-model="form.groupImage" :disabled="isDetail" /> <image-upload :limit="1" v-model="form.groupImage" :disabled="isDetail" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="16"> <el-col :span="16">
<el-form-item label="产品图" prop="images"> <el-form-item label="产品图" prop="images">
<image-upload :limit="9" v-model="form.images" :disabled="isDetail" /> <image-upload :limit="9" v-model="form.images" :disabled="isDetail" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item label="通告明细" prop="detail">
<Editor v-model="form.detail" style="height: 300px" placeholder="请输入内容" :read-only="isDetail" />
</el-form-item>
</el-form>
</el-tab-pane>
<el-tab-pane label="自定义表单" name="second">
<el-input v-for="(it,idx) in form.customForm" v-model="form.customForm[idx]" :disabled="isDetail" style="margin-bottom: 1%" placeholder="请输入" />
<el-button type="primary" v-show="!isDetail" icon="el-icon-plus" @click="addForm" circle></el-button>
</el-tab-pane>
</el-tabs>
<el-form-item label="通告明细" prop="detail">
<Editor v-model="form.detail" style="height: 300px" placeholder="请输入内容" :read-only="isDetail" />
</el-form-item>
</el-form>
</template> </template>
<script> <script>
@ -157,8 +168,11 @@ export default {
dicts: ['notice_type', 'notice_collect', 'dl_approval_status', 'true_or_false'], dicts: ['notice_type', 'notice_collect', 'dl_approval_status', 'true_or_false'],
data() { data() {
return { return {
activeName: 'first',
// 表单参数 // 表单参数
form: {}, form: {
customForm:[]
},
platformList:[], platformList:[],
provinceList:[], provinceList:[],
cityList:[], cityList:[],
@ -204,8 +218,10 @@ export default {
this.getBloggerList() this.getBloggerList()
}, },
methods: { methods: {
addForm(){
this.form.customForm.push('')
},
provinceChange(e){ provinceChange(e){
console.log(e,276)
//在provicenList 中过滤出来 name 等于 e的 //在provicenList 中过滤出来 name 等于 e的
let provinceId = this.provinceList.filter(item=>{ let provinceId = this.provinceList.filter(item=>{
return item.name == e return item.name == e