From ce87e7746d6399c5a38a7f4fe10447d911b06051 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期六, 08 十月 2022 09:14:50 +0800
Subject: [PATCH] 新增案件池在学习、暂不处理

---
 src/views/operate/disposal/casepool/pool/index.vue                |   54 +++
 src/components/illdetail/index.vue                                |  247 +++++++++++++++++++
 src/components/scene/index.vue                                    |    5 
 src/views/operate/management/myIndex/components/closure/index.vue |  328 +++++++++++++++++++++++++
 src/components/process/index.vue                                  |    7 
 src/views/operate/disposal/casepool/learn/index.vue               |   33 ++
 src/views/operate/disposal/casepool/notDeal/index.vue             |   25 +
 src/views/operate/management/myIndex/index.vue                    |   29 ++
 src/components/solveProblem/index.vue                             |    4 
 src/views/operate/disposal/casepool/dispatch/index.vue            |    1 
 10 files changed, 713 insertions(+), 20 deletions(-)

diff --git a/src/components/illdetail/index.vue b/src/components/illdetail/index.vue
new file mode 100644
index 0000000..1de98cc
--- /dev/null
+++ b/src/components/illdetail/index.vue
@@ -0,0 +1,247 @@
+<template>
+    <div class="view">
+        <div class="view-data">
+            <div class="data-item">
+                <div class="data-item__left">
+                    <label class="data-title">
+                        闂绫诲瀷:
+                    </label>
+                    <span class="data-detail">杩濆缓</span>
+                </div>
+                <div class="data-item__right">
+                    <label class="data-title">
+                        澶х被鍚嶇О:
+                    </label>
+                    <span class="data-detail">{{baseCase.category}}</span>
+                </div>
+            </div>
+            <div class="data-item">
+                <div class="data-item__left">
+                    <label class="data-title">
+                        灏忕被鍚嶇О:
+                    </label>
+                    <span class="data-detail">xxx</span>
+                </div>
+                <div class="data-item__right">
+                    <label class="data-title">
+                        浜嬩欢绛夌骇:
+                    </label>
+                    <span class="data-detail">xxx</span>
+                </div>
+            </div>
+            <div class="data-item">
+                <div class="data-item__left">
+                    <label class="data-title">
+                        妗堢敱:
+                    </label>
+                    <span class="data-detail">xxx</span>
+                </div>
+            </div>
+            <div class="data-item">
+                <div class="data-item__left">
+                    <label class="data-title">
+                        鎵�灞炲尯鍘�:
+                    </label>
+                    <span class="data-detail">xxx</span>
+                </div>
+                <div class="data-item__right">
+                    <label class="data-title">
+                        鎵�灞炵ぞ鍖�:
+                    </label>
+                    <span class="data-detail">xxx</span>
+                </div>
+            </div>
+            <div class="data-item">
+                <div class="data-item__left">
+                    <label class="data-title">
+                        鎵�灞炶閬�:
+                    </label>
+                    <span class="data-detail">{{baseCase.streetId}}</span>
+                </div>
+            </div>
+            <div class="data-item">
+                <div class="data-item__left">
+                    <label class="data-title">
+                        浜嬪彂鍦扮偣:
+                    </label>
+                    <span class="data-detail">{{baseCase.site}}</span>
+                </div>
+            </div>
+            <div class="data-item">
+                <div class="data-item__left">
+                    <label class="data-title">
+                        鍏宠仈鍟嗛摵鍚嶇О:
+                    </label>
+                    <span class="data-detail">xxx</span>
+                </div>
+            </div>
+            <div class="data-item">
+                <div class="data-item__left">
+                    <label class="data-title">
+                        闂鎻忚堪:
+                    </label>
+                    <span class="data-detail">xxx</span>
+                </div>
+            </div>
+            <div class="data-user">
+                <div class="data-item">
+                    <div class="data-item__left">
+                        <label class="data-title">
+                            鍙嶆槧浜�:
+                        </label>
+                        <span class="data-detail">{{baseCase.createUser}}</span>
+                    </div>
+                    <div class="data-item__right">
+                        <label class="data-title">
+                            鑱旂郴鏂瑰紡:
+                        </label>
+                        <span class="data-detail">12345678901</span>
+                    </div>
+                </div>
+                <div class="data-item">
+                    <div class="data-item__left">
+                        <label class="data-title">
+                            韬唤璇佸彿:
+                        </label>
+                        <span class="data-detail">123456789987654321</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="view-process">
+            <div class="process-header">
+                <div class="process-title-item" v-for="item in titleList" :key="item.title"
+                    @click="changeComponent(item.index)">
+                    <div :class="['process-title',activeIndex===item.index ? 'title-active' : '' ]">{{item.title}}</div>
+                    <div :class="['under-line',activeIndex===item.index ? 'line-active' : '' ]"></div>
+                </div>
+            </div>
+            <div class="show-item">
+                <div class="show-wrap">
+                    <MyProcess v-if="activeIndex === 1" :handlePassVo="handlePassVo"></MyProcess>
+                    <MyFilePicture v-else-if="activeIndex === 2" :filesPictureVo="filesPictureVo" ></MyFilePicture>
+                    <MySovleProblem v-else-if="activeIndex === 3" :problemProVo="problemProVo"></MySovleProblem>
+                    <MyScene v-else :currentSitVo="currentSitVo"></MyScene>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import MyProcess from '@/components/process'
+import MyFilePicture from '@/components/filePictrue'
+import MySovleProblem from '@/components/solveProblem'
+import MyScene from '@/components/scene'
+export default {
+    components: { 
+        MyProcess, MyFilePicture, MySovleProblem, MyScene
+    },
+    data() {
+        return {
+            myInfo: {
+
+            },
+            activeIndex: 1,
+            titleList: [
+                {
+                    title: '鍔炵悊缁忚繃',
+                    index: 1,
+                },
+                {
+                    title: '妗堝嵎鍥剧墖',
+                    index: 2,
+                },
+                {
+                    title: '闂澶勭悊',
+                    index: 3,
+                },
+                {
+                    title: '鐜板満鎯呭喌',
+                    index: 4,
+                },
+            ], 
+            baseCase:{},
+            handlePassVo:{},
+            currentSitVo:{},
+            problemProVo:{},
+            filesPictureVo:{}
+            
+        }
+    },
+    created() {
+        console.log('created');
+        const {info} = this; 
+        this.baseCase = info.baseCase;
+        this.handlePassVo = info.handlePassVo;
+        this.currentSitVo = info.currentSitVo;
+        this.problemProVo = info.problemProVo;
+        this.filesPictureVo = info.filesPictureVo;
+        console.log(info); 
+    },
+    methods: {
+        changeComponent(index) {
+            this.activeIndex = index;
+        },
+    },
+    props: ['info']
+}
+</script>
+<style lang="scss" scoped>
+.view {
+    display: flex;
+    padding: 20px;
+
+    .view-data {
+        color: #4b9bb7;
+        flex: 4;
+        padding: 0 30px 0 20px;
+
+        .data-item {
+            display: flex;
+            justify-content: space-between;
+            line-height: 40px;
+        }
+
+        border: 1px solid #17324c;
+    }
+
+    .view-process {
+        flex: 6;
+        margin-left: 20px;
+
+        .process-header {
+            display: flex;
+            line-height: 40px;
+
+            .process-title-item {
+                width: 120px;
+                text-align: center;
+
+                .under-line {
+                    height: 2px;
+                    width: 100%;
+                }
+
+                .title-active {
+                    color: #4b9bb7;
+                }
+
+                .line-active {
+                    background-color: #4b9bb7;
+                    border-radius: 20px;
+                }
+            }
+        }
+
+        .show-item {
+            overflow: hidden;
+            height: 600px;
+            position: relative;
+            .show-wrap{
+                overflow: scroll;
+                height: 600px;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/process/index.vue b/src/components/process/index.vue
index 3c71714..8db0ab4 100644
--- a/src/components/process/index.vue
+++ b/src/components/process/index.vue
@@ -27,10 +27,10 @@
                         v-if="index<list.length-1 ? true:false"></div>
                 </div>
                 <div class="desc">
-                    <div class="desc-title">鐜妭鐢ㄦ椂:{{item.disposeRecord.linkTime}}</div>
+                    <div class="desc-title">鐜妭鐢ㄦ椂:{{item.disposeRecords[0].linkTime}}</div>
                     <div class="desc-content" v-if="active > index">
                         <div class="desc-content-message">1111111</div>
-                        <div class="desc-content-endtime">{{item.disposeRecord.endTime}}</div>
+                        <div class="desc-content-endtime">{{item.disposeRecords[0].endTime}}</div>
                     </div>
                 </div>
             </div>
@@ -77,9 +77,8 @@
         // console.log(this.handlePassVo.workflowConfigSteps[0].name); 
         console.log(mylist);
         mylist.forEach(item=>{
-            if(item.disposeRecord.endTime != null){
+            if(item.disposeRecords[0].endTime != null){
                 this.active ++;
-                console.log(1);
             }
         })
         this.list =  mylist;
diff --git a/src/components/scene/index.vue b/src/components/scene/index.vue
index 8f60734..e3650ab 100644
--- a/src/components/scene/index.vue
+++ b/src/components/scene/index.vue
@@ -128,8 +128,9 @@
     },
     props:['currentSitVo'],
     created(){
-        const {currentSitVo:{arrivalSituation:mylist}} = this;
-        this.arrivalSituation = mylist;
+        const {currentSitVo} = this;
+        console.log(currentSitVo);
+        // this.arrivalSituation = mylist;
     },
     methods: {
         changeActive(idx) {
diff --git a/src/components/solveProblem/index.vue b/src/components/solveProblem/index.vue
index 26502aa..8f20c92 100644
--- a/src/components/solveProblem/index.vue
+++ b/src/components/solveProblem/index.vue
@@ -8,8 +8,8 @@
             <el-timeline>
                 <el-timeline-item :color="mycolor" v-for="item in list" :key="item.id">
                     <div class="title">
-                        <div class="title-left">銆恵{item.name}}銆憑{item.name === '娲鹃仯' ? '娲鹃仯鍛�':item.name === '澶勭悊' ? '澶勭悊浜�':'璇勫畾浜�'}}:{{item.disposeRecord.handleId}}</div>
-                        <div class="title-right">{{item.disposeRecord.endTime}}</div>
+                        <div class="title-left">銆恵{item.name}}銆憑{item.name === '娲鹃仯' ? '娲鹃仯鍛�':item.name === '澶勭悊' ? '澶勭悊浜�':'璇勫畾浜�'}}:{{item.disposeRecords[0].handleId}}</div>
+                        <div class="title-right">{{item.disposeRecords[0].endTime}}</div>
                     </div>
                     <div class="message">銆恵{item.name === '娲鹃仯' ? '娲鹃仯鎰忚':item.name === '澶勭悊' ? '澶勭悊缁撴灉':'璇勫畾缁撴灉'}}銆戣鐩稿叧鎵ф硶闃熷憳鍙婃椂鍓嶅線鐜板満杩涜澶勭疆</div>
                 </el-timeline-item> 
diff --git a/src/views/operate/disposal/casepool/dispatch/index.vue b/src/views/operate/disposal/casepool/dispatch/index.vue
index a6f781c..ac95c3f 100644
--- a/src/views/operate/disposal/casepool/dispatch/index.vue
+++ b/src/views/operate/disposal/casepool/dispatch/index.vue
@@ -339,6 +339,7 @@
         // 鍏抽棴涓婁紶鐣岄潰
         closeDialog({flag}){
             this.dialogUpload = flag;
+            this.getUserList();
         }
     }
 }
