新增 · 雜記

uview-ui ``` <template> <view> <header-title title="歡迎反饋問題和意見" :isPoint="true" pointColor="#5466ff" :isBtn="true" btnText="提交" :btnStyle="customStyle" @clickBtn="clickBtn" ></header-title> <view class="content Limit"> <view style="margin: 15rpx;"> <u-input v-model="form.content" :auto-height="false" type="textarea" maxlength="1000" height="300" placeholder="想說你就多說點" :border="false" /></u-form-item> <view style="color: #C0C4CC;"> <text>{{form.content.length}}/1000</text> </view> </view> <u-upload :action="action" :header="header" upload-text="選擇圖片" :max-count="9" :limitType="limitType" @on-success="uploadSuccess" :before-upload="beforeUpload" @on-error="onImageError" :show-tips="false" ></u-upload> <u-cell-group> <u-cell-item icon="qq-fill" title="聯系方式" :arrow="false"> <u-input v-model="form.contact" type="text" :border="false" input-align="right" slot="right-icon" placeholder="方便我們聯系你哦"/> </u-cell-item> </u-cell-group> <u-cell-item title="發布類別" @click="changeGroup" :arrow="false"> <text class="iconfont" slot="icon" style="margin-right: 10rpx;">  </text> <text slot="right-icon">{{group.length>0?group[okGroup].name:''}}</text> <u-picker v-model="show" mode="selector" :range="group" range-key="name" @confirm="confirm"></u-picker> </u-cell-item> </view> </view> </template> <script> // 一奇開源 QQ330729121 import {config} from "../../config/config"; import {User} from "../../model/user.js"; import {Community} from "../../model/community"; import headerTitle from "../../components/header-title/header-title.vue" import upload from "../../components/upload/upload.vue" export default { data() { return { customStyle: { backgroundColor: '#5466ff', marginRight: '30rpx' }, type:'image', header:{ token:uni.getStorageSync('token') }, uploadVideo:'', form: { content: '', checked: false }, show: false, address:"", location:"", okGroup:0, limitType:['png', 'jpg', 'jpeg', 'webp', 'gif'], action:config.apiBaseUrl+'v1/file/uploadFile', fileList: [ ], group:[] }; }, components:{ headerTitle }, async onLoad(e) { var res = await Community.getCommunityGroup(); if(res.code==200){ this.group=res.data; } }, methods:{ confirm(e){ this.okGroup=e; }, changeGroup(){ this.show=!this.show; }, onImageError(e){ uni.showToast({ title:e.msg, icon:"none" }) }, beforeUpload(){ uni.showLoading({ title:"上傳中", icon:"none", mask:true }) }, uploadSuccess(e){ this.fileList.push(e.data.src); uni.hideLoading(); }, async clickBtn(e){ if(this.form.content.length<1){ uni.showToast({ title:"說點什么在發吧", icon:'none' }) return; } const images=this.fileList.join(','); var data= { content:this.form.content, images:images?images:'', contact:this.form.contact?this.form.contact:'', group_id:this.group[this.okGroup].Id, } var res = await User.sendFeedback(data); if(res.code==200){ uni.showToast({ title:res.msg }) setTimeout(()=>{ uni.reLaunch({ url:'../my/set' }) },1000) } } } }; </script> <style lang="scss"> </style> ``` thinkphp5.1 model ``` public function sendFeedback(){ $data=request()->post(); $userInfo=$this->getUserInfo(); $res=Db::table('yiqi_feedback')->insert(['content'=>$data['content'],'group_id'=>$data['group_id'],'user_id'=>$userInfo['Id'],'images'=>$data['images'],'contact'=>$data['contact']]); if($res)return true; throw new BaseException(['msg'=>"提交失敗，稍后再試",'errorCode'=>1000]); } ``` controller ``` //反饋信息 public function sendFeedback(){ (new UserValidate())->goCheck('feedback'); (new UserModel())->sendFeedback(); return self::showData(200,"提交成功"); } ```