{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\freightTemplate\\city.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\freightTemplate\\city.vue","mtime":1761614938955},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KaW1wb3J0IHsgdGVtcGxhdGVzQ2l0eUxpc3RBcGkgfSBmcm9tICdAL2FwaS9zZXR0aW5nJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2NpdHknLA0KICBwcm9wczogew0KICAgIHR5cGU6IHsNCiAgICAgIHR5cGU6IE51bWJlciwNCiAgICAgIGRlZmF1bHQ6IDAsDQogICAgfSwNCiAgICBzZWxlY3RBcnI6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgZGVmYXVsdDogW10sDQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgaVNzZWxlY3Q6IGZhbHNlLA0KICAgICAgYWRkcmVzc01vZGFsOiBmYWxzZSwNCiAgICAgIGNpdHlMaXN0OiBbXSwNCiAgICAgIGFjdGl2ZUNpdHk6IC0xLA0KICAgICAgbG9hZGluZzogZmFsc2UsDQogICAgfTsNCiAgfSwNCiAgY29tcHV0ZWQ6IHt9LA0KICBtZXRob2RzOiB7DQogICAgZW50ZXIoaW5kZXgpIHsNCiAgICAgIHRoaXMuYWN0aXZlQ2l0eSA9IGluZGV4Ow0KICAgIH0sDQogICAgbGVhdmUoKSB7DQogICAgICB0aGlzLmFjdGl2ZUNpdHkgPSBudWxsOw0KICAgIH0sDQogICAgZ2V0Q2l0eUxpc3QoKSB7DQogICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlOw0KICAgICAgdGVtcGxhdGVzQ2l0eUxpc3RBcGkoKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgIHRoaXMuc2VsZWN0QXJyID0gW107DQogICAgICAgIHJlcy5kYXRhLmZvckVhY2goKGVsLCBpbmRleCwgYXJyKSA9PiB7DQogICAgICAgICAgZWwuaXNTaG93ID0gdHJ1ZTsNCiAgICAgICAgICBlbC5jaGlsZHJlbi5mb3JFYWNoKChjaGlsZCwgaikgPT4gew0KICAgICAgICAgICAgY2hpbGQuaXNTaG93ID0gdHJ1ZTsNCiAgICAgICAgICAgIGlmICh0aGlzLnNlbGVjdEFyci5sZW5ndGggPiAwKSB7DQogICAgICAgICAgICAgIHRoaXMuc2VsZWN0QXJyLmZvckVhY2goKHNlbCwgc2luZGV4KSA9PiB7DQogICAgICAgICAgICAgICAgc2VsLmNoaWxkcmVuLmZvckVhY2goKHNpdGVtLCBzaikgPT4gew0KICAgICAgICAgICAgICAgICAgaWYgKGNoaWxkLmNpdHlfaWQgPT0gc2l0ZW0uY2l0eV9pZCkgew0KICAgICAgICAgICAgICAgICAgICBjaGlsZC5pc1Nob3cgPSBmYWxzZTsNCiAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICB9KTsNCiAgICAgICAgICAgICAgfSk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfSk7DQogICAgICAgIH0pOw0KICAgICAgICByZXMuZGF0YS5mb3JFYWNoKChlbCwgaW5kZXgsIGFycikgPT4gew0KICAgICAgICAgIGxldCBudW0gPSAwOw0KICAgICAgICAgIGxldCBvbGROdW0gPSAwOw0KICAgICAgICAgIGVsLmNoaWxkcmVuLmZvckVhY2goKGNoaWxkLCBqKSA9PiB7DQogICAgICAgICAgICBpZiAoIWNoaWxkLmlzU2hvdykgew0KICAgICAgICAgICAgICBudW0rKzsNCiAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgIG9sZE51bSsrOw0KICAgICAgICAgICAgfQ0KICAgICAgICAgIH0pOw0KICAgICAgICAgIGlmIChudW0gPT0gZWwuY2hpbGRyZW4ubGVuZ3RoKSB7DQogICAgICAgICAgICBlbC5pc1Nob3cgPSBmYWxzZTsNCiAgICAgICAgICB9DQogICAgICAgICAgZWwuY2hpbGROdW0gPSBvbGROdW07DQogICAgICAgIH0pOw0KICAgICAgICB0aGlzLmNpdHlMaXN0ID0gcmVzLmRhdGE7DQogICAgICAgIHRoaXMuaVNzZWxlY3QgPSBmYWxzZTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLyoqDQogICAgICog5YWo6YCJ5oiW6ICF5Y+N6YCJDQogICAgICogQHBhcmFtIGNoZWNrZWQNCiAgICAgKi8NCiAgICBhbGxDaGVja2JveDogZnVuY3Rpb24gKCkgew0KICAgICAgbGV0IHRoYXQgPSB0aGlzLA0KICAgICAgICBjaGVja2VkID0gdGhpcy5pU3NlbGVjdDsNCiAgICAgIHRoYXQuY2l0eUxpc3QuZm9yRWFjaChmdW5jdGlvbiAoaXRlbSwga2V5KSB7DQogICAgICAgIHRoYXQuJHNldCh0aGF0LmNpdHlMaXN0W2tleV0sICdjaGVja2VkJywgY2hlY2tlZCk7DQogICAgICAgIGlmIChjaGVja2VkKSB7DQogICAgICAgICAgdGhhdC4kc2V0KHRoYXQuY2l0eUxpc3Rba2V5XSwgJ2NvdW50JywgdGhhdC5jaXR5TGlzdFtrZXldLmNoaWxkcmVuLmxlbmd0aCk7DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgdGhhdC4kc2V0KHRoYXQuY2l0eUxpc3Rba2V5XSwgJ2NvdW50JywgMCk7DQogICAgICAgIH0NCiAgICAgICAgdGhhdC5jaXR5TGlzdFtrZXldLmNoaWxkcmVuLmZvckVhY2goZnVuY3Rpb24gKHZhbCwgaykgew0KICAgICAgICAgIHRoYXQuJHNldCh0aGF0LmNpdHlMaXN0W2tleV0uY2hpbGRyZW5ba10sICdjaGVja2VkJywgY2hlY2tlZCk7DQogICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgICAvLyB0aGlzLnJlbmRlcigpOw0KICAgIH0sDQogICAgLy8g5riF56m677ybDQogICAgZW1wdHkoKSB7DQogICAgICBsZXQgdGhhdCA9IHRoaXM7DQogICAgICB0aGF0LmNpdHlMaXN0LmZvckVhY2goZnVuY3Rpb24gKGl0ZW0sIGtleSkgew0KICAgICAgICB0aGF0LiRzZXQodGhhdC5jaXR5TGlzdFtrZXldLCAnY2hlY2tlZCcsIGZhbHNlKTsNCiAgICAgICAgdGhhdC5jaXR5TGlzdFtrZXldLmNoaWxkcmVuLmZvckVhY2goZnVuY3Rpb24gKHZhbCwgaykgew0KICAgICAgICAgIHRoYXQuJHNldCh0aGF0LmNpdHlMaXN0W2tleV0uY2hpbGRyZW5ba10sICdjaGVja2VkJywgZmFsc2UpOw0KICAgICAgICB9KTsNCiAgICAgICAgdGhhdC4kc2V0KHRoYXQuY2l0eUxpc3Rba2V5XSwgJ2NvdW50JywgMCk7DQogICAgICB9KTsNCiAgICAgIHRoaXMuaVNzZWxlY3QgPSBmYWxzZTsNCiAgICB9LA0KICAgIC8qKg0KICAgICAqIOeCueWHu+ecgQ0KICAgICAqIEBwYXJhbSBpbmRleA0KICAgICAqLw0KICAgIGNoZWNrZWRDbGljazogZnVuY3Rpb24gKGluZGV4KSB7DQogICAgICBsZXQgdGhhdCA9IHRoaXM7DQogICAgICBpZiAodGhhdC5jaXR5TGlzdFtpbmRleF0uY2hlY2tlZCkgew0KICAgICAgICB0aGF0LiRzZXQodGhhdC5jaXR5TGlzdFtpbmRleF0sICdjb3VudCcsIHRoYXQuY2l0eUxpc3RbaW5kZXhdLmNoaWxkTnVtKTsNCiAgICAgICAgdGhhdC5jaXR5TGlzdFtpbmRleF0uY2hpbGRyZW4uZm9yRWFjaChmdW5jdGlvbiAoaXRlbSwga2V5KSB7DQogICAgICAgICAgdGhhdC4kc2V0KHRoYXQuY2l0eUxpc3RbaW5kZXhdLmNoaWxkcmVuW2tleV0sICdjaGVja2VkJywgdHJ1ZSk7DQogICAgICAgIH0pOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgdGhhdC4kc2V0KHRoYXQuY2l0eUxpc3RbaW5kZXhdLCAnY291bnQnLCAwKTsNCiAgICAgICAgdGhhdC4kc2V0KHRoYXQuY2l0eUxpc3RbaW5kZXhdLCAnY2hlY2tlZCcsIGZhbHNlKTsNCiAgICAgICAgdGhhdC5jaXR5TGlzdFtpbmRleF0uY2hpbGRyZW4uZm9yRWFjaChmdW5jdGlvbiAoaXRlbSwga2V5KSB7DQogICAgICAgICAgdGhhdC4kc2V0KHRoYXQuY2l0eUxpc3RbaW5kZXhdLmNoaWxkcmVuW2tleV0sICdjaGVja2VkJywgZmFsc2UpOw0KICAgICAgICB9KTsNCiAgICAgICAgdGhhdC5pU3NlbGVjdCA9IGZhbHNlOw0KICAgICAgfQ0KICAgICAgLy8gdGhpcy5yZW5kZXIoKTsNCiAgICB9LA0KICAgIC8qKg0KICAgICAqIOeCueWHu+W4guWMug0KICAgICAqIEBwYXJhbSBpbmRleA0KICAgICAqIEBwYXJhbSBpbmQNCiAgICAgKi8NCiAgICBwcmltYXJ5OiBmdW5jdGlvbiAoaW5kZXgsIGluZCkgew0KICAgICAgbGV0IGNoZWNrZWQgPSBmYWxzZSwNCiAgICAgICAgY291bnQgPSAwOw0KICAgICAgdGhpcy5jaXR5TGlzdFtpbmRleF0uY2hpbGRyZW4uZm9yRWFjaChmdW5jdGlvbiAoaXRlbSwga2V5KSB7DQogICAgICAgIGlmIChpdGVtLmNoZWNrZWQpIHsNCiAgICAgICAgICBjaGVja2VkID0gdHJ1ZTsNCiAgICAgICAgICBjb3VudCsrOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICAgIHRoaXMuJHNldCh0aGlzLmNpdHlMaXN0W2luZGV4XSwgJ2NvdW50JywgY291bnQpOw0KICAgICAgdGhpcy4kc2V0KHRoaXMuY2l0eUxpc3RbaW5kZXhdLCAnY2hlY2tlZCcsIGNoZWNrZWQpOw0KICAgICAgLy8gdGhpcy5yZW5kZXIoKTsNCiAgICB9LA0KICAgIC8vIOehruWumjsNCiAgICBjb25maXJtKCkgew0KICAgICAgbGV0IHRoYXQgPSB0aGlzOw0KICAgICAgLy8g6KKr6YCJ5Lit55qE55yB5biC77ybDQogICAgICBsZXQgc2VsZWN0TGlzdCA9IFtdOw0KICAgICAgdGhhdC5jaXR5TGlzdC5mb3JFYWNoKGZ1bmN0aW9uIChpdGVtLCBrZXkpIHsNCiAgICAgICAgbGV0IGRhdGEgPSB7fTsNCiAgICAgICAgaWYgKGl0ZW0uY2hlY2tlZCkgew0KICAgICAgICAgIGRhdGEgPSB7DQogICAgICAgICAgICBuYW1lOiBpdGVtLm5hbWUsDQogICAgICAgICAgICBjaXR5X2lkOiBpdGVtLmNpdHlfaWQsDQogICAgICAgICAgICBjaGlsZHJlbjogW10sDQogICAgICAgICAgfTsNCiAgICAgICAgfQ0KICAgICAgICB0aGF0LmNpdHlMaXN0W2tleV0uY2hpbGRyZW4uZm9yRWFjaChmdW5jdGlvbiAoaSwgaykgew0KICAgICAgICAgIGlmIChpLmNoZWNrZWQpIHsNCiAgICAgICAgICAgIGRhdGEuY2hpbGRyZW4ucHVzaCh7DQogICAgICAgICAgICAgIGNpdHlfaWQ6IGkuY2l0eV9pZCwNCiAgICAgICAgICAgIH0pOw0KICAgICAgICAgIH0NCiAgICAgICAgfSk7DQogICAgICAgIGlmIChkYXRhLmNpdHlfaWQgIT09IHVuZGVmaW5lZCkgew0KICAgICAgICAgIHNlbGVjdExpc3QucHVzaChkYXRhKTsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgICBpZiAoc2VsZWN0TGlzdC5sZW5ndGggPT09IDApIHsNCiAgICAgICAgcmV0dXJuIHRoYXQuJG1lc3NhZ2UuZXJyb3IoJ+iHs+WwkemAieaLqeS4gOS4quecgeS7veaIluiAheWfjuW4gicpOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgdGhpcy4kZW1pdCgnc2VsZWN0Q2l0eScsIHNlbGVjdExpc3QsIHRoaXMudHlwZSk7DQogICAgICAgIHRoYXQuYWRkcmVzc01vZGFsID0gZmFsc2U7DQogICAgICAgIHRoaXMuY2l0eUxpc3QgPSBbXTsNCiAgICAgIH0NCiAgICAgIC8vIHBhcmVudC5zZWxlY3RDaXR5KHNlbGVjdExpc3QsdHlwZSk7DQogICAgICAvLyB2YXIgaW5kZXggPSBwYXJlbnQubGF5ZXIuZ2V0RnJhbWVJbmRleCh3aW5kb3cubmFtZSk7DQogICAgICAvLyBwYXJlbnQubGF5ZXIuY2xvc2UoaW5kZXgpOw0KICAgIH0sDQogICAgY2xvc2UoKSB7DQogICAgICB0aGlzLmFkZHJlc3NNb2RhbCA9IGZhbHNlOw0KICAgICAgdGhpcy5jaXR5TGlzdCA9IFtdOw0KICAgIH0sDQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgLy8gdGhpcy5nZXRDaXR5TGlzdCgpOw0KICB9LA0KICBiZWZvcmVEZXN0cm95KCkge30sDQp9Ow0K"},{"version":3,"sources":["city.vue"],"names":[],"mappings":";AA2DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"city.vue","sourceRoot":"src/components/freightTemplate","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog :visible.sync=\"addressModal\" title=\"选择可配送区域\" width=\"50%\" class=\"modal\">\r\n      <el-row :gutter=\"24\">\r\n        <el-col :xl=\"24\" :lg=\"24\" :md=\"24\" :sm=\"24\" :xs=\"24\" class=\"item\">\r\n          <div class=\"acea-row row-right row-middle\">\r\n            <el-checkbox v-model=\"iSselect\" @change=\"allCheckbox\">全选</el-checkbox>\r\n            <div class=\"empty\" v-db-click @click=\"empty\">清空</div>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n      <el-row :gutter=\"24\" v-loading=\"loading\">\r\n        <el-col\r\n          :xl=\"6\"\r\n          :lg=\"6\"\r\n          :md=\"6\"\r\n          :sm=\"8\"\r\n          :xs=\"6\"\r\n          class=\"item\"\r\n          v-for=\"(item, index) in cityList\"\r\n          :key=\"index\"\r\n          v-if=\"item.isShow\"\r\n        >\r\n          <el-popover placement=\"top-start\" width=\"600\" trigger=\"hover\" :open-delay=\"600\">\r\n            <div>\r\n              <div class=\"city\">\r\n                <div class=\"checkBox\">\r\n                  <div class=\"arrow\"></div>\r\n                  <div>\r\n                    <el-checkbox\r\n                      v-model=\"city.checked\"\r\n                      :label=\"city.name\"\r\n                      @change=\"primary(index, indexn)\"\r\n                      class=\"itemn\"\r\n                      v-for=\"(city, indexn) in item.children\"\r\n                      :key=\"indexn\"\r\n                      v-show=\"city.isShow\"\r\n                      >{{ city.name }}</el-checkbox\r\n                    >\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <el-checkbox slot=\"reference\" v-model=\"item.checked\" :label=\"item.name\" @change=\"checkedClick(index)\">{{\r\n              item.name\r\n            }}</el-checkbox\r\n            ><span class=\"red\">({{ (item.count || 0) + '/' + item.childNum }})</span>\r\n          </el-popover>\r\n        </el-col>\r\n      </el-row>\r\n      <div slot=\"footer\">\r\n        <el-button v-db-click @click=\"close\">取消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"confirm\">确定</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport { templatesCityListApi } from '@/api/setting';\r\nexport default {\r\n  name: 'city',\r\n  props: {\r\n    type: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n    selectArr: {\r\n      type: Array,\r\n      default: [],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      iSselect: false,\r\n      addressModal: false,\r\n      cityList: [],\r\n      activeCity: -1,\r\n      loading: false,\r\n    };\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    enter(index) {\r\n      this.activeCity = index;\r\n    },\r\n    leave() {\r\n      this.activeCity = null;\r\n    },\r\n    getCityList() {\r\n      this.loading = true;\r\n      templatesCityListApi().then((res) => {\r\n        this.loading = false;\r\n        this.selectArr = [];\r\n        res.data.forEach((el, index, arr) => {\r\n          el.isShow = true;\r\n          el.children.forEach((child, j) => {\r\n            child.isShow = true;\r\n            if (this.selectArr.length > 0) {\r\n              this.selectArr.forEach((sel, sindex) => {\r\n                sel.children.forEach((sitem, sj) => {\r\n                  if (child.city_id == sitem.city_id) {\r\n                    child.isShow = false;\r\n                  }\r\n                });\r\n              });\r\n            }\r\n          });\r\n        });\r\n        res.data.forEach((el, index, arr) => {\r\n          let num = 0;\r\n          let oldNum = 0;\r\n          el.children.forEach((child, j) => {\r\n            if (!child.isShow) {\r\n              num++;\r\n            } else {\r\n              oldNum++;\r\n            }\r\n          });\r\n          if (num == el.children.length) {\r\n            el.isShow = false;\r\n          }\r\n          el.childNum = oldNum;\r\n        });\r\n        this.cityList = res.data;\r\n        this.iSselect = false;\r\n      });\r\n    },\r\n    /**\r\n     * 全选或者反选\r\n     * @param checked\r\n     */\r\n    allCheckbox: function () {\r\n      let that = this,\r\n        checked = this.iSselect;\r\n      that.cityList.forEach(function (item, key) {\r\n        that.$set(that.cityList[key], 'checked', checked);\r\n        if (checked) {\r\n          that.$set(that.cityList[key], 'count', that.cityList[key].children.length);\r\n        } else {\r\n          that.$set(that.cityList[key], 'count', 0);\r\n        }\r\n        that.cityList[key].children.forEach(function (val, k) {\r\n          that.$set(that.cityList[key].children[k], 'checked', checked);\r\n        });\r\n      });\r\n      // this.render();\r\n    },\r\n    // 清空；\r\n    empty() {\r\n      let that = this;\r\n      that.cityList.forEach(function (item, key) {\r\n        that.$set(that.cityList[key], 'checked', false);\r\n        that.cityList[key].children.forEach(function (val, k) {\r\n          that.$set(that.cityList[key].children[k], 'checked', false);\r\n        });\r\n        that.$set(that.cityList[key], 'count', 0);\r\n      });\r\n      this.iSselect = false;\r\n    },\r\n    /**\r\n     * 点击省\r\n     * @param index\r\n     */\r\n    checkedClick: function (index) {\r\n      let that = this;\r\n      if (that.cityList[index].checked) {\r\n        that.$set(that.cityList[index], 'count', that.cityList[index].childNum);\r\n        that.cityList[index].children.forEach(function (item, key) {\r\n          that.$set(that.cityList[index].children[key], 'checked', true);\r\n        });\r\n      } else {\r\n        that.$set(that.cityList[index], 'count', 0);\r\n        that.$set(that.cityList[index], 'checked', false);\r\n        that.cityList[index].children.forEach(function (item, key) {\r\n          that.$set(that.cityList[index].children[key], 'checked', false);\r\n        });\r\n        that.iSselect = false;\r\n      }\r\n      // this.render();\r\n    },\r\n    /**\r\n     * 点击市区\r\n     * @param index\r\n     * @param ind\r\n     */\r\n    primary: function (index, ind) {\r\n      let checked = false,\r\n        count = 0;\r\n      this.cityList[index].children.forEach(function (item, key) {\r\n        if (item.checked) {\r\n          checked = true;\r\n          count++;\r\n        }\r\n      });\r\n      this.$set(this.cityList[index], 'count', count);\r\n      this.$set(this.cityList[index], 'checked', checked);\r\n      // this.render();\r\n    },\r\n    // 确定;\r\n    confirm() {\r\n      let that = this;\r\n      // 被选中的省市；\r\n      let selectList = [];\r\n      that.cityList.forEach(function (item, key) {\r\n        let data = {};\r\n        if (item.checked) {\r\n          data = {\r\n            name: item.name,\r\n            city_id: item.city_id,\r\n            children: [],\r\n          };\r\n        }\r\n        that.cityList[key].children.forEach(function (i, k) {\r\n          if (i.checked) {\r\n            data.children.push({\r\n              city_id: i.city_id,\r\n            });\r\n          }\r\n        });\r\n        if (data.city_id !== undefined) {\r\n          selectList.push(data);\r\n        }\r\n      });\r\n      if (selectList.length === 0) {\r\n        return that.$message.error('至少选择一个省份或者城市');\r\n      } else {\r\n        this.$emit('selectCity', selectList, this.type);\r\n        that.addressModal = false;\r\n        this.cityList = [];\r\n      }\r\n      // parent.selectCity(selectList,type);\r\n      // var index = parent.layer.getFrameIndex(window.name);\r\n      // parent.layer.close(index);\r\n    },\r\n    close() {\r\n      this.addressModal = false;\r\n      this.cityList = [];\r\n    },\r\n  },\r\n  mounted() {\r\n    // this.getCityList();\r\n  },\r\n  beforeDestroy() {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.modal .item {\r\n  margin-bottom: 20px;\r\n}\r\n.modal .item .city {\r\n  position: absolute;\r\n  z-index: 9;\r\n  top: 17px;\r\n  width: 100%;\r\n  padding-top: 18px;\r\n}\r\n.modal .item .city .checkBox {\r\n  width: 97%;\r\n  padding: 10px;\r\n  border: 1px solid #eee;\r\n  background-color: #fff;\r\n  max-height: 100px;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n}\r\n.modal .item .city .checkBox .arrow {\r\n  position: absolute;\r\n  top: 3px;\r\n  width: 0;\r\n  height: 0;\r\n  border: 8px solid transparent;\r\n  border-bottom-color: #ddd;\r\n}\r\n.modal .item .city .checkBox .arrow:before {\r\n  position: absolute;\r\n  bottom: -8px;\r\n  right: -7px;\r\n  content: '';\r\n  width: 0;\r\n  height: 0;\r\n  border: 7px solid transparent;\r\n  border-bottom-color: #fff;\r\n}\r\n.modal .item .city .checkBox .itemn {\r\n  margin-bottom: 14px;\r\n}\r\n.radio {\r\n  padding: 5px 0;\r\n  font-size: 14px !important;\r\n}\r\n.red {\r\n  color: #ff0000;\r\n}\r\n.empty {\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  margin-left: 10px;\r\n  line-height: 19px;\r\n  color: var(--prev-color-text-primary);\r\n  font-weight: 500;\r\n}\r\n</style>\r\n"]}]}