From fde4758dd43927cce678d99ffe71e05931616f26 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期日, 09 十月 2022 10:46:35 +0800
Subject: [PATCH] 创建车辆管理

---
 src/views/operate/disposal/casepool/dispatch/index.vue |  125 ++++++++++++++++++++++-------------------
 1 files changed, 67 insertions(+), 58 deletions(-)

diff --git a/src/views/operate/disposal/casepool/dispatch/index.vue b/src/views/operate/disposal/casepool/dispatch/index.vue
index 60a5310..98930b9 100644
--- a/src/views/operate/disposal/casepool/dispatch/index.vue
+++ b/src/views/operate/disposal/casepool/dispatch/index.vue
@@ -4,7 +4,13 @@
             <div class="headerContent">
                 <div class="search">
                     <span>绛涢�夋潯浠�:</span>
-                    <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
+                    <div class="option">
+                        <el-select v-model="mystatus" placeholder="杩濊" @change="setMystatus">
+                            <el-option v-for="item in typeList" :key="item.label" :label="item.name"
+                                :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </div>
                     <div class="findBtn">
                         <el-button type="primary" @click="getUserList">鏌ヨ</el-button>
                     </div>
@@ -46,25 +52,30 @@
                     <el-table-column prop="continueTime" label="鎸佺画鏃堕棿" min-width="10">
                     </el-table-column>
                     <el-table-column prop="operation" label="鎿嶄綔" min-width="20">
-                        <template>
+                        <template slot-scope="scope">
                             <div class="btn">
                                 <span>璋冨害</span>
                                 <span class="line">|</span>
-                                <span @click="opernDialog">涓婁紶澶勭疆缁撴灉</span>
+                                <span @click="opernDialog(scope.row)">涓婁紶澶勭疆缁撴灉</span>
                             </div>
                         </template>
                     </el-table-column>
                 </el-table>
                 <!-- 鏌ョ湅淇敼椤甸潰 -->
-                <el-dialog :visible.sync="dialogUpdate" width="80%" title="鍩虹淇℃伅(浜哄伐)"
+                <!-- <el-dialog :visible.sync="dialogUpdate" width="80%" title="鍩虹淇℃伅(浜哄伐)"
                     v-if="dialogUpdate" :before-close="handleClose">
                     <updateUser :info=info />
+                </el-dialog> -->
+                <!-- 璇︽儏椤靛睍绀� -->
+                <el-dialog :visible.sync="dialogView" width="80%" title="鍩虹淇℃伅(浜哄伐)" v-if="dialogView"
+                    :before-close="handleClose">
+                    <MyDetail :info=info></MyDetail>
                 </el-dialog>
                 <!-- 涓婁紶椤甸潰 -->
-                <el-dialog :visible.sync="dialogUpload" width="45%" title="涓婁紶澶勭疆缁撴灉"
+                <el-dialog :visible.sync="dialogUpload" width="60%" title="涓婁紶澶勭疆缁撴灉"
                     v-if="dialogUpload" :before-close="handleClose">
-                    <!-- <uploadVio></uploadVio>杩濊 -->
-                    <uploadIll></uploadIll>
+                    <uploadVio v-if="mystatus === 1" :caseId="caseId" @closeDialog="closeDialog"></uploadVio>
+                    <uploadIll v-else :caseId="caseId" @closeDialog="closeDialog"></uploadIll>
                 </el-dialog>
                 <!-- tools -->
                 <div class="tools">
@@ -95,19 +106,22 @@
     </div>
 </template>
 <script>
-import updateUser from "./updateUser"
+// import updateUser from "./updateUser"
 import uploadVio from './updateUser/uploadResult/vio'
 import uploadIll from "./updateUser/uploadResult/ill"
