You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
314 lines
8.5 KiB
314 lines
8.5 KiB
<template>
|
|
<div class="address_edit">
|
|
<!-- 导航栏 -->
|
|
<!-- <div class="header_body">
|
|
<header-nav
|
|
:slefBack="true"
|
|
@goBack="goBack"
|
|
:titelText="`企业搜索（未扫码）`"
|
|
>
|
|
</header-nav>
|
|
</div>-->
|
|
<!-- 中间 -->
|
|
<div class="warp_body">
|
|
<!-- {{ content }}-->
|
|
<div class="subsearch">
|
|
<view style="width: 100%;">
|
|
<input class="searchbox" v-model="searchParam.enterpriseName" placeholder="请输入关键字搜索" name="keyword" id="">
|
|
</view>
|
|
<button class='btn-search' @click="queryList()">搜索</button>
|
|
</div>
|
|
<div class="search-result">
|
|
<div class="case-item" v-for="(item, index) in enterpriseList" @click="toDetail(item)">
|
|
<div class="case-title">{{item.enterpriseName}}</div>
|
|
<div class="case-info">统一社会信用代码：{{item.enterpriseNumber}}</div>
|
|
<div class="case-info">
|
|
<span>法定代表人：{{item.legalPerson}}</span><span>证件号：{{item.idNumbe}}</span>
|
|
</div>
|
|
<div class="case-info">
|
|
<span>企业联系人：{{item.enterprise}}</span><span>联系电话：{{item.enterpriseTel}}</span>
|
|
</div>
|
|
<div class="case-area">{{item.enterpriseAddress}}</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div v-if="visible" class="popup" v-show="isCheck">
|
|
<!-- 弹窗的内容 -->
|
|
<div class="popup-content">
|
|
<div class="subtitle">请选择不扫码的原因：</div>
|
|
<div class="item-box">
|
|
<span :class="checkCss==1?'item-btn active':'item-btn'"
|
|
@click="checkReason('企业拒绝出示二维码', 1)">企业拒绝出示二维码</span>
|
|
<span :class="checkCss==2?'item-btn active':'item-btn'"
|
|
@click="checkReason('网络/设备故障', 2)">网络/设备故障</span>
|
|
<span :class="checkCss==3?'item-btn active':'item-btn'" @click="checkReason('其它', 3)">其它</span>
|
|
</div>
|
|
<div class="btnbox">
|
|
<!-- <button class='btn-reset' @click="">重置</button>-->
|
|
<button class='btn-search' @click="closeReason">确定</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import {queryEnterpriseInfoList} from '../../api/enterprise'
|
|
import {queryRegistrationList} from "../../api/enforce";
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
isCheck: true,
|
|
checkCss: 1,
|
|
reason: "企业拒绝出示二维码",
|
|
enterpriseList: [],
|
|
searchParam: {
|
|
// 企业名称
|
|
enterpriseName: "",
|
|
}
|
|
}
|
|
},
|
|
props: {
|
|
visible: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
content: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
created() {
|
|
// this.queryList();
|
|
},
|
|
methods: {
|
|
closePopup() {
|
|
this.$emit('close');
|
|
},
|
|
queryList() {
|
|
this.enterpriseList = [];
|
|
queryEnterpriseInfoList(this.searchParam, success => {
|
|
if (success.success) {
|
|
this.enterpriseList.push(...success.data);
|
|
}
|
|
console.log(this.enterpriseList);
|
|
});
|
|
},
|
|
toDetail(item) {
|
|
this.$router.push({
|
|
path: "/sign",
|
|
query: {
|
|
reason: this.reason,
|
|
enterpriseNumber: item.salt,
|
|
isNoScan: true,
|
|
}
|
|
});
|
|
},
|
|
checkReason(val, key) {
|
|
this.reason = val;
|
|
this.checkCss = key;
|
|
},
|
|
closeReason() {
|
|
this.isCheck = false;
|
|
},
|
|
cancel() {
|
|
this.searchParam.enterpriseName = '';
|
|
this.queryList()
|
|
},
|
|
// 返回
|
|
goBack() {
|
|
this.$router.go(-1);
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.address_edit {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background-color: #ebf3fb;
|
|
}
|
|
|
|
.warp_body {
|
|
background-image: linear-gradient(to bottom, #ebf3fb, #fff);
|
|
}
|
|
|
|
.subsearch {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin: 3%;
|
|
width: 94%;
|
|
height: 1.25rem;
|
|
font-size: 0.38rem;
|
|
}
|
|
.subsearch .btn-search {
|
|
margin: 0;
|
|
width: 20%;
|
|
height: 1rem;
|
|
border-radius: 0 0.15rem 0.15rem 0;
|
|
}
|
|
.searchbox {
|
|
margin: 2% 0;
|
|
padding: 0.1rem 0.3rem 0.1rem 1.15rem;
|
|
width: 100%;
|
|
height: 1rem;
|
|
background: #f6f7fe url(../../assets/images/icon_sou.png) no-repeat;
|
|
background-position: left 0.5rem center;
|
|
background-size: auto 50%;
|
|
box-sizing: border-box;
|
|
border: 0.02667rem solid rgba(0, 0, 0, .1);
|
|
border-radius: 0.15rem 0 0 0.15rem;
|
|
color: #999999;
|
|
outline: none;
|
|
}
|
|
|
|
.search-result {
|
|
margin: 1% 3%;
|
|
padding-bottom: 2rem;
|
|
width: 94%;
|
|
height: calc(100% - 4rem);
|
|
background: #fff;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.case-item {
|
|
margin: 3% 4%;
|
|
padding: 2% 0;
|
|
width: 92%;
|
|
font-size: 0.35rem;
|
|
border-bottom: 1px solid #f4f4f4;
|
|
color: #999;
|
|
line-height: 2;
|
|
}
|
|
|
|
.case-title {
|
|
margin: 2% 0;
|
|
padding-left: 0.65rem;
|
|
background: url(/src/assets/images/icon_jd.png) no-repeat left top 0.08rem;
|
|
background-size: auto 0.5rem;
|
|
font-size: 0.5rem;
|
|
color: #000;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.case-area {
|
|
display: table;
|
|
margin: 2% 0 2% -4.5%;
|
|
padding: 1% 15% 1% 4%;
|
|
width: auto;
|
|
/*background-color: #d0e5ff;
|
|
border-radius: 0 0.75rem 0.75rem 0;*/
|
|
background: linear-gradient(to right, #cce5ff, #dfedfb 30%, transparent 70%);
|
|
color: #077bf7;
|
|
font-size: 0.4rem;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.case-info {
|
|
display: flex;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.case-info span {
|
|
width: 45%;
|
|
}
|
|
|
|
.popup {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.35);
|
|
}
|
|
|
|
.popup-content {
|
|
position: fixed;
|
|
z-index: 999;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 0 3%;
|
|
width: 94%;
|
|
height: 35vh;
|
|
background: #fff;
|
|
overflow-y: auto;
|
|
font-size: 0.38rem;
|
|
}
|
|
|
|
.subtitle {
|
|
margin: 5% 2% 2%;
|
|
width: 96%;
|
|
/*font-size: 0.4rem;
|
|
font-weight: 600;*/
|
|
border-bottom: 1px solid #f4f4f4;
|
|
line-height: 2;
|
|
}
|
|
|
|
.item-btn {
|
|
float: left;
|
|
margin: 0.3rem 0.2rem;
|
|
padding: 0.2rem 0.3rem;
|
|
background-color: #f2f3f4;
|
|
color: #999;
|
|
border-radius: 1rem;
|
|
font-size: 0.35rem;
|
|
}
|
|
|
|
.item-btn.active {
|
|
background-color: #e9f2fb;
|
|
color: #1367fe;
|
|
}
|
|
|
|
.btnbox {
|
|
display: flex;
|
|
justify-content: center;
|
|
position: absolute;
|
|
bottom: 1rem;
|
|
left: 5%;
|
|
width: 90%;
|
|
height: 1rem;
|
|
}
|
|
|
|
.btn-reset {
|
|
display: inline-block;
|
|
margin: 0 2%;
|
|
padding: 0;
|
|
width: 60%;
|
|
color: #fff;
|
|
font-size: 0.35rem;
|
|
border-radius: 1rem;
|
|
background: #1367fe;
|
|
border: 1px solid #1367fe;
|
|
text-align: center;
|
|
}
|
|
.btn-search {
|
|
display: inline-block;
|
|
margin: 3% 7%;
|
|
padding: 0;
|
|
width: 70%;
|
|
color: #fff;
|
|
font-size: 0.35rem;
|
|
border-radius: 1rem;
|
|
background: #1367fe;
|
|
border: 0.02667rem solid #1367fe;
|
|
text-align: center;
|
|
height: 90%;
|
|
}
|
|
|
|
.btn-reset {
|
|
width: 35%;
|
|
background-color: #fff;
|
|
border-color: rgba(19, 103, 254, .7);
|
|
color: #1367fe;
|
|
}
|
|
</style>
|