diff --git a/src/views/operate/disposal/casepool/learn/index.vue b/src/views/operate/disposal/casepool/learn/index.vue
index ef93627..23784f8 100644
--- a/src/views/operate/disposal/casepool/learn/index.vue
+++ b/src/views/operate/disposal/casepool/learn/index.vue
@@ -54,7 +54,7 @@
                     <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
                         <template slot-scope="scope">
                             <div class="btn">
-                                <span @click="opernDialog(scope.row)">閲嶆柊澶勭疆</span>
+                                <span @click="handleReset(scope.row)">閲嶆柊澶勭疆</span>
                             </div>
                         </template>
                     </el-table-column>
@@ -328,10 +328,33 @@
                 this.dialogView = true;
             })
         },
-        opernDialog(data){
-            this.dialogUpload = true;
-            this.caseId = data.id;
-            // console.log(data); 
+        // opernDialog(data){
+        //     this.dialogUpload = true;
+        //     this.caseId = data.id;
+        //     // console.log(data); 
+        // },
+        // 閲嶆柊澶勭疆
+        handleReset({id}){
+            console.log(id);
+            this.$axios({
+                method:'put',
+                url:'sccg/base_case/reset?caseId='+id
+            })
+            .then(res=>{
+                console.log(res);
+                if(res.code === 200){
+                    this.$message({
+                        type:'success',
+                        message:'澶勭疆鎴愬姛',
+                    })
+                    this.getUserList();
+                }else{
+                    this.$message({
+                        type:'error',
+                        message:'鎿嶄綔澶辫触'
+                    })
+                }
+            })
         },
         // 鍏抽棴涓婁紶鐣岄潰
         closeDialog({flag}){
diff --git a/src/views/operate/disposal/casepool/notDeal/index.vue b/src/views/operate/disposal/casepool/notDeal/index.vue
index 68503bb..80744b1 100644
--- a/src/views/operate/disposal/casepool/notDeal/index.vue
+++ b/src/views/operate/disposal/casepool/notDeal/index.vue
@@ -54,7 +54,7 @@
                     <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
                         <template slot-scope="scope">
                             <div class="btn">
-                                <span @click="opernDialog(scope.row)">閲嶆柊澶勭疆</span>
+                                <span @click="handleReset(scope.row)">閲嶆柊澶勭疆</span>
                             </div>
                         </template>
                     </el-table-column>
@@ -334,6 +334,29 @@
             this.caseId = data.id;
             // console.log(data); 
         },
+        // 閲嶆柊澶勭疆
+        handleReset({id}){
+            console.log(id);
+            this.$axios({
+                method:'put',
+                url:'sccg/base_case/reset?caseId='+id
+            })
+            .then(res=>{
+                console.log(res);
+                if(res.code === 200){
+                    this.$message({
+                        type:'success',
+                        message:'澶勭疆鎴愬姛',
+                    })
+                    this.getUserList();
+                }else{
+                    this.$message({
+                        type:'error',
+                        message:'鎿嶄綔澶辫触'
+                    })
+                }
+            })
+        },
         // 鍏抽棴涓婁紶鐣岄潰
         closeDialog({flag}){
             this.dialogUpload = flag;
diff --git a/src/views/operate/disposal/casepool/pool/index.vue b/src/views/operate/disposal/casepool/pool/index.vue
index b9cb8fa..8a66305 100644
--- a/src/views/operate/disposal/casepool/pool/index.vue
+++ b/src/views/operate/disposal/casepool/pool/index.vue
@@ -79,9 +79,9 @@
                                 <span class="line">|</span>
                                 <span @click="handleDispatch(scope.row)">璋冨害</span>
                                 <span class="line">|</span>
-                                <span @click="handleDelete(scope.row)">鍦ㄥ涔�</span>
+                                <span @click="handleLearn(scope.row)">鍦ㄥ涔�</span>
                                 <span class="line">|</span>
-                                <span @click="handleDelete(scope.row)">鏆備笉澶勭悊</span>
+                                <span @click="handleNotDeal(scope.row)">鏆備笉澶勭悊</span>
                             </div>
                         </template>
                     </el-table-column>
@@ -200,12 +200,12 @@
                 },
                 {
                     name: '鍦ㄥ涔�',
-                    value: 4,
+                    value: 3,
                     checked: false
                 },
                 {
                     name: '鏆備笉澶勭悊',
-                    value: 5,
+                    value: 4,
                     checked: false
                 },
             ],
