From 6573aec4ca9f7879bbdfed0ce4abdcb27e0027ab Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期二, 19 十二月 2023 16:14:28 +0800
Subject: [PATCH] 添加状态

---
 src/views/license/licenseInfo/index.vue | 2846 +++++++++++++++++++++++++++++-----------------------------
 1 files changed, 1,425 insertions(+), 1,421 deletions(-)

diff --git a/src/views/license/licenseInfo/index.vue b/src/views/license/licenseInfo/index.vue
index 338bb39..b9dd0f6 100644
--- a/src/views/license/licenseInfo/index.vue
+++ b/src/views/license/licenseInfo/index.vue
@@ -1,947 +1,951 @@
-<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;">&nbsp;&nbsp;{{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>编号&emsp;&emsp;</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">&nbsp;年</span>
-                    </el-col>
-                    <el-col :span="3" style="font-size: 27px;">
-                        <span>{{month}}</span>
-                        <span style="font-size: 27px;font-weight: bold">月</span>
-                        <span>&nbsp;{{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}}{{storagedistrict}}{{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}}&emsp;</span>
-                                <span style="font-weight: bold;">年</span>
-                            </el-col>
-                            <el-col :span="3">
-                                <span>{{month}}</span>
-                                <span style="font-weight: bold;">月</span>
-                                <span>&nbsp;{{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: {
+<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;">&nbsp;&nbsp;{{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>编号&emsp;&emsp;</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">&nbsp;年</span>
+                    </el-col>
+                    <el-col :span="3" style="font-size: 27px;">
+                        <span>{{month}}</span>
+                        <span style="font-size: 27px;font-weight: bold">月</span>
+                        <span>&nbsp;{{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}}{{storagedistrict}}{{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}}&emsp;</span>
+                                <span style="font-weight: bold;">年</span>
+                            </el-col>
+                            <el-col :span="3">
+                                <span>{{month}}</span>
+                                <span style="font-weight: bold;">月</span>
+                                <span>&nbsp;{{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: '有效'
+                    },
+                    {
+                        id: -2,
+                        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) {
-                console.log(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
+                console.log(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 ){
@@ -951,59 +955,59 @@
                 }
                 // 乌鲁木齐局临时自定义许可范围
                 // this.dealingrange="烟花类(C级、D级)、爆竹类(C级)、喷花类(C级、D级)、旋转类(C级、D级)、吐珠类(C级)、玩具类(C级、D级)、组合烟花类(C级、D级),储存能力76吨;烟花类储存(A类储存能力2吨、B类储存能力5吨,仅限于储存,储存库为4号库)  ★★★"
-
-                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()
-                })
+
+                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
+            //打印正本
+            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
                 // 带出口的特殊情况
                 if (val.remark.indexOf("批发出口")!= -1 ){
                     this.dealingrange = val.dealingRangeStr+" (批发出口) ★★★"
@@ -1011,434 +1015,434 @@
                     this.dealingrange = val.dealingRangeStr+"  ★★★"
                 }
                 // 乌鲁木齐局临时自定义许可范围
-                // this.dealingrange="烟花类(C级、D级)、爆竹类(C级)、喷花类(C级、D级)、旋转类(C级、D级)、吐珠类(C级)、玩具类(C级、D级)、组合烟花类(C级、D级),储存能力76吨;烟花类储存(A类储存能力2吨、B类储存能力5吨,仅限于储存,储存库为4号库)  ★★★"
+                // this.dealingrange="烟花类(C级、D级)、爆竹类(C级)、喷花类(C级、D级)、旋转类(C级、D级)、吐珠类(C级)、玩具类(C级、D级)、组合烟花类(C级、D级),储存能力76吨;烟花类储存(A类储存能力2吨、B类储存能力5吨,仅限于储存,储存库为4号库)  ★★★"
 
-                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.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
-                        })
-                    })
-                })
+
+                }
+                this.listLoading = false
             },
-            //删除
-            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() {
-
+            openLicenseForm(title, value) {
+                this.$refs.form.showLicenseForm(title, value, this.isSupervision, this.roleType)
             },
-            //获取地区
-            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;
-    }
+            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