| | |
| | | <!-- 产品选择器组件 --> |
| | | <ProductSelector |
| | | :visible="dialogTableVisible" |
| | | :gridData="gridData" |
| | | @select-product="handleSelectProduct" |
| | | @update:visible="dialogTableVisible = $event" |
| | | /> |
| | |
| | | data() { |
| | | return { |
| | | multipleSelection: [], |
| | | gridData: [{ |
| | | date: '2016-05-02', |
| | | name: '王一虎', |
| | | address: '上海市普陀区金沙江路 1518 弄' |
| | | }, { |
| | | date: '2016-05-04', |
| | | name: '王二虎', |
| | | address: '上海市普陀区金沙江路 1518 弄' |
| | | }, { |
| | | date: '2016-05-01', |
| | | name: '王三虎', |
| | | address: '上海市普陀区金沙江路 1518 弄' |
| | | }, { |
| | | date: '2016-05-03', |
| | | name: '王四虎', |
| | | address: '上海市普陀区金沙江路 1518 弄' |
| | | }], |
| | | dialogTableVisible: false, |
| | | advancedSearchVisible: false, |
| | | // 遮罩层 |
| | |
| | | }, |
| | | methods: { |
| | | handleSelectProduct(selectedProduct) { |
| | | this.form.productCode = selectedProduct.date; // 假设你需要的是日期字段 |
| | | this.form.productName = selectedProduct.name; // 假设你需要的是姓名字段 |
| | | console.log(selectedProduct) |
| | | this.form.productCode = selectedProduct.materialCode; // 假设你需要的是日期字段 |
| | | this.form.productName = selectedProduct.materialName; // 假设你需要的是姓名字段 |
| | | }, |
| | | toggleAdvancedSearch() { |
| | | this.advancedSearchVisible = !this.advancedSearchVisible; |