From 68270bc858a465bc482820586a7ccb534b6c3565 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期一, 17 十月 2022 18:40:57 +0800 Subject: [PATCH] 新增日志管理 --- src/views/operate/car/myIndex/index.vue | 77 ++++++++++++++++++++++++++------------ 1 files changed, 52 insertions(+), 25 deletions(-) diff --git a/src/views/operate/car/myIndex/index.vue b/src/views/operate/car/myIndex/index.vue index 5bd43a7..c3de32e 100644 --- a/src/views/operate/car/myIndex/index.vue +++ b/src/views/operate/car/myIndex/index.vue @@ -5,7 +5,7 @@ <div class="search"> <span>杞﹁締鎼滅储:</span> <div class="option"> - <el-input placeholder="璇疯緭鍏ヨ溅鐗屽彿"></el-input> + <el-input @input="handleSearch" v-model="context" placeholder="璇疯緭鍏ヨ溅鐗屽彿"></el-input> </div> </div> <div class="addCar"> @@ -26,30 +26,24 @@ @selection-change="tableChange"> <el-table-column type="selection" min-width="5"> </el-table-column> - <el-table-column prop="code" label="杞︾墝鍙�" min-width="10"> - <template slot-scope="scope"> - <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link> - </template> + <el-table-column prop="carNumber" label="杞︾墝鍙�" min-width="10"> </el-table-column> - <el-table-column prop="code" label="杞﹀瀷" min-width="10" v-if="mystatus===2"> + <el-table-column prop="carModel" label="杞﹀瀷" min-width="10" v-if="mystatus===2"> </el-table-column> - <el-table-column prop="eventSource" label="杞︿富濮撳悕" min-width="10"> - <template slot-scope="scope"> - <span>{{scope.row.eventSource === 2 ? '浜哄伐涓婃姤' : '瑙嗛涓婁紶'}}</span> - </template> + <el-table-column prop="ownerName" label="杞︿富濮撳悕" min-width="10"> </el-table-column> - <el-table-column prop="category" label="杞﹁締浣跨敤浜哄憳" min-width="10"> + <el-table-column prop="vehicleUser" label="杞﹁締浣跨敤浜哄憳" min-width="10"> </el-table-column> - <el-table-column prop="type" label="鑱旂郴鏂瑰紡" min-width="10"> + <el-table-column prop="contact" label="鑱旂郴鏂瑰紡" min-width="10"> </el-table-column> - <el-table-column prop="actionCause" :label="mystatus === 1 ? '鎵�灞為儴闂�':'鏂藉伐鍦板潃'" min-width="10"> + <el-table-column :prop="mystatus===1 ? 'belong' : 'geographicPosition'" :label="mystatus === 1 ? '鎵�灞為儴闂�':'鏂藉伐鍦板潃'" min-width="10"> </el-table-column> - <el-table-column prop="site" :label="mystatus === 1 ? '鎵�灞炲ぇ闃�' : '鏂藉伐鍗曚綅'" min-width="10"> + <el-table-column :prop="mystatus===1 ? 'depart' : 'constructionOrg'" :label="mystatus === 1 ? '鎵�灞炲ぇ闃�' : '鏂藉伐鍗曚綅'" min-width="10"> </el-table-column> <el-table-column prop="operation" label="鎿嶄綔" min-width="20"> <template slot-scope="scope"> <div class="btn"> - <span @click="handleReset(scope.row)">鏌ョ湅</span> + <span @click="handleView(scope.row)">鏌ョ湅</span> <span class="line">|</span> <span>鍒犻櫎</span> </div> @@ -60,14 +54,21 @@ <el-dialog :visible.sync="dialogAdd" width="60%" title="鏂板杞﹁締" v-if="dialogAdd" :before-close="handleClose"> <Mycreate v-if="mystatus === 1" @closeDialog="closeDialog"></Mycreate> + <MySoil v-else @closeDialog="closeDialog"></MySoil> + </el-dialog> + <!-- 鏌ョ湅 --> + <el-dialog :visible.sync="dialogView" width="60%" title="鏌ョ湅杞﹁締淇℃伅" + v-if="dialogView" :before-close="handleNoClose"> + <MyViewLaw v-if="mystatus === 1" :info="info"></MyViewLaw> + <MyViewSoil v-else :info="info"></MyViewSoil> </el-dialog> <!-- tools --> <div class="tools"> <div class="funs"> - <div class="funsItem"> + <div class="funsItem funs-sp"> <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox> </div> - <div class="funsItem"> + <div class="funsItem funs-sp"> <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox> </div> <div class="funsItem"> @@ -90,17 +91,22 @@ </div> </template> <script> -import Mycreate from './createUser' +import Mycreate from './create/law' +import MySoil from './create/soil' +import MyViewLaw from './update/law' +import MyViewSoil from './update/soil' export default { components: { - Mycreate + Mycreate,MySoil,MyViewLaw, + MyViewSoil }, data() { return { tableData: [], context: "", dialogAdd:false, - info: {}, + dialogView:false, + info: '', totalNum: null, pageSize: 10, currentPage: 1, @@ -142,12 +148,22 @@ ], mystatus:1, caseId:'', + timer:null, } }, created() { this.getUserList(); }, methods: { + // 鎼滅储杞﹁締 + handleSearch(val){ + if(this.timer){ + clearTimeout(this.timer); + } + this.timer = setTimeout(()=>{ + this.getUserList(); + },1000); + }, // 娣诲姞杞﹁締 handleAddCar(){ this.dialogAdd = true; @@ -217,6 +233,7 @@ url:`sccg/car_Manage/query_enforce?current=${currentPage}&size=${pageSize}&carNum=${carNum}`, }) .then(res=>{ + console.log(res); arr = res.data; }) return arr; @@ -279,14 +296,23 @@ async JumpView(data){ await this.getEventInfo(data.code); }, + handleNoClose(done){ + done(); + }, opernDialog(data){ this.dialogAdd = true; this.caseId = data.id; - // console.log(data); }, - // 鍏抽棴涓婁紶鐣岄潰 - closeDialog({flag}){ + // 鍏抽棴鐣岄潰 + closeDialog({flag,index}){ this.dialogAdd = flag; + if(index===1){ + this.getUserList(); + } + }, + handleView(data){ + this.info = data; + this.dialogView = true; } } } @@ -391,12 +417,13 @@ .funs { display: flex; - + .funs-sp{ + border: 1px solid #17324c; + } .funsItem { line-height: 28px; display: flex; align-items: center; - border: 1px solid #17324c; border-radius: 4px; font-size: 12px; margin-left: 10px; -- Gitblit v1.8.0