{"version":3,"sources":["webpack:///./src/views/contactus/Index.vue?bce9","webpack:///./src/views/contactus/Index.vue?9d05","webpack:///src/views/contactus/Index.vue","webpack:///./src/views/contactus/Index.vue?832a","webpack:///./src/views/contactus/Index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","_v","_s","cs_tel","rubber_email","glove_email","address","email","ref","form","rules","model","value","callback","$$v","$set","expression","on","add","staticRenderFns","name","data","mobile","title","content","status","remark","created","getIndex","methods","$refs","validate","valid","console","log","res","message","type","msg","component"],"mappings":"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","file":"js/chunk-01e6fe02.07c2d8db.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=2879eaf0&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"banner555\"},[_c('el-image',{attrs:{\"src\":\"https://sritrang.oss-cn-shanghai.aliyuncs.com/202108/2021082611212949.jpg\"}}),_vm._m(0)],1),_c('div',{staticClass:\"box clearfix\"},[_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":7}},[_c('div',{staticClass:\"contact\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"CONTACT US\")]),_c('div',{staticClass:\"info\"},[_vm._v(\"联系我们\")]),_c('div',{staticClass:\"bd\"},[_c('div',{staticClass:\"item\"},[_c('i',{staticClass:\"el-icon-phone-outline\"}),_c('span',[_vm._v(\"客服电话：\"+_vm._s(_vm.cs_tel))])]),_c('div',{staticClass:\"item\"},[_c('i',{staticClass:\"el-icon-message\"}),_c('span',[_vm._v(\"橡胶邮箱：\"+_vm._s(_vm.rubber_email))])]),_c('div',{staticClass:\"item\"},[_c('i',{staticClass:\"el-icon-message\"}),_c('span',[_vm._v(\"手套邮箱：\"+_vm._s(_vm.glove_email))])]),_c('div',{staticClass:\"item\"},[_c('i',{staticClass:\"el-icon-location-outline\"}),_c('span',[_vm._v(\"公司地址：\"+_vm._s(_vm.address))])]),_c('div',{staticClass:\"item\"},[_c('i',{staticClass:\"el-icon-message\"}),_c('span',[_vm._v(\"邮箱：\"+_vm._s(_vm.email))])])])])]),_c('el-col',{attrs:{\"span\":17}},[_c('h3',[_vm._v(\"留言板\")]),_c('el-form',{ref:\"form\",staticClass:\"form-container\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules}},[_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":8}},[_c('el-form-item',{attrs:{\"prop\":\"name\"}},[_c('el-input',{attrs:{\"placeholder\":\"姓名*\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}})],1)],1),_c('el-col',{attrs:{\"span\":8}},[_c('el-form-item',{attrs:{\"prop\":\"email\"}},[_c('el-input',{attrs:{\"placeholder\":\"邮箱地址*\"},model:{value:(_vm.form.email),callback:function ($$v) {_vm.$set(_vm.form, \"email\", $$v)},expression:\"form.email\"}})],1)],1),_c('el-col',{attrs:{\"span\":8}},[_c('el-form-item',{attrs:{\"prop\":\"mobile\"}},[_c('el-input',{attrs:{\"placeholder\":\"电话*\"},model:{value:(_vm.form.mobile),callback:function ($$v) {_vm.$set(_vm.form, \"mobile\", $$v)},expression:\"form.mobile\"}})],1)],1)],1),_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":24}},[_c('el-form-item',{attrs:{\"prop\":\"title\"}},[_c('el-input',{attrs:{\"placeholder\":\"标题*\"},model:{value:(_vm.form.title),callback:function ($$v) {_vm.$set(_vm.form, \"title\", $$v)},expression:\"form.title\"}})],1)],1)],1),_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":24}},[_c('el-form-item',{attrs:{\"prop\":\"content\"}},[_c('el-input',{attrs:{\"type\":\"textarea\",\"rows\":3,\"placeholder\":\"内容*\"},model:{value:(_vm.form.content),callback:function ($$v) {_vm.$set(_vm.form, \"content\", $$v)},expression:\"form.content\"}})],1)],1)],1),_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"btn\"},[_c('el-button',{attrs:{\"type\":\"success\"},on:{\"click\":_vm.add}},[_vm._v(\"提交\")])],1)])],1)],1)],1)],1)],1),_c('div',{staticClass:\"qrcode clearfix\"},[_c('div',{staticClass:\"item\"},[_c('el-image',{attrs:{\"src\":\"/img/st.jpg\"}}),_c('div',{staticClass:\"name\"},[_vm._v(\"诗董手套公众号\")])],1),_c('div',{staticClass:\"item\"},[_c('el-image',{attrs:{\"src\":\"/img/xj.jpg\"}}),_c('div',{staticClass:\"name\"},[_vm._v(\"诗董橡胶公众号\")])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cover\"},[_c('h1',[_vm._v(\"联系我们\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"banner555\">\r\n      <el-image src=\"https://sritrang.oss-cn-shanghai.aliyuncs.com/202108/2021082611212949.jpg\"></el-image>\r\n      <div class=\"cover\">\r\n        <h1>联系我们</h1>\r\n      </div>\r\n    </div>\r\n    <div class=\"box clearfix\">\r\n      <el-row :gutter=\"20\">\r\n        <el-col :span=\"7\">\r\n          <div class=\"contact\">\r\n            <div class=\"title\">CONTACT US</div>\r\n            <div class=\"info\">联系我们</div>\r\n            <div class=\"bd\">\r\n              <div class=\"item\">\r\n                <i class=\"el-icon-phone-outline\"></i>\r\n                <span>客服电话：{{ cs_tel }}</span>\r\n              </div>\r\n              <div class=\"item\">\r\n                <i class=\"el-icon-message\"></i>\r\n                <span>橡胶邮箱：{{ rubber_email }}</span>\r\n              </div>\r\n              <div class=\"item\">\r\n                <i class=\"el-icon-message\"></i>\r\n                <span>手套邮箱：{{ glove_email }}</span>\r\n              </div>\r\n              <div class=\"item\">\r\n                <i class=\"el-icon-location-outline\"></i>\r\n                <span>公司地址：{{ address }}</span>\r\n              </div>\r\n              <div class=\"item\">\r\n                <i class=\"el-icon-message\"></i>\r\n                <span>邮箱：{{ email }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </el-col>\r\n        <el-col :span=\"17\">\r\n          <h3>留言板</h3>\r\n          <el-form class=\"form-container\"\r\n                   ref=\"form\"\r\n                   :model=\"form\"\r\n                   :rules=\"rules\">\r\n            <el-row :gutter=\"20\">\r\n              <el-col :span=\"8\">\r\n                <el-form-item prop=\"name\">\r\n                  <el-input v-model=\"form.name\" placeholder=\"姓名*\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item prop=\"email\">\r\n                  <el-input v-model=\"form.email\" placeholder=\"邮箱地址*\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item prop=\"mobile\">\r\n                  <el-input v-model=\"form.mobile\" placeholder=\"电话*\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row :gutter=\"20\">\r\n              <el-col :span=\"24\">\r\n                <el-form-item prop=\"title\">\r\n                  <el-input v-model=\"form.title\" placeholder=\"标题*\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row :gutter=\"20\">\r\n              <el-col :span=\"24\">\r\n                <el-form-item prop=\"content\">\r\n                  <el-input type=\"textarea\" v-model=\"form.content\" :rows=\"3\" placeholder=\"内容*\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row :gutter=\"20\">\r\n              <el-col :span=\"24\">\r\n                <div class=\"btn\">\r\n                  <el-button type=\"success\" @click=\"add\">提交</el-button>\r\n                </div>\r\n              </el-col>\r\n            </el-row>\r\n          </el-form>\r\n        </el-col>\r\n      </el-row>\r\n    </div>\r\n    <div class=\"qrcode clearfix\">\r\n      <div class=\"item\">\r\n        <el-image src=\"/img/st.jpg\"></el-image>\r\n        <div class=\"name\">诗董手套公众号</div>\r\n      </div>\r\n      <div class=\"item\">\r\n        <el-image src=\"/img/xj.jpg\"></el-image>\r\n        <div class=\"name\">诗董橡胶公众号</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {addContactus, getContactusIndex} from '@/api/api'\r\n\r\nexport default {\r\n  name: \"Index\",\r\n  data() {\r\n    return {\r\n      email: null,\r\n      address: null,\r\n      glove_email: null,\r\n      rubber_email: null,\r\n      cs_tel: null,\r\n      form: {\r\n        name: \"\",\r\n        email: \"\",\r\n        mobile: \"\",\r\n        title: \"\",\r\n        content: \"\",\r\n        status: \"100\",\r\n        remark: \"\",\r\n      },\r\n      rules: {\r\n        name: [{required: true, message: \"请输入姓名\", trigger: \"blur\"}],\r\n        email: [{required: true, message: \"请输入邮箱地址\", trigger: \"blur\"}],\r\n        mobile: [{required: true, message: \"请输入电话\", trigger: \"blur\"}],\r\n        title: [{required: true, message: \"请输入标题\", trigger: \"blur\"}],\r\n        content: [{required: true, message: \"请输入内容\", trigger: \"blur\"}],\r\n      },\r\n    }\r\n  },\r\n  created() {\r\n    this.getIndex();\r\n  },\r\n  methods: {\r\n    getIndex() {\r\n      getContactusIndex().then((res) => {\r\n        this.email = res.data.email;\r\n        this.address = res.data.address;\r\n        this.glove_email = res.data.glove_email;\r\n        this.rubber_email = res.data.rubber_email;\r\n        this.cs_tel = res.data.cs_tel;\r\n      });\r\n    },\r\n    add() {\r\n      this.$refs[\"form\"].validate((valid) => {\r\n        if (valid) {\r\n          addContactus(this.form).then((res) => {\r\n            console.log(res)\r\n            this.$notify({\r\n              title: '成功',\r\n              message: '留言成功',\r\n              type: 'success'\r\n            });\r\n            this.$refs['form'].resetFields();\r\n          }).catch((msg) => {\r\n            console.log(msg)\r\n            this.$notify.error({\r\n              title: '错误',\r\n              message: '留言失败'\r\n            });\r\n            this.$refs['form'].resetFields();\r\n          });\r\n        }\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n@import url(\"Index.css\");\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=2879eaf0&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=2879eaf0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2879eaf0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}