-
+
-
-
-
+
+
+
+ %
+
-
-
-
+
+
+
+ %
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+ %
+
-
-
-
+
+
+
-
-
-
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 选择地区
+ 添加物料
+ 刷新界面
+
+ :row-style="{height: '0px'}"
+ :cell-style="{padding: '2px'}"
+ :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
-
-
-
+
+
+
+
-
+
+
+
+
+
+
@@ -148,9 +148,6 @@
{ kunnr1: '101', kunnr2: '102', kunnr3: '103', kunnr4: '104', kunnr5: '105', kunnr6: '106', kunnr7: '107', kunnr8: '108' },
// Add more rows as needed
],
- value: [],
- options: [],
- selectedValues: [], // 用于绑定选择的值
}
},
@@ -167,65 +164,6 @@
async init () {
},
- handleChange(value) {
- console.log(value);
- console.log(value[0]);
- },
- async getChinaData() {
- try {
- const response = await axios.get('https://restapi.amap.com/v3/config/district', {
- params: {
- key: 'b3cfce12e9b6ae37d0599623870404d5',
- keywords: '中国',
- subdistrict: 1,
- extensions: 'all',
- level: 'province'
- }
- });
-
- if (response.data && response.data.districts && response.data.districts.length > 0) {
- const provinces = response.data.districts[0].districts;
- this.options = this.transformDistrictData(provinces);
- }
- } catch (error) {
- console.error('Error fetching China data:', error);
- }
- },
- transformDistrictData(districts) {
- return districts.map(province => {
- return {
- value: province.adcode,
- label: province.name,
- children: [] // 初始状态下，市级数据为空
- };
- });
- },
- async loadCityData(selectedOptions) {
- const targetOption = selectedOptions[selectedOptions.length - 1];
- targetOption.loading = true;
-
- try {
- const response = await axios.get('https://restapi.amap.com/v3/config/district', {
- params: {
- key: 'b3cfce12e9b6ae37d0599623870404d5',
- keywords: targetOption.label,
- subdistrict: 1,
- extensions: 'all',
- level: 'city'
- }
- });
-
- if (response.data && response.data.districts && response.data.districts.length > 0) {
- const cities = response.data.districts[0].districts;
- targetOption.children = this.transformDistrictData(cities);
- targetOption.isLeaf = true; // 设置省级节点为叶子节点
- }
- } catch (error) {
- console.error('Error fetching city data:', error);
- } finally {
- targetOption.loading = false;
- }
- },
},
})