【四】鸡汤来咯开发学习笔记-52

前端 · 2024-08-03

1.给edit的页面的功能加上admin专属
发布时状态为审核通过

}else{
                if(isAdminRole()) formDate.value.status=1
                res = await db.collection("soup-chicken").add(formDate.value)
            }

点击已经审核的数据进入,可以编辑

if(formDate.value.status !==2 &&!isAdminRole()) statusDisabled.value=true;

管理员取消上面的状态显示栏

<view v-if="formDate.status != undefined && !isAdminRole()">
        <uni-notice-bar showIcon :text="`通知: ${stateFormat(formDate.status).text},${(formDate.status==0 || formDate.status==1)?'不允许再次编辑':formDate.feedback+',修改后可以提交'}
        `"></uni-notice-bar>
    </view>

2.引入鸡汤审核状态控件

<view class="row">
            <view class="head">
                <view class="title">鸡汤状态</view>
            </view>
            <view class="body">
                <radio-group @change="statusChange">
                    <label class="radio" v-for="item in statList":key="item.value">
                        <radio :value="item.value" :checked="item.value==formDate.status"></radio>
                    </label>
                </radio-group>
            </view>
        </view>

3.加入选择状态后传值修改事件

//审核状态修改
const statusChange =(e)=>{
    formDate.value.status = Number(e.detail.value);
}

然后在修改功能旁边增加管理员可以根据选择的状态来发布,普通用户只能为审核中

let _formDate={soup_type,status,content,from,last_modify_date:Date.now()}
            if(id){
                if(!isAdminRole()) _formDate.status=0
                res= await db.collection("soup-chicken").doc(id).update(_formDate)
            }else{

4.再给鸡汤审核控件加入条件显示(只能再管理员状态且是二次修改时,也就是有id的时候)

<view class="row" v-if="isAdminRole() && formDate._id">
Theme Jasmine by Kent Liao