page_size改动以及财务结算模块
This commit is contained in:
zoujiandong
@@ -0,0 +1,314 @@
|
||||
<template>
|
||||
<!-- Modal -->
|
||||
<a-modal v-model:visible="modalVisible" fullscreen title="医生账户详情" title-align="start" :footer="false"
|
||||
@cancel="handleClose" >
|
||||
<a-form :model="modalForm" ref="modalFormRef" :auto-label-width="true">
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">关联订单</div>
|
||||
</div>
|
||||
<a-row style="margin-top: 35px;">
|
||||
<a-form :model="queryForm" ref="queryFormRef" layout="inline">
|
||||
|
||||
<a-form-item field="patient_name" label="患者姓名">
|
||||
<a-input :style="{ width: '182px' }" v-model="queryForm.patient_name" placeholder="请输入患者姓名" @press-enter="handleQuery" />
|
||||
</a-form-item>
|
||||
<a-form-item field="mobile" label="电话号码">
|
||||
<a-input :style="{ width: '182px' }" v-model="queryForm.mobile" placeholder="请输入患者电话号码" @press-enter="handleQuery" />
|
||||
</a-form-item>
|
||||
<a-form-item field="inquiry_status" label="订单状态">
|
||||
<a-select v-model="queryForm.inquiry_status" placeholder="请订单状态" :style="{ width: '182px' }">
|
||||
<!-- 1:待支付 2:待分配 3:待接诊 4:已接诊 5:已完成 6:已结束 7:已取消 -->
|
||||
<a-option :value="1">待支付</a-option>
|
||||
<a-option :value="2">待分配</a-option>
|
||||
<a-option :value="3">待接诊</a-option>
|
||||
<a-option :value="4">已接诊</a-option>
|
||||
<a-option :value="5">已完成</a-option>
|
||||
<a-option :value="6">已结束</a-option>
|
||||
<a-option :value="7">已取消</a-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
|
||||
<a-row>
|
||||
<a-form-item field="pay_range_time" label="支付时间范围">
|
||||
<a-range-picker style="width: 330px;" v-model="queryForm.pay_range_time" />
|
||||
</a-form-item>
|
||||
<a-form-item field="complete_range_time" label="完成时间范围">
|
||||
<a-range-picker style="width: 330px;" v-model="queryForm.complete_range_time" />
|
||||
</a-form-item>
|
||||
<a-form-item field="end_range_time" label="结束时间范围">
|
||||
<a-range-picker style="width: 330px;" v-model="queryForm.end_range_time" />
|
||||
</a-form-item>
|
||||
<a-form-item field="cancel_range_time" label="取消时间范围">
|
||||
<a-range-picker
|
||||
style="width: 330px"
|
||||
v-model="queryForm.cancel_range_time"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item field="reception_range_time" label="接诊时间范围">
|
||||
<a-range-picker
|
||||
style="width: 330px"
|
||||
v-model="queryForm.reception_range_time"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item field="create_range_time" label="创建时间范围">
|
||||
<a-range-picker
|
||||
style="width: 330px"
|
||||
v-model="queryForm.create_range_time"
|
||||
/>
|
||||
</a-form-item>
|
||||
<a-form-item>
|
||||
<a-space>
|
||||
<a-button type="primary" @click="handleQuery"><icon-search /> 搜索</a-button>
|
||||
<a-button @click="handleResetQuery"><icon-loop /> 重置</a-button>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<a-divider />
|
||||
</a-row>
|
||||
<a-row :gutter="24" >
|
||||
<a-col :span="24">
|
||||
<a-form-item field="idCard" hide-label="true" >
|
||||
<div class="tablebox" style="width:100%">
|
||||
<!-- table -->
|
||||
<a-table :columns="columns" :data="tableData"
|
||||
:scroll="{ x:1500 }"
|
||||
|
||||
:row-selection="{ type: 'checkbox', showCheckedAll: true }"
|
||||
:pagination="{ 'show-total': true, 'show-jumper': true, 'show-page-size': true, total: pager.total, current: currentPage }"
|
||||
row-key="doctor_id" @selection-change="(selection) => {deleteData = selection;console.log(selection)}"
|
||||
@page-change="handlePageChange" @page-size-change="handlepage_sizeChange">
|
||||
<template #doctor_id="{record,rowIndex}">
|
||||
<div>{{(rowIndex+1)+(pager.page-1)*pager.page_size}}</div>
|
||||
</template>
|
||||
<template #inquiry_pay_channel="{record}">
|
||||
<div v-if="record.inquiry_pay_channel==1">小程序支付</div>
|
||||
<div v-else-if="record.inquiry_pay_channel==2">微信扫码</div>
|
||||
<div v-else-if="record.inquiry_pay_channel==3">模拟支付</div>
|
||||
</template>
|
||||
<!-- 1:待支付 2:待分配 3:待接诊 4:已接诊 5:已完成 6:已结束 7:已取消） -->
|
||||
<template #inquiry_status="{record}">
|
||||
<div v-if="record.inquiry_status==1">待支付</div>
|
||||
<div v-else-if="record.inquiry_status==2">待分配</div>
|
||||
<div v-else-if="record.inquiry_status==3">待接诊</div>
|
||||
<div v-else-if="record.inquiry_status==4">已接诊</div>
|
||||
<div v-else-if="record.inquiry_status==5">已完成</div>
|
||||
<div v-else-if="record.inquiry_status==6">已结束</div>
|
||||
<div v-else-if="record.inquiry_status==7">已取消</div>
|
||||
</template>
|
||||
<template #doctor_amount="{ record }">
|
||||
{{(record.doctor_amount) }}元
|
||||
</template>
|
||||
|
||||
<template #patient_name_mask="{ record }">
|
||||
<div class="ta-patient" :title="record.patient_name_mask">{{record.patient_name_mask}}({{record.patient_sex==1?'男，':'女，'}}{{record.patient_age}}岁)</div>
|
||||
</template>
|
||||
<template #inquiry_type="{ record }">
|
||||
{{ formatInquiryType(record.inquiry_type) }}
|
||||
</template>
|
||||
<template #cancel_reason="{ record }">
|
||||
{{ formatOrderCancelReason(record.cancel_reason) }}
|
||||
</template>
|
||||
<template #entry_status="{ record }">
|
||||
{{ formatEnteyStatus(record.entry_status) }}
|
||||
</template>
|
||||
<!-- <template #action="{ record }">
|
||||
<a-space>
|
||||
<a-button v-has="'admin:sysOrderList:detail'" type="text"
|
||||
@click="handleDetail(record)"><icon-book />详情</a-button>
|
||||
</a-space>
|
||||
</template> -->
|
||||
</a-table>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
</a-form>
|
||||
</a-modal>
|
||||
|
||||
</template>
|
||||
<script setup>
|
||||
import {ref,toRefs,watch,reactive,getCurrentInstance} from 'vue';
|
||||
import {getAccountOrder} from "@/api/finance/account"
|
||||
import { parseTime } from '@/utils/parseTime';
|
||||
import {formatInquiryType,formatOrderCancelReason,formatEnteyStatus} from "@/utils/format"
|
||||
import { Message } from '@arco-design/web-vue';
|
||||
const props = defineProps({
|
||||
// 是否显示
|
||||
modalVisible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
modalForm: {
|
||||
type: Object,
|
||||
},
|
||||
});
|
||||
const { proxy } = getCurrentInstance();
|
||||
const doctor_id=ref('');
|
||||
const currentPage = ref(1);
|
||||
const pager = {
|
||||
total: 1,
|
||||
page: 1,
|
||||
page_size: 10,
|
||||
};
|
||||
// form
|
||||
const queryForm = reactive({});
|
||||
const emits = defineEmits(['familyVisibleChange']);
|
||||
const {modalVisible,modalForm} = toRefs(props);
|
||||
//切换小眼睛
|
||||
const showEye = ref(false);
|
||||
const id_card_num = ref('');
|
||||
watch(()=>props.modalForm.doctor_id,()=>{
|
||||
if(props.modalForm.doctor_id){
|
||||
doctor_id.value=props.modalForm.doctor_id;
|
||||
handleGetOrder(props.modalForm.doctor_id,{...pager})
|
||||
}else{
|
||||
doctor_id.value='';
|
||||
}
|
||||
})
|
||||
|
||||
watch(()=>queryForm.end_range_time,(value)=>{
|
||||
if(value){
|
||||
let[startTime,endTime]=value
|
||||
queryForm.finish_time=startTime+"&"+endTime;
|
||||
}else{
|
||||
queryForm.finish_time=''
|
||||
};
|
||||
console.log(queryForm.finish_time)
|
||||
})
|
||||
watch(()=>queryForm.pay_range_time,(value)=>{
|
||||
if(value){
|
||||
let[startTime,endTime]=value
|
||||
queryForm.pay_time=startTime+"&"+endTime;
|
||||
}else{
|
||||
queryForm.pay_time=''
|
||||
};
|
||||
})
|
||||
watch(()=>queryForm.complete_range_time,(value)=>{
|
||||
if(value){
|
||||
let[startTime,endTime]=value
|
||||
queryForm.complete_time=startTime+"&"+endTime;
|
||||
}else{
|
||||
queryForm.complete_time=''
|
||||
};
|
||||
})
|
||||
watch(()=>queryForm.cancel_range_time,(value)=>{
|
||||
if(value){
|
||||
let[startTime,endTime]=value
|
||||
queryForm.cancel_time=startTime+"&"+endTime;
|
||||
}else{
|
||||
queryForm.cancel_time=''
|
||||
};
|
||||
})
|
||||
watch(()=>queryForm.reception_range_time,(value)=>{
|
||||
if(value){
|
||||
let[startTime,endTime]=value
|
||||
queryForm.reception_time=startTime+"&"+endTime;
|
||||
}else{
|
||||
queryForm.reception_time=''
|
||||
};
|
||||
})
|
||||
watch(()=>queryForm.create_range_time,(value)=>{
|
||||
if(value){
|
||||
let[startTime,endTime]=value
|
||||
queryForm.created_at=startTime+"&"+endTime;
|
||||
}else{
|
||||
queryForm.created_at=''
|
||||
};
|
||||
})
|
||||
|
||||
// Table Columns
|
||||
const columns = [
|
||||
{ title: '编号', dataIndex: 'doctor_id', slotName: 'doctor_id', width: '90' },
|
||||
{ title: '订单编号', dataIndex: 'inquiry_no',width:200 },
|
||||
{ title: '医生姓名', dataIndex: 'doctor_name',width:100 },
|
||||
{ title: '就诊人', dataIndex: 'patient_name_mask',slotName:'patient_name_mask',width:200},
|
||||
{ title: '实付金额(元)', dataIndex: 'payment_amount_total',slotName:'payment_amount_total',width:100 },
|
||||
{ title: '医生收益(元)', dataIndex: 'doctor_amount',slotName:'doctor_amount',width:100 },
|
||||
{ title: '支付方式', dataIndex: 'inquiry_pay_channel',slotName: 'inquiry_pay_channel'},
|
||||
{ title: '订单状态', dataIndex: 'inquiry_status', slotName:'inquiry_status' },
|
||||
{ title: '入账状态', dataIndex: 'entry_status', slotName:'entry_status' },
|
||||
{ title: '理由', dataIndex: 'cancel_reason', slotName: 'cancel_reason',width:200 },
|
||||
// { title: '操作', slotName: 'action',fixed: "right", width: 100 },
|
||||
]
|
||||
// Akiraka 20230210 关闭弹窗
|
||||
const handleClose = () => {
|
||||
emits('familyVisibleChange', false);
|
||||
};
|
||||
const tableData=ref([]);
|
||||
const handleGetOrder=(id,params={})=>{
|
||||
getAccountOrder(id,params).then(res=>{
|
||||
if(res.code==200){
|
||||
let data=res.data;
|
||||
tableData.value=data.data;
|
||||
Object.assign(pager, { total: data.total, page: data.page, page_size: data.page_size });
|
||||
}
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 分页改变
|
||||
* @param {Number} [page]
|
||||
*/
|
||||
const handlePageChange = (page) => {
|
||||
pager.page = page;
|
||||
// 修改当前页码
|
||||
currentPage.value = page;
|
||||
handleGetOrder(doctor_id.value,{ ...pager});
|
||||
};
|
||||
|
||||
// 每页数据量
|
||||
const handlepage_sizeChange = (page_size) => {
|
||||
|
||||
pager.page_size = page_size;
|
||||
handleGetOrder(doctor_id.value,{ ...pager});
|
||||
};
|
||||
const handleQuery = async () => {
|
||||
pager.page = 1;
|
||||
const params = {
|
||||
page: pager.page,
|
||||
page_size: pager.page_size,
|
||||
...queryForm,
|
||||
};
|
||||
|
||||
handleGetOrder(params);
|
||||
};
|
||||
|
||||
// 重置搜索
|
||||
const handleResetQuery = () => {
|
||||
proxy.$refs.queryFormRef.resetFields();
|
||||
handleGetOrder(queryForm);
|
||||
}
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
.cardNum {
|
||||
width: 150px;
|
||||
}
|
||||
.arco-form-item-layout-horizontal:first-child,
|
||||
.arco-form-item-layout-horizontal:nth-child(2) {
|
||||
align-items: center;
|
||||
}
|
||||
.cellbox{
|
||||
margin-top: 35px;
|
||||
}
|
||||
.cellbox .cell{
|
||||
width:50%;
|
||||
border-bottom:1px dashed #efefef;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.cellbox .cell:first-child{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cert .arco-form-item-label-col {
|
||||
flex: 0 0 8px !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,308 @@
|
||||
<template>
|
||||
<!-- Modal -->
|
||||
<a-modal
|
||||
v-model:visible="modalVisible"
|
||||
fullscreen
|
||||
:title="'问诊订单详情'"
|
||||
title-align="start"
|
||||
:auto-label-width="true"
|
||||
:footer="false"
|
||||
@cancel="handleClose"
|
||||
>
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">订单信息</div>
|
||||
</div>
|
||||
<a-form :model="modalForm" ref="modalFormRef" :auto-label-width="true">
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="inquiry_no" label="订单编号：">
|
||||
<span>{{ modalForm.inquiry_no }}</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="order_product_status" label="订单状态：">
|
||||
<span>{{ formatInquiryStatus(modalForm.inquiry_status) }}</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24" >
|
||||
<a-col :span="12">
|
||||
<a-form-item field="user.created_at" label="下单时间：">
|
||||
<span >{{modalForm.created_at}}</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="pay_time" label="支付时间：">
|
||||
<span v-if="parseTime(modalForm.pay_time)">{{parseTime(modalForm.pay_time)}}</span>
|
||||
<span v-else>-</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="amount_total" label="订单金额：">
|
||||
<span>{{modalForm.amount_total}}元</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="coupon_amount_total" label="优惠卷：">
|
||||
<span v-if="modalForm.coupon_amount_total>0">{{modalForm.coupon_amount_total}}元</span>
|
||||
<span v-else>无</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="payment_amount_total" label="实付金额：">
|
||||
<span>{{modalForm.payment_amount_total}}元</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="inquiry_type" label="问诊类型：">
|
||||
<span>{{formatInquiryType(modalForm.inquiry_type)}}</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24" v-if="modalForm.cancel_reason">
|
||||
<a-col :span="24">
|
||||
<a-form-item field="department_custom_name" label="备 注 ：">
|
||||
<span>{{ formatOrderCancelReason(modalForm.cancel_reason)}}</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="titlebox" >
|
||||
<div class="bar"></div>
|
||||
<div class="name">收益信息（订单金额*分成比例）</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="" label="平台与医生分成比例：">
|
||||
<span>2.5/7.5</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="" label="平台收益：">
|
||||
<span v-if="modalForm.payment_amount_total*0.25==0">0元</span>
|
||||
<span v-else>{{ (modalForm.payment_amount_total*0.25).toFixed(2) }}</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24" >
|
||||
<a-col :span="12">
|
||||
<a-form-item field="" label="医生收益：">
|
||||
<span v-if="modalForm.payment_amount_total*0.75==0">0元</span>
|
||||
<span v-else>{{ (modalForm.payment_amount_total*0.75).toFixed(2) }}</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="titlebox" v-if="modalForm.user_doctor">
|
||||
<div class="bar"></div>
|
||||
<div class="name">医生信息</div>
|
||||
<a-space
|
||||
style="
|
||||
margin-right: 8px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
"
|
||||
>
|
||||
<a-button type="primary" @click="openDcotor"
|
||||
>查看医生完整信息</a-button
|
||||
>
|
||||
</a-space>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px">
|
||||
<a-col :span="24">
|
||||
<a-form-item field="license_cert" :hide-label="true">
|
||||
<div class="doctorInfo" v-if="modalForm.user_doctor">
|
||||
<a-space size="large">
|
||||
<a-image
|
||||
width="80"
|
||||
height="80"
|
||||
class="headImg"
|
||||
:src="modalForm.user_doctor.avatar"
|
||||
v-if="modalForm.user_doctor.avatar"
|
||||
>
|
||||
</a-image>
|
||||
<a-image
|
||||
width="80"
|
||||
height="80"
|
||||
class="headImg"
|
||||
src="https://img.applets.igandanyiyuan.com/basic/file/doctor_avatar.png"
|
||||
v-else
|
||||
>
|
||||
</a-image>
|
||||
</a-space>
|
||||
<div class="infobox">
|
||||
<div class="name">
|
||||
{{ modalForm.user_doctor.user_name }} {{
|
||||
formatDoctorTitle(modalForm.user_doctor.doctor_title)
|
||||
}}
|
||||
</div>
|
||||
<div class="hospital">
|
||||
{{
|
||||
modalForm.user_doctor.hospital.hospital_name
|
||||
}} {{
|
||||
modalForm.user_doctor.department_custom_name
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="doctorInfo" v-else>暂未分配到医生</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider v-if="modalForm.user_doctor" />
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">就诊人信息</div>
|
||||
<a-space
|
||||
style="
|
||||
margin-right: 8px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
"
|
||||
>
|
||||
<a-button type="primary" status="warning" @click="openPatient"
|
||||
>查看就诊人完整信息</a-button
|
||||
>
|
||||
</a-space>
|
||||
</div>
|
||||
<a-row
|
||||
:gutter="24"
|
||||
style="margin-top: 35px"
|
||||
v-if="modalForm.order_inquiry_case"
|
||||
>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="就诊人姓名：">
|
||||
<span
|
||||
>{{ modalForm.order_inquiry_case.name }} （{{
|
||||
modalForm.order_inquiry_case.sex == 1 ? '男' : '女'
|
||||
}} {{ modalForm.order_inquiry_case.age }}岁）</span
|
||||
>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24" v-if="modalForm.order_inquiry_case">
|
||||
<a-col :span="24">
|
||||
<a-form-item field="inquiry_no" label="病情描述：">
|
||||
<span>{{ modalForm.order_inquiry_case.disease_desc }}</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24" v-if="modalForm.order_inquiry_case">
|
||||
<a-col :span="24">
|
||||
<a-form-item field="inquiry_no" label="确诊疾病：">
|
||||
<span
|
||||
>{{
|
||||
modalForm.order_inquiry_case.disease_class_name
|
||||
}} {{
|
||||
modalForm.user_doctor.department_custom_name
|
||||
}}</span
|
||||
>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
</a-form>
|
||||
</a-modal>
|
||||
<!-- 医生详情弹框 -->
|
||||
<doctorModal
|
||||
:doctorVisible="doctorVisible"
|
||||
:doctor_id="doctor_id"
|
||||
@doctorVisibleChange="
|
||||
() => {
|
||||
doctorVisible = false;
|
||||
doctor_id = '';
|
||||
}
|
||||
"
|
||||
></doctorModal>
|
||||
<!-- 患者详情弹窗 -->
|
||||
<patientModal
|
||||
:patientVisible="patientVisible"
|
||||
:data="patientData"
|
||||
@patientVisibleChange="
|
||||
() => {
|
||||
patientVisible = false;
|
||||
}
|
||||
"
|
||||
></patientModal>
|
||||
</template>
|
||||
<script setup>
|
||||
import { ref, toRefs, reactive, watch} from 'vue';
|
||||
import { formatDoctorTitle } from '@/utils/format';
|
||||
import { parseTime } from '@/utils/parseTime';
|
||||
import { inquiryCase} from '@/api/order/list';
|
||||
import { formatInquiryType, formatInquiryStatus,formatOrderCancelReason } from '@/utils/format';
|
||||
const emits = defineEmits(['inquiryVisibleChange']);
|
||||
const props = defineProps({
|
||||
// 是否显示
|
||||
modalVisible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
modalForm: {
|
||||
type: Object,
|
||||
default:{
|
||||
order_inquiry_case:{
|
||||
inquiry_case_id:''
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
const doctorVisible = ref(false);
|
||||
const doctor_id = ref('');
|
||||
const patientVisible = ref(false);
|
||||
|
||||
const patientData = reactive({});
|
||||
const { modalVisible, modalForm } = toRefs(props);
|
||||
const openPatient = () => {
|
||||
patientVisible.value = true;
|
||||
};
|
||||
const order_inquiry_id=ref('');
|
||||
watch(() => props.modalForm,() => {
|
||||
if (
|
||||
props.modalForm.order_inquiry_case &&
|
||||
props.modalForm.order_inquiry_case.inquiry_case_id
|
||||
) {
|
||||
let id = props.modalForm.order_inquiry_case.inquiry_case_id;
|
||||
inquiryCase(id).then((data) => {
|
||||
Object.assign(patientData, data.data);
|
||||
});
|
||||
}
|
||||
// if(props.modalForm.order_inquiry_id){
|
||||
// order_inquiry_id.value=props.modalForm.order_inquiry_id;
|
||||
// }
|
||||
},{ immediate: true, deep: true })
|
||||
const openDcotor = () => {
|
||||
doctor_id.value = props.modalForm.doctor_id;
|
||||
doctorVisible.value = true;
|
||||
};
|
||||
const handleClose = () => {
|
||||
emits('inquiryVisibleChange', (modalVisible.value = false));
|
||||
};
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
.headImg {
|
||||
margin-right: 20px;
|
||||
border-radius: 50%;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
.doctorInfo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.infobox {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<a-modal v-model:visible="okVisible" :modal-style="{width:'420px'}" body-class="okmodal" @ok="handleConfirm"
|
||||
@cancel="handleClose" >
|
||||
<template #title>
|
||||
提示
|
||||
</template>
|
||||
<a-form :model="form" :rules="rules" ref="modalFormRef" size="medium" label-align="left" auto-label-width>
|
||||
<a-form-item field="income_tax" label="个人所得税:" >
|
||||
<a-input-number :min="0" :style="{width:'200px'}" v-model="form.income_tax" placeholder="请输入个人所得税" mode="button" class="input-demo" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<template #footer>
|
||||
<a-button @click="handleClose"><template #icon><icon-close /></template>取消</a-button>
|
||||
<a-button type="primary" @click="handleConfirm"><template #icon><icon-check /></template>确认</a-button>
|
||||
</template>
|
||||
|
||||
</a-modal>
|
||||
</template>
|
||||
<script setup>
|
||||
import { reactive, toRefs, getCurrentInstance } from 'vue';
|
||||
import { Message } from '@arco-design/web-vue';
|
||||
const { proxy } = getCurrentInstance();
|
||||
const form = reactive({
|
||||
income_tax:null
|
||||
});
|
||||
const props = defineProps({
|
||||
// 是否显示
|
||||
okVisible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
id:{
|
||||
type: String,
|
||||
default:'',
|
||||
},
|
||||
api: {
|
||||
type: Function,
|
||||
},
|
||||
});
|
||||
const emits = defineEmits(['closeChange']);
|
||||
const {okVisible,id,api} = toRefs(props);
|
||||
|
||||
// Akiraka 20230210 关闭弹窗
|
||||
const handleClose = () => {
|
||||
emits('closeChange',false);
|
||||
proxy.$refs.modalFormRef.resetFields();
|
||||
// alert(flag)
|
||||
}
|
||||
// Akiraka 20230210 删除数据校验
|
||||
const rules = {
|
||||
income_tax: [{ required: true, message: '请输入个人所得税' }]
|
||||
};
|
||||
// Akiraka 20230210 确认按钮 => 开始数据检查
|
||||
const handleConfirm = () => {
|
||||
proxy.$refs.modalFormRef.validate(async(valid) => {
|
||||
if (!valid) {
|
||||
const {code}= await api.value(id.value,form);
|
||||
if(code==200){
|
||||
Message.success("修改成功");
|
||||
proxy.$refs.modalFormRef.resetFields();
|
||||
}else{
|
||||
proxy.$notification.error(response.message);
|
||||
}
|
||||
emits('closeChange',true);
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,432 @@
|
||||
<template>
|
||||
<!-- Modal -->
|
||||
<a-modal v-model:visible="modalVisible" fullscreen title="提现详情" title-align="start" :footer="false"
|
||||
@cancel="handleClose">
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">医生信息</div>
|
||||
</div>
|
||||
<a-form :model="modalForm" ref="modalFormRef" :auto-label-width="true">
|
||||
<a-row :gutter="24" style="margin-top: 35px;">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="avatar" label="医生姓名：">
|
||||
<span>{{modalForm.doctor_name}} </span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="身份证号：" >
|
||||
<div class="box" v-show="!showEye">
|
||||
<div class="cardNum">{{modalForm.doctor_card_num_mask}}</div>
|
||||
<icon-eye-invisible class="eye" @click="handelDecryptCard(modalForm.doctor_user_id,'')" />
|
||||
</div>
|
||||
<div class="box" v-show="showEye">
|
||||
<div class="cardNum">{{id_card_num}}</div>
|
||||
<icon-eye class="eye" @click="()=>{showEye=false}" />
|
||||
</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<a-divider />
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">银行信息</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px;">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="avatar" label="银行卡号：">
|
||||
<span>{{modalForm.bank_card_code}}</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
|
||||
<a-form-item field="idCard" label="提现状态：" >
|
||||
|
||||
<div v-if="modalForm.examine_status!=3 && modalForm.payment_status==0">待结算</div>
|
||||
<div v-else-if="modalForm.examine_status==2 && modalForm.payment_status==0">结算中</div>
|
||||
<div v-else-if="modalForm.examine_status==2 && modalForm.payment_status==1">结算成功</div>
|
||||
<div v-else-if="modalForm.examine_status==3 ">结算失败</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="所在城市：" >
|
||||
<span v-if="modalForm.doctor_withdrawal_bank">{{modalForm.doctor_withdrawal_bank.province}}{{modalForm.doctor_withdrawal_bank.city}}{{modalForm.doctor_withdrawal_bank.county}}</span>
|
||||
<span v-else>-</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="开户行：" >
|
||||
<span v-if="modalForm.doctor_withdrawal_bank">{{modalForm.doctor_withdrawal_bank.basic_bank.bank_name
|
||||
}}</span>
|
||||
<span v-else>-</span>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">账户信息</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px;">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="申请时间：" >
|
||||
<div>{{modalForm.created_at}}</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="确认账单时间：" >
|
||||
<div v-if="parseTime(modalForm.examine_time)">{{parseTime(modalForm.examine_time)}}</div>
|
||||
<div>-</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24" >
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="应提现金额：" >
|
||||
<div>{{modalForm.applied_withdrawal_amount}}</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="实际提现金额：" >
|
||||
<div>{{modalForm.actual_withdrawal_amount}}</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24" >
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="分成比例：" >
|
||||
<div>平台2.5/医生7.5</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="个人所得税：" >
|
||||
<div>{{modalForm.income_tax}}</div>
|
||||
<a-button type="primary" @click="()=>okVisible=true" style="margin-left:20px;" v-has="'admin:sysFinancialRecord:tax'">纠正个人所得税</a-button>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="24" v-if="parseTime(modalForm.payment_time)">
|
||||
<a-col :span="12">
|
||||
<a-form-item field="idCard" label="打款时间：" >
|
||||
<div>{{parseTime(modalForm.payment_time)}}</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
|
||||
<div class="titlebox">
|
||||
<div class="bar"></div>
|
||||
<div class="name">订单记录</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px;">
|
||||
<a-col :span="24">
|
||||
<a-form-item field="idCard" hide-label="true" >
|
||||
<!-- table -->
|
||||
<a-table :columns="columns" :data="tableData"
|
||||
:scroll="{ x:1500 }"
|
||||
style="width:100%"
|
||||
:row-selection="{ type: 'checkbox', showCheckedAll: true }"
|
||||
:pagination="{ 'show-total': true, 'show-jumper': true, 'show-page-size': true, total: pager.total, current: currentPage }"
|
||||
row-key="doctor_id" @selection-change="(selection) => {deleteData = selection;console.log(selection)}"
|
||||
@page-change="handlePageChange" @page-size-change="handlepage_sizeChange">
|
||||
<template #doctor_id="{record,rowIndex}">
|
||||
<div>{{(rowIndex+1)+(pager.page-1)*pager.page_size}}</div>
|
||||
</template>
|
||||
<template #pay_channel="{record}">
|
||||
<div v-if="record.pay_channel==1">小程序支付</div>
|
||||
<div v-else-if="record.pay_channel==2">微信扫码</div>
|
||||
<div v-else-if="record.pay_channel==3">模拟支付</div>
|
||||
</template>
|
||||
<!-- 1:待支付 2:待分配 3:待接诊 4:已接诊 5:已完成 6:已结束 7:已取消） -->
|
||||
<template #inquiry_status="{record}">
|
||||
<div v-if="record.inquiry_status==1">待支付</div>
|
||||
<div v-else-if="record.inquiry_status==2">待分配</div>
|
||||
<div v-else-if="record.inquiry_status==3">待接诊</div>
|
||||
<div v-else-if="record.inquiry_status==4">已接诊</div>
|
||||
<div v-else-if="record.inquiry_status==5">已完成</div>
|
||||
<div v-else-if="record.inquiry_status==6">已结束</div>
|
||||
<div v-else-if="record.inquiry_status==7">已取消</div>
|
||||
</template>
|
||||
<template #doctor_amount="{ record }">
|
||||
{{(record.doctor_amount) }}元
|
||||
</template>
|
||||
|
||||
<template #patient_name_mask="{ record }">
|
||||
<div class="ta-patient" :title="record.patient_name_mask">{{record.patient_name_mask}}({{record.patient_sex==1?'男，':'女，'}}{{record.patient_age}}岁)</div>
|
||||
</template>
|
||||
|
||||
<template #inquiry_type="{ record }">
|
||||
{{ formatInquiryType(record.inquiry_type) }}
|
||||
</template>
|
||||
<template #pay_time="{ record }">
|
||||
{{ parseTime(record.pay_time) }}
|
||||
</template>
|
||||
<template #action="{ record }">
|
||||
<a-space>
|
||||
<a-button v-has="'admin:sysOrderList:detail'" type="text"
|
||||
@click="handleDetail(record)"><icon-book />详情</a-button>
|
||||
<!-- <a-button v-has="'admin:sysFamilyList:edit'" type="text" @click="handleUpdate(record)"><icon-edit />
|
||||
修改</a-button> -->
|
||||
<!-- <a-button v-has="'admin:sysFamilyList:remove'" type="text"
|
||||
@click="() => { deleteVisible = true; deleteData = [record.doctor_id]; }"><icon-delete /> 删除</a-button> -->
|
||||
</a-space>
|
||||
</template>
|
||||
</a-table>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-divider />
|
||||
</a-form>
|
||||
<div class="titlebox" >
|
||||
<div class="bar"></div>
|
||||
<div class="name">操作</div>
|
||||
</div>
|
||||
<a-row :gutter="24" style="margin-top: 35px;" >
|
||||
<a-col :span="24">
|
||||
<a-form-item field="" label="" no-style>
|
||||
<a-space >
|
||||
<a-button type="primary" @click="()=>{confirmVisible=true;okStatus=1}" v-if="modalForm.examine_status==1" v-has="'admin:sysFinancialRecord:pass'">确认账单</a-button>
|
||||
<a-button type="primary" @click="()=>{confirmVisible=true;okStatus=2}" v-if="modalForm.examine_status==2 && modalForm.payment_status==0" v-has="'admin:sysFinancialRecord:pay'">确认打款</a-button>
|
||||
<a-button type="primary" status="danger" @click="()=>{rejectVisible=true;}" v-if="modalForm.examine_status==1" v-has="'admin:sysFinancialRecord:reject'">拒绝提现</a-button>
|
||||
</a-space>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-modal>
|
||||
<inquiryDetailMoneyModal :modalVisible="recordVisible" :modalForm="modalFormData" @inquiryVisibleChange="()=>{recordVisible=false}"></inquiryDetailMoneyModal>
|
||||
<numberModal
|
||||
:okVisible="okVisible"
|
||||
:api="editIncome"
|
||||
:id="withdrawal_order_id"
|
||||
@closeChange="closeChange"
|
||||
></numberModal>
|
||||
|
||||
<a-modal v-model:visible="rejectVisible" :modal-style="{width:'420px'}" @ok="handleConfirmReject"
|
||||
@cancel="()=>rejectVisible=false" >
|
||||
<template #title>
|
||||
提示
|
||||
</template>
|
||||
<a-form :model="rejectform" :rules="rules" ref="rejectFormRef" size="medium" label-align="left" auto-label-width>
|
||||
<a-form-item field="examine_fail_reason" label="拒绝原因:" >
|
||||
<a-textarea v-model.trim="rejectform.examine_fail_reason" allow-clear placeholder="请输入拒绝原因"></a-textarea>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<template #footer>
|
||||
<a-button @click="()=>rejectVisible=false"><template #icon><icon-close /></template>取消</a-button>
|
||||
<a-button type="primary" @click="handleConfirmReject"><template #icon><icon-check /></template>确认</a-button>
|
||||
</template>
|
||||
|
||||
</a-modal>
|
||||
<!-- 二次确认弹框 -->
|
||||
<a-modal v-model:visible="confirmVisible" :modal-style="{width:'320px'}" body-class="okmodal" @ok="handleSubmitConfirm"
|
||||
@cancel="()=>confirmVisible=false">
|
||||
<template #title>
|
||||
提示
|
||||
</template>
|
||||
<div v-if="okStatus==1">确定账单审核通过？</div>
|
||||
<div v-else-if="okStatus==2">确定打款？</div>
|
||||
</a-modal>
|
||||
</template>
|
||||
<script setup>
|
||||
import {ref,toRefs,watch,reactive,getCurrentInstance} from 'vue';
|
||||
import {decryptCard} from '@/api/doctor/list';
|
||||
import {getOrder,editIncome,withdrawalStatus,confirmPay} from "@/api/finance/record"
|
||||
import { parseTime } from '@/utils/parseTime';
|
||||
import {formatInquiryType} from "@/utils/format"
|
||||
import {getOrderDetail,inquiryCase} from '@/api/order/list';
|
||||
import { Message } from '@arco-design/web-vue';
|
||||
const props = defineProps({
|
||||
// 是否显示
|
||||
modalVisible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
modalForm: {
|
||||
type: Object,
|
||||
},
|
||||
});
|
||||
const { proxy } = getCurrentInstance();
|
||||
const confirmVisible=ref(false);
|
||||
const okVisible=ref(false);
|
||||
const withdrawal_order_id=ref('');
|
||||
const currentPage = ref(1);
|
||||
const pager = {
|
||||
total: 1,
|
||||
page: 1,
|
||||
page_size: 10,
|
||||
};
|
||||
const emits = defineEmits(['familyVisibleChange','freshDetail']);
|
||||
const {modalVisible,modalForm} = toRefs(props);
|
||||
//切换小眼睛
|
||||
const showEye = ref(false);
|
||||
const id_card_num = ref('');
|
||||
watch(()=>props.modalForm.withdrawal_id,()=>{
|
||||
if(props.modalForm.withdrawal_id){
|
||||
withdrawal_order_id.value=props.modalForm.withdrawal_id;
|
||||
handleGetOrder(props.modalForm.withdrawal_id,{...pager})
|
||||
}else{
|
||||
withdrawal_order_id.value='';
|
||||
}
|
||||
})
|
||||
//解密身份证号码
|
||||
const handelDecryptCard = async (user_id,family_id) => {
|
||||
showEye.value = true;
|
||||
const { data, code, message } = await decryptCard({
|
||||
user_id,
|
||||
family_id
|
||||
});
|
||||
if (code == 200) {
|
||||
id_card_num.value = data;
|
||||
}
|
||||
};
|
||||
|
||||
// Table Columns
|
||||
const columns = [
|
||||
{ title: '编号', dataIndex: 'doctor_id', slotName: 'doctor_id', width: '90' },
|
||||
{ title: '订单编号', dataIndex: 'inquiry_no',width:200 },
|
||||
{ title: '医生姓名', dataIndex: 'doctor_name',width:100 },
|
||||
{ title: '就诊人', dataIndex: 'patient_name_mask',slotName:'patient_name_mask',width:200},
|
||||
{ title: '联系电话', dataIndex: 'patient_mobile_mask',width: 130 },
|
||||
{ title: '医生收益', dataIndex: 'doctor_amount',slotName:'doctor_amount',width:100 },
|
||||
{ title: '支付方式', dataIndex: 'pay_channel',slotName: 'pay_channel'},
|
||||
{ title: '订单状态', dataIndex: 'inquiry_status', slotName:'inquiry_status' },
|
||||
{ title: '支付时间', dataIndex: 'pay_time', slotName: 'pay_time',width:200 },
|
||||
{ title: '操作', slotName: 'action',fixed: "right", width: 100 },
|
||||
]
|
||||
// Akiraka 20230210 关闭弹窗
|
||||
const handleClose = () => {
|
||||
emits('familyVisibleChange', false);
|
||||
};
|
||||
const tableData=ref([]);
|
||||
const handleGetOrder=(id,params={})=>{
|
||||
getOrder(id,params).then(res=>{
|
||||
if(res.code==200){
|
||||
let data=res.data;
|
||||
console.log(data.data)
|
||||
tableData.value=data.data;
|
||||
Object.assign(pager, { total: data.total, page: data.page, page_size: data.page_size });
|
||||
}
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 分页改变
|
||||
* @param {Number} [page]
|
||||
*/
|
||||
const handlePageChange = (page) => {
|
||||
pager.page = page;
|
||||
// 修改当前页码
|
||||
currentPage.value = page;
|
||||
handleGetOrder(withdrawal_order_id.value,{ ...pager});
|
||||
};
|
||||
|
||||
// 每页数据量
|
||||
const handlepage_sizeChange = (page_size) => {
|
||||
pager.page_size = page_size;
|
||||
handleGetOrder(withdrawal_order_id.value,{ ...pager});
|
||||
};
|
||||
const patientData=reactive({});
|
||||
const modalFormData=reactive({});
|
||||
const recordVisible=ref(false);
|
||||
//获取订单详情
|
||||
const handleDetail = async (record) => {
|
||||
recordVisible.value = true;
|
||||
Object.assign(patientData,{});
|
||||
const { code, data} = await getOrderDetail(record.order_inquiry_id
|
||||
);
|
||||
|
||||
if (code == 200) {
|
||||
Object.assign(modalFormData, data);
|
||||
if(data.order_inquiry_case && data.order_inquiry_case.inquiry_case_id){
|
||||
const caseInfo= await inquiryCase(data.order_inquiry_case.inquiry_case_id);
|
||||
Object.assign(patientData,caseInfo.data);
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
//关闭确认框
|
||||
const closeChange = () => {
|
||||
okVisible.value = false;
|
||||
|
||||
};
|
||||
const rejectVisible=ref(false);
|
||||
const rules = {
|
||||
examine_fail_reason: [{ required: true, message: '请输入拒绝理由' }]
|
||||
};
|
||||
const rejectform=reactive({
|
||||
examine_fail_reason:''
|
||||
})
|
||||
//修改审核状态
|
||||
const handleWithdrawalStatus= async(examine_status)=>{
|
||||
let obj=null;
|
||||
if(examine_status==2){
|
||||
obj={
|
||||
examine_status
|
||||
}
|
||||
}else{
|
||||
obj={
|
||||
examine_status,
|
||||
examine_fail_reason:rejectform.examine_fail_reason
|
||||
}
|
||||
}
|
||||
const {data,code}=await withdrawalStatus(withdrawal_order_id.value,obj);
|
||||
if(code==200){
|
||||
examine_status==2?Message.success("已通过审核"):Message.success("已拒绝成功")
|
||||
emits('freshDetail');
|
||||
}
|
||||
}
|
||||
const okStatus=ref(1);
|
||||
const handleConfirmReject=()=>{
|
||||
proxy.$refs.rejectFormRef.validate(async(valid) => {
|
||||
if (!valid) {
|
||||
handleWithdrawalStatus(3);
|
||||
}
|
||||
})
|
||||
};
|
||||
const handleConfirmPay=async()=>{
|
||||
const {data,code}=await confirmPay(withdrawal_order_id.value);
|
||||
if(code==200){
|
||||
Message.success("打款成功")
|
||||
}
|
||||
};
|
||||
const handleSubmitConfirm=()=>{
|
||||
if(okStatus.value==1){
|
||||
handleWithdrawalStatus(2);
|
||||
}else{
|
||||
handleConfirmPay();
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.cardNum {
|
||||
width: 150px;
|
||||
}
|
||||
.arco-form-item-layout-horizontal:first-child,
|
||||
.arco-form-item-layout-horizontal:nth-child(2) {
|
||||
align-items: center;
|
||||
}
|
||||
.cellbox{
|
||||
margin-top: 35px;
|
||||
}
|
||||
.cellbox .cell{
|
||||
width:50%;
|
||||
border-bottom:1px dashed #efefef;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.cellbox .cell:first-child{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cert .arco-form-item-label-col {
|
||||
flex: 0 0 8px !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user