Browse Source

历史登记, 详情伸缩; 模板下载换个方式试试.

v3
蟑螂恶霸 2 years ago
parent
commit
2c1c4e21a8
  1. 3
      src/views/enforce/enforcementPlanAdd.vue
  2. 506
      src/views/enterprise/registrationDetail.vue

3
src/views/enforce/enforcementPlanAdd.vue

@ -385,7 +385,8 @@
// var url = 'http://127.0.0.1:85/profile//EnforcementInspectionPlanTemplate.xlsx';
var url = 'http://jdm.szssfj.cn/jdmApi/profile//EnforcementInspectionPlanTemplate.xlsx';
// var url = 'http://10.132.108.3:85/profile//EnforcementInspectionPlanTemplate.xlsx';
window.location.href = url;
// window.location.href = url;
window.open(url);
// console.log(url);
// szyptGetToken(param, success => {
// let resMsg = success.data;

506
src/views/enterprise/registrationDetail.vue

@ -5,149 +5,97 @@
<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-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 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-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
/>
<van-swipe-cell class="swipe_cell" v-if="index<data.arrayLength">
<div class="card_box">
<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="原&nbsp; &nbsp; &nbsp; &nbsp;因" 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>附&nbsp; &nbsp; &nbsp; &nbsp;件</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="item.imageList"
@change="onChange" ref="imagePre">
<template v-slot:index>第{{ index + 1 }}页</template>
</van-image-preview>
</div>
</div>
</van-cell-group>
<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>
<van-divider class="divdsty"/>
</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 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 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="原&nbsp; &nbsp; &nbsp; &nbsp;因"
readonly
/>
</view>
<van-field v-if="item.checkCategoryText != null"
v-model="item.enforcementTime"
label="检查时间"
<van-field
label="意见|建议"
readonly
/>
<van-field v-if="item.checkCategoryText == null"
v-model="item.enforcementTime"
label="预约时间"
<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>附&nbsp; &nbsp; &nbsp; &nbsp;件</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="item.imageList" @change="onChange"
ref="imagePre">
<template v-slot:index>第{{ index + 1 }}页</template>
</van-image-preview>
</div>
</div>
</van-cell-group>
<van-divider class="divdsty"/>
</div>
<div v-if="submitData.isEvaluate == 1">
<van-divider class="divdsty"/>
<van-cell-group>
<div class="qy-name">评价</div>
<!-- <span class="eval-star">
<van-icon class="active" name="star"
v-for="n in submitData.inspectionEfficiency"/>
<van-icon name="star"
v-for="n in (3 - submitData.inspectionEfficiency)"/>
</span>
<span class="eval-star-font" v-if="submitData.inspectionEfficiency == 1">不满意</span>
<span class="eval-star-font" v-if="submitData.inspectionEfficiency == 2">较满意</span>
<span class="eval-star-font" v-if="submitData.inspectionEfficiency == 3">满意</span>-->
<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
/>
</van-cell-group>
</div>
</van-form>
</div>
</div>
@ -190,6 +138,7 @@
evaluateImageList: [],
regList: [],
lawList: [],
arrayLength: 1,
});
//保存参数
const submitData = reactive({
@ -452,164 +401,185 @@
})
}
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']);
convertLaw(success.data['lawResults']);
//评价信息
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)
}
console.log("=====> submitData.regList : ", data.regList)
console.log("=====> submitData.regList[0].enterpriseName : ", data.regList[0].enterpriseName)
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) => {
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;
// 执法依据
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])
});
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;
// 执法依据
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.lawCer = lawCer;
// 附件
getAttr(obj.id, success => {
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] = success.data.filePreview.fileList[key];
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.images = images;
data.regList.push(obj);
}
}, error => {});
}
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] = success.data.filePreview.fileList[key];
}
obj.images = images;
data.regList.push(obj);
}
if (proFlag == regs.length) {
res();
}
}, error => {
});
}
});
}
const convertLaw = (laws) => {
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]});
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.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.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;
data.regList.push(obj);
}
obj.lawCer = lawCer;
data.regList.push(obj);
}
res();
});
}
// 返回
@ -1049,7 +1019,7 @@
}
.van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after {
border: 0;
border: 0;
}
</style>

Loading…
Cancel
Save