{"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\HeadFrom.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageFormCom\\HeadFrom.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgbWFwR2V0dGVycyB9IGZyb20gInZ1ZXgiOwppbXBvcnQgVXBsb2FkUWluaXUgZnJvbSAiQC9jb21wb25lbnQvY29tbW9uL1VwbG9hZFFpbml1IjsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJIZWFkRnJvbSIsCiAgY29tcG9uZW50czogewogICAgVXBsb2FkUWluaXUKICB9LAogIHByb3BzOiB7CiAgICB0ZW1Gb3JtOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogKCkgPT4gewogICAgICAgIHJldHVybiB7fTsKICAgICAgfQogICAgfQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBmb3JtOiB7fSwKICAgICAgaW1hZ2VfbGlzdDogW10sCiAgICAgIHByZWRlZmluZUNvbG9yczogWyIjZmZmZmZmIiwgIiMwMDAwMDAiLCAiI2Y3ZjhmYSIsICIjZmY0NTAwIiwgIiNmZjhjMDAiLCAiI2ZmZDcwMCIsICIjOTBlZTkwIiwgIiMwMGNlZDEiLCAiIzFlOTBmZiIsICIjYzcxNTg1IiwgInJnYmEoMjU1LCA2OSwgMCwgMC42OCkiLCAicmdiKDI1NSwgMTIwLCAwKSIsICIjYzcxNTg1NzciXQogICAgfTsKICB9LAoKICBjb21wdXRlZDogeyAuLi5tYXBHZXR0ZXJzKHsKICAgICAgZW50ZXJwcmlzZTogIk1Vc2VyL2VudGVycHJpc2UiLAogICAgICBzdG9yZURhdGE6ICJNVXNlci9zdG9yZURhdGEiLAogICAgICBzeXN0ZW1UeXBlOiAiTVVzZXIvc3lzdGVtVHlwZSIKICAgIH0pCiAgfSwKICB3YXRjaDogewogICAgdGVtRm9ybSh2YWwpIHsKICAgICAgdGhpcy5mb3JtID0gdmFsOwogICAgICB0aGlzLmltYWdlX2xpc3QgPSB2YWwuYmdJbWFnZSA/IFt7CiAgICAgICAgbmFtZTogIiIsCiAgICAgICAgdXJsOiB2YWwuYmdJbWFnZQogICAgICB9XSA6IFtdOwogICAgfQoKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5mb3JtID0gdGhpcy50ZW1Gb3JtOwogICAgdGhpcy5pbWFnZV9saXN0ID0gdGhpcy50ZW1Gb3JtLmJnSW1hZ2UgPyBbewogICAgICBuYW1lOiAiIiwKICAgICAgdXJsOiB0aGlzLnRlbUZvcm0uYmdJbWFnZQogICAgfV0gOiBbXTsKICB9LAoKICBtb3VudGVkKCkgey8vIGNvbnNvbGUubG9nKHRoaXMuZm9ybSk7CiAgICAvLyBpZiAoIXRoaXMuZm9ybS5uYW1lKSB7CiAgICAvLyAgIGlmICh0aGlzLnN5c3RlbVR5cGUgPT09IDEpIHsKICAgIC8vICAgICB0aGlzLmZvcm0ubmFtZSA9IHRoaXMuZW50ZXJwcmlzZS5lbnRlcnByaXNlTmFtZTsKICAgIC8vICAgfSBlbHNlIHsKICAgIC8vICAgICB0aGlzLmZvcm0ubmFtZSA9IHRoaXMuc3RvcmVEYXRhLm5hbWU7CiAgICAvLyAgIH0KICAgIC8vIH0KICB9LAoKICBtZXRob2RzOiB7CiAgICB1cGxvYWRTdWNjZXNzKHZhbCkgewogICAgICB0aGlzLmZvcm0uYmdJbWFnZSA9IHZhbDsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9LAoKICAgIHVwbG9hZFJlbW92ZSgpIHsKICAgICAgdGhpcy5mb3JtLmJnSW1hZ2UgPSAiIjsKICAgICAgdGhpcy5jb25maXJtKCk7CiAgICB9LAoKICAgIGNvbmZpcm0oKSB7CiAgICAgIHRoaXMuJGVtaXQoImNvbmZpcm0iLCB0aGlzLmZvcm0pOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA;AACA;AACA;EACAA,gBADA;EAEAC;IACAC;EADA,CAFA;EAKAC;IACAC;MACAC,YADA;MAEAC;QACA;MACA;IAJA;EADA,CALA;;EAaAC;IACA;MACAC,QADA;MAEAC,cAFA;MAGAC,kBACA,SADA,EAEA,SAFA,EAGA,SAHA,EAIA,SAJA,EAKA,SALA,EAMA,SANA,EAOA,SAPA,EAQA,SARA,EASA,SATA,EAUA,SAVA,EAWA,wBAXA,EAYA,kBAZA,EAaA,WAbA;IAHA;EAmBA,CAjCA;;EAkCAC,YACA;MACAC,8BADA;MAEAC,4BAFA;MAGAC;IAHA;EADA,CAlCA;EAyCAC;IACAX;MACA;MACA;QAAAJ;QAAAgB;MAAA;IACA;;EAJA,CAzCA;;EA+CAC;IACA;IACA,yCACA;MAAAjB;MAAAgB;IAAA,EADA,GAEA,EAFA;EAGA,CApDA;;EAsDAE,WACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACA,CA/DA;;EAgEAC;IACAC;MACA;MACA;IACA,CAJA;;IAKAC;MACA;MACA;IACA,CARA;;IASAC;MACA;IACA;;EAXA;AAhEA","names":["name","components","UploadQiniu","props","temForm","type","default","data","form","image_list","predefineColors","computed","enterprise","storeData","systemType","watch","url","created","mounted","methods","uploadSuccess","uploadRemove","confirm"],"sourceRoot":"src/views/ShoppingMall/AppDesign/PageFormCom","sources":["HeadFrom.vue"],"sourcesContent":["<template>\n  <div class=\"tem-box\">\n    <div class=\"tem-tit clearfix\">\n      <span class=\"tem-tit-span float_left\">页面设置</span>\n    </div>\n    <div class=\"tem-main\">\n      <el-form ref=\"form\" :model=\"form\" size=\"small\" label-position=\"top\">\n        <el-form-item label=\"页面标题\" class=\"PD-form-item\">\n          <el-input v-model=\"form.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"顶部风格\" class=\"PD-form-item\">\n          <el-radio-group v-model=\"form.style\">\n            <el-radio :label=\"1\">风格1</el-radio>\n            <el-radio :label=\"2\">风格2</el-radio>\n            <el-radio :label=\"3\">风格3</el-radio>\n          </el-radio-group>\n        </el-form-item>\n        <el-form-item label=\"顶部背景色\" class=\"PD-form-item\">\n          <el-color-picker\n            v-model=\"form.topBgColor\"\n            :predefine=\"predefineColors\"\n            show-alpha\n          ></el-color-picker>\n        </el-form-item>\n        <el-form-item label=\"标题颜色\" class=\"PD-form-item\">\n          <el-color-picker\n            v-model=\"form.textColor\"\n            :predefine=\"predefineColors\"\n          ></el-color-picker>\n        </el-form-item>\n        <el-form-item label=\"页面背景色\" class=\"PD-form-item\">\n          <el-color-picker\n            v-model=\"form.pageBgColor\"\n            :predefine=\"predefineColors\"\n            show-alpha\n          ></el-color-picker>\n        </el-form-item>\n        <el-form-item label=\"背景图片\" class=\"PD-form-item\">\n          <UploadQiniu\n            :width=\"50\"\n            :file-list=\"image_list\"\n            @uploadSuccess=\"uploadSuccess\"\n            @handleRemove=\"uploadRemove\"\n          ></UploadQiniu>\n        </el-form-item>\n      </el-form>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { mapGetters } from \"vuex\";\n  import UploadQiniu from \"@/component/common/UploadQiniu\";\n  export default {\n    name: \"HeadFrom\",\n    components: {\n      UploadQiniu,\n    },\n    props: {\n      temForm: {\n        type: Object,\n        default: () => {\n          return {};\n        },\n      },\n    },\n    data() {\n      return {\n        form: {},\n        image_list: [],\n        predefineColors: [\n          \"#ffffff\",\n          \"#000000\",\n          \"#f7f8fa\",\n          \"#ff4500\",\n          \"#ff8c00\",\n          \"#ffd700\",\n          \"#90ee90\",\n          \"#00ced1\",\n          \"#1e90ff\",\n          \"#c71585\",\n          \"rgba(255, 69, 0, 0.68)\",\n          \"rgb(255, 120, 0)\",\n          \"#c7158577\",\n        ],\n      };\n    },\n    computed: {\n      ...mapGetters({\n        enterprise: \"MUser/enterprise\",\n        storeData: \"MUser/storeData\",\n        systemType: \"MUser/systemType\",\n      }),\n    },\n    watch: {\n      temForm(val) {\n        this.form = val;\n        this.image_list = val.bgImage ? [{ name: \"\", url: val.bgImage }] : [];\n      },\n    },\n    created() {\n      this.form = this.temForm;\n      this.image_list = this.temForm.bgImage\n        ? [{ name: \"\", url: this.temForm.bgImage }]\n        : [];\n    },\n\n    mounted() {\n      // console.log(this.form);\n      // if (!this.form.name) {\n      //   if (this.systemType === 1) {\n      //     this.form.name = this.enterprise.enterpriseName;\n      //   } else {\n      //     this.form.name = this.storeData.name;\n      //   }\n      // }\n    },\n    methods: {\n      uploadSuccess(val) {\n        this.form.bgImage = val;\n        this.confirm();\n      },\n      uploadRemove() {\n        this.form.bgImage = \"\";\n        this.confirm();\n      },\n      confirm() {\n        this.$emit(\"confirm\", this.form);\n      },\n    },\n  };\n</script>\n"]}]}