| | |
| | | export default { |
| | | baseCaseQuery: (params) => { |
| | | return http.get('/sccg/base_case/query_case', params); |
| | | }, |
| | | |
| | | getBaseCaseDetail: (id) => { |
| | | return http.get('/sccg/base_case/baseCaseDetail/' + id); |
| | | } |
| | | } |
| | |
| | | <template> |
| | | <div class="my-upload"> |
| | | <el-upload |
| | | <el-upload |
| | | :file-list="fileList" |
| | | class="upload-demo" |
| | | action="/sccg/file/medias" |
| | | action="/sccg/file/medias" |
| | | :multiple="multiple" |
| | | :show-file-list="flag" |
| | | :before-upload="beforeUpload" |
| | |
| | | :list-type="listType" |
| | | :on-remove="handleRemove" |
| | | :headers="getToken()"> |
| | | <div class="upload-btn" :style="{'height':btnHeight,'width':btnWidth}"> |
| | | <i class="el-icon-plus"></i> |
| | | <span>上传图片</span> |
| | | <div class="upload-btn"> |
| | | <i class="el-icon-plus"></i> |
| | | <span>上传图片</span> |
| | | </div> |
| | | </el-upload> |
| | | </div> |
| | |
| | | multiple: false, |
| | | // 限制 |
| | | limit: 4, |
| | | // 按钮高度 |
| | | btnHeight: '100px', |
| | | // 按钮宽度 |
| | | btnWidth: '100px', |
| | | // 文件列表类型 |
| | | listType: 'picture-card' |
| | | }; |
| | |
| | | }, |
| | | // 上传失败回调 |
| | | handleError(err, file, fileList) { |
| | | console.log(err); |
| | | this.$message({ |
| | | type:'error', |
| | | message:err |
| | |
| | | if (token && tokenHead) { |
| | | return { Authorization: tokenHead + token } |
| | | } |
| | | }, |
| | | // 预览 |
| | | handlePreview(file){ |
| | | console.log(file) |
| | | }, |
| | | // 移除文件 |
| | | handleRemove(file, fileList){ |
| | |
| | | delPictureUrl:{ |
| | | type:Function, |
| | | default:()=>{} |
| | | } |
| | | } |
| | | }, |
| | | pictureList: { |
| | | type: Array, |
| | | default: () => [] |
| | | } |
| | | }, |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .my-upload { |
| | | .upload-demo { |
| | | display: flex; |
| | | } |
| | | |
| | | :deep(.el-upload--picture-card) { |
| | | width: 100px; |
| | |
| | | width: 100px; |
| | | height: 100px; |
| | | } |
| | | //.file-list { |
| | | // display: flex; |
| | | // flex-wrap: nowrap; |
| | | //} |
| | | .upload-btn { |
| | | // background-color: rgba(249, 249, 249, 1); |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | | align-items: center; |
| | | border-radius: 4px; |
| | | width: 100px; |
| | | height: 100px; |
| | | |
| | | &:hover i{ |
| | | color: #409eff; |
| | |
| | | line-height: 22px; |
| | | } |
| | | } |
| | | .uploaded-image { |
| | | width: 0; |
| | | height: 100px; |
| | | display: flex; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | * @return {string} |
| | | */ |
| | | function addVersion(url) { |
| | | return url.includes('?') ? `${url}&v=${Date.now()}` : `${url}?v=${Date.now()}` |
| | | return url.includes('?') ? `${url}&v=${Date.now()}` : url; |
| | | } |
| | | |
| | | export default { |
| | |
| | | // 设置用户基本信息 |
| | | async setLoginInfo() { |
| | | const info = JSON.parse(sessionStorage.getItem('user')); |
| | | this.getMessage(); |
| | | if (info) { |
| | | this.user = info; |
| | | } else { |
| | | this.user = await this.getLoginInfo(); |
| | | } |
| | | this.show = true |
| | | this.show = true; |
| | | this.getMessage(); |
| | | }, |
| | | // 获取登录用户信息 |
| | | async getLoginInfo(){ |
| | |
| | | return res.data; |
| | | }, |
| | | getMessage() { |
| | | const userInfo = JSON.parse(sessionStorage.getItem('user')); |
| | | users.getMessageAuditList({ userId: userInfo.user.id }) |
| | | users.getMessageAuditList({ userId: this.user.user.id }) |
| | | .then(res => { |
| | | this.menuMessageList = res; |
| | | this.menuMessageList.forEach(item => { |
| | |
| | | <!-- 详情页展示 --> |
| | | <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView" |
| | | :before-close="handleClose"> |
| | | <MyDetail :info=info v-if="mystatus==1 ? true:false"></MyDetail> |
| | | <MyDetail :info=info v-if="mystatus===1"></MyDetail> |
| | | <MyIllDetail :info=info v-else></MyIllDetail> |
| | | </el-dialog> |
| | | <!-- 上传页面 --> |
| | | <el-dialog :visible.sync="dialogUpload" width="80%" title="上传处置结果" v-if="dialogUpload" |
| | | :before-close="handleClose"> |
| | | <uploadVio v-if="mystatus === 1" :caseId="caseId" :mycode="caseCode" @closeDialog="closeDialog"></uploadVio> |
| | | <uploadIll v-else :caseId="caseId" :mycode="caseCode" @closeDialog="closeDialog"></uploadIll> |
| | | <uploadVio v-if="mystatus === 1" :caseId="caseId" :mycode="caseCode" :vioData="vioData" @closeDialog="closeDialog"></uploadVio> |
| | | <uploadIll v-else :caseId="caseId" :mycode="caseCode" @closeDialog="closeDialog" :illData="illData"></uploadIll> |
| | | </el-dialog> |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | |
| | | </div> |
| | | <div class="pagination"> |
| | | <el-pagination background :current-page="currentPage" layout="prev, pager, next" |
| | | :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage" |
| | | @prev-click="handlePrev" @next-click="handleNext"> |
| | | :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage"> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | |
| | | import uploadIll from "./updateUser/uploadResult/ill" |
| | | import MyDetail from '@/components/detail' |
| | | import MyIllDetail from '@/components/illdetail' |
| | | import casequery from "@/api/operate/casequery"; |
| | | import helper from '@/utils/mydate' |
| | | export default { |
| | | components: { |
| | | // updateUser, |
| | | uploadVio, uploadIll, MyDetail,MyIllDetail |
| | | }, |
| | | data() { |
| | |
| | | tableData: [], |
| | | context: "", |
| | | dialogUpload: false, |
| | | // dialogUpdate: false, |
| | | dialogView: false, |
| | | info: {}, |
| | | totalNum: null, |
| | |
| | | statusArr: [], |
| | | mystatus: 1, |
| | | caseId: '', |
| | | caseCode:null, |
| | | caseCode: null, |
| | | vioData: null, |
| | | illData: null |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | methods: { |
| | | // 顶部下拉框 |
| | | setMystatus(value) { |
| | | console.log(value); |
| | | this.statusArr[1] = value; |
| | | this.changeTypeChecked(value - 1); |
| | | this.getUserList(); |
| | | }, |
| | | // 批量删除 |
| | | mulDelete(idArr) { |
| | | console.log(idArr); |
| | | this.$axios({ |
| | | method: 'delete', |
| | | url: 'sccg/violations/batch_delete?ids=' + idArr, |
| | |
| | | }, |
| | | // 执行下拉框操作 |
| | | selectChange(list) { |
| | | console.log(this.tempList); |
| | | if (this.tempList.length !== 0) { |
| | | if (list === 3) { |
| | | this.preMyIdx = list; |
| | |
| | | list.forEach(item => { |
| | | this.tempList.push(item.code); |
| | | }) |
| | | if (list.length === this.tableData.length) { |
| | | this.all = true; |
| | | } else { |
| | | this.all = false |
| | | } |
| | | this.all = list.length === this.tableData.length; |
| | | }, |
| | | // 全选 |
| | | selectAll() { |
| | |
| | | }, |
| | | // 删除单条数据 |
| | | handleDelete({ number }) { |
| | | console.log(number); |
| | | this.$confirm('确认删除?') |
| | | .then(_ => { |
| | | console.log(1); |
| | | this.$axios({ |
| | | method: 'delete', |
| | | url: `sccg/violations/delete?id=${number}`, |
| | |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | | this.typeList.forEach((item, index) => { |
| | | if (index === idx) { |
| | | item.checked = true; |
| | | } else { |
| | | item.checked = false; |
| | | } |
| | | item.checked = index === idx; |
| | | }) |
| | | this.mystatus = idx + 1; |
| | | console.log(this.mystatus); |
| | | this.statusArr[1] = this.typeList[idx].value; |
| | | this.getUserList(); |
| | | }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 == 0) { |
| | | if ((rowIndex + 1) % 2 === 0) { |
| | | return 'warning-row'; |
| | | } else { |
| | | return 'success-row'; |
| | | } |
| | | return ''; |
| | | }, |
| | | // 当前页改变触发事件 |
| | | changeCurrentPage(page) { |
| | | this.currentPage = page; |
| | | this.getUserList(); |
| | | }, |
| | | // 上一页点击事件 |
| | | handlePrev(page) { |
| | | this.currentPage = page; |
| | | this.getUserList(); |
| | | }, |
| | | // 下一页点击事件 |
| | | handleNext(page) { |
| | | this.currentPage = page; |
| | | this.getUserList(); |
| | | }, |
| | |
| | | this.$confirm('确认关闭?') |
| | | .then(_ => { |
| | | this.dialogUpload = false; |
| | | // this.dialogUpdate = false; |
| | | done(); |
| | | }) |
| | | .catch(_ => { }); |
| | |
| | | this.dialogView = true; |
| | | }) |
| | | }, |
| | | opernDialog(data) { |
| | | this.dialogUpload = true; |
| | | this.caseId = data.id; |
| | | this.caseCode = data.code |
| | | // console.log(data); |
| | | async opernDialog(data) { |
| | | await casequery.getBaseCaseDetail(data.code) |
| | | .then(({ baseCase, currentSitVo, filesPictureVo, handlePassVo }) => { |
| | | this.vioData = currentSitVo; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | this.dialogUpload = true; |
| | | this.caseId = data.id; |
| | | this.caseCode = data.code; |
| | | }, |
| | | // 关闭上传界面 |
| | | closeDialog({ flag }) { |
| | |
| | | |
| | | header { |
| | | background-color: #09152f; |
| | | border: 1pox solid #fff; |
| | | |
| | | .headerContent { |
| | | padding: 0 40px; |
| | |
| | | background-color: #09152f; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | border: 1pox solid #fff; |
| | | |
| | | .btn span:hover { |
| | | cursor: pointer; |
| | |
| | | <!-- 现场情况照片 --> |
| | | <el-form-item label="现场情况照片:" prop="situationPic"> |
| | | <div class="upImg" > |
| | | <!-- <div class="img-list" v-if="arrive.situationPic.length!==0"> |
| | | <div class="img" v-for="(item,index) in arrive.situationPic" :key="index"> |
| | | <img :src="item" alt=""> |
| | | <i class="el-icon-close myicon" @click="handleRemove(index)"></i> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <MyUpload @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload> |
| | | |
| | | <!-- <div class="upload" v-if="arrive.situationPic.length<4"> |
| | | <el-upload :file-list="fileList" class="upload-demo" |
| | | action="/sccg/file/medias" multiple :show-file-list="false" |
| | | :limit="50" :on-success="handleSuccess" list-type="picture" :headers="getToken()"> |
| | | <i class="el-icon-plus"></i> |
| | | </el-upload> |
| | | </div> --> |
| | | <div class="tip">{{ arrive.situationPic.length }} / 4</div> |
| | | </div> |
| | | </el-form-item> |
| | |
| | | components: { |
| | | MyUpload |
| | | }, |
| | | props: { |
| | | arriveData: { |
| | | type: Object, |
| | | default: () => null |
| | | } |
| | | }, |
| | | data() { |
| | | const checkTime = (rule, value, callback) => { |
| | | if (value) { |
| | |
| | | situationExplain: [ |
| | | { trigger: 'blur', validator: checkSit } |
| | | ], |
| | | // replyExplain: [ |
| | | // { trigger: 'blur', validator: checkReplay } |
| | | // ], |
| | | situationPic: [ |
| | | { trigger: 'blur', validator: checkSitPic } |
| | | ], |
| | |
| | | fileList: [], |
| | | } |
| | | }, |
| | | methods: { |
| | | created() { |
| | | this.arrive = this.arriveData; |
| | | }, |
| | | methods: { |
| | | handleSuccess(res, file, filelist) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | console.log(this.fileList); |
| | | if (this.arrive.situationPic.length < 4) { |
| | | this.arrive.situationPic.push(baseUrl + res.data.url1) |
| | | } |
| | |
| | | </el-form-item> |
| | | <!-- 情况描述 --> |
| | | <el-form-item label="处置结果:" prop="description"> |
| | | <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" maxlength="200" show-word-limit |
| | | <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" maxlength="200" show-word-limit |
| | | v-model="evidence.description" placeholder="请输入处置结果,限制200字以内"></el-input> |
| | | </el-form-item> |
| | | <!-- 照片附件 --> |
| | | <el-form-item label="照片附件:" prop="pic"> |
| | | <div class="upImg"> |
| | | <!-- <div class="img-list" v-if="evidence.pic.length!==0"> |
| | | <div class="img" v-for="(item,index) in evidence.pic" :key="index"> |
| | | <img :src="item" alt=""> |
| | | <i class="el-icon-close myicon" @click="handleRemove(index)"></i> |
| | | </div> |
| | | </div> --> |
| | | <MyUpload @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload> |
| | | <!-- <div class="upload" v-if="evidence.pic.length<4"> |
| | | <el-upload :file-list="fileList" class="upload-demo" |
| | | action="/sccg/file/medias" multiple :show-file-list="false" |
| | | :limit="4" :on-success="handleSuccess2" :headers="getToken()"> |
| | | <i class="el-icon-plus"></i> |
| | | </el-upload> |
| | | </div> --> |
| | | <MyUpload :picture-list="evidence.pic" @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload> |
| | | <div class="tip">{{evidence.pic.length}} / 4</div> |
| | | </div> |
| | | </el-form-item> |
| | |
| | | <div class="user-item"> |
| | | <!-- 民族 --> |
| | | <el-form-item label="民族:" prop="nation"> |
| | | <!-- <el-select v-model="user.nation" placeholder="请选择民族"> --> |
| | | <el-select v-model="user.nation" placeholder="请选择"> |
| | | <el-option v-for="item in nationOptions" :key="item.id" :label="item.name" |
| | | :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | <!-- <el-input v-model="user.nation"></el-input> --> |
| | | </el-form-item> |
| | | <!-- 籍贯 --> |
| | | <el-form-item label="籍贯:" prop="nativePlace"> |
| | |
| | | </div> |
| | | <div class="user-form-footer"> |
| | | <el-button type="primary" @click="checkUser">确定</el-button> |
| | | <el-button>返回</el-button> |
| | | <el-button @click="userFlag = false">返回</el-button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | MyUpload |
| | | }, |
| | | data() { |
| | | const checkName = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('承办队员名字不能为空')); |
| | | } |
| | | } |
| | | const checkName2 = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('协办队员名字不能为空')); |
| | | } |
| | | } |
| | | const checkTime2 = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('此处时间不能为空')); |
| | | } |
| | | } |
| | | const checkAddress2 = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('此处地址不能为空')); |
| | | } |
| | | } |
| | | const checkCase = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('案由不能空')); |
| | | } |
| | | } |
| | | const checkDesc = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('情况描述不能为空')); |
| | | } |
| | | } |
| | | const checkPic = (rule, value, callback) => { |
| | | if (value.length !== 0) { |
| | | callback() |
| | |
| | | callback(new Error('请上传照片附件')); |
| | | } |
| | | } |
| | | const checkIll = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('案件类型不能为空')); |
| | | } |
| | | } |
| | | const checkName3 = (rule, value, callback) => { |
| | | const checkUserName = (rule, value, callback) => { |
| | | if (value) { |
| | | validateName(value) ? callback() : callback(new Error('请输入正确的姓名')) |
| | | } else { |
| | |
| | | callback(new Error('证件号码不能为空')); |
| | | } |
| | | } |
| | | const checkWh = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('文化程度不能为空')); |
| | | } |
| | | } |
| | | // const checkCareer = (rule, value, callback) => { |
| | | // if (value) { |
| | | // callback() |
| | | // } else { |
| | | // callback(); |
| | | // } |
| | | // } |
| | | // const checkWork = (rule, value, callback) => { |
| | | // if (value) { |
| | | // callback() |
| | | // } else { |
| | | // callback(new Error('工作单位及职务不能为空')); |
| | | // } |
| | | // } |
| | | const checkNation = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('民族不能为空')); |
| | | } |
| | | } |
| | | // const checkNaP = (rule, value, callback) => { |
| | | // if (value) { |
| | | // callback() |
| | | // } else { |
| | | // callback(new Error('籍贯不能为空')); |
| | | // } |
| | | // } |
| | | const checkLiveAdd = (rule, value, callback) => { |
| | | if (value) { |
| | | callback() |
| | | } else { |
| | | callback(new Error('现住址不能为空')); |
| | | } |
| | | } |
| | | // const checkRegAdd = (rule, value, callback) => { |
| | | // if (value) { |
| | | // callback() |
| | | // } else { |
| | | // callback(new Error('户籍所在地不能为空')); |
| | | // } |
| | | // } |
| | | const checkFlag = (rule, value, callback) => { |
| | | if (value) { |
| | | callback(); |
| | |
| | | } |
| | | return { |
| | | evidence: { |
| | | undertaker: null, |
| | | assistant: null, |
| | | investigationTime: null, |
| | | address: null, |
| | | caseAction: null, |
| | | description: null, |
| | | pic: [], |
| | | userInfo: '', |
| | | userInfo: null |
| | | }, |
| | | evidenceRules: { |
| | | userInfo: [ |
| | | { trigger: 'change', validator: checkFlag } |
| | | ], |
| | | undertaker: [ |
| | | { |
| | | trigger: 'blur', validator: checkName |
| | | } |
| | | ], |
| | | assistant: [ |
| | | { |
| | | trigger: 'blur', validator: checkName2 |
| | | } |
| | | ], |
| | | investigationTime: [ |
| | | { |
| | | trigger: 'change', validator: checkTime2 |
| | | } |
| | | ], |
| | | address: [ |
| | | { |
| | | trigger: 'blur', validator: checkAddress2 |
| | | } |
| | | ], |
| | | caseAction: [ |
| | | { |
| | | trigger: 'blur', validator: checkCase |
| | | } |
| | | ], |
| | | description: [ |
| | | { |
| | | trigger: 'blur', validator: checkDesc |
| | | } |
| | | ], |
| | | pic: [ |
| | | { |
| | | trigger: 'blur', validator: checkPic |
| | | } |
| | | ], |
| | | userInfo: [{ trigger: ['change', 'blur'], validator: checkFlag }], |
| | | undertaker: [{ trigger: ['change', 'blur'], message: '承办队员名字不能为空', required: true }], |
| | | assistant: [{ trigger: ['change', 'blur'], message: '协办队员名字不能为空', required: true }], |
| | | investigationTime: [{ trigger: ['change', 'blur'], message: '此处时间不能为空', required: true }], |
| | | address: [{ trigger: ['change', 'blur'], message: '此处地址不能为空', required: true }], |
| | | caseAction: [{ trigger: ['change', 'blur'], message: '案由不能空', required: true }], |
| | | description: [{ trigger: ['change', 'blur'], message: '情况描述不能为空', required: true }], |
| | | pic: [{ trigger: ['change', 'blur'], validator: checkPic }], |
| | | }, |
| | | fileList: [], |
| | | user: { |
| | |
| | | registerAddress: '', |
| | | }, |
| | | userRules: { |
| | | illegalType: [ |
| | | { |
| | | trigger: 'change', validator: checkIll, |
| | | } |
| | | ], |
| | | name: [ |
| | | { |
| | | required:true,trigger: 'blur', validator: checkName3 |
| | | } |
| | | ], |
| | | phoneCode: [ |
| | | { |
| | | required:true,trigger: 'blur', validator: checkPhone |
| | | } |
| | | ], |
| | | certificateType: [ |
| | | { |
| | | trigger: 'change', validator: checkCard |
| | | } |
| | | ], |
| | | certificateCode: [ |
| | | { |
| | | required:true,trigger: 'blur', validator: checkCode |
| | | } |
| | | ], |
| | | educationDegree: [ |
| | | { |
| | | trigger: 'change', validator: checkWh |
| | | } |
| | | ], |
| | | // career: [ |
| | | // { |
| | | // trigger: 'blur', validator: checkCareer |
| | | // } |
| | | // ], |
| | | // work: [ |
| | | // { |
| | | // trigger: 'blur', validator: checkWork |
| | | // } |
| | | // ], |
| | | nation: [ |
| | | { |
| | | trigger: 'change', validator: checkNation |
| | | } |
| | | ], |
| | | // nativePlace: [ |
| | | // { |
| | | // trigger: 'blur', validator: checkNaP |
| | | // } |
| | | // ], |
| | | liveAddress: [ |
| | | { |
| | | required:true,trigger: 'blur', validator: checkLiveAdd |
| | | } |
| | | ], |
| | | // registerAddress: [ |
| | | // { |
| | | // trigger: 'blur', validator: checkRegAdd |
| | | // } |
| | | // ], |
| | | illegalType: [{ trigger: ['change', 'blur'], message: '案件类型不能为空', required: true }], |
| | | name: [{ required: true,trigger: ['change', 'blur'], validator: checkUserName }], |
| | | phoneCode: [{ required: true,trigger: ['change', 'blur'], validator: checkPhone }], |
| | | certificateType: [{ trigger: ['change', 'blur'], validator: checkCard }], |
| | | certificateCode: [{ required: true,trigger: ['change', 'blur'], validator: checkCode }], |
| | | educationDegree: [{ required: true, trigger: ['change', 'blur'], message: '文化程度不能为空' }], |
| | | nation: [{ required: true, trigger: ['change', 'blur'], message: '民族不能为空' }], |
| | | liveAddress: [{ required: true, trigger: ['change', 'blur'], message: '现住址不能为空' }], |
| | | }, |
| | | userFlag: false, |
| | | typeOptions: [ |
| | |
| | | value: 4 |
| | | }, |
| | | ], |
| | | basecase:"" |
| | | basecase: null |
| | | } |
| | | }, |
| | | created() { |
| | | this.getCardTypeList(); |
| | | this.getSchoolList(); |
| | | this.getNationList(); |
| | | console.log(this.mytype); |
| | | async created() { |
| | | await this.getCardTypeList(); |
| | | await this.getSchoolList(); |
| | | await this.getNationList(); |
| | | this.user.illegalType = JSON.parse(JSON.stringify(this.mytype)); |
| | | const {mycode}=this; |
| | | this.getEventInfo(mycode) |
| | | if (this.evienceData) { |
| | | this.evidence = this.evienceData; |
| | | this.evidence.pic = this.evidence.pic.split(','); |
| | | this.user = this.evidence.partyInfo; |
| | | this.evidence.investigationTime = this.evidence.createTime; |
| | | this.evidence.userInfo = this.evidence.partyInfo.name; |
| | | } |
| | | }, |
| | | methods: { |
| | | // 获取案件信息 |
| | | async getEventInfo(mycode) { |
| | | await this.$axios({ |
| | | method: 'get', |
| | | url: `sccg/base_case/baseCaseDetail/${mycode}` |
| | | }) |
| | | .then(res => { |
| | | if(this.mytype == 1){ |
| | | this.basecase = res.data.baseCase.violations.typeText; |
| | | }else{ |
| | | this.basecase = res.data.baseCase.illegalBuilding.categoryText; |
| | | } |
| | | console.log(this.basecase) |
| | | }) |
| | | }, |
| | | handleSuccess2(res, file, filelist) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | if (this.evidence.pic.length < 4) { |
| | |
| | | }, |
| | | // 检验user |
| | | checkUser() { |
| | | // console.log(this.$refs.userForm.validate); |
| | | this.$refs.userForm.validate((valid) => { |
| | | console.log(valid); |
| | | if (valid) { |
| | | this.evidence.userInfo = this.user.name; |
| | | this.userFlag = false; |
| | | } else { |
| | | this.evidence.userInfo = false; |
| | |
| | | if (this.evidence.pic.length < 4) { |
| | | this.evidence.pic.push(baseUrl + url) |
| | | } |
| | | console.log(url); |
| | | }, |
| | | //删除图片 |
| | | delPicUrl({url}){ |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | console.log(url); |
| | | this.evidence.pic.splice(this.evidence.pic.indexOf(baseUrl + url),1); |
| | | console.log(this.evidence.pic); |
| | | } |
| | | }, |
| | | watch: { |
| | | 'evidence.pic.length': { |
| | | handler(newLen, oldLen) { |
| | | if (newLen !== 0) { |
| | | this.$refs.evidenceForm.validate((valid) => { |
| | | if (valid) { |
| | | |
| | | } else { return false } |
| | | }) |
| | | } |
| | | }, |
| | | deep: true, |
| | | } |
| | | }, |
| | | props:['mytype','mycode'] |
| | | props:['mytype','mycode', 'evienceData'] |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | |
| | | <MyEvidence ref="evidence" :mytype="2" :mycode="mycode"></MyEvidence> |
| | | <!-- 文种书类 --> |
| | | <MyBook ref="book" :mycode="mycode"></MyBook> |
| | | <!-- <div class="result"> |
| | | <el-input v-model="result" placeholder="请输入处理意见"></el-input> |
| | | </div> --> |
| | | <!-- 底部按钮 --> |
| | | |
| | | <div class="footer"> |
| | | <el-button @click="handleSubmit" type="primary">确定</el-button> |
| | | <el-button @click="handleBack">返回</el-button> |
| | |
| | | }, |
| | | props: ['caseId','closeDialog','mycode'], |
| | | created() { |
| | | console.log(this.caseId); |
| | | this.getUserId(); |
| | | }, |
| | | methods: { |
| | |
| | | <template> |
| | | <div class="vio"> |
| | | <!-- 到达现场情况 --> |
| | | <MyArrive ref="arrive"></MyArrive> |
| | | <MyArrive ref="arrive" :arriveData="arriveData"></MyArrive> |
| | | <!-- 调查取证 --> |
| | | <MyEvidence ref="evidence" :mytype="1" :mycode="mycode"></MyEvidence> |
| | | <MyEvidence ref="evidence" :evienceData="evienceData" :mytype="1" :mycode="mycode"></MyEvidence> |
| | | <!-- 底部按钮 --> |
| | | <div class="footer"> |
| | | <el-button @click="handleSubmit" type="primary">确定</el-button> |
| | |
| | | <script> |
| | | import MyArrive from '../components/arrive' |
| | | import MyEvidence from "../components/evidence" |
| | | import {parseTime} from '@/utils/index' |
| | | import { parseTime } from '@/utils/index' |
| | | |
| | | export default { |
| | | components: { |
| | | MyArrive, MyEvidence |
| | | }, |
| | | data() { |
| | | return { |
| | | |
| | | arriveData: null, |
| | | evienceData: null |
| | | } |
| | | }, |
| | | props: ['caseId', 'closeDialog','mycode'], |
| | | props: ['caseId', 'closeDialog','mycode', 'vioData'], |
| | | created() { |
| | | console.log(this.caseId); |
| | | this.arriveData = this.vioData.arrivalSituation; |
| | | this.evienceData = this.vioData.investigation; |
| | | }, |
| | | methods: { |
| | | handleSubmit() { |
| | | const { arrive, evidence } = this.$refs; |
| | | const { arriveForm } = arrive.$refs; |
| | | const { evidenceForm } = evidence.$refs; |
| | | // console.log(evidence.$refs); |
| | | arriveForm.validate((valid) => { |
| | | // console.log(valid); |
| | | if (valid) { |
| | | evidenceForm.validate((flag) => { |
| | | if (flag) { |
| | | // arrive.arrive;evidence.user;evidence.evidence; |
| | | this.$axios({ |
| | | method: 'post', |
| | | url: `sccg/dispatch_handle/addition_dispose_result?caseId=`+this.caseId+'&type=1', |
| | |
| | | description: evidence.evidence.description, |
| | | pic: `${evidence.evidence.pic}`, |
| | | // |
| | | // illegalType: evidence.user.illegalType, |
| | | name: evidence.user.name, |
| | | phoneCode: evidence.user.phoneCode, |
| | | certificateType: evidence.user.certificateType, |
| | |
| | | return { |
| | | storeCode: null, |
| | | storeStatus: null, |
| | | options: [{ label: '经营', value: 1 }, { label: '倒闭', value: 2 }], |
| | | options: [{ label: '全部', value: 0 }, { label: '经营', value: 1 }, { label: '倒闭', value: 2 }], |
| | | tableData: [], |
| | | dialogUpdate: false, |
| | | currentPage: 1, |
| | |
| | | return { |
| | | storeCode: null, |
| | | storeStatus: null, |
| | | options: [{ label: '经营', value: 1 }, { label: '倒闭', value: 2 }], |
| | | options: [{ label: '全部', value: 0 }, { label: '经营', value: 1 }, { label: '倒闭', value: 2 }], |
| | | tableData: [], |
| | | dialogUpdate: false, |
| | | currentPage: 1, |
| | |
| | | <el-input v-model="myInterface.description" placeholder="请填写描述"></el-input> |
| | | </el-form-item> |
| | | <!-- 按钮 --> |
| | | <!-- <el-form-item> |
| | | <div class="optionBtn"> |
| | | <el-button type="primary" class="btn submit" @click.native.prevent="handleUser">提交 |
| | | </el-button> |
| | | <el-button class="btn reset">重置</el-button> |
| | | </div> |
| | | </el-form-item> --> |
| | | </el-form> |
| | | </div> |
| | | </main> |