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.
917 lines
29 KiB
917 lines
29 KiB
7 months ago
|
<template>
|
||
|
|
<div class="address_edit">
|
||
|
|
<!-- 导航栏 -->
|
||
|
|
<!-- <div class="header_body">
|
||
|
|
<header-nav
|
||
|
|
:slefBack="true"
|
||
|
|
@goBack="goBack"
|
||
|
|
:titelText="`执法执法计划`"
|
||
|
|
>
|
||
|
|
</header-nav>
|
||
|
|
</div>-->
|
||
|
|
<!-- 中间 -->
|
||
|
|
<div class="warp_body">
|
||
|
|
<van-form @failed="onFailed" @submit="submit">
|
||
|
|
<van-cell-group>
|
||
|
|
<!-- <van-field-->
|
||
|
|
<!-- v-model="submitData.planYear"-->
|
||
|
|
<!-- required-->
|
||
|
|
<!-- label="计划年度"-->
|
||
|
|
<!-- placeholder="必填"-->
|
||
|
|
<!-- readonly-->
|
||
|
|
<!-- :rules="[{ required: true, message: '请选择年度计划' }]"-->
|
||
|
|
<!-- @click="selectDate"-->
|
||
|
|
<!-- />-->
|
||
|
|
<van-popup v-model:show="data.showDatePicker" position="bottom">
|
||
|
|
<van-date-picker
|
||
|
|
title="选择日期"
|
||
|
|
v-model="data.currentDate"
|
||
|
|
:min-date="data.minDate"
|
||
|
|
:max-date="data.maxDate"
|
||
|
|
:columns-type="data.columnsType"
|
||
|
|
@confirm="onDateConfirm"
|
||
|
|
@cancel="cancelSelectDate"
|
||
|
|
/>
|
||
|
|
</van-popup>
|
||
|
|
<van-popup v-model:show="data.showMouthPicker" position="bottom">
|
||
|
|
<van-date-picker
|
||
|
|
title="选择月份"
|
||
|
|
v-model="data.currentMouth"
|
||
|
|
:min-date="data.minDate"
|
||
|
|
:max-date="data.maxDate"
|
||
|
|
:columns-type="data.mouthColumnsType"
|
||
|
|
@confirm="onMouthConfirm"
|
||
|
|
@cancel="cancelSelectDate"
|
||
|
|
/>
|
||
|
|
</van-popup>
|
||
|
|
|
||
|
|
<!-- <van-field
|
||
|
|
v-model="submitData.planName"
|
||
|
|
label="计划名称"
|
||
|
|
placeholder="请输入"
|
||
|
|
required
|
||
|
|
:rules="[{ required: true, message: '请输入计划名称' }]"
|
||
|
|
/>-->
|
||
|
|
<div class="one-label">
|
||
|
|
<van-field
|
||
|
|
label="计划名称"
|
||
|
|
v-model="submitData.planYear"
|
||
|
|
is-link
|
||
|
|
placeholder="请选择年份"
|
||
|
|
required
|
||
|
|
readonly
|
||
|
|
@click="data.showDatePicker = true"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<div class="flex-div">
|
||
|
|
<van-field
|
||
|
|
label=" "
|
||
|
|
v-model="data.fieldValue"
|
||
|
|
placeholder="请选择年/季/月度"
|
||
|
|
is-link
|
||
|
|
@click="data.dateShowPicker = true"
|
||
|
|
required
|
||
|
|
readonly
|
||
|
|
/>
|
||
|
|
<div class="right-txt" v-if="data.showMouth">
|
||
|
|
<van-field
|
||
|
|
v-model="data.mouthText"
|
||
|
|
placeholder="请选择月度"
|
||
|
|
is-link
|
||
|
|
@click="data.showMouthPicker = true"
|
||
|
|
required
|
||
|
|
readonly
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div class="right-txt" v-if="data.showQuarter">
|
||
|
|
<van-field
|
||
|
|
v-model="data.quarterText"
|
||
|
|
placeholder="请选择季度"
|
||
|
|
is-link
|
||
|
|
@click="data.dataQuarterShowPicker = true"
|
||
|
|
readonly
|
||
|
|
required
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- @update:model-value="foucePlan" -->
|
||
|
|
<van-field
|
||
|
|
label=" "
|
||
|
|
v-model="submitData.planName"
|
||
|
|
placeholder="行政执法计划"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div class="warning-rule">
|
||
|
|
<span><van-icon name="warning-o" /></span><span>{{ nameObj.bureauDept + nameObj.planYear + nameObj.quarter + nameObj.mouth + nameObj.planName }}</span>
|
||
|
|
</div>
|
||
|
|
<van-popup v-model:show="data.dateShowPicker" round position="bottom">
|
||
|
|
<van-picker
|
||
|
|
:columns="data.dateColumns"
|
||
|
|
@cancel="data.dateShowPicker = false"
|
||
|
|
@confirm="dateOnConfirm"
|
||
|
|
/>
|
||
|
|
</van-popup>
|
||
|
|
<!-- 季度选择 -->
|
||
|
|
<van-popup v-model:show="data.dataQuarterShowPicker" round position="bottom">
|
||
|
|
<van-picker
|
||
|
|
:columns="data.quarterColumns"
|
||
|
|
@cancel="data.dataQuarterShowPicker = false"
|
||
|
|
@confirm="dateQuarterOnConfirm"
|
||
|
|
/>
|
||
|
|
</van-popup>
|
||
|
|
<van-field
|
||
|
|
v-model="submitData.bureauDeptName"
|
||
|
|
label="执法单位"
|
||
|
|
placeholder="请选择"
|
||
|
|
@click=""
|
||
|
|
required
|
||
|
|
readonly
|
||
|
|
:rules="[{ required: true, message: '请选择执法部门'}]"
|
||
|
|
/>
|
||
|
|
<!-- @click="selectEnforcementTime" -->
|
||
|
|
<van-field
|
||
|
|
v-model="submitData.enforcementTime"
|
||
|
|
label="上传时间"
|
||
|
|
placeholder="请选择"
|
||
|
|
clickable
|
||
|
|
readonly
|
||
|
|
required
|
||
|
|
:rules="[{ required: true, message: '请选择上传时间'}]"
|
||
|
|
|
||
|
|
/>
|
||
|
|
<van-popup v-model:show="data.showPicker" position="bottom">
|
||
|
|
<van-date-picker
|
||
|
|
title="选择日期"
|
||
|
|
v-model="data.currentDate1"
|
||
|
|
:min-date="data.minDate"
|
||
|
|
:max-date="data.maxDate"
|
||
|
|
:columns-type="data.columnsTypes"
|
||
|
|
@confirm="onEnforcementTimeConfirm"
|
||
|
|
@cancel="cancelEnforcementTime"
|
||
|
|
/>
|
||
|
|
</van-popup>
|
||
|
|
<van-field
|
||
|
|
v-model="submitData.enforcementArea"
|
||
|
|
label="执法区域"
|
||
|
|
placeholder="请输入"
|
||
|
|
required
|
||
|
|
:rules="[{ required: true, message: '请输入执法区域'}]"
|
||
|
|
/>
|
||
|
|
<div class="file-upload">
|
||
|
|
<div class="file-upload-center">
|
||
|
|
<label>附 件</label> <span>(仅限PDF文档，5MB以下)</span>
|
||
|
|
<span class="down-mod"><van-icon name="upgrade" /><a @click="downloadFile">模板下载</a></span>
|
||
|
|
</div>
|
||
|
|
<van-uploader v-model="data.fileListObj" max-count="1" :max-size="5 * 1024 * 1024" class="file" :after-read="uploadFiles"
|
||
|
|
multiple @oversize="onOversize" :before-delete="deleteFile" accept=".pdf" :before-read="beforeRead">
|
||
|
|
<template #preview-cover="{ file }">
|
||
|
|
<div class="preview-cover van-ellipsis">{{ file.name }}</div>
|
||
|
|
</template>
|
||
|
|
</van-uploader>
|
||
|
|
</div>
|
||
|
|
<div class="warning-rule">
|
||
|
|
<span><van-icon name="warning-o" /></span>仅支持上传5MB以下的PDF格式文档
|
||
|
|
</div>
|
||
|
|
</van-cell-group>
|
||
|
|
<van-action-bar>
|
||
|
|
<van-button round block type="info" native-type="submit">发布</van-button>
|
||
|
|
</van-action-bar>
|
||
|
|
</van-form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="van-overlay" v-show="data.showIsPublish">
|
||
|
|
<div class="popcont">
|
||
|
|
<div class="poptip">是否公开该行政执法计划？</div>
|
||
|
|
<van-cell center>
|
||
|
|
<van-radio-group v-model="submitData.isPublish" shape="square" direction="horizontal">
|
||
|
|
<van-radio name="1">公开</van-radio>
|
||
|
|
<van-radio name="0">不公开</van-radio>
|
||
|
|
</van-radio-group>
|
||
|
|
</van-cell>
|
||
|
|
<div class="popup-btn">
|
||
|
|
<a @click="cancelPlan()">取消</a><a @click="addPlan()">确定</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- 底部 -->
|
||
|
|
<div class="shop_footer_body">
|
||
|
|
<footer-enforcement-nav></footer-enforcement-nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup name="register">
|
||
|
|
|
||
|
|
import {showToast, showSuccessToast, showLoadingToast, closeToast} from 'vant';
|
||
|
|
import {addEnforcementInspectionProgram, queryUserInfo} from '@/api/enforce'
|
||
|
|
import {getDict} from '@/api/Home'
|
||
|
|
import {uploadFile} from '@/util/fileUpload'
|
||
|
|
import {formattedTime, formattedTimeYYYYmmdd} from "@/util/util";
|
||
|
|
import {getYear,getMouth} from "@/util/timeUtil";
|
||
|
|
import {reactive, ref} from "vue";
|
||
|
|
import {showConfirmDialog} from 'vant';
|
||
|
|
import sha1 from "crypto-js/sha1";
|
||
|
|
import wx from "weixin-js-sdk";
|
||
|
|
import {szyptGetToken} from "../../api/Home";
|
||
|
|
|
||
|
|
const {useCommon, useMy} = $globalStore;
|
||
|
|
|
||
|
|
const router = useRouter();
|
||
|
|
const route = useRoute();
|
||
|
|
let queryaddressId = ref("");
|
||
|
|
const nameObj = reactive({
|
||
|
|
planName:"",
|
||
|
|
mouth:"",
|
||
|
|
quarter:"",
|
||
|
|
bureauDept:"",
|
||
|
|
planYear:""
|
||
|
|
})
|
||
|
|
const data = reactive({
|
||
|
|
searchResult: [],
|
||
|
|
showPicker: false,
|
||
|
|
columns: [],
|
||
|
|
selectTypeValue: ref[0],
|
||
|
|
showDatePicker: ref(false),
|
||
|
|
columnsType: ['year'],
|
||
|
|
columnsTypes: ['year', 'month', 'day'],
|
||
|
|
currentDate: ref([getYear()]),
|
||
|
|
minDate: new Date(2020, 0, 1),
|
||
|
|
maxDate: new Date(2125, 5, 1),
|
||
|
|
currentDate1: [],
|
||
|
|
//vant组件上传照片列表
|
||
|
|
fileListObj: [],
|
||
|
|
dateShowPicker: false,
|
||
|
|
fieldValue: "",
|
||
|
|
dateColumns: [
|
||
|
|
{ text: '年度', value: 'year' },
|
||
|
|
{ text: '季度', value: 'quarter' },
|
||
|
|
{ text: '月度', value: 'month' },
|
||
|
|
],
|
||
|
|
quarterColumns: [
|
||
|
|
{ text: '第一季度', value: '1' },
|
||
|
|
{ text: '第二季度', value: '2' },
|
||
|
|
{ text: '第三季度', value: '3' },
|
||
|
|
{ text: '第四季度', value: '4' },
|
||
|
|
],
|
||
|
|
showIsPublish:false,
|
||
|
|
showMouth:false,
|
||
|
|
showQuarter: false,
|
||
|
|
showMouthPicker:false,
|
||
|
|
mouthColumnsType: ['month'],
|
||
|
|
currentMouth: ref([]),
|
||
|
|
dataQuarterShowPicker: false,
|
||
|
|
quarterText: "",
|
||
|
|
mouthText:"",
|
||
|
|
planNameText:"",
|
||
|
|
});
|
||
|
|
//保存参数
|
||
|
|
const submitData = reactive({
|
||
|
|
//用户id
|
||
|
|
userId: useCommon.userId,
|
||
|
|
//关联案件ID
|
||
|
|
relId: "",
|
||
|
|
//计划年度
|
||
|
|
planYear: "",
|
||
|
|
//计划名称
|
||
|
|
planName: "",
|
||
|
|
//执法单位
|
||
|
|
enforcementDepartment: "123",
|
||
|
|
//执法部门ID
|
||
|
|
enforcementDepartmentId: "123",
|
||
|
|
//执法时间
|
||
|
|
enforcementTime: formattedTime(new Date()),
|
||
|
|
//执法区域
|
||
|
|
enforcementArea: "",
|
||
|
|
//是否发布年度执法计划
|
||
|
|
isPublish: '1',
|
||
|
|
//后台保存图片列表
|
||
|
|
fileList: [],
|
||
|
|
/**局级部门 */
|
||
|
|
bureauDeptId:"",
|
||
|
|
bureauDeptName:"",
|
||
|
|
timeType: 0,
|
||
|
|
mouth: 0,
|
||
|
|
quarter:0,
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
// 返回
|
||
|
|
const goBack = () => {
|
||
|
|
router.go(-1);
|
||
|
|
};
|
||
|
|
|
||
|
|
const submit = () => {
|
||
|
|
data.showIsPublish = true;
|
||
|
|
}
|
||
|
|
const addPlan = (val) =>{
|
||
|
|
// var tmpPlanName = submitData.planName;
|
||
|
|
// submitData.planName = nameObj.bureauDept + nameObj.planYear + nameObj.quarter + nameObj.mouth + nameObj.planName;
|
||
|
|
addEnforcementInspectionProgram(submitData, success => {
|
||
|
|
//跳转企业二维码地址
|
||
|
|
// submitData.planName = tmpPlanName;
|
||
|
|
if (success.success) {
|
||
|
|
data.showIsPublish = false;
|
||
|
|
showSuccessToast('保存成功');
|
||
|
|
router.push(
|
||
|
|
{
|
||
|
|
path: "enforcementPlanBase"
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, error => {
|
||
|
|
console.log("保存失败");
|
||
|
|
data.showIsPublish = false;
|
||
|
|
})
|
||
|
|
|
||
|
|
// showConfirmDialog(submitData).then(() => {
|
||
|
|
// console.log(1)
|
||
|
|
|
||
|
|
|
||
|
|
// }).catch(() => {
|
||
|
|
// console.log(0)
|
||
|
|
// showSuccessToast('保存成功');
|
||
|
|
// submitData.isPublish = 0
|
||
|
|
// addEnforcementInspectionProgram(submitData, success => {
|
||
|
|
// console.log(success)
|
||
|
|
// //跳转企业二维码地址
|
||
|
|
// if (success.success) {
|
||
|
|
// console.log("保存成功");
|
||
|
|
// showSuccessToast('保存成功');
|
||
|
|
// goBack();
|
||
|
|
// }
|
||
|
|
// }, error => {
|
||
|
|
// console.log("保存失败")
|
||
|
|
// })
|
||
|
|
// });
|
||
|
|
}
|
||
|
|
|
||
|
|
const cancelPlan = (val) =>{
|
||
|
|
data.showIsPublish = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
const currentDate =() => {
|
||
|
|
const now = new Date();
|
||
|
|
const year = now.getFullYear();
|
||
|
|
const month = (now.getMonth() + 1).toString().padStart(2, '0');
|
||
|
|
const day = now.getDate().toString().padStart(2, '0');
|
||
|
|
data.currentDate1 = [year, month, day]
|
||
|
|
}
|
||
|
|
|
||
|
|
const onFailed = (errorInfo) => {
|
||
|
|
console.log('failed', errorInfo);
|
||
|
|
};
|
||
|
|
//消息提醒
|
||
|
|
// const toast = showLoadingToast({
|
||
|
|
// duration: 0,
|
||
|
|
// forbidClick: true,
|
||
|
|
// message: '提交成功',
|
||
|
|
// });
|
||
|
|
// let second = 3;
|
||
|
|
// const timer = setInterval(() => {
|
||
|
|
// second--;
|
||
|
|
// if (second) {
|
||
|
|
// } else {
|
||
|
|
// clearInterval(timer);
|
||
|
|
// closeToast();
|
||
|
|
// }
|
||
|
|
// }, 1000);
|
||
|
|
// 保存地址操作
|
||
|
|
const onSave = () => {
|
||
|
|
router.replace({name: "addressList"});
|
||
|
|
};
|
||
|
|
|
||
|
|
const onConfirm = (value) => {
|
||
|
|
data.showPicker = false;
|
||
|
|
console.log(value)
|
||
|
|
submitData.enforceType = value.selectedValues[0];
|
||
|
|
submitData.enforceTypeText = value.selectedOptions[0].text;
|
||
|
|
}
|
||
|
|
const selectType = () => {
|
||
|
|
data.showPicker = true;
|
||
|
|
// console.log(data)
|
||
|
|
}
|
||
|
|
|
||
|
|
const downloadFile = async () => {
|
||
|
|
// 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.open(url);
|
||
|
|
// console.log(url);
|
||
|
|
// szyptGetToken(param, success => {
|
||
|
|
// let resMsg = success.data;
|
||
|
|
// console.log(resMsg);
|
||
|
|
// wx.config({
|
||
|
|
// // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
||
|
|
// debug: false,
|
||
|
|
// // 必填，公众号的唯一标识
|
||
|
|
// appId: resMsg.corpid,
|
||
|
|
// // 必填，生成签名的时间戳
|
||
|
|
// timestamp: resMsg.timestamp,
|
||
|
|
// // 必填，生成签名的随机串
|
||
|
|
// nonceStr: resMsg.nonceStr,
|
||
|
|
// // 必填，签名，见附录1
|
||
|
|
// signature: resMsg.signature,
|
||
|
|
// // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
|
||
|
|
// jsApiList: ["scanQRCode"],
|
||
|
|
// });
|
||
|
|
// wx.ready(() => {
|
||
|
|
// //微信扫一扫请求操作
|
||
|
|
// wx.downloadImage({
|
||
|
|
// serverId: '', // 需要下载的图片的服务器端ID，由uploadImage接口获得
|
||
|
|
// isShowProgressTips: 1, // 默认为1，显示进度提示
|
||
|
|
// success: function (res) {
|
||
|
|
// var localId = res.localId; // 返回图片下载后的本地ID
|
||
|
|
// }
|
||
|
|
// });
|
||
|
|
// });
|
||
|
|
// wx.error((res) => {
|
||
|
|
// console.log("获取失败");
|
||
|
|
// });
|
||
|
|
// }, error => {
|
||
|
|
// });
|
||
|
|
}
|
||
|
|
const uploadFiles = (file) => {
|
||
|
|
uploadFile(file, (res) => {
|
||
|
|
console.log(file.fileName);
|
||
|
|
submitData.fileList.push({
|
||
|
|
fileUrl: res.url,
|
||
|
|
fileName: file.file.name
|
||
|
|
})
|
||
|
|
console.log(submitData.fileList);
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
const deleteFile = (file, index) => {
|
||
|
|
// data.fileListObj.filter((item, indexs) => {
|
||
|
|
// if (index.index == indexs) {
|
||
|
|
// data.fileListObj.splice(indexs, 1);//splice 删除
|
||
|
|
// }
|
||
|
|
// });
|
||
|
|
submitData.fileList.filter((item, indexs) => {
|
||
|
|
if (index.index == indexs) {
|
||
|
|
submitData.fileList.splice(indexs, 1);//splice 删除
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
onMounted(() => {
|
||
|
|
submitData.planName = "行政执法计划";
|
||
|
|
nameObj.planName = '行政执法计划';
|
||
|
|
console.log(route?.query?.id);
|
||
|
|
console.log(route?.query?.lawEnforcementIncident);
|
||
|
|
submitData.relId = route?.query?.id;
|
||
|
|
submitData.lawEnforcementIncident = route?.query?.lawEnforcementIncident;
|
||
|
|
currentDate();
|
||
|
|
getDict({"dictType": "caseType"}, success => {
|
||
|
|
console.log(success);
|
||
|
|
success.data.forEach(res => {
|
||
|
|
console.log(res)
|
||
|
|
var obj = {text: res.dictLabel, value: res.dictValue};
|
||
|
|
data.columns.push(obj)
|
||
|
|
})
|
||
|
|
}, error => {
|
||
|
|
|
||
|
|
})
|
||
|
|
//查询企业信息
|
||
|
|
queryUserInfo(useCommon.userId, success => {
|
||
|
|
submitData.enforcementDepartment = success.data.dept.deptName;
|
||
|
|
submitData.enforcementDepartmentId = success.data.dept.deptId;
|
||
|
|
//局级部门
|
||
|
|
submitData.bureauDeptName = success.data.bureauDept.deptName;
|
||
|
|
submitData.bureauDeptId = success.data.bureauDept.deptId;
|
||
|
|
nameObj.bureauDept = success.data.bureauDept.deptName;
|
||
|
|
}, error => {
|
||
|
|
|
||
|
|
})
|
||
|
|
});
|
||
|
|
|
||
|
|
const selectDate = () => {
|
||
|
|
data.showDatePicker = true;
|
||
|
|
console.log(data.showDatePicker)
|
||
|
|
}
|
||
|
|
const onDateConfirm = (value) => {
|
||
|
|
value.selectedValues.forEach((item, index) => {
|
||
|
|
submitData.planYear = item;
|
||
|
|
nameObj.planYear = item + "年"
|
||
|
|
});
|
||
|
|
// submitData.establishmentTime = "2023-04-21"
|
||
|
|
data.showDatePicker = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
const onMouthConfirm = (value) => {
|
||
|
|
value.selectedValues.forEach((item, index) => {
|
||
|
|
// submitData.planYear = item;
|
||
|
|
data.mouthText = item;
|
||
|
|
nameObj.mouth = item + "月";
|
||
|
|
submitData.mouth = item;
|
||
|
|
});
|
||
|
|
// submitData.establishmentTime = "2023-04-21"
|
||
|
|
data.showMouthPicker = false;
|
||
|
|
data.quarterText = "";
|
||
|
|
}
|
||
|
|
//取消日期选择
|
||
|
|
const cancelSelectDate = () => {
|
||
|
|
data.showDatePicker = false;
|
||
|
|
data.showMouthPicker = false;
|
||
|
|
}
|
||
|
|
//取消
|
||
|
|
const cancelEnforcementTime = () => {
|
||
|
|
data.showPicker = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
const selectEnforcementTime = () => {
|
||
|
|
data.showPicker = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
const onEnforcementTimeConfirm = (value) => {
|
||
|
|
console.log(value);
|
||
|
|
|
||
|
|
value.selectedValues.forEach((item, index) => {
|
||
|
|
console.log(item);
|
||
|
|
});
|
||
|
|
submitData.enforcementTime = value.selectedValues[0] + "-" + value.selectedValues[1] + "-" + value.selectedValues[2];
|
||
|
|
data.showPicker = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
const dateOnConfirm = ({ selectedOptions }) => {
|
||
|
|
data.dateShowPicker = false;
|
||
|
|
data.fieldValue = selectedOptions[0].text;
|
||
|
|
console.log(selectedOptions[0])
|
||
|
|
submitData.timeType = selectedOptions[0].value;
|
||
|
|
if(selectedOptions[0].value == "quarter"){
|
||
|
|
data.showQuarter = true;
|
||
|
|
data.showMouth = false;
|
||
|
|
nameObj.mouth = "";
|
||
|
|
submitData.mouth = null;
|
||
|
|
}else if (selectedOptions[0].value == "month") {
|
||
|
|
data.showMouth = true;
|
||
|
|
data.showQuarter = false;
|
||
|
|
var date = new Date();
|
||
|
|
var month = date.getMonth();
|
||
|
|
data.currentMouth = ref([month + 1])
|
||
|
|
nameObj.quarter = "";
|
||
|
|
submitData.quarter = null;
|
||
|
|
}else if( selectedOptions[0].value == "year"){
|
||
|
|
data.showMouth = false;
|
||
|
|
data.showQuarter = false;
|
||
|
|
data.mouthText = "";
|
||
|
|
data.quarterText = "";
|
||
|
|
nameObj.mouth = "";
|
||
|
|
nameObj.quarter = "";
|
||
|
|
submitData.quarter = null;
|
||
|
|
submitData.mouth = null;
|
||
|
|
}
|
||
|
|
console.log(data.showMouth)
|
||
|
|
console.log(data.showQuarter)
|
||
|
|
};
|
||
|
|
const dateQuarterOnConfirm = ({ selectedOptions }) => {
|
||
|
|
data.dataQuarterShowPicker = false;
|
||
|
|
selectedOptions[0].text;
|
||
|
|
console.log(selectedOptions[0].text)
|
||
|
|
console.log(selectedOptions[0].value)
|
||
|
|
submitData.quarter = selectedOptions[0].value;
|
||
|
|
data.quarterText = selectedOptions[0].text;
|
||
|
|
nameObj.quarter = selectedOptions[0].text;
|
||
|
|
data.mouthText = "";
|
||
|
|
nameObj.mouthText = "";
|
||
|
|
};
|
||
|
|
|
||
|
|
const foucePlan = () =>{
|
||
|
|
console.log(submitData.planName);
|
||
|
|
nameObj.planName = submitData.planName;
|
||
|
|
}
|
||
|
|
//写函数（开启深度监视）： 监听内容属相变化
|
||
|
|
watch(()=>submitData.planName,(newValue,oldValue)=>{
|
||
|
|
console.log('submitData.planName变化了',newValue,oldValue)
|
||
|
|
nameObj.planName = newValue;
|
||
|
|
},{deep:true})
|
||
|
|
|
||
|
|
const beforeRead = (file) => {
|
||
|
|
console.log(file)
|
||
|
|
if (file.type !== 'application/pdf') {
|
||
|
|
showToast('请上传 pdf 格式文件');
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
};
|
||
|
|
</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: 98%;
|
||
|
|
background-color: #ebf3fb;
|
||
|
|
overflow-y: auto;
|
||
|
|
margin-top: 0.15rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.van-cell-group {
|
||
|
|
padding: 0.3rem 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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;
|
||
|
|
// }
|
||
|
|
.file-upload {
|
||
|
|
position: relative;
|
||
|
|
min-height: 3.0rem;
|
||
|
|
max-height: 6.5rem;
|
||
|
|
padding: 1rem 0.27rem 0.27rem 0.43rem;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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: #b9b9b9;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.file-upload-center label::before {
|
||
|
|
margin-left: -0.2rem;
|
||
|
|
margin-right: 0.06rem;
|
||
|
|
color: #ee0a24;
|
||
|
|
content: "*";
|
||
|
|
}
|
||
|
|
|
||
|
|
.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: 0.12rem;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 0.32rem;
|
||
|
|
text-align: center;
|
||
|
|
background: rgba(0, 0, 0, 0.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
/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 {
|
||
|
|
position: relative;
|
||
|
|
top: 0.5rem;
|
||
|
|
/*box-shadow: 0 0 0.27rem #e5e5e5;/*/
|
||
|
|
background: transparent;
|
||
|
|
width: 100%;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--van-dialog-width: 16rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*.plan-attach {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
width: 100%;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.plan-time {
|
||
|
|
margin-left: 2.67rem;
|
||
|
|
width: 2.25rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.plan-text {
|
||
|
|
min-width: 30%;
|
||
|
|
color: #666;
|
||
|
|
font-size: 0.37rem;
|
||
|
|
line-height: 3.25;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
.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: 5rem;
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popcont .van-cell--center {
|
||
|
|
margin: -0.65rem auto 0.5rem;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/.popcont .van-cell--center .van-cell__value {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-evenly;
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/.popcont .van-cell--center .van-cell__value .van-radio-group .van-radio:first-child {
|
||
|
|
margin-right: 0.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.warning-rule {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin: 2% 0.27rem 1%;
|
||
|
|
padding: 0.2rem;
|
||
|
|
border-radius: 0.15rem;
|
||
|
|
background-color: #fff4e8;
|
||
|
|
color: #fb710b;
|
||
|
|
font-size: 0.3rem;
|
||
|
|
line-height: 1.25;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
.warning-rule i {
|
||
|
|
margin: 0 0.1rem;
|
||
|
|
color: #f50;
|
||
|
|
font-size: 0.35rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-div {
|
||
|
|
position: relative;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: left;
|
||
|
|
margin-top: -1px;
|
||
|
|
padding: 0 0.43rem;
|
||
|
|
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 #f5f6f7;
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-div:first-child::after {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-div .van-cell::after {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-div > .van-field {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
width: 65%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.right-txt {
|
||
|
|
width: 35%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/deep/ .right-txt > .van-field {
|
||
|
|
float: right;
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*/deep/ .flex-div:first-child .right-txt > .van-field .van-field__control {
|
||
|
|
text-align: right;
|
||
|
|
padding-right: 20%;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
/deep/ .flex-div .van-field__label--required:before {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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:after {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.one-label > .van-cell:first-child {
|
||
|
|
width: calc(65% + 0.22rem);
|
||
|
|
}
|
||
|
|
|
||
|
|
.down-mod {
|
||
|
|
position: absolute;
|
||
|
|
top: 0.05rem;
|
||
|
|
right: 0;
|
||
|
|
font-size: 0.3rem;
|
||
|
|
color: #fb710b !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.down-mod i {
|
||
|
|
margin-right: 0.1rem;
|
||
|
|
transform: rotateZ(-180deg);
|
||
|
|
font-size: 0.35rem;
|
||
|
|
}
|
||
|
|
</style>
|