完成印章管理功能

licp

2024-04-23 6c647afb80fb17c75218ff3e328d38df92b8d21d

 src/view/notice.vue

@@ -36,31 +36,13 @@
    <div class="notice-content">
      <div class="notice-content-item" v-for="(m,i) in list" :key="i">
        <div class="btns">
          <el-dropdown style="margin-right: 20px;" trigger="click">
          <el-dropdown style="margin-right: 20px;" trigger="click" @command="handleDropdown">
            <span class="el-dropdown-link">
              <span class="more" style="line-height: 26px;display: inline-block;">&middot;&middot;&middot;</span>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>
                拒绝
              </el-dropdown-item>
              <el-dropdown-item>
                接收
              </el-dropdown-item>
              <el-dropdown-item>
                通过
              </el-dropdown-item>
              <el-dropdown-item>
                不通过
              </el-dropdown-item>
              <el-dropdown-item>
                批准
              </el-dropdown-item>
              <el-dropdown-item>
                不批准
              </el-dropdown-item>
              <el-dropdown-item>
                更多
              <el-dropdown-item v-for="(n,j) in dropdownList" :key="j" :command="n.value">
                {{ n.label }}
              </el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
@@ -69,14 +51,14 @@
        <div class="content">
          <img :src="`../../static/img/notice-${m.type}.svg`" alt="" style="width: 50px;margin-right: 18px;">
          <div class="content-info">
            <h4 style="font-weight: normal;margin-bottom: 6px;display: flex;align-items: center;justify-content: space-between;">
            <h4 style="font-weight: normal;margin-bottom: 4px;display: flex;align-items: center;justify-content: space-between;">
              <span>{{ m.title }}</span>
              <span class="time" style="color: #999999;font-size: 14px;">{{ m.time }}</span>
              <span class="time" style="color: #999999;font-size: 12px;">{{ m.time }}</span>
            </h4>
            <p style="color: #999999;font-size: 14px;margin-bottom: 8px;" class="ellipsis-multiline">{{ m.content }}</p>
            <el-tag type="danger" v-if="m.status==0">已拒绝</el-tag>
            <el-tag type="success" v-if="m.status==1">已接收</el-tag>
            <p style="font-size: 14px;color: #999999;display: flex;align-items: center;justify-content: space-between;">
            <p style="color: #999999;font-size: 14px;margin-bottom: 6px;" class="ellipsis-multiline">{{ m.content }}</p>
            <el-tag type="danger" size="small" v-if="m.status==0&&m.type==2" style="margin-bottom: 4px;">已拒绝</el-tag>
            <el-tag type="success" size="small" v-if="m.status==1&&m.type==2" style="margin-bottom: 4px;">已接收</el-tag>
            <p style="font-size: 12px;color: #999999;display: flex;align-items: center;justify-content: space-between;">
              <span>发送人：{{m.sendUser}}</span>
              <span>收件人：{{ m.getUser }}</span>
            </p>
@@ -95,7 +77,7 @@
export default {
  data(){
    return{
      drawer:true,
      drawer:false,
      direction:'rtl',
      options:[],
      type:'0',
@@ -105,7 +87,7 @@
          title:'标题',
          content:'内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
          time:'2019-08-07 15:34:26',
          status:1,//消息状态：拒绝、接收
          status:0,//消息状态：拒绝、接收
          isRead:0,//是否已读
          sendUser:'小明',
          getUser:'李华',
@@ -200,6 +182,36 @@
          sendUser:'小明',
          getUser:'李华',
        },
      ],
      dropdownList:[
        {
          label:'拒绝',
          value:0
        },
        {
          label:'接收',
          value:1
        },
        {
          label:'通过',
          value:2
        },
        {
          label:'不通过',
          value:3
        },
        {
          label:'批准',
          value:4
        },
        {
          label:'不批准',
          value:5
        },
        {
          label:'查看更多',
          value:6
        },
      ]
    }
  },
@@ -221,6 +233,25 @@
        this.options = data;
      })
    },
    goNoticeDetail(){
      this.drawer = false;
      this.$parent.addTab({
         v: "消息详情",
         i: "el-icon-s-tools",
         u: "notice-detail",
      k:35,
         p: "abcd"
      },29);
    },
    handleDropdown(e){
      switch(e){
        case 0:
          break;
        case 6:
          this.goNoticeDetail()
          break;
      }
    }
  }
}
</script>
@@ -241,8 +272,6 @@
  color: #303133;
}
>>>.el-drawer__body{
  box-sizing: border-box;
  padding: 0 16px;
  height: calc(100vh - 82px);
  overflow: hidden;
}
@@ -251,6 +280,8 @@
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  box-sizing: border-box;
  padding: 0 16px;
}
.more{
  font-size: 20px;
@@ -260,11 +291,13 @@
.notice-content{
  height: calc(100% - 60px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 16px;
}
.notice-content-item{
  position: relative;
  width: 100%;
  padding: 16px;
  padding: 8px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #EEEEEE;
@@ -275,6 +308,7 @@
  position: absolute;
  right: 20px;
  top: 4px;
  z-index: 4;
}
.notice-content-item .btns{
  opacity: 0;