|
|
|
@ -13,22 +13,15 @@ |
|
|
|
<div class="warp_body"> |
|
|
|
<!-- {{ content }}--> |
|
|
|
<div class="subsearch"> |
|
|
|
<input class="searchbox" placeholder="请输入关键字搜索" name="keyword" id="" onclick=""> |
|
|
|
<input class="searchbox" v-model="searchParam.enterpriseName" placeholder="请输入关键字搜索" name="keyword" id="" onclick="search"> |
|
|
|
</div> |
|
|
|
<div class="search-result"> |
|
|
|
<div class="case-item"> |
|
|
|
<div class="case-title">深圳市鹏程万里智慧科技有限公司</div> |
|
|
|
<div class="case-info">统一社会信用代码:91511402MAA8RLGP7K</div> |
|
|
|
<div class="case-area">福田区华强街道</div> |
|
|
|
<div class="case-info"><span>法定代表人:张伟</span><span>证件号:4455**********0667</span></div> |
|
|
|
<div class="case-info"><span>企业联系人:李玉明</span><span>联系电话:133****2558</span></div> |
|
|
|
</div> |
|
|
|
<div class="case-item"> |
|
|
|
<div class="case-title">深圳市鹏程展翼建筑装饰工程有限公司</div> |
|
|
|
<div class="case-info">统一社会信用代码:92511402MAA8RLGP69</div> |
|
|
|
<div class="case-area">福田区华强街道</div> |
|
|
|
<div class="case-info"><span>法定代表人:王展华</span><span>证件号:4455**********0667</span></div> |
|
|
|
<div class="case-info"><span>企业联系人:卫军</span><span>联系电话:133****2558</span></div> |
|
|
|
<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-area">{{item.enterpriseAddress}}</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> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -38,18 +31,18 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="visible" class="popup"> |
|
|
|
<div v-if="visible" class="popup" v-show="isCheck"> |
|
|
|
<!-- 弹窗的内容 --> |
|
|
|
<div class="popup-content"> |
|
|
|
<div class="subtitle">请选择不扫码的原因:</div> |
|
|
|
<div class="item-box"> |
|
|
|
<span class="item-btn active">企业拒绝出示二维码</span> |
|
|
|
<span class="item-btn">网络/设备故障</span> |
|
|
|
<span class="item-btn">其它</span> |
|
|
|
<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="">确定</button> |
|
|
|
<!-- <button class='btn-reset' @click="">重置</button>--> |
|
|
|
<button class='btn-search' @click="closeReason">确定</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -57,7 +50,20 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { queryEnterpriseInfoList } from '../../api/enterprise' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
isCheck: true, |
|
|
|
checkCss: 1, |
|
|
|
reason: "企业拒绝出示二维码", |
|
|
|
enterpriseList: [], |
|
|
|
searchParam: { |
|
|
|
// 企业名称 |
|
|
|
enterpriseName:"", |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
props: { |
|
|
|
visible: { |
|
|
|
type: Boolean, |
|
|
|
@ -68,9 +74,40 @@ export default { |
|
|
|
default: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.queryList(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
closePopup() { |
|
|
|
this.$emit('close'); |
|
|
|
}, |
|
|
|
queryList() { |
|
|
|
queryEnterpriseInfoList(null,success =>{ |
|
|
|
console.log(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, |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
search() { |
|
|
|
queryList(); |
|
|
|
}, |
|
|
|
checkReason(val, key) { |
|
|
|
this.reason = val; |
|
|
|
this.checkCss = key; |
|
|
|
}, |
|
|
|
closeReason() { |
|
|
|
this.isCheck = false; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|