晚會工做人員，專區活動知識點

時間 2021-05-22

標籤 dom this spa code orm 接口圖片 get 欄目快樂工作简体版

原文原文鏈接

晚會工做人員

1.若是想顯示輸入vv號展現頭像和暱稱能夠用如下方法：dom

顯示vv號 回車顯示暱稱頭像<body>
<label style="margin-left:20px;">用戶ID：&nbsp;</label>
<span @blur="getUserInfo()" v-if="modifyModal.type == 2">{{editParams.userid}}</span>
<Input v-if="modifyModal.type == 1" style="width:120px;" v-model="editParams.userid" @blur="getUserInfo()" @keyup.enter.native="getUserInfo()"></Input>
：@keyup.enter.native=""(回車或者點擊)
顯示暱稱:
<label style="margin-left:20px;">暱稱：&nbsp;</label>     
<span style="margin-left:14px;">{{editParams.nickname}}</span>
顯示照片:
<label style="margin-left:20px;">用戶照片：</label></br>
<img :src="(editParams.photo)" style="width:80px;height:80px;" class="img_image">
<a :href="editParams.photo" class="http_a" download='' target="_blank"> <Button type="warning"  >下載圖片</Button></a>
a標籤連接 下載圖片

js相應的地方傳參數this

2.傳分頁參數的時候要根據後臺返回的傳spa

this.totalSize = data.total || 0;

3.（新增顯示用戶頭像之後上傳裁剪圖片不顯示裁剪圖像或者是編輯不顯示裁剪頭像，還有就是新增不顯示用戶頭像只有添加裁剪頭像之後才能顯示裁剪後的頭像）這是遇到的一個坑code

if (cutImg.dom_shade_img.src == location.href && !this.editParams.photo) {
        this.$Message.success('請添加照片');
        return
    }
    if (this.editParams.photo && cutImg.dom_shade_img.src == location.href) {
        this.submitData(this.editParams.photo, 1)
        return
    }

傳參數的時候傳裁剪後的圖片或者是頭像orm

photo: type == 1 ? this.editParams.photo : ('https://'+photo),

type == 1是我加了個區分新增編輯的肯定用1或2判斷接口

<Button type="success" @click="modifySure" v-if="modifyModal&&modifyModal.type == 1">保存</Button>
   <Button type="success" @click="modifySure" v-if="modifyModal&&modifyModal.type == 2">肯定</Button>

4.裁剪頭像的寫法在晚會工做人員裏圖片

專區活動

1.把倆個跳轉頁面的共同table寫在了一塊兒（由於內容是同樣的）ip

<div class="form_zuhud" v-if="recommendFlag||modifyModal">
            <Table :stripe="false" border align="center" >
                <thead>
                    <tr>
                        <th>專區</th>
                        <th>活動</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>{{parentStractName}}</td>
                        <td>{{title}}</td>
                    </tr>
                </tbody>
            </Table>
        </div>

添加工做人員的參數傳錯了再添加按鈕的部分添加而後接口傳參用get

amend(item){        
       this.activityid = item.activityid;
       this.parentStractId = item.parentStractId;                   
       this.dataDome(item.activityid,item.parentStractId)    
       },

dataDome給添加接口賦值，（查詢已添加的人展現出來），詳細看代碼it