增加激活码列表页面,修复进件部分问题
This commit is contained in:
615
pagesShops/pay-config/pay-config.vue
Normal file
615
pagesShops/pay-config/pay-config.vue
Normal file
@@ -0,0 +1,615 @@
|
||||
<template>
|
||||
<view class="min-page bg-f7 u-font-28">
|
||||
<template v-if="loadingFinish">
|
||||
<up-form :model="form" :rules="rules" ref="refForm" label-width="auto" label-position="top"
|
||||
errorType="toast" :label-style="labelStyle">
|
||||
<view class="container">
|
||||
<up-form-item label="当前模式">
|
||||
<up-radio-group v-model="form.channel">
|
||||
<up-radio v-for="(value,key) in channels" :key="key" :name="key" :label="value"></up-radio>
|
||||
</up-radio-group>
|
||||
</up-form-item>
|
||||
<template v-if="form.channel=='native'">
|
||||
<up-form-item label="使用信息"
|
||||
v-if="shopInfo.shopType!='only'&& !shopInfo.isHeadShop && mainEntryManagerRes">
|
||||
<up-radio-group v-model="useInfo">
|
||||
<up-radio v-for="(value,key) in useInfos" :key="key" :name="key*1"
|
||||
:label="value"></up-radio>
|
||||
</up-radio-group>
|
||||
</up-form-item>
|
||||
</template>
|
||||
|
||||
</view>
|
||||
<template v-if="form.channel=='poly'">
|
||||
<view class="container">
|
||||
<up-form-item label="店铺id" prop="polyMerchantDTO.storeId"
|
||||
:required="returnIsRequired('polyMerchantDTO.storeId')">
|
||||
<up-input v-model="form.polyMerchantDTO.storeId"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="商户名称" prop="polyMerchantDTO.merchantName"
|
||||
:required="returnIsRequired('polyMerchantDTO.merchantName')">
|
||||
<up-input v-model="form.polyMerchantDTO.merchantName"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="商户应用id" prop="polyMerchantDTO.appId"
|
||||
:required="returnIsRequired('polyMerchantDTO.appId')">
|
||||
<up-input v-model="form.polyMerchantDTO.appId"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="商户密钥" prop="polyMerchantDTO.appSecret"
|
||||
:required="returnIsRequired('polyMerchantDTO.appSecret')">
|
||||
<up-input v-model="form.polyMerchantDTO.appSecret"></up-input>
|
||||
</up-form-item>
|
||||
<!-- <up-form-item label="支付密码" prop="polyMerchantDTO.payPassword"
|
||||
:required="returnIsRequired('polyMerchantDTO.payPassword')">
|
||||
<up-input v-model="form.polyMerchantDTO.payPassword"></up-input>
|
||||
</up-form-item> -->
|
||||
</view>
|
||||
</template>
|
||||
<template v-else>
|
||||
<template v-if="useInfo==0">
|
||||
<template v-if="entryManagerRes">
|
||||
<view class="container container1">
|
||||
<view class="u-flex u-row-between">
|
||||
<text class="font-bold">商户号</text>
|
||||
<text class="">{{entryManagerRes.merchantCode}}</text>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-m-t-24">
|
||||
<text class="font-bold">商户类型</text>
|
||||
<text class="">{{returnType(entryManagerRes.userType)}}</text>
|
||||
</view>
|
||||
<view class="status">
|
||||
<view class="u-flex u-row-between ">
|
||||
<text class="font-bold">支付宝进件状态</text>
|
||||
<view class="state" :class="returnStatusClass(entryManagerRes.alipayStatus)">
|
||||
{{returnStatusLabel(entryManagerRes.alipayStatus)}}
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="entryManagerRes.alipayStatus==='SIGN'" class="u-m-t-16">
|
||||
<my-button @click="showCode(entryManagerRes,'aliPay')">查看签约码</my-button>
|
||||
</view>
|
||||
<view class="u-m-t-14" v-if="entryManagerRes.alipayErrorMsg">
|
||||
<up-alert title="拒绝原因" type="error"
|
||||
:description="entryManagerRes.alipayErrorMsg"></up-alert>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="status">
|
||||
<view class="">
|
||||
<view class="u-flex u-row-between">
|
||||
<text class="font-bold">微信进件状态</text>
|
||||
<view class="state"
|
||||
:class="returnStatusClass(entryManagerRes.wechatStatus)">
|
||||
{{returnStatusLabel(entryManagerRes.wechatStatus)}}
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="entryManagerRes.wechatStatus==='SIGN'" class="u-m-t-16">
|
||||
<my-button @click="showCode(entryManagerRes,'wx')">查看签约码</my-button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="u-m-t-14" v-if="entryManagerRes.wechatErrorMsg">
|
||||
<up-alert title="拒绝原因" type="error"
|
||||
:description="entryManagerRes.wechatErrorMsg"></up-alert>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-m-t-24">
|
||||
<text class="font-bold">最后提交时间</text>
|
||||
<text class="">{{entryManagerRes.updateTime}}</text>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-m-t-24">
|
||||
<text class="font-bold">创建时间</text>
|
||||
<text class="">{{entryManagerRes.createTime}}</text>
|
||||
</view>
|
||||
|
||||
<view class="u-flex u-row-right gap-20 u-m-t-32">
|
||||
<my-button @click="toEdit(entryManagerRes)">查看详情</my-button>
|
||||
<my-button @click="toEdit(entryManagerRes)">修改</my-button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
<view class="container container1" v-if="!entryManagerRes">
|
||||
<view class="color-red font-bold text-center">您还未申请进件</view>
|
||||
<view class="u-m-t-32">
|
||||
<my-button @click="toEdit()">去申请</my-button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<template v-if="useInfo==1">
|
||||
<view class="container container1">
|
||||
<view class="u-flex u-row-between u-m-b-24">
|
||||
<text class="font-bold">复用信息</text>
|
||||
<up-tag type="primary" plain text="复用主店信息"></up-tag>
|
||||
</view>
|
||||
<view class="u-flex u-row-between">
|
||||
<text class="font-bold">商户号</text>
|
||||
<text class="">{{form.shopDirectMerchant.merchantCode}}</text>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-m-t-24">
|
||||
<text class="font-bold">商户类型</text>
|
||||
<text class="">{{returnType(form.shopDirectMerchant.userType)}}</text>
|
||||
</view>
|
||||
<view class="status">
|
||||
<view class="u-flex u-row-between ">
|
||||
<text class="font-bold">支付宝进件状态</text>
|
||||
<view class="state"
|
||||
:class="returnStatusClass(form.shopDirectMerchant.alipayStatus)">
|
||||
{{returnStatusLabel(form.shopDirectMerchant.alipayStatus)}}
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="form.shopDirectMerchant.alipayStatus==='SIGN'" class="u-m-t-16">
|
||||
<my-button @click="showCode(form.shopDirectMerchant,'aliPay')">查看签约码</my-button>
|
||||
</view>
|
||||
<view class="u-m-t-14" v-if="form.shopDirectMerchant.alipayErrorMsg">
|
||||
<up-alert title="拒绝原因" type="error"
|
||||
:description="form.shopDirectMerchant.alipayErrorMsg"></up-alert>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="status">
|
||||
<view class="">
|
||||
<view class="u-flex u-row-between">
|
||||
<text class="font-bold">微信进件状态</text>
|
||||
<view class="state"
|
||||
:class="returnStatusClass(form.shopDirectMerchant.wechatStatus)">
|
||||
{{returnStatusLabel(form.shopDirectMerchant.wechatStatus)}}
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="form.shopDirectMerchant.wechatStatus==='SIGN'" class="u-m-t-16">
|
||||
<my-button @click="showCode(form.shopDirectMerchant,'wx')">查看签约码</my-button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="u-m-t-14" v-if="form.shopDirectMerchant.wechatErrorMsg">
|
||||
<up-alert title="拒绝原因" type="error"
|
||||
:description="form.shopDirectMerchant.wechatErrorMsg"></up-alert>
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-m-t-24">
|
||||
<text class="font-bold">最后提交时间</text>
|
||||
<text class="">{{form.shopDirectMerchant.updateTime}}</text>
|
||||
</view>
|
||||
<view class="u-flex u-row-between u-m-t-24">
|
||||
<text class="font-bold">创建时间</text>
|
||||
<text class="">{{form.shopDirectMerchant.createTime}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<!-- <up-form-item label="微信appid" prop="polyMerchantDTO.wechatSmallAppid"
|
||||
:required="returnIsRequired('polyMerchantDTO.wechatSmallAppid')">
|
||||
<up-input v-model="form.polyMerchantDTO.wechatSmallAppid"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="微信支付宝appid" prop="polyMerchantDTO.alipaySmallAppid"
|
||||
:required="returnIsRequired('polyMerchantDTO.alipaySmallAppid')">
|
||||
<up-input v-model="form.polyMerchantDTO.alipaySmallAppid"></up-input>
|
||||
</up-form-item> -->
|
||||
|
||||
</up-form>
|
||||
<up-popup :show="codeShow" mode="center" @close="codeShow=false" round="16rpx"
|
||||
:close-on-click-overlay="true">
|
||||
<view style="border-radius: 16rpx;overflow: hidden;" class="u-p-b-30">
|
||||
<up-image width="200" height="200" :src="code"></up-image>
|
||||
<view class="u-m-t-0 text-center" v-if="codeType=='wx'">请打开微信扫码</view>
|
||||
<view class="u-m-t-0 text-center" v-if="codeType=='aliPay'">请打开支付宝扫码</view>
|
||||
</view>
|
||||
</up-popup>
|
||||
<my-bottom-btn-group @cancel="uni.navigateBack()" @save="submit"></my-bottom-btn-group>
|
||||
</template>
|
||||
<my-page-loading v-else></my-page-loading>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
reactive,
|
||||
ref,
|
||||
watch
|
||||
} from 'vue'
|
||||
import {
|
||||
companyChildTypes,
|
||||
userTypes,
|
||||
statusList
|
||||
} from '@/commons/data/entryManager.js'
|
||||
import * as shopMerchantApi from '@/http/api/order/shopMerchant.js'
|
||||
import {
|
||||
getEntryManager
|
||||
} from '@/http/api/order/entryManager.js'
|
||||
import {
|
||||
channels
|
||||
} from '../data.js'
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app'
|
||||
|
||||
import * as shopInfoApi from '@/http/api/account/shopInfo.js'
|
||||
|
||||
const useInfo = ref(0)
|
||||
|
||||
const useInfos = {
|
||||
0: '当前店铺',
|
||||
1: '主店'
|
||||
}
|
||||
|
||||
function toEdit(shop) {
|
||||
console.log(shop)
|
||||
if (shop) {
|
||||
uni.navigateTo({
|
||||
url: '/entryManager/add/add?shopId=' + shop.shopId + '&licenceNo=' + shop.businessLicenceInfo
|
||||
.licenceNo
|
||||
})
|
||||
} else {
|
||||
return uni.navigateTo({
|
||||
url: '/entryManager/add/add?shopId=' + query.shopId
|
||||
})
|
||||
// if (mainEntryManagerRes.value) {
|
||||
// uni.showModal({
|
||||
// title: '提示',
|
||||
// content: '是否复用主店信息',
|
||||
// showCancel: true,
|
||||
// cancelText: '复用主店信息',
|
||||
// confirmText: '继续进件',
|
||||
// success(res) {
|
||||
// if (res.confirm) {
|
||||
// uni.navigateTo({
|
||||
// url: '/entryManager/add/add?shopId=' + query.shopId
|
||||
// })
|
||||
// } else {
|
||||
// form.shopDirectMerchant = mainEntryManagerRes.value
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// return
|
||||
// } else {
|
||||
// uni.navigateTo({
|
||||
// url: '/entryManager/add/add?shopId=' + query.shopId
|
||||
// })
|
||||
// }
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
const code = ref('')
|
||||
const codeShow = ref(false)
|
||||
const codeType = ref('')
|
||||
|
||||
function returnStatusLabel(state) {
|
||||
const item = statusList.find(v => v.value == state)
|
||||
if (item) {
|
||||
return item.name
|
||||
}
|
||||
return ''
|
||||
}
|
||||
|
||||
function returnIsRequired(key) {
|
||||
if (rules[key] && rules[key].required) {
|
||||
return true
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
|
||||
function returnType(type) {
|
||||
if (userTypes[type]) {
|
||||
return userTypes[type]
|
||||
}
|
||||
return ''
|
||||
}
|
||||
|
||||
function showCode(item, type) {
|
||||
if (type == 'wx') {
|
||||
code.value = item.wechatSignUrl
|
||||
}
|
||||
if (type == 'aliPay') {
|
||||
code.value = item.alipaySignUrl
|
||||
}
|
||||
codeType.value = type
|
||||
codeShow.value = true
|
||||
|
||||
}
|
||||
|
||||
function returnStatusClass(state) {
|
||||
const item = statusList.find(v => v.value == state)
|
||||
if (item) {
|
||||
return item.class
|
||||
}
|
||||
return ''
|
||||
}
|
||||
|
||||
const labelStyle = {
|
||||
fontWeight: "700"
|
||||
}
|
||||
const query = reactive({
|
||||
shopId: ''
|
||||
})
|
||||
const rules = reactive({
|
||||
"polyMerchantDTO.merchantName": {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入商户名称',
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
"polyMerchantDTO.storeId": {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入店铺id',
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
"polyMerchantDTO.appId": {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入商户应用id',
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
"polyMerchantDTO.appSecret": {
|
||||
type: 'string',
|
||||
required: true,
|
||||
message: '请输入商户密钥',
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
// "polyMerchantDTO.payPassword": {
|
||||
// type: 'string',
|
||||
// required: true,
|
||||
// message: '请输入支付密钥',
|
||||
// trigger: ['blur', 'change'],
|
||||
// },
|
||||
// "polyMerchantDTO.wechatSmallAppid": {
|
||||
// type: 'string',
|
||||
// required: true,
|
||||
// message: '请输入微信小程序appid',
|
||||
// trigger: ['blur', 'change'],
|
||||
// },
|
||||
// "polyMerchantDTO.alipaySmallAppid": {
|
||||
// type: 'string',
|
||||
// required: true,
|
||||
// message: '请输入支付宝小程序appid',
|
||||
// trigger: ['blur', 'change'],
|
||||
// }
|
||||
|
||||
})
|
||||
const form = reactive({
|
||||
shopId: 0,
|
||||
channel: "native",
|
||||
relatedLicenceNo: "",
|
||||
nativeMerchantDTO: {
|
||||
wechatMerchantId: "",
|
||||
alipayMerchantId: "",
|
||||
alipayAuthInfo: {
|
||||
user_id: "",
|
||||
open_id: "",
|
||||
auth_app_id: "",
|
||||
app_auth_token: "",
|
||||
expires_in: "",
|
||||
app_refresh_token: "",
|
||||
re_expires_in: "",
|
||||
order_no: "",
|
||||
},
|
||||
},
|
||||
polyMerchantDTO: {
|
||||
storeId: "",
|
||||
merchantName: "",
|
||||
appId: "",
|
||||
appSecret: "",
|
||||
payPassword: "",
|
||||
wechatSmallAppid: "",
|
||||
alipaySmallAppid: "",
|
||||
},
|
||||
shopDirectMerchant: {
|
||||
shopId: 0,
|
||||
shopName: "",
|
||||
licenceNo: "",
|
||||
alipayAccount: "",
|
||||
merchantCode: "",
|
||||
userType: "",
|
||||
shortName: "",
|
||||
merchantBaseInfo: "",
|
||||
legalPersonInfo: "",
|
||||
businessLicenceInfo: "",
|
||||
storeInfo: "",
|
||||
settlementInfo: "",
|
||||
createTime: "",
|
||||
updateTime: "",
|
||||
errorMsg: "",
|
||||
wechatApplyId: "",
|
||||
wechatStatus: "",
|
||||
wechatErrorMsg: "",
|
||||
wechatSignUrl: "",
|
||||
alipayOrderId: "",
|
||||
alipayStatus: "",
|
||||
alipayErrorMsg: "",
|
||||
alipaySignUrl: "",
|
||||
alipayAuthInfo: "",
|
||||
wechatMerchantId: "",
|
||||
alipayMerchantId: "",
|
||||
},
|
||||
});
|
||||
const refForm = ref(null)
|
||||
|
||||
const entryManagerRes = ref(null)
|
||||
|
||||
|
||||
const mainEntryManagerRes = ref(null)
|
||||
|
||||
const shopInfo = ref(null)
|
||||
|
||||
const shopMerchant=ref(null)
|
||||
async function init() {
|
||||
const shopInfoRes = await shopInfoApi.getShopDetail({
|
||||
id: query.shopId
|
||||
})
|
||||
shopInfo.value = shopInfoRes
|
||||
//不是单店且不是主店
|
||||
if (shopInfoRes && shopInfo.shopType != 'only' && !shopInfoRes.isHeadShop) {
|
||||
const res = await shopMerchantApi.getMainMerchant({
|
||||
shopId: query.shopId
|
||||
})
|
||||
mainEntryManagerRes.value = res
|
||||
|
||||
}
|
||||
const res = await getEntryManager({
|
||||
shopId: query.shopId
|
||||
})
|
||||
entryManagerRes.value = res
|
||||
shopMerchantApi.shopMerchant({
|
||||
shopId: query.shopId
|
||||
}).then(res => {
|
||||
if(res){
|
||||
if (res.shopDirectMerchant) {
|
||||
useInfo.value = 1
|
||||
} else {
|
||||
useInfo.value = 0
|
||||
}
|
||||
shopMerchant.value=res
|
||||
Object.assign(form, res)
|
||||
}
|
||||
loadingFinish.value=true
|
||||
})
|
||||
}
|
||||
|
||||
const loadingFinish=ref(false)
|
||||
onLoad((opt) => {
|
||||
query.shopId = opt.shopId
|
||||
form.shopId = opt.shopId
|
||||
init()
|
||||
})
|
||||
|
||||
async function save() {
|
||||
let res = null
|
||||
if (form.channel == 'poly') {
|
||||
res = await shopMerchantApi.editShopMerchant({
|
||||
shopId: form.shopId,
|
||||
channel: form.channel,
|
||||
polyMerchantDTO: {
|
||||
storeId: form.polyMerchantDTO.storeId,
|
||||
merchantName: form.polyMerchantDTO.merchantName,
|
||||
appId: form.polyMerchantDTO.appId,
|
||||
appSecret: form.polyMerchantDTO.appSecret,
|
||||
}
|
||||
})
|
||||
} else {
|
||||
res = await shopMerchantApi.editShopMerchant({
|
||||
shopId: form.shopId,
|
||||
channel: form.channel,
|
||||
relatedLicenceNo: form.relatedLicenceNo,
|
||||
nativeMerchantDTO: {
|
||||
wechatMerchantId: form.nativeMerchantDTO.wechatMerchantId,
|
||||
alipayMerchantId: form.nativeMerchantDTO.alipayMerchantId,
|
||||
alipayAuthInfo: {
|
||||
user_id: form.nativeMerchantDTO.alipayAuthInfo.user_id,
|
||||
open_id: form.nativeMerchantDTO.alipayAuthInfo.open_id,
|
||||
auth_app_id: form.nativeMerchantDTO.alipayAuthInfo.auth_app_id,
|
||||
app_auth_token: form.nativeMerchantDTO.alipayAuthInfo.app_auth_token,
|
||||
expires_in: form.nativeMerchantDTO.alipayAuthInfo.expires_in,
|
||||
app_refresh_token: form.nativeMerchantDTO.alipayAuthInfo.app_refresh_token,
|
||||
re_expires_in: form.nativeMerchantDTO.alipayAuthInfo.re_expires_in,
|
||||
order_no: form.nativeMerchantDTO.alipayAuthInfo.order_no,
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
if (res) {
|
||||
uni.$u.toast('保存成功')
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function submit() {
|
||||
if (form.channel == 'native' && !entryManagerRes.value) {
|
||||
return uni.$u.toast('您还未申请进件，清先申请进件')
|
||||
}
|
||||
refForm.value.validate().then(valid => {
|
||||
console.log('valid', valid);
|
||||
if (valid) {
|
||||
// uni.$u.toast('校验通过')
|
||||
|
||||
save()
|
||||
} else {}
|
||||
}).catch(() => {
|
||||
// 处理验证错误
|
||||
});
|
||||
}
|
||||
|
||||
watch(() => form.channel, (newval) => {
|
||||
for (let key in rules) {
|
||||
console.log('key', key)
|
||||
rules[key].required = newval == 'poly' ? true : false;
|
||||
}
|
||||
|
||||
})
|
||||
watch(() => useInfo.value, (newval) => {
|
||||
console.log('newval',newval);
|
||||
if (newval) {
|
||||
form.shopDirectMerchant = mainEntryManagerRes.value||(shopMerchant.value?(shopMerchant.value.shopDirectMerchant):null )
|
||||
form.nativeMerchantDTO = null
|
||||
} else {
|
||||
form.shopDirectMerchant = null
|
||||
form.nativeMerchantDTO = entryManagerRes.value
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.min-page {
|
||||
padding: 32rpx 28rpx;
|
||||
}
|
||||
|
||||
.container {
|
||||
background-color: #fff;
|
||||
padding: 12rpx 28rpx;
|
||||
border-radius: 16rpx;
|
||||
margin-bottom: 32rpx;
|
||||
|
||||
&.container1 {
|
||||
padding: 32rpx 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.input-placeholder) {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
:deep(.u-form-item__body) {
|
||||
padding: 10px 0 0 0;
|
||||
}
|
||||
|
||||
.status {
|
||||
margin-top: 24rpx;
|
||||
background-color: #f7f7f7;
|
||||
padding: 24rpx 28rpx;
|
||||
border-radius: 4rpx;
|
||||
|
||||
.state {
|
||||
padding: 8rpx 18rpx;
|
||||
border-radius: 8rpx;
|
||||
border: 2rpx solid #333;
|
||||
|
||||
&.success {
|
||||
border-color: rgba(123, 209, 54, 1);
|
||||
color: rgba(123, 209, 54, 1);
|
||||
background: rgba(123, 209, 54, 0.12);
|
||||
}
|
||||
|
||||
&.warning {
|
||||
border-color: rgba(255, 141, 40, 1);
|
||||
color: rgba(255, 141, 40, 1);
|
||||
background: rgba(255, 141, 40, 0.12);
|
||||
}
|
||||
|
||||
&.error {
|
||||
border-color: #FF1C1C;
|
||||
color: #FF1C1C;
|
||||
background: rgba(255, 28, 28, 0.18);
|
||||
}
|
||||
|
||||
&.gray {
|
||||
color: #bbb;
|
||||
background-color: #f7f7f7;
|
||||
border-color: #bbb;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user