Browse Source

附件回显

v2
蟑螂恶霸 2 years ago
parent
commit
35ad990389
  1. 57
      src/views/enforce/sign.vue
  2. 8
      src/views/enterprise/registrationList.vue

57
src/views/enforce/sign.vue

@ -166,7 +166,7 @@
<label>上传附件</label> <span>(不多于 8张)</span> <label>上传附件</label> <span>(不多于 8张)</span>
</div> </div>
<!-- :after-read="uploadFiles" --> <!-- :after-read="uploadFiles" -->
<van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="8" :after-read="uploadFiles" :before-delete="deleteFile"> <van-uploader v-model="data.fileListObj" class="file" multiple max-count="8" :after-read="uploadFiles" :before-delete="deleteFile">
<template #preview-cover="{ file }"> <template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div> <div class="preview-cover van-ellipsis">{{ file.name }}</div>
</template> </template>
@ -316,6 +316,7 @@ const data = reactive({
showNom: false, showNom: false,
minDate: null, minDate: null,
maxDate: null, maxDate: null,
fileListObj: [],
}); });
var fileSize = 0; var fileSize = 0;
//保存参数 //保存参数
@ -448,8 +449,8 @@ onMounted(() =>{
submitData.lawEnforcement = success.data.dept.deptName; submitData.lawEnforcement = success.data.dept.deptName;
submitData.lawEnforcementId = success.data.dept.deptId; submitData.lawEnforcementId = success.data.dept.deptId;
//局级部门 //局级部门
submitData.bureauDeptName = success.data.bureauDept.deptName; submitData.bureauDeptName = success.data.dept.deptName;
submitData.bureauDeptId = success.data.bureauDept.deptId; submitData.bureauDeptId = success.data.dept.deptId;
} }
},error=>{ },error=>{
@ -465,17 +466,15 @@ onMounted(() =>{
// },error =>{}); // },error =>{});
// 查询检查要求字典信息 // 查询检查要求字典信息
getDict({"dictType": "law_field"}, success => { // getDict({"dictType": "law_field"}, success => {
for(var i=0; i<success.data.length; i++) { // for(var i=0; i<success.data.length; i++) {
data.lawField_columns.push({ text: success.data[i].dictLabel, value: success.data[i].dictValue }) // data.lawField_columns.push({ text: success.data[i].dictLabel, value: success.data[i].dictValue })
} // }
},error=>{}); // },error=>{});
//TODO 限制指定时间实现 //TODO 限制指定时间实现
var a = getBeforeDate(5,new Date()); var a = getBeforeDate(5,new Date());
console.log(a);
var minDate = a.split("-"); var minDate = a.split("-");
console.log(minDate);
data.minDate = ref(new Date(minDate[0],minDate[1] - 1 , minDate[2])); data.minDate = ref(new Date(minDate[0],minDate[1] - 1 , minDate[2]));
var now = new Date(); var now = new Date();
let year = now.getFullYear(); let year = now.getFullYear();
@ -485,8 +484,6 @@ onMounted(() =>{
mon = (mon < 10 ? ('0' + mon) : mon); mon = (mon < 10 ? ('0' + mon) : mon);
day = (day < 10 ? ('0' + day) : day); day = (day < 10 ? ('0' + day) : day);
data.maxDate = ref(new Date(year,mon -1,day)); data.maxDate = ref(new Date(year,mon -1,day));
console.log(mon);
console.log(day);
data.showBl = true; data.showBl = true;
}) })
@ -565,6 +562,16 @@ const dataFillIn = () => {
// submitData.lawCertificateNumText =success.data['lawEnforcer']; // submitData.lawCertificateNumText =success.data['lawEnforcer'];
submitData.lawCertificateNumTwoText =success.data['lawEnforcerTwo']; submitData.lawCertificateNumTwoText =success.data['lawEnforcerTwo'];
submitData.subsidiaryerText =success.data['subsidiaryer']; submitData.subsidiaryerText =success.data['subsidiaryer'];
// 附件回显
// data.fileListObj.push({ 'url': 'https://fastly.jsdelivr.net/npm/@vant/assets/leaf.jpeg', 'file':{'name':'leaf'} });
for (var k = 0; k < success.data.fileList.length; k++) {
if (k > 8) {break;}
data.fileListObj.push({
'url': success.data.fileList[k],
'file': {'name':success.data.fileList[k]}
});
}
// 执法依据 // 执法依据
submitData.lawEnforcementBasis = success.data['lawEnforcementBasis']; submitData.lawEnforcementBasis = success.data['lawEnforcementBasis'];
@ -612,6 +619,14 @@ const tmpSave = () => {
showSuccessToast('临时保存'); showSuccessToast('临时保存');
submitData.userId = useCommon.userId; submitData.userId = useCommon.userId;
// 处理回显附件
for(var k=0; k<data.fileListObj.length; k++) {
var url = data.fileListObj[k].url;
if (null != url) {
submitData.fileList.push(url);
}
}
// 执法依据 // 执法依据
submitData.lawEnforcementBasis = ""; submitData.lawEnforcementBasis = "";
submitData.lawEnforcementBasisText = ""; submitData.lawEnforcementBasisText = "";
@ -646,6 +661,14 @@ const submit = (type) =>{
submitData.isSubmit = type; submitData.isSubmit = type;
submitData.userId = useCommon.userId; submitData.userId = useCommon.userId;
// 处理回显附件
for(var k=0; k<data.fileListObj.length; k++) {
var url = data.fileListObj[k].url;
if (null != url) {
submitData.fileList.push(url);
}
}
// 执法依据 // 执法依据
submitData.lawEnforcementBasis = ""; submitData.lawEnforcementBasis = "";
submitData.lawEnforcementBasisText = ""; submitData.lawEnforcementBasisText = "";
@ -686,7 +709,6 @@ const currentDate =() => {
const month = (now.getMonth() + 1).toString().padStart(2, '0'); const month = (now.getMonth() + 1).toString().padStart(2, '0');
const day = now.getDate().toString().padStart(2, '0'); const day = now.getDate().toString().padStart(2, '0');
data.currentDate = [year, month, day] data.currentDate = [year, month, day]
console.log("function currentDate -----: ",year, month, day);
} }
const getDateScpoe =() => { const getDateScpoe =() => {
@ -712,9 +734,6 @@ const getDateScpoe =() => {
let strDate1 =year +"/" + dateArr1[0] +"/" +dateArr1[1] +" " let strDate1 =year +"/" + dateArr1[0] +"/" +dateArr1[1] +" "
let strDate2 =year +"/" + dateArr2[0] +"/" +dateArr2[1] +" " let strDate2 =year +"/" + dateArr2[0] +"/" +dateArr2[1] +" "
let time_list = [strDate1,strDate2] //[2023-08-31,2023-09-07] let time_list = [strDate1,strDate2] //[2023-08-31,2023-09-07]
console.log("getDateScpoe ----- ", time_list);
console.log("function getMinDate -----: ",year, month, day)
console.log("function getMaxDate -----: ",year, month, day)
} }
const onConfirm = (time) => { const onConfirm = (time) => {
@ -752,7 +771,7 @@ const closePopup = () =>{
const reciveData = (item) =>{ const reciveData = (item) =>{
data.lawCer[data.lawCerFlag].id = item.userId; data.lawCer[data.lawCerFlag].id = item.userId;
data.lawCer[data.lawCerFlag].text = item.userName; data.lawCer[data.lawCerFlag].text = item.userName;
data.lawCer[data.lawCerFlag].show = item.userName + " " + item.lawCertificateNum; data.lawCer[data.lawCerFlag].show = item.userName + " " + (null==item.lawCertificateNum?"":item.lawCertificateNum);
// submitData.lawEnforcerTwo = item.userName; // submitData.lawEnforcerTwo = item.userName;
// submitData.lawCertificateNumTwoText = item.userName + " " + item.lawCertificateNum // submitData.lawCertificateNumTwoText = item.userName + " " + item.lawCertificateNum
@ -784,7 +803,6 @@ const reciveLaw = (item) => {
submitData.uniteCheck = item.uniteCheck; submitData.uniteCheck = item.uniteCheck;
submitData.remark = item.remark; submitData.remark = item.remark;
console.log("reciveLaw ----< > ", item)
// 执法人员 // 执法人员
submitData.lawEnforcerIdTwo = item.lawEnforcerTwoId; submitData.lawEnforcerIdTwo = item.lawEnforcerTwoId;
submitData.lawEnforcerTwo = item.lawEnforcerTwo; submitData.lawEnforcerTwo = item.lawEnforcerTwo;
@ -815,7 +833,6 @@ const beforeRead = (file) =>{
console.log('图片大小2',file.size) console.log('图片大小2',file.size)
// Toast('请上传20M以下图片'); // Toast('请上传20M以下图片');
let that = this let that = this
console.log('aaaaaaaaaaaaaaaaaaaaaaa',file)
return new Promise((resolve) => { return new Promise((resolve) => {
// compressorjs 默认开启 checkOrientation 选项 // compressorjs 默认开启 checkOrientation 选项
// 会将图片修正为正确方向 // 会将图片修正为正确方向
@ -823,8 +840,6 @@ const beforeRead = (file) =>{
quality: 0.1, quality: 0.1,
success(result){ success(result){
let file1 = new File([result], file.name, { type: file.type }) let file1 = new File([result], file.name, { type: file.type })
console.log("File对象", file1);
console.log("File对象", file1.size);
// uploadFile(file1) // uploadFile(file1)
uploadFile(file1,(res) =>{ uploadFile(file1,(res) =>{
submitData.fileList.push(res.url) submitData.fileList.push(res.url)

8
src/views/enterprise/registrationList.vue

@ -107,10 +107,10 @@
</div> </div>
</div> </div>
<div class="btn-list"> <div class="btn-list">
<a v-if="item.outTimeDayNum<=4 && item.isComplaint == 0" <a v-if="item.outTimeDayNum<=4 && isComplaint==0"
@click="toComplaintView(item.id,item.lawEnforcementItem,item.lawEnforcementItemText)"><van-icon name="warning-o" />投诉</a> @click.stop="toComplaintView(item.id,item.lawEnforcementItem,item.lawEnforcementItemText)"><van-icon name="warning-o" />投诉</a>
<a v-if="item.outTimeDayNum<=4 && item.isEvaluate == 0" <a v-if="item.outTimeDayNum<=4 && item.isEvaluate==0"
@click="toEvaluate(item.id,item.lawEnforcementItemText)"><van-icon name="flower-o" />评价</a> @click.stop="toEvaluate(item.id,item.lawEnforcementItemText)"><van-icon name="flower-o" />评价</a>
</div> </div>
</div> </div>
<div class="card_box_action" v-if="item.comOrOpi == 0"> <div class="card_box_action" v-if="item.comOrOpi == 0">

Loading…
Cancel
Save