|
@@ -2,68 +2,68 @@
|
|
|
<cacp-search-layout>
|
|
<cacp-search-layout>
|
|
|
<template #search>
|
|
<template #search>
|
|
|
<cacp-search-panel-layout
|
|
<cacp-search-panel-layout
|
|
|
- :model="state.queryData"
|
|
|
|
|
- ref="queryFormRef"
|
|
|
|
|
- label-position="left"
|
|
|
|
|
- label-width="auto"
|
|
|
|
|
- :gutter="30"
|
|
|
|
|
- :colSpan="6"
|
|
|
|
|
|
|
+ :model="state.queryData"
|
|
|
|
|
+ ref="queryFormRef"
|
|
|
|
|
+ label-position="left"
|
|
|
|
|
+ label-width="auto"
|
|
|
|
|
+ :gutter="30"
|
|
|
|
|
+ :colSpan="6"
|
|
|
>
|
|
>
|
|
|
- <el-form-item label="主管海关" prop="customsCode">
|
|
|
|
|
|
|
+ <el-form-item label="主管海关" prop="customsCode" v-if = "state.isSelect">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.queryData.customsCode"
|
|
|
|
|
- placeholder="主管海关"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.queryData.customsCode"
|
|
|
|
|
+ placeholder="主管海关"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in dict.affiliation_customs_info"
|
|
|
|
|
- :key="item.dictValue"
|
|
|
|
|
- :label="item.dictLabel"
|
|
|
|
|
- :value="item.dictValue"
|
|
|
|
|
|
|
+ v-for="item in dict.affiliation_customs_info"
|
|
|
|
|
+ :key="item.dictValue"
|
|
|
|
|
+ :label="item.dictLabel"
|
|
|
|
|
+ :value="item.dictValue"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="出入境标志" prop="ieFlag">
|
|
<el-form-item label="出入境标志" prop="ieFlag">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.queryData.ieFlag"
|
|
|
|
|
- placeholder="出入境标志"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.queryData.ieFlag"
|
|
|
|
|
+ placeholder="出入境标志"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in dict.ie_flag"
|
|
|
|
|
- :key="item.dictValue"
|
|
|
|
|
- :label="item.dictLabel"
|
|
|
|
|
- :value="item.dictValue"
|
|
|
|
|
|
|
+ v-for="item in dict.ie_flag"
|
|
|
|
|
+ :key="item.dictValue"
|
|
|
|
|
+ :label="item.dictLabel"
|
|
|
|
|
+ :value="item.dictValue"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="申报时间">
|
|
<el-form-item label="申报时间">
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
|
- type="date"
|
|
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
|
|
- v-model="state.queryData.beginDate"
|
|
|
|
|
- placeholder="开始时间"
|
|
|
|
|
|
|
+ type="date"
|
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
|
|
+ v-model="state.queryData.beginDate"
|
|
|
|
|
+ placeholder="开始时间"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="到">
|
|
<el-form-item label="到">
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
|
- type="date"
|
|
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
|
|
- v-model="state.queryData.endDate"
|
|
|
|
|
- placeholder="结束时间"
|
|
|
|
|
|
|
+ type="date"
|
|
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
|
|
+ v-model="state.queryData.endDate"
|
|
|
|
|
+ placeholder="结束时间"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="危险品类型" prop="goodsType">
|
|
<el-form-item label="危险品类型" prop="goodsType">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.queryData.goodsType"
|
|
|
|
|
- placeholder="危险品类型"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.queryData.goodsType"
|
|
|
|
|
+ placeholder="危险品类型"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in dict.goods_type"
|
|
|
|
|
- :key="item.dictValue"
|
|
|
|
|
- :label="item.dictLabel"
|
|
|
|
|
- :value="item.dictValue"
|
|
|
|
|
|
|
+ v-for="item in dict.goods_type"
|
|
|
|
|
+ :key="item.dictValue"
|
|
|
|
|
+ :label="item.dictLabel"
|
|
|
|
|
+ :value="item.dictValue"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -75,48 +75,48 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<cacp-complex-table
|
|
<cacp-complex-table
|
|
|
- :actions="actions"
|
|
|
|
|
- :data="tableData"
|
|
|
|
|
- :pagination="tablePagination"
|
|
|
|
|
- :actionsWidth="120"
|
|
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
|
|
- @on-page-change="onPageChange"
|
|
|
|
|
- @on-size-change="onSizeChange"
|
|
|
|
|
- :loading="loading"
|
|
|
|
|
|
|
+ :actions="actions"
|
|
|
|
|
+ :data="tableData"
|
|
|
|
|
+ :pagination="tablePagination"
|
|
|
|
|
+ :actionsWidth="120"
|
|
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
|
|
+ @on-page-change="onPageChange"
|
|
|
|
|
+ @on-size-change="onSizeChange"
|
|
|
|
|
+ :loading="loading"
|
|
|
>
|
|
>
|
|
|
<el-table-column label="序号" property="index" width="60" align="center" >
|
|
<el-table-column label="序号" property="index" width="60" align="center" >
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
{{scope.$index + 1}}
|
|
{{scope.$index + 1}}
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column property="entryId" label="报关单号" width="120" :show-overflow-tooltip="true" />
|
|
|
|
|
- <el-table-column property="gno" label="商品序号" width="120" :show-overflow-tooltip="true" />
|
|
|
|
|
- <el-table-column property="iePort" label="进出境口岸" width="120" :show-overflow-tooltip="true" >
|
|
|
|
|
|
|
+ <el-table-column property="entryId" label="报关单号" width="160" :show-overflow-tooltip="true" />
|
|
|
|
|
+ <el-table-column property="gno" label="商品项号" width="80" :show-overflow-tooltip="true" />
|
|
|
|
|
+ <el-table-column property="iePort" label="进出境口岸" width="90" :show-overflow-tooltip="true" >
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
{{findOptionLabel(scope.row.iePort,portCodeList)}}
|
|
{{findOptionLabel(scope.row.iePort,portCodeList)}}
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<!-- <el-table-column property="declPort" label="申报口岸" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="declPort" label="申报口岸" width="120" :show-overflow-tooltip="true" />-->
|
|
|
- <el-table-column property="customsCode" label="主管海关" width="120" :show-overflow-tooltip="true" >
|
|
|
|
|
|
|
+ <el-table-column property="customsCode" label="主管海关" width="90" :show-overflow-tooltip="true" >
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
<dict-tag :options="dict.affiliation_customs_info" :dictValue="scope.row.customsCode" />
|
|
<dict-tag :options="dict.affiliation_customs_info" :dictValue="scope.row.customsCode" />
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column property="ieFlag" label="出入境标志" width="120" :show-overflow-tooltip="true" >
|
|
|
|
|
|
|
+ <el-table-column property="ieFlag" label="出入境标志" width="90" :show-overflow-tooltip="true" >
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
<dict-tag :options="dict.ie_flag" :dictValue="scope.row.ieFlag" />
|
|
<dict-tag :options="dict.ie_flag" :dictValue="scope.row.ieFlag" />
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column property="declDate" label="申报时间" width="180" :show-overflow-tooltip="true" >
|
|
|
|
|
|
|
+ <el-table-column property="declDate" label="申报时间" width="150" :show-overflow-tooltip="true" >
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- {{ dayjs(scope.row.declDate).format('YYYY-MM-DD HH:mm:ss') }}
|
|
|
|
|
|
|
+ {{ scope.row.declDate?dayjs(scope.row.declDate).format('YYYY-MM-DD HH:mm:ss'):'' }}
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<!-- <el-table-column property="consignScc" label="进口经营/出口生产企业代码" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="consignScc" label="进口经营/出口生产企业代码" width="120" :show-overflow-tooltip="true" />-->
|
|
|
- <el-table-column property="consignCode" label="进口经营/出口生产企业代码" width="120" :show-overflow-tooltip="true" />
|
|
|
|
|
- <el-table-column property="consignName" label="进口经营/出口生产企业名称" width="120" :show-overflow-tooltip="true" />
|
|
|
|
|
- <el-table-column property="codeTs" label="HS编号" width="120" :show-overflow-tooltip="true" />
|
|
|
|
|
- <el-table-column property="iqCode" label="CIQ编码" width="120" :show-overflow-tooltip="true" />
|
|
|
|
|
|
|
+ <el-table-column property="consignCode" label="进口经营/出口生产企业代码" width="190" />
|
|
|
|
|
+ <el-table-column property="consignName" label="进口经营/出口生产企业名称" width="190" :show-overflow-tooltip="true" />
|
|
|
|
|
+ <el-table-column property="codeTs" label="HS编号" width="100" />
|
|
|
|
|
+ <el-table-column property="iqCode" label="CIQ编码" width="120" />
|
|
|
<el-table-column property="gname" label="商品名称" width="120" :show-overflow-tooltip="true" />
|
|
<el-table-column property="gname" label="商品名称" width="120" :show-overflow-tooltip="true" />
|
|
|
<!-- <el-table-column property="iqGName" label="报检名称" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="iqGName" label="报检名称" width="120" :show-overflow-tooltip="true" />-->
|
|
|
<!-- <el-table-column property="gNameFn" label="商品英文名称" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="gNameFn" label="商品英文名称" width="120" :show-overflow-tooltip="true" />-->
|
|
@@ -151,7 +151,7 @@
|
|
|
<!-- <el-table-column property="productBrand" label="货物品牌" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="productBrand" label="货物品牌" width="120" :show-overflow-tooltip="true" />-->
|
|
|
<!-- <el-table-column property="productDate" label="生产日期" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="productDate" label="生产日期" width="120" :show-overflow-tooltip="true" />-->
|
|
|
<!-- <el-table-column property="productBatch" label="生产批次" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="productBatch" label="生产批次" width="120" :show-overflow-tooltip="true" />-->
|
|
|
- <el-table-column property="ungid" label="UN编码" width="120" :show-overflow-tooltip="true" />
|
|
|
|
|
|
|
+ <el-table-column property="ungid" label="UN编码" width="70" />
|
|
|
<!-- <el-table-column property="ungFlag" label="非危险化学品" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="ungFlag" label="非危险化学品" width="120" :show-overflow-tooltip="true" />-->
|
|
|
<!-- <el-table-column property="ungModel" label="危包规格" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="ungModel" label="危包规格" width="120" :show-overflow-tooltip="true" />-->
|
|
|
<!-- <el-table-column property="ungClassify" label="危包类别" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="ungClassify" label="危包类别" width="120" :show-overflow-tooltip="true" />-->
|
|
@@ -162,8 +162,8 @@
|
|
|
<!-- <el-table-column property="gCertFlag" label="每项商品需要监管证件" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="gCertFlag" label="每项商品需要监管证件" width="120" :show-overflow-tooltip="true" />-->
|
|
|
<!-- <el-table-column property="mnufctrRegno" label="生产单位注册号" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="mnufctrRegno" label="生产单位注册号" width="120" :show-overflow-tooltip="true" />-->
|
|
|
<!-- <el-table-column property="createTime" label="创建时间" width="120" :show-overflow-tooltip="true" />-->
|
|
<!-- <el-table-column property="createTime" label="创建时间" width="120" :show-overflow-tooltip="true" />-->
|
|
|
- <el-table-column property="cas" label="CAS号" width="120" :show-overflow-tooltip="true" />
|
|
|
|
|
- <el-table-column property="goodsType" label="危险品类型" width="120" :show-overflow-tooltip="true" >
|
|
|
|
|
|
|
+ <el-table-column property="cas" label="CAS号" width="100" />
|
|
|
|
|
+ <el-table-column property="goodsType" label="危险品类型" width="120" >
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
<dict-tag :options="dict.goods_type" :whole-match="true" :dictValue="scope.row.goodsType" />
|
|
<dict-tag :options="dict.goods_type" :whole-match="true" :dictValue="scope.row.goodsType" />
|
|
|
</template>
|
|
</template>
|
|
@@ -173,20 +173,20 @@
|
|
|
|
|
|
|
|
<!--新增、编辑弹框-->
|
|
<!--新增、编辑弹框-->
|
|
|
<cacp-dialog
|
|
<cacp-dialog
|
|
|
- v-model="state.dialogVisible"
|
|
|
|
|
- :resizable="false"
|
|
|
|
|
- :title="state.title"
|
|
|
|
|
- width="70%"
|
|
|
|
|
- @closed="onDialogClosed"
|
|
|
|
|
|
|
+ v-model="state.dialogVisible"
|
|
|
|
|
+ :resizable="false"
|
|
|
|
|
+ :title="state.title"
|
|
|
|
|
+ width="70%"
|
|
|
|
|
+ @closed="onDialogClosed"
|
|
|
>
|
|
>
|
|
|
<el-form
|
|
<el-form
|
|
|
- :model="state.formData"
|
|
|
|
|
- ref="dialogFormRef"
|
|
|
|
|
- :rules="infoRules"
|
|
|
|
|
- label-width="auto"
|
|
|
|
|
- label-position="left"
|
|
|
|
|
- :disabled="!state.isEdit"
|
|
|
|
|
- style="max-height: 60vh; overflow-y: auto; padding-right: 10px;"
|
|
|
|
|
|
|
+ :model="state.formData"
|
|
|
|
|
+ ref="dialogFormRef"
|
|
|
|
|
+ :rules="infoRules"
|
|
|
|
|
+ label-width="auto"
|
|
|
|
|
+ label-position="left"
|
|
|
|
|
+ :disabled="!state.isEdit"
|
|
|
|
|
+ style="max-height: 60vh; overflow-y: auto; padding-right: 10px;"
|
|
|
>
|
|
>
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -204,15 +204,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="进出境口岸" prop="iePort">
|
|
<el-form-item label="进出境口岸" prop="iePort">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.iePort"
|
|
|
|
|
- placeholder="进出境口岸"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.iePort"
|
|
|
|
|
+ placeholder="进出境口岸"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="(item,index) in portCodeList"
|
|
|
|
|
- :key="getOptionKey(item,index)"
|
|
|
|
|
- :label="getOptionLabel(item)"
|
|
|
|
|
- :value="getOptionValue(item)"
|
|
|
|
|
|
|
+ v-for="(item,index) in portCodeList"
|
|
|
|
|
+ :key="getOptionKey(item,index)"
|
|
|
|
|
+ :label="getOptionLabel(item)"
|
|
|
|
|
+ :value="getOptionValue(item)"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -220,15 +220,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="主管海关" prop="customsCode">
|
|
<el-form-item label="主管海关" prop="customsCode">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.customsCode"
|
|
|
|
|
- placeholder="主管海关"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.customsCode"
|
|
|
|
|
+ placeholder="主管海关"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in dict.affiliation_customs_info"
|
|
|
|
|
- :key="item.dictValue"
|
|
|
|
|
- :label="item.dictLabel"
|
|
|
|
|
- :value="item.dictValue"
|
|
|
|
|
|
|
+ v-for="item in dict.affiliation_customs_info"
|
|
|
|
|
+ :key="item.dictValue"
|
|
|
|
|
+ :label="item.dictLabel"
|
|
|
|
|
+ :value="item.dictValue"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -237,15 +237,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="出入境标志" prop="ieFlag">
|
|
<el-form-item label="出入境标志" prop="ieFlag">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.ieFlag"
|
|
|
|
|
- placeholder="请输入出入境标志"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.ieFlag"
|
|
|
|
|
+ placeholder="请输入出入境标志"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in dict.ie_flag"
|
|
|
|
|
- :key="item.dictValue"
|
|
|
|
|
- :label="item.dictLabel"
|
|
|
|
|
- :value="item.dictValue"
|
|
|
|
|
|
|
+ v-for="item in dict.ie_flag"
|
|
|
|
|
+ :key="item.dictValue"
|
|
|
|
|
+ :label="item.dictLabel"
|
|
|
|
|
+ :value="item.dictValue"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -253,11 +253,11 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="申报时间" prop="declDate">
|
|
<el-form-item label="申报时间" prop="declDate">
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
|
- style="width:100%"
|
|
|
|
|
- type="datetime"
|
|
|
|
|
- value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
- v-model="state.formData.declDate"
|
|
|
|
|
- placeholder="请输入申报时间"
|
|
|
|
|
|
|
+ style="width:100%"
|
|
|
|
|
+ type="datetime"
|
|
|
|
|
+ value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
+ v-model="state.formData.declDate"
|
|
|
|
|
+ placeholder="请输入申报时间"
|
|
|
/>
|
|
/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
@@ -365,15 +365,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="法定第一计量单位" prop="unit1">
|
|
<el-form-item label="法定第一计量单位" prop="unit1">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.unit1"
|
|
|
|
|
- placeholder="请输入法定第一计量单位"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.unit1"
|
|
|
|
|
+ placeholder="请输入法定第一计量单位"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="(item,index) in unitsCodeList"
|
|
|
|
|
- :key="getOptionKey(item,index)"
|
|
|
|
|
- :label="getOptionLabel(item)"
|
|
|
|
|
- :value="getOptionValue(item)"
|
|
|
|
|
|
|
+ v-for="(item,index) in unitsCodeList"
|
|
|
|
|
+ :key="getOptionKey(item,index)"
|
|
|
|
|
+ :label="getOptionLabel(item)"
|
|
|
|
|
+ :value="getOptionValue(item)"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -387,15 +387,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="第二计量单位" prop="unit2">
|
|
<el-form-item label="第二计量单位" prop="unit2">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.unit2"
|
|
|
|
|
- placeholder="请输入第二计量单位"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.unit2"
|
|
|
|
|
+ placeholder="请输入第二计量单位"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="(item,index) in unitsCodeList"
|
|
|
|
|
- :key="getOptionKey(item,index)"
|
|
|
|
|
- :label="getOptionLabel(item)"
|
|
|
|
|
- :value="getOptionValue(item)"
|
|
|
|
|
|
|
+ v-for="(item,index) in unitsCodeList"
|
|
|
|
|
+ :key="getOptionKey(item,index)"
|
|
|
|
|
+ :label="getOptionLabel(item)"
|
|
|
|
|
+ :value="getOptionValue(item)"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -449,15 +449,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="原产国" prop="originCountry">
|
|
<el-form-item label="原产国" prop="originCountry">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.originCountry"
|
|
|
|
|
- placeholder="请输入原产国"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.originCountry"
|
|
|
|
|
+ placeholder="请输入原产国"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="(item,index) in countryCodeList"
|
|
|
|
|
- :key="getOptionKey(item,index)"
|
|
|
|
|
- :label="getOptionLabel(item)"
|
|
|
|
|
- :value="getOptionValue(item)"
|
|
|
|
|
|
|
+ v-for="(item,index) in countryCodeList"
|
|
|
|
|
+ :key="getOptionKey(item,index)"
|
|
|
|
|
+ :label="getOptionLabel(item)"
|
|
|
|
|
+ :value="getOptionValue(item)"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -470,15 +470,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="最终目的国" prop="destCountry">
|
|
<el-form-item label="最终目的国" prop="destCountry">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.destCountry"
|
|
|
|
|
- placeholder="请输入最终目的国"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.destCountry"
|
|
|
|
|
+ placeholder="请输入最终目的国"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="(item,index) in countryCodeList"
|
|
|
|
|
- :key="getOptionKey(item,index)"
|
|
|
|
|
- :label="getOptionLabel(item)"
|
|
|
|
|
- :value="getOptionValue(item)"
|
|
|
|
|
|
|
+ v-for="(item,index) in countryCodeList"
|
|
|
|
|
+ :key="getOptionKey(item,index)"
|
|
|
|
|
+ :label="getOptionLabel(item)"
|
|
|
|
|
+ :value="getOptionValue(item)"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -494,15 +494,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="目的地/货源地" prop="iqIeDistrictCode">
|
|
<el-form-item label="目的地/货源地" prop="iqIeDistrictCode">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.iqIeDistrictCode"
|
|
|
|
|
- placeholder="请输入目的地/货源地"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.iqIeDistrictCode"
|
|
|
|
|
+ placeholder="请输入目的地/货源地"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="(item,index) in countryCodeList"
|
|
|
|
|
- :key="getOptionKey(item,index)"
|
|
|
|
|
- :label="getOptionLabel(item)"
|
|
|
|
|
- :value="getOptionValue(item)"
|
|
|
|
|
|
|
+ v-for="(item,index) in countryCodeList"
|
|
|
|
|
+ :key="getOptionKey(item,index)"
|
|
|
|
|
+ :label="getOptionLabel(item)"
|
|
|
|
|
+ :value="getOptionValue(item)"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -545,15 +545,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="非危险化学品" prop="ungFlag">
|
|
<el-form-item label="非危险化学品" prop="ungFlag">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.ungFlag"
|
|
|
|
|
- placeholder="请输入非危险化学品"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.ungFlag"
|
|
|
|
|
+ placeholder="请输入非危险化学品"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in dict.yes_no"
|
|
|
|
|
- :key="item.dictValue"
|
|
|
|
|
- :label="item.dictLabel"
|
|
|
|
|
- :value="item.dictValue"
|
|
|
|
|
|
|
+ v-for="item in dict.yes_no"
|
|
|
|
|
+ :key="item.dictValue"
|
|
|
|
|
+ :label="item.dictLabel"
|
|
|
|
|
+ :value="item.dictValue"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -616,15 +616,15 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="危险品类型" prop="goodsType">
|
|
<el-form-item label="危险品类型" prop="goodsType">
|
|
|
<el-select
|
|
<el-select
|
|
|
- v-model="state.formData.goodsType"
|
|
|
|
|
- placeholder="请输入危险品类型"
|
|
|
|
|
- clearable
|
|
|
|
|
|
|
+ v-model="state.formData.goodsType"
|
|
|
|
|
+ placeholder="请输入危险品类型"
|
|
|
|
|
+ clearable
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
- v-for="item in dict.goods_type"
|
|
|
|
|
- :key="item.dictValue"
|
|
|
|
|
- :label="item.dictLabel"
|
|
|
|
|
- :value="item.dictValue"
|
|
|
|
|
|
|
+ v-for="item in dict.goods_type"
|
|
|
|
|
+ :key="item.dictValue"
|
|
|
|
|
+ :label="item.dictLabel"
|
|
|
|
|
+ :value="item.dictValue"
|
|
|
/>
|
|
/>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -640,18 +640,18 @@
|
|
|
</cacp-dialog>
|
|
</cacp-dialog>
|
|
|
<!--查看弹框-->
|
|
<!--查看弹框-->
|
|
|
<cacp-dialog
|
|
<cacp-dialog
|
|
|
- v-model="state.viewDialogVisible"
|
|
|
|
|
- :resizable="false"
|
|
|
|
|
- :title="state.viewTitle"
|
|
|
|
|
- width="70%"
|
|
|
|
|
- @closed="onDialogClosed"
|
|
|
|
|
|
|
+ v-model="state.viewDialogVisible"
|
|
|
|
|
+ :resizable="false"
|
|
|
|
|
+ :title="state.viewTitle"
|
|
|
|
|
+ width="70%"
|
|
|
|
|
+ @closed="onDialogClosed"
|
|
|
>
|
|
>
|
|
|
<el-form
|
|
<el-form
|
|
|
- :model="state.viewForm"
|
|
|
|
|
- ref="dialogFormRef"
|
|
|
|
|
- label-width="auto"
|
|
|
|
|
- label-position="left"
|
|
|
|
|
- style="max-height: 60vh; overflow-y: auto; padding-right: 10px;"
|
|
|
|
|
|
|
+ :model="state.viewForm"
|
|
|
|
|
+ ref="dialogFormRef"
|
|
|
|
|
+ label-width="auto"
|
|
|
|
|
+ label-position="left"
|
|
|
|
|
+ style="max-height: 60vh; overflow-y: auto; padding-right: 10px;"
|
|
|
>
|
|
>
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -887,7 +887,7 @@
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="生产日期" prop="productDate">
|
|
<el-form-item label="生产日期" prop="productDate">
|
|
|
{{state.viewForm.productDate}}
|
|
{{state.viewForm.productDate}}
|
|
|
-<!-- {{ dayjs(state.viewForm.productDate).format('YYYY-MM-DD HH:mm:ss') }}-->
|
|
|
|
|
|
|
+ <!-- {{ dayjs(state.viewForm.productDate).format('YYYY-MM-DD HH:mm:ss') }}-->
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -1008,6 +1008,8 @@ import { useDictType } from '@/components/useDict'
|
|
|
import DictTag from '@/components/DictTag/dictTag.vue'
|
|
import DictTag from '@/components/DictTag/dictTag.vue'
|
|
|
const { dict } = useDictType('affiliation_customs_info','goods_type','yes_no','ie_flag')
|
|
const { dict } = useDictType('affiliation_customs_info','goods_type','yes_no','ie_flag')
|
|
|
import { findOptionLabel, getOptionKey, getOptionLabel, getOptionValue } from '@/utils/jsonObjectOptionUtils'
|
|
import { findOptionLabel, getOptionKey, getOptionLabel, getOptionValue } from '@/utils/jsonObjectOptionUtils'
|
|
|
|
|
+import { useCoreStore } from '@/stores'
|
|
|
|
|
+const coreStore = useCoreStore()
|
|
|
// 表单引用
|
|
// 表单引用
|
|
|
const queryFormRef = ref<SearchPanelLayoutInstance>()
|
|
const queryFormRef = ref<SearchPanelLayoutInstance>()
|
|
|
const dialogFormRef = ref<FormInstance>()
|
|
const dialogFormRef = ref<FormInstance>()
|
|
@@ -1029,6 +1031,7 @@ interface State {
|
|
|
title: string
|
|
title: string
|
|
|
isEdit: boolean
|
|
isEdit: boolean
|
|
|
dialogVisible: boolean
|
|
dialogVisible: boolean
|
|
|
|
|
+ isSelect: boolean
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
const state = reactive<State>({
|
|
const state = reactive<State>({
|
|
@@ -1165,6 +1168,7 @@ const state = reactive<State>({
|
|
|
title: '',
|
|
title: '',
|
|
|
isEdit: false,
|
|
isEdit: false,
|
|
|
dialogVisible: false,
|
|
dialogVisible: false,
|
|
|
|
|
+ isSelect: false,
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
// 表单验证规则
|
|
// 表单验证规则
|
|
@@ -1208,15 +1212,15 @@ const actions = <Array<TableAction>>[
|
|
|
// limit: permissionStatus('none', 'ANALYZE_NEWDECLAREDGOODS_DELETE_BT'),
|
|
// limit: permissionStatus('none', 'ANALYZE_NEWDECLAREDGOODS_DELETE_BT'),
|
|
|
// type: 'primary'
|
|
// type: 'primary'
|
|
|
// },
|
|
// },
|
|
|
- {
|
|
|
|
|
- key: 'refresh',
|
|
|
|
|
- type: 'primary',
|
|
|
|
|
- text: '刷新',
|
|
|
|
|
- onclick: onRefresh,
|
|
|
|
|
- limit: 'none',
|
|
|
|
|
- position: 'left',
|
|
|
|
|
- plain: true
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ // {
|
|
|
|
|
+ // key: 'refresh',
|
|
|
|
|
+ // type: 'primary',
|
|
|
|
|
+ // text: '刷新',
|
|
|
|
|
+ // onclick: onRefresh,
|
|
|
|
|
+ // limit: 'none',
|
|
|
|
|
+ // position: 'left',
|
|
|
|
|
+ // plain: true
|
|
|
|
|
+ // }
|
|
|
]
|
|
]
|
|
|
|
|
|
|
|
// 选中项的 ID 数组
|
|
// 选中项的 ID 数组
|
|
@@ -1265,8 +1269,8 @@ const loadBaseData = async () => {
|
|
|
// 多选框选中数据
|
|
// 多选框选中数据
|
|
|
function handleSelectionChange(selection: NewDeclaredGoods[]) {
|
|
function handleSelectionChange(selection: NewDeclaredGoods[]) {
|
|
|
ids.value = selection
|
|
ids.value = selection
|
|
|
- .map(item => item.id)
|
|
|
|
|
- .filter((id): id is string => id != null && id !== undefined)
|
|
|
|
|
|
|
+ .map(item => item.id)
|
|
|
|
|
+ .filter((id): id is string => id != null && id !== undefined)
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// 搜索方法
|
|
// 搜索方法
|
|
@@ -1368,19 +1372,6 @@ function resetForm() {
|
|
|
dialogFormRef.value?.resetFields()
|
|
dialogFormRef.value?.resetFields()
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-// 刷新方法
|
|
|
|
|
-function onRefresh() {
|
|
|
|
|
- onReset()
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-// 新增
|
|
|
|
|
-/*function onCreate() {
|
|
|
|
|
- resetForm()
|
|
|
|
|
- state.dialogVisible = true
|
|
|
|
|
- state.isEdit = true
|
|
|
|
|
- state.title = '新增新申报商品提示'
|
|
|
|
|
-}*/
|
|
|
|
|
-
|
|
|
|
|
// 查看
|
|
// 查看
|
|
|
function onView(row: NewDeclaredGoods) {
|
|
function onView(row: NewDeclaredGoods) {
|
|
|
state.viewForm = { ...row }
|
|
state.viewForm = { ...row }
|
|
@@ -1388,48 +1379,6 @@ function onView(row: NewDeclaredGoods) {
|
|
|
state.viewTitle = '查看新申报商品提示详情'
|
|
state.viewTitle = '查看新申报商品提示详情'
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-// 编辑
|
|
|
|
|
-/*async function onEdit(row: NewDeclaredGoods) {
|
|
|
|
|
- const res = await getDetail(row.id)
|
|
|
|
|
- console.log(res);
|
|
|
|
|
- if (res.code === SuccessResultCode) {
|
|
|
|
|
- state.formData = res.data
|
|
|
|
|
- state.dialogVisible = true
|
|
|
|
|
- state.isEdit = true
|
|
|
|
|
- state.title = '修改新申报商品提示'
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error(res.message || '数据获取异常')
|
|
|
|
|
- }
|
|
|
|
|
-}*/
|
|
|
|
|
-
|
|
|
|
|
-// 删除
|
|
|
|
|
-/*async function onDelete(row: NewDeclaredGoods) {
|
|
|
|
|
- const deleteIds = row.ID || ids.value
|
|
|
|
|
- if (!deleteIds || deleteIds.length === 0) {
|
|
|
|
|
- ElMessage.warning('请选择要删除的数据')
|
|
|
|
|
- return
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- try {
|
|
|
|
|
- await ElMessageBox.confirm('确定要删除选中的新申报商品提示吗?', '提示', {
|
|
|
|
|
- confirmButtonText: '确定',
|
|
|
|
|
- cancelButtonText: '取消',
|
|
|
|
|
- type: 'warning'
|
|
|
|
|
- })
|
|
|
|
|
-
|
|
|
|
|
- const res = await remove(deleteIds)
|
|
|
|
|
- if (res.code === SuccessResultCode) {
|
|
|
|
|
- ElMessage.success('删除成功')
|
|
|
|
|
- onPageChange(1)
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error(res.message || '删除失败')
|
|
|
|
|
- }
|
|
|
|
|
- } catch{
|
|
|
|
|
- // 用户取消删除
|
|
|
|
|
- }
|
|
|
|
|
-}*/
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
// 新增/修改提交
|
|
// 新增/修改提交
|
|
|
async function onSubmit() {
|
|
async function onSubmit() {
|
|
|
if (!dialogFormRef.value) return
|
|
if (!dialogFormRef.value) return
|
|
@@ -1462,6 +1411,13 @@ async function onSubmit() {
|
|
|
|
|
|
|
|
// 数据查询
|
|
// 数据查询
|
|
|
async function onLoadData() {
|
|
async function onLoadData() {
|
|
|
|
|
+ const loginCustomsCode = coreStore.currentUser.customsCode;
|
|
|
|
|
+ if("4700" === loginCustomsCode){
|
|
|
|
|
+ state.isSelect = true;
|
|
|
|
|
+ }else{
|
|
|
|
|
+ state.queryData.customsCode = loginCustomsCode;
|
|
|
|
|
+ state.isSelect = false;
|
|
|
|
|
+ }
|
|
|
setLoading(true)
|
|
setLoading(true)
|
|
|
try {
|
|
try {
|
|
|
const query = {
|
|
const query = {
|