881 lines
46 KiB
HTML
881 lines
46 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0" />
|
|
<title></title>
|
|
<script src="./lib/jquery/dist/jquery.js"></script>
|
|
<script src="./lib/vuejs/vue.js"></script>
|
|
<script src="./lib/vuejs/axios.min.js"></script>
|
|
<script src="./lib/elementui/index2.15.9v.js"></script>
|
|
<!--<script src="./lib/linq.js/Content/Scripts/linq.min.js"></script>-->
|
|
<script src="Scripts/linq.js"></script>
|
|
<link href="./lib/elementui/index2.15.9v.css" rel="stylesheet" />
|
|
<link href="./lib/elementui/theme-green/index.css" rel="stylesheet" />
|
|
<link href="./lib/elementui/theme-green/color-green.css" rel="stylesheet" />
|
|
|
|
<!-- 依 赖 样 式 -->
|
|
<link rel="stylesheet" href="component/pear/css/pear.css" />
|
|
<!-- 加 载 样 式 -->
|
|
<!--<Link rel="stylesheet" href="admin/css/loader.css" />-->
|
|
<!-- 布 局 样 式 -->
|
|
<!--<Link rel="stylesheet" href="admin/css/admin.css" />-->
|
|
<!-- 依 赖 脚 本 -->
|
|
<script src="component/layui/layui.js"></script>
|
|
<script src="component/pear/pear.js"></script>
|
|
<!-- 新增加的layui的框架 -->
|
|
<!--<Link href="Scripts/layui/css/layui.css" rel="stylesheet" />
|
|
<script src="Scripts/layui/layui.js"></script>-->
|
|
<!--新增加的vxe表格组件-->
|
|
<!-- 引入样式 -->
|
|
<link rel="stylesheet" href="./lib/vxetable/vxe_style.css">
|
|
<!-- 引入脚本 -->
|
|
<script src="./lib/vxetable/xe-utils.js"></script>
|
|
<script src="./lib/vxetable/vxe-table@legacy.js"></script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
|
|
<div style=" width:100%; height:22px;background-color:aquamarine; text-align:center; padding:8px">食品生产经营许可库</div>
|
|
|
|
<vxe-toolbar>
|
|
<template #buttons>
|
|
<!--<vxe-button icon="vxe-icon-square-plus" @click="insertEvent()">新增</vxe-button>-->
|
|
|
|
<!--<div style=" border:1px solid dashed; padding:2px; margin-left:12px;margin-right:12px; border-radius:4px; background-color:#eee6e6e1">
|
|
<input type="file" @change="handleFileUpload">
|
|
<vxe-button icon="vxe-icon-cloud-download" @click="upload()">导入</vxe-button>
|
|
</div>-->
|
|
<vxe-button icon="vxe-icon-cloud-download" @click="exportData()">导出</vxe-button>
|
|
</template>
|
|
</vxe-toolbar>
|
|
|
|
<vxe-table border
|
|
resizable
|
|
show-overflow
|
|
ref="xTable"
|
|
height="500"
|
|
:row-config="{isHover: true}"
|
|
:data="tableData"
|
|
@cell-dblclick="cellDBLClickEvent">
|
|
<vxe-column field="ID" title="主键" width="100"></vxe-column>
|
|
<vxe-column field="SQID" title="关联ID" width="100"></vxe-column>
|
|
<vxe-column field="SQSXDM" title="申请事项代码" width="100"></vxe-column>
|
|
<vxe-column field="XKZBH" title="许可证编号" width="100"></vxe-column>
|
|
<vxe-column field="FZJG" title="发证机构" width="100"></vxe-column>
|
|
<vxe-column field="YXQQ" title="有效期起" width="100"></vxe-column>
|
|
<vxe-column field="YXQZ" title="有效期止" width="100"></vxe-column>
|
|
<vxe-column field="JYZMC" title="经营者名称" width="100"></vxe-column>
|
|
<vxe-column field="JYCS" title="经营场所地址" width="100"></vxe-column>
|
|
<vxe-column field="ZS" title="住所地址" width="100"></vxe-column>
|
|
<vxe-column field="FDDBR_FZR" title="法定代表人，负责人" width="100"></vxe-column>
|
|
<vxe-column field="SHXYDM" title="统一社会信用代码" width="100"></vxe-column>
|
|
<vxe-column field="ZTYT" title="主体业态" width="100"></vxe-column>
|
|
<vxe-column field="JYXM" title="经营项目" width="100"></vxe-column>
|
|
<vxe-column field="RCJGJG" title="日常监管机构" width="100"></vxe-column>
|
|
<vxe-column field="RCJGRY" title="日常监管人员" width="100"></vxe-column>
|
|
<vxe-column field="QFR" title="签发人" width="100"></vxe-column>
|
|
<vxe-column field="QFSJ" title="签发时间" width="100"></vxe-column>
|
|
<vxe-column field="XKZZT" title="证书状态" width="100"></vxe-column>
|
|
<vxe-column field="ZSZL" title="证书类型" width="100"></vxe-column>
|
|
<vxe-column field="ZXRQ" title="注销日期" width="100"></vxe-column>
|
|
<vxe-column field="SXRQ" title="失效日期" width="100"></vxe-column>
|
|
<vxe-column field="SPLB" title="食品类别" width="100"></vxe-column>
|
|
<vxe-column field="SSSF" title="所属省份" width="100"></vxe-column>
|
|
<vxe-column field="SSS" title="所属市" width="100"></vxe-column>
|
|
<vxe-column field="SSQX" title="所属区县" width="100"></vxe-column>
|
|
<vxe-column field="JYCSJD" title="所在街镇" width="100"></vxe-column>
|
|
<vxe-column field="SCCPLBBM" title="生产产品类别编码" width="100"></vxe-column>
|
|
<vxe-column field="SQSXMC" title="小类名称" width="100"></vxe-column>
|
|
<vxe-column field="ZZLX" title="证照类型" width="100"></vxe-column>
|
|
<vxe-column field="FRMC_ZW" title="法人中文名" width="100"></vxe-column>
|
|
<vxe-column field="FRMC_YW" title="法人英文名" width="100"></vxe-column>
|
|
<vxe-column field="ZCDZ_ZW" title="注册地址中文" width="100"></vxe-column>
|
|
<vxe-column field="ZCDZ_YW" title="注册地址英文" width="100"></vxe-column>
|
|
<vxe-column field="SCDZ_ZW" title="生产地址中文" width="100"></vxe-column>
|
|
<vxe-column field="SCDZ_YW" title="生产地址英文" width="100"></vxe-column>
|
|
<vxe-column field="CPFWLB" title="产品范围类别" width="100"></vxe-column>
|
|
<vxe-column field="CPFW_ZW" title="产品范围中文" width="100"></vxe-column>
|
|
<vxe-column field="CPFW_YW" title="产品范围英文" width="100"></vxe-column>
|
|
<vxe-column field="CJSJ" title="创建时间" width="100"></vxe-column>
|
|
<vxe-column field="GXSJ" title="更新时间" width="100"></vxe-column>
|
|
<vxe-column field="XKZWYID" title="许可证唯一ID" width="100"></vxe-column>
|
|
<vxe-column field="SQCPLB" title="申请产品类别" width="100"></vxe-column>
|
|
<vxe-column field="SFSPZC" title="是否食品贮存" width="100"></vxe-column>
|
|
<vxe-column field="SPZCXQ" title="食品贮存详情" width="100"></vxe-column>
|
|
<vxe-column field="SFSPYS" title="是否食品运输" width="100"></vxe-column>
|
|
<vxe-column field="SPYSXQ" title="食品运输详情" width="100"></vxe-column>
|
|
<vxe-column field="ZJHM" title="证件号码" width="100"></vxe-column>
|
|
<vxe-column field="WZMC" title="网站名称" width="100"></vxe-column>
|
|
<vxe-column field="YM" title="域名" width="100"></vxe-column>
|
|
<vxe-column field="DWDM" title="发证机关机构代码" width="100"></vxe-column>
|
|
<vxe-column field="BGNR" title="变更内容" width="100"></vxe-column>
|
|
<vxe-column field="XZLZ" title="新证老证" width="100"></vxe-column>
|
|
<vxe-column field="JYXMDM" title="经营项目代码" width="100"></vxe-column>
|
|
<vxe-column field="RCJGJGMC" title="日常监管机构名称" width="100"></vxe-column>
|
|
<vxe-column field="ZTYTMC" title="主体业态名称" width="100"></vxe-column>
|
|
<vxe-column field="SLJGMC" title="受理机构名称" width="100"></vxe-column>
|
|
<vxe-column field="FZJGMC" title="发证机构名称" width="100"></vxe-column>
|
|
<vxe-column field="ZXYY" title="注销原因" width="100"></vxe-column>
|
|
<vxe-column field="SCCPLBMC" title="生产产品类别名称" width="100"></vxe-column>
|
|
<vxe-column field="ZTYTDM" title="主体业态代码" width="100"></vxe-column>
|
|
<vxe-column field="JTYCPSDW" title="集体用餐配送单位" width="100"></vxe-column>
|
|
<vxe-column field="YZDZ" title="上海经营使用 一证多址" width="100"></vxe-column>
|
|
<vxe-column field="SQLX" title="申请类型" width="100"></vxe-column>
|
|
<vxe-column field="ENTITY_TYPE" title="主体类型" width="100"></vxe-column>
|
|
<vxe-column field="RELATION_CODE" title="相关许可证号" width="100"></vxe-column>
|
|
<vxe-column field="SALE_TYPE" title="售卖类型" width="100"></vxe-column>
|
|
<vxe-column field="ENTITY_TYPE_NAME" title="主体类型名称" width="100"></vxe-column>
|
|
<vxe-column field="CATER_START_TIME" title="食品许可证有效起日" width="100"></vxe-column>
|
|
<vxe-column field="CATER_END_TIME" title="食品许可证有效止日" width="100"></vxe-column>
|
|
<vxe-column field="AREA_ID" title="企业所在区" width="100"></vxe-column>
|
|
|
|
|
|
<vxe-column title="操作" width="100" show-overflow>
|
|
<template #default="{ row }">
|
|
<vxe-button type="text" icon="vxe-icon-edit" @click="editEvent(row)"></vxe-button>
|
|
<vxe-button type="text" icon="vxe-icon-delete" @click="removeEvent(row)"></vxe-button>
|
|
</template>
|
|
</vxe-column>
|
|
</vxe-table>
|
|
|
|
<vxe-pager :loading="loading1"
|
|
:current-page="tablePage1.currentPage"
|
|
:page-size="tablePage1.pageSize"
|
|
:total="tablePage1.totalResult"
|
|
:layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
@page-change="handlePageChange1">
|
|
</vxe-pager>
|
|
|
|
|
|
|
|
<vxe-modal v-model="showEdit" :title="selectRow ? '编辑&保存' : '新增&保存'" width="800" min-width="600" min-height="300" :loading="submitLoading" resize destroy-on-close>
|
|
<template #default>
|
|
<vxe-form :data="formData" :rules="formRules" title-align="right" title-width="100" @submit="submitEvent">
|
|
<div style="visibility:hidden">
|
|
|
|
<vxe-form-item field="ID" title="主键" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ID" placeholder="请输入ID"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SQID" title="关联ID" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SQID" placeholder="请输入SQID"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SQSXDM" title="申请事项代码" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SQSXDM" placeholder="请输入SQSXDM"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="XKZBH" title="许可证编号" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.XKZBH" placeholder="请输入XKZBH"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="FZJG" title="发证机构" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.FZJG" placeholder="请输入FZJG"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="YXQQ" title="有效期起" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.YXQQ" placeholder="请输入YXQQ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="YXQZ" title="有效期止" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.YXQZ" placeholder="请输入YXQZ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="JYZMC" title="经营者名称" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.JYZMC" placeholder="请输入JYZMC"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="JYCS" title="经营场所地址" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.JYCS" placeholder="请输入JYCS"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZS" title="住所地址" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZS" placeholder="请输入ZS"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="FDDBR_FZR" title="法定代表人，负责人" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.FDDBR_FZR" placeholder="请输入FDDBR_FZR"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SHXYDM" title="统一社会信用代码" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SHXYDM" placeholder="请输入SHXYDM"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZTYT" title="主体业态" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZTYT" placeholder="请输入ZTYT"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="JYXM" title="经营项目" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.JYXM" placeholder="请输入JYXM"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="RCJGJG" title="日常监管机构" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.RCJGJG" placeholder="请输入RCJGJG"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="RCJGRY" title="日常监管人员" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.RCJGRY" placeholder="请输入RCJGRY"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="QFR" title="签发人" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.QFR" placeholder="请输入QFR"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="QFSJ" title="签发时间" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.QFSJ" placeholder="请输入QFSJ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="XKZZT" title="证书状态" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.XKZZT" placeholder="请输入XKZZT"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZSZL" title="证书类型" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZSZL" placeholder="请输入ZSZL"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZXRQ" title="注销日期" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZXRQ" placeholder="请输入ZXRQ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SXRQ" title="失效日期" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SXRQ" placeholder="请输入SXRQ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SPLB" title="食品类别" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SPLB" placeholder="请输入SPLB"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SSSF" title="所属省份" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SSSF" placeholder="请输入SSSF"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SSS" title="所属市" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SSS" placeholder="请输入SSS"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SSQX" title="所属区县" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SSQX" placeholder="请输入SSQX"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="JYCSJD" title="所在街镇" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.JYCSJD" placeholder="请输入JYCSJD"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SCCPLBBM" title="生产产品类别编码" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SCCPLBBM" placeholder="请输入SCCPLBBM"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SQSXMC" title="小类名称" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SQSXMC" placeholder="请输入SQSXMC"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZZLX" title="证照类型" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZZLX" placeholder="请输入ZZLX"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="FRMC_ZW" title="法人中文名" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.FRMC_ZW" placeholder="请输入FRMC_ZW"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="FRMC_YW" title="法人英文名" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.FRMC_YW" placeholder="请输入FRMC_YW"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZCDZ_ZW" title="注册地址中文" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZCDZ_ZW" placeholder="请输入ZCDZ_ZW"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZCDZ_YW" title="注册地址英文" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZCDZ_YW" placeholder="请输入ZCDZ_YW"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SCDZ_ZW" title="生产地址中文" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SCDZ_ZW" placeholder="请输入SCDZ_ZW"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SCDZ_YW" title="生产地址英文" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SCDZ_YW" placeholder="请输入SCDZ_YW"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="CPFWLB" title="产品范围类别" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.CPFWLB" placeholder="请输入CPFWLB"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="CPFW_ZW" title="产品范围中文" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.CPFW_ZW" placeholder="请输入CPFW_ZW"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="CPFW_YW" title="产品范围英文" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.CPFW_YW" placeholder="请输入CPFW_YW"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="CJSJ" title="创建时间" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.CJSJ" placeholder="请输入CJSJ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="GXSJ" title="更新时间" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.GXSJ" placeholder="请输入GXSJ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="XKZWYID" title="许可证唯一ID" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.XKZWYID" placeholder="请输入XKZWYID"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SQCPLB" title="申请产品类别" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SQCPLB" placeholder="请输入SQCPLB"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SFSPZC" title="是否食品贮存" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SFSPZC" placeholder="请输入SFSPZC"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SPZCXQ" title="食品贮存详情" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SPZCXQ" placeholder="请输入SPZCXQ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SFSPYS" title="是否食品运输" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SFSPYS" placeholder="请输入SFSPYS"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SPYSXQ" title="食品运输详情" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SPYSXQ" placeholder="请输入SPYSXQ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZJHM" title="证件号码" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZJHM" placeholder="请输入ZJHM"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="WZMC" title="网站名称" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.WZMC" placeholder="请输入WZMC"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="YM" title="域名" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.YM" placeholder="请输入YM"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="DWDM" title="发证机关机构代码" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.DWDM" placeholder="请输入DWDM"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="BGNR" title="变更内容" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.BGNR" placeholder="请输入BGNR"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="XZLZ" title="新证老证" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.XZLZ" placeholder="请输入XZLZ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="JYXMDM" title="经营项目代码" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.JYXMDM" placeholder="请输入JYXMDM"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="RCJGJGMC" title="日常监管机构名称" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.RCJGJGMC" placeholder="请输入RCJGJGMC"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZTYTMC" title="主体业态名称" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZTYTMC" placeholder="请输入ZTYTMC"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SLJGMC" title="受理机构名称" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SLJGMC" placeholder="请输入SLJGMC"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="FZJGMC" title="发证机构名称" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.FZJGMC" placeholder="请输入FZJGMC"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZXYY" title="注销原因" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZXYY" placeholder="请输入ZXYY"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SCCPLBMC" title="生产产品类别名称" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SCCPLBMC" placeholder="请输入SCCPLBMC"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ZTYTDM" title="主体业态代码" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ZTYTDM" placeholder="请输入ZTYTDM"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="JTYCPSDW" title="集体用餐配送单位" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.JTYCPSDW" placeholder="请输入JTYCPSDW"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="YZDZ" title="上海经营使用 一证多址" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.YZDZ" placeholder="请输入YZDZ"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SQLX" title="申请类型" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SQLX" placeholder="请输入SQLX"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ENTITY_TYPE" title="主体类型" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ENTITY_TYPE" placeholder="请输入ENTITY_TYPE"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="RELATION_CODE" title="相关许可证号" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.RELATION_CODE" placeholder="请输入RELATION_CODE"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="SALE_TYPE" title="售卖类型" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.SALE_TYPE" placeholder="请输入SALE_TYPE"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="ENTITY_TYPE_NAME" title="主体类型名称" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.ENTITY_TYPE_NAME" placeholder="请输入ENTITY_TYPE_NAME"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="CATER_START_TIME" title="食品许可证有效起日" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.CATER_START_TIME" placeholder="请输入CATER_START_TIME"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item field="CATER_END_TIME" title="食品许可证有效止日" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.CATER_END_TIME" placeholder="请输入CATER_END_TIME"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
|
|
|
|
<vxe-form-item align="center" title-align="left" :span="24">
|
|
<template #default>
|
|
<vxe-button type="submit">提交</vxe-button>
|
|
<vxe-button type="reset">重置</vxe-button>
|
|
</template>
|
|
</vxe-form-item>
|
|
</vxe-form>
|
|
</template>
|
|
</vxe-modal>
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
<style>
|
|
</style>
|
|
|
|
|
|
<script>
|
|
|
|
///////////////////////////////////////////////////
|
|
//该部分是Vue应用封装
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
//=====================第四步的相关参数开始===================
|
|
submitLoading: false,
|
|
tableData: [],
|
|
//分页开始
|
|
loading1: false,
|
|
tablePage1: {
|
|
currentPage: 1,
|
|
pageSize: 10,
|
|
totalResult: 0,
|
|
},
|
|
//分页结束
|
|
|
|
selectRow: null,
|
|
showEdit: false,
|
|
//sexList: [
|
|
// { label: '女', value: '0' },
|
|
// { label: '男', value: '1' }
|
|
//],
|
|
formData: {
|
|
QUXIAN: null,
|
|
NIANFEN: null,
|
|
RENKOU: null,
|
|
DATASOURCE_NAME: null
|
|
},
|
|
formRules: {
|
|
//QUXIAN: [
|
|
// { required: true, message: '请输入名称' },
|
|
// { min: 3, max: 5, message: '长度在 3 到 5 个字符' }
|
|
//],
|
|
QUXIAN: [
|
|
{ required: true, message: '请输入地区名称' }
|
|
],
|
|
NIANFEN: [
|
|
{ required: true, message: '请输入年份' }
|
|
],
|
|
RENKOU: [
|
|
{ required: true, message: '请输入人口' }
|
|
],
|
|
DATASOURCE_NAME: [
|
|
{ required: true, message: '请输入数据来源' }
|
|
]
|
|
}
|
|
}
|
|
},
|
|
mounted() {
|
|
//var _this = this; //this指向vue
|
|
|
|
this.getData();
|
|
|
|
},
|
|
methods: {
|
|
|
|
//选择上传文件
|
|
handleFileUpload(event) {
|
|
this.file = event.target.files[0];
|
|
},
|
|
//上传操作
|
|
upload() {
|
|
const formData = new FormData();
|
|
formData.append('file', this.file);
|
|
|
|
axios.post('/renkou/ImportExcel', formData, {
|
|
headers: { 'Content-Type': 'multipart/form-data' },
|
|
params: { 'username': 'aaa', "FileName": Date.now(), module: 'renkoudata' }
|
|
})
|
|
.then(response => {
|
|
// 处理上传成功事件
|
|
this.getData();
|
|
})
|
|
.catch(error => {
|
|
// 处理上传失败事件
|
|
VXETable.modal.message({ content: '查询没有成功，请检查！', status: 'error' })
|
|
});
|
|
},
|
|
|
|
|
|
//获取数据，待改造
|
|
getData() {
|
|
var _this = this;
|
|
this.loading1 = true
|
|
axios.get(
|
|
//int page, int limit,
|
|
"./ShiPinShengChan/GetSearch?page=" + this.tablePage1.currentPage + "&limit=" + this.tablePage1.pageSize
|
|
).then((res) => {
|
|
console.log('aaaa', res);
|
|
if (res.data.msg == "success") {
|
|
//VXETable.modal.message({ content: '新增成功', status: 'success' })
|
|
//$table.insert(this.formData)
|
|
_this.loading1 = false;
|
|
this.tablePage1.totalResult = res.data.total
|
|
this.tableData=res.data.data
|
|
}
|
|
else {
|
|
VXETable.modal.message({ content: '查询没有成功，请检查！', status: 'error' })
|
|
}
|
|
});
|
|
},
|
|
//分页功能
|
|
handlePageChange1({ currentPage, pageSize }) {
|
|
this.tablePage1.currentPage = currentPage
|
|
this.tablePage1.pageSize = pageSize
|
|
this.getData()
|
|
},
|
|
//暂时未用
|
|
visibleMethod({ data }) {
|
|
return data.flag1 === 'Y'
|
|
},
|
|
//暂时未用
|
|
cellDBLClickEvent({ row }) {
|
|
this.editEvent(row)
|
|
},
|
|
//增加方法
|
|
insertEvent() {
|
|
this.formData = {
|
|
QUXIAN: '',
|
|
NIANFEN: '',
|
|
RENKOU: '',
|
|
DATASOURCE_NAME: ''
|
|
}
|
|
this.selectRow = null
|
|
this.showEdit = true
|
|
},
|
|
//修改方法
|
|
editEvent(row) {
|
|
this.formData = {
|
|
ID: row.ID,
|
|
SQID: row.SQID,
|
|
SQSXDM: row.SQSXDM,
|
|
XKZBH: row.XKZBH,
|
|
FZJG: row.FZJG,
|
|
YXQQ: row.YXQQ,
|
|
YXQZ: row.YXQZ,
|
|
JYZMC: row.JYZMC,
|
|
JYCS: row.JYCS,
|
|
ZS: row.ZS,
|
|
FDDBR_FZR: row.FDDBR_FZR,
|
|
SHXYDM: row.SHXYDM,
|
|
ZTYT: row.ZTYT,
|
|
JYXM: row.JYXM,
|
|
RCJGJG: row.RCJGJG,
|
|
RCJGRY: row.RCJGRY,
|
|
QFR: row.QFR,
|
|
QFSJ: row.QFSJ,
|
|
XKZZT: row.XKZZT,
|
|
ZSZL: row.ZSZL,
|
|
ZXRQ: row.ZXRQ,
|
|
SXRQ: row.SXRQ,
|
|
SPLB: row.SPLB,
|
|
SSSF: row.SSSF,
|
|
SSS: row.SSS,
|
|
SSQX: row.SSQX,
|
|
JYCSJD: row.JYCSJD,
|
|
SCCPLBBM: row.SCCPLBBM,
|
|
SQSXMC: row.SQSXMC,
|
|
ZZLX: row.ZZLX,
|
|
FRMC_ZW: row.FRMC_ZW,
|
|
FRMC_YW: row.FRMC_YW,
|
|
ZCDZ_ZW: row.ZCDZ_ZW,
|
|
ZCDZ_YW: row.ZCDZ_YW,
|
|
SCDZ_ZW: row.SCDZ_ZW,
|
|
SCDZ_YW: row.SCDZ_YW,
|
|
CPFWLB: row.CPFWLB,
|
|
CPFW_ZW: row.CPFW_ZW,
|
|
CPFW_YW: row.CPFW_YW,
|
|
CJSJ: row.CJSJ,
|
|
GXSJ: row.GXSJ,
|
|
XKZWYID: row.XKZWYID,
|
|
SQCPLB: row.SQCPLB,
|
|
SFSPZC: row.SFSPZC,
|
|
SPZCXQ: row.SPZCXQ,
|
|
SFSPYS: row.SFSPYS,
|
|
SPYSXQ: row.SPYSXQ,
|
|
ZJHM: row.ZJHM,
|
|
WZMC: row.WZMC,
|
|
YM: row.YM,
|
|
DWDM: row.DWDM,
|
|
BGNR: row.BGNR,
|
|
XZLZ: row.XZLZ,
|
|
JYXMDM: row.JYXMDM,
|
|
RCJGJGMC: row.RCJGJGMC,
|
|
ZTYTMC: row.ZTYTMC,
|
|
SLJGMC: row.SLJGMC,
|
|
FZJGMC: row.FZJGMC,
|
|
ZXYY: row.ZXYY,
|
|
SCCPLBMC: row.SCCPLBMC,
|
|
ZTYTDM: row.ZTYTDM,
|
|
JTYCPSDW: row.JTYCPSDW,
|
|
YZDZ: row.YZDZ,
|
|
SQLX: row.SQLX,
|
|
ENTITY_TYPE: row.ENTITY_TYPE,
|
|
RELATION_CODE: row.RELATION_CODE,
|
|
SALE_TYPE: row.SALE_TYPE,
|
|
ENTITY_TYPE_NAME: row.ENTITY_TYPE_NAME,
|
|
CATER_START_TIME: row.CATER_START_TIME,
|
|
CATER_END_TIME: row.CATER_END_TIME,
|
|
AREA_ID: row.AREA_ID
|
|
|
|
|
|
}
|
|
this.selectRow = row
|
|
this.showEdit = true
|
|
},
|
|
//异步删除方法
|
|
async removeEvent(row) {
|
|
const type = await VXETable.modal.confirm('您确定要删除该数据?')
|
|
const $table = this.$refs.xTable
|
|
if (type === 'confirm') {
|
|
|
|
console.log('remove', row);
|
|
axios.get(
|
|
"./RenKou/RemoveData?data=" + JSON.stringify(row)
|
|
).then((res) => {
|
|
if (res.data.msg == "success") {
|
|
VXETable.modal.message({ content: '删除成功', status: 'success' })
|
|
//Object.assign(this.selectRow, this.formData)
|
|
$table.remove(row)
|
|
} else {
|
|
VXETable.modal.message({ content: '删除没有成功', status: 'error' })
|
|
}
|
|
});
|
|
|
|
}
|
|
},
|
|
//提交操作方法
|
|
submitEvent() {
|
|
this.submitLoading = true
|
|
var _this = this; //this指向vue
|
|
setTimeout(() => {
|
|
const $table = this.$refs.xTable
|
|
this.submitLoading = false
|
|
this.showEdit = false
|
|
if (this.selectRow) {
|
|
console.log('数据', this.selectRow, this.formData);
|
|
axios.get(
|
|
"./RenKou/UpdateData?data=" + JSON.stringify(this.formData)
|
|
).then((res) => {
|
|
if (res.data.msg == "success") {
|
|
VXETable.modal.message({ content: '保存成功', status: 'success' })
|
|
Object.assign(this.selectRow, this.formData)
|
|
} else {
|
|
VXETable.modal.message({ content: '保存没有成功，请检查！', status: 'error' })
|
|
}
|
|
});
|
|
|
|
} else {
|
|
axios.get(
|
|
"./RenKou/AddData?data=" + JSON.stringify(this.formData)
|
|
).then((res) => {
|
|
console.log('aaaa',res);
|
|
if (res.data.msg == "success") {
|
|
VXETable.modal.message({ content: '新增成功', status: 'success' })
|
|
$table.insert(this.formData)
|
|
}
|
|
else {
|
|
VXETable.modal.message({ content: '新增没有成功，请检查！', status: 'error' })
|
|
}
|
|
});
|
|
|
|
}
|
|
}, 500)
|
|
},
|
|
// 导出操作
|
|
exportData() {
|
|
window.location.href = './PageCache/GenExportResult?name=人口数量数据&strsql=select QUXIAN as 地区名称,NIANFEN as 年份,RENKOU as 人口,DATASOURCE_NAME as 数据源 from RenKouData';
|
|
}
|
|
}
|
|
})
|
|
///////////////////////////////////////////////////
|
|
|
|
</script>
|