| 1 |
- {"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"]}]}
|
