|
@@ -1,83 +1,90 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<header class="mui-bar mui-bar-nav bg-blue shaw-no">
|
|
|
- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
|
+ <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="goBack"></a>
|
|
|
<h1 class="mui-title">我的督办</h1>
|
|
|
</header>
|
|
|
<div class="mui-content">
|
|
|
- <div class="von-db-top flex-sp">
|
|
|
- <a id="showUserPicker" class="mui-navigate-right mui-ellipsis" href=""
|
|
|
- >督办类型</a
|
|
|
- >
|
|
|
+ <!-- <div class="von-db-top flex-sp">
|
|
|
+ <a id="showUserPicker" class="mui-navigate-right mui-ellipsis" href="">督办类型</a>
|
|
|
<a class="mui-navigate-right mui-ellipsis" href="">督办进度</a>
|
|
|
- <a class="mui-navigate-right mui-ellipsis" href=""
|
|
|
- >2020-03-01至2020-03-31</a
|
|
|
- >
|
|
|
- </div>
|
|
|
+ <a class="mui-navigate-right mui-ellipsis" href="">2020-03-01至2020-03-31</a>
|
|
|
+ </div> -->
|
|
|
<ul class="mui-table-view von-db-list">
|
|
|
- <li class="mui-table-view-cell blue-line">
|
|
|
- <h4>省委领导批示</h4>
|
|
|
- <div class="von-db-text">
|
|
|
- <div class="flex-sp">
|
|
|
- <div class="mui-col-xs-9 mui-ellipsis-2">
|
|
|
- 关于对重点企业清洁生产审核工作进展进行督办的通知化
|
|
|
+ <div v-for="item in tableData" :key="item.id" @click="ReIncidentDetail(item.id)">
|
|
|
+ <li v-bind:class="'mui-table-view-cell ' + item.warningLight">
|
|
|
+ <h4>{{item.caseTypeName}}</h4>
|
|
|
+ <div class="von-db-text">
|
|
|
+ <div class="flex-sp">
|
|
|
+ <div class="mui-col-xs-9 mui-ellipsis-2">
|
|
|
+ {{item.title}}
|
|
|
+ </div>
|
|
|
+ <div class="mui-col-xs-3 mui-text-right">{{item.isFinishedName}}</div>
|
|
|
</div>
|
|
|
- <div class="mui-col-xs-3 mui-text-right">已交办</div>
|
|
|
+ <p class="mui-h6 mui-ellipsis flex-sp">
|
|
|
+ 交办时间 {{item.lastStepTime}}<span>交办人 {{item.lastStepPersonName}}</span>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <p class="mui-h6 mui-ellipsis flex-sp">
|
|
|
- 登记时间 2021-03-20<span>登记人 王小山</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell red-line">
|
|
|
- <h4>省委领导批示</h4>
|
|
|
- <div class="von-db-text">
|
|
|
- <div class="flex-sp">
|
|
|
- <div class="mui-col-xs-9 mui-ellipsis-2">
|
|
|
- 关于对重点企业清洁生产审核工作进展进行督办的通知化
|
|
|
- </div>
|
|
|
- <div class="mui-col-xs-3 mui-text-right">已交办</div>
|
|
|
- </div>
|
|
|
- <p class="mui-h6 mui-ellipsis flex-sp">
|
|
|
- 登记时间 2021-03-20<span>登记人 王小山</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell yellow-line">
|
|
|
- <h4>重要工作</h4>
|
|
|
- <div class="von-db-text">
|
|
|
- <div class="flex-sp">
|
|
|
- <div class="mui-col-xs-9 mui-ellipsis-2">
|
|
|
- 关于对重点企业清洁生产审核工作进展进行督办的通知化
|
|
|
- </div>
|
|
|
- <div class="mui-col-xs-3 mui-text-right">已交办</div>
|
|
|
- </div>
|
|
|
- <p class="mui-h6 mui-ellipsis flex-sp">
|
|
|
- 登记时间 2021-03-20<span>登记人 王小山</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell green-line">
|
|
|
- <h4>省委领导批示</h4>
|
|
|
- <div class="von-db-text">
|
|
|
- <div class="flex-sp">
|
|
|
- <div class="mui-col-xs-9 mui-ellipsis-2">
|
|
|
- 关于对重点企业清洁生产审核工作进展进行督办的通知化
|
|
|
- </div>
|
|
|
- <div class="mui-col-xs-3 mui-text-right">已交办</div>
|
|
|
- </div>
|
|
|
- <p class="mui-h6 mui-ellipsis flex-sp">
|
|
|
- 登记时间 2021-03-20<span>登记人 王小山</span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
+ </li>
|
|
|
+ </div>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-export default {};
|
|
|
+import incidentApi from "@/api/base/incident";
|
|
|
+
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ var self = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ queryModel: {
|
|
|
+ id: "",
|
|
|
+ title: "",
|
|
|
+ },
|
|
|
+ loading: false,
|
|
|
+ tableData: [],
|
|
|
+ item: {
|
|
|
+ caseTypeName:""
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ goBack() {
|
|
|
+ this.$router.back(-1);
|
|
|
+ },
|
|
|
+ ReIncidentDetail(id) {
|
|
|
+ var self = this;
|
|
|
+ self.$router.push({ path: this.redirect || "/base/incident/detail" });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var self = this;
|
|
|
+
|
|
|
+ self.loading = true;
|
|
|
+
|
|
|
+ var formData = new FormData();
|
|
|
+
|
|
|
+ formData.append("title", self.queryModel.title);
|
|
|
+ formData.append("caseType", self.queryModel.caseType);
|
|
|
+
|
|
|
+ incidentApi
|
|
|
+ .pageListPending(formData)
|
|
|
+ .then(function (response) {
|
|
|
+ self.loading = false;
|
|
|
+
|
|
|
+ var jsonData = response;
|
|
|
+
|
|
|
+ self.tableData = jsonData.data;
|
|
|
+ console.log(self.tableData);
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ self.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style>
|