{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\notify\\smsConfig\\elecInvoice.vue?vue&type=style&index=0&id=136f21dc&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\notify\\smsConfig\\elecInvoice.vue","mtime":1761614939042},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"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:DQouaW5wdXQtd2lkdGggew0KICB3aWR0aDogMTAwJTsNCn0NCg=="},{"version":3,"sources":["elecInvoice.vue"],"names":[],"mappings":";AA4KA;AACA;AACA","file":"elecInvoice.vue","sourceRoot":"src/pages/notify/smsConfig","sourcesContent":["<template>\r\n  <div class=\"main\">\r\n    <div class=\"i-layout-page-header header-title\">\r\n      <span class=\"ivu-page-header-title\">{{ $route.meta.title }}</span>\r\n    </div>\r\n    <el-card :bordered=\"false\" shadow=\"never\">\r\n      <el-form\r\n        ref=\"formItem\"\r\n        :model=\"formItem\"\r\n        label-width=\"110px\"\r\n        label-position=\"right\"\r\n        :rules=\"ruleValidate\"\r\n        @submit.native.prevent\r\n      >\r\n        <el-row :gutter=\"24\">\r\n          <el-col :span=\"24\">\r\n            <el-col v-bind=\"grid\">\r\n              <el-form-item label=\"电子发票状态：\" prop=\"name\" label-for=\"name\">\r\n                <el-radio-group v-model=\"formItem.elec_invoice\">\r\n                  <el-radio :label=\"1\">开启</el-radio>\r\n                  <el-radio :label=\"0\">关闭</el-radio>\r\n                </el-radio-group>\r\n                <div class=\"tips-info\">是否开启电子发票</div>\r\n              </el-form-item>\r\n            </el-col>\r\n          </el-col>\r\n          <template v-if=\"formItem.elec_invoice === 1\">\r\n            <el-col :span=\"24\">\r\n              <el-col v-bind=\"grid\">\r\n                <el-form-item label=\"是否自动开票：\" prop=\"name\" label-for=\"name\">\r\n                  <div>\r\n                    <el-radio-group v-model=\"formItem.auto_invoice\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"0\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                    <div class=\"tips-info\">是否开启自动开票功能</div>\r\n                  </div>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-col>\r\n            <template v-if=\"formItem.auto_invoice === 1 && formItem.elec_invoice === 1\">\r\n              <el-col :span=\"24\">\r\n                <el-col v-bind=\"grid\">\r\n                  <el-form-item label=\"电子发票分类：\">\r\n                    <el-select\r\n                      class=\"input-width\"\r\n                      v-model=\"formItem.elec_invoice_cate\"\r\n                      filterable\r\n                      remote\r\n                      reserve-keyword\r\n                      :remote-method=\"remoteMethod\"\r\n                      :loading=\"loading\"\r\n                      placeholder=\"请输入并选择电子发票的商品分类\"\r\n                      @change=\"selectChange\"\r\n                    >\r\n                      <el-option v-for=\"item in options\" :key=\"item.id\" :label=\"item.name\" :value=\"item.id\">\r\n                      </el-option>\r\n                    </el-select>\r\n                    <div class=\"tips-info\">电子发票需输入搜索并选择商品分类，如：电子产品、电子服务等</div>\r\n                  </el-form-item>\r\n                </el-col>\r\n              </el-col>\r\n              <el-col :span=\"24\">\r\n                <el-col v-bind=\"grid\">\r\n                  <el-form-item label=\"电子发票税率：\">\r\n                    <el-input\r\n                      type=\"number\"\r\n                      class=\"input-width\"\r\n                      v-model=\"formItem.elec_invoice_tax_rate\"\r\n                      placeholder=\"请输入电子发票税率\"\r\n                    />\r\n                    <div class=\"tips-info\">\r\n                      默认填充税率可能存在误差，请确认无误后再保存电子发票的税率，填写0-100直接的整数，如：13%的税率请填写13\r\n                    </div>\r\n                  </el-form-item>\r\n                </el-col>\r\n              </el-col>\r\n            </template>\r\n          </template>\r\n          <el-col :span=\"24\">\r\n            <el-col v-bind=\"grid\">\r\n              <el-form-item>\r\n                <el-button type=\"primary\" long v-db-click @click=\"handleSubmit('formItem')\">保存</el-button>\r\n              </el-form-item>\r\n            </el-col>\r\n          </el-col>\r\n        </el-row>\r\n      </el-form>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { invoiceCategory, saveBasics, invoiceConfig } from '@/api/order';\r\nexport default {\r\n  name: '',\r\n  data() {\r\n    return {\r\n      ruleValidate: {},\r\n      formItem: {\r\n        elec_invoice: 0,\r\n        auto_invoice: 0,\r\n        elec_invoice_cate: '',\r\n        elec_invoice_tax_rate: null,\r\n      },\r\n      optionsConfig: {\r\n        label: 'name',\r\n        value: 'id',\r\n      },\r\n      grid: {\r\n        xl: 8,\r\n        lg: 12,\r\n        md: 18,\r\n        sm: 16,\r\n        xs: 24,\r\n      },\r\n      loading: false,\r\n      options: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.getInvoiceConfig();\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    getInvoiceConfig() {\r\n      invoiceConfig().then((res) => {\r\n        this.formItem = res.data;\r\n        this.formItem.elec_invoice_cate = res.data.elec_invoice_cate || '';\r\n        let { elec_invoice_cate, elec_invoice_cate_name } = res.data;\r\n        if (elec_invoice_cate) {\r\n          this.options = [{ id: elec_invoice_cate, name: elec_invoice_cate_name }];\r\n        }\r\n      });\r\n    },\r\n    selectChange(e) {\r\n      let obj = {};\r\n      obj = this.options.find((item) => {\r\n        return item.id === e;\r\n      });\r\n      this.formItem.elec_invoice_cate_name = obj.name;\r\n      this.formItem.elec_invoice_tax_rate = obj.tax_rate_num;\r\n    },\r\n    handleSubmit(formName) {\r\n      this.$refs[formName].validate((valid) => {\r\n        if (valid) {\r\n          saveBasics(this.formItem).then(() => {\r\n            this.$message.success('保存成功');\r\n          });\r\n        } else {\r\n          console.log('error submit!!');\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    remoteMethod(query) {\r\n      if (query !== '') {\r\n        this.loading = true;\r\n        invoiceCategory({ name: query }).then((res) => {\r\n          this.loading = false;\r\n          this.options = res.data.list.filter((item) => {\r\n            return item.name.toLowerCase().indexOf(query.toLowerCase()) > -1;\r\n          });\r\n        });\r\n      } else {\r\n        this.options = [];\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.input-width {\r\n  width: 100%;\r\n}\r\n</style>\r\n"]}]}