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.
1053 lines
38 KiB
1053 lines
38 KiB
<template>
|
|
<div class="address_edit">
|
|
<div class="warp_body">
|
|
<van-form @failed="onFailed" @submit="submit">
|
|
|
|
<van-cell-group v-if="data.regList[0]">
|
|
<div class="qy-name">企业信息</div>
|
|
<van-field v-model="data.regList[0].enterpriseName" label="企业名称" readonly/>
|
|
<van-field class="mult-line" v-model="data.regList[0].enterpriseNumber" label="统一社会信用代码" readonly/>
|
|
</van-cell-group>
|
|
|
|
<van-divider class="divdsty"/>
|
|
|
|
<div class="zf-name">执法信息<span class="joint-mark" v-if="data.regList.length>1">联</span></div>
|
|
<div v-for="(item, index) in data.regList" :key="index">
|
|
|
|
<!-- <van-swipe-cell class="swipe_cell"> -->
|
|
<div class="card_box" v-if="index<data.arrayLength">
|
|
<van-cell-group>
|
|
<van-field v-model="item.bureauDeptName" label="执法部门" readonly/>
|
|
<div class="one-label">
|
|
<van-field v-model="item.lawEnforcer" label="执法人员" readonly/>
|
|
<van-field class="no-label" v-for="(ite, index) in item.lawCer" :key="index"
|
|
v-model="ite.show" label=" " readonly/>
|
|
</div>
|
|
<van-field v-if="item.checkCategoryText" v-model="item.checkCategoryText" label="检查类别"
|
|
readonly/>
|
|
|
|
<div class="fold-div" v-if="item.lawEnforcementItemText">
|
|
<label>检查事项</label>
|
|
<van-text-ellipsis :content="item.lawEnforcementItemText" rows="2" autosize
|
|
expand-text="展开" collapse-text="收起"/>
|
|
</div>
|
|
<van-field v-for="(ite, index) in item.lawList" :key="index" v-model="ite.text"
|
|
label="检查依据" readonly type="textarea" rows="1" autosize/>
|
|
<view v-if="null != item.enforce">
|
|
<van-field v-model="item.enforce" label="原 因" readonly/>
|
|
</view>
|
|
<van-field v-if="item.checkCategoryText != null" v-model="item.enforcementTime"
|
|
label="检查时间" readonly/>
|
|
<van-field v-if="item.checkCategoryText == null" v-model="item.enforcementTime"
|
|
label="预告时间" readonly/>
|
|
|
|
<div class="file-upload">
|
|
<div class="file-upload-center"><label>附 件</label></div>
|
|
<div class="zoom">
|
|
<img v-for="(ite, index) in item.images" class="img" :src="ite" alt="预览图片"
|
|
@click="imagePreview(index)" :key="index"/>
|
|
<van-image-preview v-model:show="data.show" :images="data.imageList"
|
|
@change="onChange" ref="imagePre">
|
|
<template v-slot:index>第{{ indexImg + 1 }}页</template>
|
|
</van-image-preview>
|
|
</div>
|
|
</div>
|
|
</van-cell-group>
|
|
<van-divider class="divdsty"/>
|
|
<div class="look_all" v-if="item.downShow && data.regList.length>1" @click="showArrays(item)" :class="{ new_up: !item.show }">
|
|
<van-icon v-if="item.downShow" name="arrow-down" />
|
|
</div>
|
|
<div class="look_all" v-if="item.upShow && data.regList.length>1" @click="showArrays(item)" :class="{ new_up: !item.show }">
|
|
<van-icon v-if="item.upShow" name="arrow-up" />
|
|
</div>
|
|
</div>
|
|
<!-- </van-swipe-cell> -->
|
|
</div>
|
|
|
|
|
|
<div v-if="submitData.isEvaluate == 1">
|
|
<van-divider class="divdsty"/>
|
|
<van-cell-group>
|
|
<div class="qy-name">评价</div>
|
|
<div class="eval-list">
|
|
<div id="evalBad" :class="1==submitData.serviceExperience?'active':''">
|
|
<span @click="checkServiceMetrics(1)"></span><label>不满意</label>
|
|
</div>
|
|
<div id="evalGood" :class="2==submitData.serviceExperience?'active':''">
|
|
<span @click="checkServiceMetrics(2)"></span><label>较满意</label>
|
|
</div>
|
|
<div id="evalVeryGood" :class="3==submitData.serviceExperience?'active':''">
|
|
<span @click="checkServiceMetrics(3)"></span><label>满意</label>
|
|
</div>
|
|
</div>
|
|
<van-field
|
|
label="意见|建议"
|
|
readonly
|
|
/>
|
|
<van-field class="complaint-cont"
|
|
v-model="submitData.evaluateDescription"
|
|
rows="5"
|
|
autosize
|
|
readonly
|
|
type="textarea"
|
|
show-word-limit
|
|
/>
|
|
|
|
<div class="file-upload">
|
|
<div class="file-upload-center"><label>附 件</label></div>
|
|
<div class="zoom">
|
|
<img v-for="(ite, index) in data.evaluateImageList" class="img" :src="ite" alt="预览图片"
|
|
@click="imagePreview2(index)" :key="index"/>
|
|
<van-image-preview v-model:show="data.show2" :images="data.evaluateImageList" @change="onChange2" ref="imagePre2">
|
|
<template v-slot:index>第{{ indexImg2 + 1 }}页</template>
|
|
</van-image-preview>
|
|
</div>
|
|
</div>
|
|
</van-cell-group>
|
|
</div>
|
|
</van-form>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup name="register">
|
|
|
|
import {showSuccessToast, showImagePreview} from 'vant';
|
|
import {queryEnforcementRegistrationById, queryEnforcementRegistrationUniteById, getAttr} from '@/api/enforce'
|
|
import {reactive, ref, nextTick} from "vue";
|
|
import {uploadFile} from "@/util/fileUpload";
|
|
import {getDict} from "@/api/Home";
|
|
import {queryLinkageById} from "@/api/linkage";
|
|
import {nameCorrect} from '@/util/fileUpload'
|
|
import {selectRegistrationList} from '@/api/enterprise'
|
|
import {formattedTimeYYYYmmdd} from '@/util/util';
|
|
import {baseUrl} from "@/config/env";
|
|
//用户筛选弹窗
|
|
// import Popup from './userFilter.vue';
|
|
|
|
const {useMy} = $globalStore
|
|
|
|
const router = useRouter();
|
|
//路由参数
|
|
const route = useRoute();
|
|
const data = reactive({
|
|
showLawEnforcerFlag: false,
|
|
currentPage: 1,
|
|
good: "#7FFFD4",
|
|
bad: "#D3D3D3",
|
|
popupVisible: false,
|
|
popupContent: '',
|
|
popupVisible2: false,
|
|
popupContent2: '',
|
|
imgstr: "",
|
|
lawList: [{text: "", id: ""}],
|
|
lawCer: [{text: "", id: ""}],
|
|
imageList: [],
|
|
show: ref(false),
|
|
show2: ref(false),
|
|
dataList: [],
|
|
evaluateImageList: [],
|
|
regList: [],
|
|
lawList: [],
|
|
arrayLength: 1,
|
|
|
|
});
|
|
//保存参数
|
|
const submitData = reactive({
|
|
//执法部门
|
|
lawEnforcement: "",
|
|
lawEnforcementId: "",
|
|
//执法人员1
|
|
lawEnforcer: "",
|
|
lawEnforcerId: "",
|
|
//执法人员2
|
|
lawEnforcerTwo: "",
|
|
lawEnforcerIdTwo: "",
|
|
//辅助人员
|
|
subsidiaryer: "",
|
|
subsidiaryerId: "",
|
|
//执法事项
|
|
lawEnforcementItem: "",
|
|
enforce: "",
|
|
//执法依据
|
|
lawEnforcementBasis: "",
|
|
// 检查时间
|
|
enforcementTime: "",
|
|
//执法结果
|
|
reslut: 0,
|
|
//备注
|
|
remark: "",
|
|
//企业名称
|
|
enterpriseName: "",
|
|
//统一信用码
|
|
enterpriseNumber: "",
|
|
//后台保存图片列表
|
|
fileList: [],
|
|
//vant组件上传照片列表
|
|
fileListObj: [],
|
|
/**局级部门 */
|
|
bureauDeptName: "",
|
|
bureauDeptId: "",
|
|
evaluateDescription: "",
|
|
linkman: "",
|
|
linkmanTel: "",
|
|
isEvaluate: 0,
|
|
authorization: 0,
|
|
lawFieldText: "",
|
|
checkCategoryText: "",
|
|
uniteCheck: "",
|
|
inspectionEfficiency: 0,
|
|
serviceExperience: 0,
|
|
})
|
|
|
|
const tapGood = () => {
|
|
data.good = "#7FFFD4";
|
|
data.bad = "#D3D3D3";
|
|
submitData.reslut = 0;
|
|
}
|
|
const tapBad = () => {
|
|
data.good = "#D3D3D3";
|
|
data.bad = "#7FFFD4";
|
|
submitData.reslut = 1;
|
|
}
|
|
const indexImg = ref(0);
|
|
const indexImg2 = ref(0);
|
|
const imagePreview = (newIndex) => {
|
|
var imgstrArr = data.imgstr.split(",");
|
|
|
|
nextTick(() => {
|
|
// console.log(this.$refs.testRef)
|
|
// this.$refs.imagePre.change(newIndex)
|
|
// const imagePre = ref("imagePre");
|
|
// imagePre.change(newIndex);
|
|
});
|
|
data.show = ref(true);
|
|
|
|
}
|
|
const imagePreview2 = (newIndex) => {
|
|
var imgstrArr = data.imgstr.split(",");
|
|
|
|
nextTick(() => {
|
|
// console.log(this.$refs.testRef)
|
|
// this.$refs.imagePre.change(newIndex)
|
|
// const imagePre = ref("imagePre");
|
|
// imagePre.change(newIndex);
|
|
});
|
|
data.show2 = ref(true);
|
|
|
|
}
|
|
|
|
const setLinkageItem = (id) => {
|
|
queryLinkageById({"id": id}, success => {
|
|
submitData.lawEnforcementItem = success.title
|
|
}, error => {
|
|
});
|
|
}
|
|
const setLinkageGA = (id) => {
|
|
queryLinkageById({"id": id}, success => {
|
|
submitData.lawEnforcementBasis = success.title
|
|
}, error => {
|
|
});
|
|
}
|
|
|
|
const setAttr = () => {
|
|
// 查询检查要求字典信息
|
|
getAttr(route?.query?.id, success => {
|
|
if (success.data.filePreview != null) {
|
|
if (success.data.filePreview.fileList != null) {
|
|
for (var i = 0; i < success.data.filePreview.fileList.length; i++) {
|
|
data.imgstr += success.data.filePreview.fileList[i] + ",";
|
|
}
|
|
data.imgstr = data.imgstr.substring(0, data.imgstr.length - 1);
|
|
}
|
|
data.imageList = success.data.filePreview.fileList;
|
|
success.data.filePreview.fileList;
|
|
for (const key in success.data.filePreview.fileList) {
|
|
console.log(success.data.filePreview.fileList[key]);
|
|
data.imageList[key] = success.data.filePreview.fileList[key];
|
|
}
|
|
|
|
}
|
|
}, error => {
|
|
});
|
|
}
|
|
const setEvaluateFile = (id) => {
|
|
// 查询检查要求字典信息
|
|
getAttr(id, success => {
|
|
if (success.data.filePreview != null) {
|
|
if (success.data.filePreview.fileList != null) {
|
|
for (var i = 0; i < success.data.filePreview.fileList.length; i++) {
|
|
data.imgstr += success.data.filePreview.fileList[i] + ",";
|
|
}
|
|
data.imgstr = data.imgstr.substring(0, data.imgstr.length - 1);
|
|
}
|
|
data.evaluateImageList = success.data.filePreview.fileList;
|
|
success.data.filePreview.fileList;
|
|
for (const key in success.data.filePreview.fileList) {
|
|
console.log(success.data.filePreview.fileList[key]);
|
|
data.evaluateImageList[key] = baseUrl + success.data.filePreview.fileList[key];
|
|
}
|
|
}
|
|
}, error => {
|
|
});
|
|
}
|
|
|
|
const onChange = (newIndex) => {
|
|
indexImg.value = newIndex;
|
|
};
|
|
const onChange2 = (newIndex) => {
|
|
indexImg2.value = newIndex;
|
|
};
|
|
//3a0096181c184e5aa56f70923680856d$6e74ceda1463c165fd43eeeadce4f7cd
|
|
//初始化参数，获取扫码的企业统一信用编码
|
|
onMounted(() => {
|
|
|
|
// nameCorrect();
|
|
//查询执法登记信息
|
|
// queryRegById();
|
|
// queryEnforcementRegistrationById();
|
|
queryRegUniteById();
|
|
|
|
// setAttr();
|
|
})
|
|
|
|
const queryRegById = () => {
|
|
queryEnforcementRegistrationById(route?.query?.id, success => {
|
|
submitData.enterpriseName = success.data.enterpriseName;
|
|
submitData.enterpriseNumber = success.data.enterpriseNumber;
|
|
// submitData.lawEnforcement = success.data.lawEnforcement;
|
|
//执法部门
|
|
submitData.lawEnforcement = success.data.bureauDeptName;
|
|
submitData.lawEnforcerTwo = success.data.lawEnforcerTwo;
|
|
submitData.subsidiaryer = success.data.subsidiaryer;
|
|
submitData.lawEnforcementId = success.data.lawEnforcementId;
|
|
submitData.lawEnforcementItem = success.data.lawEnforcementItem;
|
|
submitData.lawEnforcementItemText = success.data.lawEnforcementItemText;
|
|
// submitData.lawEnforcementBasis = success.data.lawEnforcementBasis;
|
|
// submitData.lawEnforcementBasisText = success.data.lawEnforcementBasisText;
|
|
// submitData.lawEnforcerIdTwo = success.data.lawEnforcerIdTwo;
|
|
submitData.lawEnforcer = nameCorrect(success.data.lawEnforcer);
|
|
submitData.remark = success.data.remark;
|
|
submitData.enforce = success.data.enforceReason;
|
|
// 执法领域
|
|
submitData.lawFieldText = success.data.lawFieldText;
|
|
// 执法类别
|
|
submitData.checkCategoryText = success.data.checkCategoryText;
|
|
// 检查时间
|
|
submitData.enforcementTime = formattedTimeYYYYmmdd(success.data.enforcementTime);
|
|
//评价信息
|
|
submitData.isEvaluate = success.data.isEvaluate;
|
|
if (null != success.data.enterpriseEvaluate && "" != success.data.enterpriseEvaluate) {
|
|
submitData.evaluateDescription = success.data.enterpriseEvaluate.evaluateDescription;
|
|
submitData.linkman = success.data.enterpriseEvaluate.linkman;
|
|
submitData.linkmanTel = success.data.enterpriseEvaluate.linkmanTel;
|
|
submitData.authorization = success.data.enterpriseEvaluate.authorization;
|
|
// submitData.inspectionEfficiency = success.data.enterpriseEvaluate.inspectionEfficiency;
|
|
submitData.serviceExperience = success.data.enterpriseEvaluate.serviceExperience;
|
|
setEvaluateFile(success.data.enterpriseEvaluate.id)
|
|
}
|
|
|
|
if (success.data.reslut == 0) {
|
|
data.good = "#7FFFD4";
|
|
data.bad = "#D3D3D3";
|
|
} else {
|
|
data.good = "#D3D3D3";
|
|
data.bad = "#7FFFD4";
|
|
}
|
|
|
|
// 执法依据
|
|
submitData.lawEnforcementBasis = success.data.lawEnforcementBasis;
|
|
submitData.lawEnforcementBasisText = success.data.lawEnforcementBasisText;
|
|
if ((null != submitData.lawEnforcementBasis && submitData.lawEnforcementBasis.length > 0)
|
|
&& (null != submitData.lawEnforcementBasisText && submitData.lawEnforcementBasisText.length > 0)) {
|
|
var tmpBasis = submitData.lawEnforcementBasis.split(',');
|
|
var tmpBasisText = submitData.lawEnforcementBasisText.split(',');
|
|
data.lawList = [];
|
|
for (var i = 0; i < tmpBasis.length; i++) {
|
|
data.lawList.push({text: tmpBasisText[i], id: tmpBasis[i]});
|
|
}
|
|
}
|
|
|
|
// 执法人员
|
|
submitData.lawEnforcerIdTwo = success.data.lawEnforcerIdTwo;
|
|
submitData.lawEnforcerTwo = success.data.lawEnforcerTwo;
|
|
var lawEnforcer2ShowStr = success.data.lawEnforcer2Show;
|
|
if ((null != submitData.lawEnforcerIdTwo && submitData.lawEnforcerIdTwo.length > 0)
|
|
&& (null != submitData.lawEnforcerTwo && submitData.lawEnforcerTwo.length > 0)) {
|
|
var tmpEnforceId = submitData.lawEnforcerIdTwo.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])
|
|
});
|
|
}
|
|
}
|
|
submitData.uniteCheck = success.data.uniteCheck;
|
|
|
|
// setLinkageItem(submitData.lawEnforcementItem);
|
|
// setLinkageGA(submitData.lawEnforcementBasis);
|
|
|
|
if (success.data.uniteCheck != null && success.data.uniteCheck != '') {
|
|
selectRegistrationList({"uniteCheck": success.data.uniteCheck}, success => {
|
|
console.log(success.data);
|
|
for (let index = 0; index < success.data.length; index++) {
|
|
const element = success.data[index];
|
|
var arr = [];
|
|
// arr.push(nameCorrect(element.lawEnforcer));
|
|
// let tow = element.lawEnforcerTwo.split(",");
|
|
// for (const key in tow) {
|
|
// arr.push(nameCorrect(tow[key]));
|
|
// }
|
|
for (const key in element.lawEnforcer2List) {
|
|
arr.push(nameCorrect(element.lawEnforcer2List[key]));
|
|
}
|
|
var obj = {
|
|
"deptName": element.bureauDeptName,
|
|
"deptId": element.bureauDeptId,
|
|
"userList": arr
|
|
}
|
|
data.dataList.push(obj)
|
|
}
|
|
}, error => {
|
|
|
|
})
|
|
}
|
|
console.log(data.dataList)
|
|
|
|
}, error => {
|
|
|
|
})
|
|
}
|
|
|
|
const showArrays = (item) => {
|
|
if(item.downShow){
|
|
item.downShow = false;
|
|
data.arrayLength = data.regList.length;
|
|
}else{
|
|
data.regList[0].downShow = true;
|
|
data.arrayLength = 1;
|
|
}
|
|
}
|
|
|
|
const queryRegUniteById = () => {
|
|
queryEnforcementRegistrationUniteById(route?.query?.id, success => {
|
|
|
|
convertReg(success.data['regResults']).then(() => {
|
|
return convertLaw(success.data['lawResults']);
|
|
}).then(() => {
|
|
data.regList[0].downShow = true;
|
|
data.regList[data.regList.length-1].upShow = true;
|
|
|
|
//评价信息
|
|
submitData.isEvaluate = success.data['regResults'][0].isEvaluate;
|
|
if (null != success.data['regResults'][0].enterpriseEvaluate && "" != success.data['regResults'][0].enterpriseEvaluate) {
|
|
submitData.evaluateDescription = success.data['regResults'][0].enterpriseEvaluate.evaluateDescription;
|
|
submitData.linkman = success.data['regResults'][0].enterpriseEvaluate.linkman;
|
|
submitData.linkmanTel = success.data['regResults'][0].enterpriseEvaluate.linkmanTel;
|
|
submitData.authorization = success.data['regResults'][0].enterpriseEvaluate.authorization;
|
|
// submitData.inspectionEfficiency = success.data.enterpriseEvaluate.inspectionEfficiency;
|
|
submitData.serviceExperience = success.data['regResults'][0].enterpriseEvaluate.serviceExperience;
|
|
setEvaluateFile(success.data['regResults'][0].enterpriseEvaluate.id)
|
|
}
|
|
});
|
|
}, error => {
|
|
|
|
})
|
|
}
|
|
|
|
const convertReg = (regs) => {
|
|
return new Promise((res) => {
|
|
var proFlag = 0;
|
|
for (var k = 0; k < regs.length; k++) {
|
|
let dt = regs[k];
|
|
let obj = {};
|
|
obj.id = dt.id;
|
|
obj.enterpriseName = dt.enterpriseName;
|
|
obj.enterpriseNumber = dt.enterpriseNumber;
|
|
obj.bureauDeptName = dt.bureauDeptName;
|
|
obj.lawEnforcerTwo = dt.lawEnforcerTwo;
|
|
obj.subsidiaryer = dt.subsidiaryer;
|
|
obj.lawEnforcementId = dt.lawEnforcementId;
|
|
obj.lawEnforcementItem = dt.lawEnforcementItem;
|
|
obj.lawEnforcementItemText = dt.lawEnforcementItemText;
|
|
obj.lawEnforcer = nameCorrect(dt.lawEnforcer);
|
|
obj.remark = dt.remark;
|
|
obj.enforce = dt.enforceReason;
|
|
obj.lawFieldText = dt.lawFieldText;
|
|
obj.checkCategoryText = dt.checkCategoryText;
|
|
obj.enforcementTime = formattedTimeYYYYmmdd(dt.enforcementTime);
|
|
obj.lawEnforcementBasis = dt.lawEnforcementBasis;
|
|
obj.lawEnforcementBasisText = dt.lawEnforcementBasisText;
|
|
|
|
// console.log("-----> 评价 : ", dt.enterpriseEvaluate);
|
|
|
|
// 执法依据
|
|
let lawList = [];
|
|
if ((null != obj.lawEnforcementBasis && obj.lawEnforcementBasis.length > 0)
|
|
&& (null != obj.lawEnforcementBasisText && obj.lawEnforcementBasisText.length > 0)) {
|
|
var tmpBasis = obj.lawEnforcementBasis.split(',');
|
|
var tmpBasisText = obj.lawEnforcementBasisText.split(',');
|
|
lawList = [];
|
|
for (var i = 0; i < tmpBasis.length; i++) {
|
|
lawList.push({text: tmpBasisText[i], id: tmpBasis[i]});
|
|
}
|
|
}
|
|
obj.lawList = lawList;
|
|
|
|
// 执法人员
|
|
let lawCer = [];
|
|
obj.lawEnforcerIdTwo = dt.lawEnforcerIdTwo;
|
|
obj.lawEnforcerTwo = dt.lawEnforcerTwo;
|
|
var lawEnforcer2ShowStr = dt.lawEnforcer2Show;
|
|
if ((null != obj.lawEnforcerIdTwo && obj.lawEnforcerIdTwo.length > 0)
|
|
&& (null != obj.lawEnforcerTwo && obj.lawEnforcerTwo.length > 0)) {
|
|
var tmpEnforceId = obj.lawEnforcerIdTwo.split(',');
|
|
var tmpEnforceText = obj.lawEnforcerTwo.split(',');
|
|
var lawEnforcer2Show = lawEnforcer2ShowStr.split(',');
|
|
data.lawCer = [];
|
|
for (var i = 0; i < tmpEnforceId.length; i++) {
|
|
lawCer.push({
|
|
text: tmpEnforceText[i],
|
|
id: tmpEnforceId[i],
|
|
show: nameCorrect(lawEnforcer2Show[i])
|
|
});
|
|
}
|
|
}
|
|
obj.lawCer = lawCer;
|
|
|
|
// 附件
|
|
getAttr(obj.id, success => {
|
|
proFlag++;
|
|
if (success.data.filePreview != null) {
|
|
let images = [];
|
|
// if (success.data.filePreview.fileList != null) {
|
|
// for (var i = 0; i < success.data.filePreview.fileList.length; i++) {
|
|
// data.imgstr += success.data.filePreview.fileList[i] + ",";
|
|
// }
|
|
// data.imgstr = data.imgstr.substring(0, data.imgstr.length - 1);
|
|
// }
|
|
for (const key in success.data.filePreview.fileList) {
|
|
images[key] = baseUrl + success.data.filePreview.fileList[key];
|
|
data.imageList.push(baseUrl + success.data.filePreview.fileList[key])
|
|
}
|
|
obj.images = images;
|
|
data.regList.push(obj);
|
|
}
|
|
if (proFlag == regs.length) {
|
|
res();
|
|
}
|
|
console.log(data.imageList);
|
|
}, error => {
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
const convertLaw = (laws) => {
|
|
return new Promise((res) => {
|
|
for (var k = 0; k < laws.length; k++) {
|
|
let dt = laws[k];
|
|
let obj = {};
|
|
obj.enterpriseName = dt.enterpriseName;
|
|
obj.enterpriseNumber = dt.enterpriseNumber;
|
|
obj.bureauDeptName = dt.bureauDeptName;
|
|
obj.lawEnforcerTwo = dt.lawEnforcerTwo;
|
|
obj.subsidiaryer = dt.subsidiaryer;
|
|
obj.lawEnforcementId = dt.lawEnforcementId;
|
|
obj.lawEnforcementItem = dt.lawEnforcementItem;
|
|
obj.lawEnforcementItemText = dt.lawEnforcementItemText;
|
|
obj.lawEnforcer = nameCorrect(dt.lawEnforcer);
|
|
obj.remark = dt.remark;
|
|
obj.enforce = dt.enforceReason;
|
|
obj.lawFieldText = dt.lawFieldText;
|
|
obj.checkCategoryText = dt.checkCategoryText;
|
|
obj.enforcementTime = formattedTimeYYYYmmdd(dt.checkTime);
|
|
obj.lawEnforcementBasis = dt.lawEnforcementBasis;
|
|
obj.lawEnforcementBasisText = dt.lawEnforcementBasisText;
|
|
|
|
// 执法依据
|
|
let lawList = [];
|
|
if ((null != obj.lawEnforcementBasis && obj.lawEnforcementBasis.length > 0)
|
|
&& (null != obj.lawEnforcementBasisText && obj.lawEnforcementBasisText.length > 0)) {
|
|
var tmpBasis = obj.lawEnforcementBasis.split(',');
|
|
var tmpBasisText = obj.lawEnforcementBasisText.split(',');
|
|
data.lawList = [];
|
|
for (var i = 0; i < tmpBasis.length; i++) {
|
|
obj.lawList.push({text: tmpBasisText[i], id: tmpBasis[i]});
|
|
}
|
|
}
|
|
obj.lawList = lawList;
|
|
|
|
// 执法人员
|
|
let lawCer = [];
|
|
obj.lawEnforcerIdTwo = dt.lawEnforcerTwoId;
|
|
obj.lawEnforcerTwo = dt.lawEnforcerTwo;
|
|
var lawEnforcer2ShowStr = dt.lawEnforcer2Show;
|
|
if ((null != obj.lawEnforcerIdTwo && obj.lawEnforcerIdTwo.length > 0)
|
|
&& (null != obj.lawEnforcerTwo && obj.lawEnforcerTwo.length > 0)) {
|
|
var tmpEnforceId = obj.lawEnforcerIdTwo.split(',');
|
|
var tmpEnforceText = obj.lawEnforcerTwo.split(',');
|
|
var lawEnforcer2Show = lawEnforcer2ShowStr.split(',');
|
|
data.lawCer = [];
|
|
for (var i = 0; i < tmpEnforceId.length; i++) {
|
|
lawCer.push({
|
|
text: tmpEnforceText[i],
|
|
id: tmpEnforceId[i],
|
|
show: nameCorrect(lawEnforcer2Show[i])
|
|
});
|
|
}
|
|
}
|
|
obj.lawCer = lawCer;
|
|
data.regList.push(obj);
|
|
}
|
|
res();
|
|
});
|
|
}
|
|
|
|
// 返回
|
|
const goBack = () => {
|
|
router.go(-1);
|
|
};
|
|
|
|
|
|
const uploadFiles = (file) => {
|
|
uploadFile(file, (res) => {
|
|
console.log(res);
|
|
submitData.fileList.push(res.url)
|
|
console.log(submitData.fileList);
|
|
});
|
|
|
|
}
|
|
|
|
const deleteFile = (file, index) => {
|
|
console.log(index);
|
|
submitData.fileListObj.filter((item, indexs) => {
|
|
if (index.index == indexs) {
|
|
submitData.fileListObj.splice(indexs, 1);//splice 删除
|
|
}
|
|
});
|
|
submitData.fileList.filter((item, indexs) => {
|
|
if (index.index == indexs) {
|
|
submitData.fileList.splice(indexs, 1);//splice 删除
|
|
}
|
|
});
|
|
console.log(submitData.fileList);
|
|
return true;
|
|
}
|
|
|
|
const submit = () => {
|
|
addEnforcementRegistration(submitData, success => {
|
|
//跳转首页
|
|
if (success.success) {
|
|
showSuccessToast('登记成功');
|
|
router.push({path: "/home"});
|
|
}
|
|
}, error => {
|
|
console.log("登记失败")
|
|
})
|
|
}
|
|
|
|
const showPopup = () => {
|
|
data.popupVisible = true;
|
|
}
|
|
const showPopup2 = () => {
|
|
data.popupVisible2 = true;
|
|
}
|
|
const closePopup = () => {
|
|
data.popupVisible = false;
|
|
data.popupVisible2 = false;
|
|
}
|
|
const reciveData = (item) => {
|
|
submitData.lawEnforcerTwo = item.userName;
|
|
submitData.lawEnforcerIdTwo = item.userId;
|
|
}
|
|
const reciveData2 = (item) => {
|
|
submitData.subsidiaryer = item.userName;
|
|
submitData.subsidiaryerId = item.userId;
|
|
}
|
|
|
|
</script>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
is_show: false
|
|
}
|
|
},
|
|
computed: {
|
|
words() {
|
|
if (this.is_show === false)
|
|
return '展开'
|
|
else if (this.is_show === true)
|
|
return '收起'
|
|
else if (this.is_show === '')
|
|
return null
|
|
else
|
|
return null
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.address_edit {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background-color: #ebf3fb;
|
|
}
|
|
|
|
.warp_body {
|
|
margin: 3%;
|
|
padding-bottom: 3rem;
|
|
width: 94%;
|
|
height: 100%;
|
|
//border-radius: 0.25rem;
|
|
background-image: linear-gradient(to bottom, #ebf3fb, #fff);
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.qy-name {
|
|
margin: 0 0.27rem;
|
|
font-size: 0.42rem;
|
|
height: 1.2rem;
|
|
background-color: white;
|
|
font-weight: 600;
|
|
line-height: 3.5;
|
|
}
|
|
|
|
.zf-name {
|
|
padding: 0 0.27rem;
|
|
font-size: 0.42rem;
|
|
height: 1.2rem;
|
|
background-color: white;
|
|
font-weight: 600;
|
|
line-height: 3.5;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.divdsty {
|
|
margin: auto;
|
|
width: 100%;
|
|
height: 0.25rem;
|
|
background-color: #f4f4f4;
|
|
border: 0;
|
|
}
|
|
|
|
.file-upload {
|
|
position: relative;
|
|
min-height: 3.0rem;
|
|
max-height: 6.5rem;
|
|
padding: 1rem 0.27rem 0.27rem 0.43rem;
|
|
box-sizing: border-box;
|
|
border-top: 5px solid #f4f4f4;
|
|
}
|
|
|
|
.file-upload-center {
|
|
position: absolute;
|
|
top: 0.27rem;
|
|
left: 0.43rem;
|
|
width: 90%;
|
|
height: 0.65rem;
|
|
font-size: 0.37rem;
|
|
|
|
span {
|
|
font-size: 0.32rem;
|
|
color: rgb(221, 229, 227);
|
|
}
|
|
}
|
|
|
|
.file {
|
|
position: relative;
|
|
width: 100%;
|
|
height: calc(100% - 1.5rem);
|
|
}
|
|
|
|
/deep/ .van-uploader__upload, /deep/ .van-uploader__preview-image {
|
|
width: 1.95rem !important;
|
|
}
|
|
|
|
.preview-cover {
|
|
position: absolute;
|
|
bottom: 0;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 4px;
|
|
color: #fff;
|
|
font-size: 0.32rem;
|
|
text-align: center;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.zoom {
|
|
/*margin-top: 0.65rem;
|
|
padding-top: 0.27rem;
|
|
padding-left: 0.27rem;*/
|
|
|
|
img {
|
|
width: 1.95rem;
|
|
height: 2rem;
|
|
margin: 0 0.21rem 0.21rem 0;
|
|
font-size: 0.35rem;
|
|
}
|
|
}
|
|
|
|
/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;
|
|
}
|
|
|
|
/deep/ .mult-line .van-field__label {
|
|
padding-right: 0.5rem;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.complaint-cont {
|
|
margin: -1px 0.43rem 2%;
|
|
padding: 0 0 0.5rem;
|
|
width: calc(100% - 0.86rem);
|
|
border-radius: 0.15rem;
|
|
box-sizing: border-box;
|
|
line-height: 1.5;
|
|
font-size: 0.37rem;
|
|
}
|
|
|
|
/deep/ .complaint-cont textarea.van-field__control {
|
|
padding: 0.1rem 0.2rem;
|
|
background: #f5f6f7;
|
|
border-radius: 0.15rem;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.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 #f5f6f7;
|
|
content: "";
|
|
}
|
|
|
|
.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;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
|
|
.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 {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.one-label .no-label {
|
|
margin-top: -1px;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.joint-mark {
|
|
position: relative;
|
|
top: -0.05rem;
|
|
display: inline-block;
|
|
margin: 0 0.25rem;
|
|
width: 0.55rem;
|
|
height: 0.55rem;
|
|
background: #2d94fa;
|
|
border-radius: 50%;
|
|
color: #fff;
|
|
font-size: 0.35rem;
|
|
line-height: 1.65;
|
|
text-align: center;
|
|
}
|
|
|
|
/***折叠**/
|
|
|
|
.look_all {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 0.75rem;
|
|
font-size: 0.3rem;
|
|
color: #666;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
border-radius: 0.05rem;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.look_all i {
|
|
margin: 0 0.2rem;
|
|
padding: 0.1rem 0.3rem 0;
|
|
color: rgba(0, 0, 0, 0.35);
|
|
font-size: 0.4rem;
|
|
height: 0.5rem;
|
|
/*background: linear-gradient(to bottom, rgba(0, 0, 0, .1), transparent);*/
|
|
border-radius: 0.2rem 0.2rem 0 0;
|
|
}
|
|
|
|
.new_detail {
|
|
padding-top: 0.3rem;
|
|
height: 100%;
|
|
transition: height 2s linear;
|
|
}
|
|
|
|
.work_detail {
|
|
padding-top: 0.3rem;
|
|
height: 0.2rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.new_up {
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
/***/
|
|
|
|
/*.eval-star {
|
|
margin: 0 0.7rem 0 0.2rem;
|
|
}
|
|
|
|
.eval-star i {
|
|
margin: 0 0.3rem;
|
|
color: #ddd;
|
|
font-size: 0.5rem;
|
|
}
|
|
|
|
.eval-star i.active {
|
|
color: #fbb516;
|
|
}
|
|
.eval-star-font{
|
|
font-weight: bold;
|
|
font-size: 0.4rem;
|
|
}*/
|
|
|
|
.eval-list {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin: 3%;
|
|
}
|
|
|
|
.eval-list > div {
|
|
width: 30%;
|
|
text-align: center;
|
|
}
|
|
|
|
.eval-list > div > label {
|
|
margin: 0.2rem 0;
|
|
color: #999;
|
|
font-size: 0.35rem;
|
|
}
|
|
|
|
.eval-list > div.active > label {
|
|
color: #323233;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.eval-list > div > span {
|
|
display: block;
|
|
margin: 0.2rem auto 0.1rem;
|
|
width: 0.8rem;
|
|
height: 0.8rem;
|
|
}
|
|
|
|
.eval-list > div#evalBad > span {
|
|
background: url("../../assets/images/eval-bad-dis.png") no-repeat;
|
|
background-size: 100%;
|
|
opacity: .5;
|
|
}
|
|
|
|
.eval-list > div#evalGood > span {
|
|
background: url("../../assets/images/eval-good-dis.png") no-repeat;
|
|
background-size: 100%;
|
|
opacity: .5;
|
|
}
|
|
|
|
.eval-list > div#evalVeryGood > span {
|
|
background: url("../../assets/images/eval-verygood-dis.png") no-repeat;
|
|
background-size: 100%;
|
|
opacity: .5;
|
|
}
|
|
|
|
.eval-list > div#evalBad.active > span {
|
|
background: url("../../assets/images/eval-bad.png") no-repeat;
|
|
background-size: 100%;
|
|
opacity: 1;
|
|
}
|
|
|
|
.eval-list > div#evalGood.active > span {
|
|
background: url("../../assets/images/eval-good.png") no-repeat;
|
|
background-size: 100%;
|
|
opacity: 1;
|
|
}
|
|
|
|
.eval-list > div#evalVeryGood.active > span {
|
|
background: url("../../assets/images/eval-verygood.png") no-repeat;
|
|
background-size: 100%;
|
|
opacity: 1;
|
|
}
|
|
|
|
.van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after {
|
|
border: 0;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|