整改通知

20211026
解润东

src/views/notice/index.vue

@@ -11,17 +11,21 @@
 <template>
     <div>
        <LHeader v-bind:text="text"></LHeader>
-        <div class="card" @click="cardLocation">
-            <div>检查名称：昌平区回迁房改造项目安全检查</div>
-            <div>检查名称：专项检查</div>
-            <div>检查名称：2021-12-15</div>
-            <div>检查名称：昌平区回迁房改造工程</div>
+        <div class="card"  v-for="(item,index) in noticeList"  :key="index" @click="cardLocation(item)">
+            <div>负责人姓名：{{item.realName}}</div>
+            <div>检查名称：{{item.name}}</div>
+            <div>检查类型：{{item.type}}</div>
+            <div>检查开始时间：{{item.planStartTime}}</div>
+            <div>检查结束时间：{{item.planEndTime}}</div>
+            <div>检查地点：{{item.address}}</div>
+            <div>是否完成检查：{{item.finish?'是':'否'}}</div>
         </div>
     </div>
 </template>
 
 <script>
 import LHeader from '@/components/header.vue'
+import { getFun,postFun } from '@/service/table'
 export default {
     name: 'notice',
     components: {
@@ -29,17 +33,28 @@ export default {
     },
     data() {
         return {
+            noticeList:[],
             value:'',
             text:'整改通知管理'
         }
     },
     mounted() {
-        
+        this.init()
     },
     methods: {
-        cardLocation(){
-            console.log(123)
-            this.$router.push('/noticeList')
+        init(){
+            this.noticeList=[]
+            getFun('check/notify/list').then((Response)=>{
+                this.noticeList=Response.data
+            })
+        },
+        cardLocation(item){
+            this.$router.push({
+                name:'noticeList',
+                query:{
+                    id:item.id
+                }
+            })
         }
     }
 }

src/views/notice/noticeList/index.vue

@@ -19,39 +19,29 @@
                         <tr>
                             <th>序号</th>
                             <th>姓名</th>
-                            <th>性别</th>
-                            <th>年龄</th>
+                            <th>状态</th>
+                            <th>问题数量</th>
                         </tr>
                     </thead>
                     <tbody>
-                        <tr v-for="(user,index) in user" :key="index">
+                        <tr v-for="(user,index) in noticeTableList" :key="index">
                             <td align="center" v-text="index+1"></td>
-                            <td align="center" v-text="user.name"></td>
-                            <td align="center" v-text="user.gender"></td>
-                            <td align="center" v-text="user.age"></td>
+                            <td align="center" v-text="user.realName"></td>
+                            <td align="center" >{{user.submit?'已提交':'未提交'}}</td>
+                            <td align="center" v-text="user.troubleNumber"></td>
                         </tr>
                     </tbody>
                 </table>
             </van-tab>
             <van-tab title="问题记录">
                 <van-checkbox-group v-model="result" @change="checkedEvent" ref="checkboxGroup">
-                    <div class="card">
-                        <van-checkbox name="a">问题一</van-checkbox>
-                        <div>问题描述：未编制专项试工方案或未进行设计计算</div>
-                        <div>具体位置：项目内页管理</div>
-                        <div>发现时间：2021-12-15</div>
-                    </div>
-                    <div class="card">
-                        <van-checkbox name="b">问题二</van-checkbox>
-                        <div>问题描述：未编制专项试工方案或未进行设计计算</div>
-                        <div>具体位置：项目内页管理</div>
-                        <div>发现时间：2021-12-15</div>
-                    </div>
-                    <div class="card">
-                        <van-checkbox name="c">问题三</van-checkbox>
-                        <div>问题描述：未编制专项试工方案或未进行设计计算</div>
-                        <div>具体位置：项目内页管理</div>
-                        <div>发现时间：2021-12-15</div>
+                    <div class="card" v-for="(item,index) in noticeQuestionList"  :key="index" >
+                        <van-checkbox :name="item.id" :disabled="item.checkSubmitId?true:false">问题{{item.id}}</van-checkbox>
+                        <div>负责人姓名：{{item.realName}}</div>
+                        <div>问题名称：{{item.title}}</div>
+                        <div>问题位置：{{item.address}}</div>
+                        <div>问题内容：{{item.context}}</div>
+                        <div>发现时间：{{item.checkTime}}</div>
                     </div>
                 </van-checkbox-group>
                 <div class="page-footer">
@@ -79,6 +69,7 @@
 
 <script>
 import LHeader from '@/components/header.vue'
+import { getFun,postFun } from '@/service/table'
 export default {
     name: 'notice',
     components: {
@@ -86,38 +77,57 @@ export default {
     },
     data() {
         return {
+            noticeQuestionList:[],//整改通知问题记录列表
             active: 0,
             checkedAll:false,
             result: [],
             valuetext:'',
-            user:[
-                {name:"杨过",gender:"男",age:"30"},
-                {name:"小龙女",gender:"女",age:"35"},
-                {name:"郭靖",gender:"男",age:"36"},
-                {name:"黄蓉",gender:"女",age:"36"},
-                {name:"郭襄",gender:"女",age:"18"},
-            ],
+            noticeTableList:[],
             text:'整改通知管理列表',
             value: '',
+            id:'',
             showCalendar: false,
         }
     },
     mounted() {
-        
+        if(this.$route.query.id){
+            this.id=this.$route.query.id
+        }
+        this.init()
+        this.problem()
     },
     methods: {
-        //全选点击事件---只让全选框的触发全不选事件
+        /* 上报状态列表 */
+        init(){
+            this.noticeTableList=[]
+            getFun('check/notify/user/list',{planId:this.id}).then((Response)=>{
+                this.noticeTableList=Response.data
+            })
+        },
+        /* 问题记录列表 */
+        problem(){
+            this.noticeQuestionList=[]
+            getFun('check/notify/trouble/list',{planId:this.id}).then((Response)=>{
+                this.noticeQuestionList=Response.data
+            })
+        },
+        /* 全选点击事件---只让全选框的触发全不选事件 */
         checkedAllClick(){
             if(this.checkedAll){
                 this.$refs.checkboxGroup.toggleAll(true);
             }else{
-                this.$refs.checkboxGroup.toggleAll(false);
+                /* 全不选只可以控制未禁用状态下的复选框 */
+                for(var key of this.$refs.checkboxGroup.$children){
+                    if(!key.$el._prevClass.includes('disabled')){
+                        key.toggle(false)
+                    }
+                }
             }
         },
         checkedEvent(list){
-            if(list.length==3){
+            if(this.result.length==this.list.length){
                 this.checkedAll=true
-            }else if(list.length<3){
+            }else if(this.result.length<this.list.length){
                 this.checkedAll=false
             }
         },