Houjie
2025-04-11 1bf977929dd324f3ac64b70debd8a79443c54392
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<template>
    <view class="bg-white" style="height: 100vh;">
        <cu-custom :bgColor="NavBarColor" :isBack="true" backFlag="navigate">
            <block slot="backText">返回</block>
            <block slot="content">详情</block>
        </cu-custom>
        <view>
            <view class="title">
                <view class="padding" style="font-family: '宋体';">
                    <text class="text-black title text-bold text-xl">{{annotation.titile}} </text>
                </view>
            </view>
            <view class=" text-df padding-left " style="color: #999;">
                <text class="title padding-right-xl" style="color: #999;">
                    {{annotation.sender||''}}
                </text>    
                <text  class="" v-html="annotation.sendTime">
                </text>
            </view>
            <view class="desc" style="font-family: '仿宋';font-size: 18px;">
                <view class="text-content padding" v-html="annotation.msgContent">
                    <!-- <annotation-block :content="annotation.msgContent"/> -->
                </view>
            </view>
            <view class="text-gray padding-left padding-bottom text-gray">
                <text class="cuIcon-attentionfill margin-lr-xs" @click="numberPlus"></text> 10
                <text class="cuIcon-appreciatefill padding-left margin-lr-xs" @click="numberPlus"></text> 20
            </view>
        </view>
    </view>
</template>
 
<script>
 
 
export default {
    data(){
        return{
            NavBarColor:this.NavBarColor,
            annotation:{
                id:"",
                titile:"",
                startTime:"",
                sender:"",
                msgContent:"",
 
            },
            goodNumber:null,
            flg:true,
        }
    },
    // onLoad:function(){
    //     console.log("this.$Route.query",this.$Route);
    //     let query = this.$Route.query
    //     if(query){
    //         this.annotation = query;
    //         }
    // },
    onLoad: function (option) {
        const annItem = JSON.parse(decodeURIComponent(option.item));
        console.log("ann",annItem)
        this.annotation = annItem 
        this.readOk();
    },
    created(){
        console.log("created")
        //this.readOk();
    },
    methods:{
        readOk(){
            console.log("readOk")
            let param = {anntId:this.annotation.anntId}
            this.$http.put('/sys/sysAnnouncementSend/editByAnntIdAndUserId',param);
        },
 
        numberPlus(){
            if (this.flg){
                this.goodNumber++
                this.flg = false
            } else {
                this.goodNumber--
                if (this.goodNumber == 0){
                    this.goodNumber = null
                }
                this.flg = true
            }
        }
    }
}
</script>
 
<style>
</style>