12 changed files with 286 additions and 44 deletions
@ -0,0 +1,42 @@ |
|||
export default { |
|||
searchFields: [ |
|||
{ |
|||
name: '附加编码', |
|||
value: 'additionalCode', |
|||
type: 'input', |
|||
isFixed: true, |
|||
span: 3 |
|||
}, |
|||
{ |
|||
name: '语言类别', |
|||
value: 'cultureCode', |
|||
type: 'select', |
|||
optionsKey: 'GLOBAL_TARIFF_LANGUAGE_TYPE', |
|||
isFixed: true, |
|||
span: 3 |
|||
} |
|||
], |
|||
columns:[ |
|||
{ |
|||
label: '附加编码', |
|||
prop: 'additionalCode', |
|||
'width': 130, |
|||
}, |
|||
{ |
|||
label: '附加编码类型', |
|||
prop: 'additionalCodeType', |
|||
'width': 130, |
|||
}, |
|||
{ |
|||
label: '附加编码说明', |
|||
prop: 'codeDescription', |
|||
'min-width': 160, |
|||
}, |
|||
{ |
|||
label: '语言类别', |
|||
prop: 'cultureCode', |
|||
'width': 130, |
|||
}, |
|||
] |
|||
|
|||
} |
|||
@ -0,0 +1,158 @@ |
|||
<template> |
|||
<md-dialog |
|||
:close-on-click-modal="false" |
|||
:title="title" |
|||
:fullscreen="false" |
|||
:visible.sync="dialogVisible" |
|||
append-to-body |
|||
width="800px" |
|||
> <div class="table-page-search-wrapper"> |
|||
<w-form @keyup.enter.native="searchQueryHandle" layout="inline"> |
|||
<w-row :gutter="10"> |
|||
<w-col :span="5" v-for="i in config.searchFields" :key="i.value"> |
|||
<w-input v-if="i.type === 'input'" v-model="queryParam[i.value]" :placeholder="i.placeholder || i.name" /> |
|||
<md-select v-if="i.type === 'select'" v-model="queryParam[i.value]" :placeholder="i.placeholder || i.name" filterable clearable> |
|||
<md-option |
|||
v-for="item in optionsData[i.optionsKey] || {}" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</md-option> |
|||
</md-select> |
|||
</w-col> |
|||
<w-col :span="8" style="justify-content:flex-end"> |
|||
<span style="float: right; overflow: hidden" class="table-page-search-submitButtons"> |
|||
<w-button @click="searchQueryHandle" type="primary" icon="search">查询</w-button> |
|||
<w-button @click="searchResetHandle" type="primary" style="margin-left: 8px">重置</w-button> |
|||
</span> |
|||
</w-col> |
|||
</w-row> |
|||
</w-form> |
|||
</div> |
|||
<md-table :data="tableData" border size="mini" style="width: 100%" @row-dblclick="rowDblclick"> |
|||
<md-table-column v-for="col in config.columns" :key="col.prop" :prop="col.prop" :label="col.label" v-bind="{ ...$attrs }"></md-table-column> |
|||
</md-table> |
|||
</md-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import { postAction, getAction } from '@/api/manage'; |
|||
import config from './additionCode'; |
|||
import lodash from 'lodash'; |
|||
export default { |
|||
data() { |
|||
return { |
|||
config, |
|||
queryParam:{}, |
|||
modelData:{}, |
|||
tableData:[], |
|||
tableDataBackup:[], |
|||
dialogVisible: false, |
|||
optionsData:{}, |
|||
title: '' |
|||
}; |
|||
}, |
|||
methods: { |
|||
searchQueryHandle(){ |
|||
const { additionalCode, cultureCode } = this.queryParam; |
|||
if (additionalCode && isNaN(additionalCode)) { |
|||
this.$MdMessage({ |
|||
message: '附加编码只能输入数字', |
|||
type: 'warning' |
|||
}); |
|||
return; |
|||
} |
|||
if (additionalCode && String(additionalCode).length > 6) { |
|||
this.$MdMessage({ |
|||
message: '附加编码不能超过6位', |
|||
type: 'warning' |
|||
}); |
|||
return; |
|||
} |
|||
if( additionalCode || cultureCode) { |
|||
const filterData = this.tableDataBackup.filter(item => { |
|||
// 处理 additionalCode |
|||
let additionalCodeMatch = true; |
|||
if (!lodash.isEmpty(additionalCode)) { |
|||
// 只有当筛选条件有值时才进行匹配 |
|||
additionalCodeMatch = item.additionalCode === additionalCode; |
|||
} |
|||
|
|||
// 处理 cultureCode |
|||
let cultureCodeMatch = true; |
|||
if (!lodash.isEmpty(cultureCode)) { |
|||
// 只有当筛选条件有值时才进行匹配 |
|||
cultureCodeMatch = item.cultureCode === cultureCode; |
|||
} |
|||
|
|||
return additionalCodeMatch && cultureCodeMatch; |
|||
}); |
|||
this.tableData = filterData; |
|||
} else { |
|||
this.tableData = this.tableDataBackup; |
|||
} |
|||
}, |
|||
searchResetHandle(){ |
|||
this.queryParam = {}; |
|||
this.tableData = this.tableDataBackup; |
|||
}, |
|||
show({data}){ |
|||
if(!data.hsCode){ |
|||
this.$message.warning('商品编码不能为空，请维护后重试'); |
|||
return; |
|||
} |
|||
this.queryParam = { |
|||
additionalCode: data.additionalCode || '', |
|||
cultureCode: 'eng' |
|||
} |
|||
this.dialogVisible = true; |
|||
this.title = data.hsCode + '-附加编码'; |
|||
this.modelData = data; |
|||
this.$nextTick(()=>{ |
|||
this.getDate(); |
|||
}) |
|||
}, |
|||
close(){ |
|||
this.dialogVisible = false; |
|||
this.tableData = []; |
|||
}, |
|||
rowDblclick(row){ |
|||
this.$emit('confirm', row) |
|||
this.close(); |
|||
}, |
|||
getDate() { |
|||
postAction(process.env.VUE_APP_API_BASE_DOMAIN + '/api-iems-cn/base/tariff/additional/code/v1/get-by-page', { |
|||
hscode: this.modelData.hsCode || '', |
|||
countryCode: this.modelData.country || '', |
|||
pageSize: 999 |
|||
}).then(res => { |
|||
if (res && +res.code === 0) { |
|||
this.tableDataBackup = lodash.cloneDeep(res.data.list); |
|||
this.searchQueryHandle(); |
|||
} |
|||
}); |
|||
}, |
|||
initDict() { |
|||
const keyList = ['GLOBAL_TARIFF_LANGUAGE_TYPE']; |
|||
getAction(process.env.VUE_APP_API_BASE_DOMAIN + '/api-it-dc/dictionaryDetail/translateWithTenant', |
|||
{ dictCodes: keyList.join(',') } |
|||
).then(res => { |
|||
if (res && +res.code === 0 && res.data && res.data.GLOBAL_TARIFF_LANGUAGE_TYPE) { |
|||
const data = res.data.GLOBAL_TARIFF_LANGUAGE_TYPE; |
|||
const list = []; |
|||
Object.keys(data).forEach(key => { |
|||
list.push({ |
|||
label: data[key], |
|||
value: key |
|||
}) |
|||
}); |
|||
this.optionsData.GLOBAL_TARIFF_LANGUAGE_TYPE = list; |
|||
} |
|||
}); |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.initDict() |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -1,6 +0,0 @@ |
|||
1dddssssdf |
|||
sa |
|||
df |
|||
asg |
|||
asggs |
|||
|
|||
Loading…
Reference in new issue