| | |
| | | <el-input |
| | | v-model.trim="formInline.projName" |
| | | style="width: 240px" |
| | | @keyup.native="keyupEvent($event)" |
| | | type="tel" |
| | | clearable |
| | | placeholder="请输入" |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | <el-form-item style="text-align: right;"> |
| | | <!-- v-if='filterBtnById("150102")' --> |
| | | <el-button type="primary" style="margin-left: 10px;margin-bottom: 8px;" @click="onSearch">查 询</el-button> |
| | | <el-form-item style="text-align: right;" > |
| | | <el-button type="primary" v-if='filterBtnById("420101")' style="margin-left: 10px;margin-bottom: 8px;" @click="onSearch">查 询</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | @getDataList="getDataList" |
| | | :exportUrl="{ |
| | | url: '/qyp/project/export', |
| | | powerId: '', |
| | | powerId: '420104', |
| | | name: '项目列表', |
| | | }" |
| | | ></Etable> |
| | | </div> |
| | | <el-dialog top="2vh" :title="title" :visible.sync="addProd" width="60%"> |
| | | <el-dialog top="2vh" :title="title" :visible.sync="addProd" width="1000px"> |
| | | <!-- 新增商品名称 --> |
| | | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" size="small" label-width="100px" class="demo-ruleForm"> |
| | | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" size="small" label-width="120px" class="demo-ruleForm"> |
| | | <el-form-item label="项目名称" prop="projName"> |
| | | <el-input v-model="ruleForm.projName" :disabled="disabled" :maxlength="50"></el-input> |
| | | </el-form-item> |
| | |
| | | <el-form-item label="项目背景图" v-if="addProd" ref="backFilePath" prop="backFilePath"> |
| | | <uploadImg v-if="addProd" @sendList="imgSet($event,'backFilePath')" :disabled="disabled" :defaultList="ruleForm.backFilePath"></uploadImg> |
| | | </el-form-item> |
| | | <el-form-item label="项目logo" ref="logoFilePath" prop="logoFilePath"> |
| | | <el-form-item label="项目宣传标语" ref="logoFilePath" prop="logoFilePath"> |
| | | <uploadImg v-if="addProd" @sendList="imgSet($event,'logoFilePath')" :disabled="disabled" :defaultList="ruleForm.logoFilePath"></uploadImg> |
| | | </el-form-item> |
| | | <el-form-item label="平台头图" ref="titleFilePath" prop="titleFilePath"> |
| | | <el-form-item label="项目优惠券图片" ref="titleFilePath" prop="titleFilePath"> |
| | | <uploadImg v-if="addProd" @sendList="imgSet($event,'titleFilePath')" :disabled="disabled" :defaultList="ruleForm.titleFilePath"></uploadImg> |
| | | </el-form-item> |
| | | <el-form-item label="会员权益" ref="qyFilePath" prop="qyFilePath"> |
| | | <el-form-item label="会员权益" ref="qyFilePath"> |
| | | <uploadImg v-if="addProd" @sendList="imgSet($event,'qyFilePath')" :disabled="disabled" :defaultList="ruleForm.qyFilePath"></uploadImg> |
| | | </el-form-item> |
| | | <el-form-item label="活动规则" ref="ruleFilePath" prop="ruleFilePath"> |
| | | <uploadImg v-if="addProd" @sendList="imgSet($event,'ruleFilePath')" :disabled="disabled" :defaultList="ruleForm.ruleFilePath"></uploadImg> |
| | | <el-form-item label="活动规则" prop="ruleContent"> |
| | | <tinymce v-model="ruleForm.ruleContent" :disabled="disabled" :height="300" /> |
| | | </el-form-item> |
| | | <el-form-item style="text-align:right;" v-if="!disabled"> |
| | | <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button> |
| | | <!-- <el-button @click="resetForm('ruleForm')">重置</el-button> --> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import Etable from "../../components/table.vue"; |
| | | import {projectInit,projectAdd,projectDtl,projectUpdata} from "@/api/credit"; |
| | | import uploadImg from "@/components/upload.vue"; |
| | | import Tinymce from '@/components/Tinymce' |
| | | export default { |
| | | name: "order", |
| | | components: { Etable,uploadImg }, |
| | | components: { Etable,uploadImg,Tinymce }, |
| | | data() { |
| | | let backFilePathImage = (rule, value, callback) => { //验证器 |
| | | if (!this.ruleForm.backFilePath.length) { //为true代表图片在 false报错 |
| | |
| | | type:'text' |
| | | }, |
| | | style: { |
| | | // display: this.filterBtnById(150101) |
| | | // ? "inline-block" |
| | | // : "none", |
| | | display: this.filterBtnById(420102) |
| | | ? "inline-block" |
| | | : "none", |
| | | }, |
| | | on: { |
| | | click: () => { |
| | |
| | | }, |
| | | style: { |
| | | "margin-left": "15px", |
| | | // display: this.filterBtnById(150104) |
| | | // ? "inline-block" |
| | | // : "none", |
| | | display: this.filterBtnById(420103) |
| | | ? "inline-block" |
| | | : "none", |
| | | }, |
| | | on: { |
| | | click: () => { |
| | |
| | | ], |
| | | ruleFilePath: [ |
| | | { required: true, trigger: 'change',validator: ruleFilePathImage } |
| | | ], |
| | | ruleContent:[ |
| | | { required: true, message: '请输入活动规则', trigger: 'blur', } |
| | | ] |
| | | }, |
| | | title:"新增项目" |
| | |
| | | } |
| | | let objForm = JSON.parse(JSON.stringify(this.formInline)); |
| | | for (let key in objForm) { |
| | | if (objForm[key] === "all") { |
| | | if (objForm[key] === "all"||objForm[key] === "") { |
| | | delete objForm[key]; |
| | | } |
| | | } |
| | |
| | | body.backFilePath = this.setDefaultImg(backFilePath,'backFilePath'); |
| | | body.logoFilePath = this.setDefaultImg(logoFilePath,'logoFilePath'); |
| | | body.titleFilePath = this.setDefaultImg(titleFilePath,"titleFilePath"); |
| | | body.qyFilePath = this.setDefaultImg(qyFilePath,"qyFilePath"); |
| | | body.qyFilePath =qyFilePath? this.setDefaultImg(qyFilePath,"qyFilePath"):[]; |
| | | body.ruleFilePath = this.setDefaultImg(ruleFilePath,"ruleFilePath"); |
| | | this.ruleForm = body; |
| | | this.$nextTick(()=>{ |