From 4d9a35462803c7392dedca8d95fe21ff3d949466 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期一, 03 十月 2022 08:42:36 +0800 Subject: [PATCH] 用户、角色、部门,新增批量操作,案件池详情展示、以及调度 --- src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/vio/index.vue | 146 +++++++++++++----------------------------------- 1 files changed, 41 insertions(+), 105 deletions(-) diff --git a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/vio/index.vue b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/vio/index.vue index c48b5e7..2548905 100644 --- a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/vio/index.vue +++ b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/vio/index.vue @@ -1,127 +1,63 @@ <template> <div class="vio"> - <div class="arrive"> - <div class="arrive-title">鍒板ぇ鐜板満鎯呭喌</div> - <div class="arrive-form"> - <el-form ref="arriveForm" label-width="160px" :model="arrive" :rules="arriveRules" autoComplete="on"> - <!-- 鍒拌揪鏃堕棿 --> - <el-form-item label="鍒拌揪鏃堕棿" prop="arriveTime"> - <el-input v-model="arrive.arriveTime"></el-input> - </el-form-item> - <!-- 鍒拌揪鍦板潃 --> - <el-form-item label="鍒拌揪鍦板潃" prop="arriveAddr"> - <el-input v-model="arrive.arriveAddr"></el-input> - </el-form-item> - <!-- 鐜板満鎯呭喌璇存槑 --> - <el-form-item label="鐜板満鎯呭喌璇存槑" prop="arriveCondition"> - <el-input type="textarea" v-model="arrive.arriveCondition"></el-input> - </el-form-item> - <!-- 淇¤鍥炲璇存槑 --> - <el-form-item label="淇¤鍥炲璇存槑" prop="arriveLetter"> - <el-input v-model="arrive.arriveLetter"></el-input> - </el-form-item> - <!-- 鐜板満鎯呭喌鐓х墖 --> - <el-form-item label="鐜板満鎯呭喌鐓х墖" prop="arrivePhoto"> - <el-input v-model="arrive.arrivePhoto"></el-input> - </el-form-item> - </el-form> - </div> - </div> - <div class="evidence"> - <div class="evidence-title">璋冩煡鍙栬瘉</div> - <div class="evidence-form"> - <el-form ref="evidenceForm" label-width="160px" :model="evidence" :rules="evidenceRules" autoComplete="on"> - <!-- 鎵垮姙闃熷憳 --> - <el-form-item label="鎵垮姙闃熷憳" prop="team"> - <el-input v-model="evidence.team"></el-input> - </el-form-item> - <!-- 鍗忓姙闃熷憳 --> - <el-form-item label="鍗忓姙闃熷憳" prop="helper"> - <el-input v-model="evidence.helper"></el-input> - </el-form-item> - <!-- 鏃堕棿 --> - <el-form-item label="鏃堕棿" prop="time"> - <el-input v-model="evidence.time"></el-input> - </el-form-item> - <!-- 鍦板潃 --> - <el-form-item label="鍦板潃" prop="address"> - <el-input v-model="evidence.address"></el-input> - </el-form-item> - <!-- 妗堢敱 --> - <el-form-item label="妗堢敱" prop="cause"> - <el-input v-model="evidence.cause"></el-input> - </el-form-item> - <!-- 鎵垮姙闃熷憳 --> - <el-form-item label="鎵垮姙闃熷憳" prop="team"> - <el-input v-model="evidence.team"></el-input> - </el-form-item> - <!-- 褰撲簨浜轰俊鎭� --> - <el-form-item label="褰撲簨浜轰俊鎭�" prop="appender"> - <el-input v-model="evidence.appender"></el-input> - </el-form-item> - <!-- 鎯呭喌鎻忚堪 --> - <el-form-item label="鎯呭喌鎻忚堪" prop="description"> - <el-input v-model="evidence.description"></el-input> - </el-form-item> - <!-- 鐓х墖闄勪欢 --> - <el-form-item label="鐓х墖闄勪欢" prop="photo"> - <el-input v-model="evidence.photo"></el-input> - </el-form-item> - </el-form> - </div> - </div> + <!-- 鍒拌揪鐜板満鎯呭喌 --> + <MyArrive ref="arrive"></MyArrive> + <!-- 璋冩煡鍙栬瘉 --> + <MyEvidence ref="evidence"></MyEvidence> + <!-- 搴曢儴鎸夐挳 --> <div class="footer"> - <el-button>纭畾</el-button> + <el-button @click="handleSubmit" type="primary">纭畾</el-button> <el-button>杩斿洖</el-button> </div> </div> </template> <script> +import MyArrive from '../components/arrive' +import MyEvidence from "../components/evidence" export default { + components:{ + MyArrive,MyEvidence + }, data() { return { - arrive:{ - }, - arriveRules:{ - - }, - evidence:{ - - }, - evidenceRules:{ - - } + } + }, + methods:{ + handleSubmit(){ + const {arrive,evidence} = this.$refs; + const {arriveForm} = arrive.$refs; + const {evidenceForm} = evidence.$refs; + console.log(evidenceForm); + arriveForm.validate((valid)=>{ + console.log(valid); + if(valid){ + evidenceForm.validate((flag)=>{ + if(flag){ + console.log(flag); + }else{ + return false; + } + }) + }else{ + evidenceForm.validate((flag)=>{ + if(!flag){ + return false; + } + }) + return false; + } + }) } } } </script> <style lang="scss" scoped> -.vio{ - padding: 50px 100px; - .arrive-title,.evidence-title{ - line-height: 40px; - font-weight: 650; - font-size: 20px; - width: 160px; - padding-right: 12px; - text-align: right; - color: #4b9bb7; + .vio{ + padding: 20px 200px; } - .footer{ +.footer { display: flex; justify-content: flex-end; } - ::v-deep .el-input__inner{ - background-color: #09152f; - border: 1px solid #17324c; - } - ::v-deep .el-textarea__inner{ - background-color: #09152f; - border: 1px solid #17324c; - } - ::v-deep .el-form-item__label{ - color:#4b9bb7; - } -} </style> \ No newline at end of file -- Gitblit v1.8.0