From 369886d399783734d07fb617f074b2e74a773f2e Mon Sep 17 00:00:00 2001
From: 鲁班七号 <9159450+luban-71@user.noreply.gitee.com>
Date: 星期六, 22 七月 2023 09:56:26 +0800
Subject: [PATCH] 关于批发出口的打证支持。
---
src/views/license/licenseInfo/index.vue | 2805 ++++++++++++++++++++++++++++++-----------------------------
1 files changed, 1,429 insertions(+), 1,376 deletions(-)
diff --git a/src/views/license/licenseInfo/index.vue b/src/views/license/licenseInfo/index.vue
index cdf2759..4279d6d 100644
--- a/src/views/license/licenseInfo/index.vue
+++ b/src/views/license/licenseInfo/index.vue
@@ -1,1378 +1,1431 @@
-<template>
- <div class="app-container">
- <div class="filter-container">
- <div style="margin: 10px">
- <div class="basic_search" style="display:inline-block">
- <span>区域：</span>
- <el-select v-model="params.province" clearable filterable @change="changeArea('province')">
- <el-option
- v-for="item in provinceList"
- :key="item.id"
- :label="item.name"
- :value="item.name"
- >
- </el-option>
- </el-select>
- </div>
- <div class="basic_search" style="display:inline-block">
- <el-select v-model="params.city" prop="city" clearable filterable @change="changeArea('city')">
- <el-option
- v-for="item in cityList"
- :key="item.id"
- :label="item.name"
- :value="item.name"
- >
- </el-option>
- </el-select>
- </div>
- <div class="basic_search" style="display:inline-block">
- <el-select v-model="params.district" clearable filterable>
- <el-option
- v-for="item in districtList"
- :key="item.id"
- :label="item.name"
- :value="item.name"
- >
- </el-option>
- </el-select>
- </div>
-
- </div>
- <div style="margin-bottom: 10px">
- <div class="basic_search" style="display:inline-block">
- <span>创建时间：</span>
- <el-date-picker
- value-format="yyyy-MM-dd HH:mm:ss"
- v-model="validTime1"
- type="datetimerange"
- range-separator="-"
- start-placeholder="开始日期"
- end-placeholder="结束日期"
- >
- </el-date-picker>
- </div>
- <div class="basic_search" style="display:inline-block">
- <span>发证时间：</span>
- <el-date-picker
- value-format="yyyy-MM-dd HH:mm:ss"
- v-model="validTime2"
- type="datetimerange"
- range-separator="-"
- start-placeholder="开始日期"
- end-placeholder="结束日期"
- >
- </el-date-picker>
- </div>
- </div>
- <div class="carrier_search">
- <span>企业名称：</span>
- <el-input v-model="params.name" class="carrier_search_input"></el-input>
- </div>
- <div class="carrier_search">
- <span>企业类型：</span>
- <el-select filterable clearable v-model="params.type">
- <el-option label="烟花爆竹经营（生产）许可证" value="1">烟花爆竹经营（生产）许可证</el-option>
- <el-option label="烟花爆竹经营（批发）许可证" value="2">烟花爆竹经营（批发）许可证</el-option>
- <el-option label="烟花爆竹经营（长期零售）许可证" value="3">烟花爆竹经营（长期零售）许可证</el-option>
- <el-option label="烟花爆竹经营（短期零售）许可证" value="4">烟花爆竹经营（短期零售）许可证</el-option>
- </el-select>
- </div>
- <div class="carrier_search">
- <span>审核状态：</span>
- <el-select filterable clearable v-model="params.reviewstatus">
- <el-option
- v-for="item in reviewStatusList"
- :key="item.id"
- :label="item.name"
- :value="item.id"
- />
- </el-select>
- </div>
- <div style="margin-top: 10px;">
- <span>许可证状态：</span>
- <el-select filterable clearable v-model="params.validstatus">
- <el-option
- v-for="item in validStatusList"
- :key="item.id"
- :label="item.name"
- :value="item.id"
- />
- </el-select>
-
- <span>发证类型：</span>
- <el-select filterable clearable v-model="params.licensecode">
- <el-option
- v-for="item in licenseStatusList"
- :key="item.id"
- :label="item.name"
- :value="item.id"
- />
- </el-select>
-
- <el-button style="margin-left: 10px;" type="primary" v-if="isSupervision!=='null'" @click="openLicenseForm('新增','')">添加</el-button>
- <el-button style="margin-left: 10px;" type="primary" @click="searchData()">查询</el-button>
- <el-button style="margin-left: 10px;" type="primary" @click="exportRetail()">零售许可证台账导出</el-button>
- <el-button style="margin-left: 10px;" type="primary" @click="exportWholesale()">批发许可证台账导出</el-button>
- </div>
-
- </div>
- <div class="table_content">
- <el-table
- v-loading="listLoading"
- :key="tableKey"
- :data="licenseList"
- border
- fit
- @sort-change="sortChange"
- highlight-current-row
- style="width: 100%;"
- >
- <el-table-column label="序号" type="index" align="center" width="60"/>
- <el-table-column label="行政区划" prop="province" align="center" sortable="custom">
- <template slot-scope="scope">
- {{scope.row.province}}{{scope.row.city}}{{scope.row.district}}
- </template>
- </el-table-column>
- <el-table-column label="单位名称" prop="name" align="center" sortable="custom">
- </el-table-column>
- <el-table-column label="主要负责人" prop="mainpersonname" align="center" sortable="custom">
- </el-table-column>
- <el-table-column label="许可证编号" prop="licensecode" align="center" sortable="custom">
- </el-table-column>
- <el-table-column label="许可证类型" prop="type" align="center" sortable="custom">
- <template slot-scope="scope">
- <div v-for="item in typeList">
- <div v-if="scope.row.type === item.id">
- {{item.name}}
- </div>
- </div>
- </template>
- </el-table-column>
- <el-table-column label="发证类型" prop="licensestatus" align="center" sortable="custom">
- </el-table-column>
- <el-table-column label="发证日期" prop="issuingdate" align="center" sortable="custom">
- </el-table-column>
- <el-table-column label="到期日期" prop="noeffectdate" align="center" sortable="custom">
- </el-table-column>
- <el-table-column label="发证机关" prop="issuingunit" align="center" sortable="custom">
- </el-table-column>
- <el-table-column label="审批状态" prop="reviewstatus" align="center" sortable="custom">
- <template slot-scope="scope">
- <div v-for="item in reviewStatusList">
- <div v-if="scope.row.reviewstatus === item.id">
- {{item.name}}
- </div>
- </div>
- </template>
- </el-table-column>
- <el-table-column label="许可证状态" prop="validstatus" align="center" sortable="custom">
- <template slot-scope="scope">
- <div v-for="item in validStatusList">
- <div v-if="scope.row.validstatus === item.id">
- {{item.name}}
- </div>
- </div>
- </template>
- </el-table-column>
- <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">
- <template slot-scope="scope">
- <el-button type="text" @click="commit(scope.row.id)" v-if="isSupervision!=='null' && (scope.row.reviewstatus== 0||scope.row.reviewstatus===3) ?true:false">提交</el-button>
- <el-button type="text" @click="openLicenseForm('修改',scope.row)" v-if="isSupervision==='null'?false:true">修改</el-button>
- <el-button type="text" @click="openLicenseForm('审核',scope.row)" v-if="isSupervision ==='null' &&scope.row.reviewstatus !==2&&scope.row.reviewstatus !==3">审核</el-button>
- <el-button type="text" @click="refuse(scope.row.id)" v-if="isSupervision ==='null'&&scope.row.reviewstatus !==3">驳回</el-button>
- <el-button type="text" @click="deleteById(scope.row.id)" v-if="isSupervision==='null'?false:true">删除</el-button>
- <br><el-button type="text" v-print="printObj1" @click="giveData(scope.row)" v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印正本（新）</el-button>
- <el-button type="text" v-print="printObj2" @click="giveDetail(scope.row)" v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印副本（新）</el-button>
- <el-button type="text" v-print="printObj3" @click="giveData(scope.row)" v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印正本（旧）</el-button>
- <el-button type="text" v-print="printObj4" @click="giveDetail(scope.row)" v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印副本（旧）</el-button>
- </template>
- </el-table-column>
- <el-table-column label="其他操作" v-if="isSupervision === 'null'" align="center" width="180" class-name="small-padding fixed-width">
- <template slot-scope="scope">
- <el-button type="text" v-if="scope.row.reviewstatus === 2" @click="openDelayLicenseDialog(scope.row)">延期</el-button>
- <el-button type="text" v-if="scope.row.reviewstatus === 2" @click="openModLicenseDialog(scope.row)">变更</el-button>
- </template>
- </el-table-column>
- </el-table>
- <br>
- <el-pagination
- v-show="recordTotal>0"
- :current-page="currentPage"
- :page-sizes="[10, 20, 30, 50]"
- :page-size="pageSize"
- :total="recordTotal"
- layout="total, sizes, prev, pager, next, jumper"
- background
- style="float:right;"
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- />
- <br>
- </div>
- <div v-show="false">
- <div id="printMe1">
- <el-row style="height:130px;margin-left:140px;margin-top:197px">
- <el-col :span="3">
- <span style="display: inline-block;font-size: 20px;">统一社会信用代码</span>
- </el-col>
- <el-col :span="15">
- <span style="display: inline-block;font-size: 20px;"> {{code}}</span>
- </el-col>
- <el-col :span="6">
- <div style="width: 40%;height: 40%;margin-left:65px;padding-top: 35px" id="qrcode" ref="qrcode"></div>
- </el-col>
- </el-row>
- <el-row style="text-align: center;height:35px;font-size: 20px;margin-top:70px">
- <el-col :span="24">
- <span>编号  </span>
- <span style="display: inline-block">{{value}}</span>
- </el-col>
- </el-row>
- <el-row style="height:75px;margin-left:140px;margin-top:30px;">
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span v-if="type === 2">企业名称</span>
- <span v-if="type === 3">单位名称</span>
- </el-col>
- <el-col :span="11" style="font-size: 27px">
- <span>{{name}}</span>
- </el-col>
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span v-if="type === 2">主要负责人</span>
- <span v-if="type === 3">许可类型</span>
- </el-col>
- <el-col :span="5" style="font-size: 27px">
- <span v-if="type === 2">{{mainpersonname}}</span>
- <span v-if="type === 3">{{licensetype}}</span>
- </el-col>
- <el-col :span="2" style="font-size: 27px;">
- <span></span>
- </el-col>
- </el-row >
- <el-row style="height:75px;margin-left:140px;">
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span v-if="type === 2">注册地址</span>
- <span v-if="type === 3">主要负责人</span>
- </el-col>
- <el-col :span="11" style="font-size: 27px">
- <span v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
- <span v-if="type === 3">{{mainpersonname}}</span>
- </el-col>
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span v-if="type === 2">库区面积</span>
- <span v-if="type === 3">经营方式</span>
- </el-col>
- <el-col :span="5" style="font-size: 27px">
- <span v-if="type === 2">{{area}}㎡</span>
- <span v-if="type === 3">{{dealingtype}}</span>
- </el-col>
- <el-col :span="2" style="font-size: 27px;">
- <span></span>
- </el-col>
- </el-row>
- <el-row style="height:75px;margin-left:140px;">
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span v-if="type === 2">仓储地址</span>
- <span v-if="type === 3">单位地址</span>
- </el-col>
- <el-col :span="11" style="font-size: 27px">
- <span v-if="type === 2">{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span>
- <span v-if="type === 3">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
- </el-col>
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span v-if="type === 2">库房面积</span>
- <span v-if="type === 3">经营面积</span>
- </el-col>
- <el-col :span="5" style="font-size: 27px">
- <span v-if="type === 2">{{storagearea}}㎡</span>
- <span v-if="type === 3">{{area}}㎡</span>
- </el-col>
- <el-col :span="2" style="font-size: 27px;">
- <span></span>
- </el-col>
- </el-row>
- <el-row style="height:100px;margin-left:140px;">
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span>许可范围</span>
- </el-col>
- <el-col :span="11" style="font-size: 27px;padding-right: 80px;">
- <span>{{dealingrange}}</span>
- </el-col>
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span v-if="type === 2">核定药量</span>
- <span v-if="type === 3">核定储量</span>
- </el-col>
- <el-col :span="5" style="font-size: 27px;">
- <span>{{powder}}kg</span>
- <span>（{{reservebox}}箱）</span>
- </el-col>
- <el-col :span="2" style="font-size: 27px;">
- <span></span>
- </el-col>
- </el-row>
- <el-row style="height:40px;margin-left:140px;">
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span>有效期</span>
- </el-col>
- <el-col :span="4" style="font-size: 27px">
- <span>{{effectdate}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 27px;font-weight: bold">
- <span>至</span>
- </el-col>
- <el-col :span="5" style="font-size: 27px">
- <span>{{noeffectdate}}</span>
- </el-col>
- <el-col :span="11" style="font-size: 27px">
- <span></span>
- </el-col>
-<!-- <el-col :span="8" style="font-size: 27px;margin-top:38px;">-->
-<!-- <span>{{issuingunit}}</span>-->
-<!-- </el-col>-->
- </el-row>
- <el-row style="height:60px;margin-left:140px;">
- <el-col :span="14" style="font-size: 1px">
- <span>{{"."}}</span>
- </el-col>
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span>发证机关</span>
- </el-col>
- <el-col :span="5" style="font-size: 27px;">
- <span>{{issuingunit}}</span>
- </el-col>
- <el-col :span="2" style="font-size: 27px;">
- <span></span>
- </el-col>
- </el-row>
- <el-row style="height:60px;margin-left:140px;">
- <el-col :span="14" style="font-size: 1px">
- <span>{{"."}}</span>
- </el-col>
- <el-col :span="3" style="font-size: 27px;font-weight: bold">
- <span>发证日期</span>
- </el-col>
- <el-col :span="2" style="font-size: 27px;">
- <span>{{year}}</span>
- <span style="font-size: 27px;font-weight: bold"> 年</span>
- </el-col>
- <el-col :span="3" style="font-size: 27px;">
- <span>{{month}}</span>
- <span style="font-size: 27px;font-weight: bold">月</span>
- <span> {{day}}</span>
- <span style="font-size: 27px;font-weight: bold">日</span>
- </el-col>
- <el-col :span="2" style="font-size: 27px;">
- <span></span>
- </el-col>
- </el-row>
- </div>
- </div>
- <div v-show="false">
- <div id="printMe2">
- <el-row>
- <el-col :span="7" style="margin-top:670px;margin-left: 80px">
- <el-row style="height: 60px;">
- <el-col :span="6" style="font-weight: bold;">
- <span v-if="type === 2">企业名称</span>
- <span v-if="type === 3">单位名称</span>
- </el-col>
- <el-col :span="18">
- {{name}}
- </el-col>
- </el-row>
- <el-row style="height: 60px;margin-top: 4px">
- <el-col :span="6" style="font-weight: bold;">
- <span v-if="type === 2">注册地址</span>
- <span v-if="type === 3">主要负责人</span>
- </el-col>
- <el-col :span="18">
- <span v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
- <span v-if="type === 3">{{mainpersonname}}</span>
- </el-col>
- </el-row>
- <el-row style="height: 60px;margin-top: 4px">
- <el-col :span="6" style="font-weight: bold;">
- <span></span>
- <span v-if="type === 2">仓储地址</span>
- <span v-if="type === 3">单位地址</span>
- </el-col>
- <el-col :span="18">
- <span v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{storageaddress}}</span>
- <span v-if="type === 3">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
- </el-col>
- </el-row>
- <el-row style="height: 60px;margin-top: 4px">
- <el-col :span="6" style="font-weight: bold;">
- <span>许可范围</span>
- </el-col>
- <el-col :span="18">
- {{dealingrange}}
- </el-col>
- </el-row>
- <el-row style="height: 60px;margin-top: 4px">
- <el-col :span="6" style="font-weight: bold;">
- <span>有效期</span>
- </el-col>
- <el-col :span="8">
- {{(effectdate)}}
- </el-col>
- <el-col :span="2" style="font-weight: bold">至</el-col>
- <el-col :span="7">
- {{(noeffectdate)}}
- </el-col>
- </el-row>
- </el-col>
-
- <el-col :span="13" style="margin-top: 385px;">
- <el-row>
-
- <el-col :span="10">
- <el-row>
- <el-col :span="10">
- <span>编号</span>
- </el-col>
- <el-col :span="14">
- <span>{{value}}</span>
- </el-col>
- </el-row>
- <el-row style="margin-top: 17px;">
- <el-col :span="10">
- <span>统一社会信用代码</span>
- </el-col>
- <el-col :span="14">
- <span>{{code}}</span>
- </el-col>
- </el-row>
- </el-col>
- <el-col :span="10">
- <div style="width:20px;height:20px;margin-top: 14px;margin-left: 28px" class="qrcode" id="qrcode2" ref="qrcode"></div>
- </el-col>
- </el-row>
-
- <el-row style="margin-top: 92px;padding-left: 120px">
- <el-col :span="4" style="font-weight: bold;">
- <span v-if="type === 2">主要负责人</span>
- <span v-if="type === 3">许可类型</span>
- </el-col>
- <el-col :span="8">
- <span v-if="type === 2">{{mainpersonname}}</span>
- <span v-if="type === 3">{{licensetype}}</span>
- </el-col>
- </el-row>
- <el-row style="margin-top: 48px;margin-left: 120px;">
- <el-col :span="4" style="font-weight: bold;">
- <span v-if="type === 2">库区面积</span>
- <span v-if="type === 3">经营方式</span>
-
- </el-col>
- <el-col :span="8">
- <span v-if="type === 2">{{area}}㎡</span>
- <span v-if="type === 3">{{dealingtype}}</span>
- </el-col>
- </el-row>
- <el-row style="margin-top: 48px;margin-left: 120px;">
- <el-col :span="4" style="font-weight: bold;">
- <span v-if="type === 2">库房面积</span>
- <span v-if="type === 3">经营面积</span>
- </el-col>
- <el-col :span="8">
- <span v-if="type === 2">{{storagearea}}㎡</span>
- <span v-if="type === 3">{{area}}㎡</span>
- </el-col>
- </el-row>
- <el-row style="margin-top: 48px;margin-left: 120px;">
- <el-col :span="4" style="font-weight: bold;">
- <span v-if="type === 2">核定药量</span>
- <span v-if="type === 3">核定储量</span>
- </el-col>
- <el-col :span="8">
- <span>{{powder}}kg</span>
- <span>（{{reservebox}}箱）</span>
- </el-col>
- </el-row>
- <el-row style="margin-top: 150px;margin-left: 120px;">
- <el-col :span="4" style="font-weight: bold;">
- <span>发证机关</span>
- </el-col>
- <el-col :span="8">
- {{issuingunit}}
- </el-col>
- </el-row>
- <el-row style="margin-top: 30px;margin-left: 120px">
- <el-col :span="4" style="font-weight: bold;">
- <span>发证日期</span>
- </el-col>
- <el-col :span="3" >
- <span>{{year}} </span>
- <span style="font-weight: bold;">年</span>
- </el-col>
- <el-col :span="3" >
- <span>{{month}}</span>
- <span style="font-weight: bold;">月</span>
- <span> {{day}}</span>
- <span style="font-weight: bold;">日</span>
- </el-col>
-
- </el-row>
- </el-col>
- </el-row>
- </div>
- </div>
- <div v-show="false">
- <div id="printMe3">
- <el-row style="height:130px;margin-left:320px;padding-top:95px;padding-bottom: 95px">
- <el-col :span="18">
- <span style="display: inline-block;font-size: 25px;"></span>
- </el-col>
- <el-col :span="6">
- <div style="width: 40%;height: 40%;margin-left:20%;padding-top: 10px" id="qrcode3" ref="qrcode"/>
- </el-col>
- </el-row>
- <el-row style="height:50px;font-size: 20px;margin-top:280px;margin-left:1050px;">
- <el-col :span="24">
- <span style="display: inline-block">{{value}}</span>
- </el-col>
- </el-row>
- <el-row style="height:60px;margin-left:470px;margin-top:28px;">
- <el-col :span="13" style="font-size: 22px">
- <span>{{name}}</span>
- </el-col>
- <el-col :span="8" style="font-size: 22px;padding-left: 50px">
- <span>{{mainpersonname}}</span>
- </el-col>
- </el-row >
- <el-row style="height:80px;margin-left:470px;">
- <el-col :span="13" style="font-size: 22px;height: 90px;padding-right: 200px;">
- <span>{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
- </el-col>
- <!--<el-col :span="8" style="font-size: 27px">
- <span>{{area}}㎡</span>
- </el-col>-->
- <el-col :span="7" style="font-size: 22px;padding-left: 50px;padding-top: 10px">
- <span>{{economictype}}</span>
- </el-col>
- </el-row>
- <!--<el-row style="height:60px;margin-left:290px;">
- <el-col :span="16" style="font-size: 27px">
- <span>{{storageaddress}}</span>
- </el-col>
- <el-col :span="8" style="font-size: 27px">
- <span>{{storagearea}}㎡</span>
- </el-col>
- </el-row>-->
- <el-row style="height:100px;margin-left:470px;">
- <el-col :span="13" style="font-size: 22px;padding-right: 200px;">
- <span>{{dealingrange}}</span><br>
- <span>核定药量：{{powder}}kg</span>
- <span>（{{reservebox}}箱）</span>
- </el-col>
- <el-col :span="8" style="font-size: 22px;padding-left: 50px;height: 80px">
- <span>{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span><br>
- <span>库区面积{{area}}㎡</span>；
- <span>库房面积{{storagearea}}㎡</span>
- </el-col>
- <!--<el-col :span="8" style="font-size: 27px;margin-top:20px;">
- <span>{{powder}}kg</span>
- </el-col>-->
- </el-row>
- <el-row style="height:80px;margin-left:400px;">
- <el-col :span="10" style="font-size: 1px">
- <span>.</span>
- </el-col>
- <el-col :span="7" style="font-size: 18px;margin-top:24px;padding-left: 180px;">
- <span>{{issuingunit}}</span>
- </el-col>
- </el-row>
- <el-row style="height:75px;margin-left:290px;">
- <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:45px">
- <span>{{year1}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:0px">
- <span>{{month1}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:20px">
- <span>{{day1}}</span>
- </el-col>
- <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:40px">
- <span>{{year2}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:7px">
- <span>{{month2}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:20px">
- <span>{{day2}}</span>
- </el-col>
- <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:210px">
- <span>{{year}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:35px">
- <span>{{month}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:35px">
- <span>{{day}}</span>
- </el-col>
- </el-row>
- </div>
- </div>
- <div v-show="false">
- <div id="printMe4">
- <el-row>
- <el-col :span="8" style="margin-top:666px;margin-left: 170px">
- <el-row >
- <el-col :span="24" style="margin-top: 140px;margin-left: 70px">
- {{value}}
- </el-col>
- <el-col :span="8" style="margin-top: 38px;margin-left: 70px;height: 60px">
- {{issuingunit}}
- </el-col>
- <el-col style="margin-left: 70px">
- <el-col :span="2" style="margin-top: 17px;">
- <span>{{year}}</span>
- </el-col>
- <el-col :span="1" style="margin-top: 17px;margin-left:18px">
- <span>{{month}}</span>
- </el-col>
- <el-col :span="1" style="margin-top: 17px;margin-left:20px">
- <span>{{day}}</span>
- </el-col>
- </el-col>
- </el-row>
- </el-col>
- <el-col :span="12" style="margin-top: 386px;">
- <el-row style="margin-left: 225px">
- <el-col :span="8">
- <div style="width:20px;height:20px;" class="qrcode" id="qrcode4" ref="qrcode"/>
- </el-col>
- </el-row>
- <el-row style="margin-top: 58px;margin-left: 75px;padding-top: 20px;">
- <el-col :span="8">
- {{name}}
- </el-col>
- </el-row>
- <el-row style="margin-top: 38px;margin-left: 75px">
- <el-col :span="8">
- {{mainpersonname}}
- </el-col>
- </el-row>
- <el-row style="margin-top: 50px;margin-left: 75px;height: 35px">
- <el-col :span="8">
- <span>{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
- </el-col>
- </el-row>
- <el-row style="margin-top: 22px;margin-left: 75px">
- <el-col :span="8">
- {{economictype}}
- </el-col>
- </el-row>
- <el-row style="margin-top: 15px;margin-left: 75px;height: 35px">
- <el-col :span="8">
- <span>{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span><br>
- <span>库区面积{{area}}㎡</span>；
- <span>库房面积{{storagearea}}㎡</span>
- </el-col>
- </el-row>
- <el-row style="margin-top: 60px;margin-left: 75px;height: 80px">
- <el-col :span="8">
- <span>{{dealingrange}}</span><br>
- <span>核定药量：{{powder}}kg</span>
- <span>（{{reservebox}}箱）</span>
- </el-col>
- </el-row>
- <el-row style="margin-top: 89px;margin-left: 8px">
- <el-col :span="2" style="font-size: 16px;margin-left:5px">
- <span>{{year1}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 16px;margin-left:0px">
- <span>{{month1}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 16px;margin-left:1px">
- <span>{{day1}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 16px;margin-left:17px">
- <span>{{year2}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 16px;margin-left:22px">
- <span>{{month2}}</span>
- </el-col>
- <el-col :span="1" style="font-size: 16px;margin-left:5px">
- <span>{{day2}}</span>
- </el-col>
- </el-row>
- </el-col>
- </el-row>
- </div>
- </div>
- <el-dialog
- :visible.sync="refuseVisible"
- append-to-body
- :close-on-click-modal="false"
- width="30%"
- >
- <el-form ref="refuseForm" :model="refuseForm" label-position="right" label-width="80px" >
- <el-form-item label="驳回理由:" prop="name">
- <el-input type="textarea" :rows="2" v-model="refuseForm.rejectnote"/>
- </el-form-item>
- </el-form>
- <div align="right">
- <el-button type="primary" @click="submitRefuse()">确认</el-button>
- </div>
- </el-dialog>
- <license-info-form ref="form" @getinfo="getLicenseListData"></license-info-form>
- <license-delay-form ref="delay-form" @getinfo="getLicenseListData"></license-delay-form>
- <license-mod-form ref="mod-form" @getinfo="getLicenseListData"></license-mod-form>
- </div>
-</template>
-
-<script>
-
-import licenseInfoForm from "./components/licenseInfoForm";
-import { computePageCount } from '@/utils'
-import {getLicenseList ,getExportLicense,reviewLicenseInfo ,deleteById} from "@/api/license";
-import Cookies from "js-cookie";
-import LicenseInfoForm from "./components/licenseInfoForm";
-import {deleteCertificate} from "../../../api/tranportList";
-import {parseError} from "../../../utils/messageDialog";
-import {getCityListData, getProvinceListData , } from "@/api/area";
-import QRCode from "qrcodejs2";
-import {formatDateDay} from "../../../utils";
-import {refuseLicense} from "../../../api/license";
-import LicenseDelayForm from "./components/licenseDelayForm"
-import LicenseModForm from "./components/licenseModForm"
-
-export default {
- name: "carrier",
- data(){
- return{
-
- cityList:[],
- provinceList:[],
- districtList:[],
- streetList:[],
- committeeList:[],
- validTime1:[],
- validTime2:[],
- refuseVisible:false,
- enterprisenumber:'',
- value:'',
- code:'',
- name:'',
- mainpersonname:'11',
- province:'',
- city:'',
- district:'',
- address:'',
- area:'',
- storageaddress:'',
- storagearea:'',
- storageprovince:'',
- storagecity:'',
- storagedistrict:'',
- economictype:'',
- dealingrange:'',
- reservebox:'',
- powder:'',
- effectdate:'',
- noeffectdate:'',
- issuingunit:'',
- year:'',
- month:'',
- day:'',
- year1:'',
- month1:'',
- day1:'',
- year2:'',
- month2:'',
- day2:'',
- type:'',
- licensetype:'',
- dealingtype:'',
- tableKey:0,
- listLoading:false,
- approveVisible:false,
- pageSize: 10,
- recordTotal: 0,
- currentPage: 1,
- pageTotal: 0,
- ruleForm:{},
- isSupervision:'',
- roleType:'',
- params:{
- pageIndex:1,
- pageSize:10,
- sort:'',
- order:"ASC",
- name:'',
- type:'',
- province:'',
- city:'',
- district:'',
- starttime1:'',
- endtime1:'',
- starttime2:'',
- endtime2:'',
- reviewstatus:'',
- validstatus:'',
- licensecode:'',
- },
- dataForm:{
- signperson:'',
- issueperson:'',
- issuepersonphone:'',
- id:'',
- },
- listQuery:{
- filter:{
- code:"",
- page:"approve",
- },
- pageIndex:1,
- pageSize:100,
- },
- refuseForm:{
- id:'',
- rejectnote:'',
- },
- searchContent:'',
- licenseList:[],
- reviewStatusList:[
- {id:0,name:'等待提交'},
- {id:1,name:'等待审核'},
- {id:2,name:'审核通过'},
- {id:3,name:'审核驳回'},
- ],
- licenseStatusList:[
- {id:'NEW',name:'新发'},
- {id:'POSTP',name:'延期'},
- {id:'MOD',name:'变更'},
- ],
- validStatusList:[
- {id:-1,name:'已注销'},
- {id:1,name:'有效'},
- ],
- typeList:[
- {id:1,name:'烟花爆竹经营（生产）许可证'},
- {id:2,name:'烟花爆竹经营（批发）许可证'},
- {id:3,name:'烟花爆竹经营（长期零售）许可证'},
- {id:4,name:'烟花爆竹经营（短期零售）许可证'}
- ],
- licensetypeList:[
- {id:1,name:'长期'},
- {id:2,name:'临时'}
- ],
- dealingtypeList:[
- {id:1,name:'专柜'},
- {id:2,name:'专店'}
- ],
- printObj1:{
- id:'printMe1',
- extraHead:'<meta http-equiv="Content-Language" content="zh-cn"/>'
- },
- printObj2:{
- id:'printMe2',
- extraHead:'<meta http-equiv="Content-Language" content="zh-cn"/>'
- },
- printObj3:{
- id:'printMe3',
- extraHead:'<meta http-equiv="Content-Language" content="zh-cn"/>'
- },
- printObj4:{
- id:'printMe4',
- extraHead:'<meta http-equiv="Content-Language" content="zh-cn"/>'
- },
- }
- },
- components:{
- LicenseInfoForm,
- LicenseDelayForm,
- LicenseModForm
- },
- created(){
- this.getProvince()
- this.getLicenseListData()
- },
- methods:{
- giveDetail(val){
- this.code = val.code
- this.name =val.name
- this.mainpersonname = val.mainpersonname
- this.province = val.province
- this.city = val.city
- this.district = val.district
- this.address = val.address
- if (val.type === 2){
- this.area = JSON.parse(val.licenseStorage)[0].area
- this.storagearea = JSON.parse(val.licenseStorage)[0].storagearea
- this.powder = JSON.parse(val.licenseStorage)[0].powder
- } else if (val.type === 3){
- this.area = val.dealingarea
- this.powder = val.reservekg
- if (val.licensetype === 2){
- this.licensetype = '临时零售'
- } else {
- this.licensetype = '长期零售'
- }
- if (val.dealingtype === 2){
- this.dealingtype = '专店'
- } else {
- this.dealingtype = '专柜'
- }
- }
-
- this.reservebox = val.reservebox
- this.storageaddress =val.storageaddress
- this.storageprovince =val.storageprovince
- this.storagecity =val.storagecity
- this.storagedistrict =val.storagedistrict
- this.dealingrange = val.dealingRangeStr
- this.effectdate = formatDateDay(val.effectdate)
- this.noeffectdate = formatDateDay(val.noeffectdate)
- this.issuingunit = val.issuingunit
- this.value = val.licensecode
- this.type = val.type
- this.enterprisenumber = val.enterprisenumber
- this.year = val.issuingdate.split('-')[0]
- this.month = val.issuingdate.split('-')[1]
- this.day= val.issuingdate.split('-')[2]
- this.year1 = val.effectdate.split('-')[0]
- this.month1 = val.effectdate.split('-')[1]
- this.day1= val.effectdate.split('-')[2]
- this.year2 = val.noeffectdate.split('-')[0]
- this.month2 = val.noeffectdate.split('-')[1]
- this.day2= val.noeffectdate.split('-')[2]
- this.economictype = val.economictype
- this.$nextTick(() => {
- this.qrcode()
- })
- },
- giveData(val){
- this.code = val.code
- this.name =val.name
- this.mainpersonname = val.mainpersonname
- this.province = val.province
- this.city = val.city
- this.district = val.district
- this.address = val.address
- if (val.type === 2){
- this.area = JSON.parse(val.licenseStorage)[0].area
- this.storagearea = JSON.parse(val.licenseStorage)[0].storagearea
- this.powder = JSON.parse(val.licenseStorage)[0].powder
- } else if (val.type === 3){
- this.area = val.dealingarea
- this.powder = val.reservekg
- if (val.licensetype === 2){
- this.licensetype = '临时'
- } else {
- this.licensetype = '长期'
- }
- if (val.dealingtype === 2){
- this.dealingtype = '专店'
- } else {
- this.dealingtype = '专柜'
- }
- }
-
- this.storageaddress =val.storageaddress
- this.storageprovince =val.storageprovince
- this.storagecity =val.storagecity
- this.storagedistrict =val.storagedistrict
- this.dealingrange = val.dealingRangeStr
- this.reservebox = val.reservebox
- this.effectdate = formatDateDay(val.effectdate)
- this.noeffectdate = formatDateDay(val.noeffectdate)
- this.issuingunit = val.issuingunit
- this.value = val.licensecode
- this.type = val.type
- this.enterprisenumber = val.enterprisenumber
- this.year = val.issuingdate.split('-')[0]
- this.month = val.issuingdate.split('-')[1]
- this.day= val.issuingdate.split('-')[2]
- this.year1 = val.effectdate.split('-')[0]
- this.month1 = val.effectdate.split('-')[1]
- this.day1= val.effectdate.split('-')[2]
- this.year2 = val.noeffectdate.split('-')[0]
- this.month2 = val.noeffectdate.split('-')[1]
- this.day2= val.noeffectdate.split('-')[2]
- this.economictype = val.economictype
- this.$nextTick(() => {
- this.qrcode()
- })
- },
- qrcode(){
- if(this.enterprisenumber != ''){
- document.getElementById("qrcode").innerHTML = ""
- let qrcode = new QRCode('qrcode', {
- width: 125,
- height: 125, // 高度
- text: this.enterprisenumber, // 二维码内容
- // render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
- background: '#f0f', // 背景色
- // foreground: '#ff0' // 前景色
-
- })
-
- document.getElementById("qrcode2").innerHTML = ""
- let qrcode2 = new QRCode('qrcode2', {
- width: 90,
- height: 90, // 高度
- text: this.enterprisenumber, // 二维码内容
- // render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
- background: '#f0f', // 背景色
- // foreground: '#ff0' // 前景色
-
- })
-
- document.getElementById("qrcode3").innerHTML = ""
- let qrcode3 = new QRCode('qrcode3', {
- width: 125,
- height: 125, // 高度
- text: this.enterprisenumber, // 二维码内容
- // render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
- background: '#f0f', // 背景色
- // foreground: '#ff0' // 前景色
-
- })
-
- document.getElementById("qrcode4").innerHTML = ""
- let qrcode4 = new QRCode('qrcode4', {
- width: 75,
- height: 75, // 高度
- text: this.enterprisenumber, // 二维码内容
- // render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
- background: '#f0f', // 背景色
- // foreground: '#ff0' // 前景色
-
- })
- }
- },
- async getLicenseListData(){
- this.isSupervision = Cookies.get('isSupervision')
- this.roleType = Cookies.get('roleType')
-
- this.listLoading = true
- if (this.validTime1 != null && this.validTime1.length > 0){
- this.params.starttime1 = this.validTime1[0]
- this.params.endtime1 = this.validTime1[1]
- }else {
- this.params.starttime1 = ''
- this.params.endtime1 = ''
-
- }
-
- if (this.validTime2 != null && this.validTime2.length > 0){
- this.params.starttime2 = this.validTime2[0]
- this.params.endtime2 = this.validTime2[1]
- }else{
- this.params.starttime2 = ''
- this.params.endtime2 = ''
- }
-
- let res = await getLicenseList(this.params)
- if(res.data.code === "200"){
- this.recordTotal = res.data.result.totalCount
- this.pageSize = res.data.result.pageSize
- this.pageTotal = computePageCount(res.data.result.totalCount, res.data.result.pageSize)
- this.currentPage = res.data.result.current
- this.licenseList = res.data.result.result
- }
- this.listLoading = false
- },
- openLicenseForm(title,value){
- this.$refs.form.showLicenseForm(title,value,this.isSupervision,this.roleType)
- },
- searchData(){
- this.getLicenseListData()
- },
- handleSizeChange: function(val) {
- this.params.pageSize = val
- this.getLicenseListData()
- },
- handleCurrentChange: function(val) {
- this.params.pageIndex = val
- this.getLicenseListData()
- },
- commit(val){
- this.$confirm('提交此条信息，是否继续','提示',{
- confirmButtonText:'确定',
- cancelButtonText:'取消',
- type:'warning',
- }).then(()=> {
- reviewLicenseInfo({id:val,reviewstatus:1}).then( ()=>{
- this.getLicenseListData()
- this.$notify({
- title:'成功',
- message:'提交成功',
- type:'success',
- duration:2000,
- })
- }).catch(error => {
- parseError({error: error, vm: this})
- })
- })
- },
- deleteById(val){
- this.$confirm('删除此条信息，是否继续','提示',{
- confirmButtonText:'确定',
- cancelButtonText:'取消',
- type:'warning',
- }).then(()=> {
- deleteById(val).then( response=>{
- const res = response.data;
-
- if (res.code === "200") {
- this.$message({
- message: '删除成功',
- type: 'success'
- });
- this.getLicenseListData()
- } else {
- parseError({error: res.message, vm: this})
- }
- }).catch(error => {
- parseError({error: error, vm: this})
- })
- })
- },
- sortChange(){
-
- },
- async changeArea(value){
- if(value === 'province'){
- this.params.city = ''
- this.params.district = ''
- this.areaListQuery = {
- type: 2,
- parenttype: 1,
- parentname: this.params.province,
- }
- let res = await getCityListData(this.areaListQuery)
- if(res.data.code === "200"){
- this.cityList = res.data.result
- }
- }else if(value === 'city'){
- this.params.district = ''
- this.areaListQuery = {
- type: 3,
- parenttype: 2,
- parentname: this.params.city,
- }
- let res = await getCityListData(this.areaListQuery)
- if(res.data.code === "200"){
- this.districtList = res.data.result
- }
- }
- },//市、镇、街道、委员会
- async getProvince(){
- let res = await getProvinceListData()
- if(res.data.code === "200"){
- this.provinceList = res.data.result.provinceList
- }
- },//获取省
- async exportRetail(){
- let params = {...this.params}
- params.type = 3
- params.reviewstatus = 2
- getExportLicense(params).then(res=>{
- if(res.data.code === '200'){
- if(res.data.result === null ||res.data.result === [] || res.data.result.length === 0){
- this.$message({
- type:'warning',
- message:'无数据可导出'
- })
- }else{
- let allData = res.data.result
- import('@/vendor/Export2Excel').then((excel) => {
- const tHeader = [
- '证照编号',
- '颁发单位',
- '颁发单位统一社会信用代码',
- '持有人姓名',
- '持有人类型',
- '持有人证件类型',
- '持有人证件号码',
- '颁证日期',
- '有效期（起始）',
- '有效期（截止）',
- '有效期起',
- '单位地址',
- '发证日期',
- '统一社会信用代码',
- '核定储量',
- '有效期至',
- '编号',
- '许可类型',
- '许可范围',
- '经营面积',
- '主要负责人',
- '发证机关',
- '单位名称',
- '经营方式'
- ]
- const data = allData.map(item=>{
- return [
- item.licensecode,
- item.issuingunit,
- item.issuingcode,
- item.mainpersonname,
- '自然人',
- '身份证',
- item.mainpersonidcardnum,
- item.issuingdate,
- item.effectdate,
- item.noeffectdate,
- item.effectdate,
- item.address,
- item.issuingdate,
- item.code,
- item.reservekg,
- item.noeffectdate,
- item.licensecode,
- this.licensetypeList.filter(it=>it.id === item.licensetype).name,
- item.dealingRangeStr,
- item.dealingarea,
- item.mainpersonname,
- item.issuingunit,
- item.name,
- this.dealingtypeList.filter(it=>it.id === item.dealingtype).name
- ]
- })
- excel.export_json_to_excel({
- header: tHeader,
- data,
- filename: '烟花爆竹经营(零售)许可证台账'
- })
- })
- }
-
- }else{
- this.$message({
- message:res.data.message,
- type:'warning'
- })
- }
- })
- },
- async exportWholesale(){
- let params = {...this.params}
- params.type = 2
- params.reviewstatus = 2
- getExportLicense(params).then(res=>{
- if(res.data.code === '200'){
- if(res.data.result === null ||res.data.result === [] || res.data.result.length === 0){
- this.$message({
- type:'warning',
- message:'无数据可导出'
- })
- }else{
- let allData = res.data.result
- import('@/vendor/Export2Excel').then((excel) => {
- const tHeader = [
- '证照编号',
- '颁发单位',
- '颁发单位统一社会信用代码',
- '持有人姓名',
- '持有人类型', //自然人
- '持有人证件类型',
- '持有人证件号码',
- '颁证日期',
- '有效期（起始）',
- '有效期（截止）',
- '许可范围',
- '主要负责人',
- '仓储地址',
- '库区面积',
- '注册地址',
- '发证日期',
- '编号',
- '企业名称',
- '有效期至',
- '核定药量',
- '统一社会信用代码',
- '有效期起',
- '库房面积',
- '发证机关'
- ]
- const data = allData.map(item=>{
- return [
- item.licensecode,
- item.issuingunit,
- item.issuingcode,
- item.mainpersonname,
- '自然人',
- '身份证',
- item.mainpersonidcardnum,
- item.issuingdate,
- item.effectdate,
- item.noeffectdate,
- item.dealingRangeStr,
- item.mainpersonname,
- [item.province,item.city,item.district].join("-"),
- eval(item.licenseStorage).reduce((sum,e)=>sum+Number(e.area || 0),0),
- item.address,
- item.issuingdate,
- item.licensecode,
- item.name,
- item.noeffectdate,
- item.reservekg,
- item.code,
- item.effectdate,
- eval(item.licenseStorage).reduce((sum,e)=>sum+Number(e.storagearea || 0),0),
- item.issuingunit,
- ]
- })
- excel.export_json_to_excel({
- header: tHeader,
- data,
- filename: '烟花爆竹经营(批发)许可证台账'
- })
- })
- }
-
- }else{
- this.$message({
- message:res.data.message,
- type:'warning'
- })
- }
- })
- },
- refuse(val){
- this.refuseForm.id = val
- this.refuseVisible = true
- },
- submitRefuse(){
- refuseLicense(this.refuseForm).then((res) =>{
- if(res.data.code === '200'){
- this.getLicenseListData()
- this.refuseVisible = false
- this.$notify({
- title:'成功',
- duration:2000,
- message:'驳回成功',
- type:'success'
- })
+<template>
+ <div class="app-container">
+ <div class="filter-container">
+ <div style="margin: 10px">
+ <div class="basic_search" style="display:inline-block">
+ <span>区域：</span>
+ <el-select v-model="params.province" clearable filterable @change="changeArea('province')">
+ <el-option v-for="item in provinceList" :key="item.id" :label="item.name" :value="item.name">
+ </el-option>
+ </el-select>
+ </div>
+ <div class="basic_search" style="display:inline-block">
+ <el-select v-model="params.city" prop="city" clearable filterable @change="changeArea('city')">
+ <el-option v-for="item in cityList" :key="item.id" :label="item.name" :value="item.name">
+ </el-option>
+ </el-select>
+ </div>
+ <div class="basic_search" style="display:inline-block">
+ <el-select v-model="params.district" clearable filterable>
+ <el-option v-for="item in districtList" :key="item.id" :label="item.name" :value="item.name">
+ </el-option>
+ </el-select>
+ </div>
+
+ </div>
+ <div style="margin-bottom: 10px">
+ <div class="basic_search" style="display:inline-block">
+ <span>创建时间：</span>
+ <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="validTime1" type="datetimerange"
+ range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
+ </el-date-picker>
+ </div>
+ <div class="basic_search" style="display:inline-block">
+ <span>发证时间：</span>
+ <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="validTime2" type="datetimerange"
+ range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
+ </el-date-picker>
+ </div>
+ </div>
+ <div class="carrier_search">
+ <span>企业名称：</span>
+ <el-input v-model="params.name" class="carrier_search_input"></el-input>
+ </div>
+ <div class="carrier_search">
+ <span>企业类型：</span>
+ <el-select filterable clearable v-model="params.type">
+ <el-option label="烟花爆竹经营（生产）许可证" value="1">烟花爆竹经营（生产）许可证</el-option>
+ <el-option label="烟花爆竹经营（批发）许可证" value="2">烟花爆竹经营（批发）许可证</el-option>
+ <el-option label="烟花爆竹经营（长期零售）许可证" value="3">烟花爆竹经营（长期零售）许可证</el-option>
+ <el-option label="烟花爆竹经营（短期零售）许可证" value="4">烟花爆竹经营（短期零售）许可证</el-option>
+ </el-select>
+ </div>
+ <div class="carrier_search">
+ <span>审核状态：</span>
+ <el-select filterable clearable v-model="params.reviewstatus">
+ <el-option v-for="item in reviewStatusList" :key="item.id" :label="item.name" :value="item.id" />
+ </el-select>
+ </div>
+ <div style="margin-top: 10px;">
+ <span>许可证状态：</span>
+ <el-select filterable clearable v-model="params.validstatus">
+ <el-option v-for="item in validStatusList" :key="item.id" :label="item.name" :value="item.id" />
+ </el-select>
+
+ <span>发证类型：</span>
+ <el-select filterable clearable v-model="params.licensecode">
+ <el-option v-for="item in licenseStatusList" :key="item.id" :label="item.name" :value="item.id" />
+ </el-select>
+
+ <el-button style="margin-left: 10px;" type="primary" v-if="isSupervision!=='null'"
+ @click="openLicenseForm('新增','')">添加</el-button>
+ <el-button style="margin-left: 10px;" type="primary" @click="searchData()">查询</el-button>
+ <el-button style="margin-left: 10px;" type="primary" @click="exportRetail()">零售许可证台账导出</el-button>
+ <el-button style="margin-left: 10px;" type="primary" @click="exportWholesale()">批发许可证台账导出</el-button>
+ </div>
+
+ </div>
+ <div class="table_content">
+ <el-table v-loading="listLoading" :key="tableKey" :data="licenseList" border fit @sort-change="sortChange"
+ highlight-current-row style="width: 100%;">
+ <el-table-column label="序号" type="index" align="center" width="60" />
+ <el-table-column label="行政区划" prop="province" align="center" sortable="custom">
+ <template slot-scope="scope">
+ {{scope.row.province}}{{scope.row.city}}{{scope.row.district}}
+ </template>
+ </el-table-column>
+ <el-table-column label="单位名称" prop="name" align="center" sortable="custom">
+ </el-table-column>
+ <el-table-column label="主要负责人" prop="mainpersonname" align="center" sortable="custom">
+ </el-table-column>
+ <el-table-column label="许可证编号" prop="licensecode" align="center" sortable="custom">
+ </el-table-column>
+ <el-table-column label="许可证类型" prop="type" align="center" sortable="custom">
+ <template slot-scope="scope">
+ <div v-for="item in typeList">
+ <div v-if="scope.row.type === item.id">
+ {{item.name}}
+ </div>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="发证类型" prop="licensestatus" align="center" sortable="custom">
+ </el-table-column>
+ <el-table-column label="发证日期" prop="issuingdate" align="center" sortable="custom">
+ </el-table-column>
+ <el-table-column label="到期日期" prop="noeffectdate" align="center" sortable="custom">
+ </el-table-column>
+ <el-table-column label="发证机关" prop="issuingunit" align="center" sortable="custom">
+ </el-table-column>
+ <el-table-column label="审批状态" prop="reviewstatus" align="center" sortable="custom">
+ <template slot-scope="scope">
+ <div v-for="item in reviewStatusList">
+ <div v-if="scope.row.reviewstatus === item.id">
+ {{item.name}}
+ </div>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="许可证状态" prop="validstatus" align="center" sortable="custom">
+ <template slot-scope="scope">
+ <div v-for="item in validStatusList">
+ <div v-if="scope.row.validstatus === item.id">
+ {{item.name}}
+ </div>
+ </div>
+ </template>
+ </el-table-column>
+ <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">
+ <template slot-scope="scope">
+ <el-button type="text" @click="commit(scope.row.id)"
+ v-if="isSupervision!=='null' && (scope.row.reviewstatus== 0||scope.row.reviewstatus===3) ?true:false">提交</el-button>
+ <el-button type="text" @click="openLicenseForm('修改',scope.row)"
+ v-if="isSupervision==='null'?false:true">修改</el-button>
+ <el-button type="text" @click="openLicenseForm('审核',scope.row)"
+ v-if="isSupervision ==='null' &&scope.row.reviewstatus !==2&&scope.row.reviewstatus !==3">审核</el-button>
+ <el-button type="text" @click="refuse(scope.row.id)"
+ v-if="isSupervision ==='null'&&scope.row.reviewstatus !==3">驳回</el-button>
+ <el-button type="text" @click="deleteById(scope.row.id)"
+ v-if="isSupervision==='null'?false:true">删除</el-button>
+ <br><el-button type="text" v-print="printObj1" @click="giveData(scope.row)"
+ v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印正本（新）</el-button>
+ <el-button type="text" v-print="printObj2" @click="giveDetail(scope.row)"
+ v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印副本（新）</el-button>
+ <el-button type="text" v-print="printObj3" @click="giveData(scope.row)"
+ v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印正本（旧）</el-button>
+ <el-button type="text" v-print="printObj4" @click="giveDetail(scope.row)"
+ v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印副本（旧）</el-button>
+ </template>
+ </el-table-column>
+ <el-table-column label="其他操作" v-if="isSupervision === 'null'" align="center" width="180"
+ class-name="small-padding fixed-width">
+ <template slot-scope="scope">
+ <el-button type="text" v-if="scope.row.reviewstatus === 2"
+ @click="openDelayLicenseDialog(scope.row)">延期</el-button>
+ <el-button type="text" v-if="scope.row.reviewstatus === 2"
+ @click="openModLicenseDialog(scope.row)">变更</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <br>
+ <el-pagination v-show="recordTotal>0" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]"
+ :page-size="pageSize" :total="recordTotal" layout="total, sizes, prev, pager, next, jumper" background
+ style="float:right;" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+ <br>
+ </div>
+ <div v-show="false">
+ <div id="printMe1">
+ <el-row style="height:130px;margin-left:140px;margin-top:197px">
+ <el-col :span="3">
+ <span style="display: inline-block;font-size: 20px;">统一社会信用代码</span>
+ </el-col>
+ <el-col :span="15">
+ <span style="display: inline-block;font-size: 20px;"> {{code}}</span>
+ </el-col>
+ <el-col :span="6">
+ <div style="width: 40%;height: 40%;margin-left:65px;padding-top: 35px" id="qrcode" ref="qrcode">
+ </div>
+ </el-col>
+ </el-row>
+ <el-row style="text-align: center;height:35px;font-size: 20px;margin-top:70px">
+ <el-col :span="24">
+ <span>编号  </span>
+ <span style="display: inline-block">{{value}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="height:75px;margin-left:140px;margin-top:30px;">
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span v-if="type === 2">企业名称</span>
+ <span v-if="type === 3">单位名称</span>
+ </el-col>
+ <el-col :span="11" style="font-size: 27px">
+ <span>{{name}}</span>
+ </el-col>
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span v-if="type === 2">主要负责人</span>
+ <span v-if="type === 3">许可类型</span>
+ </el-col>
+ <el-col :span="5" style="font-size: 27px">
+ <span v-if="type === 2">{{mainpersonname}}</span>
+ <span v-if="type === 3">{{licensetype}}</span>
+ </el-col>
+ <el-col :span="2" style="font-size: 27px;">
+ <span></span>
+ </el-col>
+ </el-row>
+ <el-row style="height:75px;margin-left:140px;">
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span v-if="type === 2">注册地址</span>
+ <span v-if="type === 3">主要负责人</span>
+ </el-col>
+ <el-col :span="11" style="font-size: 27px">
+ <span
+ v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
+ <span v-if="type === 3">{{mainpersonname}}</span>
+ </el-col>
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span v-if="type === 2">库区面积</span>
+ <span v-if="type === 3">经营方式</span>
+ </el-col>
+ <el-col :span="5" style="font-size: 27px">
+ <span v-if="type === 2">{{area}}㎡</span>
+ <span v-if="type === 3">{{dealingtype}}</span>
+ </el-col>
+ <el-col :span="2" style="font-size: 27px;">
+ <span></span>
+ </el-col>
+ </el-row>
+ <el-row style="height:75px;margin-left:140px;">
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span v-if="type === 2">仓储地址</span>
+ <span v-if="type === 3">单位地址</span>
+ </el-col>
+ <el-col :span="11" style="font-size: 27px">
+ <span
+ v-if="type === 2">{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span>
+ <span
+ v-if="type === 3">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
+ </el-col>
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span v-if="type === 2">库房面积</span>
+ <span v-if="type === 3">经营面积</span>
+ </el-col>
+ <el-col :span="5" style="font-size: 27px">
+ <span v-if="type === 2">{{storagearea}}㎡</span>
+ <span v-if="type === 3">{{area}}㎡</span>
+ </el-col>
+ <el-col :span="2" style="font-size: 27px;">
+ <span></span>
+ </el-col>
+ </el-row>
+ <el-row style="height:100px;margin-left:140px;">
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span>许可范围</span>
+ </el-col>
+ <el-col :span="11" style="font-size: 27px;padding-right: 80px;">
+ <span>{{dealingrange}}</span>
+ </el-col>
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span v-if="type === 2">核定药量</span>
+ <span v-if="type === 3">核定储量</span>
+ </el-col>
+ <el-col :span="5" style="font-size: 27px;">
+ <span>{{powder}}kg</span>
+ <span>（{{reservebox}}箱）</span>
+ </el-col>
+ <el-col :span="2" style="font-size: 27px;">
+ <span></span>
+ </el-col>
+ </el-row>
+ <el-row style="height:40px;margin-left:140px;">
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span>有效期</span>
+ </el-col>
+ <el-col :span="4" style="font-size: 27px">
+ <span>{{effectdate}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 27px;font-weight: bold">
+ <span>至</span>
+ </el-col>
+ <el-col :span="5" style="font-size: 27px">
+ <span>{{noeffectdate}}</span>
+ </el-col>
+ <el-col :span="11" style="font-size: 27px">
+ <span></span>
+ </el-col>
+ <!-- <el-col :span="8" style="font-size: 27px;margin-top:38px;">-->
+ <!-- <span>{{issuingunit}}</span>-->
+ <!-- </el-col>-->
+ </el-row>
+ <el-row style="height:60px;margin-left:140px;">
+ <el-col :span="14" style="font-size: 1px">
+ <span>{{"."}}</span>
+ </el-col>
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span>发证机关</span>
+ </el-col>
+ <el-col :span="5" style="font-size: 27px;">
+ <span>{{issuingunit}}</span>
+ </el-col>
+ <el-col :span="2" style="font-size: 27px;">
+ <span></span>
+ </el-col>
+ </el-row>
+ <el-row style="height:60px;margin-left:140px;">
+ <el-col :span="14" style="font-size: 1px">
+ <span>{{"."}}</span>
+ </el-col>
+ <el-col :span="3" style="font-size: 27px;font-weight: bold">
+ <span>发证日期</span>
+ </el-col>
+ <el-col :span="2" style="font-size: 27px;">
+ <span>{{year}}</span>
+ <span style="font-size: 27px;font-weight: bold"> 年</span>
+ </el-col>
+ <el-col :span="3" style="font-size: 27px;">
+ <span>{{month}}</span>
+ <span style="font-size: 27px;font-weight: bold">月</span>
+ <span> {{day}}</span>
+ <span style="font-size: 27px;font-weight: bold">日</span>
+ </el-col>
+ <el-col :span="2" style="font-size: 27px;">
+ <span></span>
+ </el-col>
+ </el-row>
+ </div>
+ </div>
+ <div v-show="false">
+ <div id="printMe2">
+ <el-row>
+ <el-col :span="7" style="margin-top:670px;margin-left: 80px">
+ <el-row style="height: 60px;">
+ <el-col :span="6" style="font-weight: bold;">
+ <span v-if="type === 2">企业名称</span>
+ <span v-if="type === 3">单位名称</span>
+ </el-col>
+ <el-col :span="18">
+ {{name}}
+ </el-col>
+ </el-row>
+ <el-row style="height: 60px;margin-top: 4px">
+ <el-col :span="6" style="font-weight: bold;">
+ <span v-if="type === 2">注册地址</span>
+ <span v-if="type === 3">主要负责人</span>
+ </el-col>
+ <el-col :span="18">
+ <span
+ v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
+ <span v-if="type === 3">{{mainpersonname}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="height: 60px;margin-top: 4px">
+ <el-col :span="6" style="font-weight: bold;">
+ <span></span>
+ <span v-if="type === 2">仓储地址</span>
+ <span v-if="type === 3">单位地址</span>
+ </el-col>
+ <el-col :span="18">
+ <span
+ v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{storageaddress}}</span>
+ <span
+ v-if="type === 3">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="height: 60px;margin-top: 4px">
+ <el-col :span="6" style="font-weight: bold;">
+ <span>许可范围</span>
+ </el-col>
+ <el-col :span="18">
+ {{dealingrange}}
+ </el-col>
+ </el-row>
+ <el-row style="height: 60px;margin-top: 4px">
+ <el-col :span="6" style="font-weight: bold;">
+ <span>有效期</span>
+ </el-col>
+ <el-col :span="8">
+ {{(effectdate)}}
+ </el-col>
+ <el-col :span="2" style="font-weight: bold">至</el-col>
+ <el-col :span="7">
+ {{(noeffectdate)}}
+ </el-col>
+ </el-row>
+ </el-col>
+
+ <el-col :span="13" style="margin-top: 385px;">
+ <el-row>
+
+ <el-col :span="10">
+ <el-row>
+ <el-col :span="10">
+ <span>编号</span>
+ </el-col>
+ <el-col :span="14">
+ <span>{{value}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 17px;">
+ <el-col :span="10">
+ <span>统一社会信用代码</span>
+ </el-col>
+ <el-col :span="14">
+ <span>{{code}}</span>
+ </el-col>
+ </el-row>
+ </el-col>
+ <el-col :span="10">
+ <div style="width:20px;height:20px;margin-top: 14px;margin-left: 28px" class="qrcode"
+ id="qrcode2" ref="qrcode"></div>
+ </el-col>
+ </el-row>
+
+ <el-row style="margin-top: 92px;padding-left: 120px">
+ <el-col :span="4" style="font-weight: bold;">
+ <span v-if="type === 2">主要负责人</span>
+ <span v-if="type === 3">许可类型</span>
+ </el-col>
+ <el-col :span="8">
+ <span v-if="type === 2">{{mainpersonname}}</span>
+ <span v-if="type === 3">{{licensetype}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 48px;margin-left: 120px;">
+ <el-col :span="4" style="font-weight: bold;">
+ <span v-if="type === 2">库区面积</span>
+ <span v-if="type === 3">经营方式</span>
+
+ </el-col>
+ <el-col :span="8">
+ <span v-if="type === 2">{{area}}㎡</span>
+ <span v-if="type === 3">{{dealingtype}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 48px;margin-left: 120px;">
+ <el-col :span="4" style="font-weight: bold;">
+ <span v-if="type === 2">库房面积</span>
+ <span v-if="type === 3">经营面积</span>
+ </el-col>
+ <el-col :span="8">
+ <span v-if="type === 2">{{storagearea}}㎡</span>
+ <span v-if="type === 3">{{area}}㎡</span>
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 48px;margin-left: 120px;">
+ <el-col :span="4" style="font-weight: bold;">
+ <span v-if="type === 2">核定药量</span>
+ <span v-if="type === 3">核定储量</span>
+ </el-col>
+ <el-col :span="8">
+ <span>{{powder}}kg</span>
+ <span>（{{reservebox}}箱）</span>
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 150px;margin-left: 120px;">
+ <el-col :span="4" style="font-weight: bold;">
+ <span>发证机关</span>
+ </el-col>
+ <el-col :span="8">
+ {{issuingunit}}
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 30px;margin-left: 120px">
+ <el-col :span="4" style="font-weight: bold;">
+ <span>发证日期</span>
+ </el-col>
+ <el-col :span="3">
+ <span>{{year}} </span>
+ <span style="font-weight: bold;">年</span>
+ </el-col>
+ <el-col :span="3">
+ <span>{{month}}</span>
+ <span style="font-weight: bold;">月</span>
+ <span> {{day}}</span>
+ <span style="font-weight: bold;">日</span>
+ </el-col>
+
+ </el-row>
+ </el-col>
+ </el-row>
+ </div>
+ </div>
+ <div v-show="false">
+ <div id="printMe3">
+ <el-row style="height:130px;margin-left:320px;padding-top:95px;padding-bottom: 95px">
+ <el-col :span="18">
+ <span style="display: inline-block;font-size: 25px;"></span>
+ </el-col>
+ <el-col :span="6">
+ <div style="width: 40%;height: 40%;margin-left:20%;padding-top: 10px" id="qrcode3"
+ ref="qrcode" />
+ </el-col>
+ </el-row>
+ <el-row style="height:50px;font-size: 20px;margin-top:280px;margin-left:1050px;">
+ <el-col :span="24">
+ <span style="display: inline-block">{{value}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="height:60px;margin-left:470px;margin-top:28px;">
+ <el-col :span="13" style="font-size: 22px">
+ <span>{{name}}</span>
+ </el-col>
+ <el-col :span="8" style="font-size: 22px;padding-left: 50px">
+ <span>{{mainpersonname}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="height:80px;margin-left:470px;">
+ <el-col :span="13" style="font-size: 22px;height: 90px;padding-right: 200px;">
+ <span>{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
+ </el-col>
+ <!--<el-col :span="8" style="font-size: 27px">
+ <span>{{area}}㎡</span>
+ </el-col>-->
+ <el-col :span="7" style="font-size: 22px;padding-left: 50px;padding-top: 10px">
+ <span>{{economictype}}</span>
+ </el-col>
+ </el-row>
+ <!--<el-row style="height:60px;margin-left:290px;">
+ <el-col :span="16" style="font-size: 27px">
+ <span>{{storageaddress}}</span>
+ </el-col>
+ <el-col :span="8" style="font-size: 27px">
+ <span>{{storagearea}}㎡</span>
+ </el-col>
+ </el-row>-->
+ <el-row style="height:100px;margin-left:470px;">
+ <el-col :span="13" style="font-size: 22px;padding-right: 200px;">
+ <span>{{dealingrange}}</span><br>
+ <span>核定药量：{{powder}}kg</span>
+ <span>（{{reservebox}}箱）</span>
+ </el-col>
+ <el-col :span="8" style="font-size: 22px;padding-left: 50px;height: 80px">
+ <span>{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span><br>
+ <span>库区面积{{area}}㎡</span>；
+ <span>库房面积{{storagearea}}㎡</span>
+ </el-col>
+ <!--<el-col :span="8" style="font-size: 27px;margin-top:20px;">
+ <span>{{powder}}kg</span>
+ </el-col>-->
+ </el-row>
+ <el-row style="height:80px;margin-left:400px;">
+ <el-col :span="10" style="font-size: 1px">
+ <span>.</span>
+ </el-col>
+ <el-col :span="7" style="font-size: 18px;margin-top:24px;padding-left: 180px;">
+ <span>{{issuingunit}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="height:75px;margin-left:290px;">
+ <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:45px">
+ <span>{{year1}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:0px">
+ <span>{{month1}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:20px">
+ <span>{{day1}}</span>
+ </el-col>
+ <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:40px">
+ <span>{{year2}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:7px">
+ <span>{{month2}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:20px">
+ <span>{{day2}}</span>
+ </el-col>
+ <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:210px">
+ <span>{{year}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:35px">
+ <span>{{month}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:35px">
+ <span>{{day}}</span>
+ </el-col>
+ </el-row>
+ </div>
+ </div>
+ <div v-show="false">
+ <div id="printMe4">
+ <el-row>
+ <el-col :span="8" style="margin-top:666px;margin-left: 170px">
+ <el-row>
+ <el-col :span="24" style="margin-top: 140px;margin-left: 70px">
+ {{value}}
+ </el-col>
+ <el-col :span="8" style="margin-top: 38px;margin-left: 70px;height: 60px">
+ {{issuingunit}}
+ </el-col>
+ <el-col style="margin-left: 70px">
+ <el-col :span="2" style="margin-top: 17px;">
+ <span>{{year}}</span>
+ </el-col>
+ <el-col :span="1" style="margin-top: 17px;margin-left:18px">
+ <span>{{month}}</span>
+ </el-col>
+ <el-col :span="1" style="margin-top: 17px;margin-left:20px">
+ <span>{{day}}</span>
+ </el-col>
+ </el-col>
+ </el-row>
+ </el-col>
+ <el-col :span="12" style="margin-top: 386px;">
+ <el-row style="margin-left: 225px">
+ <el-col :span="8">
+ <div style="width:20px;height:20px;" class="qrcode" id="qrcode4" ref="qrcode" />
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 58px;margin-left: 75px;padding-top: 20px;">
+ <el-col :span="8">
+ {{name}}
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 38px;margin-left: 75px">
+ <el-col :span="8">
+ {{mainpersonname}}
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 50px;margin-left: 75px;height: 35px">
+ <el-col :span="8">
+ <span>{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span>
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 22px;margin-left: 75px">
+ <el-col :span="8">
+ {{economictype}}
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 15px;margin-left: 75px;height: 35px">
+ <el-col :span="8">
+ <span>{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span><br>
+ <span>库区面积{{area}}㎡</span>；
+ <span>库房面积{{storagearea}}㎡</span>
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 60px;margin-left: 75px;height: 80px">
+ <el-col :span="8">
+ <span>{{dealingrange}}</span><br>
+ <span>核定药量：{{powder}}kg</span>
+ <span>（{{reservebox}}箱）</span>
+ </el-col>
+ </el-row>
+ <el-row style="margin-top: 89px;margin-left: 8px">
+ <el-col :span="2" style="font-size: 16px;margin-left:5px">
+ <span>{{year1}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 16px;margin-left:0px">
+ <span>{{month1}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 16px;margin-left:1px">
+ <span>{{day1}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 16px;margin-left:17px">
+ <span>{{year2}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 16px;margin-left:22px">
+ <span>{{month2}}</span>
+ </el-col>
+ <el-col :span="1" style="font-size: 16px;margin-left:5px">
+ <span>{{day2}}</span>
+ </el-col>
+ </el-row>
+ </el-col>
+ </el-row>
+ </div>
+ </div>
+ <el-dialog :visible.sync="refuseVisible" append-to-body :close-on-click-modal="false" width="30%">
+ <el-form ref="refuseForm" :model="refuseForm" label-position="right" label-width="80px">
+ <el-form-item label="驳回理由:" prop="name">
+ <el-input type="textarea" :rows="2" v-model="refuseForm.rejectnote" />
+ </el-form-item>
+ </el-form>
+ <div align="right">
+ <el-button type="primary" @click="submitRefuse()">确认</el-button>
+ </div>
+ </el-dialog>
+ <license-info-form ref="form" @getinfo="getLicenseListData"></license-info-form>
+ <license-delay-form ref="delay-form" @getinfo="getLicenseListData"></license-delay-form>
+ <license-mod-form ref="mod-form" @getinfo="getLicenseListData"></license-mod-form>
+ </div>
+</template>
+
+<script>
+ import licenseInfoForm from "./components/licenseInfoForm";
+ import {
+ computePageCount
+ } from '@/utils'
+ import {
+ getLicenseList,
+ getExportLicense,
+ reviewLicenseInfo,
+ deleteById
+ } from "@/api/license";
+ import Cookies from "js-cookie";
+ import LicenseInfoForm from "./components/licenseInfoForm";
+ import {
+ deleteCertificate
+ } from "../../../api/tranportList";
+ import {
+ parseError
+ } from "../../../utils/messageDialog";
+ import {
+ getCityListData,
+ getProvinceListData,
+ } from "@/api/area";
+ import QRCode from "qrcodejs2";
+ import {
+ formatDateDay
+ } from "../../../utils";
+ import {
+ refuseLicense
+ } from "../../../api/license";
+ import LicenseDelayForm from "./components/licenseDelayForm"
+ import LicenseModForm from "./components/licenseModForm"
+
+ export default {
+ name: "carrier",
+ data() {
+ return {
+
+ cityList: [],
+ provinceList: [],
+ districtList: [],
+ streetList: [],
+ committeeList: [],
+ validTime1: [],
+ validTime2: [],
+ refuseVisible: false,
+ enterprisenumber: '',
+ value: '',
+ code: '',
+ name: '',
+ mainpersonname: '11',
+ province: '',
+ city: '',
+ district: '',
+ address: '',
+ area: '',
+ storageaddress: '',
+ storagearea: '',
+ storageprovince: '',
+ storagecity: '',
+ storagedistrict: '',
+ economictype: '',
+ dealingrange: '',
+ reservebox: '',
+ powder: '',
+ effectdate: '',
+ noeffectdate: '',
+ issuingunit: '',
+ year: '',
+ month: '',
+ day: '',
+ year1: '',
+ month1: '',
+ day1: '',
+ year2: '',
+ month2: '',
+ day2: '',
+ type: '',
+ licensetype: '',
+ dealingtype: '',
+ tableKey: 0,
+ listLoading: false,
+ approveVisible: false,
+ pageSize: 10,
+ recordTotal: 0,
+ currentPage: 1,
+ pageTotal: 0,
+ ruleForm: {},
+ isSupervision: '',
+ roleType: '',
+ params: {
+ pageIndex: 1,
+ pageSize: 10,
+ sort: '',
+ order: "ASC",
+ name: '',
+ type: '',
+ province: '',
+ city: '',
+ district: '',
+ starttime1: '',
+ endtime1: '',
+ starttime2: '',
+ endtime2: '',
+ reviewstatus: '',
+ validstatus: '',
+ licensecode: '',
+ },
+ dataForm: {
+ signperson: '',
+ issueperson: '',
+ issuepersonphone: '',
+ id: '',
+ },
+ listQuery: {
+ filter: {
+ code: "",
+ page: "approve",
+ },
+ pageIndex: 1,
+ pageSize: 100,
+ },
+ refuseForm: {
+ id: '',
+ rejectnote: '',
+ },
+ searchContent: '',
+ licenseList: [],
+ reviewStatusList: [{
+ id: 0,
+ name: '等待提交'
+ },
+ {
+ id: 1,
+ name: '等待审核'
+ },
+ {
+ id: 2,
+ name: '审核通过'
+ },
+ {
+ id: 3,
+ name: '审核驳回'
+ },
+ ],
+ licenseStatusList: [{
+ id: 'NEW',
+ name: '新发'
+ },
+ {
+ id: 'POSTP',
+ name: '延期'
+ },
+ {
+ id: 'MOD',
+ name: '变更'
+ },
+ ],
+ validStatusList: [{
+ id: -1,
+ name: '已注销'
+ },
+ {
+ id: 1,
+ name: '有效'
+ },
+ ],
+ typeList: [{
+ id: 1,
+ name: '烟花爆竹经营（生产）许可证'
+ },
+ {
+ id: 2,
+ name: '烟花爆竹经营（批发）许可证'
+ },
+ {
+ id: 3,
+ name: '烟花爆竹经营（长期零售）许可证'
+ },
+ {
+ id: 4,
+ name: '烟花爆竹经营（短期零售）许可证'
+ }
+ ],
+ licensetypeList: [{
+ id: 1,
+ name: '长期'
+ },
+ {
+ id: 2,
+ name: '临时'
+ }
+ ],
+ dealingtypeList: [{
+ id: 1,
+ name: '专柜'
+ },
+ {
+ id: 2,
+ name: '专店'
+ }
+ ],
+ printObj1: {
+ id: 'printMe1',
+ extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>'
+ },
+ printObj2: {
+ id: 'printMe2',
+ extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>'
+ },
+ printObj3: {
+ id: 'printMe3',
+ extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>'
+ },
+ printObj4: {
+ id: 'printMe4',
+ extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>'
+ },
+ }
+ },
+ components: {
+ LicenseInfoForm,
+ LicenseDelayForm,
+ LicenseModForm
+ },
+ created() {
+ this.getProvince()
+ this.getLicenseListData()
+ },
+ methods: {
+ giveDetail(val) {
+ this.code = val.code
+ this.name = val.name
+ this.mainpersonname = val.mainpersonname
+ this.province = val.province
+ this.city = val.city
+ this.district = val.district
+ this.address = val.address
+ if (val.type === 2) {
+ this.area = JSON.parse(val.licenseStorage)[0].area
+ this.storagearea = JSON.parse(val.licenseStorage)[0].storagearea
+ this.powder = JSON.parse(val.licenseStorage)[0].powder
+ } else if (val.type === 3) {
+ this.area = val.dealingarea
+ this.powder = val.reservekg
+ if (val.licensetype === 2) {
+ this.licensetype = '临时零售'
+ } else {
+ this.licensetype = '长期零售'
+ }
+ if (val.dealingtype === 2) {
+ this.dealingtype = '专店'
+ } else {
+ this.dealingtype = '专柜'
+ }
+ }
+
+ this.reservebox = val.reservebox
+ this.storageaddress = val.storageaddress
+ this.storageprovince = val.storageprovince
+ this.storagecity = val.storagecity
+ this.storagedistrict = val.storagedistrict
+ //带出口的特殊情况
+ if (val.remark.indexOf("批发出口")!= -1 ){
+ this.dealingrange = val.dealingRangeStr+" （批发出口） ★★★"
}else{
- this.$message({
- type:'warning',
- message:res.data.message
- })
- }
- })
- },
- openDelayLicenseDialog(value){
- this.$refs['delay-form'].showLicenseForm('延期',value,this.isSupervision,this.roleType)
- },
- openModLicenseDialog(value){
- this.$refs['mod-form'].showLicenseForm('变更',value,this.isSupervision,this.roleType)
- },
-
- }
-}
-</script>
-
-<style scoped>
-.carrier_search{
- display: inline-block;
-}
-.carrier_search_input{
- width:200px;
-}
+ this.dealingrange = val.dealingRangeStr+" ★★★"
+ }
+ this.effectdate = formatDateDay(val.effectdate)
+ this.noeffectdate = formatDateDay(val.noeffectdate)
+ this.issuingunit = val.issuingunit
+ this.value = val.licensecode
+ this.type = val.type
+ this.enterprisenumber = val.enterprisenumber
+ this.year = val.issuingdate.split('-')[0]
+ this.month = val.issuingdate.split('-')[1]
+ this.day = val.issuingdate.split('-')[2]
+ this.year1 = val.effectdate.split('-')[0]
+ this.month1 = val.effectdate.split('-')[1]
+ this.day1 = val.effectdate.split('-')[2]
+ this.year2 = val.noeffectdate.split('-')[0]
+ this.month2 = val.noeffectdate.split('-')[1]
+ this.day2 = val.noeffectdate.split('-')[2]
+ this.economictype = val.economictype
+ this.$nextTick(() => {
+ this.qrcode()
+ })
+ },
+ giveData(val) {
+ this.code = val.code
+ this.name = val.name
+ this.mainpersonname = val.mainpersonname
+ this.province = val.province
+ this.city = val.city
+ this.district = val.district
+ this.address = val.address
+ if (val.type === 2) {
+ this.area = JSON.parse(val.licenseStorage)[0].area
+ this.storagearea = JSON.parse(val.licenseStorage)[0].storagearea
+ this.powder = JSON.parse(val.licenseStorage)[0].powder
+ } else if (val.type === 3) {
+ this.area = val.dealingarea
+ this.powder = val.reservekg
+ if (val.licensetype === 2) {
+ this.licensetype = '临时'
+ } else {
+ this.licensetype = '长期'
+ }
+ if (val.dealingtype === 2) {
+ this.dealingtype = '专店'
+ } else {
+ this.dealingtype = '专柜'
+ }
+ }
+
+ this.storageaddress = val.storageaddress
+ this.storageprovince = val.storageprovince
+ this.storagecity = val.storagecity
+ this.storagedistrict = val.storagedistrict
+ this.dealingrange = val.dealingRangeStr
+ this.reservebox = val.reservebox
+ this.effectdate = formatDateDay(val.effectdate)
+ this.noeffectdate = formatDateDay(val.noeffectdate)
+ this.issuingunit = val.issuingunit
+ this.value = val.licensecode
+ this.type = val.type
+ this.enterprisenumber = val.enterprisenumber
+ this.year = val.issuingdate.split('-')[0]
+ this.month = val.issuingdate.split('-')[1]
+ this.day = val.issuingdate.split('-')[2]
+ this.year1 = val.effectdate.split('-')[0]
+ this.month1 = val.effectdate.split('-')[1]
+ this.day1 = val.effectdate.split('-')[2]
+ this.year2 = val.noeffectdate.split('-')[0]
+ this.month2 = val.noeffectdate.split('-')[1]
+ this.day2 = val.noeffectdate.split('-')[2]
+ this.economictype = val.economictype
+ this.$nextTick(() => {
+ this.qrcode()
+ })
+ },
+ qrcode() {
+ if (this.enterprisenumber != '') {
+ document.getElementById("qrcode").innerHTML = ""
+ let qrcode = new QRCode('qrcode', {
+ width: 125,
+ height: 125, // 高度
+ text: this.enterprisenumber, // 二维码内容
+ // render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
+ background: '#f0f', // 背景色
+ // foreground: '#ff0' // 前景色
+
+ })
+
+ document.getElementById("qrcode2").innerHTML = ""
+ let qrcode2 = new QRCode('qrcode2', {
+ width: 90,
+ height: 90, // 高度
+ text: this.enterprisenumber, // 二维码内容
+ // render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
+ background: '#f0f', // 背景色
+ // foreground: '#ff0' // 前景色
+
+ })
+
+ document.getElementById("qrcode3").innerHTML = ""
+ let qrcode3 = new QRCode('qrcode3', {
+ width: 125,
+ height: 125, // 高度
+ text: this.enterprisenumber, // 二维码内容
+ // render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
+ background: '#f0f', // 背景色
+ // foreground: '#ff0' // 前景色
+
+ })
+
+ document.getElementById("qrcode4").innerHTML = ""
+ let qrcode4 = new QRCode('qrcode4', {
+ width: 75,
+ height: 75, // 高度
+ text: this.enterprisenumber, // 二维码内容
+ // render: 'canvas' , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
+ background: '#f0f', // 背景色
+ // foreground: '#ff0' // 前景色
+
+ })
+ }
+ },
+ async getLicenseListData() {
+ this.isSupervision = Cookies.get('isSupervision')
+ this.roleType = Cookies.get('roleType')
+
+ this.listLoading = true
+ if (this.validTime1 != null && this.validTime1.length > 0) {
+ this.params.starttime1 = this.validTime1[0]
+ this.params.endtime1 = this.validTime1[1]
+ } else {
+ this.params.starttime1 = ''
+ this.params.endtime1 = ''
+
+ }
+
+ if (this.validTime2 != null && this.validTime2.length > 0) {
+ this.params.starttime2 = this.validTime2[0]
+ this.params.endtime2 = this.validTime2[1]
+ } else {
+ this.params.starttime2 = ''
+ this.params.endtime2 = ''
+ }
+
+ let res = await getLicenseList(this.params)
+ if (res.data.code === "200") {
+ this.recordTotal = res.data.result.totalCount
+ this.pageSize = res.data.result.pageSize
+ this.pageTotal = computePageCount(res.data.result.totalCount, res.data.result.pageSize)
+ this.currentPage = res.data.result.current
+ this.licenseList = res.data.result.result
+
+ }
+ this.listLoading = false
+ },
+ openLicenseForm(title, value) {
+ this.$refs.form.showLicenseForm(title, value, this.isSupervision, this.roleType)
+ },
+ searchData() {
+ this.getLicenseListData()
+ },
+ handleSizeChange: function(val) {
+ this.params.pageSize = val
+ this.getLicenseListData()
+ },
+ handleCurrentChange: function(val) {
+ this.params.pageIndex = val
+ this.getLicenseListData()
+ },
+ commit(val) {
+ this.$confirm('提交此条信息，是否继续', '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ }).then(() => {
+ reviewLicenseInfo({
+ id: val,
+ reviewstatus: 1
+ }).then(() => {
+ this.getLicenseListData()
+ this.$notify({
+ title: '成功',
+ message: '提交成功',
+ type: 'success',
+ duration: 2000,
+ })
+ }).catch(error => {
+ parseError({
+ error: error,
+ vm: this
+ })
+ })
+ })
+ },
+ //删除
+ deleteById(val) {
+ this.$confirm('删除此条信息，是否继续', '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ }).then(() => {
+ deleteById(val).then(response => {
+ const res = response.data;
+
+ if (res.code === "200") {
+ this.$message({
+ message: '删除成功',
+ type: 'success'
+ });
+ this.getLicenseListData()
+ } else {
+ parseError({
+ error: res.message,
+ vm: this
+ })
+ }
+ }).catch(error => {
+ parseError({
+ error: error,
+ vm: this
+ })
+ })
+ })
+ },
+ sortChange() {
+
+ },
+ //获取地区
+ async changeArea(value) {
+ if (value === 'province') {
+ this.params.city = ''
+ this.params.district = ''
+ this.areaListQuery = {
+ type: 2,
+ parenttype: 1,
+ parentname: this.params.province,
+ }
+ let res = await getCityListData(this.areaListQuery)
+ if (res.data.code === "200") {
+ this.cityList = res.data.result
+ }
+ } else if (value === 'city') {
+ this.params.district = ''
+ this.areaListQuery = {
+ type: 3,
+ parenttype: 2,
+ parentname: this.params.city,
+ }
+ let res = await getCityListData(this.areaListQuery)
+ if (res.data.code === "200") {
+ this.districtList = res.data.result
+ }
+ }
+ }, //市、镇、街道、委员会
+ async getProvince() {
+ let res = await getProvinceListData()
+ if (res.data.code === "200") {
+ this.provinceList = res.data.result.provinceList
+ }
+ },
+ //导出excel
+ async exportRetail() {
+ let params = {
+ ...this.params
+ }
+ params.type = 3
+ params.reviewstatus = 2
+ getExportLicense(params).then(res => {
+ if (res.data.code === '200') {
+ if (res.data.result === null || res.data.result === [] || res.data.result.length ===
+ 0) {
+ this.$message({
+ type: 'warning',
+ message: '无数据可导出'
+ })
+ } else {
+ let allData = res.data.result
+ import('@/vendor/Export2Excel').then((excel) => {
+ const tHeader = [
+ '证照编号',
+ '颁发单位',
+ '颁发单位统一社会信用代码',
+ '持有人姓名',
+ '持有人类型',
+ '持有人证件类型',
+ '持有人证件号码',
+ '颁证日期',
+ '有效期（起始）',
+ '有效期（截止）',
+ '有效期起',
+ '单位地址',
+ '发证日期',
+ '统一社会信用代码',
+ '核定储量',
+ '有效期至',
+ '编号',
+ '许可类型',
+ '许可范围',
+ '经营面积',
+ '主要负责人',
+ '发证机关',
+ '单位名称',
+ '经营方式'
+ ]
+ const data = allData.map(item => {
+ return [
+ item.licensecode,
+ item.issuingunit,
+ item.issuingcode,
+ item.mainpersonname,
+ '自然人',
+ '身份证',
+ item.mainpersonidcardnum,
+ item.issuingdate,
+ item.effectdate,
+ item.noeffectdate,
+ item.effectdate,
+ item.address,
+ item.issuingdate,
+ item.code,
+ item.reservekg,
+ item.noeffectdate,
+ item.licensecode,
+ this.licensetypeList.filter(it => it.id === item
+ .licensetype).name,
+ item.dealingRangeStr,
+ item.dealingarea,
+ item.mainpersonname,
+ item.issuingunit,
+ item.name,
+ this.dealingtypeList.filter(it => it.id === item
+ .dealingtype).name
+ ]
+ })
+ excel.export_json_to_excel({
+ header: tHeader,
+ data,
+ filename: '烟花爆竹经营(零售)许可证台账'
+ })
+ })
+ }
+
+ } else {
+ this.$message({
+ message: res.data.message,
+ type: 'warning'
+ })
+ }
+ })
+ },
+ async exportWholesale() {
+ let params = {
+ ...this.params
+ }
+ params.type = 2
+ params.reviewstatus = 2
+ getExportLicense(params).then(res => {
+ if (res.data.code === '200') {
+ if (res.data.result === null || res.data.result === [] || res.data.result.length ===
+ 0) {
+ this.$message({
+ type: 'warning',
+ message: '无数据可导出'
+ })
+ } else {
+ let allData = res.data.result
+ import('@/vendor/Export2Excel').then((excel) => {
+ const tHeader = [
+ '证照编号',
+ '颁发单位',
+ '颁发单位统一社会信用代码',
+ '持有人姓名',
+ '持有人类型', //自然人
+ '持有人证件类型',
+ '持有人证件号码',
+ '颁证日期',
+ '有效期（起始）',
+ '有效期（截止）',
+ '许可范围',
+ '主要负责人',
+ '仓储地址',
+ '库区面积',
+ '注册地址',
+ '发证日期',
+ '编号',
+ '企业名称',
+ '有效期至',
+ '核定药量',
+ '统一社会信用代码',
+ '有效期起',
+ '库房面积',
+ '发证机关'
+ ]
+ const data = allData.map(item => {
+ return [
+ item.licensecode,
+ item.issuingunit,
+ item.issuingcode,
+ item.mainpersonname,
+ '自然人',
+ '身份证',
+ item.mainpersonidcardnum,
+ item.issuingdate,
+ item.effectdate,
+ item.noeffectdate,
+ item.dealingRangeStr,
+ item.mainpersonname,
+ [item.province, item.city, item.district].join(
+ "-"),
+ eval(item.licenseStorage).reduce((sum, e) =>
+ sum + Number(e.area || 0), 0),
+ item.address,
+ item.issuingdate,
+ item.licensecode,
+ item.name,
+ item.noeffectdate,
+ item.reservekg,
+ item.code,
+ item.effectdate,
+ eval(item.licenseStorage).reduce((sum, e) =>
+ sum + Number(e.storagearea || 0), 0),
+ item.issuingunit,
+ ]
+ })
+ excel.export_json_to_excel({
+ header: tHeader,
+ data,
+ filename: '烟花爆竹经营(批发)许可证台账'
+ })
+ })
+ }
+
+ } else {
+ this.$message({
+ message: res.data.message,
+ type: 'warning'
+ })
+ }
+ })
+ },
+ refuse(val) {
+ this.refuseForm.id = val
+ this.refuseVisible = true
+ },
+ submitRefuse() {
+ refuseLicense(this.refuseForm).then((res) => {
+ if (res.data.code === '200') {
+ this.getLicenseListData()
+ this.refuseVisible = false
+ this.$notify({
+ title: '成功',
+ duration: 2000,
+ message: '驳回成功',
+ type: 'success'
+ })
+ } else {
+ this.$message({
+ type: 'warning',
+ message: res.data.message
+ })
+ }
+ })
+ },
+ openDelayLicenseDialog(value) {
+ this.$refs['delay-form'].showLicenseForm('延期', value, this.isSupervision, this.roleType)
+ },
+ openModLicenseDialog(value) {
+ this.$refs['mod-form'].showLicenseForm('变更', value, this.isSupervision, this.roleType)
+ },
+
+ }
+ }
+</script>
+
+<style scoped>
+ .carrier_search {
+ display: inline-block;
+ }
+
+ .carrier_search_input {
+ width: 200px;
+ }
</style>
--
Gitblit v1.9.2