|
|
|
|
@ -3,112 +3,186 @@
|
|
|
|
|
<div class="title">
|
|
|
|
|
新建计划
|
|
|
|
|
</div>
|
|
|
|
|
<a-form
|
|
|
|
|
ref="formRef"
|
|
|
|
|
:layout="'vertical'"
|
|
|
|
|
:model="submitForm"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
:label-col="labelCol"
|
|
|
|
|
:wrapper-col="wrapperCol"
|
|
|
|
|
:size="'middle'"
|
|
|
|
|
>
|
|
|
|
|
<a-form-item ref="name" label="计划名称" name="name">
|
|
|
|
|
<a-input v-model:value="submitForm.name" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="name" label="任务类型" name="name">
|
|
|
|
|
<a-radio-group v-model:value="submitForm.type" button-style="solid">
|
|
|
|
|
<a-radio-button :value="1">普通任务</a-radio-button>
|
|
|
|
|
<a-radio-button :value="2">蛙跳任务</a-radio-button>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="name" label="选择航线" name="name">
|
|
|
|
|
<a-button type="primary" style="width:100%;" @click="selectAriLine">
|
|
|
|
|
<PlusOutlined />
|
|
|
|
|
选择航线
|
|
|
|
|
</a-button>
|
|
|
|
|
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="name" label="选择设备" name="name">
|
|
|
|
|
<a-button type="primary" style="width:100%;" @click="selectAircraft">
|
|
|
|
|
<PlusOutlined />
|
|
|
|
|
选择设备
|
|
|
|
|
</a-button>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="accuracy" label="任务精度" name="accuracy">
|
|
|
|
|
<a-radio-group v-model:value="submitForm.accuracy" button-style="solid">
|
|
|
|
|
<a-radio-button :value="1">高精度RTK</a-radio-button>
|
|
|
|
|
<a-radio-button :value="2">GNSS</a-radio-button>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="accuracy" label="任务策略" name="accuracy">
|
|
|
|
|
<a-radio-group v-model:value="submitForm.strategy" button-style="solid">
|
|
|
|
|
<a-radio-button :value="1">立即</a-radio-button>
|
|
|
|
|
<a-radio-button :value="2">单次定时</a-radio-button>
|
|
|
|
|
<a-radio-button :value="3">重复定时</a-radio-button>
|
|
|
|
|
<a-radio-button :value="4">继续执行</a-radio-button>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<div style="display:flex;margin-bottom:12px;color:#fff;font-size:12px;">
|
|
|
|
|
<div style="flex:1;">智能最佳返航路线</div>
|
|
|
|
|
<div>
|
|
|
|
|
<a-switch v-model:checked="submitForm.breakFly" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="outOfContact" label="航线飞行中失联" name="outOfContact">
|
|
|
|
|
<a-radio-group v-model:value="submitForm.outOfContact" button-style="solid">
|
|
|
|
|
<a-radio-button :value="1">返航</a-radio-button>
|
|
|
|
|
<a-radio-button :value="2">继续执行</a-radio-button>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="outOfContact" label="完成动作" name="outOfContact">
|
|
|
|
|
<a-radio-group v-model:value="submitForm.outOfContact" button-style="solid">
|
|
|
|
|
<a-radio-button :value="1">返航</a-radio-button>
|
|
|
|
|
<a-radio-button :value="2">继续执行</a-radio-button>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<div style="display:flex;margin-bottom:12px;color:#fff;font-size:12px;">
|
|
|
|
|
<div style="flex:1;">自动断点续飞</div>
|
|
|
|
|
<div>
|
|
|
|
|
<a-switch v-model:checked="submitForm.breakFly" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<a-form-item :wrapper-col="{ span: 24, offset: 0 }">
|
|
|
|
|
<a-button @click="resetForm" style="width:44%;">取消</a-button>
|
|
|
|
|
<a-button style="margin-left: 10px;width:44%;" type="primary" @click="onSubmit">确定</a-button>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-form>
|
|
|
|
|
<div class="body-container">
|
|
|
|
|
<a-form
|
|
|
|
|
ref="formRef"
|
|
|
|
|
:layout="'vertical'"
|
|
|
|
|
:model="submitForm"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
:label-col="labelCol"
|
|
|
|
|
:wrapper-col="wrapperCol"
|
|
|
|
|
:size="'middle'"
|
|
|
|
|
>
|
|
|
|
|
<a-form-item ref="name" label="计划名称" name="taskName">
|
|
|
|
|
<a-input v-model:value="submitForm.taskName" placeholder="请输入计划名称" />
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="name" label="任务类型" name="taskType">
|
|
|
|
|
|
|
|
|
|
<div class="radio-box">
|
|
|
|
|
<div v-for="(item,index) in taskTypeOptions" :key="index"
|
|
|
|
|
:class=" submitForm.taskType == item.value ? 'radio-item-active':'radio-item'"
|
|
|
|
|
@click="submitForm.taskType = item.value"
|
|
|
|
|
>
|
|
|
|
|
{{item.label}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="name" label="选择航线" name="name">
|
|
|
|
|
<a-button type="primary" style="width:100%;" @click="selectAriLine" v-show="!submitForm.taskAirLine">
|
|
|
|
|
<PlusOutlined />
|
|
|
|
|
选择航线
|
|
|
|
|
</a-button>
|
|
|
|
|
|
|
|
|
|
<div class="select-item" v-show="submitForm.taskAirLine">
|
|
|
|
|
<div class="item-name">{{props.checkedAriLine.airLineName}}</div>
|
|
|
|
|
<div class="item-operate">
|
|
|
|
|
<DeleteOutlined @click="submitForm.taskAirLine = null"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="name" label="选择设备" name="name">
|
|
|
|
|
<a-button type="primary" style="width:100%;" @click="selectAircraft" v-show="!submitForm.taskDronePort">
|
|
|
|
|
<PlusOutlined />
|
|
|
|
|
选择设备
|
|
|
|
|
</a-button>
|
|
|
|
|
|
|
|
|
|
<div class="select-item" v-show="submitForm.taskDronePort">
|
|
|
|
|
<div class="item-name">{{props.checkedDronePort.name}}</div>
|
|
|
|
|
<div class="item-operate">
|
|
|
|
|
<DeleteOutlined @click="submitForm.taskDronePort = null" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<!--
|
|
|
|
|
<a-form-item ref="accuracy" label="任务精度" name="accuracy">
|
|
|
|
|
<a-radio-group v-model:value="submitForm.accuracy" button-style="solid">
|
|
|
|
|
<a-radio-button :value="1">高精度RTK</a-radio-button>
|
|
|
|
|
<a-radio-button :value="2">GNSS</a-radio-button>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-item> -->
|
|
|
|
|
|
|
|
|
|
<!-- <a-form-item ref="accuracy" label="任务策略" name="accuracy">
|
|
|
|
|
<a-radio-group v-model:value="submitForm.periodicFormula" button-style="solid">
|
|
|
|
|
<a-radio-button :value="1">立即</a-radio-button>
|
|
|
|
|
<a-radio-button :value="2">单次定时</a-radio-button>
|
|
|
|
|
<a-radio-button :value="3">重复定时</a-radio-button>
|
|
|
|
|
<a-radio-button :value="4">继续执行</a-radio-button>
|
|
|
|
|
</a-radio-group>
|
|
|
|
|
</a-form-item> -->
|
|
|
|
|
|
|
|
|
|
<div style="display:flex;color:#fff;font-size:12px;padding:20px 0px;">
|
|
|
|
|
<div style="flex:1;">智能最佳返航路线</div>
|
|
|
|
|
<div>
|
|
|
|
|
<a-switch v-model:checked="submitForm.aiInspection"
|
|
|
|
|
checked-color="#3A57E8"
|
|
|
|
|
un-checked-color="#cccccc"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="outOfContact" label="返航高度（相对机场返航高度）" name="outOfContact">
|
|
|
|
|
<div class="return-height">
|
|
|
|
|
<div @click="submitForm.returnAltitude-=100">-100</div>
|
|
|
|
|
<div @click="submitForm.returnAltitude-=10">-10</div>
|
|
|
|
|
<div @click="submitForm.returnAltitude-=1">-1</div>
|
|
|
|
|
<div>
|
|
|
|
|
<a-input type="text" size="small" v-model:value="submitForm.returnAltitude" style="width:40px;"></a-input>
|
|
|
|
|
</div>
|
|
|
|
|
<div>m</div>
|
|
|
|
|
<div @click="submitForm.returnAltitude+=1">+1</div>
|
|
|
|
|
<div @click="submitForm.returnAltitude+=10">+10</div>
|
|
|
|
|
<div @click="submitForm.returnAltitude+=100">+100</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="outOfContact" label="航线飞行中失控" name="lossOfControlAction">
|
|
|
|
|
<div class="radio-box">
|
|
|
|
|
<div v-for="(item,index) in lossOfControlActionOptions" :key="index"
|
|
|
|
|
:class=" submitForm.lossOfControlAction == item.value ? 'radio-item-active':'radio-item'"
|
|
|
|
|
@click="submitForm.lossOfControlAction = item.value"
|
|
|
|
|
>
|
|
|
|
|
{{item.label}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<a-form-item ref="outOfContact" label="完成动作" name="outOfContact">
|
|
|
|
|
<div class="radio-box">
|
|
|
|
|
<div v-for="(item,index) in continuationModeOptions" :key="index"
|
|
|
|
|
:class=" submitForm.continuationMode == item.value ? 'radio-item-active':'radio-item'"
|
|
|
|
|
@click="submitForm.continuationMode = item.value"
|
|
|
|
|
>
|
|
|
|
|
{{item.label}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
|
|
|
|
|
<div style="display:flex;color:#fff;font-size:12px;padding:20px 0px;color:#fff;">
|
|
|
|
|
<div style="flex:1;">自动断点续飞</div>
|
|
|
|
|
<div>
|
|
|
|
|
<a-switch v-model:checked="submitForm.breakFly" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a-form-item :wrapper-col="{ span: 24, offset: 0 }">
|
|
|
|
|
<a-button @click="resetForm" style="width:44%;">取消</a-button>
|
|
|
|
|
<a-button style="margin-left: 10px;width:48%;" type="primary" @click="onSubmit">确定</a-button>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import { ref, defineEmits } from "vue";
|
|
|
|
|
import { PlusOutlined,LeftOutlined } from '@ant-design/icons-vue';
|
|
|
|
|
import { ref, defineEmits, defineProps, watch } from "vue";
|
|
|
|
|
import { PlusOutlined,LeftOutlined,DeleteOutlined } from '@ant-design/icons-vue';
|
|
|
|
|
import { addTask } from "@/api/sys/workplan";
|
|
|
|
|
import { Modal, message } from 'ant-design-vue';
|
|
|
|
|
const formRef = ref();
|
|
|
|
|
const labelCol = { span: 24 };
|
|
|
|
|
const wrapperCol = { span: 24 };
|
|
|
|
|
const props = defineProps(["checkedAriLine","checkedDronePort"]);
|
|
|
|
|
|
|
|
|
|
const submitForm = ref({
|
|
|
|
|
name:"工作计划1",
|
|
|
|
|
type:1,
|
|
|
|
|
airline:1,
|
|
|
|
|
device:1,
|
|
|
|
|
accuracy:1,
|
|
|
|
|
strategy:1,
|
|
|
|
|
outOfContact:1,
|
|
|
|
|
completeAction:1,
|
|
|
|
|
breakFly:1,
|
|
|
|
|
taskName:null, // 任务名称
|
|
|
|
|
taskType:0, // 任务类型
|
|
|
|
|
taskDronePort:null, // 执行机场s
|
|
|
|
|
taskAirLine:null, // 航线id
|
|
|
|
|
returnAltitude:0, // 返航高度
|
|
|
|
|
lossOfControlAction:"executeLostAction", // 返航失控动作
|
|
|
|
|
continuationMode:"goBack", // 续飞模式
|
|
|
|
|
aiInspection:null, // AI巡检
|
|
|
|
|
periodicFormula:null, // 周期公式
|
|
|
|
|
airLineId:1, // 航线记录id
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const emit = defineEmits(['selectAriLine','cancleCraete',"selectAircraft"]);
|
|
|
|
|
watch(
|
|
|
|
|
()=>props.checkedAriLine,
|
|
|
|
|
(newVal,oldVal)=>{
|
|
|
|
|
submitForm.value.taskAirLine = newVal.airLineName;
|
|
|
|
|
submitForm.value.airLineId = newVal.id;
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
watch(
|
|
|
|
|
()=>props.checkedDronePort,
|
|
|
|
|
(newVal,oldVal)=>{
|
|
|
|
|
submitForm.value.taskDronePort = newVal.id;
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
const emit = defineEmits(['selectAriLine','cancleCraete',"selectAircraft","successCreatePlan"]);
|
|
|
|
|
|
|
|
|
|
const removeAirLine = ()=>{
|
|
|
|
|
props.checkedAriLine.value = {};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const selectAriLine = ()=> {
|
|
|
|
|
emit("selectAriLine",true)
|
|
|
|
|
@ -118,37 +192,175 @@ const selectAircraft = ()=>{
|
|
|
|
|
emit("selectAircraft",true)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 任务类型
|
|
|
|
|
const taskTypeOptions = ref([
|
|
|
|
|
{
|
|
|
|
|
value:0,
|
|
|
|
|
label:"普通任务"
|
|
|
|
|
},{
|
|
|
|
|
value:1,
|
|
|
|
|
label:"蛙跳任务"
|
|
|
|
|
}
|
|
|
|
|
])
|
|
|
|
|
|
|
|
|
|
// 飞行中失控
|
|
|
|
|
const lossOfControlActionOptions = ref([
|
|
|
|
|
{
|
|
|
|
|
value:'goContinue',
|
|
|
|
|
label:"继续执行航线"
|
|
|
|
|
},{
|
|
|
|
|
value:'executeLostAction',
|
|
|
|
|
label:"执行失控动作"
|
|
|
|
|
}
|
|
|
|
|
])
|
|
|
|
|
|
|
|
|
|
// 失控动作
|
|
|
|
|
const continuationModeOptions = ref([
|
|
|
|
|
{
|
|
|
|
|
value:"goBack",
|
|
|
|
|
label:"返航"
|
|
|
|
|
},{
|
|
|
|
|
value:"landing",
|
|
|
|
|
label:"降落"
|
|
|
|
|
},{
|
|
|
|
|
value:"hover",
|
|
|
|
|
label:"悬停"
|
|
|
|
|
}
|
|
|
|
|
])
|
|
|
|
|
|
|
|
|
|
// 周期公式
|
|
|
|
|
const periodicFormulaOptions = ref([
|
|
|
|
|
{
|
|
|
|
|
value:"goBack",
|
|
|
|
|
label:"立即"
|
|
|
|
|
},{
|
|
|
|
|
value:"landing",
|
|
|
|
|
label:"单次定时"
|
|
|
|
|
},{
|
|
|
|
|
value:"hover",
|
|
|
|
|
label:"重复定时"
|
|
|
|
|
},{
|
|
|
|
|
value:"hover",
|
|
|
|
|
label:"继续执行"
|
|
|
|
|
}
|
|
|
|
|
])
|
|
|
|
|
|
|
|
|
|
const rules = {
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const onSubmit = () => {
|
|
|
|
|
formRef.value
|
|
|
|
|
.validate()
|
|
|
|
|
.then(() => {
|
|
|
|
|
const onSubmit =async () => {
|
|
|
|
|
|
|
|
|
|
console.log("submitForm",submitForm.value)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let res = await addTask(submitForm.value);
|
|
|
|
|
|
|
|
|
|
if(res){
|
|
|
|
|
|
|
|
|
|
message.success("操作成功！");
|
|
|
|
|
|
|
|
|
|
emit("successCreatePlan");
|
|
|
|
|
}else{
|
|
|
|
|
message.error("操作失败！");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
|
|
formRef.value.validate().then(() => {
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
.catch(error => {
|
|
|
|
|
}).catch(error => {
|
|
|
|
|
console.log('error', error);
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
const resetForm = () => {
|
|
|
|
|
emit("cancleCraete");
|
|
|
|
|
formRef.value.resetFields();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const resetForm = () => {
|
|
|
|
|
emit("cancleCraete");
|
|
|
|
|
formRef.value.resetFields();
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.container{
|
|
|
|
|
width:100%;
|
|
|
|
|
height:100%;
|
|
|
|
|
padding:10px 20px;
|
|
|
|
|
}
|
|
|
|
|
.title{
|
|
|
|
|
padding:15px 0px;
|
|
|
|
|
color:#fff;
|
|
|
|
|
}
|
|
|
|
|
.body-container{
|
|
|
|
|
width:100%;
|
|
|
|
|
height: calc( 100% - 60px);
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
}
|
|
|
|
|
.ant-form-item{
|
|
|
|
|
margin-bottom:12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.select-item{
|
|
|
|
|
width:100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
color:#fff;
|
|
|
|
|
border:1px solid rgba(204, 204, 204, 0.787);
|
|
|
|
|
padding:0px;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.select-item .item-name{
|
|
|
|
|
flex:1;
|
|
|
|
|
border-right:1px solid rgba(204, 204, 204, 0.787);
|
|
|
|
|
padding:4px;
|
|
|
|
|
}
|
|
|
|
|
.select-item .item-operate{
|
|
|
|
|
width:40px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding:4px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.radio-box{
|
|
|
|
|
width:100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
border:0.5px solid #3B4154 ;
|
|
|
|
|
font-size:13px;
|
|
|
|
|
}
|
|
|
|
|
.radio-box .radio-item{
|
|
|
|
|
flex:1;
|
|
|
|
|
color:#8A92A6 ;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background:#222738 ;
|
|
|
|
|
padding:5px;
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.radio-box .radio-item-active{
|
|
|
|
|
flex:1;
|
|
|
|
|
color:#fff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background:#3A57E8 ;
|
|
|
|
|
padding:5px;
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.return-height{
|
|
|
|
|
display:flex;
|
|
|
|
|
gap:5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.return-height div{
|
|
|
|
|
flex:1;
|
|
|
|
|
color: #fff ;
|
|
|
|
|
background:#333B56;
|
|
|
|
|
font-size:12px;
|
|
|
|
|
padding:3px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .ant-form-item-label > label{
|
|
|
|
|
color:#ffffff!important;
|
|
|
|
|
font-size:12px;
|
|
|
|
|
@ -197,16 +409,7 @@ const onSubmit = () => {
|
|
|
|
|
left:0px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .ant-input{
|
|
|
|
|
background:#3B4154!important;
|
|
|
|
|
border:none!important;
|
|
|
|
|
border-radius: 3px !important;
|
|
|
|
|
color:#fff!important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .ant-input::placeholder{
|
|
|
|
|
color:rgba(255, 255, 255, 0.533)!important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
::v-deep .ant-btn-default{
|
|
|
|
|
@ -230,4 +433,25 @@ const onSubmit = () => {
|
|
|
|
|
::v-deep .ant-radio-button-wrapper{
|
|
|
|
|
border-radius: 2px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .ant-switch{
|
|
|
|
|
background:#ccc!important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .ant-switch-checked{
|
|
|
|
|
background:#3A57E8!important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
::v-deep .ant-input{
|
|
|
|
|
background:#222738!important ;
|
|
|
|
|
border:none!important;
|
|
|
|
|
border-top-left-radius: 3px !important;
|
|
|
|
|
border-bottom-left-radius: 3px !important;
|
|
|
|
|
color:#fff!important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .ant-input::placeholder{
|
|
|
|
|
color:rgba(255, 255, 255, 0.533)!important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
