| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\lottery\\create.vue?vue&type=style&index=0&id=fb4da6e2&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\lottery\\create.vue","mtime":1761614939032},{"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:DQouY29udGVudF93aWR0aCB7DQogIHdpZHRoOiA0NjBweDsNCn0NCjo6di1kZWVwIC5lbC10YWJzX19pdGVtIHsNCiAgaGVpZ2h0OiA1NHB4ICFpbXBvcnRhbnQ7DQogIGxpbmUtaGVpZ2h0OiA1NHB4ICFpbXBvcnRhbnQ7DQp9DQouY3VzdG9tLWxhYmVsIHsNCiAgZGlzcGxheTogaW5saW5lLWZsZXg7DQogIGxpbmUtaGVpZ2h0OiAxLjU7DQp9DQouZ3JleSB7DQogIGNvbG9yOiAjOTk5Ow0KfQ0KLm1heFcgOjp2LWRlZXAgLml2dS1zZWxlY3QtZHJvcGRvd24gew0KICBtYXgtd2lkdGg6IDYwMHB4Ow0KfQ0KLml2dS10YWJsZS13cmFwcGVyIHsNCiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZGNkZWUyOw0KICBib3JkZXItdG9wOiAxcHggc29saWQgI2RjZGVlMjsNCn0NCi50YWJCb3hfaW1nIHsNCiAgd2lkdGg6IDUwcHg7DQogIGhlaWdodDogNTBweDsNCn0NCi50YWJCb3hfaW1nIGltZyB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQp9DQoucHJpY2VCb3ggew0KICB3aWR0aDogMTAwJTsNCn0NCi5mb3JtIHsNCiAgLnBpY0JveCB7DQogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgfQ0KICAucGljdHJ1ZSB7DQogICAgd2lkdGg6IDU4cHg7DQogICAgaGVpZ2h0OiA1OHB4Ow0KICAgIGJvcmRlcjogMXB4IGRvdHRlZCByZ2JhKDAsIDAsIDAsIDAuMSk7DQogICAgbWFyZ2luLXJpZ2h0OiAwcHg7DQogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICBjdXJzb3I6IHBvaW50ZXI7DQoNCiAgICBpbWcgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgfQ0KICAgIC5idG5kZWwgew0KICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgei1pbmRleDogOTsNCiAgICAgIGZvbnQtc2l6ZTogMjBweDsNCiAgICAgIGxlZnQ6IDQ2cHg7DQogICAgICB0b3A6IC00cHg7DQogICAgfQ0KICB9DQogIC51cExvYWQgew0KICAgIHdpZHRoOiA1OHB4Ow0KICAgIGhlaWdodDogNThweDsNCiAgICBsaW5lLWhlaWdodDogNThweDsNCiAgICBib3JkZXI6IDFweCBkb3R0ZWQgcmdiYSgwLCAwLCAwLCAwLjEpOw0KICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMDIpOw0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgfQ0KfQ0KLmxhYmVsSW5wdXQgew0KICBib3JkZXI6IDFweCBzb2xpZCAjZGNkZWUyOw0KICBwYWRkaW5nOiAwIDE1cHg7DQogIHdpZHRoOiA0NjBweDsNCiAgYm9yZGVyLXJhZGl1czogNXB4Ow0KICBtaW4taGVpZ2h0OiAzMHB4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQogIC5zcGFuIHsNCiAgICBmb250LXNpemU6IDEycHg7DQogICAgY29sb3I6ICNjNWM4Y2U7DQogIH0NCiAgLml2dS1pY29uLWlvcy1hcnJvdy1kb3duIHsNCiAgICBmb250LXNpemU6IDE0cHg7DQogICAgY29sb3I6ICM4MDg2OTU7DQogIH0NCn0NCg=="},{"version":3,"sources":["create.vue"],"names":[],"mappings":";AA6iCA;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;;AAEA;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":"create.vue","sourceRoot":"src/pages/marketing/lottery","sourcesContent":["<template>\r\n <div>\r\n <div class=\"i-layout-page-header header-title\">\r\n <div class=\"fl_header\">\r\n <el-button\r\n class=\"btn-back\"\r\n icon=\"el-icon-arrow-left\"\r\n size=\"small\"\r\n type=\"text\"\r\n v-db-click\r\n @click=\"$router.go(-1)\"\r\n >返回</el-button\r\n >\r\n <el-divider direction=\"vertical\"></el-divider>\r\n <span class=\"ivu-page-header-title\">{{ $route.meta.title }}</span>\r\n </div>\r\n </div>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\" :body-style=\"{ padding: '0 20px 20px' }\">\r\n <el-row class=\"mt30 acea-row row-middle row-center\">\r\n <el-col :span=\"24\" v-loading=\"spinShow\">\r\n <el-form\r\n class=\"form\"\r\n ref=\"formValidate\"\r\n :rules=\"ruleValidate\"\r\n :model=\"formValidate\"\r\n @on-validate=\"validate\"\r\n :label-width=\"labelWidth\"\r\n :label-position=\"labelPosition\"\r\n @submit.native.prevent\r\n >\r\n <el-row>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"活动类型：\" prop=\"name\" label-for=\"name\">\r\n <el-radio-group v-model=\"formValidate.factor\" @input=\"onClickTab\">\r\n <el-radio v-for=\"(item, index) in tabs\" :label=\"item.type\" :disabled=\"!!lottery_id\" :key=\"index\">{{\r\n item.name\r\n }}</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"活动名称：\" prop=\"name\" label-for=\"name\">\r\n <el-input\r\n placeholder=\"请输入活动名称\"\r\n v-model=\"formValidate.name\"\r\n class=\"content_width\"\r\n maxlength=\"80\"\r\n show-word-limit\r\n />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"活动时间：\">\r\n <div class=\"acea-row row-middle\">\r\n <el-date-picker\r\n v-model=\"formValidate.period\"\r\n :editable=\"false\"\r\n type=\"datetimerange\"\r\n format=\"yyyy-MM-dd\"\r\n value-format=\"yyyy-MM-dd\"\r\n range-separator=\"-\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n @change=\"onchangeTime\"\r\n style=\"width: 460px\"\r\n ></el-date-picker>\r\n </div>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"参与用户：\" prop=\"attends_user\" label-for=\"attends_user\">\r\n <el-radio-group element-id=\"attends_user\" v-model=\"formValidate.attends_user\" @input=\"changeUsers\">\r\n <el-radio :label=\"1\" class=\"radio\">全部用户</el-radio>\r\n <el-radio :label=\"2\">部分用户</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\" v-if=\"formValidate.attends_user == 2\">\r\n <el-form-item label=\"\" :prop=\"formValidate.attends_user == 2 ? 'user_level' : ''\">\r\n <div class=\"acea-row row-middle\">\r\n <el-select\r\n multiple\r\n v-model=\"formValidate.user_level\"\r\n class=\"content_width\"\r\n placeholder=\"请选择用户等级\"\r\n >\r\n <el-option\r\n v-for=\"item in userLevelListApi\"\r\n :value=\"item.id\"\r\n :key=\"item.id\"\r\n :label=\"item.name\"\r\n ></el-option>\r\n </el-select>\r\n </div>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\" v-if=\"formValidate.attends_user == 2\">\r\n <el-form-item label=\"\" :prop=\"formValidate.attends_user == 2 ? 'is_svip' : ''\">\r\n <div class=\"acea-row row-middle\">\r\n <el-select\r\n v-model=\"formValidate.is_svip\"\r\n clearable\r\n placeholder=\"请选择是否是付费会员\"\r\n class=\"content_width\"\r\n >\r\n <el-option\r\n v-for=\"item in templateList\"\r\n :value=\"item.id\"\r\n :key=\"item.id\"\r\n :label=\"item.name\"\r\n ></el-option>\r\n </el-select>\r\n </div>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\" v-if=\"formValidate.attends_user == 2\">\r\n <el-form-item label=\"\" :prop=\"formValidate.attends_user == 2 ? 'user_label' : ''\">\r\n <div class=\"acea-row row-middle\">\r\n <div class=\"labelInput acea-row row-between-wrapper\" v-db-click @click=\"selectLabelShow = true\">\r\n <div class=\"\">\r\n <div v-if=\"selectDataLabel.length\">\r\n <el-tag\r\n :closable=\"false\"\r\n v-for=\"(item, index) in selectDataLabel\"\r\n @close=\"closeLabel(item)\"\r\n :key=\"index\"\r\n class=\"mr10\"\r\n >{{ item.label_name }}</el-tag\r\n >\r\n </div>\r\n <span class=\"span\" v-else>选择用户标签</span>\r\n </div>\r\n <div class=\"ivu-icon ivu-icon-ios-arrow-down\"></div>\r\n </div>\r\n </div>\r\n <div class=\"tips-info ml100 grey\">三个条件都设置后,必须这些条件都满足的用户才能参加抽奖</div>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\" v-if=\"formValidate.factor == 5\">\r\n <el-form-item\r\n label=\"抽奖次数：\"\r\n :prop=\"formValidate.factor == 5 ? 'lottery_num_term' : ''\"\r\n label-for=\"status\"\r\n >\r\n <el-radio-group element-id=\"lottery_num_term\" v-model=\"formValidate.lottery_num_term\">\r\n <el-radio :label=\"1\" class=\"radio\">每天N次</el-radio>\r\n <el-radio :label=\"2\">每人N次</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\" v-if=\"formValidate.factor == 5\">\r\n <el-form-item\r\n label=\"邀请新用户最多可获得抽奖\"\r\n :prop=\"formValidate.factor == 5 ? 'lottery_num' : ''\"\r\n label-for=\"lottery_num\"\r\n >\r\n <div class=\"acea-row row-middle\">\r\n <div class=\"mr10 grey\"></div>\r\n <el-input-number\r\n :controls=\"false\"\r\n placeholder=\"\"\r\n element-id=\"lottery_num\"\r\n :min=\"1\"\r\n :precision=\"0\"\r\n v-model=\"formValidate.lottery_num\"\r\n class=\"content_width\"\r\n />\r\n <div class=\"ml10 grey\">次</div>\r\n </div>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\" v-if=\"formValidate.factor == 5\">\r\n <el-form-item\r\n label=\"邀请一位新用户关注公众号可获得抽奖\"\r\n :prop=\"formValidate.factor == 5 ? 'spread_num' : ''\"\r\n label-for=\"spread_num\"\r\n >\r\n <div class=\"acea-row row-middle\">\r\n <div class=\"mr10 grey\"></div>\r\n <el-input-number\r\n :controls=\"false\"\r\n placeholder=\"\"\r\n element-id=\"spread_num\"\r\n :min=\"1\"\r\n :precision=\"0\"\r\n v-model=\"formValidate.spread_num\"\r\n class=\"content_width\"\r\n />\r\n <div class=\"ml10 grey\">次</div>\r\n </div>\r\n </el-form-item>\r\n </el-col>\r\n <el-col\r\n :span=\"24\"\r\n v-if=\"formValidate.factor == 1 || formValidate.factor == 3 || formValidate.factor == 4\"\r\n >\r\n <el-form-item\r\n :label=\"formValidate.factor == 1 ? '抽奖消耗积分：' : '抽奖次数：'\"\r\n :prop=\"\r\n formValidate.factor == 1 || formValidate.factor == 3 || formValidate.factor == 4 ? 'factor_num' : ''\r\n \"\r\n label-for=\"factor_num\"\r\n >\r\n <div class=\"acea-row row-middle\">\r\n <!-- <div class=\"mr10 grey\"></div> -->\r\n <el-input-number\r\n :controls=\"false\"\r\n placeholder=\"\"\r\n element-id=\"factor_num\"\r\n :min=\"1\"\r\n :precision=\"0\"\r\n v-model=\"formValidate.factor_num\"\r\n class=\"content_width\"\r\n >\r\n </el-input-number>\r\n <!-- <div class=\"ml10 grey\" v-if=\"formValidate.factor !== 1\">次</div> -->\r\n </div>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <el-row>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"规格选择：\" prop=\"prize\">\r\n <el-table ref=\"selection\" :data=\"specsData\">\r\n <el-table-column min-width=\"30\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"drag\" @on-drag-drop=\"onDragDrop\">\r\n <img class=\"handle\" src=\"@/assets/images/drag-icon.png\" alt=\"\" />\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"序号\" type=\"index\" width=\"50\"> </el-table-column>\r\n <el-table-column label=\"图片\" min-width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <div\r\n class=\"acea-row scope.row-middle scope.row-center-wrapper\"\r\n v-db-click\r\n @click=\"modalPicTap('dan', 'goods', scope.$index)\"\r\n >\r\n <div class=\"pictrue pictrueTab\" v-if=\"scope.row.image\">\r\n <img v-lazy=\"scope.row.image\" />\r\n </div>\r\n <div class=\"upLoad pictrueTab acea-row row-center-wrapper\" v-else>\r\n <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n </div>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"名称\" min-width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <div>{{ scope.row.name }}</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"奖品\" min-width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <div>{{ scope.row.type | typeName }}</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"提示语\" min-width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <div>{{ scope.row.prompt }}</div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"数量\" min-width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <el-input-number\r\n :controls=\"false\"\r\n v-model=\"scope.row.total\"\r\n :max=\"9999999999\"\r\n :min=\"0\"\r\n :precision=\"0\"\r\n class=\"priceBox\"\r\n ></el-input-number>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"奖品概率(%)\" min-width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <el-input-number\r\n :controls=\"false\"\r\n v-model=\"scope.row.percent\"\r\n :max=\"100\"\r\n :min=\"0\"\r\n :precision=\"2\"\r\n class=\"priceBox\"\r\n ></el-input-number>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"操作\" fixed=\"right\" width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <a class=\"submission mr15\" v-db-click @click=\"editGoods(scope.$index)\">编辑</a>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <el-button\r\n v-if=\"specsData.length < 8\"\r\n type=\"primary\"\r\n class=\"submission mr15 mt20\"\r\n v-db-click\r\n @click=\"addGoods\"\r\n >添加商品</el-button\r\n >\r\n </el-form-item>\r\n <el-form-item>\r\n <div class=\"pl60 grey\">\r\n 奖品必须设置为8个，列表中拖拽可调整奖品在九宫中的位置\r\n <el-tooltip effect=\"light\" placement=\"bottom\" width=\"380\">\r\n <a>查看位置示例图</a>\r\n <div class=\"api\" slot=\"content\">\r\n <img src=\"../../../assets/images/lotteryTest.png\" alt=\"\" />\r\n </div>\r\n </el-tooltip>\r\n </div>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <div>\r\n <el-form-item\r\n v-if=\"formValidate.factor != 3 && formValidate.factor != 4\"\r\n :prop=\"formValidate.factor != 3 && formValidate.factor != 4 ? 'image' : ''\"\r\n >\r\n <div class=\"custom-label\" slot=\"label\">\r\n <div>\r\n <div>活动背景图</div>\r\n <div>(750*750)</div>\r\n </div>\r\n <div>：</div>\r\n </div>\r\n <div class=\"acea-row\">\r\n <div class=\"pictrue\" v-if=\"formValidate.image\">\r\n <img v-lazy=\"formValidate.image\" />\r\n <i class=\"el-icon-circle-close btndel\" v-db-click @click=\"handleRemove()\"></i>\r\n </div>\r\n <div\r\n v-else\r\n class=\"upLoad acea-row row-center-wrapper\"\r\n v-db-click\r\n @click=\"modalPicTap('dan', 'danFrom')\"\r\n >\r\n <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n </div>\r\n </div>\r\n </el-form-item>\r\n <el-form-item\r\n v-if=\"formValidate.factor != 3 && formValidate.factor != 4\"\r\n label=\"中奖名单：\"\r\n :prop=\"formValidate.factor != 3 && formValidate.factor != 4 ? 'is_all_record' : ''\"\r\n label-for=\"is_all_record\"\r\n >\r\n <el-switch\r\n class=\"defineSwitch\"\r\n :active-value=\"1\"\r\n :inactive-value=\"0\"\r\n v-model=\"formValidate.is_all_record\"\r\n size=\"large\"\r\n active-text=\"开启\"\r\n inactive-text=\"关闭\"\r\n >\r\n </el-switch>\r\n </el-form-item>\r\n <el-form-item\r\n v-if=\"formValidate.factor != 3 && formValidate.factor != 4\"\r\n label=\"个人中奖记录：\"\r\n :prop=\"formValidate.factor != 3 && formValidate.factor != 4 ? 'is_personal_record' : ''\"\r\n label-for=\"is_personal_record\"\r\n >\r\n <el-switch\r\n class=\"defineSwitch\"\r\n :active-value=\"1\"\r\n :inactive-value=\"0\"\r\n v-model=\"formValidate.is_personal_record\"\r\n size=\"large\"\r\n active-text=\"开启\"\r\n inactive-text=\"关闭\"\r\n >\r\n </el-switch>\r\n </el-form-item>\r\n <el-form-item\r\n v-if=\"formValidate.factor != 3 && formValidate.factor != 4\"\r\n label=\"活动规则：\"\r\n prop=\"is_content\"\r\n label-for=\"is_content\"\r\n >\r\n <el-switch\r\n class=\"defineSwitch\"\r\n :active-value=\"1\"\r\n :inactive-value=\"0\"\r\n v-model=\"formValidate.is_content\"\r\n size=\"large\"\r\n active-text=\"开启\"\r\n inactive-text=\"关闭\"\r\n >\r\n </el-switch>\r\n </el-form-item>\r\n <el-form-item\r\n label=\"\"\r\n :prop=\"\r\n formValidate.factor != 3 && formValidate.factor != 4 && formValidate.is_content == 1 ? 'content' : ''\r\n \"\r\n v-show=\"formValidate.factor != 3 && formValidate.factor != 4 && formValidate.is_content == 1\"\r\n >\r\n <WangEditor\r\n style=\"width: 90%\"\r\n :content=\"formValidate.content\"\r\n @editorContent=\"getEditorContent\"\r\n ></WangEditor>\r\n </el-form-item>\r\n <el-form-item label=\"活动状态：\" prop=\"status\" label-for=\"status\">\r\n <el-switch\r\n class=\"defineSwitch\"\r\n :active-value=\"1\"\r\n :inactive-value=\"0\"\r\n v-model=\"formValidate.status\"\r\n size=\"large\"\r\n active-text=\"开启\"\r\n inactive-text=\"关闭\"\r\n >\r\n </el-switch>\r\n </el-form-item>\r\n </div>\r\n <el-form-item>\r\n <el-button type=\"primary\" :loading=\"submitOpen\" v-db-click @click=\"next('formValidate')\">提交</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </el-col>\r\n </el-row>\r\n </el-card>\r\n\r\n <!-- 上传图片-->\r\n <el-dialog :visible.sync=\"modalPic\" width=\"950px\" title=\"上传商品图\" :close-on-click-modal=\"false\">\r\n <uploadPictures :isChoice=\"isChoice\" @getPic=\"getPic\" v-if=\"modalPic\"></uploadPictures>\r\n </el-dialog>\r\n <!-- 上传图片-->\r\n <el-dialog :visible.sync=\"addGoodsModel\" width=\"720px\" :title=\"title\" :close-on-click-modal=\"false\">\r\n <addGoods ref=\"addGoodsForm\" v-if=\"addGoodsModel\" @addGoodsData=\"addGoodsData\" :editData=\"editData\"></addGoods>\r\n <div class=\"acea-row row-right mt20\">\r\n <el-button v-db-click @click=\"addGoodsModel = false\">取消</el-button>\r\n <el-button type=\"primary\" v-db-click @click=\"submitAddGoods\">提交</el-button>\r\n </div>\r\n </el-dialog>\r\n <!-- 用户标签 -->\r\n <el-dialog\r\n :visible.sync=\"selectLabelShow\"\r\n scrollable\r\n title=\"请选择用户标签\"\r\n :closable=\"false\"\r\n width=\"540px\"\r\n :footer-hide=\"true\"\r\n :mask-closable=\"false\"\r\n >\r\n <userLabel\r\n v-if=\"selectLabelShow\"\r\n :uid=\"0\"\r\n ref=\"userLabel\"\r\n :only_get=\"true\"\r\n :selectDataLabel=\"selectDataLabel\"\r\n @activeData=\"activeSelectData\"\r\n @close=\"labelClose\"\r\n ></userLabel>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport goodsList from '@/components/goodsList/index';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport userLabel from '@/components/userLabel';\r\nimport addGoods from './addGoods';\r\nimport { lotteryNewDetailApi, lotteryDetailApi, lotteryCreateApi, lotteryEditApi } from '@/api/lottery'; //详情 创建 编辑\r\nimport { lotteryFrom } from './formRule/lotteryFrom';\r\nimport { labelListApi } from '@/api/product';\r\nimport { levelListApi } from '@/api/user';\r\nimport WangEditor from '@/components/wangEditor/index.vue';\r\n\r\nimport { formatDate } from '@/utils/validate';\r\nimport { formatRichText } from '@/utils/editorImg';\r\nimport Sortable from 'sortablejs';\r\n\r\nexport default {\r\n name: 'lotteryCreate',\r\n components: {\r\n goodsList,\r\n uploadPictures,\r\n addGoods,\r\n WangEditor,\r\n userLabel,\r\n },\r\n data() {\r\n return {\r\n selectDataLabel: [],\r\n selectLabelShow: false,\r\n content: '',\r\n tabs: [\r\n {\r\n name: '积分抽取',\r\n type: '1',\r\n },\r\n {\r\n name: '订单支付',\r\n type: '3',\r\n },\r\n {\r\n name: '订单评价',\r\n type: '4',\r\n },\r\n ],\r\n title: '添加商品',\r\n loading: false,\r\n userLabelList: [], //用户标签列表\r\n userLevelListApi: [], //用户等级列表\r\n submitOpen: false,\r\n spinShow: false,\r\n addGoodsModel: false,\r\n editData: {},\r\n myConfig: {\r\n autoHeightEnabled: false, // 编辑器不自动被内容撑高\r\n initialFrameHeight: 500, // 初始容器高度\r\n initialFrameWidth: '100%', // 初始容器宽度\r\n UEDITOR_HOME_URL: '/UEditor/',\r\n serverUrl: '',\r\n },\r\n isChoice: '单选',\r\n current: 0,\r\n modalPic: false,\r\n modal_loading: false,\r\n images: [],\r\n templateList: [\r\n { id: -1, name: '不限制会员类型' },\r\n { id: 0, name: '非付费会员' },\r\n { id: 1, name: '付费会员' },\r\n ],\r\n specsData: [\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n ],\r\n formValidate: {\r\n images: [],\r\n name: '', //活动名称\r\n desc: '', //活动描述\r\n image: '', //活动背景图\r\n factor: '1', //抽奖类型：1:积分 2:余额 3：下单支付成功 4:订单评价',5:关注\r\n factor_num: 1, //获取一次抽奖的条件数量\r\n attends_user: 1, //参与用户1：所有 2：部分\r\n user_level: [], //参与用户等级\r\n user_label: [], //参与用户标签\r\n is_svip: '', //参与用户是否付费会员\r\n prize_num: 0, //奖品数量\r\n period: [], //活动时间\r\n prize: [], //奖品数组\r\n lottery_num_term: 1, //抽奖次数限制：1：每天2：每人\r\n lottery_num: 1, //抽奖次数\r\n spread_num: 1, //关注推广获取抽奖次数\r\n is_all_record: 0, //中奖纪录展示\r\n is_personal_record: 0, //个人中奖纪录展示\r\n is_content: 0, //活动规格是否展示\r\n content: '', //富文本内容\r\n status: 0, //状态\r\n },\r\n ruleValidate: lotteryFrom,\r\n currentid: '',\r\n picTit: '',\r\n tableIndex: 0,\r\n copy: 0,\r\n editIndex: null,\r\n id: '',\r\n copy: 0,\r\n lottery_id: 0,\r\n };\r\n },\r\n filters: {\r\n typeName(type) {\r\n if (type == 1) {\r\n return '未中奖';\r\n } else if (type == 2) {\r\n return '积分';\r\n } else if (type == 3) {\r\n return '余额';\r\n } else if (type == 4) {\r\n return '红包';\r\n } else if (type == 5) {\r\n return '优惠券';\r\n } else if (type == 6) {\r\n return '商品';\r\n }\r\n },\r\n },\r\n computed: {\r\n ...mapState('admin/layout', ['isMobile']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : '120px';\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n },\r\n mounted() {\r\n this.labelListApi();\r\n this.levelListApi();\r\n if (this.$route.query.type) {\r\n this.formValidate.factor = this.$route.query.type;\r\n }\r\n if (this.$route.query.lottery_id) {\r\n this.lottery_id = this.$route.query.lottery_id;\r\n this.getInfo();\r\n }\r\n this.$nextTick((e) => {\r\n this.setSort();\r\n });\r\n },\r\n methods: {\r\n submitAddGoods() {\r\n this.$refs.addGoodsForm.handleSubmit('formValidate');\r\n },\r\n changeUsers(e) {\r\n if (e == 1) {\r\n this.formValidate.user_level = []; //参与用户等级\r\n this.formValidate.user_label = []; //参与用户标签\r\n this.formValidate.is_svip = '-1'; //参与用户是否付费会员\r\n this.selectDataLabel = []; //参与用户是否付费会员\r\n }\r\n },\r\n // 标签弹窗关闭\r\n labelClose() {\r\n this.selectLabelShow = false;\r\n },\r\n activeSelectData(data) {\r\n this.selectLabelShow = false;\r\n this.selectDataLabel = data;\r\n },\r\n onClickTab(e) {\r\n if (this.lottery_id) this.getInfo();\r\n },\r\n getEditorContent(data) {\r\n this.content = data;\r\n },\r\n //用户标签列表\r\n labelListApi() {\r\n labelListApi().then((res) => {\r\n this.userLabelList = res.data.list;\r\n });\r\n },\r\n //用户等级列表\r\n levelListApi() {\r\n levelListApi().then((res) => {\r\n this.userLevelListApi = res.data.list;\r\n });\r\n },\r\n // 具体日期\r\n onchangeTime(e) {\r\n this.$set(this.formValidate, 'period', e);\r\n },\r\n // 详情\r\n getInfo(e) {\r\n this.spinShow = true;\r\n lotteryDetailApi(this.lottery_id)\r\n .then((res) => {\r\n if (res.status == 200 && !Array.isArray(res.data)) {\r\n this.formValidate = res.data;\r\n this.formValidate.user_level = res.data.user_level || [];\r\n this.selectDataLabel = res.data.user_label || [];\r\n this.formValidate.is_svip = res.data.is_svip;\r\n this.content = res.data.is_content ? res.data.content : '';\r\n this.formValidate.factor = res.data.factor.toString();\r\n this.$set(this.formValidate, 'period', [\r\n this.formatDate(res.data.start_time) || '',\r\n this.formatDate(res.data.end_time) || '',\r\n ]);\r\n this.specsData = res.data.prize;\r\n this.getProbability();\r\n } else {\r\n this.formValidate = {\r\n images: [],\r\n name: '', //活动名称\r\n desc: '', //活动描述\r\n image: '', //活动背景图\r\n factor: e.toString(), //抽奖类型：1:积分 2:余额 3：下单支付成功 4:订单评价',5:关注\r\n factor_num: 1, //获取一次抽奖的条件数量\r\n attends_user: 1, //参与用户1：所有 2：部分\r\n user_level: [], //参与用户等级\r\n user_label: [], //参与用户标签\r\n is_svip: '-1', //参与用户是否付费会员\r\n prize_num: 0, //奖品数量\r\n period: [], //活动时间\r\n prize: [], //奖品数组\r\n lottery_num_term: 1, //抽奖次数限制：1：每天2：每人\r\n lottery_num: 1, //抽奖次数\r\n spread_num: 1, //关注推广获取抽奖次数\r\n is_all_record: 0, //中奖纪录展示\r\n is_personal_record: 0, //个人中奖纪录展示\r\n is_content: 0, //活动规格是否展示\r\n content: '', //富文本内容\r\n status: 0, //状态\r\n };\r\n this.specsData = [\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n {\r\n type: 1, //类型 1：未中奖 2：积分 3:余额 4：红包 5:优惠券 6：站内商品\r\n name: '', //活动名称\r\n num: 10, //奖品数量\r\n image: '', //奖品图片\r\n chance: 1, //中奖权重\r\n total: 0, //奖品数量\r\n percent: 0, //中奖概率\r\n min_try_num: 0, //抽奖次数尝试\r\n prompt: '', //提示语\r\n },\r\n ];\r\n }\r\n this.$nextTick((e) => {\r\n this.spinShow = false;\r\n });\r\n })\r\n .catch((err) => {});\r\n },\r\n // 下一步\r\n next(name) {\r\n this.formValidate.prize = this.specsData;\r\n if (this.formValidate.is_content) {\r\n this.formValidate.content = formatRichText(this.content);\r\n }\r\n if (this.formValidate.attends_user == 2) {\r\n if (this.selectDataLabel.length) {\r\n let activeIds = [];\r\n this.selectDataLabel.forEach((item) => {\r\n activeIds.push(item.id);\r\n });\r\n this.formValidate.user_label = activeIds;\r\n }\r\n }\r\n if (this.submitOpen) return false;\r\n this.$refs[name].validate((valid) => {\r\n if (valid) {\r\n this.submitOpen = true;\r\n if (this.formValidate.id && !this.copy) {\r\n lotteryEditApi(this.formValidate.id, this.formValidate)\r\n .then(async (res) => {\r\n this.$message.success(res.msg);\r\n this.submitOpen = false;\r\n setTimeout(() => {\r\n this.$router.push({\r\n path: '/admin/marketing/lottery/list',\r\n });\r\n }, 500);\r\n })\r\n .catch((res) => {\r\n this.submitOpen = false;\r\n this.$message.error(res.msg);\r\n });\r\n } else {\r\n lotteryCreateApi(this.formValidate)\r\n .then(async (res) => {\r\n this.submitOpen = false;\r\n this.$message.success(res.msg);\r\n setTimeout(() => {\r\n this.$router.push({\r\n path: '/admin/marketing/lottery/list',\r\n });\r\n }, 500);\r\n })\r\n .catch((res) => {\r\n this.submitOpen = false;\r\n this.$message.error(res.msg);\r\n });\r\n }\r\n } else {\r\n return false;\r\n }\r\n });\r\n },\r\n // 上一步\r\n step() {\r\n this.current--;\r\n },\r\n // 点击商品图\r\n modalPicTap(tit, picTit, index) {\r\n this.modalPic = true;\r\n this.isChoice = tit === 'dan' ? '单选' : '多选';\r\n this.picTit = picTit || '';\r\n this.tableIndex = index;\r\n },\r\n // 获取单张图片信息\r\n getPic(pc) {\r\n switch (this.picTit) {\r\n case 'danFrom':\r\n this.formValidate.image = pc.att_dir;\r\n break;\r\n default:\r\n this.specsData[this.tableIndex].image = pc.att_dir;\r\n }\r\n this.modalPic = false;\r\n },\r\n handleRemove() {\r\n this.formValidate.image = '';\r\n },\r\n // 表单验证\r\n validate(prop, status, error) {\r\n if (status === false) {\r\n this.$message.error(error);\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n },\r\n //新增商品\r\n addGoods() {\r\n this.addGoodsModel = true;\r\n this.title = '添加商品';\r\n this.editData = {};\r\n },\r\n //编辑商品\r\n editGoods(index) {\r\n this.addGoodsModel = true;\r\n this.title = '添加奖品';\r\n this.editData = this.specsData[index];\r\n this.editIndex = index;\r\n },\r\n //删除商品\r\n deleteGoods(index) {\r\n this.specsData.splice(index, 1);\r\n },\r\n //获取数组中某个字段之和\r\n sumArr(arr, name) {\r\n let arrData = [];\r\n for (let i = 0; i < arr.length; i++) {\r\n arrData.push(arr[i][name]);\r\n }\r\n return eval(arrData.join('+'));\r\n },\r\n addGoodsData(data) {\r\n this.editIndex != null\r\n ? this.$set(this.specsData, [this.editIndex], data)\r\n : this.specsData.length < 8\r\n ? this.specsData.push(data)\r\n : this.$message.warning('最多添加8个奖品');\r\n this.getProbability();\r\n this.addGoodsModel = false;\r\n this.editIndex = null;\r\n },\r\n changeChance(e, index) {\r\n console.log(e, index);\r\n let value = e.target.value;\r\n this.$set(this.specsData[index], 'percent', value);\r\n },\r\n changeTotal(data, index) {\r\n this.$set(this.specsData[index], 'total', data);\r\n },\r\n //获取商品中奖概率\r\n getProbability() {\r\n let sum = 0;\r\n sum = this.sumArr(this.specsData, 'chance');\r\n for (let j = 0; j < this.specsData.length; j++) {\r\n if (sum == 0) {\r\n this.$set(this.specsData[j], 'probability', '0%');\r\n } else {\r\n this.$set(this.specsData[j], 'probability', ((this.specsData[j].chance / sum) * 100).toFixed(2) + '%');\r\n }\r\n }\r\n },\r\n //修改排序\r\n onDragDrop(a, b) {\r\n this.specsData.splice(b, 1, ...this.specsData.splice(a, 1, this.specsData[b]));\r\n },\r\n setSort() {\r\n // ref一定跟table上面的ref一致\r\n const el = this.$refs.selection.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0];\r\n this.sortable = Sortable.create(el, {\r\n ghostClass: 'sortable-ghost',\r\n handle: '.handle',\r\n setData: function (dataTransfer) {\r\n dataTransfer.setData('Text', '');\r\n },\r\n // 监听拖拽事件结束时触发\r\n onEnd: (evt) => {\r\n this.elChangeExForArray(evt.oldIndex, evt.newIndex, this.specsData);\r\n },\r\n });\r\n },\r\n elChangeExForArray(index1, index2, array, init) {\r\n const arr = array;\r\n const temp = array[index1];\r\n const tempt = array[index2];\r\n if (init) {\r\n arr[index2] = tempt;\r\n arr[index1] = temp;\r\n } else {\r\n arr[index1] = tempt;\r\n arr[index2] = temp;\r\n }\r\n this.specsData = [];\r\n this.$nextTick((e) => {\r\n this.specsData = arr;\r\n });\r\n },\r\n //时间格式转换\r\n formatDate(time) {\r\n if (time) {\r\n let date = new Date(time * 1000);\r\n return formatDate(date, 'yyyy-MM-dd hh:mm');\r\n } else {\r\n return '';\r\n }\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.content_width {\r\n width: 460px;\r\n}\r\n::v-deep .el-tabs__item {\r\n height: 54px !important;\r\n line-height: 54px !important;\r\n}\r\n.custom-label {\r\n display: inline-flex;\r\n line-height: 1.5;\r\n}\r\n.grey {\r\n color: #999;\r\n}\r\n.maxW ::v-deep .ivu-select-dropdown {\r\n max-width: 600px;\r\n}\r\n.ivu-table-wrapper {\r\n border-left: 1px solid #dcdee2;\r\n border-top: 1px solid #dcdee2;\r\n}\r\n.tabBox_img {\r\n width: 50px;\r\n height: 50px;\r\n}\r\n.tabBox_img img {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n.priceBox {\r\n width: 100%;\r\n}\r\n.form {\r\n .picBox {\r\n display: inline-block;\r\n cursor: pointer;\r\n }\r\n .pictrue {\r\n width: 58px;\r\n height: 58px;\r\n border: 1px dotted rgba(0, 0, 0, 0.1);\r\n margin-right: 0px;\r\n display: inline-block;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n .btndel {\r\n position: absolute;\r\n z-index: 9;\r\n font-size: 20px;\r\n left: 46px;\r\n top: -4px;\r\n }\r\n }\r\n .upLoad {\r\n width: 58px;\r\n height: 58px;\r\n line-height: 58px;\r\n border: 1px dotted rgba(0, 0, 0, 0.1);\r\n border-radius: 4px;\r\n background: rgba(0, 0, 0, 0.02);\r\n cursor: pointer;\r\n }\r\n}\r\n.labelInput {\r\n border: 1px solid #dcdee2;\r\n padding: 0 15px;\r\n width: 460px;\r\n border-radius: 5px;\r\n min-height: 30px;\r\n cursor: pointer;\r\n .span {\r\n font-size: 12px;\r\n color: #c5c8ce;\r\n }\r\n .ivu-icon-ios-arrow-down {\r\n font-size: 14px;\r\n color: #808695;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