@@ -425,6 +425,52 @@
                     this.info = res.data;
                     this.dialogView = true;
                 })
+        },
+        // 鍦ㄥ涔�
+        handleLearn({id}){
+            console.log(id);
+            this.$axios({
+                method:'put',
+                url:'sccg/base_case/case_status_update?caseId='+id + '&state='+3
+            })
+            .then(res=>{
+                console.log(res);
+                if(res.code === 200){
+                    this.$message({
+                        type:'success',
+                        message:'鎿嶄綔鎴愬姛',
+                    })
+                    this.getUserList();
+                }else{
+                    this.$message({
+                        type:'error',
+                        message:'鎿嶄綔澶辫触'
+                    })
+                }
+            })
+        },
+        // 鏆備笉澶勭悊
+        handleNotDeal({id}){
+            console.log(id);
+            this.$axios({
+                method:'put',
+                url:'sccg/base_case/case_status_update?caseId='+id + '&state='+4
+            })
+            .then(res=>{
+                console.log(res);
+                if(res.code === 200){
+                    this.$message({
+                        type:'success',
+                        message:'鎿嶄綔鎴愬姛',
+                    })
+                    this.getUserList();
+                }else{
+                    this.$message({
+                        type:'error',
+                        message:'鎿嶄綔澶辫触'
+                    })
+                }
+            })
         }
     }
 }
