调整国家列表

src/views/dashboard/input/rev.vue

@@ -265,34 +265,185 @@ export default {
   setup() {
     // 常见国家列表
     const countryOptions = [
+      {label: '阿富汗', value: '阿富汗'},
+      {label: '安哥拉', value: '安哥拉'},
+      {label: '阿尔巴尼亚', value: '阿尔巴尼亚'},
+      {label: '阿联酋', value: '阿联酋'},
+      {label: '阿根廷', value: '阿根廷'},
+      {label: '亚美尼亚', value: '亚美尼亚'},
+      {label: '法属南半球和南极领地', value: '法属南半球和南极领地'},
+      {label: '澳大利亚', value: '澳大利亚'},
+      {label: '奥地利', value: '奥地利'},
+      {label: '阿塞拜疆', value: '阿塞拜疆'},
+      {label: '布隆迪', value: '布隆迪'},
+      {label: '比利时', value: '比利时'},
+      {label: '贝宁', value: '贝宁'},
+      {label: '布基纳法索', value: '布基纳法索'},
+      {label: '孟加拉国', value: '孟加拉国'},
+      {label: '保加利亚', value: '保加利亚'},
+      {label: '巴哈马', value: '巴哈马'},
+      {label: '波斯尼亚和黑塞哥维那', value: '波斯尼亚和黑塞哥维那'},
+      {label: '白俄罗斯', value: '白俄罗斯'},
+      {label: '伯利兹', value: '伯利兹'},
+      {label: '百慕大', value: '百慕大'},
+      {label: '玻利维亚', value: '玻利维亚'},
+      {label: '巴西', value: '巴西'},
+      {label: '文莱', value: '文莱'},
+      {label: '不丹', value: '不丹'},
+      {label: '博茨瓦纳', value: '博茨瓦纳'},
+      {label: '中非共和国', value: '中非共和国'},
+      {label: '加拿大', value: '加拿大'},
+      {label: '瑞士', value: '瑞士'},
+      {label: '智利', value: '智利'},
       {label: '中国', value: '中国'},
-      {label: '美国', value: '美国'},
-      {label: '英国', value: '英国'},
+      {label: '象牙海岸', value: '象牙海岸'},
+      {label: '喀麦隆', value: '喀麦隆'},
+      {label: '刚果民主共和国', value: '刚果民主共和国'},
+      {label: '刚果共和国', value: '刚果共和国'},
+      {label: '哥伦比亚', value: '哥伦比亚'},
+      {label: '哥斯达黎加', value: '哥斯达黎加'},
+      {label: '古巴', value: '古巴'},
+      {label: '北塞浦路斯', value: '北塞浦路斯'},
+      {label: '塞浦路斯', value: '塞浦路斯'},
+      {label: '捷克共和国', value: '捷克共和国'},
       {label: '德国', value: '德国'},
+      {label: '吉布提', value: '吉布提'},
+      {label: '丹麦', value: '丹麦'},
+      {label: '多明尼加共和国', value: '多明尼加共和国'},
+      {label: '阿尔及利亚', value: '阿尔及利亚'},
+      {label: '厄瓜多尔', value: '厄瓜多尔'},
+      {label: '埃及', value: '埃及'},
+      {label: '厄立特里亚', value: '厄立特里亚'},
+      {label: '西班牙', value: '西班牙'},
+      {label: '爱沙尼亚', value: '爱沙尼亚'},
+      {label: '埃塞俄比亚', value: '埃塞俄比亚'},
+      {label: '芬兰', value: '芬兰'},
+      {label: '斐', value: '斐'},
+      {label: '福克兰群岛', value: '福克兰群岛'},
       {label: '法国', value: '法国'},
+      {label: '加蓬', value: '加蓬'},
+      {label: '英国', value: '英国'},
+      {label: '格鲁吉亚', value: '格鲁吉亚'},
+      {label: '加纳', value: '加纳'},
+      {label: '几内亚', value: '几内亚'},
+      {label: '冈比亚', value: '冈比亚'},
+      {label: '几内亚比绍', value: '几内亚比绍'},
+      {label: '赤道几内亚', value: '赤道几内亚'},
+      {label: '希腊', value: '希腊'},
+      {label: '格陵兰', value: '格陵兰'},
+      {label: '危地马拉', value: '危地马拉'},
+      {label: '法属圭亚那', value: '法属圭亚那'},
+      {label: '圭亚那', value: '圭亚那'},
+      {label: '洪都拉斯', value: '洪都拉斯'},
+      {label: '克罗地亚', value: '克罗地亚'},
+      {label: '海地', value: '海地'},
+      {label: '匈牙利', value: '匈牙利'},
+      {label: '印尼', value: '印尼'},
+      {label: '爱尔兰', value: '爱尔兰'},
+      {label: '伊朗', value: '伊朗'},
+      {label: '伊拉克', value: '伊拉克'},
+      {label: '冰岛', value: '冰岛'},
+      {label: '以色列', value: '以色列'},
+      {label: '意大利', value: '意大利'},
+      {label: '牙买加', value: '牙买加'},
+      {label: '约旦', value: '约旦'},
       {label: '日本', value: '日本'},
+      {label: '哈萨克斯坦', value: '哈萨克斯坦'},
+      {label: '肯尼亚', value: '肯尼亚'},
+      {label: '吉尔吉斯斯坦', value: '吉尔吉斯斯坦'},
+      {label: '柬埔寨', value: '柬埔寨'},
       {label: '韩国', value: '韩国'},
-      {label: '澳大利亚', value: '澳大利亚'},
-      {label: '巴西', value: '巴西'},
-      {label: '印度', value: '印度'},
-      {label: '俄罗斯', value: '俄罗斯'},
-      {label: '加拿大', value: '加拿大'},
-      {label: '意大利', value: '意大利'},
-      {label: '西班牙', value: '西班牙'},
+      {label: '科索沃', value: '科索沃'},
+      {label: '科威特', value: '科威特'},
+      {label: '老挝', value: '老挝'},
+      {label: '黎巴嫩', value: '黎巴嫩'},
+      {label: '利比里亚', value: '利比里亚'},
+      {label: '利比亚', value: '利比亚'},
+      {label: '斯里兰卡', value: '斯里兰卡'},
+      {label: '莱索托', value: '莱索托'},
+      {label: '立陶宛', value: '立陶宛'},
+      {label: '卢森堡', value: '卢森堡'},
+      {label: '拉脱维亚', value: '拉脱维亚'},
+      {label: '摩洛哥', value: '摩洛哥'},
+      {label: '摩尔多瓦', value: '摩尔多瓦'},
+      {label: '马达加斯加', value: '马达加斯加'},
+      {label: '墨西哥', value: '墨西哥'},
+      {label: '马其顿', value: '马其顿'},
+      {label: '马里', value: '马里'},
+      {label: '缅甸', value: '缅甸'},
+      {label: '黑山', value: '黑山'},
+      {label: '蒙古', value: '蒙古'},
+      {label: '莫桑比克', value: '莫桑比克'},
+      {label: '毛里塔尼亚', value: '毛里塔尼亚'},
+      {label: '马拉维', value: '马拉维'},
+      {label: '马来西亚', value: '马来西亚'},
+      {label: '纳米比亚', value: '纳米比亚'},
+      {label: '新喀里多尼亚', value: '新喀里多尼亚'},
+      {label: '尼日尔', value: '尼日尔'},
+      {label: '尼日利亚', value: '尼日利亚'},
+      {label: '尼加拉瓜', value: '尼加拉瓜'},
       {label: '荷兰', value: '荷兰'},
+      {label: '挪威', value: '挪威'},
+      {label: '尼泊尔', value: '尼泊尔'},
+      {label: '新西兰', value: '新西兰'},
+      {label: '阿曼', value: '阿曼'},
+      {label: '巴基斯坦', value: '巴基斯坦'},
+      {label: '巴拿马', value: '巴拿马'},
+      {label: '秘鲁', value: '秘鲁'},
+      {label: '菲律宾', value: '菲律宾'},
+      {label: '巴布亚新几内亚', value: '巴布亚新几内亚'},
+      {label: '波兰', value: '波兰'},
+      {label: '波多黎各', value: '波多黎各'},
+      {label: '北朝鲜', value: '北朝鲜'},
+      {label: '葡萄牙', value: '葡萄牙'},
+      {label: '巴拉圭', value: '巴拉圭'},
+      {label: '卡塔尔', value: '卡塔尔'},
+      {label: '罗马尼亚', value: '罗马尼亚'},
+      {label: '俄罗斯', value: '俄罗斯'},
+      {label: '卢旺达', value: '卢旺达'},
+      {label: '西撒哈拉', value: '西撒哈拉'},
+      {label: '沙特阿拉伯', value: '沙特阿拉伯'},
+      {label: '苏丹', value: '苏丹'},
+      {label: '南苏丹', value: '南苏丹'},
+      {label: '塞内加尔', value: '塞内加尔'},
+      {label: '所罗门群岛', value: '所罗门群岛'},
+      {label: '塞拉利昂', value: '塞拉利昂'},
+      {label: '萨尔瓦多', value: '萨尔瓦多'},
+      {label: '索马里兰', value: '索马里兰'},
+      {label: '索马里', value: '索马里'},
+      {label: '塞尔维亚共和国', value: '塞尔维亚共和国'},
+      {label: '苏里南', value: '苏里南'},
+      {label: '斯洛伐克', value: '斯洛伐克'},
+      {label: '斯洛文尼亚', value: '斯洛文尼亚'},
       {label: '瑞典', value: '瑞典'},
-      {label: '瑞士', value: '瑞士'},
-      {label: '新加坡', value: '新加坡'},
-      {label: '马来西亚', value: '马来西亚'},
+      {label: '斯威士兰', value: '斯威士兰'},
+      {label: '叙利亚', value: '叙利亚'},
+      {label: '乍得', value: '乍得'},
+      {label: '多哥', value: '多哥'},
       {label: '泰国', value: '泰国'},
+      {label: '塔吉克斯坦', value: '塔吉克斯坦'},
+      {label: '土库曼斯坦', value: '土库曼斯坦'},
+      {label: '东帝汶', value: '东帝汶'},
+      {label: '特里尼达和多巴哥', value: '特里尼达和多巴哥'},
+      {label: '突尼斯', value: '突尼斯'},
+      {label: '土耳其', value: '土耳其'},
+      {label: '坦桑尼亚联合共和国', value: '坦桑尼亚联合共和国'},
+      {label: '乌干达', value: '乌干达'},
+      {label: '乌克兰', value: '乌克兰'},
+      {label: '乌拉圭', value: '乌拉圭'},
+      {label: '美国', value: '美国'},
+      {label: '乌兹别克斯坦', value: '乌兹别克斯坦'},
+      {label: '委内瑞拉', value: '委内瑞拉'},
       {label: '越南', value: '越南'},
-      {label: '墨西哥', value: '墨西哥'},
-      {label: '阿根廷', value: '阿根廷'},
+      {label: '瓦努阿图', value: '瓦努阿图'},
+      {label: '西岸', value: '西岸'},
+      {label: '也门', value: '也门'},
       {label: '南非', value: '南非'},
-      {label: '埃及', value: '埃及'},
-      {label: '土耳其', value: '土耳其'},
-      {label: '沙特阿拉伯', value: '沙特阿拉伯'},
-      {label: '阿联酋', value: '阿联酋'}
+      {label: '赞比亚', value: '赞比亚'},
+      {label: '津巴布韦', value: '津巴布韦'},
+      {label: '科摩罗', value: '科摩罗'},
+      {label: '印度尼西亚', value: '印度尼西亚'},
+      {label: '印度', value: '印度'}
     ];
 
     // 添加生成过去12个月月份的方法

src/views/dashboard/input/sales.vue

@@ -128,7 +128,21 @@
           <tbody>
           <tr v-for="(region, regionIndex) in item.regions" :key="regionIndex">
             <td>
-              <input v-model="region.region" placeholder="请输入区域名称">
+              <el-select
+                  v-model="region.region"
+                  filterable
+                  allow-create
+                  default-first-option
+                  placeholder="请选择区域"
+                  clearable
+                  style="width: 100%">
+                <el-option
+                    v-for="country in countryOptions"
+                    :key="country.value"
+                    :label="country.label"
+                    :value="country.value">
+                </el-option>
+              </el-select>
             </td>
             <td>
               <input type="number" v-model="region.amount" placeholder="请输入销售额">
@@ -192,7 +206,194 @@ import {getSales, saveSales} from "@/api/house/input";
 import {ElMessage, ElOption, ElSelect} from 'element-plus';
 export default {
   name: "SalesInput",
+  components: {
+    ElSelect,
+    ElOption
+  },
   setup() {
+    // 常见国家列表
+    const countryOptions = [
+      {label: '阿富汗', value: '阿富汗'},
+      {label: '安哥拉', value: '安哥拉'},
+      {label: '阿尔巴尼亚', value: '阿尔巴尼亚'},
+      {label: '阿联酋', value: '阿联酋'},
+      {label: '阿根廷', value: '阿根廷'},
+      {label: '亚美尼亚', value: '亚美尼亚'},
+      {label: '法属南半球和南极领地', value: '法属南半球和南极领地'},
+      {label: '澳大利亚', value: '澳大利亚'},
+      {label: '奥地利', value: '奥地利'},
+      {label: '阿塞拜疆', value: '阿塞拜疆'},
+      {label: '布隆迪', value: '布隆迪'},
+      {label: '比利时', value: '比利时'},
+      {label: '贝宁', value: '贝宁'},
+      {label: '布基纳法索', value: '布基纳法索'},
+      {label: '孟加拉国', value: '孟加拉国'},
+      {label: '保加利亚', value: '保加利亚'},
+      {label: '巴哈马', value: '巴哈马'},
+      {label: '波斯尼亚和黑塞哥维那', value: '波斯尼亚和黑塞哥维那'},
+      {label: '白俄罗斯', value: '白俄罗斯'},
+      {label: '伯利兹', value: '伯利兹'},
+      {label: '百慕大', value: '百慕大'},
+      {label: '玻利维亚', value: '玻利维亚'},
+      {label: '巴西', value: '巴西'},
+      {label: '文莱', value: '文莱'},
+      {label: '不丹', value: '不丹'},
+      {label: '博茨瓦纳', value: '博茨瓦纳'},
+      {label: '中非共和国', value: '中非共和国'},
+      {label: '加拿大', value: '加拿大'},
+      {label: '瑞士', value: '瑞士'},
+      {label: '智利', value: '智利'},
+      {label: '中国', value: '中国'},
+      {label: '象牙海岸', value: '象牙海岸'},
+      {label: '喀麦隆', value: '喀麦隆'},
+      {label: '刚果民主共和国', value: '刚果民主共和国'},
+      {label: '刚果共和国', value: '刚果共和国'},
+      {label: '哥伦比亚', value: '哥伦比亚'},
+      {label: '哥斯达黎加', value: '哥斯达黎加'},
+      {label: '古巴', value: '古巴'},
+      {label: '北塞浦路斯', value: '北塞浦路斯'},
+      {label: '塞浦路斯', value: '塞浦路斯'},
+      {label: '捷克共和国', value: '捷克共和国'},
+      {label: '德国', value: '德国'},
+      {label: '吉布提', value: '吉布提'},
+      {label: '丹麦', value: '丹麦'},
+      {label: '多明尼加共和国', value: '多明尼加共和国'},
+      {label: '阿尔及利亚', value: '阿尔及利亚'},
+      {label: '厄瓜多尔', value: '厄瓜多尔'},
+      {label: '埃及', value: '埃及'},
+      {label: '厄立特里亚', value: '厄立特里亚'},
+      {label: '西班牙', value: '西班牙'},
+      {label: '爱沙尼亚', value: '爱沙尼亚'},
+      {label: '埃塞俄比亚', value: '埃塞俄比亚'},
+      {label: '芬兰', value: '芬兰'},
+      {label: '斐', value: '斐'},
+      {label: '福克兰群岛', value: '福克兰群岛'},
+      {label: '法国', value: '法国'},
+      {label: '加蓬', value: '加蓬'},
+      {label: '英国', value: '英国'},
+      {label: '格鲁吉亚', value: '格鲁吉亚'},
+      {label: '加纳', value: '加纳'},
+      {label: '几内亚', value: '几内亚'},
+      {label: '冈比亚', value: '冈比亚'},
+      {label: '几内亚比绍', value: '几内亚比绍'},
+      {label: '赤道几内亚', value: '赤道几内亚'},
+      {label: '希腊', value: '希腊'},
+      {label: '格陵兰', value: '格陵兰'},
+      {label: '危地马拉', value: '危地马拉'},
+      {label: '法属圭亚那', value: '法属圭亚那'},
+      {label: '圭亚那', value: '圭亚那'},
+      {label: '洪都拉斯', value: '洪都拉斯'},
+      {label: '克罗地亚', value: '克罗地亚'},
+      {label: '海地', value: '海地'},
+      {label: '匈牙利', value: '匈牙利'},
+      {label: '印尼', value: '印尼'},
+      {label: '爱尔兰', value: '爱尔兰'},
+      {label: '伊朗', value: '伊朗'},
+      {label: '伊拉克', value: '伊拉克'},
+      {label: '冰岛', value: '冰岛'},
+      {label: '以色列', value: '以色列'},
+      {label: '意大利', value: '意大利'},
+      {label: '牙买加', value: '牙买加'},
+      {label: '约旦', value: '约旦'},
+      {label: '日本', value: '日本'},
+      {label: '哈萨克斯坦', value: '哈萨克斯坦'},
+      {label: '肯尼亚', value: '肯尼亚'},
+      {label: '吉尔吉斯斯坦', value: '吉尔吉斯斯坦'},
+      {label: '柬埔寨', value: '柬埔寨'},
+      {label: '韩国', value: '韩国'},
+      {label: '科索沃', value: '科索沃'},
+      {label: '科威特', value: '科威特'},
+      {label: '老挝', value: '老挝'},
+      {label: '黎巴嫩', value: '黎巴嫩'},
+      {label: '利比里亚', value: '利比里亚'},
+      {label: '利比亚', value: '利比亚'},
+      {label: '斯里兰卡', value: '斯里兰卡'},
+      {label: '莱索托', value: '莱索托'},
+      {label: '立陶宛', value: '立陶宛'},
+      {label: '卢森堡', value: '卢森堡'},
+      {label: '拉脱维亚', value: '拉脱维亚'},
+      {label: '摩洛哥', value: '摩洛哥'},
+      {label: '摩尔多瓦', value: '摩尔多瓦'},
+      {label: '马达加斯加', value: '马达加斯加'},
+      {label: '墨西哥', value: '墨西哥'},
+      {label: '马其顿', value: '马其顿'},
+      {label: '马里', value: '马里'},
+      {label: '缅甸', value: '缅甸'},
+      {label: '黑山', value: '黑山'},
+      {label: '蒙古', value: '蒙古'},
+      {label: '莫桑比克', value: '莫桑比克'},
+      {label: '毛里塔尼亚', value: '毛里塔尼亚'},
+      {label: '马拉维', value: '马拉维'},
+      {label: '马来西亚', value: '马来西亚'},
+      {label: '纳米比亚', value: '纳米比亚'},
+      {label: '新喀里多尼亚', value: '新喀里多尼亚'},
+      {label: '尼日尔', value: '尼日尔'},
+      {label: '尼日利亚', value: '尼日利亚'},
+      {label: '尼加拉瓜', value: '尼加拉瓜'},
+      {label: '荷兰', value: '荷兰'},
+      {label: '挪威', value: '挪威'},
+      {label: '尼泊尔', value: '尼泊尔'},
+      {label: '新西兰', value: '新西兰'},
+      {label: '阿曼', value: '阿曼'},
+      {label: '巴基斯坦', value: '巴基斯坦'},
+      {label: '巴拿马', value: '巴拿马'},
+      {label: '秘鲁', value: '秘鲁'},
+      {label: '菲律宾', value: '菲律宾'},
+      {label: '巴布亚新几内亚', value: '巴布亚新几内亚'},
+      {label: '波兰', value: '波兰'},
+      {label: '波多黎各', value: '波多黎各'},
+      {label: '北朝鲜', value: '北朝鲜'},
+      {label: '葡萄牙', value: '葡萄牙'},
+      {label: '巴拉圭', value: '巴拉圭'},
+      {label: '卡塔尔', value: '卡塔尔'},
+      {label: '罗马尼亚', value: '罗马尼亚'},
+      {label: '俄罗斯', value: '俄罗斯'},
+      {label: '卢旺达', value: '卢旺达'},
+      {label: '西撒哈拉', value: '西撒哈拉'},
+      {label: '沙特阿拉伯', value: '沙特阿拉伯'},
+      {label: '苏丹', value: '苏丹'},
+      {label: '南苏丹', value: '南苏丹'},
+      {label: '塞内加尔', value: '塞内加尔'},
+      {label: '所罗门群岛', value: '所罗门群岛'},
+      {label: '塞拉利昂', value: '塞拉利昂'},
+      {label: '萨尔瓦多', value: '萨尔瓦多'},
+      {label: '索马里兰', value: '索马里兰'},
+      {label: '索马里', value: '索马里'},
+      {label: '塞尔维亚共和国', value: '塞尔维亚共和国'},
+      {label: '苏里南', value: '苏里南'},
+      {label: '斯洛伐克', value: '斯洛伐克'},
+      {label: '斯洛文尼亚', value: '斯洛文尼亚'},
+      {label: '瑞典', value: '瑞典'},
+      {label: '斯威士兰', value: '斯威士兰'},
+      {label: '叙利亚', value: '叙利亚'},
+      {label: '乍得', value: '乍得'},
+      {label: '多哥', value: '多哥'},
+      {label: '泰国', value: '泰国'},
+      {label: '塔吉克斯坦', value: '塔吉克斯坦'},
+      {label: '土库曼斯坦', value: '土库曼斯坦'},
+      {label: '东帝汶', value: '东帝汶'},
+      {label: '特里尼达和多巴哥', value: '特里尼达和多巴哥'},
+      {label: '突尼斯', value: '突尼斯'},
+      {label: '土耳其', value: '土耳其'},
+      {label: '坦桑尼亚联合共和国', value: '坦桑尼亚联合共和国'},
+      {label: '乌干达', value: '乌干达'},
+      {label: '乌克兰', value: '乌克兰'},
+      {label: '乌拉圭', value: '乌拉圭'},
+      {label: '美国', value: '美国'},
+      {label: '乌兹别克斯坦', value: '乌兹别克斯坦'},
+      {label: '委内瑞拉', value: '委内瑞拉'},
+      {label: '越南', value: '越南'},
+      {label: '瓦努阿图', value: '瓦努阿图'},
+      {label: '西岸', value: '西岸'},
+      {label: '也门', value: '也门'},
+      {label: '南非', value: '南非'},
+      {label: '赞比亚', value: '赞比亚'},
+      {label: '津巴布韦', value: '津巴布韦'},
+      {label: '科摩罗', value: '科摩罗'},
+      {label: '印度尼西亚', value: '印度尼西亚'},
+      {label: '印度', value: '印度'}
+    ];
+
     const formData = reactive({});
 
     const jsonOutput = ref('');
@@ -318,6 +519,7 @@ export default {
 
     return {
       formData,
+      countryOptions,
       jsonOutput,
       addSalesItem,
       removeSalesItem,