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;"> {{code}}</span> - </el-col> - <el-col :span="6"> - <div style="width: 40%;height: 40%;margin-left:65px;padding-top: 35px" id="qrcode" ref="qrcode"> - </div> - </el-col> - </el-row> - <el-row style="text-align: center;height:35px;font-size: 20px;margin-top:70px"> - <el-col :span="24"> - <span>编号  </span> - <span style="display: inline-block">{{value}}</span> - </el-col> - </el-row> - <el-row style="height:75px;margin-left:140px;margin-top:30px;"> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span v-if="type === 2">企业名称</span> - <span v-if="type === 3">单位名称</span> - </el-col> - <el-col :span="11" style="font-size: 27px"> - <span>{{name}}</span> - </el-col> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span v-if="type === 2">主要负责人</span> - <span v-if="type === 3">许可类型</span> - </el-col> - <el-col :span="5" style="font-size: 27px"> - <span v-if="type === 2">{{mainpersonname}}</span> - <span v-if="type === 3">{{licensetype}}</span> - </el-col> - <el-col :span="2" style="font-size: 27px;"> - <span></span> - </el-col> - </el-row> - <el-row style="height:75px;margin-left:140px;"> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span v-if="type === 2">注册地址</span> - <span v-if="type === 3">主要负责人</span> - </el-col> - <el-col :span="11" style="font-size: 27px"> - <span - v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> - <span v-if="type === 3">{{mainpersonname}}</span> - </el-col> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span v-if="type === 2">库区面积</span> - <span v-if="type === 3">经营方式</span> - </el-col> - <el-col :span="5" style="font-size: 27px"> - <span v-if="type === 2">{{area}}㎡</span> - <span v-if="type === 3">{{dealingtype}}</span> - </el-col> - <el-col :span="2" style="font-size: 27px;"> - <span></span> - </el-col> - </el-row> - <el-row style="height:75px;margin-left:140px;"> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span v-if="type === 2">仓储地址</span> - <span v-if="type === 3">单位地址</span> - </el-col> - <el-col :span="11" style="font-size: 27px"> - <span - v-if="type === 2">{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span> - <span - v-if="type === 3">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> - </el-col> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span v-if="type === 2">库房面积</span> - <span v-if="type === 3">经营面积</span> - </el-col> - <el-col :span="5" style="font-size: 27px"> - <span v-if="type === 2">{{storagearea}}㎡</span> - <span v-if="type === 3">{{area}}㎡</span> - </el-col> - <el-col :span="2" style="font-size: 27px;"> - <span></span> - </el-col> - </el-row> - <el-row style="height:100px;margin-left:140px;"> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span>许可范围</span> - </el-col> - <el-col :span="11" style="font-size: 27px;padding-right: 80px;"> - <span>{{dealingrange}}</span> - </el-col> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span v-if="type === 2">核定药量</span> - <span v-if="type === 3">核定储量</span> - </el-col> - <el-col :span="5" style="font-size: 27px;"> - <span>{{powder}}kg</span> - <span>({{reservebox}}箱)</span> - </el-col> - <el-col :span="2" style="font-size: 27px;"> - <span></span> - </el-col> - </el-row> - <el-row style="height:40px;margin-left:140px;"> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span>有效期</span> - </el-col> - <el-col :span="4" style="font-size: 27px"> - <span>{{effectdate}}</span> - </el-col> - <el-col :span="1" style="font-size: 27px;font-weight: bold"> - <span>至</span> - </el-col> - <el-col :span="5" style="font-size: 27px"> - <span>{{noeffectdate}}</span> - </el-col> - <el-col :span="11" style="font-size: 27px"> - <span></span> - </el-col> - <!-- <el-col :span="8" style="font-size: 27px;margin-top:38px;">--> - <!-- <span>{{issuingunit}}</span>--> - <!-- </el-col>--> - </el-row> - <el-row style="height:60px;margin-left:140px;"> - <el-col :span="14" style="font-size: 1px"> - <span>{{"."}}</span> - </el-col> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span>发证机关</span> - </el-col> - <el-col :span="5" style="font-size: 27px;"> - <span>{{issuingunit}}</span> - </el-col> - <el-col :span="2" style="font-size: 27px;"> - <span></span> - </el-col> - </el-row> - <el-row style="height:60px;margin-left:140px;"> - <el-col :span="14" style="font-size: 1px"> - <span>{{"."}}</span> - </el-col> - <el-col :span="3" style="font-size: 27px;font-weight: bold"> - <span>发证日期</span> - </el-col> - <el-col :span="2" style="font-size: 27px;"> - <span>{{year}}</span> - <span style="font-size: 27px;font-weight: bold"> 年</span> - </el-col> - <el-col :span="3" style="font-size: 27px;"> - <span>{{month}}</span> - <span style="font-size: 27px;font-weight: bold">月</span> - <span> {{day}}</span> - <span style="font-size: 27px;font-weight: bold">日</span> - </el-col> - <el-col :span="2" style="font-size: 27px;"> - <span></span> - </el-col> - </el-row> - </div> - </div> - <div v-show="false"> - <div id="printMe2"> - <el-row> - <el-col :span="7" style="margin-top:670px;margin-left: 80px"> - <el-row style="height: 60px;"> - <el-col :span="6" style="font-weight: bold;"> - <span v-if="type === 2">企业名称</span> - <span v-if="type === 3">单位名称</span> - </el-col> - <el-col :span="18"> - {{name}} - </el-col> - </el-row> - <el-row style="height: 60px;margin-top: 4px"> - <el-col :span="6" style="font-weight: bold;"> - <span v-if="type === 2">注册地址</span> - <span v-if="type === 3">主要负责人</span> - </el-col> - <el-col :span="18"> - <span - v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> - <span v-if="type === 3">{{mainpersonname}}</span> - </el-col> - </el-row> - <el-row style="height: 60px;margin-top: 4px"> - <el-col :span="6" style="font-weight: bold;"> - <span></span> - <span v-if="type === 2">仓储地址</span> - <span v-if="type === 3">单位地址</span> - </el-col> - <el-col :span="18"> - <span - v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{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}} </span> - <span style="font-weight: bold;">年</span> - </el-col> - <el-col :span="3"> - <span>{{month}}</span> - <span style="font-weight: bold;">月</span> - <span> {{day}}</span> - <span style="font-weight: bold;">日</span> - </el-col> - - </el-row> - </el-col> - </el-row> - </div> - </div> - <div v-show="false"> - <div id="printMe3"> - <el-row style="height:130px;margin-left:320px;padding-top:95px;padding-bottom: 95px"> - <el-col :span="18"> - <span style="display: inline-block;font-size: 25px;"></span> - </el-col> - <el-col :span="6"> - <div style="width: 40%;height: 40%;margin-left:20%;padding-top: 10px" id="qrcode3" - ref="qrcode" /> - </el-col> - </el-row> - <el-row style="height:50px;font-size: 20px;margin-top:280px;margin-left:1050px;"> - <el-col :span="24"> - <span style="display: inline-block">{{value}}</span> - </el-col> - </el-row> - <el-row style="height:60px;margin-left:470px;margin-top:28px;"> - <el-col :span="13" style="font-size: 22px"> - <span>{{name}}</span> - </el-col> - <el-col :span="8" style="font-size: 22px;padding-left: 50px"> - <span>{{mainpersonname}}</span> - </el-col> - </el-row> - <el-row style="height:80px;margin-left:470px;"> - <el-col :span="13" style="font-size: 22px;height: 90px;padding-right: 200px;"> - <span>{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> - </el-col> - <!--<el-col :span="8" style="font-size: 27px"> - <span>{{area}}㎡</span> - </el-col>--> - <el-col :span="7" style="font-size: 22px;padding-left: 50px;padding-top: 10px"> - <span>{{economictype}}</span> - </el-col> - </el-row> - <!--<el-row style="height:60px;margin-left:290px;"> - <el-col :span="16" style="font-size: 27px"> - <span>{{storageaddress}}</span> - </el-col> - <el-col :span="8" style="font-size: 27px"> - <span>{{storagearea}}㎡</span> - </el-col> - </el-row>--> - <el-row style="height:100px;margin-left:470px;"> - <el-col :span="13" style="font-size: 22px;padding-right: 200px;"> - <span>{{dealingrange}}</span><br> - <span>核定药量:{{powder}}kg</span> - <span>({{reservebox}}箱)</span> - </el-col> - <el-col :span="8" style="font-size: 22px;padding-left: 50px;height: 80px"> - <span>{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span><br> - <span>库区面积{{area}}㎡</span>; - <span>库房面积{{storagearea}}㎡</span> - </el-col> - <!--<el-col :span="8" style="font-size: 27px;margin-top:20px;"> - <span>{{powder}}kg</span> - </el-col>--> - </el-row> - <el-row style="height:80px;margin-left:400px;"> - <el-col :span="10" style="font-size: 1px"> - <span>.</span> - </el-col> - <el-col :span="7" style="font-size: 18px;margin-top:24px;padding-left: 180px;"> - <span>{{issuingunit}}</span> - </el-col> - </el-row> - <el-row style="height:75px;margin-left:290px;"> - <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:45px"> - <span>{{year1}}</span> - </el-col> - <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:0px"> - <span>{{month1}}</span> - </el-col> - <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:20px"> - <span>{{day1}}</span> - </el-col> - <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:40px"> - <span>{{year2}}</span> - </el-col> - <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:7px"> - <span>{{month2}}</span> - </el-col> - <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:20px"> - <span>{{day2}}</span> - </el-col> - <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:210px"> - <span>{{year}}</span> - </el-col> - <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:35px"> - <span>{{month}}</span> - </el-col> - <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:35px"> - <span>{{day}}</span> - </el-col> - </el-row> - </div> - </div> - <div v-show="false"> - <div id="printMe4"> - <el-row> - <el-col :span="8" style="margin-top:666px;margin-left: 170px"> - <el-row> - <el-col :span="24" style="margin-top: 140px;margin-left: 70px"> - {{value}} - </el-col> - <el-col :span="8" style="margin-top: 38px;margin-left: 70px;height: 60px"> - {{issuingunit}} - </el-col> - <el-col style="margin-left: 70px"> - <el-col :span="2" style="margin-top: 17px;"> - <span>{{year}}</span> - </el-col> - <el-col :span="1" style="margin-top: 17px;margin-left:18px"> - <span>{{month}}</span> - </el-col> - <el-col :span="1" style="margin-top: 17px;margin-left:20px"> - <span>{{day}}</span> - </el-col> - </el-col> - </el-row> - </el-col> - <el-col :span="12" style="margin-top: 386px;"> - <el-row style="margin-left: 225px"> - <el-col :span="8"> - <div style="width:20px;height:20px;" class="qrcode" id="qrcode4" ref="qrcode" /> - </el-col> - </el-row> - <el-row style="margin-top: 58px;margin-left: 75px;padding-top: 20px;"> - <el-col :span="8"> - {{name}} - </el-col> - </el-row> - <el-row style="margin-top: 38px;margin-left: 75px"> - <el-col :span="8"> - {{mainpersonname}} - </el-col> - </el-row> - <el-row style="margin-top: 50px;margin-left: 75px;height: 35px"> - <el-col :span="8"> - <span>{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> - </el-col> - </el-row> - <el-row style="margin-top: 22px;margin-left: 75px"> - <el-col :span="8"> - {{economictype}} - </el-col> - </el-row> - <el-row style="margin-top: 15px;margin-left: 75px;height: 35px"> - <el-col :span="8"> - <span>{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span><br> - <span>库区面积{{area}}㎡</span>; - <span>库房面积{{storagearea}}㎡</span> - </el-col> - </el-row> - <el-row style="margin-top: 60px;margin-left: 75px;height: 80px"> - <el-col :span="8"> - <span>{{dealingrange}}</span><br> - <span>核定药量:{{powder}}kg</span> - <span>({{reservebox}}箱)</span> - </el-col> - </el-row> - <el-row style="margin-top: 89px;margin-left: 8px"> - <el-col :span="2" style="font-size: 16px;margin-left:5px"> - <span>{{year1}}</span> - </el-col> - <el-col :span="1" style="font-size: 16px;margin-left:0px"> - <span>{{month1}}</span> - </el-col> - <el-col :span="1" style="font-size: 16px;margin-left:1px"> - <span>{{day1}}</span> - </el-col> - <el-col :span="1" style="font-size: 16px;margin-left:17px"> - <span>{{year2}}</span> - </el-col> - <el-col :span="1" style="font-size: 16px;margin-left:22px"> - <span>{{month2}}</span> - </el-col> - <el-col :span="1" style="font-size: 16px;margin-left:5px"> - <span>{{day2}}</span> - </el-col> - </el-row> - </el-col> - </el-row> - </div> - </div> - <el-dialog :visible.sync="refuseVisible" append-to-body :close-on-click-modal="false" width="30%"> - <el-form ref="refuseForm" :model="refuseForm" label-position="right" label-width="80px"> - <el-form-item label="驳回理由:" prop="name"> - <el-input type="textarea" :rows="2" v-model="refuseForm.rejectnote" /> - </el-form-item> - </el-form> - <div align="right"> - <el-button type="primary" @click="submitRefuse()">确认</el-button> - </div> - </el-dialog> - <license-info-form ref="form" @getinfo="getLicenseListData"></license-info-form> - <license-delay-form ref="delay-form" @getinfo="getLicenseListData"></license-delay-form> - <license-mod-form ref="mod-form" @getinfo="getLicenseListData"></license-mod-form> - </div> -</template> - -<script> - import licenseInfoForm from "./components/licenseInfoForm"; - import { - computePageCount - } from '@/utils' - import { - getLicenseList, - getExportLicense, - reviewLicenseInfo, - deleteById - } from "@/api/license"; - import Cookies from "js-cookie"; - import LicenseInfoForm from "./components/licenseInfoForm"; - import { - deleteCertificate - } from "../../../api/tranportList"; - import { - parseError - } from "../../../utils/messageDialog"; - import { - getCityListData, - getProvinceListData, - } from "@/api/area"; - import QRCode from "qrcodejs2"; - import { - formatDateDay - } from "../../../utils"; - import { - refuseLicense - } from "../../../api/license"; - import LicenseDelayForm from "./components/licenseDelayForm" - import LicenseModForm from "./components/licenseModForm" - - export default { - name: "carrier", - data() { - return { - - cityList: [], - provinceList: [], - districtList: [], - streetList: [], - committeeList: [], - validTime1: [], - validTime2: [], - refuseVisible: false, - enterprisenumber: '', - value: '', - code: '', - name: '', - mainpersonname: '11', - province: '', - city: '', - district: '', - address: '', - area: '', - storageaddress: '', - storagearea: '', - storageprovince: '', - storagecity: '', - storagedistrict: '', - economictype: '', - dealingrange: '', - reservebox: '', - powder: '', - effectdate: '', - noeffectdate: '', - issuingunit: '', - year: '', - month: '', - day: '', - year1: '', - month1: '', - day1: '', - year2: '', - month2: '', - day2: '', - type: '', - licensetype: '', - dealingtype: '', - tableKey: 0, - listLoading: false, - approveVisible: false, - pageSize: 10, - recordTotal: 0, - currentPage: 1, - pageTotal: 0, - ruleForm: {}, - isSupervision: '', - roleType: '', - params: { - pageIndex: 1, - pageSize: 10, - sort: '', - order: "ASC", - name: '', - type: '', - province: '', - city: '', - district: '', - starttime1: '', - endtime1: '', - starttime2: '', - endtime2: '', - reviewstatus: '', - validstatus: '', - licensecode: '', - }, - dataForm: { - signperson: '', - issueperson: '', - issuepersonphone: '', - id: '', - }, - listQuery: { - filter: { - code: "", - page: "approve", - }, - pageIndex: 1, - pageSize: 100, - }, - refuseForm: { - id: '', - rejectnote: '', - }, - searchContent: '', - licenseList: [], - reviewStatusList: [{ - id: 0, - name: '等待提交' - }, - { - id: 1, - name: '等待审核' - }, - { - id: 2, - name: '审核通过' - }, - { - id: 3, - name: '审核驳回' - }, - ], - licenseStatusList: [{ - id: 'NEW', - name: '新发' - }, - { - id: 'POSTP', - name: '延期' - }, - { - id: 'MOD', - name: '变更' - }, - ], - validStatusList: [{ - id: -1, - name: '已注销' - }, - { - id: 1, - name: '有效' - }, - ], - typeList: [{ - id: 1, - name: '烟花爆竹经营(生产)许可证' - }, - { - id: 2, - name: '烟花爆竹经营(批发)许可证' - }, - { - id: 3, - name: '烟花爆竹经营(长期零售)许可证' - }, - { - id: 4, - name: '烟花爆竹经营(短期零售)许可证' - } - ], - licensetypeList: [{ - id: 1, - name: '长期' - }, - { - id: 2, - name: '临时' - } - ], - dealingtypeList: [{ - id: 1, - name: '专柜' - }, - { - id: 2, - name: '专店' - } - ], - printObj1: { - id: 'printMe1', - extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>' - }, - printObj2: { - id: 'printMe2', - extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>' - }, - printObj3: { - id: 'printMe3', - extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>' - }, - printObj4: { - id: 'printMe4', - extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>' - }, - } - }, - components: { - LicenseInfoForm, - LicenseDelayForm, - LicenseModForm - }, - created() { - this.getProvince() - this.getLicenseListData() - }, - methods: { +<template> + <div class="app-container"> + <div class="filter-container"> + <div style="margin: 10px"> + <div class="basic_search" style="display:inline-block"> + <span>区域:</span> + <el-select v-model="params.province" clearable filterable @change="changeArea('province')"> + <el-option v-for="item in provinceList" :key="item.id" :label="item.name" :value="item.name"> + </el-option> + </el-select> + </div> + <div class="basic_search" style="display:inline-block"> + <el-select v-model="params.city" prop="city" clearable filterable @change="changeArea('city')"> + <el-option v-for="item in cityList" :key="item.id" :label="item.name" :value="item.name"> + </el-option> + </el-select> + </div> + <div class="basic_search" style="display:inline-block"> + <el-select v-model="params.district" clearable filterable> + <el-option v-for="item in districtList" :key="item.id" :label="item.name" :value="item.name"> + </el-option> + </el-select> + </div> + + </div> + <div style="margin-bottom: 10px"> + <div class="basic_search" style="display:inline-block"> + <span>创建时间:</span> + <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="validTime1" type="datetimerange" + range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"> + </el-date-picker> + </div> + <div class="basic_search" style="display:inline-block"> + <span>发证时间:</span> + <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="validTime2" type="datetimerange" + range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"> + </el-date-picker> + </div> + </div> + <div class="carrier_search"> + <span>企业名称:</span> + <el-input v-model="params.name" class="carrier_search_input"></el-input> + </div> + <div class="carrier_search"> + <span>企业类型:</span> + <el-select filterable clearable v-model="params.type"> + <el-option label="烟花爆竹经营(生产)许可证" value="1">烟花爆竹经营(生产)许可证</el-option> + <el-option label="烟花爆竹经营(批发)许可证" value="2">烟花爆竹经营(批发)许可证</el-option> + <el-option label="烟花爆竹经营(长期零售)许可证" value="3">烟花爆竹经营(长期零售)许可证</el-option> + <el-option label="烟花爆竹经营(短期零售)许可证" value="4">烟花爆竹经营(短期零售)许可证</el-option> + </el-select> + </div> + <div class="carrier_search"> + <span>审核状态:</span> + <el-select filterable clearable v-model="params.reviewstatus"> + <el-option v-for="item in reviewStatusList" :key="item.id" :label="item.name" :value="item.id" /> + </el-select> + </div> + <div style="margin-top: 10px;"> + <span>许可证状态:</span> + <el-select filterable clearable v-model="params.validstatus"> + <el-option v-for="item in validStatusList" :key="item.id" :label="item.name" :value="item.id" /> + </el-select> + + <span>发证类型:</span> + <el-select filterable clearable v-model="params.licensecode"> + <el-option v-for="item in licenseStatusList" :key="item.id" :label="item.name" :value="item.id" /> + </el-select> + + <el-button style="margin-left: 10px;" type="primary" v-if="isSupervision!=='null'" + @click="openLicenseForm('新增','')">添加</el-button> + <el-button style="margin-left: 10px;" type="primary" @click="searchData()">查询</el-button> + <el-button style="margin-left: 10px;" type="primary" @click="exportRetail()">零售许可证台账导出</el-button> + <el-button style="margin-left: 10px;" type="primary" @click="exportWholesale()">批发许可证台账导出</el-button> + </div> + + </div> + <div class="table_content"> + <el-table v-loading="listLoading" :key="tableKey" :data="licenseList" border fit @sort-change="sortChange" + highlight-current-row style="width: 100%;"> + <el-table-column label="序号" type="index" align="center" width="60" /> + <el-table-column label="行政区划" prop="province" align="center" sortable="custom"> + <template slot-scope="scope"> + {{scope.row.province}}{{scope.row.city}}{{scope.row.district}} + </template> + </el-table-column> + <el-table-column label="单位名称" prop="name" align="center" sortable="custom"> + </el-table-column> + <el-table-column label="主要负责人" prop="mainpersonname" align="center" sortable="custom"> + </el-table-column> + <el-table-column label="许可证编号" prop="licensecode" align="center" sortable="custom"> + </el-table-column> + <el-table-column label="许可证类型" prop="type" align="center" sortable="custom"> + <template slot-scope="scope"> + <div v-for="item in typeList"> + <div v-if="scope.row.type === item.id"> + {{item.name}} + </div> + </div> + </template> + </el-table-column> + <el-table-column label="发证类型" prop="licensestatus" align="center" sortable="custom"> + </el-table-column> + <el-table-column label="发证日期" prop="issuingdate" align="center" sortable="custom"> + </el-table-column> + <el-table-column label="到期日期" prop="noeffectdate" align="center" sortable="custom"> + </el-table-column> + <el-table-column label="发证机关" prop="issuingunit" align="center" sortable="custom"> + </el-table-column> + <el-table-column label="审批状态" prop="reviewstatus" align="center" sortable="custom"> + <template slot-scope="scope"> + <div v-for="item in reviewStatusList"> + <div v-if="scope.row.reviewstatus === item.id"> + {{item.name}} + </div> + </div> + </template> + </el-table-column> + <el-table-column label="许可证状态" prop="validstatus" align="center" sortable="custom"> + <template slot-scope="scope"> + <div v-for="item in validStatusList"> + <div v-if="scope.row.validstatus === item.id"> + {{item.name}} + </div> + </div> + </template> + </el-table-column> + <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width"> + <template slot-scope="scope"> + <el-button type="text" @click="commit(scope.row.id)" + v-if="isSupervision!=='null' && (scope.row.reviewstatus== 0||scope.row.reviewstatus===3) ?true:false">提交</el-button> + <el-button type="text" @click="openLicenseForm('修改',scope.row)" + v-if="isSupervision==='null'?false:true">修改</el-button> + <el-button type="text" @click="openLicenseForm('审核',scope.row)" + v-if="isSupervision ==='null' &&scope.row.reviewstatus !==2&&scope.row.reviewstatus !==3">审核</el-button> + <el-button type="text" @click="refuse(scope.row.id)" + v-if="isSupervision ==='null'&&scope.row.reviewstatus !==3">驳回</el-button> + <el-button type="text" @click="deleteById(scope.row.id)" + v-if="isSupervision==='null'?false:true">删除</el-button> + <br><el-button type="text" v-print="printObj1" @click="giveData(scope.row)" + v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印正本(新)</el-button> + <el-button type="text" v-print="printObj2" @click="giveDetail(scope.row)" + v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印副本(新)</el-button> + <el-button type="text" v-print="printObj3" @click="giveData(scope.row)" + v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印正本(旧)</el-button> + <el-button type="text" v-print="printObj4" @click="giveDetail(scope.row)" + v-if="isSupervision==='null' && scope.row.reviewstatus === 2?true:false">打印副本(旧)</el-button> + </template> + </el-table-column> + <el-table-column label="其他操作" v-if="isSupervision === 'null'" align="center" width="180" + class-name="small-padding fixed-width"> + <template slot-scope="scope"> + <el-button type="text" v-if="scope.row.reviewstatus === 2" + @click="openDelayLicenseDialog(scope.row)">延期</el-button> + <el-button type="text" v-if="scope.row.reviewstatus === 2" + @click="openModLicenseDialog(scope.row)">变更</el-button> + </template> + </el-table-column> + </el-table> + <br> + <el-pagination v-show="recordTotal>0" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" + :page-size="pageSize" :total="recordTotal" layout="total, sizes, prev, pager, next, jumper" background + style="float:right;" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> + <br> + </div> + <div v-show="false"> + <div id="printMe1"> + <el-row style="height:130px;margin-left:140px;margin-top:197px"> + <el-col :span="3"> + <span style="display: inline-block;font-size: 20px;">统一社会信用代码</span> + </el-col> + <el-col :span="15"> + <span style="display: inline-block;font-size: 20px;"> {{code}}</span> + </el-col> + <el-col :span="6"> + <div style="width: 40%;height: 40%;margin-left:65px;padding-top: 35px" id="qrcode" ref="qrcode"> + </div> + </el-col> + </el-row> + <el-row style="text-align: center;height:35px;font-size: 20px;margin-top:70px"> + <el-col :span="24"> + <span>编号  </span> + <span style="display: inline-block">{{value}}</span> + </el-col> + </el-row> + <el-row style="height:75px;margin-left:140px;margin-top:30px;"> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span v-if="type === 2">企业名称</span> + <span v-if="type === 3">单位名称</span> + </el-col> + <el-col :span="11" style="font-size: 27px"> + <span>{{name}}</span> + </el-col> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span v-if="type === 2">主要负责人</span> + <span v-if="type === 3">许可类型</span> + </el-col> + <el-col :span="5" style="font-size: 27px"> + <span v-if="type === 2">{{mainpersonname}}</span> + <span v-if="type === 3">{{licensetype}}</span> + </el-col> + <el-col :span="2" style="font-size: 27px;"> + <span></span> + </el-col> + </el-row> + <el-row style="height:75px;margin-left:140px;"> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span v-if="type === 2">注册地址</span> + <span v-if="type === 3">主要负责人</span> + </el-col> + <el-col :span="11" style="font-size: 27px"> + <span + v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> + <span v-if="type === 3">{{mainpersonname}}</span> + </el-col> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span v-if="type === 2">库区面积</span> + <span v-if="type === 3">经营方式</span> + </el-col> + <el-col :span="5" style="font-size: 27px"> + <span v-if="type === 2">{{area}}㎡</span> + <span v-if="type === 3">{{dealingtype}}</span> + </el-col> + <el-col :span="2" style="font-size: 27px;"> + <span></span> + </el-col> + </el-row> + <el-row style="height:75px;margin-left:140px;"> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span v-if="type === 2">仓储地址</span> + <span v-if="type === 3">单位地址</span> + </el-col> + <el-col :span="11" style="font-size: 27px"> + <span + v-if="type === 2">{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span> + <span + v-if="type === 3">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> + </el-col> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span v-if="type === 2">库房面积</span> + <span v-if="type === 3">经营面积</span> + </el-col> + <el-col :span="5" style="font-size: 27px"> + <span v-if="type === 2">{{storagearea}}㎡</span> + <span v-if="type === 3">{{area}}㎡</span> + </el-col> + <el-col :span="2" style="font-size: 27px;"> + <span></span> + </el-col> + </el-row> + <el-row style="height:100px;margin-left:140px;"> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span>许可范围</span> + </el-col> + <el-col :span="11" style="font-size: 27px;padding-right: 80px;"> + <span>{{dealingrange}}</span> + </el-col> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span v-if="type === 2">核定药量</span> + <span v-if="type === 3">核定储量</span> + </el-col> + <el-col :span="5" style="font-size: 27px;"> + <span>{{powder}}kg</span> + <span>({{reservebox}}箱)</span> + </el-col> + <el-col :span="2" style="font-size: 27px;"> + <span></span> + </el-col> + </el-row> + <el-row style="height:40px;margin-left:140px;"> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span>有效期</span> + </el-col> + <el-col :span="4" style="font-size: 27px"> + <span>{{effectdate}}</span> + </el-col> + <el-col :span="1" style="font-size: 27px;font-weight: bold"> + <span>至</span> + </el-col> + <el-col :span="5" style="font-size: 27px"> + <span>{{noeffectdate}}</span> + </el-col> + <el-col :span="11" style="font-size: 27px"> + <span></span> + </el-col> + <!-- <el-col :span="8" style="font-size: 27px;margin-top:38px;">--> + <!-- <span>{{issuingunit}}</span>--> + <!-- </el-col>--> + </el-row> + <el-row style="height:60px;margin-left:140px;"> + <el-col :span="14" style="font-size: 1px"> + <span>{{"."}}</span> + </el-col> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span>发证机关</span> + </el-col> + <el-col :span="5" style="font-size: 27px;"> + <span>{{issuingunit}}</span> + </el-col> + <el-col :span="2" style="font-size: 27px;"> + <span></span> + </el-col> + </el-row> + <el-row style="height:60px;margin-left:140px;"> + <el-col :span="14" style="font-size: 1px"> + <span>{{"."}}</span> + </el-col> + <el-col :span="3" style="font-size: 27px;font-weight: bold"> + <span>发证日期</span> + </el-col> + <el-col :span="2" style="font-size: 27px;"> + <span>{{year}}</span> + <span style="font-size: 27px;font-weight: bold"> 年</span> + </el-col> + <el-col :span="3" style="font-size: 27px;"> + <span>{{month}}</span> + <span style="font-size: 27px;font-weight: bold">月</span> + <span> {{day}}</span> + <span style="font-size: 27px;font-weight: bold">日</span> + </el-col> + <el-col :span="2" style="font-size: 27px;"> + <span></span> + </el-col> + </el-row> + </div> + </div> + <div v-show="false"> + <div id="printMe2"> + <el-row> + <el-col :span="7" style="margin-top:670px;margin-left: 80px"> + <el-row style="height: 60px;"> + <el-col :span="6" style="font-weight: bold;"> + <span v-if="type === 2">企业名称</span> + <span v-if="type === 3">单位名称</span> + </el-col> + <el-col :span="18"> + {{name}} + </el-col> + </el-row> + <el-row style="height: 60px;margin-top: 4px"> + <el-col :span="6" style="font-weight: bold;"> + <span v-if="type === 2">注册地址</span> + <span v-if="type === 3">主要负责人</span> + </el-col> + <el-col :span="18"> + <span + v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> + <span v-if="type === 3">{{mainpersonname}}</span> + </el-col> + </el-row> + <el-row style="height: 60px;margin-top: 4px"> + <el-col :span="6" style="font-weight: bold;"> + <span></span> + <span v-if="type === 2">仓储地址</span> + <span v-if="type === 3">单位地址</span> + </el-col> + <el-col :span="18"> + <span + v-if="type === 2">{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{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}} </span> + <span style="font-weight: bold;">年</span> + </el-col> + <el-col :span="3"> + <span>{{month}}</span> + <span style="font-weight: bold;">月</span> + <span> {{day}}</span> + <span style="font-weight: bold;">日</span> + </el-col> + + </el-row> + </el-col> + </el-row> + </div> + </div> + <div v-show="false"> + <div id="printMe3"> + <el-row style="height:130px;margin-left:320px;padding-top:95px;padding-bottom: 95px"> + <el-col :span="18"> + <span style="display: inline-block;font-size: 25px;"></span> + </el-col> + <el-col :span="6"> + <div style="width: 40%;height: 40%;margin-left:20%;padding-top: 10px" id="qrcode3" + ref="qrcode" /> + </el-col> + </el-row> + <el-row style="height:50px;font-size: 20px;margin-top:280px;margin-left:1050px;"> + <el-col :span="24"> + <span style="display: inline-block">{{value}}</span> + </el-col> + </el-row> + <el-row style="height:60px;margin-left:470px;margin-top:28px;"> + <el-col :span="13" style="font-size: 22px"> + <span>{{name}}</span> + </el-col> + <el-col :span="8" style="font-size: 22px;padding-left: 50px"> + <span>{{mainpersonname}}</span> + </el-col> + </el-row> + <el-row style="height:80px;margin-left:470px;"> + <el-col :span="13" style="font-size: 22px;height: 90px;padding-right: 200px;"> + <span>{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> + </el-col> + <!--<el-col :span="8" style="font-size: 27px"> + <span>{{area}}㎡</span> + </el-col>--> + <el-col :span="7" style="font-size: 22px;padding-left: 50px;padding-top: 10px"> + <span>{{economictype}}</span> + </el-col> + </el-row> + <!--<el-row style="height:60px;margin-left:290px;"> + <el-col :span="16" style="font-size: 27px"> + <span>{{storageaddress}}</span> + </el-col> + <el-col :span="8" style="font-size: 27px"> + <span>{{storagearea}}㎡</span> + </el-col> + </el-row>--> + <el-row style="height:100px;margin-left:470px;"> + <el-col :span="13" style="font-size: 22px;padding-right: 200px;"> + <span>{{dealingrange}}</span><br> + <span>核定药量:{{powder}}kg</span> + <span>({{reservebox}}箱)</span> + </el-col> + <el-col :span="8" style="font-size: 22px;padding-left: 50px;height: 80px"> + <span>{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span><br> + <span>库区面积{{area}}㎡</span>; + <span>库房面积{{storagearea}}㎡</span> + </el-col> + <!--<el-col :span="8" style="font-size: 27px;margin-top:20px;"> + <span>{{powder}}kg</span> + </el-col>--> + </el-row> + <el-row style="height:80px;margin-left:400px;"> + <el-col :span="10" style="font-size: 1px"> + <span>.</span> + </el-col> + <el-col :span="7" style="font-size: 18px;margin-top:24px;padding-left: 180px;"> + <span>{{issuingunit}}</span> + </el-col> + </el-row> + <el-row style="height:75px;margin-left:290px;"> + <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:45px"> + <span>{{year1}}</span> + </el-col> + <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:0px"> + <span>{{month1}}</span> + </el-col> + <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:20px"> + <span>{{day1}}</span> + </el-col> + <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:40px"> + <span>{{year2}}</span> + </el-col> + <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:7px"> + <span>{{month2}}</span> + </el-col> + <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:20px"> + <span>{{day2}}</span> + </el-col> + <el-col :span="2" style="font-size: 22px;margin-top: 15px;margin-left:210px"> + <span>{{year}}</span> + </el-col> + <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:35px"> + <span>{{month}}</span> + </el-col> + <el-col :span="1" style="font-size: 22px;margin-top: 15px;margin-left:35px"> + <span>{{day}}</span> + </el-col> + </el-row> + </div> + </div> + <div v-show="false"> + <div id="printMe4"> + <el-row> + <el-col :span="8" style="margin-top:666px;margin-left: 170px"> + <el-row> + <el-col :span="24" style="margin-top: 140px;margin-left: 70px"> + {{value}} + </el-col> + <el-col :span="8" style="margin-top: 38px;margin-left: 70px;height: 60px"> + {{issuingunit}} + </el-col> + <el-col style="margin-left: 70px"> + <el-col :span="2" style="margin-top: 17px;"> + <span>{{year}}</span> + </el-col> + <el-col :span="1" style="margin-top: 17px;margin-left:18px"> + <span>{{month}}</span> + </el-col> + <el-col :span="1" style="margin-top: 17px;margin-left:20px"> + <span>{{day}}</span> + </el-col> + </el-col> + </el-row> + </el-col> + <el-col :span="12" style="margin-top: 386px;"> + <el-row style="margin-left: 225px"> + <el-col :span="8"> + <div style="width:20px;height:20px;" class="qrcode" id="qrcode4" ref="qrcode" /> + </el-col> + </el-row> + <el-row style="margin-top: 58px;margin-left: 75px;padding-top: 20px;"> + <el-col :span="8"> + {{name}} + </el-col> + </el-row> + <el-row style="margin-top: 38px;margin-left: 75px"> + <el-col :span="8"> + {{mainpersonname}} + </el-col> + </el-row> + <el-row style="margin-top: 50px;margin-left: 75px;height: 35px"> + <el-col :span="8"> + <span>{{province === "新疆维吾尔自治区"? "新疆":province}}{{city}}{{district}}{{address}}</span> + </el-col> + </el-row> + <el-row style="margin-top: 22px;margin-left: 75px"> + <el-col :span="8"> + {{economictype}} + </el-col> + </el-row> + <el-row style="margin-top: 15px;margin-left: 75px;height: 35px"> + <el-col :span="8"> + <span>{{storageprovince === "新疆维吾尔自治区"? "新疆":storageprovince}}{{storagecity}}{{storagedistrict}}{{storageaddress}}</span><br> + <span>库区面积{{area}}㎡</span>; + <span>库房面积{{storagearea}}㎡</span> + </el-col> + </el-row> + <el-row style="margin-top: 60px;margin-left: 75px;height: 80px"> + <el-col :span="8"> + <span>{{dealingrange}}</span><br> + <span>核定药量:{{powder}}kg</span> + <span>({{reservebox}}箱)</span> + </el-col> + </el-row> + <el-row style="margin-top: 89px;margin-left: 8px"> + <el-col :span="2" style="font-size: 16px;margin-left:5px"> + <span>{{year1}}</span> + </el-col> + <el-col :span="1" style="font-size: 16px;margin-left:0px"> + <span>{{month1}}</span> + </el-col> + <el-col :span="1" style="font-size: 16px;margin-left:1px"> + <span>{{day1}}</span> + </el-col> + <el-col :span="1" style="font-size: 16px;margin-left:17px"> + <span>{{year2}}</span> + </el-col> + <el-col :span="1" style="font-size: 16px;margin-left:22px"> + <span>{{month2}}</span> + </el-col> + <el-col :span="1" style="font-size: 16px;margin-left:5px"> + <span>{{day2}}</span> + </el-col> + </el-row> + </el-col> + </el-row> + </div> + </div> + <el-dialog :visible.sync="refuseVisible" append-to-body :close-on-click-modal="false" width="30%"> + <el-form ref="refuseForm" :model="refuseForm" label-position="right" label-width="80px"> + <el-form-item label="驳回理由:" prop="name"> + <el-input type="textarea" :rows="2" v-model="refuseForm.rejectnote" /> + </el-form-item> + </el-form> + <div align="right"> + <el-button type="primary" @click="submitRefuse()">确认</el-button> + </div> + </el-dialog> + <license-info-form ref="form" @getinfo="getLicenseListData"></license-info-form> + <license-delay-form ref="delay-form" @getinfo="getLicenseListData"></license-delay-form> + <license-mod-form ref="mod-form" @getinfo="getLicenseListData"></license-mod-form> + </div> +</template> + +<script> + import licenseInfoForm from "./components/licenseInfoForm"; + import { + computePageCount + } from '@/utils' + import { + getLicenseList, + getExportLicense, + reviewLicenseInfo, + deleteById + } from "@/api/license"; + import Cookies from "js-cookie"; + import LicenseInfoForm from "./components/licenseInfoForm"; + import { + deleteCertificate + } from "../../../api/tranportList"; + import { + parseError + } from "../../../utils/messageDialog"; + import { + getCityListData, + getProvinceListData, + } from "@/api/area"; + import QRCode from "qrcodejs2"; + import { + formatDateDay + } from "../../../utils"; + import { + refuseLicense + } from "../../../api/license"; + import LicenseDelayForm from "./components/licenseDelayForm" + import LicenseModForm from "./components/licenseModForm" + + export default { + name: "carrier", + data() { + return { + + cityList: [], + provinceList: [], + districtList: [], + streetList: [], + committeeList: [], + validTime1: [], + validTime2: [], + refuseVisible: false, + enterprisenumber: '', + value: '', + code: '', + name: '', + mainpersonname: '11', + province: '', + city: '', + district: '', + address: '', + area: '', + storageaddress: '', + storagearea: '', + storageprovince: '', + storagecity: '', + storagedistrict: '', + economictype: '', + dealingrange: '', + reservebox: '', + powder: '', + effectdate: '', + noeffectdate: '', + issuingunit: '', + year: '', + month: '', + day: '', + year1: '', + month1: '', + day1: '', + year2: '', + month2: '', + day2: '', + type: '', + licensetype: '', + dealingtype: '', + tableKey: 0, + listLoading: false, + approveVisible: false, + pageSize: 10, + recordTotal: 0, + currentPage: 1, + pageTotal: 0, + ruleForm: {}, + isSupervision: '', + roleType: '', + params: { + pageIndex: 1, + pageSize: 10, + sort: '', + order: "ASC", + name: '', + type: '', + province: '', + city: '', + district: '', + starttime1: '', + endtime1: '', + starttime2: '', + endtime2: '', + reviewstatus: '', + validstatus: '', + licensecode: '', + }, + dataForm: { + signperson: '', + issueperson: '', + issuepersonphone: '', + id: '', + }, + listQuery: { + filter: { + code: "", + page: "approve", + }, + pageIndex: 1, + pageSize: 100, + }, + refuseForm: { + id: '', + rejectnote: '', + }, + searchContent: '', + licenseList: [], + reviewStatusList: [{ + id: 0, + name: '等待提交' + }, + { + id: 1, + name: '等待审核' + }, + { + id: 2, + name: '审核通过' + }, + { + id: 3, + name: '审核驳回' + }, + ], + licenseStatusList: [{ + id: 'NEW', + name: '新发' + }, + { + id: 'POSTP', + name: '延期' + }, + { + id: 'MOD', + name: '变更' + }, + ], + validStatusList: [{ + id: -1, + name: '已注销' + }, + { + id: 1, + name: '有效' + }, + { + 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