记一下公司的备注怎么写

首先是点击添加备注按钮,会向后台发起一个请求,获得当前角色的备注,然后循环到备注的区域,然后可以自己写备注,点击确定按钮也会向后台发送请求,添加备注.

    data 里面的数据

// 备注信息模态框

notesModule: {

notesShow: false,

id: \'\',

taskName: \'\',

status: \'\',

info: \'\'

objdata: [], //备注容器

// 修改备注按钮
 <el-table-column label="备注" width="100">
            <template slot-scope="scope">
              <span class="action-btn" @click="notesEdit(scope.row)"> 
               我是备注</span>
            </template>
 </el-table-column>

//  点击备注按钮发送请求
notesEdit(obj) {
      this.notesModule = {
        notesShow: true,
        name: obj.taskName,
        id: obj.id,
        info: \'\'
      }
      this.getTaskReMark()
    },
 // 获取备注的列表
    getTaskReMark() {
      this.$http(this.GLOBALApi.commonBrandRemarkList(), {
        sourceType: 8,
        sourceId: this.notesModule.id,
        personId: \'1\' //用户的iD-或者管理员的id
      }).then(res => {
        if (res.status == 1) {
          this.objdata = res.data
          console.log(res.data)
        } else {
        }
      })
      this.initPage()
    },

获得了objdata就去循环渲染页面咯

您将给

<span style="color: #ff4081;">{{ notesModule.name }}</span> 进行备注

</p>

<el-scrollbar style="height:100%;width: 100%;margin: 0 auto;">

<span>{{ item.createTime }}</span>

<span>管理员名称：{{ item.personName }}</span>

<span>备注内容:{{ item.description }}</span>

</div>

</el-scrollbar>

</div>

// 点击确定按钮

<div>

</div>

　　// 点击确定按钮发送请求

// 发起请求提交备注的信息

notesSubmit() {

this.$http(this.GLOBALApi.commonRemark(), {

sourceType: 8,

sourceId: this.notesModule.id,

description: this.notesModule.info,

personId: \'1\' //用户的iD-或者管理员的id

}).then(res => {

if (res.status == 1) {

this.$message({

message: \'保存成功\',

type: \'info\'

})

this.notesModule = {

notesShow: false,

name: \'\',

id: \'\',

info: \'\'

}

this.initPage()

} else {

this.$message({

message: \'请填写备注\',

type: \'error\'

})

}

})

发表于

2020-05-19 19:37

huyadi

阅读(392)

编辑