|
@@ -14,10 +14,12 @@
|
|
id="storeBindModal-supplierName"
|
|
id="storeBindModal-supplierName"
|
|
show-search
|
|
show-search
|
|
allowClear
|
|
allowClear
|
|
- placeholder="请选择供应商"
|
|
|
|
|
|
+ placeholder="请输入供应商"
|
|
|
|
+ :show-arrow="false"
|
|
|
|
+ :filter-option="false"
|
|
option-filter-prop="children"
|
|
option-filter-prop="children"
|
|
- v-model="form.supplierName"
|
|
|
|
- >
|
|
|
|
|
|
+ @search="handleSupplierSearch"
|
|
|
|
+ v-model="form.supplierName">
|
|
<a-select-option v-for="item in supplierList" :key="item.supplierSn" :value="item.supplierSn">
|
|
<a-select-option v-for="item in supplierList" :key="item.supplierSn" :value="item.supplierSn">
|
|
{{ item.name }}
|
|
{{ item.name }}
|
|
</a-select-option>
|
|
</a-select-option>
|
|
@@ -28,12 +30,13 @@
|
|
id="storeBindModal-storeName"
|
|
id="storeBindModal-storeName"
|
|
show-search
|
|
show-search
|
|
allowClear
|
|
allowClear
|
|
- placeholder="请选择关联客户"
|
|
|
|
- option-filter-prop="children"
|
|
|
|
|
|
+ placeholder="请输入关联客户"
|
|
|
|
+ :show-arrow="false"
|
|
|
|
+ :filter-option="false"
|
|
optionLabelProp="value"
|
|
optionLabelProp="value"
|
|
|
|
+ @search="storeSearchRequest"
|
|
@change="storeChange"
|
|
@change="storeChange"
|
|
- v-model="form.storeName"
|
|
|
|
- >
|
|
|
|
|
|
+ v-model="form.storeName">
|
|
<a-select-option :disabled="item.bindFlag=='BIND'" v-for="item in storeList" :key="item.name" :value="item.name">
|
|
<a-select-option :disabled="item.bindFlag=='BIND'" v-for="item in storeList" :key="item.name" :value="item.name">
|
|
{{ item.name }}
|
|
{{ item.name }}
|
|
<span style="float: right;">{{ item.bindFlag=='BIND'?'已绑定':'未绑定' }}</span>
|
|
<span style="float: right;">{{ item.bindFlag=='BIND'?'已绑定':'未绑定' }}</span>
|
|
@@ -57,51 +60,75 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
-import { supplierStoreBind } from '@/api/storeManagement.js'
|
|
|
|
|
|
+import {
|
|
|
|
+ supplierStoreBind,
|
|
|
|
+ storeQueryAll
|
|
|
|
+} from '@/api/storeManagement.js'
|
|
|
|
+import { supplierQueryAll } from '@/api/supplierManagement.js'
|
|
export default {
|
|
export default {
|
|
props: {
|
|
props: {
|
|
openStoreBindModal: {
|
|
openStoreBindModal: {
|
|
type: Boolean,
|
|
type: Boolean,
|
|
default: false
|
|
default: false
|
|
- },
|
|
|
|
- // 供应商列表
|
|
|
|
- supplierList: {
|
|
|
|
- type: Array,
|
|
|
|
- default: function () {
|
|
|
|
- return []
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- // 门店列表
|
|
|
|
- storeList: {
|
|
|
|
- type: Array,
|
|
|
|
- default: function () {
|
|
|
|
- return []
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
},
|
|
},
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
isshow: this.openStoreBindModal,
|
|
isshow: this.openStoreBindModal,
|
|
|
|
+ supplierList: [], // 供应商列表
|
|
|
|
+ storeList: [], // 门店列表
|
|
form: {
|
|
form: {
|
|
supplierName: undefined, // 供应商名称
|
|
supplierName: undefined, // 供应商名称
|
|
storeName: undefined, // 门店名称
|
|
storeName: undefined, // 门店名称
|
|
storeAddress: '' // 门店地址
|
|
storeAddress: '' // 门店地址
|
|
},
|
|
},
|
|
rules: {
|
|
rules: {
|
|
- supplierName: [{ required: true, message: '请选择供应商', trigger: ['change', 'blur'] }],
|
|
|
|
- storeName: [{ required: true, message: '请选择关联客户', trigger: ['change', 'blur'] }]
|
|
|
|
|
|
+ supplierName: [{
|
|
|
|
+ required: true,
|
|
|
|
+ message: '请选择供应商',
|
|
|
|
+ trigger: ['change', 'blur']
|
|
|
|
+ }],
|
|
|
|
+ storeName: [{
|
|
|
|
+ required: true,
|
|
|
|
+ message: '请选择关联客户',
|
|
|
|
+ trigger: ['change', 'blur']
|
|
|
|
+ }]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- computed: {
|
|
|
|
- },
|
|
|
|
|
|
+ computed: {},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 门店搜索查询
|
|
|
|
+ storeSearchRequest (val) {
|
|
|
|
+ if (val) {
|
|
|
|
+ storeQueryAll({
|
|
|
|
+ name: val
|
|
|
|
+ }).then(res => {
|
|
|
|
+ this.storeList = res.data || []
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ this.storeList = []
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ // 供应商搜索查询
|
|
|
|
+ handleSupplierSearch (val) {
|
|
|
|
+ if (val) {
|
|
|
|
+ supplierQueryAll({
|
|
|
|
+ name: val
|
|
|
|
+ }).then(res => {
|
|
|
|
+ this.supplierList = res.data || []
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ this.supplierList = []
|
|
|
|
+ }
|
|
|
|
+ },
|
|
// 关联客户选择修改
|
|
// 关联客户选择修改
|
|
storeChange (val) {
|
|
storeChange (val) {
|
|
console.log(val, 'vvvvvvv')
|
|
console.log(val, 'vvvvvvv')
|
|
if (val) {
|
|
if (val) {
|
|
const has = this.storeList.find(item => item.name == val)
|
|
const has = this.storeList.find(item => item.name == val)
|
|
- this.form.storeAddress = has ? has.addrProvinceName + has.addrCityName + has.addrDistrictName + has.addrDetail : ''
|
|
|
|
|
|
+ this.form.storeAddress = has ? has.addrProvinceName + has.addrCityName + has.addrDistrictName + has.addrDetail
|
|
|
|
+ : ''
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 提交
|
|
// 提交
|
|
@@ -127,36 +154,36 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- // 关闭弹窗
|
|
|
|
- cancel () {
|
|
|
|
- this.$refs['ruleForm'].resetFields()
|
|
|
|
- this.$emit('close')
|
|
|
|
- }
|
|
|
|
|
|
+ // 关闭弹窗
|
|
|
|
+ cancel () {
|
|
|
|
+ this.$refs['ruleForm'].resetFields()
|
|
|
|
+ this.$emit('close')
|
|
|
|
+ }
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
- openStoreBindModal (newValue, oldValue) {
|
|
|
|
- this.isshow = newValue
|
|
|
|
- },
|
|
|
|
- isshow (val) {
|
|
|
|
- if (!val) {
|
|
|
|
- this.$emit('close')
|
|
|
|
- } else {
|
|
|
|
|
|
+ openStoreBindModal (newValue, oldValue) {
|
|
|
|
+ this.isshow = newValue
|
|
|
|
+ },
|
|
|
|
+ isshow (val) {
|
|
|
|
+ if (!val) {
|
|
|
|
+ this.$emit('close')
|
|
|
|
+ } else {
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
this.$refs['ruleForm'].resetFields()
|
|
this.$refs['ruleForm'].resetFields()
|
|
}, 100)
|
|
}, 100)
|
|
}
|
|
}
|
|
- },
|
|
|
|
- settleId (newValue, oldValue) {
|
|
|
|
- if (newValue && this.isshow) {
|
|
|
|
- this.$refs.table.refresh(newValue)
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ settleId (newValue, oldValue) {
|
|
|
|
+ if (newValue && this.isshow) {
|
|
|
|
+ this.$refs.table.refresh(newValue)
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped="scoped">
|
|
<style scoped="scoped">
|
|
- .submit-cont{
|
|
|
|
|
|
+ .submit-cont {
|
|
padding-top: 50px;
|
|
padding-top: 50px;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|