<!-- * @Author: yangwei * @Date: 2023-09-06 09:00:34 * @LastEditors: yangwei * @LastEditTime: 2023-09-07 09:03:14 * @FilePath: \bdcdj-web\src\views\sjgx\gbmhlgxsjgx\components\zbbjbxxcx.vue * @Description: * * Copyright (c) 2023 by yangwei, All Rights Reserved. --> <template> <div class="check-result"> <div class="from-clues"> <div class="from-clues-header"> <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="124px" > <el-row> <el-col :span="10"> <el-form-item label="业务号"> <el-input placeholder="业务号" v-model="queryForm.businessNumber" clearable class="width100" > </el-input> </el-form-item> </el-col> <el-col :span="10"> <el-form-item label="社会组织名称"> <el-input placeholder="社会组织名称" v-model="queryForm.name" clearable class="width100" > </el-input> </el-form-item> </el-col> <el-col :span="4" class="btnColRight"> <el-button type="primary" native-type="submit" @click="handleSearch" >查询</el-button > </el-col> </el-row> <el-row> <el-col :span="10"> <el-form-item label="统一社会信用代码"> <el-input placeholder="统一社会信用代码" v-model="queryForm.tyshxydm" clearable class="width100" > </el-input> </el-form-item> </el-col> </el-row> </el-form> </div> <div class="from-clues-content"> <el-form :model="checkResult" ref="checkResult" @submit.native.prevent label-width="140px" > <el-row> <el-col :span="12"> <el-form-item label="统一社会信用代码 :"> <el-input v-model="checkResult.tyshxydm" disabled class="width100" > </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="第一名称 :"> <el-input v-model="checkResult.onemc" disabled class="width100" > </el-input> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="第二名称 :"> <el-input v-model="checkResult.twomc" disabled class="width100" > </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="第三名称 :"> <el-input v-model="checkResult.threemc" disabled class="width100"> </el-input> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="其他名称 :"> <el-input v-model="checkResult.qtmc" disabled class="width100" > </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="负责人 :"> <el-input v-model="checkResult.fzr" disabled class="width100" > </el-input> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="数据日期 :"> <el-input v-model="checkResult.sjrq" disabled class="width100" > </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="颁发日期 :"> <el-input v-model="checkResult.bfrq" disabled class="width100"> </el-input> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="机构地址 :"> <el-input v-model="checkResult.jgdz" disabled class="width100" > </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="机构性质 :"> <el-input v-model="checkResult.jgxz" disabled class="width100" > </el-input> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="赋码机关 :"> <el-input v-model="checkResult.fmjg" disabled class="width100"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="权力标识 :"> <el-input v-model="checkResult.qlbs" disabled class="width100" > </el-input> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="状态 :"> <el-input v-model="checkResult.zt" disabled class="width100" > </el-input> </el-form-item> </el-col> </el-row> </el-form> </div> </div> </div> </template> <script> import { xydm } from "@/api/v1.js"; export default { name: "BdcdjWebSfhc", data() { return { queryForm: {}, checkResult: {}, }; }, mounted() {}, methods: { /** * @description: handleSearch * @author: renchao */ handleSearch() { xydm(this.queryForm).then((res) => { if (res.status == "OK") { this.checkResult = res.data.rows[0]; } }); }, }, }; </script> <style lang="scss" scoped></style>