| | |
| | | <template slot="header"> |
| | | <el-form :inline="true" :model="queryInfo" class="demo-form-inline"> |
| | | <el-form-item label="报案人:"> |
| | | <el-input placeholder="请输入姓名或身份证" v-model="queryInfo.people"></el-input> |
| | | <el-input placeholder="请输入姓名" v-model="queryInfo.people"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="手机号码:"> |
| | | <el-input placeholder="请输入" v-model="queryInfo.phoneNumber"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="是否已进群:"> |
| | | <el-select v-model="queryInfo.isInGroup" placeholder="请选择"> |
| | | <el-option v-for="item in optionsGroup" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="报案材料:"> |
| | | <el-select v-model="queryInfo.HavaMaterial" placeholder="请选择"> |
| | | <el-option v-for="item in optionsMate" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="是否已进群:">--> |
| | | <!-- <el-select v-model="queryInfo.isInGroup" placeholder="请选择">--> |
| | | <!-- <el-option v-for="item in optionsGroup" :key="item.value" :label="item.label" :value="item.value">--> |
| | | <!-- </el-option>--> |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="报案材料:">--> |
| | | <!-- <el-select v-model="queryInfo.HavaMaterial" placeholder="请选择">--> |
| | | <!-- <el-option v-for="item in optionsMate" :key="item.value" :label="item.label" :value="item.value">--> |
| | | <!-- </el-option>--> |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="search">查询</el-button> |
| | | </el-form-item> |
| | |
| | | <el-table-column width="80" prop="reporterName" label="报案人"></el-table-column> |
| | | <el-table-column width="120" prop="mobile" label="手机号码"></el-table-column> |
| | | <el-table-column width="180" prop="idcard" label="证件号码"></el-table-column> |
| | | <el-table-column width="100" prop="isCommission" label="是否审核"> |
| | | <template slot-scope="scope"> |
| | | <el-popover |
| | | v-if="scope.row.status == 2" |
| | | placement="bottom" |
| | | title="驳回原因" |
| | | width="200" |
| | | trigger="click" |
| | | :content="scope.row.remarks"> |
| | | <el-button type="text" slot="reference">已驳回</el-button> |
| | | </el-popover> |
| | | <span v-else>否</span> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column width="100" prop="isCommission" label="是否审核">--> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <el-popover--> |
| | | <!-- v-if="scope.row.status == 2"--> |
| | | <!-- placement="bottom"--> |
| | | <!-- title="驳回原因"--> |
| | | <!-- width="200"--> |
| | | <!-- trigger="click"--> |
| | | <!-- :content="scope.row.remarks">--> |
| | | <!-- <el-button type="text" slot="reference">已驳回</el-button>--> |
| | | <!-- </el-popover>--> |
| | | <!-- <span v-else>否</span>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column width="100" prop="amountInvolved" label="涉案金额"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.amountInvolved === null ? 0 : scope.row.amountInvolved }}</span> |
| | |
| | | :with-credentials="true" |
| | | :on-preview="handlePictureCardPreview" |
| | | :on-success="handIdCardMaterials" |
| | | :on-remove="handleRemove" |
| | | :on-remove="handleRemovecard" |
| | | :file-list="auditInfo.cardimg" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | </el-upload> |
| | |
| | | <el-image |
| | | style="width: 100px; height: 100px" |
| | | :src="item" |
| | | fit="fill"></el-image> |
| | | fit="fill" |
| | | :preview-src-list="idCardMaterials"></el-image> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="合同" name="b"> |
| | |
| | | :with-credentials="true" |
| | | :on-preview="handlePictureCardPreview" |
| | | :on-success="handContractMaterials" |
| | | :on-remove="handleRemove" |
| | | :on-remove="handleRemovecontractimg" |
| | | :file-list="auditInfo.contractimg" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | </el-upload> |
| | |
| | | <el-image |
| | | style="width: 100px; height: 100px" |
| | | :src="item" |
| | | fit="fill"></el-image> |
| | | fit="fill" |
| | | :preview-src-list="contractMaterials"></el-image> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="交易凭证" name="c"> |
| | |
| | | <el-image |
| | | style="width: 100px; height: 100px" |
| | | :src="item" |
| | | fit="fill"></el-image> |
| | | fit="fill" |
| | | :preview-src-list="transactionMaterials"></el-image> |
| | | </div> |
| | | <el-upload |
| | | v-show="fromTitle=='添加'" |
| | |
| | | :with-credentials="true" |
| | | :on-preview="handlePictureCardPreview" |
| | | :on-success="handTransactionMaterials" |
| | | :on-remove="handleRemove" |
| | | :on-remove="handleRemovetransaction" |
| | | :file-list="auditInfo.transactionimg" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | </el-upload> |
| | |
| | | :with-credentials="true" |
| | | :on-preview="handlePictureCardPreview" |
| | | :on-success="handTlseMaterials" |
| | | :on-remove="handleRemove" |
| | | :on-remove="handleRemoveelse" |
| | | :file-list="auditInfo.elseimg" |
| | | > |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | </el-upload> |
| | |
| | | <el-image |
| | | style="width: 100px; height: 100px" |
| | | :src="item" |
| | | fit="fill"></el-image> |
| | | fit="fill" |
| | | :preview-src-list="elseMaterials"></el-image> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | |
| | | <el-button type="primary" @click="checkAdd">确 定</el-button> |
| | | </span> |
| | | <!-- 图片放大弹窗 --> |
| | | <el-dialog :visible.sync="dialogVisible"> |
| | | <el-dialog :visible.sync="dialogVisible" append-to-body> |
| | | <img width="100%" :src="dialogImageUrl" alt=""> |
| | | </el-dialog> |
| | | <el-dialog |
| | |
| | | <el-image |
| | | style="width: 100px; height: 100px" |
| | | :src="item" |
| | | fit="fill"></el-image> |
| | | fit="fill" |
| | | :preview-src-list="idCardMaterials" |
| | | ></el-image> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="合同" name="b"> |
| | |
| | | <el-image |
| | | style="width: 100px; height: 100px" |
| | | :src="item" |
| | | fit="fill"></el-image> |
| | | fit="fill" |
| | | :preview-src-list="contractMaterials"></el-image> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="交易凭证" name="c"> |
| | |
| | | <el-image |
| | | style="width: 100px; height: 100px" |
| | | :src="item" |
| | | fit="fill"></el-image> |
| | | fit="fill" |
| | | :preview-src-list="transactionMaterials"></el-image> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="其他" name="d"> |
| | |
| | | <el-image |
| | | style="width: 100px; height: 100px" |
| | | :src="item" |
| | | fit="fill"></el-image> |
| | | fit="fill" |
| | | :preview-src-list="elseMaterials"></el-image> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | |
| | | methods: { |
| | | handTlseMaterials(res){ |
| | | if (res.code === 200) { |
| | | this.elseList.push({ |
| | | data: res.data |
| | | this.auditInfo.elseimg.push({ |
| | | name: res.data, |
| | | url: '/minio/img/' + res.data, |
| | | // uid: this.addPublicityForm.img.length |
| | | response: {data:res.data} |
| | | }) |
| | | } else { |
| | | this.$message.error(res.msg) |
| | |
| | | }, |
| | | handTransactionMaterials(res){ |
| | | if (res.code === 200) { |
| | | this.transacList.push({ |
| | | data: res.data |
| | | this.auditInfo.transactionimg.push({ |
| | | name: res.data, |
| | | url: '/minio/img/' + res.data, |
| | | // uid: this.addPublicityForm.img.length |
| | | response: {data:res.data} |
| | | }) |
| | | } else { |
| | | this.$message.error(res.msg) |
| | |
| | | }, |
| | | handContractMaterials(res){ |
| | | if (res.code === 200) { |
| | | this.contractList.push({ |
| | | data: res.data |
| | | this.auditInfo.contractimg.push({ |
| | | name: res.data, |
| | | url: '/minio/img/' + res.data, |
| | | // uid: this.addPublicityForm.img.length |
| | | response: {data:res.data} |
| | | }) |
| | | } else { |
| | | this.$message.error(res.msg) |
| | |
| | | console.log(res,this.auditInfo) |
| | | }, |
| | | handIdCardMaterials(res){ |
| | | console.log(res) |
| | | if (res.code === 200) { |
| | | this.idCardList.push({ |
| | | data: res.data |
| | | this.auditInfo.cardimg.push({ |
| | | name: res.data, |
| | | url: '/minio/img/' + res.data, |
| | | // uid: this.addPublicityForm.img.length |
| | | response: {data:res.data} |
| | | }) |
| | | } else { |
| | | this.$message.error(res.msg) |
| | |
| | | // file是点击删除的文件,fileList时删除后剩下的文件列表 |
| | | console.log(file,fileList) |
| | | // this.auditInfo.idCardMaterials = fileList[0].response |
| | | }, |
| | | handleRemovecard(file,fileList){ |
| | | console.log(fileList) |
| | | this.auditInfo.cardimg = fileList |
| | | }, |
| | | handleRemovecontractimg(file,fileList){ |
| | | this.auditInfo.contractimg = fileList |
| | | }, |
| | | handleRemovetransaction(file,fileList){ |
| | | this.auditInfo.transactionimg = fileList |
| | | }, |
| | | handleRemoveelse(file,fileList){ |
| | | this.auditInfo.elseimg = fileList |
| | | }, |
| | | handlePictureCardPreview(file) { |
| | | this.dialogImageUrl = file.url |
| | |
| | | let form = null; |
| | | form = this.auditInfo; |
| | | console.log(form,this.idCardList) |
| | | //处理图片身份证 |
| | | if (this.idCardList.length>0){ |
| | | form.idCardMaterials=this.idCardList.map(item=>item.data).join(',') |
| | | }else {form.idCardMaterials=''} |
| | | if (this.contractList.length>0){ |
| | | form.contractMaterials=this.contractList.map(item=>item.data).join(',') |
| | | }else {form.contractMaterials=''} |
| | | if (this.transacList.length>0){ |
| | | form.transactionMaterials=this.transacList.map(item=>item.data).join(',') |
| | | }else {form.transactionMaterials=''} |
| | | if (this.elseList.length>0){ |
| | | form.elseMaterials=this.elseList.map(item=>item.data).join(',') |
| | | }else {form.elseMaterials=''} |
| | | |
| | | if (this.fromTitle=='添加'){ |
| | | //处理图片身份证 |
| | | if (form.cardimg.length>0){ |
| | | form.idCardMaterials=form.cardimg.map(item=>item.response.data).join(',') |
| | | }else {form.idCardMaterials=''} |
| | | if (form.contractimg.length>0){ |
| | | form.contractMaterials=form.contractimg.map(item=>item.response.data).join(',') |
| | | }else {form.contractMaterials=''} |
| | | if (form.transactionimg.length>0){ |
| | | form.transactionMaterials=form.transactionimg.map(item=>item.response.data).join(',') |
| | | }else {form.transactionMaterials=''} |
| | | if (form.elseimg.length>0){ |
| | | form.elseMaterials=form.elseimg.map(item=>item.response.data).join(',') |
| | | }else {form.elseMaterials=''} |
| | | report(form).then(res=>{ |
| | | this.checkVisible=false |
| | | console.log(res) |
| | |
| | | |
| | | async getCauseOptions() { |
| | | const { data: data } = await this.$http.get('/api/cause/getCauseIdAndName'); |
| | | data.data.map(item=>{ |
| | | item.id=Number(item.id) |
| | | }) |
| | | this.causeOptions = data.data; |
| | | console.log(this.causeOptions) |
| | | }, |
| | |
| | | this.fromDis=false |
| | | this.picShow= '' |
| | | this.auditInfo= { |
| | | elseimg:[], |
| | | transactionimg:[], |
| | | cardimg:[], |
| | | contractimg:[], |
| | | pic: '', |
| | | reporterName: '', |
| | | mobile: '', |