| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\mobile\\orderList\\orderDelivery.vue?vue&type=style&index=0&id=25a4b784&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\mobile\\orderList\\orderDelivery.vue","mtime":1761185180100},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoudGV4dGFyZWEgew0KICBkaXNwbGF5OiBibG9jazsNCiAgbWluLWhlaWdodDogMS45MnJlbTsNCiAgcGFkZGluZzogMC4zcmVtOw0KICB3aWR0aDogMTAwJTsNCiAgYm9yZGVyOiAwOw0KICBvdXRsaW5lOiBub25lOw0KICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2YwZjBmMDsNCiAgcmVzaXplOiBub25lOw0KfQ0KLmNoZWVja05hbWUgew0KICB3aWR0aDogMXJlbTsNCiAgdGV4dC1hbGlnbjogcmlnaHQ7DQp9DQoudmlld2VyIHsNCiAgb3BhY2l0eTogMDsNCiAgdG9wOiAxJTsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICAuaW1hZ2Ugew0KICAgIHdpZHRoOiAxcmVtOw0KICAgIGhlaWdodDogMC41cmVtOw0KICB9DQp9DQoubG9vayB7DQogIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBtYXJnaW4tbGVmdDogMC4ycmVtOw0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQp9DQouZGVsaXZlci1nb29kcyBoZWFkZXIgew0KICB3aWR0aDogMTAwJTsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCn0NCg0KLmRlbGl2ZXItZ29vZHMgaGVhZGVyIC5vcmRlci1udW0gew0KICBwYWRkaW5nOiAwIDAuM3JlbTsNCiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNmNWY1ZjU7DQogIGhlaWdodDogMC42N3JlbTsNCn0NCg0KLmRlbGl2ZXItZ29vZHMgaGVhZGVyIC5vcmRlci1udW0gLm51bSB7DQogIHdpZHRoOiA0LjNyZW07DQogIGZvbnQtc2l6ZTogMC4yNnJlbTsNCiAgY29sb3I6ICMyODI4Mjg7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCn0NCg0KLmRlbGl2ZXItZ29vZHMgaGVhZGVyIC5vcmRlci1udW0gLm51bTphZnRlciB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgY29udGVudDogJyc7DQogIHdpZHRoOiAxcHg7DQogIGhlaWdodDogMC4zcmVtOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGRkOw0KICB0b3A6IDUwJTsNCiAgbWFyZ2luLXRvcDogLTAuMTVyZW07DQogIHJpZ2h0OiAwOw0KfQ0KDQouZGVsaXZlci1nb29kcyBoZWFkZXIgLm9yZGVyLW51bSAubmFtZSB7DQogIHdpZHRoOiAyLjZyZW07DQogIGZvbnQtc2l6ZTogMC4yNnJlbTsNCiAgY29sb3I6ICMyODI4Mjg7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCn0NCg0KLmRlbGl2ZXItZ29vZHMgaGVhZGVyIC5vcmRlci1udW0gLm5hbWUgLmljb25mb250WUkgew0KICBmb250LXNpemU6IDAuMzVyZW07DQogIGNvbG9yOiAjNDc3ZWYzOw0KICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOw0KICBtYXJnaW4tcmlnaHQ6IDAuMXJlbTsNCn0NCg0KLmRlbGl2ZXItZ29vZHMgaGVhZGVyIC5hZGRyZXNzIHsNCiAgZm9udC1zaXplOiAwLjI2cmVtOw0KICBjb2xvcjogIzg2ODY4NjsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCiAgcGFkZGluZzogMC4zcmVtOw0KfQ0KDQouZGVsaXZlci1nb29kcyBoZWFkZXIgLmFkZHJlc3MgLm5hbWUgew0KICBmb250LXNpemU6IDAuM3JlbTsNCiAgY29sb3I6ICMyODI4Mjg7DQogIG1hcmdpbi1ib3R0b206IDAuMXJlbTsNCn0NCg0KLmRlbGl2ZXItZ29vZHMgaGVhZGVyIC5hZGRyZXNzIC5uYW1lIC5waG9uZSB7DQogIG1hcmdpbi1sZWZ0OiAwLjRyZW07DQp9DQoNCi5kZWxpdmVyLWdvb2RzIGhlYWRlciAubGluZSB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDAuMDNyZW07DQp9DQoNCi5kZWxpdmVyLWdvb2RzIGhlYWRlciAubGluZSBpbWcgew0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiAxMDAlOw0KICBkaXNwbGF5OiBibG9jazsNCn0NCg0KLmRlbGl2ZXItZ29vZHMgLndyYXBwZXIgew0KICB3aWR0aDogMTAwJTsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCn0NCg0KLmRlbGl2ZXItZ29vZHMgLndyYXBwZXIgLml0ZW0gew0KICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2YwZjBmMDsNCiAgcGFkZGluZzogMCAwLjNyZW07DQogIGhlaWdodDogMC45NnJlbTsNCiAgZm9udC1zaXplOiAwLjMycmVtOw0KICBjb2xvcjogIzI4MjgyODsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KfQ0KDQouZGVsaXZlci1nb29kcyAud3JhcHBlciAuaXRlbSAudGlwIHsNCiAgY29sb3I6ICNjNGM0YzQ7DQogIHRleHQtYWxpZ246IHJpZ2h0Ow0KICB3aWR0aDogMTAwJTsNCiAgZm9udC1zaXplOiAwLjI1cmVtOw0KfQ0KDQouZGVsaXZlci1nb29kcyAud3JhcHBlciAuaXRlbSAubW9kZSB7DQogIHdpZHRoOiA0LjZyZW07DQogIGhlaWdodDogMTAwJTsNCiAgdGV4dC1hbGlnbjogcmlnaHQ7DQogIG91dGxpbmU6IG5vbmU7DQp9DQoNCi5kZWxpdmVyLWdvb2RzIC53cmFwcGVyIC5pdGVtIC5tb2RlIC5pY29uZm9udFlJIHsNCiAgZm9udC1zaXplOiAwLjNyZW07DQogIG1hcmdpbi1sZWZ0OiAwLjEzcmVtOw0KfQ0KDQouZGVsaXZlci1nb29kcyAud3JhcHBlciAuaXRlbSAubW9kZSAuZ29vZHMgfiAuZ29vZHMgew0KICBtYXJnaW4tbGVmdDogMC4zcmVtOw0KfQ0KDQouZGVsaXZlci1nb29kcyAud3JhcHBlciAuaXRlbSAubW9kZSAuZ29vZHMgew0KICBjb2xvcjogI2JiYjsNCn0NCg0KLmRlbGl2ZXItZ29vZHMgLndyYXBwZXIgLml0ZW0gLm1vZGUgLmdvb2RzLm9uIHsNCiAgY29sb3I6ICM0NzdlZjM7DQp9DQoNCi5kZWxpdmVyLWdvb2RzIC53cmFwcGVyIC5pdGVtIC5pY29uLXVwIHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBmb250LXNpemU6IDAuMzVyZW07DQogIGNvbG9yOiAjMmMyYzJjOw0KICByaWdodDogMC4zcmVtOw0KfQ0KDQouZGVsaXZlci1nb29kcyAud3JhcHBlciAuaXRlbSBzZWxlY3Qgew0KICBkaXJlY3Rpb246IHJ0bDsNCiAgcGFkZGluZy1yaWdodDogMC42cmVtOw0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIHotaW5kZXg6IDI7DQp9DQoNCi5kZWxpdmVyLWdvb2RzIC53cmFwcGVyIC5pdGVtIGlucHV0OjpwbGFjZWhvbGRlciB7DQogIGNvbG9yOiAjYmJiOw0KfQ0KDQouZGVsaXZlci1nb29kcyAuY29uZmlybSB7DQogIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgY29sb3I6ICNmZmY7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDFyZW07DQogIGJhY2tncm91bmQtY29sb3I6ICM0NzdlZjM7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgbGluZS1oZWlnaHQ6IDFyZW07DQogIHBvc2l0aW9uOiBmaXhlZDsNCiAgYm90dG9tOiAwOw0KfQ0K"},{"version":3,"sources":["orderDelivery.vue"],"names":[],"mappings":";AA6YA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"orderDelivery.vue","sourceRoot":"src/pages/kefu/mobile/orderList","sourcesContent":["<template>\r\n <div class=\"deliver-goods\" v-if=\"delivery\">\r\n <header>\r\n <div class=\"order-num acea-row row-between-wrapper\">\r\n <div class=\"num line1\">订单号：{{ orderId }}</div>\r\n <div class=\"name line1\">\r\n <span class=\"iconfontYI icon-yonghu2\"></span>{{ delivery.userInfo ? delivery.userInfo.nickname : '' }}\r\n </div>\r\n </div>\r\n <div class=\"address\">\r\n <div class=\"name\">\r\n {{ delivery.orderInfo.real_name }}<span class=\"phone\">{{ delivery.orderInfo.phone }}</span>\r\n </div>\r\n <div>{{ delivery.orderInfo.user_address }}</div>\r\n </div>\r\n <div class=\"line\"><img src=\"../../../../assets/images/line.jpg\" /></div>\r\n </header>\r\n <div class=\"wrapper\">\r\n <div class=\"item acea-row row-between-wrapper\">\r\n <div>发货方式</div>\r\n <div class=\"mode acea-row row-middle row-right\">\r\n <div\r\n class=\"goods\"\r\n :class=\"active === index ? 'on' : ''\"\r\n v-for=\"(item, index) in types\"\r\n :key=\"index\"\r\n v-db-click\r\n @click=\"changeType(item, index)\"\r\n >\r\n {{ item.title }}<span class=\"iconfontYI icon-xuanzhong2\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"item acea-row row-between-wrapper\" v-if=\"active === 0\">\r\n <div>发货类型</div>\r\n <div class=\"mode acea-row row-middle row-right\">\r\n <div\r\n class=\"goods\"\r\n :class=\"activeExpTpe === index ? 'on' : ''\"\r\n v-for=\"(item, index) in expressType\"\r\n :key=\"index\"\r\n v-db-click\r\n @click=\"changeExpTpe(item, index)\"\r\n >\r\n {{ item.title }}<span class=\"iconfontYI icon-xuanzhong2\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"list\" v-if=\"active === 0\">\r\n <div class=\"item acea-row row-between-wrapper\">\r\n <div>快递公司</div>\r\n <span class=\"checkName\" v-text=\"expFrom.delivery_name\" v-db-click @click=\"show\"></span>\r\n <vue-pickers\r\n :data=\"pickData\"\r\n :showToolbar=\"true\"\r\n :maskClick=\"true\"\r\n @cancel=\"cancel\"\r\n @confirm=\"confirm\"\r\n :defaultIndex=\"0\"\r\n :visible.sync=\"pickerVisible\"\r\n ></vue-pickers>\r\n </div>\r\n <div class=\"item acea-row row-between-wrapper\" v-if=\"expFrom.express_record_type === 1\">\r\n <div>快递单号</div>\r\n <input type=\"text\" placeholder=\"填写快递单号\" v-model=\"expFrom.delivery_id\" class=\"mode input-input\" />\r\n </div>\r\n <div class=\"item acea-row row-between-wrapper\" v-if=\"expFrom.express_record_type === 1\">\r\n <div class=\"tip\">顺丰请输入单号：收件人或寄件人手机号后四位,</div>\r\n <div class=\"tip\">例如：SF000000000000:3941</div>\r\n </div>\r\n </div>\r\n <div class=\"list\" v-if=\"expTemp.length && active === 0\">\r\n <div class=\"item acea-row row-between-wrapper\">\r\n <div>电子面单</div>\r\n <div class=\"acea-row\">\r\n <span class=\"checkName\" v-text=\"expFrom.delivery_name\" v-db-click @click=\"showExpTemp\"></span>\r\n <vue-pickers\r\n :data=\"expTempData\"\r\n :showToolbar=\"true\"\r\n :maskClick=\"true\"\r\n @confirm=\"confirmExpTemp\"\r\n :defaultIndex=\"0\"\r\n :visible.sync=\"pickerVisibleExpTemp\"\r\n ></vue-pickers>\r\n <div class=\"look\">\r\n <span>预览</span>\r\n <viewer class=\"viewer\" ref=\"viewer\">\r\n <img v-lazy=\"tempImg\" class=\"image\" />\r\n </viewer>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"list\" v-if=\"expFrom.express_record_type === 2 && active === 0\">\r\n <div class=\"item acea-row row-between-wrapper\">\r\n <div>寄件人姓名</div>\r\n <input type=\"text\" placeholder=\"填写寄件人姓名\" v-model=\"expFrom.to_name\" class=\"mode input-input\" />\r\n </div>\r\n <div class=\"item acea-row row-between-wrapper\">\r\n <div>寄件人电话</div>\r\n <input type=\"text\" placeholder=\"填写寄件人电话\" v-model=\"expFrom.to_tel\" class=\"mode input-input\" />\r\n </div>\r\n <div class=\"item acea-row row-between-wrapper\">\r\n <div>寄件人地址</div>\r\n <input type=\"text\" placeholder=\"填写寄件人地址\" v-model=\"expFrom.to_addr\" class=\"mode input-input\" />\r\n </div>\r\n </div>\r\n <div class=\"list\" v-if=\"active === 1\">\r\n <div class=\"item acea-row row-between-wrapper\">\r\n <div>送货人</div>\r\n <span class=\"checkName\" v-text=\"expFrom.sh_delivery_name\" v-db-click @click=\"showName\"></span>\r\n <vue-pickers\r\n :data=\"deliveryList\"\r\n :showToolbar=\"true\"\r\n :maskClick=\"true\"\r\n @confirm=\"confirmName\"\r\n :defaultIndex=\"0\"\r\n :visible.sync=\"pickerVisibleName\"\r\n ></vue-pickers>\r\n </div>\r\n <div class=\"item acea-row row-between-wrapper\">\r\n <div>送货人电话</div>\r\n <input type=\"text\" placeholder=\"填写送货人电话\" v-model=\"expFrom.sh_delivery_id\" class=\"mode input-input\" />\r\n </div>\r\n </div>\r\n <textarea\r\n v-if=\"active === 2\"\r\n v-model=\"expFrom.fictitious_content\"\r\n class=\"textarea\"\r\n placeholder=\"备注\"\r\n :maxlength=\"500\"\r\n ></textarea>\r\n </div>\r\n <div style=\"height: 1.2rem\"></div>\r\n <div class=\"confirm\" v-db-click @click=\"saveInfo\">确认提交</div>\r\n </div>\r\n</template>\r\n<script>\r\nimport { orderSendApi, orderDetailApi } from '@/api/order';\r\nimport { orderTemp, orderInfo, orderExport, orderDelivery, getSender, orderDeliveryAll } from '@/api/kefu';\r\nimport { required, num } from '@/utils/validate';\r\nimport { validatorDefaultCatch } from '@/libs/dialog';\r\nimport vuePickers from 'vue-pickers';\r\nexport default {\r\n name: 'GoodsDeliver',\r\n components: { vuePickers },\r\n props: {},\r\n data: function () {\r\n return {\r\n pickerVisible: false, // 快递公司选择\r\n types: [\r\n {\r\n type: 1,\r\n title: '发货',\r\n },\r\n {\r\n type: 2,\r\n title: '送货',\r\n },\r\n {\r\n type: 3,\r\n title: '无需发货',\r\n },\r\n ],\r\n expressType: [\r\n {\r\n title: '手动填写',\r\n key: 1,\r\n },\r\n {\r\n title: '电子面单打印',\r\n key: 2,\r\n },\r\n ],\r\n active: 0,\r\n activeExpTpe: 0,\r\n orderId: '',\r\n delivery: null,\r\n pickData: [],\r\n type: '1',\r\n result: {},\r\n expFrom: {\r\n type: 1, // 发货方式\r\n delivery_name: '', //快递公司\r\n delivery_id: '', //快递单号\r\n delivery_code: '', //快递公司编码\r\n express_record_type: 1, // 发货类型\r\n express_temp_id: '', // 电子面单模板\r\n to_name: '',\r\n to_tel: '',\r\n to_addr: '',\r\n sh_delivery_name: '',\r\n sh_delivery_id: '',\r\n sh_delivery_uid: '',\r\n fictitious_content: '',\r\n },\r\n expTemp: [],\r\n pickerVisibleName: false, // 送货人选择\r\n pickerVisibleExpTemp: false, //电子面单选择\r\n expTempData: [], // 面单数据\r\n tempName: '', // 面单名称\r\n tempImg: '', //面单图片\r\n deliveryList: [], // 送货人数据\r\n };\r\n },\r\n watch: {\r\n '$route.params.orderId': function (newVal) {\r\n let that = this;\r\n if (newVal != undefined) {\r\n that.orderId = newVal;\r\n that.getIndex();\r\n }\r\n },\r\n },\r\n created() {\r\n // import('@/assets/js/media_750')\r\n },\r\n mounted: function () {\r\n this.orderId = this.$route.params.orderId;\r\n this.getIndex();\r\n this.getLogistics();\r\n },\r\n methods: {\r\n // 显示送货人\r\n showName() {\r\n this.pickerVisibleName = true;\r\n },\r\n // 获取配送人\r\n getDelivery() {\r\n orderDeliveryAll().then((res) => {\r\n let tdata = [];\r\n res.data.map((item) => {\r\n tdata.push({\r\n label: item.nickname,\r\n value: item.uid,\r\n phone: item.phone,\r\n });\r\n });\r\n this.deliveryList = [tdata];\r\n this.expFrom.sh_delivery_name = tdata[0].label;\r\n this.expFrom.sh_delivery_id = tdata[0].phone;\r\n this.expFrom.sh_delivery_uid = tdata[0].value;\r\n if (this.expFrom.express_record_type === 2) this.getTemp();\r\n });\r\n },\r\n // 选择送货人\r\n confirmName(res) {\r\n this.expFrom.sh_delivery_name = res[0].label;\r\n this.expFrom.sh_delivery_id = res[0].phone;\r\n this.expFrom.sh_delivery_uid = res[0].value;\r\n },\r\n // 获取订单打印默认配置\r\n orderDeliveryInfo() {\r\n getSender().then((res) => {\r\n this.expFrom.to_name = res.data.to_name;\r\n this.expFrom.to_tel = res.data.to_tel;\r\n this.expFrom.to_addr = res.data.to_add;\r\n });\r\n },\r\n cancel() {\r\n // this.result = 'click cancel result: null'\r\n },\r\n // 选择发货类型\r\n changeExpTpe(item, index) {\r\n this.expFrom.express_record_type = item.key;\r\n this.activeExpTpe = index;\r\n if (item.key === 2) {\r\n this.orderDeliveryInfo();\r\n this.getTemp();\r\n } else {\r\n this.expTemp = [];\r\n }\r\n },\r\n // 快递模板\r\n getTemp() {\r\n orderTemp({\r\n com: this.expFrom.delivery_code,\r\n }).then((res) => {\r\n this.expTemp = res.data.data;\r\n let tdata = [];\r\n if (this.expTemp.length) {\r\n this.expTemp.map((item) => {\r\n tdata.push({\r\n label: item.title,\r\n value: item.temp_id,\r\n id: item.id,\r\n pic: item.pic,\r\n code: item.code,\r\n });\r\n });\r\n this.expTempData = [tdata];\r\n this.expFrom.express_temp_id = tdata[0].value;\r\n this.tempName = tdata[0].label;\r\n this.tempImg = tdata[0].pic;\r\n }\r\n });\r\n },\r\n // 选择电子面单模板\r\n confirmExpTemp(res) {\r\n this.expFrom.express_temp_id = res[0].value;\r\n this.tempName = res[0].label;\r\n this.tempImg = res[0].pic;\r\n },\r\n // 选择快递公司\r\n confirm(res) {\r\n this.expFrom.delivery_name = res[0].label;\r\n this.expFrom.delivery_code = res[0].value;\r\n if (this.expFrom.express_record_type === 2) this.getTemp();\r\n },\r\n show() {\r\n this.pickerVisible = true;\r\n },\r\n showExpTemp() {\r\n this.pickerVisibleExpTemp = true;\r\n },\r\n // 发货方式\r\n changeType: function (item, index) {\r\n this.active = index;\r\n this.expFrom.type = item.type;\r\n if (index === 1) this.getDelivery();\r\n },\r\n getIndex() {\r\n orderInfo(this.$route.params.id)\r\n .then((res) => {\r\n this.delivery = res.data;\r\n })\r\n .catch((error) => {\r\n this.$dialog.error(error.msg);\r\n });\r\n },\r\n getLogistics() {\r\n orderExport().then(async (res) => {\r\n let tdata = [];\r\n res.data.map((item) => {\r\n tdata.push({\r\n label: item.value,\r\n value: item.code,\r\n id: item.id,\r\n });\r\n });\r\n this.pickData = [tdata];\r\n this.expFrom.delivery_name = tdata[0].label;\r\n this.expFrom.delivery_code = tdata[0].value;\r\n if (this.expFrom.express_record_type === 2) this.getTemp();\r\n });\r\n },\r\n async saveInfo() {\r\n let that = this,\r\n type = that.type,\r\n // expressId = that.expressId,\r\n // expressCode = that.expressCode,\r\n save = {};\r\n // save.id = that.$route.params.id;\r\n // save.type = that.expFrom.type;\r\n switch (type) {\r\n case '1':\r\n if (this.expFrom.type === 1 && !that.expFrom.delivery_name) return that.$dialog.error('请输入快递公司');\r\n if (this.expFrom.type === 1 && this.expFrom.express_record_type === 1 && !that.expFrom.delivery_id)\r\n return that.$dialog.error('请输入快递单号');\r\n if (this.expFrom.type === 1 && !that.expFrom.express_temp_id && this.expFrom.express_record_type === 2)\r\n return that.$dialog.error('请选择电子面单');\r\n that.setInfo(that.expFrom);\r\n break;\r\n case '2':\r\n try {\r\n await this.$validator({\r\n expressId: [required(required.message('发货人姓名'))],\r\n expressCode: [required(required.message('发货人电话'))],\r\n }).validate({ expressId, expressCode });\r\n } catch (e) {\r\n return validatorDefaultCatch(e);\r\n }\r\n save.expressId = expressId;\r\n save.expressCode = expressCode;\r\n that.setInfo(save);\r\n break;\r\n case '3':\r\n that.setInfo(save);\r\n break;\r\n }\r\n },\r\n setInfo: function (item) {\r\n let that = this;\r\n orderDelivery(that.$route.params.id, item).then(\r\n (res) => {\r\n that.$dialog.success('发送货成功');\r\n that.$router.go(-1);\r\n },\r\n (error) => {\r\n that.$dialog.error(error.msg);\r\n },\r\n );\r\n },\r\n },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.textarea {\r\n display: block;\r\n min-height: 1.92rem;\r\n padding: 0.3rem;\r\n width: 100%;\r\n border: 0;\r\n outline: none;\r\n border-bottom: 1px solid #f0f0f0;\r\n resize: none;\r\n}\r\n.cheeckName {\r\n width: 1rem;\r\n text-align: right;\r\n}\r\n.viewer {\r\n opacity: 0;\r\n top: 1%;\r\n position: absolute;\r\n .image {\r\n width: 1rem;\r\n height: 0.5rem;\r\n }\r\n}\r\n.look {\r\n color: var(--prev-color-primary);\r\n margin-left: 0.2rem;\r\n position: relative;\r\n}\r\n.deliver-goods header {\r\n width: 100%;\r\n background-color: #fff;\r\n}\r\n\r\n.deliver-goods header .order-num {\r\n padding: 0 0.3rem;\r\n border-bottom: 1px solid #f5f5f5;\r\n height: 0.67rem;\r\n}\r\n\r\n.deliver-goods header .order-num .num {\r\n width: 4.3rem;\r\n font-size: 0.26rem;\r\n color: #282828;\r\n position: relative;\r\n}\r\n\r\n.deliver-goods header .order-num .num:after {\r\n position: absolute;\r\n content: '';\r\n width: 1px;\r\n height: 0.3rem;\r\n background-color: #ddd;\r\n top: 50%;\r\n margin-top: -0.15rem;\r\n right: 0;\r\n}\r\n\r\n.deliver-goods header .order-num .name {\r\n width: 2.6rem;\r\n font-size: 0.26rem;\r\n color: #282828;\r\n text-align: center;\r\n}\r\n\r\n.deliver-goods header .order-num .name .iconfontYI {\r\n font-size: 0.35rem;\r\n color: #477ef3;\r\n vertical-align: middle;\r\n margin-right: 0.1rem;\r\n}\r\n\r\n.deliver-goods header .address {\r\n font-size: 0.26rem;\r\n color: #868686;\r\n background-color: #fff;\r\n padding: 0.3rem;\r\n}\r\n\r\n.deliver-goods header .address .name {\r\n font-size: 0.3rem;\r\n color: #282828;\r\n margin-bottom: 0.1rem;\r\n}\r\n\r\n.deliver-goods header .address .name .phone {\r\n margin-left: 0.4rem;\r\n}\r\n\r\n.deliver-goods header .line {\r\n width: 100%;\r\n height: 0.03rem;\r\n}\r\n\r\n.deliver-goods header .line img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n}\r\n\r\n.deliver-goods .wrapper {\r\n width: 100%;\r\n background-color: #fff;\r\n}\r\n\r\n.deliver-goods .wrapper .item {\r\n border-bottom: 1px solid #f0f0f0;\r\n padding: 0 0.3rem;\r\n height: 0.96rem;\r\n font-size: 0.32rem;\r\n color: #282828;\r\n position: relative;\r\n}\r\n\r\n.deliver-goods .wrapper .item .tip {\r\n color: #c4c4c4;\r\n text-align: right;\r\n width: 100%;\r\n font-size: 0.25rem;\r\n}\r\n\r\n.deliver-goods .wrapper .item .mode {\r\n width: 4.6rem;\r\n height: 100%;\r\n text-align: right;\r\n outline: none;\r\n}\r\n\r\n.deliver-goods .wrapper .item .mode .iconfontYI {\r\n font-size: 0.3rem;\r\n margin-left: 0.13rem;\r\n}\r\n\r\n.deliver-goods .wrapper .item .mode .goods ~ .goods {\r\n margin-left: 0.3rem;\r\n}\r\n\r\n.deliver-goods .wrapper .item .mode .goods {\r\n color: #bbb;\r\n}\r\n\r\n.deliver-goods .wrapper .item .mode .goods.on {\r\n color: #477ef3;\r\n}\r\n\r\n.deliver-goods .wrapper .item .icon-up {\r\n position: absolute;\r\n font-size: 0.35rem;\r\n color: #2c2c2c;\r\n right: 0.3rem;\r\n}\r\n\r\n.deliver-goods .wrapper .item select {\r\n direction: rtl;\r\n padding-right: 0.6rem;\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\r\n.deliver-goods .wrapper .item input::placeholder {\r\n color: #bbb;\r\n}\r\n\r\n.deliver-goods .confirm {\r\n font-size: 0.32rem;\r\n color: #fff;\r\n width: 100%;\r\n height: 1rem;\r\n background-color: #477ef3;\r\n text-align: center;\r\n line-height: 1rem;\r\n position: fixed;\r\n bottom: 0;\r\n}\r\n</style>\r\n"]}]}
|
