|
|
@@ -53,10 +53,10 @@
|
|
|
<!-- 设备图 -->
|
|
|
<view class="devicePhoto" v-if="current == 0">
|
|
|
<view class="titleBox">
|
|
|
- <u-alert-tips type="primary" :title-style="alertTipColor" title="点击按钮可对应控制阀门开关"
|
|
|
+ <u-alert-tips type="primary" :title-style="alertTipColor" title="点击按钮可对应控制阀门开关，开即打开，关即关闭"
|
|
|
:show-icon="true"></u-alert-tips>
|
|
|
- <view class="btn" @click="statusPanel=true">控制面板</view>
|
|
|
- <u-popup v-model="statusPanel" mode="bottom">
|
|
|
+ <!-- <view class="btn" @click="statusPanel=true">控制面板</view> -->
|
|
|
+ <!-- <u-popup v-model="statusPanel" mode="bottom">
|
|
|
<view class="consoleBox">
|
|
|
<view class="swichBox">
|
|
|
<u-row :gutter="16" justify="space-between">
|
|
|
@@ -81,37 +81,85 @@
|
|
|
</view>
|
|
|
<u-button type="success" @click="statusPanel=false">确定</u-button>
|
|
|
</view>
|
|
|
- </u-popup>
|
|
|
+ </u-popup> -->
|
|
|
</view>
|
|
|
<view class="main">
|
|
|
- <image class="mainContent" src="../../static/images/waterandfernew/main.png"></image>
|
|
|
- <view class="sourceBox">
|
|
|
+ <image class="mainContent" src="../../static/images/waterandfernew/mainNew.png"></image>
|
|
|
+ <!-- <view class="sourceBox">
|
|
|
<view class="smallBox">
|
|
|
水源
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<!-- 桶 -->
|
|
|
<view class="colList">
|
|
|
- <view class="preClo" v-for="(fei, index) in Array(feiNum / 2)" :key="`fei${index}`">
|
|
|
+ <view class="preClo" v-for="item, index in pickBtnList" :key="`fei${index}`">
|
|
|
<view>
|
|
|
- 肥料{{ index + 1 }}
|
|
|
+ 肥料{{ index + 1}}
|
|
|
+ </view>
|
|
|
+ <image src="../../static/images/waterandfernew/colNew.png" v-if="pickBtnList.length == 1">
|
|
|
+ </image>
|
|
|
+ <image src="../../static/images/waterandfernew/colLeft.png"
|
|
|
+ v-else-if="pickBtnList.length > 1 && index == 0"></image>
|
|
|
+ <image src="../../static/images/waterandfernew/colRight.png"
|
|
|
+ v-else-if="pickBtnList.length > 1 && index == pickBtnList.length - 1"></image>
|
|
|
+ <image src="../../static/images/waterandfernew/colCenter.png" v-else></image>
|
|
|
+ <view class="jiaoBtn" v-if="resultBan.length > 0">
|
|
|
+ <u-switch v-model="resultBan[index]['off']"
|
|
|
+ active-color="#14A478" inactive-color="#AEB4C2"
|
|
|
+ :loading="resultBan[index]['disabled']"
|
|
|
+ @change="switchchange($event, resultBan[index]['number'], resultBan[index], index)"></u-switch>
|
|
|
+ </view>
|
|
|
+ <view class="shanBox" v-if="resultBan.length > 0">
|
|
|
+ <image v-if="!resultBan[index]['off']"
|
|
|
+ src="../../static/images/waterandfernew/shan.png"></image>
|
|
|
+ <image v-else class="circleAnm"
|
|
|
+ src="../../static/images/waterandfernew/shanannimate.png"></image>
|
|
|
+ </view>
|
|
|
+ <view class="btnBox" @click="switchchange($event, item.number, item, index, true)">
|
|
|
+ <image v-if="item.off" src="../../static/images/waterandfernew/feiopen.png"></image>
|
|
|
+ <image v-else src="../../static/images/waterandfernew/feiclose.png"></image>
|
|
|
</view>
|
|
|
- <image src="../../static/images/waterandfernew/col.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 废料管口 -->
|
|
|
+ <view class="exit">
|
|
|
+ <image src="../../static/images/waterandfernew/exit.png"></image>
|
|
|
+ </view>
|
|
|
+ <!-- 注肥泵 -->
|
|
|
+ <view class="feiLight"
|
|
|
+ @click="switchchange(!feiBeng, facilityvalve[feiBengIndex].number, facilityvalve[feiBengIndex], feiBengIndex)">
|
|
|
+ <image v-if="feiBeng" src="../../static/images/waterandfernew/feiAllopen.png"></image>
|
|
|
+ <image v-else src="../../static/images/waterandfernew/feiAllclose.png"></image>
|
|
|
+ </view>
|
|
|
+ <!-- 控制柜 -->
|
|
|
+ <view class="kongBox">
|
|
|
+ <image v-if="feiBeng" src="../../static/images/waterandfernew/kongclose.png"></image>
|
|
|
+ <image v-else src="../../static/images/waterandfernew/kongopen.png"></image>
|
|
|
+ </view>
|
|
|
+ <!-- 进水泵 -->
|
|
|
+ <view class="warterIn"
|
|
|
+ @click="switchchange(!mainBeng, facilityvalve[mainBengIndex].number, facilityvalve[mainBengIndex], mainBengIndex)">
|
|
|
+ <image v-if="mainBeng" src="../../static/images/waterandfernew/feiopen.png"></image>
|
|
|
+ <image v-else src="../../static/images/waterandfernew/feiclose.png"></image>
|
|
|
+ </view>
|
|
|
+ <!-- 进水指示 -->
|
|
|
+ <view class="warterLight">
|
|
|
+ <image v-if="mainBeng" src="../../static/images/waterandfernew/bengopen.png"></image>
|
|
|
+ <image v-else src="../../static/images/waterandfernew/bengclose.png"></image>
|
|
|
+ </view>
|
|
|
<!-- 电风扇 -->
|
|
|
- <view class="fengBox">
|
|
|
+ <!-- <view class="fengBox">
|
|
|
<view class="relativeBox">
|
|
|
<image src="../../static/images/waterandfernew/fengmain.png"></image>
|
|
|
<image :class="feiBeng ? 'circleAnm' : ''"
|
|
|
src="../../static/images/waterandfernew/fengleafs.png"></image>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<!-- 水管控制阀 -->
|
|
|
<view class="benList">
|
|
|
- <view class="preBen" v-for="item, index in buttonList" v-if="(index + 1) % 2 == 1"
|
|
|
+ <!-- <view class="preBen" v-for="item, index in buttonList" v-if="(index + 1) % 2 == 1"
|
|
|
@click="switchchange(!item.off, item.number, item, index, true)">
|
|
|
- <image class="daoguan" src="../../static/images/waterandfernew/bottom.png"
|
|
|
+ <image class="daoguan" src="../../static/images/waterandfernew/bottomNew.png"
|
|
|
v-if="(index + 1) % 2 < 4"></image>
|
|
|
<view class="info">
|
|
|
肥料{{ (index + 1) / 2 > 1 ? (index + 2) / 2 : 1 }}开关
|
|
|
@@ -119,11 +167,11 @@
|
|
|
<image class="status" v-if="item.off" src="../../static/images/waterandfernew/open.png">
|
|
|
</image>
|
|
|
<image class="status" v-else src="../../static/images/waterandfernew/close.png"></image>
|
|
|
- </view>
|
|
|
- <view class="preBen" v-for="item, index in facilityvalve" v-if="index > buttonList.length - 1"
|
|
|
+ </view> -->
|
|
|
+ <view class="preBen" v-for="item, index in faList"
|
|
|
@click="switchchange(!item.off, item.number, item, index)">
|
|
|
- <image class="daoguan" src="../../static/images/waterandfernew/bottom.png"
|
|
|
- v-if="(index-buttonList.length + buttonList.length/2) < 4"></image>
|
|
|
+ <image class="daoguan" src="../../static/images/waterandfernew/bottomNew.png"
|
|
|
+ v-if="index < 4"></image>
|
|
|
<view class="info">
|
|
|
{{item.name}}
|
|
|
</view>
|
|
|
@@ -155,7 +203,7 @@
|
|
|
</view>
|
|
|
<view class="tableList" v-for="(item, index) in tableData" :key="item.uptime + index">
|
|
|
<view>{{item.device_name}}</view>
|
|
|
- <view>{{item.operation_content}}</view>
|
|
|
+ <view :class="item.status ? 'success' : 'error'">{{item.operation_content}}</view>
|
|
|
<view>{{item.uptime}}</view>
|
|
|
</view>
|
|
|
<u-loadmore :status="status" />
|
|
|
@@ -172,13 +220,26 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ typeObj:{
|
|
|
+ 1:'控制柜',
|
|
|
+ 2:'灌溉泵',
|
|
|
+ 3:'搅拌机',
|
|
|
+ 4:'注肥泵',
|
|
|
+ 5:'阀控器',
|
|
|
+ 6:'施肥桶'
|
|
|
+ }, //阀控器类型对应
|
|
|
+ pickBtnList:[], // 肥料开关列表
|
|
|
+ resultBan:[], // 搅拌机开关列表
|
|
|
+ faList:[], // 发空气开关列表
|
|
|
alertTipColor: {
|
|
|
color: '#1890FF',
|
|
|
- fontSize: "28rpx"
|
|
|
+ fontSize: "12px"
|
|
|
},
|
|
|
device_id: '',
|
|
|
+ mainBengIndex: 0, // 进水泵的位置
|
|
|
mainBeng: false,
|
|
|
- feiBeng: false,
|
|
|
+ feiBeng: false,
|
|
|
+ feiBengIndex: 0, // 施肥泵的位置
|
|
|
calendarshow: false,
|
|
|
historyTime: {},
|
|
|
cWidth: '350',
|
|
|
@@ -441,6 +502,70 @@
|
|
|
})
|
|
|
// console.log(this.ElementList)
|
|
|
},
|
|
|
+ // 当前配置的元素列表
|
|
|
+ async getPickList() {
|
|
|
+ // e_type类型对应
|
|
|
+ // 1:'控制柜',
|
|
|
+ // 2:'灌溉泵',
|
|
|
+ // 3:'搅拌机',
|
|
|
+ // 4:'注肥泵',
|
|
|
+ // 5:'阀控器',
|
|
|
+ // 6:'施肥桶'
|
|
|
+ let res = await this.$myRequest({
|
|
|
+ url: "/api/api_gateway?method=xphsp.views.sf_valve_location_list",
|
|
|
+ data: {
|
|
|
+ sf_device_id: this.device_id,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ let pickList = [];
|
|
|
+ let pickBtnList = []; // 肥料开关
|
|
|
+ let pickBanList = []; // 肥料搅拌机开关
|
|
|
+ let faList = []; // 管道阀开关
|
|
|
+ this.facilityvalve.forEach(item => {
|
|
|
+ res.forEach((pick, index) => {
|
|
|
+ if(pick.e_key == item.type) {
|
|
|
+ let pickObj = Object.assign(item, pick);
|
|
|
+ // 获取当前灌溉泵位置
|
|
|
+ if(pick.e_type == 2) {
|
|
|
+ this.mainBengIndex = pickList.length;
|
|
|
+ this.mainBeng = pickObj.off;
|
|
|
+ }
|
|
|
+ // 获取当前施肥泵位置
|
|
|
+ if(pick.e_type == 4) {
|
|
|
+ this.feiBengIndex = pickList.length;
|
|
|
+ this.feiBeng = pickObj.off;
|
|
|
+ }
|
|
|
+ // 获取肥料开关列表
|
|
|
+ if(pick.e_type == 6) {
|
|
|
+ pickBtnList.push(pickObj)
|
|
|
+ }
|
|
|
+ // 获取搅拌机开关列表
|
|
|
+ if(pick.e_type == 3) {
|
|
|
+ pickBanList.push(pickObj)
|
|
|
+ }
|
|
|
+ // 获取管道阀开关列表
|
|
|
+ if(pick.e_type == 1 || pick.e_type == 5) {
|
|
|
+ faList.push(pickObj)
|
|
|
+ }
|
|
|
+ pickList.push(pickObj)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ // 把肥料和搅拌机位置对应起来（根据创建时间）
|
|
|
+ let resultBan = [];
|
|
|
+ pickBtnList.forEach(fei => {
|
|
|
+ pickBanList.forEach(ban => {
|
|
|
+ if(fei.create_time == ban.create_time) {
|
|
|
+ resultBan.push(ban)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.pickBtnList = pickBtnList;
|
|
|
+ this.resultBan = resultBan;
|
|
|
+ this.faList = faList;
|
|
|
+ console.log(pickBtnList, pickBanList, resultBan, faList)
|
|
|
+ },
|
|
|
+ // 元素状态
|
|
|
async getEquipstatus() {
|
|
|
uni.showLoading({
|
|
|
title: '加载中'
|
|
|
@@ -515,16 +640,6 @@
|
|
|
this.facilityvalve.push(arr1[i]);
|
|
|
}
|
|
|
}
|
|
|
- this.facilityvalve.forEach(item => {
|
|
|
- if (item.type == 'j9' && item.off == true) {
|
|
|
- // 判断注水泵是否打开
|
|
|
- this.mainBeng = true;
|
|
|
- }
|
|
|
- if (item.type == 'j10' && item.off == true) {
|
|
|
- // 判断施肥阀是否打开
|
|
|
- this.feiBeng = true;
|
|
|
- }
|
|
|
- })
|
|
|
let feiNum = 0; // 记录废料桶占据通道个数，两个通道为一个肥料桶
|
|
|
this.buttonList = [];
|
|
|
this.facilityvalve.forEach((item, index) => {
|
|
|
@@ -532,16 +647,9 @@
|
|
|
feiNum++;
|
|
|
this.buttonList.push(item);
|
|
|
}
|
|
|
- if (item.type == 'j10' && item.off == true) {
|
|
|
- // 判断注水泵是否打开
|
|
|
- this.mainBeng = true;
|
|
|
- }
|
|
|
- if (item.type == 'j9' && item.off == true) {
|
|
|
- // 判断施肥阀是否打开
|
|
|
- this.feiBeng = true;
|
|
|
- }
|
|
|
})
|
|
|
this.feiNum = feiNum;
|
|
|
+ this.getPickList();
|
|
|
console.log(this.facilityvalve)
|
|
|
},
|
|
|
async getEquipcontrol(num, state, double_order) {
|
|
|
@@ -559,7 +667,7 @@
|
|
|
},
|
|
|
})
|
|
|
uni.hideLoading();
|
|
|
- if (res.controlState) {
|
|
|
+ if (res.msg_code == 200) {
|
|
|
uni.showToast({
|
|
|
title: '指令下发成功',
|
|
|
duration: 2000,
|
|
|
@@ -567,10 +675,13 @@
|
|
|
});
|
|
|
} else {
|
|
|
uni.showToast({
|
|
|
- title: res.message,
|
|
|
+ title: res.msg,
|
|
|
duration: 2000,
|
|
|
icon: 'none'
|
|
|
})
|
|
|
+ setTimeout(() => {
|
|
|
+ this.getEquipstatus()
|
|
|
+ }, 2000)
|
|
|
}
|
|
|
},
|
|
|
// sf_control_data
|
|
|
@@ -620,13 +731,13 @@
|
|
|
} else {
|
|
|
this.status = 'loadmore'
|
|
|
}
|
|
|
- console.log(this.tableData);
|
|
|
+ // console.log(this.tableData);
|
|
|
},
|
|
|
switchchange(e, state, item, index, isfeiButton) {
|
|
|
// 是否是肥料开关，是的话 两个合并为一个
|
|
|
+ item.disabled = true;
|
|
|
if (isfeiButton) {
|
|
|
item.off = e;
|
|
|
- item.disabled = true;
|
|
|
this.changeTimeStatus(item, index);
|
|
|
// 当前是打开
|
|
|
if (e) {
|
|
|
@@ -691,15 +802,31 @@
|
|
|
this.getEquipstatus();
|
|
|
this.getElmentInfo();
|
|
|
this.getEquipcontroldata();
|
|
|
+ // this.getPickList();
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
+ .circleAnm {
|
|
|
+ animation: ancirle 1s linear infinite;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 旋转
|
|
|
+ @keyframes ancirle {
|
|
|
+ 0% {
|
|
|
+ transform: rotate(360deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ transform: rotate(0);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.box {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
- height: 100vh;
|
|
|
+ min-height: 100vh;
|
|
|
overflow: auto;
|
|
|
}
|
|
|
|
|
|
@@ -837,6 +964,7 @@
|
|
|
.axiosBox {
|
|
|
position: relative;
|
|
|
padding: 48rpx 32rpx;
|
|
|
+
|
|
|
.title {
|
|
|
color: #333333;
|
|
|
font-size: 28rpx;
|
|
|
@@ -885,15 +1013,17 @@
|
|
|
|
|
|
.main {
|
|
|
position: relative;
|
|
|
- padding-top: 32rpx;
|
|
|
+ width: 678rpx;
|
|
|
+ height: 612rpx;
|
|
|
+ margin-top: 10px;
|
|
|
|
|
|
.mainContent {
|
|
|
position: absolute;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
- width: 565rpx;
|
|
|
- top: 112rpx;
|
|
|
- height: 242rpx;
|
|
|
+ width: 678rpx;
|
|
|
+ top: 10rpx;
|
|
|
+ height: 602rpx;
|
|
|
z-index: 1;
|
|
|
}
|
|
|
|
|
|
@@ -924,15 +1054,18 @@
|
|
|
.colList {
|
|
|
position: absolute;
|
|
|
z-index: 2;
|
|
|
- top: 24rpx;
|
|
|
- left: 120rpx;
|
|
|
- width: 470rpx;
|
|
|
+ top: 44rpx;
|
|
|
+ left: 154rpx;
|
|
|
+ width: 528rpx;
|
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
+ justify-content: center;
|
|
|
+ overflow: hidden;
|
|
|
|
|
|
.preClo {
|
|
|
- width: 80rpx;
|
|
|
- margin-left: 40rpx;
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ width: 88rpx;
|
|
|
+ // margin-left: 40rpx;
|
|
|
|
|
|
view {
|
|
|
text-align: center;
|
|
|
@@ -942,23 +1075,81 @@
|
|
|
}
|
|
|
|
|
|
image {
|
|
|
- width: 80rpx;
|
|
|
- height: 164rpx;
|
|
|
+ width: 88rpx;
|
|
|
+ height: 272rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .shanBox {
|
|
|
+ position: absolute;
|
|
|
+ width: 64rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ top: 116rpx;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ z-index: 2;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 64rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .jiaoBtn {
|
|
|
+ position: absolute;
|
|
|
+ width: 64rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ top: 72rpx;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ z-index: 2;
|
|
|
+
|
|
|
+ .u-switch {
|
|
|
+ width: 64rpx;
|
|
|
+ height: 32rpx;
|
|
|
+
|
|
|
+ /deep/ .u-switch__node {
|
|
|
+ width: 28rpx !important;
|
|
|
+ height: 28rpx !important;
|
|
|
+ top: 2rpx !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .u-switch__loading {
|
|
|
+ height: 20rpx !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .u-switch--on .u-switch__node {
|
|
|
+ transform: translateX(36rpx) !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .btnBox {
|
|
|
+ position: absolute;
|
|
|
+ width: 66rpx;
|
|
|
+ height: 72rpx;
|
|
|
+ bottom: 40rpx;
|
|
|
+ left: 22rpx;
|
|
|
+ z-index: 2;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 66rpx;
|
|
|
+ height: 72rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.benList {
|
|
|
position: absolute;
|
|
|
- width: 565rpx;
|
|
|
+ width: 678rpx;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
- top: 342rpx;
|
|
|
+ top: 610rpx;
|
|
|
|
|
|
.preBen {
|
|
|
float: left;
|
|
|
text-align: center;
|
|
|
- width: 25%;
|
|
|
+ width: 20%;
|
|
|
|
|
|
.daoguan {
|
|
|
width: 20rpx;
|
|
|
@@ -979,6 +1170,78 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ .lineExit {}
|
|
|
+
|
|
|
+ .exit {
|
|
|
+ position: absolute;
|
|
|
+ width: 22rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ top: 360rpx;
|
|
|
+ right: 251rpx;
|
|
|
+ z-index: 2;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 22rpx;
|
|
|
+ height: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .warterIn {
|
|
|
+ position: absolute;
|
|
|
+ width: 66rpx;
|
|
|
+ height: 72rpx;
|
|
|
+ top: 190rpx;
|
|
|
+ left: 52rpx;
|
|
|
+ z-index: 3;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 66rpx;
|
|
|
+ height: 72rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .warterLight {
|
|
|
+ position: absolute;
|
|
|
+ width: 72rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ top: 506rpx;
|
|
|
+ left: 110rpx;
|
|
|
+ z-index: 3;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 72rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .feiLight {
|
|
|
+ position: absolute;
|
|
|
+ width: 72rpx;
|
|
|
+ height: 66rpx;
|
|
|
+ top: 424rpx;
|
|
|
+ right: 140rpx;
|
|
|
+ z-index: 3;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 72rpx;
|
|
|
+ height: 66rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .kongBox {
|
|
|
+ position: absolute;
|
|
|
+ width: 84rpx;
|
|
|
+ height: 108rpx;
|
|
|
+ top: 390rpx;
|
|
|
+ right: 228rpx;
|
|
|
+ z-index: 3;
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 84rpx;
|
|
|
+ height: 108rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
.fengBox {
|
|
|
position: absolute;
|
|
|
right: 12rpx;
|
|
|
@@ -1006,20 +1269,6 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .circleAnm {
|
|
|
- animation: ancirle 2s linear infinite;
|
|
|
- }
|
|
|
-
|
|
|
- // 旋转
|
|
|
- @keyframes ancirle {
|
|
|
- 0% {
|
|
|
- transform: rotate(0);
|
|
|
- }
|
|
|
-
|
|
|
- 100% {
|
|
|
- transform: rotate(360deg);
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -1049,9 +1298,15 @@
|
|
|
view {
|
|
|
text-align: center;
|
|
|
}
|
|
|
-
|
|
|
+ .success{
|
|
|
+ color: #14A478;
|
|
|
+ }
|
|
|
+ .error{
|
|
|
+ color: #FF5951;
|
|
|
+ }
|
|
|
view:nth-child(1) {
|
|
|
width: 120rpx;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
|
|
|
view:nth-child(2) {
|
