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.
936 lines
30 KiB
936 lines
30 KiB
<template>
|
|
<div class="address_edit">
|
|
<div class="warp_body">
|
|
<span class="joint-tag" v-if="submitData.isUnite == 1"><label>联</label></span>
|
|
<van-form @failed="onFailed" @submit="submit">
|
|
<van-cell-group>
|
|
<van-field
|
|
v-model="submitData.enterpriseName"
|
|
label="企业名称"
|
|
:rules="[{ required: true, message: '必填项' }]"
|
|
readonly
|
|
/>
|
|
|
|
<Popup :visible="popupVisible" :content="popupContent" @close="closePopupCompony" @reciveData="reciveData" />
|
|
<van-field
|
|
v-model="submitData.linkMan"
|
|
label="企业联系人"
|
|
readonly
|
|
/>
|
|
<van-field
|
|
v-model="submitData.linkTel"
|
|
label="联系人电话"
|
|
readonly
|
|
:rules="[{ validator, message: '请输入正确内容' }]"
|
|
/>
|
|
<!-- <van-field
|
|
v-model="submitData.checkTime"
|
|
readonly
|
|
label="执法时间"
|
|
:rules="[{ required: true, message: '必填项' }]"
|
|
/> -->
|
|
<div>
|
|
<van-field
|
|
v-model="submitData.checkTime"
|
|
label="执法时间"
|
|
placeholder="日期"
|
|
readonly
|
|
:rules="[{ required: true, message: '必填项' }]"
|
|
/>
|
|
<!-- <van-field-->
|
|
<!-- v-model="submitData.checkTimeOrderText"-->
|
|
<!-- is-link-->
|
|
<!-- label=""-->
|
|
<!-- placeholder="时段"-->
|
|
<!-- readonly-->
|
|
<!-- :rules="[{ required: true, message: '必填项' }]"-->
|
|
<!-- />-->
|
|
</div>
|
|
|
|
<!-- <van-field
|
|
v-model="submitData.checkItemText"
|
|
label="执法事项"
|
|
rows="1"
|
|
autosize
|
|
readonly
|
|
type="textarea"
|
|
show-word-limit
|
|
/>-->
|
|
<div class="fold-div">
|
|
<label>执法事项</label>
|
|
<van-text-ellipsis :content="submitData.checkItemText" rows="2" autosize expand-text="展开" collapse-text="收起" />
|
|
</div>
|
|
<!-- <van-field
|
|
v-model="submitData.checkRequireText"
|
|
label="执法要求"
|
|
rows="1"
|
|
autosize
|
|
readonly
|
|
type="textarea"
|
|
show-word-limit
|
|
/>-->
|
|
<div class="fold-div">
|
|
<label>执法要求</label>
|
|
<van-text-ellipsis :content="submitData.checkRequireText" rows="2" autosize expand-text="展开" collapse-text="收起" />
|
|
</div>
|
|
<van-field
|
|
v-model="submitData.bureauDeptName"
|
|
readonly
|
|
label="执法单位"
|
|
:rules="[{ required: true, message: '必填项' }]"
|
|
/>
|
|
<!-- <van-field
|
|
v-model="submitData.lawEnforcerText"
|
|
readonly
|
|
label="执法人员"
|
|
/>
|
|
<van-field v-for="(item, index) in data.lawCer" :key="index"
|
|
v-model="item.show"
|
|
label="执法人员"
|
|
readonly
|
|
|
|
/>-->
|
|
<div class="one-label">
|
|
<!-- <van-field
|
|
v-show="data.lawCer.length===0"
|
|
label="执法人员"
|
|
readonly
|
|
/> -->
|
|
<van-field
|
|
v-model="submitData.lawEnforcerText" readonly
|
|
label="执法人员"
|
|
/>
|
|
<van-field class="add-box"
|
|
v-for="(item, index) in data.lawCer" :key="index"
|
|
v-model="item.show"
|
|
:label="index== 0 ? ' ' : ' '"
|
|
readonly
|
|
/>
|
|
</div>
|
|
<!-- <van-field
|
|
v-model="submitData.remark"
|
|
label="备注"
|
|
rows="2"
|
|
autosize
|
|
readonly
|
|
type="textarea"
|
|
show-word-limit
|
|
/>-->
|
|
<!-- <div class="fold-div">
|
|
<label>备注</label>
|
|
<van-text-ellipsis :content="submitData.remark" rows="2" autosize expand-text="展开" collapse-text="收起" />
|
|
</div>-->
|
|
<!-- <van-divider class="divdsty" />-->
|
|
|
|
<!-- <div class="add-inspect" v-show="submitData.userObjs.length > 0">
|
|
<p v-if="submitData.userObjs.length > 0"><label>联合执法部门+人员</label></p>
|
|
<p v-for="(item, index) in submitData.userObjs" :key="index">
|
|
<span class="add-dept">{{item.deptName}}</span><span class="add-name">{{nameCorrect(item.userName)}}</span>
|
|
</p>
|
|
</div> -->
|
|
|
|
<!-- <van-action-bar v-if="submitData.isReg != 1 && submitData.status != 1 && submitData.status != 3">
|
|
<van-button round block type="info" native-type="submit" @click="data.showIsCancel = true">取消</van-button>
|
|
</van-action-bar>-->
|
|
</van-cell-group>
|
|
</van-form>
|
|
</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"
|
|
@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"/>
|
|
<div class="van-overlay" v-show="data.showIsCancel">
|
|
<div class="popcont">
|
|
<div class="poptip">确认取消该行政执法通知？</div>
|
|
<div class="popup-btn">
|
|
<a @click="cancel(0)">取消</a><a @click="cancel(1)">确认</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup name="register">
|
|
import {nameCorrect} from'@/util/fileUpload';
|
|
import { showSuccessToast } from 'vant';
|
|
import 'vant/es/toast/style';
|
|
import {
|
|
getByUserIdAndZero,
|
|
addEnterpriseLawEnforcement,
|
|
editEnterpriseLawEnforcement,
|
|
editEnterpriseLawEnforcementDeputyOrder,
|
|
getByIdToDataFillIn,
|
|
cancelEnterpriseLawEnforcement
|
|
} from '@/api/enforce/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 UserPopup from './userFilter.vue';
|
|
import DeptPopup from './deptFilter.vue';
|
|
const router = useRouter();
|
|
//路由参数
|
|
const route = useRoute();
|
|
const { useCommon } = $globalStore;
|
|
|
|
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: '',
|
|
mainDeputyOrder: 1,
|
|
lawCerFlag: 0,
|
|
lawCer:[],
|
|
showIsCancel: ref(false)
|
|
});
|
|
//保存参数
|
|
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:"",
|
|
deptTexts: "",
|
|
deptObjs: [],
|
|
userObjs: [],
|
|
isUnite: 0,
|
|
isSubmit: 0,
|
|
uniteCheck:"",
|
|
/**局级部门 */
|
|
bureauDeptId:"",
|
|
bureauDeptName:"",
|
|
/** 是否已登记 */
|
|
isReg:1,
|
|
/** 状态 0:正常;1:取消 */
|
|
status:1,
|
|
checkTimeOrderText:"",
|
|
checkHourStart:"",
|
|
checkHourEnd:""
|
|
})
|
|
|
|
const onConfirm = (time) => {
|
|
if(time != null) {
|
|
var times = time.selectedValues;
|
|
submitData.checkTime = times[0] +"-"+ times[1] +"-"+ times[2];
|
|
}
|
|
data.showTimePicker = false;
|
|
};
|
|
|
|
const validator = (val) => /^1[34578]\d{9}$/.test(val);
|
|
|
|
const onFailed = (errorInfo) => {
|
|
console.log('failed', errorInfo);
|
|
};
|
|
|
|
|
|
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 });
|
|
}
|
|
}
|
|
|
|
const cancel = (val) => {
|
|
if(val == 0){
|
|
data.showIsCancel = false;
|
|
return;
|
|
}else{
|
|
cancelEnterpriseLawEnforcement(route?.query?.id,success =>{
|
|
router.go(-1);
|
|
});
|
|
}
|
|
};
|
|
|
|
/* 执法要求 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 selectDepts = () => {
|
|
if (data.mainDeputyOrder == 1) {
|
|
data.deptChecked=true;
|
|
}
|
|
}
|
|
|
|
const dataFillIn = (id) => {
|
|
getByIdToDataFillIn(id,success =>{
|
|
console.log("getByIdToDataFillIn : ", success);
|
|
//跳转企业二维码地址
|
|
if(success.success){
|
|
data.mainDeputyOrder = success.data.mainDeputyOrder;
|
|
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'] + " " +success.data['lawEnforcerText'];
|
|
submitData.lawEnforcerTextTwo =success.data['lawEnforcerTwo'];
|
|
submitData.isSubmit =success.data['isSubmit'];
|
|
submitData.isUnite = success.data['isUnite'];
|
|
submitData.isReg = success.data['isReg'];
|
|
submitData.status = success.data['status'];
|
|
submitData.linkMan=nameCorrect(submitData['linkMan']);
|
|
// 是否联合执法
|
|
if (success.data.userObjs.length > 1) {
|
|
data.checked = true;
|
|
}
|
|
// 执法人员
|
|
submitData.userObjs = [];
|
|
console.log("success.data.userObjs : ", success.data.userObjs);
|
|
for (var i=0; i<success.data.userObjs.length; i++) {
|
|
var userInfo_tmp = success.data.userObjs[i]
|
|
submitData.userObjs.push({ strUserId: userInfo_tmp.strUserId, userName: userInfo_tmp.userName, deptId: userInfo_tmp.deptId, deptName: userInfo_tmp.deptName });
|
|
let tmplawno = null == userInfo_tmp.lawCertificateNum?'':userInfo_tmp.lawCertificateNum;
|
|
data.lawCer.push({ id: userInfo_tmp.strUserId, text: userInfo_tmp.userName, num: userInfo_tmp.lawCertificateNum, show: userInfo_tmp.userName +" "+ tmplawno });
|
|
}
|
|
submitData.checkTime = submitData.checkTime +" "+submitData.checkHourStart+"~"+submitData.checkHourEnd
|
|
// 执法人员
|
|
submitData.lawEnforcerTwoId = success.data['lawEnforcerTwoId'];
|
|
submitData.lawEnforcerTwo = success.data['lawEnforcerTwo'];
|
|
var lawEnforcer2ShowStr = success.data['lawEnforcer2Show'];
|
|
if ((null != submitData.lawEnforcerTwoId && submitData.lawEnforcerTwoId.length > 0)
|
|
&& (null != submitData.lawEnforcerTwo && submitData.lawEnforcerTwo.length > 0)) {
|
|
var tmpEnforceId = submitData.lawEnforcerTwoId.split(',');
|
|
var tmpEnforceText = submitData.lawEnforcerTwo.split(',');
|
|
var lawEnforcer2Show = lawEnforcer2ShowStr.split(',');
|
|
data.lawCer = [];
|
|
for (var i = 0; i < tmpEnforceId.length; i++) {
|
|
data.lawCer.push({text: tmpEnforceText[i], id: tmpEnforceId[i], show: nameCorrect(lawEnforcer2Show[i])});
|
|
}
|
|
}
|
|
}
|
|
},error=>{
|
|
console.log("保存失败")
|
|
})
|
|
}
|
|
|
|
const tmpSave = () => {
|
|
showSuccessToast('临时保存');
|
|
submitData.isUnite = 0;
|
|
if (data.checked) {
|
|
submitData.isUnite = 1;
|
|
} else {
|
|
submitData.deptTexts = "";
|
|
submitData.deptObjs = [];
|
|
}
|
|
// 执法人员
|
|
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 =>{
|
|
//跳转企业二维码地址
|
|
if(success.success){
|
|
showSuccessToast('保存成功');
|
|
router.push(
|
|
{
|
|
path: "/appointmentList"
|
|
});
|
|
}
|
|
},error=>{
|
|
console.log("保存失败")
|
|
})
|
|
}
|
|
|
|
const submit112 = () =>{
|
|
showSuccessToast('登记成功');
|
|
submitData.isUnite = 0;
|
|
if (data.checked) {
|
|
submitData.isUnite = 1;
|
|
} else {
|
|
submitData.deptTexts = "";
|
|
submitData.deptObjs = [];
|
|
}
|
|
// 执法人员
|
|
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);
|
|
if(data.mainDeputyOrder == 0) {
|
|
editEnterpriseLawEnforcementDeputyOrder(submitData,success =>{
|
|
//跳转企业二维码地址
|
|
if(success.success){
|
|
showSuccessToast('登记成功');
|
|
router.push(
|
|
{
|
|
path: "/appointmentList"
|
|
});
|
|
}
|
|
},error=>{
|
|
console.log("登记失败")
|
|
})
|
|
} else {
|
|
editEnterpriseLawEnforcement(submitData,success =>{
|
|
//跳转企业二维码地址
|
|
if(success.success){
|
|
showSuccessToast('登记成功');
|
|
router.push(
|
|
{
|
|
path: "/appointmentList"
|
|
});
|
|
}
|
|
},error=>{
|
|
console.log("登记失败")
|
|
})
|
|
}
|
|
}
|
|
|
|
const addLawCer = () =>{
|
|
data.lawCer.push({ text:"", id:"", show:"", num:"" });
|
|
}
|
|
|
|
const getLinkageByValueAndParentId = (value, parentId) => {
|
|
// 查询执法要求字典信息
|
|
queryLinkageDictByValueAndParentId({"value":value, "parentId": parentId}, success => {
|
|
getLinkageByParentIdToItem(success.id)
|
|
},error=>{});
|
|
}
|
|
|
|
const getLinkageByParentIdToItem = (parentId) => {
|
|
// 查询执法要求字典信息
|
|
queryLinkage({"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(() =>{
|
|
nameCorrect();
|
|
// 数据填充
|
|
dataFillIn(route?.query?.id);
|
|
|
|
|
|
|
|
// 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;
|
|
}
|
|
</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;
|
|
}
|
|
|
|
/deep/ .van-cell-group {
|
|
padding: 0.27rem 0 1rem;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.divdsty {
|
|
margin: auto;
|
|
width: 100%;
|
|
height: 0.25rem;
|
|
background-color: #f4f4f4;
|
|
border: 0;
|
|
}
|
|
|
|
.addbtn {
|
|
margin: 3%;
|
|
padding: 0 0.35rem;
|
|
width: 94%;
|
|
font-size: 0.35rem;
|
|
color: #1367fe;
|
|
line-height: 1.5;
|
|
text-align: right;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.addbtn i {
|
|
margin-right: -0.1rem;
|
|
font-size: 0.4rem;
|
|
}
|
|
|
|
.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;
|
|
background-color: #f3f4f5;
|
|
//border-bottom: 1px solid #f4f5f6;
|
|
}
|
|
|
|
/*.add-inspect p:nth-child(1) {
|
|
background-color: #fff;
|
|
}*/
|
|
|
|
.add-inspect span {
|
|
display: block;
|
|
margin-right: 0.2rem;
|
|
color: #666;
|
|
line-height: 1.75;
|
|
}
|
|
|
|
.add-inspect span.add-dept {
|
|
color: #999;
|
|
font-size: 0.3rem;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.add-inspect label {
|
|
margin-left: -0.1rem;
|
|
}
|
|
|
|
/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;
|
|
}
|
|
|
|
.fold-div {
|
|
position: relative;
|
|
display: flex;
|
|
padding: 0 0.43rem 0.13rem;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
color: rgb(50, 50, 51);
|
|
font-size: 0.37rem;
|
|
}
|
|
|
|
.fold-div::after {
|
|
position: absolute;
|
|
left: 0.43rem;
|
|
bottom: 0;
|
|
width: calc(100% - 0.86rem);
|
|
border-bottom: 1px solid #ebedf0;
|
|
content: "";
|
|
transform: scaleY(.5);
|
|
}
|
|
|
|
.fold-div label {
|
|
width: 2.6rem;
|
|
padding: 0.27rem 0px 0.27rem 0;
|
|
}
|
|
|
|
.fold-div .van-text-ellipsis {
|
|
padding: 0.27rem 0;
|
|
width: calc(100% - 2.6rem);
|
|
color: #666;
|
|
}
|
|
|
|
.one-label {
|
|
position: relative;
|
|
}
|
|
|
|
.one-label::after {
|
|
position: absolute;
|
|
left: 0.43rem;
|
|
bottom: 0;
|
|
width: calc(100% - 0.86rem);
|
|
border-bottom: 1px solid #ebedf0;
|
|
content: "";
|
|
transform: scaleY(.5);
|
|
}
|
|
|
|
.one-label .van-cell:first-child {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.one-label .no-label {
|
|
margin-top: -1px;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.one-label .no-label:last-child {
|
|
padding-bottom: 0.27rem;
|
|
}
|
|
|
|
.van-overlay {
|
|
z-index: 999;
|
|
}
|
|
|
|
.popcont {
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
padding: 5% 3% 0;
|
|
width: 70%;
|
|
height: 4rem;
|
|
background: linear-gradient(to bottom, #d6e7f9, #fff);
|
|
border-radius: 0.35rem;
|
|
}
|
|
|
|
.poptip {
|
|
margin: 0.3rem;
|
|
min-height: 1.25rem;
|
|
font-size: 0.4rem;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
//border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.popup-btn {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin: 2% auto 0;
|
|
width: 90%;
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.popup-btn a {
|
|
width: 45%;
|
|
color: #333;
|
|
font-size: 0.37rem;
|
|
line-height: 2.5;
|
|
text-align: center;
|
|
border: 1px solid #ddd;
|
|
border-radius: 1rem;
|
|
}
|
|
|
|
.popup-btn a:last-child {
|
|
background-color: #1367fe;
|
|
color: #fff;
|
|
border-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::after {
|
|
position: absolute;
|
|
left: 0.43rem;
|
|
bottom: 0;
|
|
width: calc(100% - 0.86rem);
|
|
border-bottom: 1px solid #ebedf0;
|
|
content: "";
|
|
transform: scaleY(.5);
|
|
}
|
|
|
|
.flex-div .van-cell::after {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.flex-div .van-field {
|
|
float: right;
|
|
padding-right: 0;
|
|
width: 38%;
|
|
}
|
|
|
|
.flex-div .van-field:first-child {
|
|
float: left;
|
|
padding-left: 0.2rem;
|
|
width: 62%;
|
|
}
|
|
|
|
.joint-tag {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 100;
|
|
display: block;
|
|
width: 3rem;
|
|
height: 2rem;
|
|
color: #fff;
|
|
}
|
|
|
|
.joint-tag label {
|
|
position: absolute;
|
|
top: 22%;
|
|
right: 20%;
|
|
z-index: 1;
|
|
font-size: 0.5rem;
|
|
}
|
|
|
|
.joint-tag::before, .joint-tag::after {
|
|
position: absolute;
|
|
z-index: 0;
|
|
top: -0.25rem;
|
|
right: -0.1rem;
|
|
width: 3rem;
|
|
height: 1rem;
|
|
background: #2d94fa;
|
|
content: "";
|
|
transform: rotate(45deg) scale(0.65);
|
|
}
|
|
|
|
.joint-tag::after {
|
|
top: 1rem;
|
|
bottom: 0;
|
|
right: -1.34rem;
|
|
z-index: 0;
|
|
transform: rotate(-135deg) scale(0.65);
|
|
}
|
|
</style>
|
|
|