diff --git a/src/views/operate/management/myIndex/components/closure/index.vue b/src/views/operate/management/myIndex/components/closure/index.vue
new file mode 100644
index 0000000..155d530
--- /dev/null
+++ b/src/views/operate/management/myIndex/components/closure/index.vue
@@ -0,0 +1,328 @@
+<template>
+    <div class="view">
+        <div class="view-data">
+            <el-form :model="baseCase" label-position="right" ref="viewForm" :rules="Rules" label-width="100px">
+                <div class="data-item">
+                    <el-form-item label="闂鏉ユ簮:">
+                        <span class="data-detail">{{baseCase.eventSource === 2 ? '浜哄伐涓婃姤' : '瑙嗛宸℃煡'}}</span>
+                    </el-form-item>
+                    <el-form-item label="鐧昏浜哄憳:">
+                        <span class="data-detail">{{baseCase.createUser}}</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="闂绫诲瀷:">
+                        <span class="data-detail">{{baseCase.category === 1 ? '杩濊' : '杩濆缓'}}</span>
+                    </el-form-item>
+                    <el-form-item label="浜嬩欢绛夌骇:">
+                        <span class="data-detail">xxxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="澶х被鍚嶇О:">
+                        <span class="data-detail">xxxxxx</span>
+                    </el-form-item>
+                    <el-form-item label="灏忕被鍚嶇О:">
+                        <span class="data-detail">xxxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="鎵�灞炲尯鍘�:">
+                        <span class="data-detail">xxxx</span>
+                    </el-form-item>
+                    <el-form-item label="鎵�灞炶閬�:">
+                        <span class="data-detail">{{baseCase.streetId}}</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="鎵�灞炵ぞ鍖�:">
+                        <span class="data-detail">{{baseCase.communityId}}</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="浜嬪彂鍦扮偣:">
+                        <span class="data-detail">{{baseCase.site}}</span>
+                    </el-form-item>
+                    <el-form-item label="杞︾墝鍙�:">
+                        <span class="data-detail">xxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="鍏宠仈鍟嗛摵鍚嶇О:">
+                        <span class="data-detail">xxxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="闂鎻忚堪:">
+                        <span class="data-detail">xxxxxxx</span>
+                    </el-form-item>
+                </div>
+                <div class="data-item">
+                    <el-form-item label="鍙嶆槧浜�:">
+                        <span class="data-detail">xxxxxxx</span>
+                    </el-form-item>
+                    <el-form-item label="鑱旂郴鏂瑰紡:">
+                        <span class="data-detail">xxxxxxx</span>
+                    </el-form-item>
+                </div>
+                <!-- 瀹℃牳鎰忚
+                <el-form-item label="瀹℃牳鎰忚" prop="auditOpinion">
+                    <el-input type="textarea" placeholder="璇疯緭鍏ュ鏍告剰瑙�" v-model="baseCase.auditOpinion"></el-input>
+                </el-form-item>
+                <div class="el-form-footer">
+                    <el-button @click.native.prevent="handleSubmit(0)">椹冲洖</el-button>
+                    <el-button type="primary" @click.native.prevent="handleSubmit(1)">閫氳繃</el-button>
+                </div> -->
+            </el-form>
+        </div>
+        <div class="view-process">
+            <div class="process-header">
+                <div class="process-title-item" v-for="item in titleList" :key="item.title"
+                    @click="changeComponent(item.index)">
+                    <div :class="['process-title',activeIndex===item.index ? 'title-active' : '' ]">{{item.title}}</div>
+                    <div :class="['under-line',activeIndex===item.index ? 'line-active' : '' ]"></div>
+                </div>
+            </div>
+            <div class="show-item">
+                <div class="show-wrap">
+                    <div class="closure-info" v-if="activeIndex === 0">
+                        <el-form :model="baseCase" label-position="right" ref="opinionForm" :rules="Rules"
+                            label-width="100px">
+                            <el-form-item label="瀹℃牳鎰忚" class="op-item" prop="auditOpinion">
+                                <el-input type="textarea" placeholder="璇疯緭鍏ュ鏍告剰瑙�" v-model="baseCase.auditOpinion" disabled>
+                                </el-input>
+                            </el-form-item>
+                            <el-form-item label="缁撴鎰忚" class="op-item" prop="finalOpinion">
+                                <el-input type="textarea" placeholder="璇疯緭鍏ョ粨妗堟剰瑙�" v-model="baseCase.finalOpinion">
+                                </el-input>
+                            </el-form-item>
+                        </el-form>
+                        <div class="form-footer">
+                            <el-button type="primary"  @click.native.prevent="handleSubmit">缁撴</el-button>
+                            <el-button>杩斿洖</el-button>
+                        </div>
+                    </div>
+                    <MyProcess v-else-if="activeIndex === 1" :handlePassVo="handlePassVo"></MyProcess>
+                    <MyFilePicture v-else-if="activeIndex === 2" :filesPictureVo="filesPictureVo"></MyFilePicture>
+                    <MySovleProblem v-else-if="activeIndex === 3" :problemProVo="problemProVo"></MySovleProblem>
+                    <MyScene v-else :currentSitVo="currentSitVo"></MyScene>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import MyProcess from '@/components/process'
+import MyFilePicture from '@/components/filePictrue'
+import MySovleProblem from '@/components/solveProblem'
+import MyScene from '@/components/scene'
+export default {
+    components: {
+        MyProcess, MyFilePicture, MySovleProblem, MyScene
+    },
+    data() {
+        const checkOpinion = (rule, value, callback) => {
+            if (value) {
+                callback();
+            } else {
+                callback(new Error('瀹℃牳鎰忚涓嶈兘涓虹┖'))
+            }
+        }
+        const checkFinal = (rule, value, callback) => {
+            if (value) {
+                callback();
+            } else {
+                callback(new Error('缁撴鎰忚涓嶈兘涓虹┖'))
+            }
+        }
+        return {
+            myInfo: {
+
+            },
+            activeIndex: 0,
+            titleList: [
+                {
+                    title: '缁撴淇℃伅',
+                    index: 0,
+                },
+                {
+                    title: '鍔炵悊缁忚繃',
+                    index: 1,
+                },
+                {
+                    title: '妗堝嵎鍥剧墖',
+                    index: 2,
+                },
+                {
+                    title: '闂澶勭悊',
+                    index: 3,
+                },
+                {
+                    title: '鐜板満鎯呭喌',
+                    index: 4,
+                },
+            ],
+            Rules: {
+                auditOpinion: [
+                    {  trigger: 'blur', validator: checkOpinion }
+                ],
+                finalOpinion:[
+                    {
+                        trigger:'blur',validator:checkFinal
+                    }
+                ]  
+                
+            },
+            baseCase: {},
+            handlePassVo: {},
+            currentSitVo: {},
+            problemProVo: {},
+            filesPictureVo: {}
+
+        }
+    },
+    created() {
+        const { info } = this;
+        this.baseCase = info.baseCase;
+        this.handlePassVo = info.handlePassVo;
+        this.currentSitVo = info.currentSitVo;
+        this.problemProVo = info.problemProVo;
+        this.filesPictureVo = info.filesPictureVo;
+    },
+    methods: {
+        changeComponent(index) {
+            this.activeIndex = index;
+        },
+        // 鎻愪氦瀹℃牳鎰忚
+        handleSubmit() {
+            const { baseCase } = this;
+            this.$refs.viewForm.validate((valid) => {
+                if (valid) {
+                    this.$axios({
+                        method: 'put',
+                        url: 'sccg/base_case/end_case?caseId='+baseCase.id +'&result='+baseCase.finalOpinion,
+                    })
+                        .then(res => {
+                            console.log(res);
+                            if (res.code === 200) {
+                                this.$message({
+                                    type: 'success',
+                                    message: mystatus === 0 ? '椹冲洖鎴愬姛' : '瀹℃牳閫氳繃'
+                                })
+                                this.$emit('closeDialog', { flag: false });
+                            }
+
+                        })
+                        .catch(err => { console.log(err) });
+                } else {
+                    return false;
+                }
+            })
+        },
+        // 鑾峰彇褰撳墠鐢ㄦ埛鐧诲綍淇℃伅
+        getUserLoginInfo() {
+            // 鑾峰彇鐧诲綍鍚�;
+            const username = sessionStorage.getItem('name');
+            this.$axios({
+                method: 'get',
+                url: 'sccg/admin/info',
+                data: {
+                    name: 'username'
+                }
+            })
+                .then(res => {
+                    console.log(res);
+                })
+        }
+    },
+    props: ['info', 'closeDialog']
+}
+</script>
+<style lang="scss" scoped>
+.view {
+    display: flex;
+    padding: 20px;
+
+    .view-data {
+        color: #4b9bb7;
+        flex: 4;
+        padding: 20px;
+
+        .data-item {
+            display: flex;
+            justify-content: space-between;
+            line-height: 40px;
+        }
+
+        :deep(.el-form-item__label) {
+            color: #4b9bb7;
+        }
+
+        :deep(.el-textarea__inner) {
+            background-color: #17324c;
+            color: #4b9bb7;
+        }
+
+        .el-form-footer {
+            display: flex;
+            justify-content: flex-end;
+        }
+
+        border: 1px solid #17324c;
+    }
+    :deep(.el-textarea__inner){
+        background-color: #17324c;
+        color: #4b9bb7;
+    }
+    .closure-info{
+        padding: 20px;
+        .op-item{
+            padding-top: 20px;
+        }
+        .form-footer{
+            display: flex;
+            margin-top: 50px;
+            justify-content: flex-end;
+        }
+    }
+    .view-process {
+        flex: 6;
+        margin-left: 20px;
+
+        .process-header {
+            display: flex;
+            line-height: 40px;
+
+            .process-title-item {
+                width: 120px;
+                text-align: center;
+
+                .under-line {
+                    height: 2px;
+                    width: 100%;
+                }
+
+                .title-active {
+                    color: #4b9bb7;
+                }
+
+                .line-active {
+                    background-color: #4b9bb7;
+                    border-radius: 20px;
+                }
+            }
+        }
+
+        .show-item {
+            overflow: hidden;
+            height: 600px;
+            position: relative;
+
+            .show-wrap {
+                overflow: scroll;
+                height: 600px;
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/operate/management/myIndex/index.vue b/src/views/operate/management/myIndex/index.vue
index c7c4723..aa2ba22 100644
--- a/src/views/operate/management/myIndex/index.vue
+++ b/src/views/operate/management/myIndex/index.vue
@@ -56,7 +56,7 @@
                             <div class="btn">
                                 <span @click="handleExamine(scope.row)">瀹℃牳</span>
                                 <span class="line">|</span>
-                                <span>缁撴</span>
+                                <span @click="handleClosure(scope.row)">缁撴</span>
                             </div>
                         </template>
                     </el-table-column>
@@ -65,6 +65,11 @@
                 <el-dialog :visible.sync="dialogExamine" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogExamine"
                     :before-close="handleClose">
                     <MyExamine :info="info" @closeDialog="closeDialog"></MyExamine>
+                </el-dialog>
+                <!-- 缁撴椤甸潰 -->
+                <el-dialog :visible.sync="dialogClosure" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogClosure"
+                    :before-close="handleClose">
+                    <MyClosure :info="info" @closeDialog="closeDialog"></MyClosure>
                 </el-dialog>
                 <!-- tools -->
                 <div class="tools">
@@ -96,14 +101,16 @@
 </template>
 <script>
 import MyExamine from './components/examine'
+import MyClosure from './components/closure'
 export default {
     components: {
-        MyExamine
+        MyExamine,MyClosure
     },
     data() {
         return {
             tableData: [],
             dialogExamine:false,
+            dialogClosure:false,
             info: {},
             totalNum: null,
             pageSize: 10,
@@ -282,6 +289,7 @@
                 .catch(_ => { });
         },
         async JumpView(data) {
+            console.log(data);
             await this.getEventInfo(data.code);
         },
         // 鑾峰彇妗堜欢淇℃伅
@@ -296,13 +304,30 @@
                     this.dialogExamine = true;
                 })
         },
+        // 鑾峰彇妗堜欢淇℃伅
+        getEventInfo2(code) {
+            this.$axios({
+                method: 'get',
+                url: `sccg/base_case/baseCaseDetail/${code}`
+            })
+                .then(res => {
+                    console.log(res);
+                    this.info = res.data;
+                    this.dialogClosure = true;
+                })
+        },
         // 鍘诲鏍�
         handleExamine({code}) {
             this.getEventInfo(code);
         },
+        // 鍘荤粨妗�
+        handleClosure({code}){
+            this.getEventInfo2(code);
+        },
         // 鍏抽棴dialog
         closeDialog({flag}){
             this.dialogExamine = flag;
+            this.dialogClosure = flag;
         }
     }
 }

--
Gitblit v1.8.0