{"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\\components\\PriceChange.vue?vue&type=style&index=0&id=c0dbd7dc&scoped=true&lang=css","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\components\\PriceChange.vue","mtime":1761185180096},{"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\\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:DQppbnB1dCB7DQogIGRpc3BsYXk6IGJsb2NrOw0KICBoZWlnaHQ6IDEwMCU7DQogIGJhY2tncm91bmQ6IG5vbmU7DQogIGNvbG9yOiBpbmhlcml0Ow0KICBvcGFjaXR5OiAxOw0KICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogY3VycmVudGNvbG9yOw0KICBmb250OiBpbmhlcml0Ow0KICBsaW5lLWhlaWdodDogaW5oZXJpdDsNCiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7DQogIHRleHQtYWxpZ246IGluaGVyaXQ7DQogIHRleHQtaW5kZW50OiBpbmhlcml0Ow0KICB0ZXh0LXRyYW5zZm9ybTogaW5oZXJpdDsNCiAgdGV4dC1zaGFkb3c6IGluaGVyaXQ7DQogIGJvcmRlcjogbm9uZTsNCn0NCi8qQGltcG9ydCAnLi4vLi4vLi4vc3R5bGVzL3Jlc2V0LmNzcyc7Ki8NCi5wcmljZUNoYW5nZSB7DQogIHBvc2l0aW9uOiBmaXhlZDsNCiAgd2lkdGg6IDUuOHJlbTsNCiAgaGVpZ2h0OiA2LjdyZW07DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQogIGJvcmRlci1yYWRpdXM6IDAuMXJlbTsNCiAgdG9wOiA1MCU7DQogIGxlZnQ6IDUwJTsNCiAgbWFyZ2luLWxlZnQ6IC0yLjlyZW07DQogIG1hcmdpbi10b3A6IC0zLjM1cmVtOw0KICB6LWluZGV4OiA5OTsNCiAgdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1pbi1vdXQgMHM7DQogIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIDAuM3MgZWFzZS1pbi1vdXQgMHM7DQogIC1vLXRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0IDBzOw0KICAtbW96LXRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0IDBzOw0KICAtd2Via2l0LXRyYW5zZm9ybTogc2NhbGUoMCk7DQogIC1vLXRyYW5zZm9ybTogc2NhbGUoMCk7DQogIC1tb3otdHJhbnNmb3JtOiBzY2FsZSgwKTsNCiAgLW1zLXRyYW5zZm9ybTogc2NhbGUoMCk7DQogIHRyYW5zZm9ybTogc2NhbGUoMCk7DQogIG9wYWNpdHk6IDA7DQp9DQoucHJpY2VDaGFuZ2Uub24gew0KICBvcGFjaXR5OiAxOw0KICB0cmFuc2Zvcm06IHNjYWxlKDEpOw0KICAtd2Via2l0LXRyYW5zZm9ybTogc2NhbGUoMSk7DQogIC1vLXRyYW5zZm9ybTogc2NhbGUoMSk7DQogIC1tb3otdHJhbnNmb3JtOiBzY2FsZSgxKTsNCiAgLW1zLXRyYW5zZm9ybTogc2NhbGUoMSk7DQp9DQoucHJpY2VDaGFuZ2UgLnByaWNlVGl0bGUgew0KICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvcHJpY2V0aXRsZS5qcGcnKSBuby1yZXBlYXQ7DQogIGJhY2tncm91bmQtc2l6ZTogMTAwJSAxMDAlOw0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiAxLjZyZW07DQogIGJvcmRlci1yYWRpdXM6IDAuMXJlbSAwLjFyZW0gMCAwOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGZvbnQtc2l6ZTogMC40cmVtOw0KICBjb2xvcjogI2ZmZjsNCiAgbGluZS1oZWlnaHQ6IDEuNnJlbTsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KfQ0KLnByaWNlQ2hhbmdlIC5wcmljZVRpdGxlIC5pY29uZm9udFlJIHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBmb250LXNpemU6IDAuNHJlbTsNCiAgcmlnaHQ6IDAuMjZyZW07DQogIHRvcDogMC4yM3JlbTsNCiAgd2lkdGg6IDAuNHJlbTsNCiAgaGVpZ2h0OiAwLjRyZW07DQogIGxpbmUtaGVpZ2h0OiAwLjRyZW07DQp9DQoucHJpY2VDaGFuZ2UgLmxpc3RDaGFuZ2Ugew0KICBwYWRkaW5nOiAwIDAuNHJlbTsNCn0NCi5wcmljZUNoYW5nZSAubGlzdENoYW5nZSAuaXRlbSB7DQogIGhlaWdodDogMS4wM3JlbTsNCiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlM2UzZTM7DQogIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgY29sb3I6ICMzMzM7DQp9DQoucHJpY2VDaGFuZ2UgLmxpc3RDaGFuZ2UgLml0ZW0gLm1vbmV5IHsNCiAgY29sb3I6ICM2NjY7DQogIHdpZHRoOiAzcmVtOw0KICB0ZXh0LWFsaWduOiByaWdodDsNCn0NCi5wcmljZUNoYW5nZSAubGlzdENoYW5nZSAuaXRlbSAubW9uZXkgLmljb25mb250WUkgew0KICBmb250LXNpemU6IDAuMzJyZW07DQogIG1hcmdpbi1sZWZ0OiAwLjJyZW07DQp9DQoucHJpY2VDaGFuZ2UgLmxpc3RDaGFuZ2UgLml0ZW0gLm1vbmV5IGlucHV0IHsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogMTAwJTsNCiAgdGV4dC1hbGlnbjogcmlnaHQ7DQogIGNvbG9yOiAjY2NjOw0KICBib3JkZXI6IG5vbmU7DQp9DQoucHJpY2VDaGFuZ2UgLmxpc3RDaGFuZ2UgLml0ZW0gLm1vbmV5IGlucHV0Lm9uIHsNCiAgY29sb3I6ICM2NjY7DQp9DQoucHJpY2VDaGFuZ2UgLm1vZGlmeSB7DQogIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgY29sb3I6ICNmZmY7DQogIHdpZHRoOiA0LjlyZW07DQogIGhlaWdodDogMC45cmVtOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGxpbmUtaGVpZ2h0OiAwLjlyZW07DQogIGJvcmRlci1yYWRpdXM6IDAuNDVyZW07DQogIGJhY2tncm91bmQtY29sb3I6ICMyMjkxZjg7DQogIG1hcmdpbjogMC41M3JlbSBhdXRvIDAgYXV0bzsNCn0NCi5wcmljZUNoYW5nZSAubW9kaWZ5MSB7DQogIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgY29sb3I6ICMzMTJiMmI7DQogIHdpZHRoOiA0LjlyZW07DQogIGhlaWdodDogMC45cmVtOw0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGxpbmUtaGVpZ2h0OiAwLjlyZW07DQogIGJvcmRlci1yYWRpdXM6IDAuNDVyZW07DQogIGJhY2tncm91bmQtY29sb3I6ICNlZWU7DQogIG1hcmdpbjogMC4zcmVtIGF1dG8gMCBhdXRvOw0KfQ0KLnByaWNlQ2hhbmdlIC5saXN0Q2hhbmdlIHRleHRhcmVhIHsNCiAgYm9yZGVyOiAxcHggc29saWQgI2VlZTsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogMnJlbTsNCiAgbWFyZ2luLXRvcDogMC41cmVtOw0KICBib3JkZXItcmFkaXVzOiAwLjFyZW07DQogIGNvbG9yOiAjMzMzOw0KICBwYWRkaW5nOiAwLjJyZW07DQogIGZvbnQtc2l6ZTogMC4zcmVtOw0KfQ0K"},{"version":3,"sources":["PriceChange.vue"],"names":[],"mappings":";AA2LA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"PriceChange.vue","sourceRoot":"src/pages/kefu/components","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"priceChange\" :class=\"change === true ? 'on' : ''\">\r\n      <div class=\"priceTitle\">\r\n        {{ status === 0 ? (orderInfo.refund_status === 1 ? '立即退款' : '一键改价') : '订单备注' }}\r\n        <span class=\"iconfontYI icon-guanbi\" v-db-click @click=\"close\"></span>\r\n      </div>\r\n      <div class=\"listChange\" v-if=\"status === 0\">\r\n        <div class=\"item acea-row row-between-wrapper\" v-if=\"orderInfo.refund_status === 0\">\r\n          <div>商品总价(¥)</div>\r\n          <div class=\"money\">{{ orderInfo.total_price }}<span class=\"iconfontYI icon-suozi\"></span></div>\r\n        </div>\r\n        <div class=\"item acea-row row-between-wrapper\" v-if=\"orderInfo.refund_status === 0\">\r\n          <div>原始邮费(¥)</div>\r\n          <div class=\"money\">{{ orderInfo.pay_postage }}<span class=\"iconfontYI icon-suozi\"></span></div>\r\n        </div>\r\n        <div class=\"item acea-row row-between-wrapper\" v-if=\"orderInfo.refund_status === 0\">\r\n          <div>实际支付(¥)</div>\r\n          <div class=\"money\">\r\n            <input type=\"text\" v-model=\"price\" :class=\"focus === true ? 'on' : ''\" @focus=\"priceChange\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"item acea-row row-between-wrapper\" v-if=\"orderInfo.refund_status === 1\">\r\n          <div>实际支付(¥)</div>\r\n          <div class=\"money\">{{ orderInfo.pay_price }}<span class=\"iconfontYI icon-suozi\"></span></div>\r\n        </div>\r\n        <div class=\"item acea-row row-between-wrapper\" v-if=\"orderInfo.refund_status === 1\">\r\n          <div>退款金额(¥)</div>\r\n          <div class=\"money\">\r\n            <input type=\"text\" v-model=\"refund_price\" :class=\"focus === true ? 'on' : ''\" @focus=\"priceChange\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"listChange\" v-else>\r\n        <textarea\r\n          :placeholder=\"orderInfo.remark ? orderInfo.remark : '请填写备注信息...'\"\r\n          v-model=\"remark\"\r\n          maxlength=\"100\"\r\n        ></textarea>\r\n      </div>\r\n      <div class=\"modify\" v-db-click @click=\"save\">\r\n        {{ orderInfo.refund_status === 0 || status === 1 ? '立即修改' : '确认退款' }}\r\n      </div>\r\n      <div class=\"modify1\" v-db-click @click=\"refuse\" v-if=\"orderInfo.refund_status === 1 && status === 0\">\r\n        拒绝退款\r\n      </div>\r\n    </div>\r\n    <div class=\"maskModel\" @touchmove.prevent v-show=\"change === true\"></div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { required, num } from '@/utils/validate';\r\nimport { validatorDefaultCatch } from '@/libs/dialog';\r\nimport { orderRemark, editPriceApi, orderRefundApi } from '@/api/kefu';\r\nexport default {\r\n  name: 'PriceChange',\r\n  components: {},\r\n  props: {\r\n    change: Boolean,\r\n    orderInfo: {\r\n      type: Object,\r\n      default: null,\r\n    },\r\n    status: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n  },\r\n  data: function () {\r\n    return {\r\n      focus: false,\r\n      price: 0,\r\n      refund_price: 0,\r\n      remark: '',\r\n    };\r\n  },\r\n  watch: {\r\n    orderInfo: function () {\r\n      this.price = this.orderInfo.pay_price;\r\n      this.refund_price = this.orderInfo.pay_price;\r\n      this.remark = this.orderInfo.remark;\r\n    },\r\n  },\r\n  methods: {\r\n    priceChange: function () {\r\n      this.focus = true;\r\n    },\r\n    close: function () {\r\n      this.price = this.orderInfo.pay_price;\r\n      this.$emit('closeChange', false);\r\n    },\r\n    save() {\r\n      this.savePrice({\r\n        price: this.price,\r\n        refund_price: this.refund_price,\r\n        type: 1,\r\n        remark: this.remark,\r\n        id: this.orderInfo.id,\r\n        order_id: this.orderInfo.order_id,\r\n      });\r\n    },\r\n    async savePrice(opt) {\r\n      let that = this,\r\n        data = {},\r\n        price = opt.price,\r\n        refund_price = opt.refund_price,\r\n        refund_status = that.orderInfo.refund_status,\r\n        remark = opt.remark;\r\n      if (that.status == 0 && refund_status === 0) {\r\n        try {\r\n          await this.$validator({\r\n            price: [required(required.message('金额')), num(num.message('金额'))],\r\n          }).validate({ price });\r\n        } catch (e) {\r\n          return validatorDefaultCatch(e);\r\n        }\r\n        data.total_price = this.orderInfo.total_price;\r\n        data.total_postage = this.orderInfo.total_price;\r\n        data.pay_postage = this.orderInfo.pay_postage;\r\n        data.gain_integral = this.orderInfo.gain_integral;\r\n        data.pay_price = opt.price;\r\n        data.order_id = opt.order_id;\r\n        editPriceApi(opt.id, data)\r\n          .then(() => {\r\n            this.$emit('closechange', false);\r\n            that.$dialog.success('改价成功');\r\n          })\r\n          .catch((error) => {\r\n            that.$dialog.error(error.msg);\r\n          });\r\n      } else if (that.status == 0 && refund_status === 1) {\r\n        try {\r\n          await this.$validator({\r\n            refund_price: [required(required.message('金额')), num(num.message('金额'))],\r\n          }).validate({ refund_price });\r\n        } catch (e) {\r\n          return validatorDefaultCatch(e);\r\n        }\r\n        data.price = opt.refund_price;\r\n        data.type = opt.type;\r\n        data.order_id = opt.order_id;\r\n        orderRefundApi(data).then(\r\n          (res) => {\r\n            this.$emit('closechange', false);\r\n            that.$dialog.success('操作成功');\r\n          },\r\n          (err) => {\r\n            this.$emit('closechange', false);\r\n            that.$dialog.error(err.msg);\r\n          },\r\n        );\r\n      } else {\r\n        try {\r\n          await this.$validator({\r\n            remark: [required(required.message('备注'))],\r\n          }).validate({ remark });\r\n        } catch (e) {\r\n          return validatorDefaultCatch(e);\r\n        }\r\n        data.remark = remark;\r\n        data.order_id = opt.order_id;\r\n        orderRemark(data).then(\r\n          (res) => {\r\n            this.$emit('closechange', false);\r\n            that.$dialog.success('提交成功');\r\n          },\r\n          (err) => {\r\n            this.$emit('closechange', false);\r\n            that.$dialog.error(err.msg);\r\n          },\r\n        );\r\n      }\r\n    },\r\n    refuse() {\r\n      this.savePrice({\r\n        price: this.price,\r\n        refund_price: this.refund_price,\r\n        type: 2,\r\n        remark: this.remark,\r\n        id: this.orderInfo.id,\r\n        order_id: this.orderInfo.order_id,\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\ninput {\r\n  display: block;\r\n  height: 100%;\r\n  background: none;\r\n  color: inherit;\r\n  opacity: 1;\r\n  -webkit-text-fill-color: currentcolor;\r\n  font: inherit;\r\n  line-height: inherit;\r\n  letter-spacing: inherit;\r\n  text-align: inherit;\r\n  text-indent: inherit;\r\n  text-transform: inherit;\r\n  text-shadow: inherit;\r\n  border: none;\r\n}\r\n/*@import '../../../styles/reset.css';*/\r\n.priceChange {\r\n  position: fixed;\r\n  width: 5.8rem;\r\n  height: 6.7rem;\r\n  background-color: #fff;\r\n  border-radius: 0.1rem;\r\n  top: 50%;\r\n  left: 50%;\r\n  margin-left: -2.9rem;\r\n  margin-top: -3.35rem;\r\n  z-index: 99;\r\n  transition: all 0.3s ease-in-out 0s;\r\n  -webkit-transition: all 0.3s ease-in-out 0s;\r\n  -o-transition: all 0.3s ease-in-out 0s;\r\n  -moz-transition: all 0.3s ease-in-out 0s;\r\n  -webkit-transform: scale(0);\r\n  -o-transform: scale(0);\r\n  -moz-transform: scale(0);\r\n  -ms-transform: scale(0);\r\n  transform: scale(0);\r\n  opacity: 0;\r\n}\r\n.priceChange.on {\r\n  opacity: 1;\r\n  transform: scale(1);\r\n  -webkit-transform: scale(1);\r\n  -o-transform: scale(1);\r\n  -moz-transform: scale(1);\r\n  -ms-transform: scale(1);\r\n}\r\n.priceChange .priceTitle {\r\n  background: url('../../../assets/images/pricetitle.jpg') no-repeat;\r\n  background-size: 100% 100%;\r\n  width: 100%;\r\n  height: 1.6rem;\r\n  border-radius: 0.1rem 0.1rem 0 0;\r\n  text-align: center;\r\n  font-size: 0.4rem;\r\n  color: #fff;\r\n  line-height: 1.6rem;\r\n  position: relative;\r\n}\r\n.priceChange .priceTitle .iconfontYI {\r\n  position: absolute;\r\n  font-size: 0.4rem;\r\n  right: 0.26rem;\r\n  top: 0.23rem;\r\n  width: 0.4rem;\r\n  height: 0.4rem;\r\n  line-height: 0.4rem;\r\n}\r\n.priceChange .listChange {\r\n  padding: 0 0.4rem;\r\n}\r\n.priceChange .listChange .item {\r\n  height: 1.03rem;\r\n  border-bottom: 1px solid #e3e3e3;\r\n  font-size: 0.32rem;\r\n  color: #333;\r\n}\r\n.priceChange .listChange .item .money {\r\n  color: #666;\r\n  width: 3rem;\r\n  text-align: right;\r\n}\r\n.priceChange .listChange .item .money .iconfontYI {\r\n  font-size: 0.32rem;\r\n  margin-left: 0.2rem;\r\n}\r\n.priceChange .listChange .item .money input {\r\n  width: 100%;\r\n  height: 100%;\r\n  text-align: right;\r\n  color: #ccc;\r\n  border: none;\r\n}\r\n.priceChange .listChange .item .money input.on {\r\n  color: #666;\r\n}\r\n.priceChange .modify {\r\n  font-size: 0.32rem;\r\n  color: #fff;\r\n  width: 4.9rem;\r\n  height: 0.9rem;\r\n  text-align: center;\r\n  line-height: 0.9rem;\r\n  border-radius: 0.45rem;\r\n  background-color: #2291f8;\r\n  margin: 0.53rem auto 0 auto;\r\n}\r\n.priceChange .modify1 {\r\n  font-size: 0.32rem;\r\n  color: #312b2b;\r\n  width: 4.9rem;\r\n  height: 0.9rem;\r\n  text-align: center;\r\n  line-height: 0.9rem;\r\n  border-radius: 0.45rem;\r\n  background-color: #eee;\r\n  margin: 0.3rem auto 0 auto;\r\n}\r\n.priceChange .listChange textarea {\r\n  border: 1px solid #eee;\r\n  width: 100%;\r\n  height: 2rem;\r\n  margin-top: 0.5rem;\r\n  border-radius: 0.1rem;\r\n  color: #333;\r\n  padding: 0.2rem;\r\n  font-size: 0.3rem;\r\n}\r\n</style>\r\n"]}]}