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://127.0.0.1:85/profile//EnforcementInspectionPlanTemplate.xlsx';
var url = 'http://jdm.szssfj.cn/jdmApi/profile//EnforcementInspectionPlanTemplate.xlsx'; var url = 'http://jdm.szssfj.cn/jdmApi/profile//EnforcementInspectionPlanTemplate.xlsx';
// var url = 'http://10.132.108.3:85/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); // console.log(url);
// szyptGetToken(param, success => { // szyptGetToken(param, success => {
// let resMsg = success.data; // let resMsg = success.data;

506
src/views/enterprise/registrationDetail.vue

@ -5,149 +5,97 @@
<van-cell-group v-if="data.regList[0]"> <van-cell-group v-if="data.regList[0]">
<div class="qy-name">企业信息</div> <div class="qy-name">企业信息</div>
<van-field <van-field v-model="data.regList[0].enterpriseName" label="企业名称" readonly/>
v-model="data.regList[0].enterpriseName" <van-field class="mult-line" v-model="data.regList[0].enterpriseNumber" label="统一社会信用代码" readonly/>
label="企业名称"
readonly
/>
<van-field class="mult-line"
v-model="data.regList[0].enterpriseNumber"
label="统一社会信用代码"
readonly
/>
</van-cell-group> </van-cell-group>
<van-divider class="divdsty"/> <van-divider class="divdsty"/>
<div class="zf-name">
执法信息 <div class="zf-name">执法信息<span class="joint-mark" v-if="data.regList.length>1">联</span></div>
<span class="joint-mark" v-if="data.regList.length>1">联</span>
</div>
<div v-for="(item, index) in data.regList" :key="index"> <div v-for="(item, index) in data.regList" :key="index">
<van-cell-group>
<van-field <van-swipe-cell class="swipe_cell" v-if="index<data.arrayLength">
v-model="item.bureauDeptName" <div class="card_box">
label="执法部门" <van-cell-group>
readonly <van-field v-model="item.bureauDeptName" label="执法部门" readonly/>
/> <div class="one-label">
<div class="one-label"> <van-field v-model="item.lawEnforcer" label="执法人员" readonly/>
<van-field <van-field class="no-label" v-for="(ite, index) in item.lawCer" :key="index"
v-model="item.lawEnforcer" v-model="ite.show" label=" " readonly/>
label="执法人员" </div>
readonly <van-field v-if="item.checkCategoryText" v-model="item.checkCategoryText" label="检查类别"
/> readonly/>
<van-field class="no-label"
v-for="(ite, index) in item.lawCer" :key="index" <div class="fold-div" v-if="item.lawEnforcementItemText">
v-model="ite.show" <label>检查事项</label>
label=" " <van-text-ellipsis :content="item.lawEnforcementItemText" rows="2" autosize
readonly 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> </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"> <div v-if="submitData.isEvaluate == 1">
<label>检查事项</label> <van-divider class="divdsty"/>
<van-text-ellipsis :content="item.lawEnforcementItemText" rows="2" autosize expand-text="展开" <van-cell-group>
collapse-text="收起"/> <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> </div>
<van-field v-for="(ite, index) in item.lawList" :key="index" <van-field
v-model="ite.text" label="意见|建议"
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 readonly
/> />
<van-field v-if="item.checkCategoryText == null" <van-field class="complaint-cont"
v-model="item.enforcementTime" v-model="submitData.evaluateDescription"
label="预约时间" rows="5"
autosize
readonly 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-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> </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> </van-form>
</div> </div>
</div> </div>
@ -190,6 +138,7 @@
evaluateImageList: [], evaluateImageList: [],
regList: [], regList: [],
lawList: [], lawList: [],
arrayLength: 1,
}); });
//保存参数 //保存参数
const submitData = reactive({ 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 = () => { const queryRegUniteById = () => {
queryEnforcementRegistrationUniteById(route?.query?.id, success => { queryEnforcementRegistrationUniteById(route?.query?.id, success => {
convertReg(success.data['regResults']); convertReg(success.data['regResults']).then(() => {
convertLaw(success.data['lawResults']); return convertLaw(success.data['lawResults']);
}).then(() => {
//评价信息 data.regList[0].downShow = true;
submitData.isEvaluate = success.data['regResults'][0].isEvaluate; data.regList[data.regList.length-1].upShow = true;
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.isEvaluate = success.data['regResults'][0].isEvaluate;
submitData.linkmanTel = success.data['regResults'][0].enterpriseEvaluate.linkmanTel; if (null != success.data['regResults'][0].enterpriseEvaluate && "" != success.data['regResults'][0].enterpriseEvaluate) {
submitData.authorization = success.data['regResults'][0].enterpriseEvaluate.authorization; submitData.evaluateDescription = success.data['regResults'][0].enterpriseEvaluate.evaluateDescription;
// submitData.inspectionEfficiency = success.data.enterpriseEvaluate.inspectionEfficiency; submitData.linkman = success.data['regResults'][0].enterpriseEvaluate.linkman;
submitData.serviceExperience = success.data['regResults'][0].enterpriseEvaluate.serviceExperience; submitData.linkmanTel = success.data['regResults'][0].enterpriseEvaluate.linkmanTel;
setEvaluateFile(success.data['regResults'][0].enterpriseEvaluate.id) submitData.authorization = success.data['regResults'][0].enterpriseEvaluate.authorization;
} // submitData.inspectionEfficiency = success.data.enterpriseEvaluate.inspectionEfficiency;
submitData.serviceExperience = success.data['regResults'][0].enterpriseEvaluate.serviceExperience;
console.log("=====> submitData.regList : ", data.regList) setEvaluateFile(success.data['regResults'][0].enterpriseEvaluate.id)
console.log("=====> submitData.regList[0].enterpriseName : ", data.regList[0].enterpriseName) }
});
}, error => { }, error => {
}) })
} }
const convertReg = (regs) => { const convertReg = (regs) => {
for (var k = 0; k < regs.length; k++) { return new Promise((res) => {
let dt = regs[k]; var proFlag = 0;
let obj = {}; for (var k = 0; k < regs.length; k++) {
obj.id = dt.id; let dt = regs[k];
obj.enterpriseName = dt.enterpriseName; let obj = {};
obj.enterpriseNumber = dt.enterpriseNumber; obj.id = dt.id;
obj.bureauDeptName = dt.bureauDeptName; obj.enterpriseName = dt.enterpriseName;
obj.lawEnforcerTwo = dt.lawEnforcerTwo; obj.enterpriseNumber = dt.enterpriseNumber;
obj.subsidiaryer = dt.subsidiaryer; obj.bureauDeptName = dt.bureauDeptName;
obj.lawEnforcementId = dt.lawEnforcementId; obj.lawEnforcerTwo = dt.lawEnforcerTwo;
obj.lawEnforcementItem = dt.lawEnforcementItem; obj.subsidiaryer = dt.subsidiaryer;
obj.lawEnforcementItemText = dt.lawEnforcementItemText; obj.lawEnforcementId = dt.lawEnforcementId;
obj.lawEnforcer = nameCorrect(dt.lawEnforcer); obj.lawEnforcementItem = dt.lawEnforcementItem;
obj.remark = dt.remark; obj.lawEnforcementItemText = dt.lawEnforcementItemText;
obj.enforce = dt.enforceReason; obj.lawEnforcer = nameCorrect(dt.lawEnforcer);
obj.lawFieldText = dt.lawFieldText; obj.remark = dt.remark;
obj.checkCategoryText = dt.checkCategoryText; obj.enforce = dt.enforceReason;
obj.enforcementTime = formattedTimeYYYYmmdd(dt.enforcementTime); obj.lawFieldText = dt.lawFieldText;
obj.lawEnforcementBasis = dt.lawEnforcementBasis; obj.checkCategoryText = dt.checkCategoryText;
obj.lawEnforcementBasisText = dt.lawEnforcementBasisText; 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)) { let lawList = [];
var tmpBasis = obj.lawEnforcementBasis.split(','); if ((null != obj.lawEnforcementBasis && obj.lawEnforcementBasis.length > 0)
var tmpBasisText = obj.lawEnforcementBasisText.split(','); && (null != obj.lawEnforcementBasisText && obj.lawEnforcementBasisText.length > 0)) {
lawList = []; var tmpBasis = obj.lawEnforcementBasis.split(',');
for (var i = 0; i < tmpBasis.length; i++) { var tmpBasisText = obj.lawEnforcementBasisText.split(',');
lawList.push({text: tmpBasisText[i], id: tmpBasis[i]}); 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.lawList = lawList;
obj.lawCer = lawCer;
// 执法人员
// 附件 let lawCer = [];
getAttr(obj.id, success => { obj.lawEnforcerIdTwo = dt.lawEnforcerIdTwo;
if (success.data.filePreview != null) { obj.lawEnforcerTwo = dt.lawEnforcerTwo;
let images = []; var lawEnforcer2ShowStr = dt.lawEnforcer2Show;
// if (success.data.filePreview.fileList != null) { if ((null != obj.lawEnforcerIdTwo && obj.lawEnforcerIdTwo.length > 0)
// for (var i = 0; i < success.data.filePreview.fileList.length; i++) { && (null != obj.lawEnforcerTwo && obj.lawEnforcerTwo.length > 0)) {
// data.imgstr += success.data.filePreview.fileList[i] + ","; var tmpEnforceId = obj.lawEnforcerIdTwo.split(',');
// } var tmpEnforceText = obj.lawEnforcerTwo.split(',');
// data.imgstr = data.imgstr.substring(0, data.imgstr.length - 1); var lawEnforcer2Show = lawEnforcer2ShowStr.split(',');
// } data.lawCer = [];
for (const key in success.data.filePreview.fileList) { for (var i = 0; i < tmpEnforceId.length; i++) {
images[key] = success.data.filePreview.fileList[key]; 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) => { const convertLaw = (laws) => {
for (var k = 0; k < laws.length; k++) { return new Promise((res) => {
let dt = laws[k]; for (var k = 0; k < laws.length; k++) {
let obj = {}; let dt = laws[k];
obj.enterpriseName = dt.enterpriseName; let obj = {};
obj.enterpriseNumber = dt.enterpriseNumber; obj.enterpriseName = dt.enterpriseName;
obj.bureauDeptName = dt.bureauDeptName; obj.enterpriseNumber = dt.enterpriseNumber;
obj.lawEnforcerTwo = dt.lawEnforcerTwo; obj.bureauDeptName = dt.bureauDeptName;
obj.subsidiaryer = dt.subsidiaryer; obj.lawEnforcerTwo = dt.lawEnforcerTwo;
obj.lawEnforcementId = dt.lawEnforcementId; obj.subsidiaryer = dt.subsidiaryer;
obj.lawEnforcementItem = dt.lawEnforcementItem; obj.lawEnforcementId = dt.lawEnforcementId;
obj.lawEnforcementItemText = dt.lawEnforcementItemText; obj.lawEnforcementItem = dt.lawEnforcementItem;
obj.lawEnforcer = nameCorrect(dt.lawEnforcer); obj.lawEnforcementItemText = dt.lawEnforcementItemText;
obj.remark = dt.remark; obj.lawEnforcer = nameCorrect(dt.lawEnforcer);
obj.enforce = dt.enforceReason; obj.remark = dt.remark;
obj.lawFieldText = dt.lawFieldText; obj.enforce = dt.enforceReason;
obj.checkCategoryText = dt.checkCategoryText; obj.lawFieldText = dt.lawFieldText;
obj.enforcementTime = formattedTimeYYYYmmdd(dt.checkTime); obj.checkCategoryText = dt.checkCategoryText;
obj.lawEnforcementBasis = dt.lawEnforcementBasis; obj.enforcementTime = formattedTimeYYYYmmdd(dt.checkTime);
obj.lawEnforcementBasisText = dt.lawEnforcementBasisText; obj.lawEnforcementBasis = dt.lawEnforcementBasis;
obj.lawEnforcementBasisText = dt.lawEnforcementBasisText;
// 执法依据
let lawList = []; // 执法依据
if ((null != obj.lawEnforcementBasis && obj.lawEnforcementBasis.length > 0) let lawList = [];
&& (null != obj.lawEnforcementBasisText && obj.lawEnforcementBasisText.length > 0)) { if ((null != obj.lawEnforcementBasis && obj.lawEnforcementBasis.length > 0)
var tmpBasis = obj.lawEnforcementBasis.split(','); && (null != obj.lawEnforcementBasisText && obj.lawEnforcementBasisText.length > 0)) {
var tmpBasisText = obj.lawEnforcementBasisText.split(','); var tmpBasis = obj.lawEnforcementBasis.split(',');
data.lawList = []; var tmpBasisText = obj.lawEnforcementBasisText.split(',');
for (var i = 0; i < tmpBasis.length; i++) { data.lawList = [];
obj.lawList.push({text: tmpBasisText[i], id: tmpBasis[i]}); for (var i = 0; i < tmpBasis.length; i++) {
obj.lawList.push({text: tmpBasisText[i], id: tmpBasis[i]});
}
} }
} obj.lawList = lawList;
obj.lawList = lawList;
// 执法人员
// 执法人员 let lawCer = [];
let lawCer = []; obj.lawEnforcerIdTwo = dt.lawEnforcerIdTwo;
obj.lawEnforcerIdTwo = dt.lawEnforcerIdTwo; obj.lawEnforcerTwo = dt.lawEnforcerTwo;
obj.lawEnforcerTwo = dt.lawEnforcerTwo; var lawEnforcer2ShowStr = dt.lawEnforcer2Show;
var lawEnforcer2ShowStr = dt.lawEnforcer2Show; if ((null != obj.lawEnforcerIdTwo && obj.lawEnforcerIdTwo.length > 0)
if ((null != obj.lawEnforcerIdTwo && obj.lawEnforcerIdTwo.length > 0) && (null != obj.lawEnforcerTwo && obj.lawEnforcerTwo.length > 0)) {
&& (null != obj.lawEnforcerTwo && obj.lawEnforcerTwo.length > 0)) { var tmpEnforceId = obj.lawEnforcerIdTwo.split(',');
var tmpEnforceId = obj.lawEnforcerIdTwo.split(','); var tmpEnforceText = obj.lawEnforcerTwo.split(',');
var tmpEnforceText = obj.lawEnforcerTwo.split(','); var lawEnforcer2Show = lawEnforcer2ShowStr.split(',');
var lawEnforcer2Show = lawEnforcer2ShowStr.split(','); data.lawCer = [];
data.lawCer = []; for (var i = 0; i < tmpEnforceId.length; i++) {
for (var i = 0; i < tmpEnforceId.length; i++) { lawCer.push({
lawCer.push({ text: tmpEnforceText[i],
text: tmpEnforceText[i], id: tmpEnforceId[i],
id: tmpEnforceId[i], show: nameCorrect(lawEnforcer2Show[i])
show: nameCorrect(lawEnforcer2Show[i]) });
}); }
} }
obj.lawCer = lawCer;
data.regList.push(obj);
} }
obj.lawCer = lawCer; res();
data.regList.push(obj); });
}
} }
// 返回 // 返回
@ -1049,7 +1019,7 @@
} }
.van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after { .van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after {
border: 0; border: 0;
} }
</style> </style>

Loading…
Cancel
Save