| | |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div style="width: 24%; margin-top: 10px; padding-left: 10px;"> |
| | | <el-card class="box-card" style="padding: 0; font-weight: bold; height: 780px"> |
| | | <div style="width: 24%; margin-top: 10px; padding-left: 10px; "> |
| | | <el-card |
| | | class="box-card" |
| | | style="padding: 0; font-weight: bold; height: 780px; " |
| | | > |
| | | <div slot="header" class="clearfix"> |
| | | <span style="font-size: 18px; color: #566f94; font-weight: bold">消息列表</span> |
| | | <el-button style="float: right; padding: 3px 0" type="text" |
| | | >全部已读</el-button |
| | | <span style="font-size: 18px; color: #566f94; font-weight: bold" |
| | | >消息列表</span |
| | | > |
| | | <el-button |
| | | v-if="ReadState == 1" |
| | | style="float: right; padding: 6px " |
| | | type="danger" |
| | | plain |
| | | @click="FnReadState" |
| | | >查看未读消息</el-button |
| | | > |
| | | <el-button |
| | | v-else |
| | | style="float: right; padding: 6px " |
| | | type="info" |
| | | plain |
| | | @click="FnReadState" |
| | | >查看已读消息</el-button |
| | | > |
| | | </div> |
| | | <div v-for="o in 4" :key="o" class="text item"> |
| | | {{ "列表内容 " + o }} |
| | | <div style="height: 606px;overflow: auto;"> |
| | | <el-table :data="tableData" v-loading="loading" style="width: 100%"> |
| | | <el-table-column label="通知日期"> |
| | | <template slot-scope="scope"> |
| | | <i class="el-icon-time"></i> |
| | | <span style="margin-left: 10px">{{ |
| | | scope.row.createTime |
| | | }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="概要"> |
| | | <template slot-scope="scope"> |
| | | <el-popover trigger="hover" placement="top"> |
| | | <div class="dialog-class" style="margin: 20px;"> |
| | | <div>{{ scope.row.messagecontent }}</div> |
| | | <div style=" height: 100px;margin-top: 40px;"> |
| | | <span>{{ "处理人:" + scope.row.sendusername }}</span> |
| | | <div>{{ "处理时间:" + scope.row.updateTime }}</div> |
| | | </div> |
| | | <div style="text-align: right; ; margin: 0"> |
| | | <el-button |
| | | type="primary" |
| | | size="mini" |
| | | @click="clickMessageDetailed(scope.row)" |
| | | >确定</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | <div slot="reference" class="name-wrapper"> |
| | | <el-tag size="medium">{{ |
| | | scope.row.messagetitle |
| | | }}</el-tag> |
| | | </div> |
| | | </el-popover> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="状态" align="center" prop="paystatus"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_messagestatus" |
| | | :value="scope.row.isread" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="searchData.pageNum" |
| | | :limit.sync="searchData.pageSize" |
| | | @pagination="GetMessageList" |
| | | /> |
| | | </el-card> |
| | | </div> |
| | | </div> |
| | |
| | | getOrgansOfHospitalByMonth, |
| | | getDonateorganSum |
| | | } from "@/api/project/donateorgan"; |
| | | import { getUserProfile } from "@/api/system/user"; |
| | | import { |
| | | listSystemmessageList, |
| | | listSystemmessageCount, |
| | | updateSystemmessage |
| | | } from "@/api/project/message"; |
| | | |
| | | import Li_area_select from "@/components/Address"; |
| | | |
| | | const DEF_TABLE_CONFIG = { |
| | |
| | | |
| | | export default { |
| | | name: "home", |
| | | dicts: ["sys_messagestatus"], |
| | | components: { |
| | | RankChart, |
| | | OrganNumChart, |
| | |
| | | { label: "台州市", value: "A" }, |
| | | { label: "丽水市", value: "B" } |
| | | ], |
| | | ReadState: 1, |
| | | searchData: { |
| | | del_flag: 0, |
| | | receiveuserno: "", |
| | | isread: null, |
| | | pageNum: 1, |
| | | pageSize: 10 |
| | | }, |
| | | total: 0, |
| | | loading: false, |
| | | value: "", |
| | | userID: "", |
| | | //时间选项 |
| | | timeoption: "", |
| | | //起始时间 |
| | |
| | | // value: 0, |
| | | // }, |
| | | ], |
| | | tableData: [ |
| | | { |
| | | date: "2016-05-02", |
| | | name: "王小虎", |
| | | address: "上海市普陀区金沙江路 1518 弄" |
| | | }, |
| | | { |
| | | date: "2016-05-04", |
| | | name: "王小虎", |
| | | address: "上海市普陀区金沙江路 1517 弄" |
| | | }, |
| | | { |
| | | date: "2016-05-01", |
| | | name: "王小虎", |
| | | address: "上海市普陀区金沙江路 1519 弄" |
| | | }, |
| | | { |
| | | date: "2016-05-03", |
| | | name: "王小虎", |
| | | address: "上海市普陀区金沙江路 1516 弄" |
| | | } |
| | | ], |
| | | //统计指标数据 |
| | | qualirtData: { |
| | | dbcddgfrate: 0, |
| | |
| | | // listnewEthicalreviewopinions |
| | | created() { |
| | | // this.listnewMedicalevaluation() |
| | | this.GetUser(); |
| | | }, |
| | | mounted() { |
| | | this.$nextTick(() => { |
| | |
| | | }, |
| | | methods: { |
| | | getprovincedata() {}, |
| | | |
| | | GetUser() { |
| | | this.loading = true; |
| | | getUserProfile() |
| | | .then(res => { |
| | | this.searchData.receiveuserno = res.data.userName; |
| | | this.GetMessageList(); |
| | | }) |
| | | .catch(error => { |
| | | this.$message.error(error); |
| | | }); |
| | | }, |
| | | GetMessageList() { |
| | | listSystemmessageList(this.searchData).then(res => { |
| | | if (res.code == 200) { |
| | | this.tableData = res.rows; |
| | | this.loading = false; |
| | | this.total = res.total; |
| | | } |
| | | }); |
| | | }, |
| | | // 确定已读 |
| | | clickMessageDetailed(item) { |
| | | let data = item; |
| | | if (data.isread == 0) { |
| | | item.isread = 1; |
| | | updateSystemmessage(item) |
| | | .then(res => { |
| | | this.$message.success("已读"); |
| | | this.GetMessageList(); |
| | | }) |
| | | .catch(error => {}); |
| | | } else { |
| | | this.$message.info("此消息已读"); |
| | | } |
| | | }, |
| | | // 切换读取状态 |
| | | FnReadState() { |
| | | if (this.ReadState == 1) { |
| | | this.searchData.isread = 0; |
| | | this.ReadState = 0; |
| | | this.GetMessageList(); |
| | | } else { |
| | | this.searchData.isread = 1; |
| | | this.ReadState = 1; |
| | | this.GetMessageList(); |
| | | } |
| | | }, |
| | | get_unix_time(dateStr) { |
| | | var newstr = dateStr.replace(/-/g, "/"); |
| | | var date = new Date(newstr); |