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.
720 lines
13 KiB
720 lines
13 KiB
<template>
|
|
<div class="address_edit">
|
|
<div class="warp_body">
|
|
|
|
<div style="padding: 10px;background-color: white; border-radius: 0%;" v-html="data.noticeContent"></div>
|
|
|
|
<div v-for="(item, index) in data.fileList" :key="index">
|
|
<div class="attach-cont">
|
|
<div class="attach-item"><i></i><span><a @click="toPdfView(null==item?'':item.fileUrl)">{{ null==item?'':item.fileName }}</a></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup name="register">
|
|
import { queryEnforceSystemNoticeDetail } from "@/api/enforce";
|
|
import {reactive, ref} from "vue";
|
|
|
|
|
|
|
|
import {baseUrl} from "@/config/env";
|
|
|
|
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: ""}],
|
|
fileList: [],
|
|
show: ref(false),
|
|
show2: ref(false),
|
|
dataList: [],
|
|
evaluateImageList: [],
|
|
regList: [],
|
|
lawList: [],
|
|
arrayLength: 1,
|
|
noticeTitle: "",
|
|
noticeContent: "",
|
|
bureauDeptNames: "",
|
|
objectType: "",
|
|
createTime: "",
|
|
images: "",
|
|
imagesName:"",
|
|
});
|
|
//保存参数
|
|
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: "",
|
|
isEvaluate: 0,
|
|
lawFieldText: "",
|
|
checkCategoryText: "",
|
|
uniteCheck: "",
|
|
satisfactionLevel: 3,
|
|
serviceExperience: 0,
|
|
checkEffect: 0,
|
|
proceduralLegality: 0,
|
|
checkEffectiveness: 0,
|
|
otherProblemSwitch: 0,
|
|
otherProblemSwitchBoolean: true,
|
|
problem1: 0,
|
|
problem2: 0,
|
|
problem3: 0,
|
|
problem4: 0,
|
|
problem5: 0,
|
|
});
|
|
|
|
//3a0096181c184e5aa56f70923680856d$6e74ceda1463c165fd43eeeadce4f7cd
|
|
//初始化参数，获取扫码的企业统一信用编码
|
|
onMounted(() => {
|
|
queryRegUniteById();
|
|
});
|
|
|
|
const toPdfView = (url) => {
|
|
console.log(url)
|
|
router.push(
|
|
{
|
|
path: "/pdfPngPreview",
|
|
query: {
|
|
url: url
|
|
}
|
|
});
|
|
}
|
|
|
|
const queryRegUniteById = () => {
|
|
queryEnforceSystemNoticeDetail(
|
|
route?.query?.id,
|
|
(success) => {
|
|
convertReg(success.data)
|
|
|
|
},
|
|
(error) => {
|
|
}
|
|
);
|
|
};
|
|
|
|
const convertReg = (regs) => {
|
|
|
|
data.id = regs.noticeId;
|
|
data.noticeTitle = regs.noticeTitle;
|
|
data.noticeContent = regs.noticeContent;
|
|
data.bureauDeptNames = regs.bureauDeptNames;
|
|
data.createTime = regs.createTime;
|
|
data.fileList = regs.fileObjects;
|
|
if (regs.objectType != null) {
|
|
if (regs.objectType == 1) {
|
|
data.objectType = "监督端";
|
|
} else if (regs.objectType == 2) {
|
|
data.objectType = "执法端";
|
|
} else if (regs.objectType == 3) {
|
|
data.objectType = "企业端";
|
|
} else {
|
|
data.objectType = "全部";
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
</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>
|
|
|
|
.loadPdf {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 22%;
|
|
}
|
|
.closePdf {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 0.5%;
|
|
}
|
|
.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: 3rem;
|
|
// 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;
|
|
margin: 0 0.6rem 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(0.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.5rem auto 0.2rem;
|
|
width: 0.8rem;
|
|
height: 1rem;
|
|
}
|
|
|
|
.eval-list > div#evalBad > span {
|
|
background: url("../../assets/images/eval-bad-dis.png") no-repeat;
|
|
background-size: 100%;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.eval-list > div#evalGood > span {
|
|
background: url("../../assets/images/eval-good-dis.png") no-repeat;
|
|
background-size: 100%;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.eval-list > div#evalVeryGood > span {
|
|
background: url("../../assets/images/eval-verygood-dis.png") no-repeat;
|
|
background-size: 100%;
|
|
opacity: 0.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;
|
|
}
|
|
|
|
.evaluateText {
|
|
font-size: 0.42rem;
|
|
}
|
|
|
|
.cardsty {
|
|
margin: 3% 0;
|
|
width: 100%;
|
|
padding: 5%;
|
|
background: #fff;
|
|
border-radius: 0.2rem;
|
|
font-size: 0.37rem;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.cardsty label {
|
|
margin-right: 0.4rem;
|
|
color: #323233;
|
|
}
|
|
|
|
.eval-star {
|
|
margin: 0 0.7rem 0 0.2rem;
|
|
}
|
|
|
|
.eval-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0.27rem 0;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.otherProBlem {
|
|
margin: 3% 0;
|
|
width: 100%;
|
|
background: #fff;
|
|
border-radius: 0.2rem;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
// .otherProBlem span{
|
|
// font-size: 0.37rem;
|
|
// }
|
|
.otherProBlemItem {
|
|
padding: 7px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.otherProBlemText {
|
|
font-size: 16px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.otherProBlemItemIconList {
|
|
padding-right: 15px;
|
|
display: flex;
|
|
float: right;
|
|
}
|
|
|
|
.otherProBlemItemIcon {
|
|
display: flex;
|
|
padding: 3px;
|
|
}
|
|
|
|
.onbad {
|
|
background: url("../../assets/images/onbad.png") no-repeat;
|
|
background-size: 100%;
|
|
height: 20px;
|
|
width: 20px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.ongood {
|
|
background: url("../../assets/images/ongood.png") no-repeat;
|
|
background-size: 100%;
|
|
height: 20px;
|
|
width: 20px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.bad {
|
|
background: url("../../assets/images/bad.png") no-repeat;
|
|
background-size: 100%;
|
|
height: 20px;
|
|
width: 20px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.good {
|
|
background: url("../../assets/images/good.png") no-repeat;
|
|
background-size: 100%;
|
|
height: 20px;
|
|
width: 20px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.notice-title {
|
|
margin: 0;
|
|
padding: 2%;
|
|
width: 96%;
|
|
min-height: 1rem;
|
|
color: #999;
|
|
font-size: 0.3rem;
|
|
font-weight: 500;
|
|
line-height: 1.75;
|
|
text-align: center;
|
|
}
|
|
.notice-title h3 {
|
|
color: #000;
|
|
font-size: 0.5rem;
|
|
font-weight: 550;
|
|
line-height: 1.25;
|
|
text-align: center;
|
|
}
|
|
|
|
.notice-content {
|
|
margin: 4%;
|
|
width: 92%;
|
|
color: #333;
|
|
font-size: 0.35rem;
|
|
line-height: 2;
|
|
text-align: justify;
|
|
text-indent: 0.7rem;
|
|
}
|
|
|
|
.notice-content > p {
|
|
margin-block-start: 0;
|
|
margin-block-end: 0;
|
|
}
|
|
|
|
.attach-cont {
|
|
position: relative;
|
|
margin: 10% 2% 2%;
|
|
width: 96%;
|
|
min-height: 1rem;
|
|
background: #f2f3f4;
|
|
}
|
|
|
|
.attach-cont::before {
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
content: " ";
|
|
pointer-events: none;
|
|
top: -0.15rem;
|
|
left: 0;
|
|
width: 100%;
|
|
border-bottom: 0.02667rem solid var(--van-cell-border-color);
|
|
transform: scaleY(0.5);
|
|
}
|
|
|
|
.attach-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 2%;
|
|
padding: 2% 0;
|
|
width: 96%;
|
|
font-size: 0.3rem;
|
|
}
|
|
|
|
.attach-item > i {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0 0.3rem 0 0;
|
|
width: 0.8rem;
|
|
height: 0.8rem;
|
|
background: #d0eaf9 url(/src/assets/images/icon_attach.png) no-repeat center;
|
|
background-size: 60% auto;
|
|
}
|
|
|
|
</style>
|
|
|
|
|