+import MyDetail from '@/components/detail'
 export default {
     components: {
-        updateUser,uploadVio,uploadIll
+        // updateUser,
+        uploadVio,uploadIll,MyDetail
     },
     data() {
         return {
             tableData: [],
             context: "",
             dialogUpload:false,
-            dialogUpdate: false,
+            // dialogUpdate: false,
+            dialogView:false,
             info: {},
             totalNum: null,
             pageSize: 10,
@@ -115,6 +129,7 @@
             all: false,
             unsame: false,
             myIdx: 0,
+            preMyIdx:0,
             options: [
                 {
                     value: 0,
@@ -147,42 +162,13 @@
                     checked: false,
                 },
             ],
-            tagList: [
-                {
-                    name: '寰呭鐞�',
-                    value: 7,
-                    checked: true
-                },
-                {
-                    name: '宸蹭笂鎶�',
-                    value: 1,
-                    checked: false
-                },
-                {
-                    name: '宸茶皟搴�',
-                    value: 3,
-                    checked: false
-                },
-                {
-                    name: '鍦ㄥ涔�',
-                    value: 4,
-                    checked: false
-                },
-                {
-                    name: '鏆備笉澶勭悊',
-                    value: 4,
-                    checked: false
-                },
-            ],
             statusArr:[],
+            mystatus:1,
+            caseId:'',
         }
     },
     created() {
-        this.tagList.forEach(item => {
-            if (item.checked) {
-                this.statusArr[0] = item.value;
-            }
-        })
+        this.statusArr[0] = 6;
         this.typeList.forEach(item => {
             if (item.checked) {
                 this.statusArr[1] = item.value;
@@ -191,6 +177,13 @@
         this.getUserList();
     },
     methods: {
+        // 椤堕儴涓嬫媺妗�
+        setMystatus(value) {
+            console.log(value);
+            this.statusArr[1] = value;
+            this.changeTypeChecked(value - 1);
+            this.getUserList();
+        },
         // 鎵归噺鍒犻櫎
         mulDelete(idArr){
             console.log(idArr);
@@ -206,25 +199,27 @@
             })
         },
         // 鎵ц涓嬫媺妗嗘搷浣�
-        selectChange(val) {
-            let ids = [];
-            this.tempList.forEach(item => {
-                ids.push(item.number);
-            })
-            if (ids.length !== 0) {
-                if (val === 3) {
-                    this.mulDelete(ids);
+        selectChange(list) {
+            console.log(this.tempList);
+            if (this.tempList.length !== 0) {
+                if (list === 3) {
+                    this.preMyIdx = list;
+                    this.mulDelete(this.tempList);
                 }
             } else {
+                this.myIdx = this.preMyIdx;
                 this.$message({
                     type: 'warning',
                     message: '鎮ㄨ繕娌¢�変腑浠讳綍鏁版嵁',
                 })
             }
         },
-        // 鐩戝惉琛ㄦ牸閫変腑鐘舵��
+        // 鐩戝惉琛ㄦ牸
         tableChange(list) {
-            this.tempList = list;
+            this.tempList = [];
+            list.forEach(item => {
+                this.tempList.push(item.code);
+            })
             if (list.length === this.tableData.length) {
                 this.all = true;
             } else {
@@ -269,7 +264,7 @@
             console.log(statusArr);
             this.$axios({
                 method: 'get',
-                url: `sccg/base-case/query/${statusArr[1]}?state=${statusArr[0]}&current=${currentPage}&size=${pageSize}&resource=2`
+                url: `sccg/base_case/query?state=${statusArr[0]}&current=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}`
             }).then(res => {
                 this.totalNum = res.data.total;
                 this.tableData = res.data.records;
@@ -285,6 +280,10 @@
                     item.checked = false;
                 }
             })
+            this.mystatus = idx + 1;
+            console.log(this.mystatus);
+            this.statusArr[1] = this.typeList[idx].value;
+            this.getUserList();
         },
         // 璁剧疆琛ㄦ牸鏂戦┈绾�
         tableRowClassName({ row, rowIndex }) {
@@ -314,27 +313,34 @@
             this.$confirm('纭鍏抽棴锛�')
                 .then(_ => {
                     this.dialogUpload = false;
-                    this.dialogUpdate = false;
+                    // this.dialogUpdate = false;
                     done();
                 })
                 .catch(_ => { });
         },
         async JumpView(data){
             await this.getEventInfo(data.code);
-            this.dialogView = true;
         },
         // 鑾峰彇妗堜欢淇℃伅
         getEventInfo(code){
             this.$axios({
                 method:'get',
-                url:`sccg/base-case/baseCaseDetail/${code}`
+                url:`sccg/base_case/baseCaseDetail/${code}`
             })
             .then(res=>{
                 this.info = res.data;  
+                this.dialogView = true;
             })
         },
-        opernDialog(){
+        opernDialog(data){
             this.dialogUpload = true;
+            this.caseId = data.id;
+            // console.log(data); 
+        },
+        // 鍏抽棴涓婁紶鐣岄潰
+        closeDialog({flag}){
+            this.dialogUpload = flag;
+            this.getUserList();
         }
     }
 }
@@ -396,7 +402,10 @@
             }
         }
     }
-
+    &::v-deep .el-input__inner {
+        background-color: #09152f;
+        border: 1px solid #17324c;
+    }
     main {
         background-color: #09152f;
         margin-top: 20px;

--
Gitblit v1.8.0