You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

937 lines
33 KiB

<template>
<div class="address_edit">
<!-- 导航栏 -->
<!-- <div class="header_body">
<header-nav :slefBack="true" @goBack="goBack" :titelText="`行政检查预约`"></header-nav>
</div>-->
<!-- 中间 -->
<div class="warp_body">
<!-- <van-cell-group>-->
<van-form @failed="onFailed" @submit="submit">
<van-cell-group>
<!-- <van-field-->
<!-- v-model="submitData.lawEnforcementCode"-->
<!-- label="登记编号"-->
<!-- />-->
<van-field
v-model="submitData.enterpriseName"
label="企业名称"
required
:rules="[{ required: true, message: '必填项' }]"
is-link
placeholder="请选择"
@click="showPopupCompony"
/>
<Popup :visible="popupVisible" :content="popupContent" @close="closePopupCompony"
@reciveData="reciveData"/>
<van-field
v-model="submitData.linkMan"
required
:rules="[{ required: true, message: '必填项' }]"
label="企业联系人"
readonly
/>
<van-field
v-model="submitData.linkTel"
label="联系人电话"
required
readonly
:rules="[{ validator, message: '请输入正确内容' }]"
/>
<div class="flex-div">
<van-field
v-model="submitData.checkTime"
required
is-link
label="检查时间"
placeholder="日期"
:rules="[{ required: true, message: '必填项' }]"
@click="data.showTimePicker = true"
/>
<van-field
v-model="submitData.checkTimeOrderText"
required
is-link
label=""
placeholder="时段"
:rules="[{ required: true, message: '必填项' }]"
@click="data.checkTimePicker = true"
/>
</div>
<!-- <template #div>
<div class="plan-attach">
<div class="plan-time">
<van-field
v-model="data.fieldValue"
is-link
placeholder="选择时段"
@click="data.dateShowPicker = true"
/>
</div>
</div>
</template>-->
<van-field
v-model="submitData.checkItemText"
label="检查事项"
rows="2"
autosize
type="textarea"
maxlength="100"
placeholder="请输入检查事项"
show-word-limit
/>
<van-field
v-model="submitData.checkRequireText"
label="检查要求"
rows="2"
autosize
type="textarea"
maxlength="100"
placeholder="请输入检查要求"
show-word-limit
/>
<!-- <van-field-->
<!-- v-model="data.checkItemText"-->
<!-- required-->
<!-- readonly-->
<!-- label="检查事项"-->
<!-- :rules="[{ required: true, message: '必填项' }]"-->
<!-- @click="data.showItem = true"-->
<!-- type="textarea"-->
<!-- rows="1"-->
<!-- autosize-->
<!-- />-->
<!-- <van-field v-model="submitData.checkItem" v-show="false"/>-->
<!-- <van-field-->
<!-- v-model="data.checkRequireText"-->
<!-- required-->
<!-- readonly-->
<!-- label="检查要求"-->
<!-- :rules="[{ required: true, message: '必填项' }]"-->
<!-- @click="data.showGA = true"-->
<!-- type="textarea"-->
<!-- rows="1"-->
<!-- autosize-->
<!-- />-->
<!-- <van-field v-model="submitData.checkRequire" v-show="false"/>-->
<van-field
v-model="submitData.bureauDeptName"
readonly
required
:rules="[{ required: true, message: '必填项' }]"
label="执法部门"
/>
<van-field
v-model="submitData.lawEnforcerText"
readonly
label="执法人员"
/>
<div class="add-box">
<div v-for="(item, index) in data.lawCer" :key="index">
<!-- <div class="item-delete" v-if="index>0" @click.stop="cancelUser(index)"><label>执法人员
{{index+1}}</label> <a>删除</a></div> -->
<van-field
v-model="item.show"
label=" "
readonly
clickable
:right-icon="(data.lawCer.length - index ) == 1 ? 'add-o' : 'close'"
@click-right-icon="(data.lawCer.length - index ) == 1 ? addLawCer(index) : cancelUser(index)"
:rules="[{ required: true, message: '必填项' }]"
placeholder="请选择"
@click-input="showPopup(index)"
/>
</div>
<!-- <div class="addbtn" @click.stop="addLawCer"><van-icon name="add-o" /></div> -->
</div>
<!-- <div v-for="(item, index) in data.lawCer" :key="index">
<div class="item-delete" v-if="index>0" @click.stop="cancelUser(index)"><label>执法人员 {{index+1}}</label> <a>删除</a></div>
<van-field
v-model="item.show"
label=" "
readonly
required
:rules="[{ required: true, message: '必填项' }]"
placeholder="请选择"
is-link
@click="showPopup(index)"
/>
</div>
<div class="addbtn" @click.stop="addLawCer"><van-icon name="add-o" /></div>-->
<!-- <van-field-->
<!-- v-model="submitData.lawEnforcerTextTwo"-->
<!-- readonly-->
<!-- label="执法人员"-->
<!-- right-icon="add-o"-->
<!-- @click="showPopup"-->
<!-- />-->
<!-- <van-field
v-model="submitData.remark"
label="备注"
rows="2"
autosize
type="textarea"
maxlength="100"
placeholder="请输入备注"
show-word-limit
/>-->
<van-cell center title="开启联合检查">
<template #right-icon>
<van-switch v-model="data.checked" @click="!data.checked"/>
<!-- <van-switch v-model="data.checked" @click="checkUnite"/>-->
</template>
</van-cell>
<!-- <van-field-->
<!-- v-if="data.checked"-->
<!-- v-model="submitData.deptTexts"-->
<!-- label="检查部门"-->
<!-- rows="2"-->
<!-- autosize-->
<!-- type="textarea"-->
<!-- placeholder="请选择"-->
<!-- is-link-->
<!-- show-word-limit-->
<!-- readonly-->
<!-- @click="data.deptChecked=true"-->
<!-- />-->
<div class="add-inspect" v-if="data.checked">
<p v-for="(item, index) in submitData.userObjs" :key="index">
<span class="add-dept">{{item.deptName}}</span><span class="add-name">{{item.userName}}</span>
</p>
<div class="addbtn" @click.stop="data.deptChecked=true"><van-icon name="add-o" /></div>
</div>
</van-cell-group>
<van-action-bar>
<van-button round block type="info" native-type="submit" @click="tmpSave">提交</van-button>
<van-button round block type="info" native-type="submit" @click="submit112">发送</van-button>
</van-action-bar>
</van-form>
<!-- </van-cell-group>-->
</div>
<!-- <div class="warp_body">-->
<!-- <van-action-bar>-->
<!-- <van-action-bar-button text="保存" @click="submit" />-->
<!-- </van-action-bar>-->
<!-- </div>-->
<van-popup v-model:show="data.showLawEnforcerFlag" position="bottom" :style="{ height: '30%' }"/>
<UserPopup :visible="data.popupVisible" :content="data.popupContent" @close="closePopup"
@reciveData="reciveVisible"/>
<van-popup v-model:show="data.showTimePicker" position="bottom" :style="{ height: '30%' }">
<van-date-picker
type="time"
v-model="data.currentDate"
@confirm="onConfirm"
@cancel="data.showTimePicker = false"
/>
</van-popup>
<van-popup v-model:show="data.showItem" position="bottom" :style="{ height: '30%' }">
<van-picker title="事项"
:columns="data.item_columns"
@confirm="itemConfirm"
@change="itemChange"
@cancel="gaCancel"
/>
</van-popup>
<van-popup v-model:show="data.showGA" position="bottom" :style="{ height: '30%' }">
<van-picker title="要求"
:columns="data.ga_columns"
@confirm="gaConfirm"
@cancel="gaCancel"
/>
</van-popup>
<DeptPopup :visible="data.deptChecked" :content="data.deptContent" @close="closePopup"
@reciveData="reciveDept"/>
<van-popup v-model:show="data.checkTimePicker" round position="bottom">
<van-picker
:columns="data.checkTimeColumns"
@cancel="data.checkTimePicker = false"
@confirm="checkTimeOnConfirm"
/>
</van-popup>
<van-notify v-model:show="data.notifyShow" type="success">
<van-icon name="bell" style="margin-right: 4px;" />
<span>{{data.notifyContent}}</span>
<van-icon @click="data.notifyShow = false" name="cross" style="margin-right: 4px;" />
</van-notify>
<van-overlay :show="data.overlayShow">
<div class="wrapper">
<div class="block"><van-loading size="100" type="spinner" color="#1989fa" /></div>
</div>
</van-overlay>
</div>
</template>
<script setup name="register">
import {showSuccessToast} from 'vant';
import 'vant/es/toast/style';
import {
getByUserIdAndZero,
addEnterpriseLawEnforcement,
editEnterpriseLawEnforcement,
queryEnterpriseLawEnforcementList
} from '../../api/administrative'
import {queryUserInfo} from '../../api/enforce'
import {queryEnterpriseInfoList} from '../../api/enterprise'
import {reactive, ref} from "vue";
import {getDict} from "../../api/Home";
import {queryLinkage, queryLinkageDictByValueAndParentId} from "../../api/linkage";
import {uploadFile} from "../../util/fileUpload";
import { showNotify } from 'vant';
//用户筛选弹窗
import UserPopup from './userFilter.vue';
import DeptPopup from './deptFilter.vue';
const {useCommon} = $globalStore;
const router = useRouter();
let queryaddressId = ref("");
const data = reactive({
showLawEnforcerFlag: false,
showTimePicker: false,
popupVisible: false,
popupContent: '',
showGA: false,
showItem: false,
checkItemText: "",
checkRequireText: "",
ga_columns: [],
item_columns: [],
currentDate: [],
checked: false,
deptChecked: false,
deptContent: '',
notifyShow: false,
notifyContent: "",
overlayShow: false,
tempDate: null,
lawCerFlag: 0,
lawCer:[{ text:"", id:"", show:"", num:"" }],
checkTimePicker: ref(false),
checkTimeColumns: [
{ text: '9:00 ~ 12:00', value: '1' },
{ text: '14:00 ~ 17:00', value: '2' },
],
// lawCer:[],
});
//保存参数
const submitData = reactive({
/** ID */
id: "",
/** 登记编号 */
lawEnforcementCode: "",
/** 企业名称 */
enterpriseName: "",
/**统一社会信用代码 */
enterpriseNumber: "",
/** 企业ID */
enterpriseId: "",
/** 企业联系人 */
linkMan: "",
/** 联系人电话 */
linkTel: "",
/** 检查时间 */
checkTime: "",
/** 检查事项 */
checkItem: "",
checkItemText: "",
/** 检查要求 */
checkRequire: "",
checkRequireText: "",
/** 执法部门 */
lawEnforcement: "",
/** 执法部门ID */
lawEnforcementId: "",
/** 执法人员 */
lawEnforcer: "",
lawCertificateNum: "",
lawEnforcerText: "",
/** 执法人员ID */
lawEnforcerId: "",
/** 执法人员2 */
lawEnforcerTwo: "",
lawCertificateNumTwo: "",
lawEnforcerTextTwo: "",
/** 执法人员2ID */
lawEnforcerTwoId: "",
/** 备注 */
remark: "",
userId: useCommon.userId,
deptTexts: "",
deptObjs: [],
userObjs: [],
isUnite: 0,
bureauDeptId:"",
bureauDeptName:"",
/**
* 执法时段
*/
checkTimeOrder: 0,
checkTimeOrderText:"",
})
const currentDate =() => {
const now = new Date();
const year = now.getFullYear();
const month = (now.getMonth() + 1).toString().padStart(2, '0');
const day = now.getDate().toString().padStart(2, '0');
data.currentDate = [year, month, day]
}
const onConfirm = (time) => {
if (time != null) {
var times = time.selectedValues;
submitData.checkTime = times[0] + "-" + times[1] + "-" + times[2];
data.tempDate = times[1] + "月" + times[2] + "号";
}
data.showTimePicker = false;
// 查询设定的检查时间是否有别的企业对该部门进行检查, 如果有这提示可进行联合执法
if (null != submitData.enterpriseNumber && null != data.tempDate) {
let params = {
enterpriseNumber: submitData.enterpriseNumber,
checkTime: submitData.checkTime,
}
queryEnterpriseLawEnforcementList(params, success => {
var deptName = "";
for (var i = 0; i < success.data.length; i++) {
deptName += success.data[i].lawEnforcement + ", ";
}
if (success.data.length > 0) {
data.notifyContent = "您在" + data.tempDate + "和" + deptName + "执法部门有相同的执法企业,可以发起联合执法"
data.notifyShow = true;
// setTimeout(() => {
// data.notifyShow = false;
// }, 2000);
}
});
}
}
/**
* 检查时间 时段选择
*/
const checkTimeOnConfirm = ({ selectedOptions }) => {
data.checkTimePicker = false;
console.log(selectedOptions[0].text);
console.log(selectedOptions[0].value);
submitData.checkTimeOrderText = selectedOptions[0].text;
submitData.checkTimeOrder = selectedOptions[0].value;
};
const validator = (val) => /^1[34578]\d{9}$/.test(val);
const onFailed = (errorInfo) => {
console.log('failed', errorInfo);
};
/* const cancelUser = (index) =>{
data.lawCer.splice(index, 1);
}
const addLawCer = () =>{
data.lawCer.push({ text:"", id:"", show:"", num:"" });
}*/
const cancelUser = (index) => {
data.lawCer.splice(index, 1);
}
const addLawCer = (index) => {
data.lawCer.push({text: "", id: ""});
showUserAdd.value = false;
showNextUserAdd.value = true;
}
const showPopup = (flag) => {
data.lawCerFlag = flag;
data.popupVisible = true;
}
const closePopup = () => {
data.popupVisible = false;
data.deptChecked = false;
}
const reciveVisible = (item) => {
data.lawCer[data.lawCerFlag].id = item.userId;
data.lawCer[data.lawCerFlag].text = item.userName;
data.lawCer[data.lawCerFlag].num = item.lawCertificateNum;
data.lawCer[data.lawCerFlag].show = item.userName + " " + item.lawCertificateNum;
// submitData.lawEnforcerTwo = item.userName
// submitData.lawCertificateNumTwo = item.lawCertificateNum;
// submitData.lawEnforcerTwoId = item.userId;
// submitData.lawEnforcerTextTwo = submitData.lawEnforcerTwo +" "+ submitData.lawCertificateNumTwo
// submitData.lawEnforcerTextTwo = submitData.lawEnforcerTwo
}
const checkUnite = () => {
if (data.checked) {
data.deptChecked=true;
} else {
data.deptChecked=false;
}
}
const reciveDept = (item) => {
submitData.deptTexts = "";
submitData.deptObjs = [];
submitData.userObjs = [];
for (var i=0; i<item.length; i++) {
submitData.deptTexts += item[i].deptName+";";
submitData.deptObjs.push({deptId: item[i].deptId, deptName: item[i].deptName });
submitData.userObjs.push({strUserId: item[i].userId, userName: item[i].userName, deptId: item[i].deptId, deptName: item[i].deptName });
}
}
/* 检查要求 start */
const gaConfirm = ({selectedOptions}) => {
data.checkRequireText = selectedOptions[0].text;
submitData.checkRequire = selectedOptions[0].value;
data.showGA = false;
data.showItem = false;
};
/* 检查要求 start */
const itemConfirm = ({selectedOptions}) => {
data.checkItemText = selectedOptions[0].text;
submitData.checkItem = selectedOptions[0].value;
data.showGA = false;
data.showItem = false;
getLinkageByParentIdToGA(selectedOptions[0].id);
};
const itemChange = ({selectedOptions}) => {
// getLinkageByParentIdToGA(selectedOptions[0].id);
}
const gaCancel = () => {
data.showGA = false;
data.showItem = false;
}
/* 检查要求 end */
// 返回
const goBack = () => {
router.go(-1);
};
const dataFillIn = () => {
getByUserIdAndZero(useCommon.userId, success => {
//跳转企业二维码地址
if (success.success) {
Object.keys(submitData).forEach((item) => {
submitData[item] = success.data[item] ? success.data[item] : "";
})
data.checkItemText = success.data['params'].checkItemText;
data.checkRequireText = success.data['params'].checkRequireText;
submitData.lawEnforcerText = success.data['lawEnforcer'];
submitData.lawEnforcerTextTwo = success.data['lawEnforcerTwo'];
// showSuccessToast('保存成功');
}
}, error => {
console.log("保存失败")
})
}
const tmpSave = () => {
if (submitData.enterpriseName.length<=0
|| submitData.linkMan.length<=0
|| submitData.linkTel.length<=0
|| submitData.checkTime.length<=0
|| submitData.bureauDeptName.length<=0
|| data.lawCer[0].id.length<=0) { return null; }
data.overlayShow = true; // 遮罩层
submitData.lawCertificateNum = null;
submitData.isUnite = 0;
if (data.checked) { submitData.isUnite = 1; }
// 执法人员
submitData.lawEnforcerTwoId = "";
submitData.lawEnforcerTwo = "";
submitData.lawCertificateNum = "";
submitData.lawEnforcerTextTwo = "";
for (var i=0; i<data.lawCer.length; i++) {
submitData.lawEnforcerTwoId += data.lawCer[i].id +",";
submitData.lawEnforcerTwo += data.lawCer[i].text +",";
submitData.lawCertificateNum += data.lawCer[i].num +",";
submitData.lawEnforcerTextTwo += data.lawCer[i].show +",";
}
submitData.lawEnforcerTwoId = submitData.lawEnforcerTwoId.substring(0, submitData.lawEnforcerTwoId.length - 1);
submitData.lawEnforcerTwo = submitData.lawEnforcerTwo.substring(0, submitData.lawEnforcerTwo.length - 1);
submitData.lawCertificateNum = submitData.lawCertificateNum.substring(0, submitData.lawCertificateNum.length - 1);
submitData.lawEnforcerTextTwo = submitData.lawEnforcerTextTwo.substring(0, submitData.lawEnforcerTextTwo.length - 1);
addEnterpriseLawEnforcement(submitData, success => {
data.overlayShow = false;
//跳转企业二维码地址
if (success.success) {
showSuccessToast('保存成功');
router.push(
{
path: "/appointmentList"
});
}
}, error => {
console.log("保存失败")
})
}
const submit112 = () => {
if (submitData.enterpriseName.length<=0
|| submitData.linkMan.length<=0
|| submitData.linkTel.length<=0
|| submitData.checkTime.length<=0
|| submitData.bureauDeptName.length<=0
|| data.lawCer[0].id.length<=0) { return null; }
data.overlayShow = true; // 遮罩层
// showSuccessToast('登记成功');
submitData.lawCertificateNum = null;
submitData.isUnite = 0;
if (data.checked) { submitData.isUnite = 1; }
// 执法人员
submitData.lawEnforcerTwoId = "";
submitData.lawEnforcerTwo = "";
submitData.lawCertificateNum = "";
submitData.lawEnforcerTextTwo = "";
for (var i=0; i<data.lawCer.length; i++) {
submitData.lawEnforcerTwoId += data.lawCer[i].id +",";
submitData.lawEnforcerTwo += data.lawCer[i].text +",";
submitData.lawCertificateNum += data.lawCer[i].num +",";
submitData.lawEnforcerTextTwo += data.lawCer[i].show +",";
}
submitData.lawEnforcerTwoId = submitData.lawEnforcerTwoId.substring(0, submitData.lawEnforcerTwoId.length - 1);
submitData.lawEnforcerTwo = submitData.lawEnforcerTwo.substring(0, submitData.lawEnforcerTwo.length - 1);
submitData.lawCertificateNum = submitData.lawCertificateNum.substring(0, submitData.lawCertificateNum.length - 1);
submitData.lawEnforcerTextTwo = submitData.lawEnforcerTextTwo.substring(0, submitData.lawEnforcerTextTwo.length - 1);
editEnterpriseLawEnforcement(submitData, success => {
data.overlayShow = false;
//跳转企业二维码地址
if (success.success) {
showSuccessToast('登记成功');
router.push(
{
path: "/appointmentList"
});
}
}, error => {
console.log("登记失败")
})
}
const getLinkageByValueAndParentId = (value, parentId) => {
// 查询检查要求字典信息
queryLinkageDictByValueAndParentId({"dataScopeId": useCommon.userId, "value": value, "parentId": parentId}, success => {
getLinkageByParentIdToItem(success.id)
}, error => {
});
}
const getLinkageByParentIdToItem = (parentId) => {
// 查询检查要求字典信息
queryLinkage({"dataScopeId": useCommon.userId, "parentId": parentId}, success => {
for (var i = 0; i < success.length; i++) {
data.item_columns.push({text: success[i].title, value: success[i].id, id: success[i].id})
// if (i==0) {
// data.checkItemText = success[i].title;
// submitData.checkItem = success[i].id;
// getLinkageByParentIdToGA(success[i].id);
// }
}
}, error => {
});
}
const getLinkageByParentIdToGA = (parentId) => {
// 查询检查要求字典信息
data.ga_columns = [];
queryLinkage({"parentId": parentId}, success => {
for (var i = 0; i < success.length; i++) {
data.ga_columns.push({text: success[i].title, value: success[i].id, id: success[i].id})
// if (i==0) {
// data.checkRequireText = success[i].title;
// submitData.checkRequire = success[i].id;
// }
}
}, error => {
});
}
//初始化参数,获取扫码的企业统一信用编码
onMounted(() => {
// 数据填充
// dataFillIn();
currentDate();
//查询当前登录人员信息
queryUserInfo(useCommon.userId, success => {
console.log(success.data)
submitData.lawEnforcer = success.data.userName;
submitData.lawCertificateNum = success.data.lawCertificateNum
submitData.lawEnforcerText = submitData.lawEnforcer +" "+ submitData.lawCertificateNum
// submitData.lawEnforcerText = submitData.lawEnforcer
submitData.lawEnforcerId = success.data.userId;
submitData.lawEnforcement = success.data.dept.deptName;
submitData.lawEnforcementId = success.data.dept.deptId;
//局级部门
submitData.bureauDeptName = success.data.bureauDept.deptName;
submitData.bureauDeptId = success.data.bureauDept.deptId;
}, error => {
});
getLinkageByValueAndParentId("check_item", "100");
// 查询检查要求字典信息
// getDict({"dictType": "checkRequire"}, success => {
// for(var i=0; i<success.data.length; i++) {
// data.ga_columns.push({ text: success.data[i].dictLabel, value: success.data[i].dictValue })
// }
// },error=>{});
// 查询检查要求字典信息
// getDict({"dictType": "checkItem"}, success => {
// for(var i=0; i<success.data.length; i++) {
// data.item_columns.push({ text: success.data[i].dictLabel, value: success.data[i].dictValue })
// }
// },error=>{});
})
const reciveData = (item) => {
submitData.enterpriseName = item.enterpriseName;
submitData.linkTel = item.enterpriseTel;
submitData.linkMan = item.legalPerson;
submitData.enterpriseNumber = item.enterpriseNumber;
// 查询设定的检查时间是否有别的企业对该部门进行检查, 如果有这提示可进行联合执法
if (null != submitData.enterpriseNumber && null != data.tempDate) {
let params = {
enterpriseNumber: submitData.enterpriseNumber,
checkTime: submitData.checkTime,
}
queryEnterpriseLawEnforcementList(params, success => {
var deptName = "";
for (var i = 0; i < success.data.length; i++) {
deptName += success.data[i].lawEnforcement + ", ";
}
if (success.data.length > 0) {
data.notifyContent = "您在" + data.tempDate + "和" + deptName + "执法部门有相同的执法企业,可以发起联合执法"
data.notifyShow = true;
setTimeout(() => {
data.notifyShow = false;
}, 2000);
}
});
}
}
</script>
<script>
//案件筛选弹窗
import Popup from '../enterprise/companyFilter.vue';
export default {
components: {
Popup
},
data() {
return {
popupVisible: false,
popupContent: ''
}
},
methods: {
showPopupCompony() {
this.popupVisible = true;
},
closePopupCompony() {
this.popupVisible = false;
}
}
}
</script>
<style lang="less" scoped>
.address_edit {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
background-color: #ebf3fb;
}
.warp_body {
margin: 0 3%;
padding-bottom: 3rem;
width: 94%;
height: 100%;
background-color: #ebf3fb;
overflow-y: auto;
margin-top: 0.15rem;
}
/* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
.van-popup.van-toast {
background: var(--van-toast-background) !important;
box-sizing: content-box !important;
/* 下面3条css,影响不大 */
transition: all var(--van-duration-fast) !important;
width: var(--van-toast-default-width) !important;
max-width: var(--van-toast-max-width) !important;
}
.van-popup.van-toast .van-toast__icon {
font-size: var(--van-toast-icon-size) !important;
}
:deep(.van-button) {
margin: 5% 3%;
padding: 0;
width: 94%;
height: 1rem;
color: #fff;
font-size: 0.4rem;
border-radius: 1rem;
background: #1367fe;
border: 1px solid #1367fe;
text-align: center;
}
/deep/ .van-action-bar {
box-shadow: 0 0 0.27rem #e5e5e5;
}
.add-box {
position: relative;
margin-top: -1px;
border-bottom: 1px solid #f6f7f8;
}
.addbtn {
margin: 3% 0;
width: 100%;
text-align: right;
}
.addbtn i {
font-size: 0.48rem;
color: #999;
}
.add-inspect {
margin: 0 0.425rem;
padding-bottom: 0.3rem;
min-height: 2rem;
font-size: 0.37rem;
color: #323233;
}
.add-inspect p {
margin: 0.1rem 0;
padding: 0.2rem 0.1rem;
//border-bottom: 1px solid #f4f5f6;
}
.add-inspect p:nth-child(even) {
background-color: #f3f4f5;
}
.add-inspect span {
margin-right: 0.2rem;
color: #999;
}
.add-inspect span.add-dept {
color: #323233;
}
.wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.block {
width: 120px;
height: 120px;
text-align: center;
}
.item-delete {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1% 4.5%;
width: 100%;
background: #f3f4f5;
line-height: 2.0;
font-size: 0.3rem;
color: #999;
box-sizing: border-box;
}
.item-delete a {
font-size: 0.35rem;
color: #1367fe;
}
.flex-div {
position: relative;
display: flex;
align-items: flex-start;
padding: 0 0.43rem 0 0.23rem;
color: #666;
font-size: 0.37rem;
white-space: nowrap;
}
.flex-div::before, .flex-div::after {
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #fff;
content: "";
}
.flex-div::after {
left: 0.43rem;
bottom: 0;
width: calc(100% - 0.86rem);
border-bottom: 1px solid #f5f6f7;
content: "";
}
.flex-div .van-field {
float: right;
margin-bottom: -1px;
padding-right: 0;
width: 38%;
border-bottom: 1px solid #f5f6f7;
}
.flex-div .van-field:first-child {
float: left;
padding-left: 0.2rem;
width: 62%;
}
/deep/ .van-picker-column__item--selected {
background: #e5eef9;
color: #000;
font-weight: 600;
}
/deep/ .van-field .van-field__control {
color: #666;
}
/deep/ .van-field__label--required:before {
margin-left: -0.2rem;
}
</style>