码迷,mamicode.com
首页 > 其他好文 > 详细

记一下公司的备注怎么写

时间:2020-05-19 21:05:38      阅读:288      评论:0      收藏:0      [点我收藏+]

标签:template   发送   scope   submit   ali   label   scrollbar   als   round   

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

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就去循环渲染页面咯

  <!-- 您讲给谁进行备注 -->
        <p style="height:30px; line-height:30px;text-align: center;font-size: 22px;margin: 0;">
          您将给
          <span style="color: #ff4081;">{{ notesModule.name }}</span> 进行备注
        </p>
        <!-- 备注内容滚动条 -->
        <div class="scrollarea">
          <el-scrollbar style="height:100%;width: 100%;margin: 0 auto;">
            <div style="height: 40px;line-height: 40px;" v-for="(item, index) in objdata" :key="index">
              <span>{{ item.createTime }}</span>
              <span>管理员名称:{{ item.personName }}</span>
              <span>备注内容:{{ item.description }}</span>
            </div>
          </el-scrollbar>
       </div>

// 点击确定按钮
       <div>
          <span>取 消</span>
          <span @click="notesSubmit">确 定</span>
        </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‘
          })
        }
      })
    },












 

记一下公司的备注怎么写

标签:template   发送   scope   submit   ali   label   scrollbar   als   round   

原文地址:https://www.cnblogs.com/yadi001/p/12919000.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!