|
@@ -4,8 +4,13 @@
|
|
|
<el-alert class="sa-m-b-16">
|
|
|
<template #title>
|
|
|
设置分销时,请先了解
|
|
|
- <a class="shopro-form-group-title-href" href="https://www.spp.gov.cn/flfg/gfwj/201311/t20131122_64638.shtml"
|
|
|
- target="_blank" rel="noopener noreferrer">《关于办理组织领导传销活动刑事案件适用法律若干问题的意见》</a>
|
|
|
+ <a
|
|
|
+ class="shopro-form-group-title-href"
|
|
|
+ href="https://www.spp.gov.cn/flfg/gfwj/201311/t20131122_64638.shtml"
|
|
|
+ target="_blank"
|
|
|
+ rel="noopener noreferrer"
|
|
|
+ >《关于办理组织领导传销活动刑事案件适用法律若干问题的意见》</a
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-alert>
|
|
|
<div class="sa-title sa-title--line sa-m-b-16">分销设置</div>
|
|
@@ -33,8 +38,12 @@
|
|
|
<div>
|
|
|
<el-radio-group v-model="form.model.invite_lock">
|
|
|
<el-radio label="share">首次通过分享进入</el-radio>
|
|
|
- <el-radio label="pay" :disabled="form.model.become_agent.type === 'user'">首次付款</el-radio>
|
|
|
- <el-radio label="agent" :disabled="form.model.become_agent.type === 'user'">成为子分销商</el-radio>
|
|
|
+ <el-radio label="pay" :disabled="form.model.become_agent.type === 'user'"
|
|
|
+ >首次付款</el-radio
|
|
|
+ >
|
|
|
+ <el-radio label="agent" :disabled="form.model.become_agent.type === 'user'"
|
|
|
+ >成为子分销商</el-radio
|
|
|
+ >
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
@@ -63,8 +72,8 @@
|
|
|
<template v-if="form.model.become_agent">
|
|
|
<el-form-item label="成为分销商条件">
|
|
|
<div>
|
|
|
- <el-radio-group v-model="form.model.become_agent.type" @change="onChangeBecomeAgentType"><el-radio
|
|
|
- label="user">新会员注册</el-radio>
|
|
|
+ <el-radio-group v-model="form.model.become_agent.type" @change="onChangeBecomeAgentType"
|
|
|
+ ><el-radio label="user">新会员注册</el-radio>
|
|
|
<el-radio label="apply">自助申请</el-radio>
|
|
|
<el-radio label="goods">购买任意商品</el-radio>
|
|
|
<el-radio label="consume">消费累计</el-radio>
|
|
@@ -102,7 +111,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="oper">
|
|
|
- <el-button class="is-link" type="danger" @click="deleteGoods(gidx)">移除</el-button>
|
|
|
+ <el-button class="is-link" type="danger" @click="deleteGoods(gidx)"
|
|
|
+ >移除</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -118,13 +129,18 @@
|
|
|
<template v-if="form.model.agent_form">
|
|
|
<el-form-item label="完善资料">
|
|
|
<el-radio-group v-model="form.model.agent_form.status">
|
|
|
- <el-radio label="0" :disabled="form.model.become_agent.type == 'apply'">不需要</el-radio>
|
|
|
+ <el-radio label="0" :disabled="form.model.become_agent.type == 'apply'"
|
|
|
+ >不需要</el-radio
|
|
|
+ >
|
|
|
<el-radio label="1">需要</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<template v-if="form.model.agent_form.status == '1'">
|
|
|
<el-form-item label="表单背景图" prop="agent_form.background_image">
|
|
|
- <sa-uploader v-model="form.model.agent_form.background_image" fileType="image"></sa-uploader>
|
|
|
+ <sa-uploader
|
|
|
+ v-model="form.model.agent_form.background_image"
|
|
|
+ fileType="image"
|
|
|
+ ></sa-uploader>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="表单内容">
|
|
|
<div class="sa-template-content sa-template-form">
|
|
@@ -133,24 +149,36 @@
|
|
|
<div class="item">表单名称</div>
|
|
|
<div class="oper">操作</div>
|
|
|
</div>
|
|
|
- <sa-draggable v-model="form.model.agent_form.content" :animation="300" handle=".sortable-drag"
|
|
|
- item-key="element">
|
|
|
+ <sa-draggable
|
|
|
+ v-model="form.model.agent_form.content"
|
|
|
+ :animation="300"
|
|
|
+ handle=".sortable-drag"
|
|
|
+ item-key="element"
|
|
|
+ >
|
|
|
<template #item="{ element, index }">
|
|
|
<div class="list sa-flex">
|
|
|
- <el-form-item class="item" :prop="`agent_form.content.${index}.type`"
|
|
|
- :rules="form.rules.agent_form.content.type">
|
|
|
+ <el-form-item
|
|
|
+ class="item"
|
|
|
+ :prop="`agent_form.content.${index}.type`"
|
|
|
+ :rules="form.rules.agent_form.content.type"
|
|
|
+ >
|
|
|
<el-select v-model="element.type" placeholder="表单类型">
|
|
|
<template v-for="br in become_register_options" :key="br">
|
|
|
<el-option :label="br.label" :value="br.value" />
|
|
|
</template>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item class="item" :prop="`agent_form.content.${index}.name`"
|
|
|
- :rules="form.rules.agent_form.content.name">
|
|
|
+ <el-form-item
|
|
|
+ class="item"
|
|
|
+ :prop="`agent_form.content.${index}.name`"
|
|
|
+ :rules="form.rules.agent_form.content.name"
|
|
|
+ >
|
|
|
<el-input v-model="element.name" placeholder="表单名称"></el-input>
|
|
|
</el-form-item>
|
|
|
<div class="oper">
|
|
|
- <el-button class="is-link" type="danger" @click="deleteContent(index)">移除</el-button>
|
|
|
+ <el-button class="is-link" type="danger" @click="deleteContent(index)"
|
|
|
+ >移除</el-button
|
|
|
+ >
|
|
|
<sa-svg class="sa-m-l-8 sortable-drag" name="sa-round"></sa-svg>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -215,9 +243,14 @@
|
|
|
<el-button @click="getConfig">重置</el-button>
|
|
|
<el-button type="primary" @click="onSave">保存</el-button>
|
|
|
</el-footer>
|
|
|
- <el-dialog class="configis-upgrade-dialog" :close-on-click-modal="false" width="900px" v-model="state.configis_upgrade">
|
|
|
+ <el-dialog
|
|
|
+ class="configis-upgrade-dialog"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ width="900px"
|
|
|
+ v-model="state.configis_upgrade"
|
|
|
+ >
|
|
|
<div class="configis-upgrade-image">
|
|
|
- <img src="/static/images/shop/config/upgrade-config.png">
|
|
|
+ <img src="/static/images/shop/config/upgrade-config.png" />
|
|
|
<div class="configis-upgrade-close" @click="onOper('close')">
|
|
|
<el-icon><circle-close-filled /></el-icon>
|
|
|
</div>
|
|
@@ -228,8 +261,9 @@
|
|
|
</el-icon>
|
|
|
刷新
|
|
|
</div>
|
|
|
- <div class="configis-upgrade-button-upgrade sa-flex" @click="onOper('upgrade')">去升级
|
|
|
- <img class="icon-right" src="/static/images/shop/config/icon-right.png">
|
|
|
+ <div class="configis-upgrade-button-upgrade sa-flex" @click="onOper('upgrade')"
|
|
|
+ >去升级
|
|
|
+ <img class="icon-right" src="/static/images/shop/config/icon-right.png" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -237,297 +271,295 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import { onMounted, reactive, ref, unref } from 'vue';
|
|
|
-import SaDraggable from 'vuedraggable';
|
|
|
-import { api } from '../config.service';
|
|
|
-import adminApi from '@/app/admin/api';
|
|
|
-import { api as goodsApi } from '@/app/shop/admin/goods/goods.service';
|
|
|
-import { useModal } from '@/sheep/hooks';
|
|
|
-import RichtextSelect from '@/app/shop/admin/data/richtext/select.vue';
|
|
|
-import GoodsSelect from '@/app/shop/admin/goods/goods/select.vue';
|
|
|
+ import { onMounted, reactive, ref, unref } from 'vue';
|
|
|
+ import SaDraggable from 'vuedraggable';
|
|
|
+ import { api } from '../config.service';
|
|
|
+ import adminApi from '@/app/admin/api';
|
|
|
+ import { api as goodsApi } from '@/app/shop/admin/goods/goods.service';
|
|
|
+ import { useModal } from '@/sheep/hooks';
|
|
|
+ import RichtextSelect from '@/app/shop/admin/data/richtext/select.vue';
|
|
|
+ import GoodsSelect from '@/app/shop/admin/goods/goods/select.vue';
|
|
|
|
|
|
-const formRef = ref();
|
|
|
-const form = reactive({
|
|
|
- model: {
|
|
|
- level: 0,
|
|
|
- self_buy: 0,
|
|
|
- invite_lock: 'share',
|
|
|
- agent_check: 0,
|
|
|
- upgrade_jump: 0,
|
|
|
- upgrade_check: 0,
|
|
|
- become_agent: {
|
|
|
- type: 'apply',
|
|
|
- value: '',
|
|
|
+ const formRef = ref();
|
|
|
+ const form = reactive({
|
|
|
+ model: {
|
|
|
+ level: 0,
|
|
|
+ self_buy: 0,
|
|
|
+ invite_lock: 'share',
|
|
|
+ agent_check: 0,
|
|
|
+ upgrade_jump: 0,
|
|
|
+ upgrade_check: 0,
|
|
|
+ become_agent: {
|
|
|
+ type: 'apply',
|
|
|
+ value: '',
|
|
|
+ },
|
|
|
+ // background_image: '',
|
|
|
+ agent_form: {
|
|
|
+ status: '0',
|
|
|
+ background_image: '',
|
|
|
+ content: [
|
|
|
+ {
|
|
|
+ type: '',
|
|
|
+ name: '',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ apply_protocol: {
|
|
|
+ status: '0',
|
|
|
+ id: '',
|
|
|
+ title: '',
|
|
|
+ },
|
|
|
+ reward_type: 'goods_price',
|
|
|
+ reward_event: 'paid',
|
|
|
+ refund_commission_reward: 0,
|
|
|
+ refund_commission_order: 0,
|
|
|
},
|
|
|
- // background_image: '',
|
|
|
- agent_form: {
|
|
|
- status: '0',
|
|
|
- background_image: '',
|
|
|
- content: [
|
|
|
- {
|
|
|
- type: '',
|
|
|
- name: '',
|
|
|
+ rules: {
|
|
|
+ // background_image: [{ required: true, message: '请选择分销中心背景图', trigger: 'blur' }],
|
|
|
+ agent_form: {
|
|
|
+ background_image: [{ required: true, message: '请选择表单背景图', trigger: 'blur' }],
|
|
|
+ content: {
|
|
|
+ type: [{ required: true, message: '表单类型', trigger: 'change' }],
|
|
|
+ name: [{ required: true, message: '表单名称', trigger: 'blur' }],
|
|
|
},
|
|
|
- ],
|
|
|
- },
|
|
|
- apply_protocol: {
|
|
|
- status: '0',
|
|
|
- id: '',
|
|
|
- title: '',
|
|
|
- },
|
|
|
- reward_type: 'goods_price',
|
|
|
- reward_event: 'paid',
|
|
|
- refund_commission_reward: 0,
|
|
|
- refund_commission_order: 0,
|
|
|
- },
|
|
|
- rules: {
|
|
|
- // background_image: [{ required: true, message: '请选择分销中心背景图', trigger: 'blur' }],
|
|
|
- agent_form: {
|
|
|
- background_image: [{ required: true, message: '请选择表单背景图', trigger: 'blur' }],
|
|
|
- content: {
|
|
|
- type: [{ required: true, message: '表单类型', trigger: 'change' }],
|
|
|
- name: [{ required: true, message: '表单名称', trigger: 'blur' }],
|
|
|
},
|
|
|
},
|
|
|
- },
|
|
|
-});
|
|
|
-const state = reactive({
|
|
|
- configis_upgrade: false,
|
|
|
-})
|
|
|
+ });
|
|
|
+ const state = reactive({
|
|
|
+ configis_upgrade: false,
|
|
|
+ });
|
|
|
|
|
|
-function onChangeBecomeAgentType(type) {
|
|
|
- if (type === 'apply') {
|
|
|
- form.model.agent_form.status = '1';
|
|
|
+ function onChangeBecomeAgentType(type) {
|
|
|
+ if (type === 'apply') {
|
|
|
+ form.model.agent_form.status = '1';
|
|
|
+ }
|
|
|
+ if (type === 'user') {
|
|
|
+ form.model.invite_lock = 'share';
|
|
|
+ }
|
|
|
+ form.model.become_agent.value = '';
|
|
|
}
|
|
|
- if (type === 'user') {
|
|
|
- form.model.invite_lock = 'share';
|
|
|
+
|
|
|
+ function selectRichtext() {
|
|
|
+ useModal(
|
|
|
+ RichtextSelect,
|
|
|
+ {
|
|
|
+ title: '选择活动说明',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ confirm: (res) => {
|
|
|
+ form.model.apply_protocol.id = res.data.id;
|
|
|
+ form.model.apply_protocol.title = res.data.title;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ );
|
|
|
}
|
|
|
- form.model.become_agent.value = '';
|
|
|
-}
|
|
|
|
|
|
-function selectRichtext() {
|
|
|
- useModal(
|
|
|
- RichtextSelect,
|
|
|
- {
|
|
|
- title: '选择活动说明',
|
|
|
- },
|
|
|
- {
|
|
|
- confirm: (res) => {
|
|
|
- form.model.apply_protocol.id = res.data.id;
|
|
|
- form.model.apply_protocol.title = res.data.title;
|
|
|
+ const tempGoods = reactive({
|
|
|
+ list: [],
|
|
|
+ });
|
|
|
+
|
|
|
+ async function getGoodsList(ids) {
|
|
|
+ const { data } = await goodsApi.goods.select(
|
|
|
+ {
|
|
|
+ search: JSON.stringify({ id: [ids, 'in'] }),
|
|
|
},
|
|
|
- },
|
|
|
- );
|
|
|
-}
|
|
|
+ 'select',
|
|
|
+ );
|
|
|
+ tempGoods.list = data;
|
|
|
+ }
|
|
|
|
|
|
-const tempGoods = reactive({
|
|
|
- list: [],
|
|
|
-});
|
|
|
+ function selectGoods() {
|
|
|
+ let ids = [];
|
|
|
+ tempGoods.list.forEach((i) => {
|
|
|
+ ids.push(i.id);
|
|
|
+ });
|
|
|
+ useModal(
|
|
|
+ GoodsSelect,
|
|
|
+ {
|
|
|
+ title: '选择商品',
|
|
|
+ multiple: true,
|
|
|
+ ids,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ confirm: (res) => {
|
|
|
+ tempGoods.list = res.data;
|
|
|
|
|
|
-async function getGoodsList(ids) {
|
|
|
- const { data } = await goodsApi.goods.select(
|
|
|
+ let ids = [];
|
|
|
+ tempGoods.list.forEach((gl) => {
|
|
|
+ ids.push(gl.id);
|
|
|
+ });
|
|
|
+ form.model.become_agent.value = ids.join(',');
|
|
|
+ },
|
|
|
+ },
|
|
|
+ );
|
|
|
+ }
|
|
|
+ function deleteGoods(index) {
|
|
|
+ tempGoods.list.splice(index, 1);
|
|
|
+ let ids = [];
|
|
|
+ tempGoods.list.forEach((gl) => {
|
|
|
+ ids.push(gl.id);
|
|
|
+ });
|
|
|
+ form.model.become_agent.value = ids.join(',');
|
|
|
+ }
|
|
|
+
|
|
|
+ const become_register_options = [
|
|
|
{
|
|
|
- search: JSON.stringify({ id: [ids, 'in'] }),
|
|
|
+ value: 'text',
|
|
|
+ label: '文本内容',
|
|
|
},
|
|
|
- 'select',
|
|
|
- );
|
|
|
- tempGoods.list = data;
|
|
|
-}
|
|
|
-
|
|
|
-function selectGoods() {
|
|
|
- let ids = [];
|
|
|
- tempGoods.list.forEach((i) => {
|
|
|
- ids.push(i.id);
|
|
|
- });
|
|
|
- useModal(
|
|
|
- GoodsSelect,
|
|
|
{
|
|
|
- title: '选择商品',
|
|
|
- multiple: true,
|
|
|
- ids,
|
|
|
+ value: 'number',
|
|
|
+ label: '纯数字',
|
|
|
},
|
|
|
{
|
|
|
- confirm: (res) => {
|
|
|
- tempGoods.list = res.data;
|
|
|
-
|
|
|
- let ids = [];
|
|
|
- tempGoods.list.forEach((gl) => {
|
|
|
- ids.push(gl.id);
|
|
|
- });
|
|
|
- form.model.become_agent.value = ids.join(',');
|
|
|
- },
|
|
|
+ value: 'image',
|
|
|
+ label: '上传图片',
|
|
|
},
|
|
|
- );
|
|
|
-}
|
|
|
-function deleteGoods(index) {
|
|
|
- tempGoods.list.splice(index, 1);
|
|
|
- let ids = [];
|
|
|
- tempGoods.list.forEach((gl) => {
|
|
|
- ids.push(gl.id);
|
|
|
- });
|
|
|
- form.model.become_agent.value = ids.join(',');
|
|
|
-}
|
|
|
-
|
|
|
-const become_register_options = [
|
|
|
- {
|
|
|
- value: 'text',
|
|
|
- label: '文本内容',
|
|
|
- },
|
|
|
- {
|
|
|
- value: 'number',
|
|
|
- label: '纯数字',
|
|
|
- },
|
|
|
- {
|
|
|
- value: 'image',
|
|
|
- label: '上传图片',
|
|
|
- },
|
|
|
-];
|
|
|
-function addContent() {
|
|
|
- form.model.agent_form.content.push({
|
|
|
- type: '',
|
|
|
- name: '',
|
|
|
- });
|
|
|
-}
|
|
|
-function deleteContent(index) {
|
|
|
- form.model.agent_form.content.splice(index, 1);
|
|
|
-}
|
|
|
-
|
|
|
-async function getConfig() {
|
|
|
- const { data } = await api.commission();
|
|
|
- form.model = data;
|
|
|
- if (form.model.become_agent.type == 'goods') {
|
|
|
- getGoodsList(form.model.become_agent.value);
|
|
|
+ ];
|
|
|
+ function addContent() {
|
|
|
+ form.model.agent_form.content.push({
|
|
|
+ type: '',
|
|
|
+ name: '',
|
|
|
+ });
|
|
|
}
|
|
|
- const initData = await adminApi.init();
|
|
|
- if (!initData.data.is_pro) {
|
|
|
- state.configis_upgrade = true
|
|
|
+ function deleteContent(index) {
|
|
|
+ form.model.agent_form.content.splice(index, 1);
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-function onOper(type) {
|
|
|
- switch (type) {
|
|
|
- case 'close':
|
|
|
- state.configis_upgrade = false
|
|
|
- break;
|
|
|
- case 'refresh':
|
|
|
- window.location.reload();
|
|
|
- break;
|
|
|
- case 'upgrade':
|
|
|
- window.open("https://shopro.top/buy")
|
|
|
- break;
|
|
|
+ async function getConfig() {
|
|
|
+ const { data } = await api.commission();
|
|
|
+ form.model = data;
|
|
|
+ if (form.model.become_agent.type == 'goods') {
|
|
|
+ getGoodsList(form.model.become_agent.value);
|
|
|
+ }
|
|
|
+ const initData = await adminApi.init();
|
|
|
+ if (!initData.data.is_pro) {
|
|
|
+ state.configis_upgrade = true;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-function resetFrom() {
|
|
|
- getConfig();
|
|
|
-}
|
|
|
+ function onOper(type) {
|
|
|
+ switch (type) {
|
|
|
+ case 'close':
|
|
|
+ state.configis_upgrade = false;
|
|
|
+ break;
|
|
|
+ case 'refresh':
|
|
|
+ window.location.reload();
|
|
|
+ break;
|
|
|
+ case 'upgrade':
|
|
|
+ window.open('https://shopro.top/buy');
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-function onSave() {
|
|
|
- unref(formRef) &&
|
|
|
- unref(formRef).validate(async (valid) => {
|
|
|
- if (valid) {
|
|
|
- await api.commission(form.model);
|
|
|
- }
|
|
|
- });
|
|
|
-}
|
|
|
+ function resetFrom() {
|
|
|
+ getConfig();
|
|
|
+ }
|
|
|
+
|
|
|
+ function onSave() {
|
|
|
+ unref(formRef) &&
|
|
|
+ unref(formRef).validate(async (valid) => {
|
|
|
+ if (valid) {
|
|
|
+ await api.commission(form.model);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
-onMounted(() => {
|
|
|
- getConfig();
|
|
|
-});
|
|
|
+ onMounted(() => {
|
|
|
+ getConfig();
|
|
|
+ });
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-.configis-upgrade-dialog {
|
|
|
- .el-dialog__body {
|
|
|
- padding: 0 !important;
|
|
|
- }
|
|
|
+ .configis-upgrade-dialog {
|
|
|
+ .el-dialog__body {
|
|
|
+ padding: 0 !important;
|
|
|
+ }
|
|
|
|
|
|
- .el-dialog__header {
|
|
|
- height: 0 !important;
|
|
|
- padding: 0 !important;
|
|
|
+ .el-dialog__header {
|
|
|
+ height: 0 !important;
|
|
|
+ padding: 0 !important;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
</style>
|
|
|
<style lang="scss" scoped>
|
|
|
-.config-commission {
|
|
|
- .sa-title {
|
|
|
- font-weight: 500;
|
|
|
- color: var(--sa-title);
|
|
|
- }
|
|
|
+ .config-commission {
|
|
|
+ .sa-title {
|
|
|
+ font-weight: 500;
|
|
|
+ color: var(--sa-title);
|
|
|
+ }
|
|
|
|
|
|
- .el-alert {
|
|
|
- --el-alert-bg-color: var(--sa-background-hex-hover);
|
|
|
- color: var(--sa-subtitle);
|
|
|
+ .el-alert {
|
|
|
+ --el-alert-bg-color: var(--sa-background-hex-hover);
|
|
|
+ color: var(--sa-subtitle);
|
|
|
|
|
|
- :deep() {
|
|
|
- .el-alert__content {
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
+ :deep() {
|
|
|
+ .el-alert__content {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
|
|
|
- .el-alert__close-btn {
|
|
|
- color: var(--el-color-primary);
|
|
|
+ .el-alert__close-btn {
|
|
|
+ color: var(--el-color-primary);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-.configis-upgrade-image {
|
|
|
- width: 900px;
|
|
|
- height: 580px;
|
|
|
- background: #FFFFFF;
|
|
|
- border-radius: 4px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
|
|
|
+ .configis-upgrade-image {
|
|
|
+ width: 900px;
|
|
|
+ height: 580px;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 4px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
|
|
|
-.configis-upgrade-button {
|
|
|
- position: absolute;
|
|
|
- bottom: 162px;
|
|
|
- right: 360px;
|
|
|
-}
|
|
|
+ .configis-upgrade-button {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 162px;
|
|
|
+ right: 360px;
|
|
|
+ }
|
|
|
|
|
|
-.configis-upgrade-button-upgrade {
|
|
|
- width: 110px;
|
|
|
- height: 34px;
|
|
|
- background: #8322FF;
|
|
|
- border-radius: 2px;
|
|
|
- justify-content: center;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 12px;
|
|
|
- color: #FFFFFF;
|
|
|
- margin-left: 42px;
|
|
|
- cursor: pointer;
|
|
|
+ .configis-upgrade-button-upgrade {
|
|
|
+ width: 110px;
|
|
|
+ height: 34px;
|
|
|
+ background: #8322ff;
|
|
|
+ border-radius: 2px;
|
|
|
+ justify-content: center;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-left: 42px;
|
|
|
+ cursor: pointer;
|
|
|
|
|
|
- .icon-right {
|
|
|
- margin-left: 12px;
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
+ .icon-right {
|
|
|
+ margin-left: 12px;
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.configis-upgrade-button-refresh {
|
|
|
- color: #86818E;
|
|
|
- font-size: 12px;
|
|
|
- cursor: pointer;
|
|
|
+ .configis-upgrade-button-refresh {
|
|
|
+ color: #86818e;
|
|
|
+ font-size: 12px;
|
|
|
+ cursor: pointer;
|
|
|
|
|
|
- .refresh-right {
|
|
|
- margin-right: 6px;
|
|
|
- font-size: 14px;
|
|
|
+ .refresh-right {
|
|
|
+ margin-right: 6px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.configis-upgrade-close {
|
|
|
- position: absolute;
|
|
|
- top: 53px;
|
|
|
- right: 58px;
|
|
|
- font-size: 20px;
|
|
|
- color: #7F7A87;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
+ .configis-upgrade-close {
|
|
|
+ position: absolute;
|
|
|
+ top: 53px;
|
|
|
+ right: 58px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #7f7a87;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
</style>
|