qxtj

qinxianzhangyao

2023-11-23 5cfc97edd66731e2ebeea36072ec160a25a7bbf3

 src/views/system/notice/index.vue

@@ -104,6 +104,13 @@
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:notice:remove']"
          >删除</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-share"
            @click="handledetails(scope.row)"
            v-hasPermi="['system:notice:remove']"
          >详情</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -164,6 +171,22 @@
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

     <!--通知公告详情 -->
    <el-dialog :title="formIn.noticeTitle" :visible.sync="openDetail" width="800px" append-to-body>
      <div style="margin-top:-20px;margin-bottom:10px;">
        <el-tag size="mini" effect="dark" type="warning" v-if="form.noticeType==2">公告</el-tag>
        <el-tag size="mini" effect="dark" v-else>通知</el-tag>
        <span style="margin-left:20px;">{{formIn.createTime}}</span>
      </div>
      <div class="content">
        <div v-html="formIn.noticeContent" style="margin-left:0px;margin-right:76px" class="ql-editor"></div>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="cancel"> 关 闭 </el-button>
      </div>
    </el-dialog>

  </div>
</template>

@@ -177,6 +200,7 @@
    return {
      // 遮罩层
      loading: true,
      openDetail:false,
      // 选中数组
      ids: [],
      // 非单个禁用
@@ -201,6 +225,7 @@
        createBy: undefined,
        status: undefined
      },
      formIn:{},
      // 表单参数
      form: {},
      // 表单校验
@@ -230,6 +255,7 @@
    // 取消按钮
    cancel() {
      this.open = false;
      this.openDetail = false,
      this.reset();
    },
    // 表单重置
@@ -275,6 +301,11 @@
        this.title = "修改公告";
      });
    },

    handledetails(row){
      this.formIn = row;
      this.openDetail = true;
    },
    /** 提交按钮 */
    submitForm: function() {
      this.$refs["form"].validate(valid => {