Showing
3 changed files
with
74 additions
and
84 deletions
| ... | @@ -335,7 +335,7 @@ export default { | ... | @@ -335,7 +335,7 @@ export default { |
| 335 | align: "left", | 335 | align: "left", |
| 336 | }, | 336 | }, |
| 337 | { | 337 | { |
| 338 | - name: "创建时间", | 338 | + name: "申报时间", |
| 339 | value: "createTime", | 339 | value: "createTime", |
| 340 | width: "", | 340 | width: "", |
| 341 | align: "left", | 341 | align: "left", | ... | ... |
| ... | @@ -289,9 +289,9 @@ | ... | @@ -289,9 +289,9 @@ |
| 289 | ></el-input> | 289 | ></el-input> |
| 290 | </Formitem> | 290 | </Formitem> |
| 291 | </el-col> | 291 | </el-col> |
| 292 | - <!-- 入库时间 --> | 292 | + <!-- 入库时间=>申报时间 --> |
| 293 | <el-col :span="3"> | 293 | <el-col :span="3"> |
| 294 | - <Formitem label="入库时间" prop="createTime"> | 294 | + <Formitem label="申报时间" prop="createTime"> |
| 295 | <el-input | 295 | <el-input |
| 296 | type="text" | 296 | type="text" |
| 297 | class="inputShadow" | 297 | class="inputShadow" | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | - <div style="background-color: #FFFFFF;height: 100%"> | 2 | + <div style="background-color: #ffffff; height: 100%"> |
| 3 | <div class="title"> | 3 | <div class="title"> |
| 4 | - <div> | 4 | + <div></div> |
| 5 | - </div> | 5 | + <div>汇总申报信息</div> |
| 6 | - <div> | ||
| 7 | - 汇总申报信息 | ||
| 8 | - </div> | ||
| 9 | </div> | 6 | </div> |
| 10 | <div class="content"> | 7 | <div class="content"> |
| 11 | <el-form | 8 | <el-form |
| ... | @@ -37,7 +34,7 @@ | ... | @@ -37,7 +34,7 @@ |
| 37 | </Formitem> | 34 | </Formitem> |
| 38 | </el-col> | 35 | </el-col> |
| 39 | <el-col :span="10"> | 36 | <el-col :span="10"> |
| 40 | - <Formitem label="申报地海关" prop="customsCode"> | 37 | + <Formitem label="清单申报地海关" prop="customsCode"> |
| 41 | <el-select | 38 | <el-select |
| 42 | type="text" | 39 | type="text" |
| 43 | id="inputInner--customsCode" | 40 | id="inputInner--customsCode" |
| ... | @@ -107,7 +104,7 @@ | ... | @@ -107,7 +104,7 @@ |
| 107 | value-format="yyyy-MM-dd" | 104 | value-format="yyyy-MM-dd" |
| 108 | range-separator="至" | 105 | range-separator="至" |
| 109 | @change="dateChange" | 106 | @change="dateChange" |
| 110 | - style="background-color: #f2f2f2;" | 107 | + style="background-color: #f2f2f2" |
| 111 | /> | 108 | /> |
| 112 | </Formitem> | 109 | </Formitem> |
| 113 | </el-col> | 110 | </el-col> |
| ... | @@ -151,75 +148,67 @@ | ... | @@ -151,75 +148,67 @@ |
| 151 | </el-form> | 148 | </el-form> |
| 152 | </div> | 149 | </div> |
| 153 | <div class="entrySave"> | 150 | <div class="entrySave"> |
| 154 | - <el-button | 151 | + <el-button class="entrySaveButton" @click="submit">提交</el-button> |
| 155 | - class="entrySaveButton" | 152 | + <el-button class="entrySaveButton" @click="cancel">取消</el-button> |
| 156 | - @click="submit" | ||
| 157 | - >提交</el-button | ||
| 158 | - > | ||
| 159 | - <el-button | ||
| 160 | - class="entrySaveButton" | ||
| 161 | - @click="cancel" | ||
| 162 | - >取消</el-button | ||
| 163 | - > | ||
| 164 | </div> | 153 | </div> |
| 165 | </div> | 154 | </div> |
| 166 | </template> | 155 | </template> |
| 167 | 156 | ||
| 168 | <script> | 157 | <script> |
| 169 | import { getCurrUserPortInfo } from "@/api/system/user.js"; | 158 | import { getCurrUserPortInfo } from "@/api/system/user.js"; |
| 170 | -import { getCustomerList} from "@/api/declareData-api.js"; | 159 | +import { getCustomerList } from "@/api/declareData-api.js"; |
| 171 | -import { getDictData } from '@/api/system/dict-api.js' | 160 | +import { getDictData } from "@/api/system/dict-api.js"; |
| 172 | import { declareSummaryApplication } from "@/api/exportSummary-api.js"; | 161 | import { declareSummaryApplication } from "@/api/exportSummary-api.js"; |
| 173 | export default { | 162 | export default { |
| 174 | name: "", | 163 | name: "", |
| 175 | data() { | 164 | data() { |
| 176 | return { | 165 | return { |
| 177 | - formRules:{ | 166 | + formRules: { |
| 178 | - portCode:[ | 167 | + portCode: [ |
| 179 | - { required: true, message: '请选择出口口岸', trigger: 'change' }, | 168 | + { required: true, message: "请选择出口口岸", trigger: "change" }, |
| 180 | ], | 169 | ], |
| 181 | - customsCode:[ | 170 | + customsCode: [ |
| 182 | - { required: true, message: '请选择申报地海关', trigger: 'change' }, | 171 | + { required: true, message: "请选择申报地海关", trigger: "change" }, |
| 183 | ], | 172 | ], |
| 184 | ebpcode: [ | 173 | ebpcode: [ |
| 185 | - { required: true, message: '请选择电商企业', trigger: 'change' }, | 174 | + { required: true, message: "请选择电商企业", trigger: "change" }, |
| 186 | ], | 175 | ], |
| 187 | declareType: [ | 176 | declareType: [ |
| 188 | - { required: true, message: '请选择申报方式', trigger: 'change' }, | 177 | + { required: true, message: "请选择申报方式", trigger: "change" }, |
| 189 | ], | 178 | ], |
| 190 | - time: [ | 179 | + time: [ |
| 191 | { | 180 | { |
| 192 | - type: 'array', | 181 | + type: "array", |
| 193 | required: true, | 182 | required: true, |
| 194 | - message: '请选择完整的日期区间', | 183 | + message: "请选择完整的日期区间", |
| 195 | - trigger: 'change' | 184 | + trigger: "change", |
| 196 | - } | 185 | + }, |
| 197 | ], | 186 | ], |
| 198 | summaryFlag: [ | 187 | summaryFlag: [ |
| 199 | - { required: true, message: '请选择发货人汇总', trigger: 'change' }, | 188 | + { required: true, message: "请选择发货人汇总", trigger: "change" }, |
| 200 | ], | 189 | ], |
| 201 | itemNameFlag: [ | 190 | itemNameFlag: [ |
| 202 | - { required: true, message: '请选择商品名汇总', trigger: 'change' }, | 191 | + { required: true, message: "请选择商品名汇总", trigger: "change" }, |
| 203 | ], | 192 | ], |
| 204 | }, | 193 | }, |
| 205 | - formData:{}, | 194 | + formData: {}, |
| 206 | - portInfo:[], | 195 | + portInfo: [], |
| 207 | - ebcDataList:[], | 196 | + ebcDataList: [], |
| 208 | - summaryFlag:[], | 197 | + summaryFlag: [], |
| 209 | - itemNameFlag:[], | 198 | + itemNameFlag: [], |
| 210 | - declareType:[] | 199 | + declareType: [], |
| 211 | }; | 200 | }; |
| 212 | }, | 201 | }, |
| 213 | created() { | 202 | created() { |
| 214 | - this.getCurrUserPortInfo() | 203 | + this.getCurrUserPortInfo(); |
| 215 | - this.getCustomerList() | 204 | + this.getCustomerList(); |
| 216 | - this.getSummaryFlag() | 205 | + this.getSummaryFlag(); |
| 217 | - this.getItemNameFlag() | 206 | + this.getItemNameFlag(); |
| 218 | - this.getDeclareType() | 207 | + this.getDeclareType(); |
| 219 | }, | 208 | }, |
| 220 | methods: { | 209 | methods: { |
| 221 | //获取当前用户的口岸信息 | 210 | //获取当前用户的口岸信息 |
| 222 | - getCurrUserPortInfo(){ | 211 | + getCurrUserPortInfo() { |
| 223 | getCurrUserPortInfo() | 212 | getCurrUserPortInfo() |
| 224 | .then((res) => { | 213 | .then((res) => { |
| 225 | if (res.code === "200") { | 214 | if (res.code === "200") { |
| ... | @@ -231,23 +220,24 @@ export default { | ... | @@ -231,23 +220,24 @@ export default { |
| 231 | }); | 220 | }); |
| 232 | }, | 221 | }, |
| 233 | //获取客户下拉列表数据 | 222 | //获取客户下拉列表数据 |
| 234 | - getCustomerList(){ | 223 | + getCustomerList() { |
| 235 | - getCustomerList().then(res =>{ | 224 | + getCustomerList() |
| 236 | - if (res.code == 200) { | 225 | + .then((res) => { |
| 237 | - this.ebcDataList = res.data.value | 226 | + if (res.code == 200) { |
| 238 | - } else { | 227 | + this.ebcDataList = res.data.value; |
| 239 | - this.ebcDataList = [] | 228 | + } else { |
| 240 | - } | 229 | + this.ebcDataList = []; |
| 241 | - | 230 | + } |
| 242 | - }).catch(err =>{ | 231 | + }) |
| 243 | - console.log(err) | 232 | + .catch((err) => { |
| 244 | - }) | 233 | + console.log(err); |
| 234 | + }); | ||
| 245 | }, | 235 | }, |
| 246 | //获取发货人下拉数据 | 236 | //获取发货人下拉数据 |
| 247 | - getSummaryFlag(){ | 237 | + getSummaryFlag() { |
| 248 | getDictData({ | 238 | getDictData({ |
| 249 | - doctCode: "SUMMARY_FLAG" | 239 | + doctCode: "SUMMARY_FLAG", |
| 250 | - }).then(res => { | 240 | + }).then((res) => { |
| 251 | if (res.code == 200) { | 241 | if (res.code == 200) { |
| 252 | this.summaryFlag = res.data; | 242 | this.summaryFlag = res.data; |
| 253 | } else { | 243 | } else { |
| ... | @@ -256,10 +246,10 @@ export default { | ... | @@ -256,10 +246,10 @@ export default { |
| 256 | }); | 246 | }); |
| 257 | }, | 247 | }, |
| 258 | //获取发货人下拉数据 | 248 | //获取发货人下拉数据 |
| 259 | - getItemNameFlag(){ | 249 | + getItemNameFlag() { |
| 260 | getDictData({ | 250 | getDictData({ |
| 261 | - doctCode: "ITEM_NAME_FLAG" | 251 | + doctCode: "ITEM_NAME_FLAG", |
| 262 | - }).then(res => { | 252 | + }).then((res) => { |
| 263 | if (res.code == 200) { | 253 | if (res.code == 200) { |
| 264 | this.itemNameFlag = res.data; | 254 | this.itemNameFlag = res.data; |
| 265 | } else { | 255 | } else { |
| ... | @@ -267,39 +257,39 @@ export default { | ... | @@ -267,39 +257,39 @@ export default { |
| 267 | } | 257 | } |
| 268 | }); | 258 | }); |
| 269 | }, | 259 | }, |
| 270 | - cancel(){ | 260 | + cancel() { |
| 271 | - this.$router.push("summaryDataSearch") | 261 | + this.$router.push("summaryDataSearch"); |
| 272 | }, | 262 | }, |
| 273 | - submit(){ | 263 | + submit() { |
| 274 | this.$refs.editForm.validate((valid) => { | 264 | this.$refs.editForm.validate((valid) => { |
| 275 | if (!valid) { | 265 | if (!valid) { |
| 276 | return; | 266 | return; |
| 277 | } | 267 | } |
| 278 | - declareSummaryApplication(this.formData).then(response => { | 268 | + declareSummaryApplication(this.formData).then((response) => { |
| 279 | - if(response.data){ | 269 | + if (response.data) { |
| 280 | this.msgSuccess("汇总申报成功"); | 270 | this.msgSuccess("汇总申报成功"); |
| 281 | - this.$router.push("summaryDataSearch") | 271 | + this.$router.push("summaryDataSearch"); |
| 282 | - }else { | 272 | + } else { |
| 283 | - this.msgError(response.message) | 273 | + this.msgError(response.message); |
| 284 | } | 274 | } |
| 285 | - }) | 275 | + }); |
| 286 | - }) | 276 | + }); |
| 287 | }, | 277 | }, |
| 288 | - dateChange(val){ | 278 | + dateChange(val) { |
| 289 | - this.formData.startTime = val[0] + ' 00:00:00' | 279 | + this.formData.startTime = val[0] + " 00:00:00"; |
| 290 | - this.formData.endTime = val[1] + ' 23:59:59' | 280 | + this.formData.endTime = val[1] + " 23:59:59"; |
| 291 | }, | 281 | }, |
| 292 | - getDeclareType(){ | 282 | + getDeclareType() { |
| 293 | getDictData({ | 283 | getDictData({ |
| 294 | - doctCode: "DECLARE_TYPE" | 284 | + doctCode: "DECLARE_TYPE", |
| 295 | - }).then(res => { | 285 | + }).then((res) => { |
| 296 | if (res.code == 200) { | 286 | if (res.code == 200) { |
| 297 | this.declareType = res.data; | 287 | this.declareType = res.data; |
| 298 | } else { | 288 | } else { |
| 299 | this.declareType = []; | 289 | this.declareType = []; |
| 300 | } | 290 | } |
| 301 | }); | 291 | }); |
| 302 | - } | 292 | + }, |
| 303 | }, | 293 | }, |
| 304 | }; | 294 | }; |
| 305 | </script> | 295 | </script> |
| ... | @@ -308,7 +298,7 @@ export default { | ... | @@ -308,7 +298,7 @@ export default { |
| 308 | .content { | 298 | .content { |
| 309 | margin-top: 50px; | 299 | margin-top: 50px; |
| 310 | } | 300 | } |
| 311 | -.title{ | 301 | +.title { |
| 312 | font-size: 23px; | 302 | font-size: 23px; |
| 313 | margin-left: 8%; | 303 | margin-left: 8%; |
| 314 | padding-top: 2%; | 304 | padding-top: 2%; | ... | ... |
-
Please register or login to post a comment