{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\storage\\index.vue?vue&type=style&index=0&id=1037d12a&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\storage\\index.vue","mtime":1761614939058},{"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:DQo6OnYtZGVlcCAuZWwtdGFic19faXRlbSB7DQogIGhlaWdodDogNTRweCAhaW1wb3J0YW50Ow0KICBsaW5lLWhlaWdodDogNTRweCAhaW1wb3J0YW50Ow0KfQ0KLml2dS1pbnB1dC1ncm91cCA+IC5pdnUtaW5wdXQ6bGFzdC1jaGlsZCwNCjo6di1kZWVwIC5pdnUtaW5wdXQtZ3JvdXAtYXBwZW5kIHsNCiAgYmFja2dyb3VuZDogbm9uZTsNCiAgY29sb3I6ICM5OTk5OTk7DQp9DQo6OnYtZGVlcCAuaXZ1LWlucHV0LWdyb3VwIC5pdnUtaW5wdXQgew0KICBib3JkZXItcmlnaHQ6IDBweCAhaW1wb3J0YW50Ow0KfQ0KLmNvbnRlbnQgOjp2LWRlZXAgLml2dS1mb3JtIC5pdnUtZm9ybS1pdGVtLWxhYmVsIHsNCiAgd2lkdGg6IDEzM3B4Ow0KfQ0KLnRvcElwdXQgew0KICB3aWR0aDogMTg2cHg7DQogIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogIGJvcmRlci1yaWdodDogMHB4ICFpbXBvcnRhbnQ7DQp9DQouYWJicmV2aWF0aW9uIHsNCiAgLnRvcCB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7DQogICAgLnRvcEJveCB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgLnRvcFJpZ2h0IHsNCiAgICAgICAgd2lkdGg6IDI1NHB4Ow0KICAgICAgICBtYXJnaW4tbGVmdDogMzZweDsNCiAgICAgIH0NCiAgICAgIC50b3BMZWZ0IHsNCiAgICAgICAgd2lkdGg6IDk0cHg7DQogICAgICAgIGhlaWdodDogOTRweDsNCg0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICAgICAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgICAgICAgY29sb3I6ICMwMDAwMDA7DQogICAgICAgIC5pbWcgew0KICAgICAgICAgIC8vIHdpZHRoOiA4NHB4Ow0KICAgICAgICAgIGhlaWdodDogNjdweDsNCiAgICAgICAgICBiYWNrZ3JvdW5kOiAjZjdmYmZmOw0KICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICAgICAgICBtYXJnaW4tYm90dG9tOiA5cHg7DQogICAgICAgICAgLmltZ3Mgew0KICAgICAgICAgICAgd2lkdGg6IDcwcHg7DQogICAgICAgICAgICBoZWlnaHQ6IDUxcHg7DQogICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgICAgICBtYXJnaW4tdG9wOiA4cHg7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9DQogICAgfQ0KICB9DQogIC5jb250ZW50IHsNCiAgICA6OnYtZGVlcCAuaXZ1LWZvcm0taXRlbS1sYWJlbCB7DQogICAgICB3aWR0aDogOTZweDsNCiAgICB9DQogICAgLmZsZXggew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDsNCiAgICAgIC8vIHdpZHRoOiA0MDBweDsNCg0KICAgICAgLmNvbnRlbnRJcHV0IHsNCiAgICAgICAgd2lkdGg6IDQwMHB4Ow0KICAgICAgfQ0KICAgICAgLmNvbmVudHMgew0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICAudGl0bGUgew0KICAgICAgICAgIHdpZHRoOiAzMHB4Ow0KICAgICAgICAgIG1hcmdpbi10b3A6IDcwcHg7DQogICAgICAgICAgbWFyZ2luLWxlZnQ6IDZweDsNCiAgICAgICAgfQ0KICAgICAgICAucG9zaXRpb25Cb3ggew0KICAgICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgICAgZmxleC13cmFwOiB3cmFwOw0KICAgICAgICAgIHdpZHRoOiAxMDFweDsNCiAgICAgICAgICBoZWlnaHQ6IDk5cHg7DQogICAgICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2RkZGRkZDsNCiAgICAgICAgICAuYm94IHsNCiAgICAgICAgICAgIHdpZHRoOiAzM3B4Ow0KICAgICAgICAgICAgaGVpZ2h0OiAzM3B4Ow0KICAgICAgICAgICAgLy8gYm9yZGVyLXJhZGl1czogNHB4IDBweCAwcHggMHB4Ow0KICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI2RkZGRkZDsNCiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAgICAgICB9DQogICAgICAgICAgLm9uIHsNCiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMjQsIDE0NCwgMjU1LCAwLjEpOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAgvBA;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;;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","file":"index.vue","sourceRoot":"src/pages/setting/storage","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"message\">\r\n      <el-card :bordered=\"false\" shadow=\"never\" :body-style=\"{ padding: '0 20px 20px' }\">\r\n        <div class=\"\">\r\n          <el-tabs v-model=\"currentTab\" @tab-click=\"changeTab\">\r\n            <el-tab-pane\r\n              :label=\"item.label\"\r\n              :name=\"item.value.toString()\"\r\n              v-for=\"(item, index) in headerList\"\r\n              :key=\"index\"\r\n            />\r\n          </el-tabs>\r\n        </div>\r\n        <el-alert closable v-if=\"currentTab == 1\">\r\n          <template slot=\"title\">\r\n            <p>上传图片时会生成缩略图</p>\r\n            <p>未设置按照系统默认生成，系统默认：大图800*800，中图300*300，小图150*150</p>\r\n            <p>水印只在上传图片时生成，原图，大中小缩略图上都按照比例存在。</p>\r\n            <p>若上传图片时未开启水印，则该图在开启水印之后依旧无水印效果。</p>\r\n          </template>\r\n        </el-alert>\r\n        <el-alert closable v-else>\r\n          <template slot=\"title\">\r\n            <p v-if=\"currentTab == 2\">\r\n              七牛云开通方法：<a href=\"https://doc.crmeb.com/single/v5/7792\" target=\"_blank\">点击查看</a>\r\n            </p>\r\n            <p v-if=\"currentTab == 3\">\r\n              阿里云oss开通方法：<a href=\"https://doc.crmeb.com/single/v5/7790\" target=\"_blank\">点击查看</a>\r\n            </p>\r\n            <p v-if=\"currentTab == 4\">\r\n              腾讯云cos开通方法：<a href=\"https://doc.crmeb.com/single/v5/7791\" target=\"_blank\">点击查看</a>\r\n            </p>\r\n            <p v-if=\"currentTab == 5\">\r\n              京东云cos开通方法：<a href=\"https://doc.crmeb.com/single/v5/8522\" target=\"_blank\">点击查看</a>\r\n            </p>\r\n            <p v-if=\"currentTab == 6\">\r\n              华为云cos开通方法：<a href=\"https://doc.crmeb.com/single/v5/8523\" target=\"_blank\">点击查看</a>\r\n            </p>\r\n            <p v-if=\"currentTab == 7\">\r\n              天翼云cos开通方法：<a href=\"https://doc.crmeb.com/single/v5/8524\" target=\"_blank\">点击查看</a>\r\n            </p>\r\n            <p>第一步： 添加【存储空间】（空间名称不能重复）</p>\r\n            <p>第二步： 开启【使用状态】</p>\r\n            <template v-if=\"currentTab == 2\">\r\n              <p>第三步（必选）： 选择云存储空间列表上的修改【空间域名操作】</p>\r\n              <p>第四步（必选）： 选择云存储空间列表上的修改【CNAME配置】，打开后复制记录值到对应的平台解析</p>\r\n            </template>\r\n            <template v-else>\r\n              <p>第三步（可选）： 选择云存储空间列表上的修改【空间域名操作】</p>\r\n              <p>第四步（可选）： 选择云存储空间列表上的修改【CNAME配置】，打开后复制记录值到对应的平台解析</p>\r\n            </template>\r\n          </template>\r\n        </el-alert>\r\n      </el-card>\r\n    </div>\r\n    <div class=\"pt16\" v-if=\"currentTab == 1\">\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n        <el-row>\r\n          <el-col :span=\"24\">\r\n            <span class=\"save-type\"> 存储方式： </span>\r\n            <el-radio-group v-model=\"formValidate.upload_type\" @input=\"changeSave\">\r\n              <el-radio label=\"1\">本地存储</el-radio>\r\n              <el-radio label=\"2\">七牛云存储</el-radio>\r\n              <el-radio label=\"3\">阿里云存储</el-radio>\r\n              <el-radio label=\"4\">腾讯云存储</el-radio>\r\n              <el-radio label=\"5\">京东云存储</el-radio>\r\n              <el-radio label=\"6\">华为云存储</el-radio>\r\n              <el-radio label=\"7\">天翼云存储</el-radio>\r\n            </el-radio-group>\r\n            <!-- <el-switch :active-value=\"1\"  :inactive-value=\"0\"\r\n              v-model=\"localStorage\"\r\n              size=\"large\"\r\n              @change=\"addSwitch\"\r\n            >\r\n              <span slot=\"open\">开启</span>\r\n              <span slot=\"close\">关闭</span>\r\n             </el-switch> -->\r\n          </el-col>\r\n        </el-row>\r\n      </el-card>\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n        <el-form ref=\"formValidate\" :model=\"formValidate\" :rules=\"ruleValidate\">\r\n          <div class=\"abbreviation\">\r\n            <el-form-item label=\"是否开启缩略图：\" label-width=\"110px\">\r\n              <el-switch\r\n                :active-value=\"1\"\r\n                :inactive-value=\"0\"\r\n                v-model=\"formValidate.image_thumb_status\"\r\n                size=\"large\"\r\n              >\r\n                <span slot=\"open\">开启</span>\r\n                <span slot=\"close\">关闭</span>\r\n              </el-switch>\r\n            </el-form-item>\r\n            <div class=\"top\" v-if=\"formValidate.image_thumb_status == 1\">\r\n              <div class=\"topBox\">\r\n                <div class=\"topLeft\">\r\n                  <div class=\"img\">\r\n                    <img class=\"imgs\" src=\"../../../assets/images/abbreviationBig.png\" alt=\"\" />\r\n                  </div>\r\n                  <div>缩略大图</div>\r\n                </div>\r\n                <div class=\"topRight\">\r\n                  <el-form-item label=\"宽：\">\r\n                    <el-input\r\n                      class=\"topIput\"\r\n                      type=\"number\"\r\n                      v-model=\"formValidate.thumb_big_width\"\r\n                      placeholder=\"请输入宽度\"\r\n                    >\r\n                      <span slot=\"append\">px</span>\r\n                    </el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"高：\">\r\n                    <el-input\r\n                      class=\"topIput\"\r\n                      type=\"number\"\r\n                      v-model=\"formValidate.thumb_big_height\"\r\n                      placeholder=\"请输入高度\"\r\n                    >\r\n                      <span slot=\"append\">px</span>\r\n                    </el-input>\r\n                  </el-form-item>\r\n                </div>\r\n              </div>\r\n              <div class=\"topBox\">\r\n                <div class=\"topLeft\">\r\n                  <div class=\"img\">\r\n                    <img class=\"imgs\" src=\"../../../assets/images/abbreviation.png\" alt=\"\" />\r\n                  </div>\r\n                  <div>缩略中图</div>\r\n                </div>\r\n                <div class=\"topRight\">\r\n                  <el-form-item label=\"宽：\">\r\n                    <el-input\r\n                      class=\"topIput\"\r\n                      type=\"number\"\r\n                      v-model=\"formValidate.thumb_mid_width\"\r\n                      placeholder=\"请输入宽度\"\r\n                    >\r\n                      <span slot=\"append\">px</span>\r\n                    </el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"高：\">\r\n                    <el-input\r\n                      type=\"number\"\r\n                      class=\"topIput\"\r\n                      v-model=\"formValidate.thumb_mid_height\"\r\n                      placeholder=\"请输入高度\"\r\n                    >\r\n                      <span slot=\"append\">px</span>\r\n                    </el-input>\r\n                  </el-form-item>\r\n                </div>\r\n              </div>\r\n              <div class=\"topBox\">\r\n                <div class=\"topLeft\">\r\n                  <div class=\"img\">\r\n                    <img class=\"imgs\" src=\"../../../assets/images/abbreviationSmall.png\" alt=\"\" />\r\n                  </div>\r\n                  <div>缩略小图</div>\r\n                </div>\r\n                <div class=\"topRight\">\r\n                  <el-form-item label=\"宽：\">\r\n                    <el-input\r\n                      class=\"topIput\"\r\n                      type=\"number\"\r\n                      v-model=\"formValidate.thumb_small_width\"\r\n                      placeholder=\"请输入宽度\"\r\n                    >\r\n                      <span slot=\"append\">px</span>\r\n                    </el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"高：\">\r\n                    <el-input\r\n                      class=\"topIput\"\r\n                      type=\"number\"\r\n                      v-model=\"formValidate.thumb_small_height\"\r\n                      placeholder=\"请输入高度\"\r\n                    >\r\n                      <span slot=\"append\">px</span>\r\n                    </el-input>\r\n                  </el-form-item>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <el-divider />\r\n            <div class=\"content mt20\">\r\n              <el-form-item label=\"是否开启水印：\" label-width=\"110px\">\r\n                <el-switch\r\n                  :active-value=\"1\"\r\n                  :inactive-value=\"0\"\r\n                  v-model=\"formValidate.image_watermark_status\"\r\n                  size=\"large\"\r\n                >\r\n                  <span slot=\"open\">开启</span>\r\n                  <span slot=\"close\">关闭</span>\r\n                </el-switch>\r\n              </el-form-item>\r\n              <div v-if=\"formValidate.image_watermark_status == 1\">\r\n                <el-form-item label=\"类型：\" label-width=\"110px\">\r\n                  <el-radio-group v-model=\"formValidate.watermark_type\">\r\n                    <el-radio :label=\"1\">图片</el-radio>\r\n                    <el-radio :label=\"2\">文字</el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n                <div v-if=\"formValidate.watermark_type == 1\">\r\n                  <div class=\"flex\">\r\n                    <el-form-item class=\"contentIput\" label=\"透明度：\" prop=\"name\" label-width=\"110px\">\r\n                      <el-input\r\n                        class=\"topIput\"\r\n                        type=\"number\"\r\n                        v-model=\"formValidate.watermark_opacity\"\r\n                        placeholder=\"请输入水印透明度\"\r\n                      >\r\n                      </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item class=\"contentIput\" label=\"倾斜度：\" prop=\"mail\" label-width=\"110px\">\r\n                      <el-input\r\n                        class=\"topIput\"\r\n                        type=\"number\"\r\n                        v-model=\"formValidate.watermark_rotate\"\r\n                        placeholder=\"请输入水印倾斜度\"\r\n                      >\r\n                      </el-input>\r\n                    </el-form-item>\r\n                  </div>\r\n                  <div class=\"flex\">\r\n                    <el-form-item class=\"contentIput\" label=\"图片：\" prop=\"name\" label-width=\"110px\">\r\n                      <div class=\"picBox\" v-db-click @click=\"modalPicTap('单选')\">\r\n                        <div class=\"pictrue\" v-if=\"formValidate.watermark_image\">\r\n                          <img :src=\"formValidate.watermark_image\" />\r\n                        </div>\r\n                        <div class=\"upLoad 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                    </el-form-item>\r\n                    <el-form-item class=\"contentIput\" label=\"位置：\" prop=\"mail\" label-width=\"110px\">\r\n                      <div class=\"conents\">\r\n                        <div class=\"positionBox\">\r\n                          <div\r\n                            class=\"topIput box\"\r\n                            :class=\"positionId == item.id ? 'on' : ''\"\r\n                            v-for=\"(item, index) in boxs\"\r\n                            :key=\"index\"\r\n                            v-db-click\r\n                            @click=\"bindbox(item)\"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"title\">{{ positiontlt }}</div>\r\n                      </div>\r\n                    </el-form-item>\r\n                  </div>\r\n                  <div class=\"flex\">\r\n                    <el-form-item class=\"contentIput\" label=\"横坐标偏移量：\" label-width=\"110px\" prop=\"name\">\r\n                      <el-input\r\n                        class=\"topIput\"\r\n                        type=\"number\"\r\n                        v-model=\"formValidate.watermark_x\"\r\n                        placeholder=\"请输入水印横坐标偏移量\"\r\n                        style=\"width: 240px\"\r\n                      >\r\n                        <span slot=\"append\">px</span>\r\n                      </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item class=\"contentIput\" label=\"纵坐标偏移量：\" label-width=\"110px\" prop=\"mail\">\r\n                      <el-input\r\n                        class=\"topIput\"\r\n                        type=\"number\"\r\n                        v-model=\"formValidate.watermark_y\"\r\n                        placeholder=\"请输入水印纵坐标偏移量\"\r\n                        style=\"width: 240px\"\r\n                      >\r\n                        <span slot=\"append\">px</span>\r\n                      </el-input>\r\n                    </el-form-item>\r\n                  </div>\r\n                </div>\r\n                <!-- 水印类型为文字 -->\r\n                <div v-else>\r\n                  <div class=\"flex\">\r\n                    <el-form-item class=\"contentIput\" label=\"文字：\" label-width=\"110px\" prop=\"name\">\r\n                      <el-input class=\"topIput\" v-model=\"formValidate.watermark_text\" placeholder=\"请输入水印文字\">\r\n                      </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item class=\"contentIput\" label=\"文字大小：\" label-width=\"110px\">\r\n                      <el-input\r\n                        class=\"topIput\"\r\n                        type=\"number\"\r\n                        v-model=\"formValidate.watermark_text_size\"\r\n                        placeholder=\"请输入水印文字大小\"\r\n                      >\r\n                      </el-input>\r\n                    </el-form-item>\r\n                  </div>\r\n                  <div class=\"flex\">\r\n                    <el-form-item class=\"contentIput\" label=\"字体颜色：\" prop=\"name\" label-width=\"110px\">\r\n                      <el-color-picker v-model=\"formValidate.watermark_text_color\"></el-color-picker>\r\n                    </el-form-item>\r\n                    <el-form-item class=\"contentIput\" label=\"位置：\" prop=\"mail\" label-width=\"110px\">\r\n                      <div class=\"conents\">\r\n                        <div class=\"positionBox\">\r\n                          <div\r\n                            class=\"topIput box\"\r\n                            :class=\"positionId == item.id ? 'on' : ''\"\r\n                            v-for=\"(item, index) in boxs\"\r\n                            :key=\"index\"\r\n                            v-db-click\r\n                            @click=\"bindbox(item)\"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"title\">{{ positiontlt }}</div>\r\n                      </div>\r\n                    </el-form-item>\r\n                  </div>\r\n                  <div class=\"flex\">\r\n                    <el-form-item class=\"contentIput\" label=\"字体旋转角度：\" label-width=\"110px\">\r\n                      <el-input\r\n                        class=\"topIput\"\r\n                        type=\"number\"\r\n                        v-model=\"formValidate.watermark_text_angle\"\r\n                        placeholder=\"请输入水印字体旋转角度\"\r\n                      >\r\n                      </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item class=\"contentIput\" label=\"横坐标偏移量：\" label-width=\"110px\">\r\n                      <el-input\r\n                        class=\"topIput\"\r\n                        type=\"number\"\r\n                        v-model=\"formValidate.watermark_x\"\r\n                        placeholder=\"请输入水印横坐标偏移量\"\r\n                      >\r\n                        <span slot=\"append\">px</span>\r\n                      </el-input>\r\n                    </el-form-item>\r\n                  </div>\r\n                  <el-form-item class=\"contentIput\" label=\"纵坐标偏移量：\" prop=\"mail\" label-width=\"110px\">\r\n                    <el-input\r\n                      class=\"topIput\"\r\n                      type=\"number\"\r\n                      v-model=\"formValidate.watermark_y\"\r\n                      placeholder=\"请输入水印纵坐标偏移量\"\r\n                    >\r\n                      <span slot=\"append\">px</span>\r\n                    </el-input>\r\n                  </el-form-item>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <el-form-item>\r\n              <el-button type=\"primary\" v-db-click @click=\"handleSubmit('formValidate')\">保存</el-button>\r\n            </el-form-item>\r\n          </div>\r\n        </el-form>\r\n      </el-card>\r\n    </div>\r\n    <!-- 缩略图配置 -->\r\n    <div class=\"pt10\" v-else-if=\"currentTab == 10\"></div>\r\n    <div class=\"pt10\" v-else>\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n        <el-row class=\"mb20\">\r\n          <el-col :span=\"24\">\r\n            <el-button type=\"primary\" v-db-click @click=\"addStorageBtn\">添加存储空间</el-button>\r\n            <el-button type=\"success\" v-db-click @click=\"synchro\" style=\"margin-left: 20px\">同步存储空间</el-button>\r\n            <el-button v-db-click @click=\"addConfigBtn\" style=\"float: right\">修改配置信息</el-button>\r\n          </el-col>\r\n        </el-row>\r\n        <el-table\r\n          :data=\"levelLists\"\r\n          ref=\"table\"\r\n          class=\"mt14\"\r\n          v-loading=\"loading\"\r\n          highlight-current-row\r\n          no-userFrom-text=\"暂无数据\"\r\n          no-filtered-userFrom-text=\"暂无筛选结果\"\r\n        >\r\n          <el-table-column label=\"储存空间名称\" min-width=\"120\">\r\n            <template slot-scope=\"scope\">\r\n              <span>{{ scope.row.name }}</span>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"区域\" min-width=\"90\">\r\n            <template slot-scope=\"scope\">\r\n              <span>{{ scope.row._region }}</span>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"空间域名\" min-width=\"130\">\r\n            <template slot-scope=\"scope\">\r\n              <span>{{ scope.row.domain }}</span>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"使用状态\" min-width=\"90\">\r\n            <template slot-scope=\"scope\">\r\n              <el-switch\r\n                class=\"defineSwitch\"\r\n                :active-value=\"1\"\r\n                :inactive-value=\"0\"\r\n                v-model=\"scope.row.status\"\r\n                :value=\"scope.row.status\"\r\n                @change=\"changeSwitch(scope.row, index)\"\r\n                size=\"large\"\r\n                active-text=\"开启\"\r\n                inactive-text=\"关闭\"\r\n              >\r\n              </el-switch>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"创建时间\" min-width=\"130\">\r\n            <template slot-scope=\"scope\">\r\n              <span>{{ scope.row._add_time }}</span>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"更新时间\" min-width=\"130\">\r\n            <template slot-scope=\"scope\">\r\n              <span>{{ scope.row._update_time }}</span>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"操作\" fixed=\"right\" width=\"220\">\r\n            <template slot-scope=\"scope\">\r\n              <template v-if=\"scope.row.domain && scope.row.domain != scope.row.cname\">\r\n                <span class=\"btn\" v-db-click @click=\"config(scope.row)\">CNAME配置</span>\r\n                <el-divider direction=\"vertical\"></el-divider>\r\n              </template>\r\n              <span class=\"btn\" v-db-click @click=\"edit(scope.row)\">修改空间域名</span>\r\n              <el-divider direction=\"vertical\"></el-divider>\r\n              <span class=\"btn\" v-db-click @click=\"del(scope.row, '删除该数据', scope.$index)\">删除</span>\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n        <div class=\"acea-row row-right page\">\r\n          <pagination\r\n            v-if=\"total\"\r\n            :total=\"total\"\r\n            :page.sync=\"list.page\"\r\n            :limit.sync=\"list.limit\"\r\n            @pagination=\"getlist\"\r\n          />\r\n        </div>\r\n      </el-card>\r\n    </div>\r\n    <el-dialog :visible.sync=\"configuModal\" title=\"CNAME配置\" width=\"570px\">\r\n      <div>\r\n        <div class=\"confignv\"><span class=\"configtit\">主机记录：</span>{{ configData.domain }}</div>\r\n        <div class=\"confignv\"><span class=\"configtit\">记录类型：</span>CNAME</div>\r\n        <div class=\"confignv\">\r\n          <span class=\"configtit\">记录值：</span>{{ configData.cname }}\r\n          <span class=\"copy copy-data\" v-db-click @click=\"insertCopy(configData.cname)\">复制</span>\r\n        </div>\r\n      </div>\r\n    </el-dialog>\r\n    <el-dialog :visible.sync=\"modalPic\" width=\"950px\" title=\"上传商品图\" :close-on-click-modal=\"false\">\r\n      <uploadPictures\r\n        :isChoice=\"isChoice\"\r\n        @getPic=\"getPic\"\r\n        :gridBtn=\"gridBtn\"\r\n        :gridPic=\"gridPic\"\r\n        v-if=\"modalPic\"\r\n      ></uploadPictures>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ClipboardJS from 'clipboard';\r\nimport uploadPictures from '@/components/uploadPictures';\r\n\r\nimport {\r\n  storageConfigApi,\r\n  addConfigApi,\r\n  addStorageApi,\r\n  storageListApi,\r\n  storageSynchApi,\r\n  storageSwitchApi,\r\n  storageStatusApi,\r\n  editStorageApi,\r\n  positionInfoApi,\r\n  positionPostApi,\r\n  saveType,\r\n} from '@/api/setting';\r\nexport default {\r\n  components: { uploadPictures },\r\n  data() {\r\n    return {\r\n      modalPic: false,\r\n      saveType: 0,\r\n      isChoice: '单选',\r\n      gridBtn: {\r\n        xl: 4,\r\n        lg: 8,\r\n        md: 8,\r\n        sm: 8,\r\n        xs: 8,\r\n      },\r\n      gridPic: {\r\n        xl: 6,\r\n        lg: 8,\r\n        md: 12,\r\n        sm: 12,\r\n        xs: 12,\r\n      },\r\n      positionId: 1,\r\n      positiontlt: '',\r\n      formValidate: {\r\n        image_thumb_status: 0,\r\n        thumb_big_height: '',\r\n        thumb_big_width: '',\r\n        thumb_mid_width: '',\r\n        thumb_mid_height: '',\r\n        thumb_small_height: '',\r\n        thumb_small_width: '',\r\n        image_watermark_status: 0,\r\n        watermark_type: 1,\r\n        watermark_opacity: '',\r\n        watermark_rotate: '',\r\n        watermark_position: 1,\r\n      },\r\n      boxs: [\r\n        { content: '左上', id: 1 },\r\n        { content: '上', id: 2 },\r\n        { content: '右上', id: 3 },\r\n        { content: '左中', id: 4 },\r\n        { content: '中', id: 5 },\r\n        { content: '右中', id: 6 },\r\n        { content: '左下', id: 7 },\r\n        { content: '下', id: 8 },\r\n        { content: '右下', id: 9 },\r\n      ],\r\n      ruleValidate: {},\r\n      configuModal: false,\r\n      configData: '',\r\n      headerList: [\r\n        { label: '储存配置', value: '1' },\r\n        { label: '七牛云储存', value: '2' },\r\n        { label: '阿里云储存', value: '3' },\r\n        { label: '腾讯云储存', value: '4' },\r\n        { label: '京东云储存', value: '5' },\r\n        { label: '华为云储存', value: '6' },\r\n        { label: '天翼云储存', value: '7' },\r\n        // { label: \"缩略图配置\", value: \"10\" },\r\n      ],\r\n\r\n      total: 0,\r\n      list: {\r\n        page: 1,\r\n        limit: 15,\r\n        type: '1',\r\n      },\r\n      levelLists: [],\r\n      currentTab: '1',\r\n      loading: false,\r\n      addData: {\r\n        input: '',\r\n        select: '',\r\n        jurisdiction: '1',\r\n        type: '1',\r\n      },\r\n      confData: {\r\n        AccessKeyId: '',\r\n        AccessKeySecret: '',\r\n      },\r\n      localStorage: false,\r\n    };\r\n  },\r\n  created() {\r\n    storageConfigApi().then((res) => {\r\n      if (res.data.type == 1) {\r\n        this.localStorage = true;\r\n      }\r\n      this.formValidate.upload_type = res.data.type;\r\n      this.currentTab = res.data.type.toString();\r\n      this.changeTab();\r\n    });\r\n  },\r\n  methods: {\r\n    insertCopy(text) {\r\n      this.$copyText(text)\r\n        .then((message) => {\r\n          this.$message.success('复制成功');\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error('复制失败');\r\n        });\r\n    },\r\n    changeSave(type) {\r\n      saveType(type)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    bindbox(item) {\r\n      this.positionId = item.id;\r\n      this.positiontlt = item.content;\r\n      this.formValidate.watermark_position = item.id;\r\n    },\r\n    handleSubmit(name) {\r\n      if (this.formValidate.image_watermark_status) {\r\n        this.$refs[name].validate((valid) => {\r\n          if (valid) {\r\n            this.postMessage(this.formValidate);\r\n          } else {\r\n            this.$message.error('Fail!');\r\n          }\r\n        });\r\n      } else {\r\n        this.postMessage(this.formValidate);\r\n      }\r\n    },\r\n    //保存接口\r\n    postMessage(data) {\r\n      positionPostApi(data)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    // 选择图片\r\n    modalPicTap() {\r\n      this.modalPic = true;\r\n    },\r\n    // 选中图片\r\n    getPic(pc) {\r\n      this.formValidate.watermark_image = pc.att_dir;\r\n      this.modalPic = false;\r\n    },\r\n    config(row) {\r\n      this.configuModal = true;\r\n      this.configData = row;\r\n    },\r\n    //同步储存空间\r\n    synchro() {\r\n      storageSynchApi(this.currentTab)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.getlist();\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    // 添加存储空间\r\n    addStorageBtn() {\r\n      this.$modalForm(addStorageApi(this.currentTab)).then(() => {\r\n        this.getlist();\r\n      });\r\n    },\r\n    // 修改配置信息\r\n    addConfigBtn() {\r\n      this.$modalForm(addConfigApi(this.currentTab)).then(() => {\r\n        this.getlist();\r\n      });\r\n    },\r\n    //修改空间域名\r\n    edit(row) {\r\n      this.$modalForm(editStorageApi(row.id)).then(() => {\r\n        this.getlist();\r\n      });\r\n    },\r\n    changeSwitch(row, item) {\r\n      return new Promise((resolve) => {\r\n        this.$msgbox({\r\n          title: '切换状态',\r\n          message: '您确认要切换使用状态吗',\r\n          showCancelButton: true,\r\n          cancelButtonText: '取消',\r\n          confirmButtonText: '确定',\r\n          iconClass: 'el-icon-warning',\r\n          confirmButtonClass: 'btn-custom-cancel',\r\n        })\r\n          .then(() => {\r\n            storageStatusApi(row.id)\r\n              .then((res) => {\r\n                this.$message.success(res.msg);\r\n                this.getlist();\r\n              })\r\n              .catch((err) => {\r\n                this.$message.error(err.msg);\r\n              });\r\n          })\r\n          .catch(() => {});\r\n      });\r\n    },\r\n    getlist() {\r\n      this.loading = true;\r\n      storageListApi(this.list).then((res) => {\r\n        this.total = res.data.count;\r\n        this.levelLists = res.data.list;\r\n        this.loading = false;\r\n      });\r\n    },\r\n    changeTab() {\r\n      this.list.type = this.currentTab;\r\n      this.list.page = 1;\r\n      if (this.currentTab == 1) {\r\n        this.getposition();\r\n      } else {\r\n        this.getlist();\r\n      }\r\n    },\r\n    getposition() {\r\n      let that = this;\r\n      positionInfoApi().then((res) => {\r\n        this.formValidate = res.data;\r\n        this.positionId = res.data.watermark_position;\r\n        for (var i = 0; i < this.boxs.length; i++) {\r\n          if (this.boxs[i].id == res.data.watermark_position) {\r\n            that.bindbox(this.boxs[i]);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    addSwitch(e) {\r\n      if (e) {\r\n        this.localStorage = 1;\r\n      }\r\n      storageSwitchApi({ type: this.localStorage })\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.getlist();\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    // 删除\r\n    del(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `system/config/storage/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.getlist();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n::v-deep .el-tabs__item {\r\n  height: 54px !important;\r\n  line-height: 54px !important;\r\n}\r\n.ivu-input-group > .ivu-input:last-child,\r\n::v-deep .ivu-input-group-append {\r\n  background: none;\r\n  color: #999999;\r\n}\r\n::v-deep .ivu-input-group .ivu-input {\r\n  border-right: 0px !important;\r\n}\r\n.content ::v-deep .ivu-form .ivu-form-item-label {\r\n  width: 133px;\r\n}\r\n.topIput {\r\n  width: 186px;\r\n  background: #ffffff;\r\n  border-right: 0px !important;\r\n}\r\n.abbreviation {\r\n  .top {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    .topBox {\r\n      display: flex;\r\n      .topRight {\r\n        width: 254px;\r\n        margin-left: 36px;\r\n      }\r\n      .topLeft {\r\n        width: 94px;\r\n        height: 94px;\r\n\r\n        text-align: center;\r\n        font-size: 13px;\r\n        font-weight: 400;\r\n        color: #000000;\r\n        .img {\r\n          // width: 84px;\r\n          height: 67px;\r\n          background: #f7fbff;\r\n          border-radius: 4px;\r\n          margin-bottom: 9px;\r\n          .imgs {\r\n            width: 70px;\r\n            height: 51px;\r\n            display: inline-block;\r\n            text-align: center;\r\n            margin-top: 8px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .content {\r\n    ::v-deep .ivu-form-item-label {\r\n      width: 96px;\r\n    }\r\n    .flex {\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      // width: 400px;\r\n\r\n      .contentIput {\r\n        width: 400px;\r\n      }\r\n      .conents {\r\n        display: flex;\r\n        .title {\r\n          width: 30px;\r\n          margin-top: 70px;\r\n          margin-left: 6px;\r\n        }\r\n        .positionBox {\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          width: 101px;\r\n          height: 99px;\r\n          border-right: 1px solid #dddddd;\r\n          .box {\r\n            width: 33px;\r\n            height: 33px;\r\n            // border-radius: 4px 0px 0px 0px;\r\n            border: 1px solid #dddddd;\r\n            cursor: pointer;\r\n          }\r\n          .on {\r\n            background: rgba(24, 144, 255, 0.1);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style scoped>\r\n.message ::v-deep .ivu-table-header thead tr th {\r\n  padding: 8px 16px;\r\n}\r\n.ivu-radio-wrapper {\r\n  margin-right: 15px;\r\n  font-size: 12px !important;\r\n}\r\n.message ::v-deep .ivu-tabs-tab {\r\n  border-radius: 0 !important;\r\n}\r\n.table-box {\r\n  padding: 20px;\r\n}\r\n.is-table {\r\n  display: flex;\r\n  /* justify-content: space-around; */\r\n  justify-content: center;\r\n}\r\n.btn {\r\n  cursor: pointer;\r\n  color: #2d8cf0;\r\n  font-size: 12px;\r\n}\r\n.is-switch-close {\r\n  background-color: #504444;\r\n}\r\n.is-switch {\r\n  background-color: #eb5252;\r\n}\r\n.notice-list {\r\n  background-color: #308cf5;\r\n  margin: 0 15px;\r\n}\r\n.table {\r\n  padding: 0 18px;\r\n}\r\n.confignv {\r\n  margin: 10px 0px;\r\n}\r\n.configtit {\r\n  display: inline-block;\r\n  width: 90px;\r\n  text-align: right;\r\n}\r\n.copy {\r\n  padding: 3px 5px;\r\n  border: 1px solid #cccccc;\r\n  border-radius: 5px;\r\n  color: #333;\r\n  cursor: pointer;\r\n  margin-left: 5px;\r\n}\r\n.copy:hover {\r\n  border-color: #2d8cf0;\r\n  color: #2d8cf0;\r\n}\r\n.picBox {\r\n  display: inline-block;\r\n  cursor: pointer;\r\n}\r\n.picBox .pictrue {\r\n  width: 60px;\r\n  height: 60px;\r\n  border: 1px dotted rgba(0, 0, 0, 0.1);\r\n  margin-right: 10px;\r\n}\r\n\r\n.picBox .pictrue img {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.picBox .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}\r\nh3 {\r\n  margin: 5px 0 15px 0;\r\n}\r\n.table-box p {\r\n  margin-bottom: 10px;\r\n}\r\n.save-type {\r\n  font-size: 12px;\r\n}\r\n</style>\r\n"]}]}