|
|
|
@ -33,26 +33,34 @@ |
|
|
|
required |
|
|
|
:rules="[{ required: true, message: '请选择投诉事项' }]" |
|
|
|
/> |
|
|
|
<!-- <van-popup v-model:show="data.showPicker" position="bottom"> |
|
|
|
<van-picker |
|
|
|
v-model="data.selectTypeValue" |
|
|
|
:columns="data.columns" |
|
|
|
@cancel="data.showPicker = false" |
|
|
|
@confirm="onConfirm" |
|
|
|
/> |
|
|
|
</van-popup>--> |
|
|
|
<div class="add-box"> |
|
|
|
<div v-for="(item, index) in data.depts" :key="index"> |
|
|
|
<van-field |
|
|
|
v-if="isNoScan" |
|
|
|
v-model="item.text" |
|
|
|
label="执法部门" |
|
|
|
readonly |
|
|
|
required |
|
|
|
clickable |
|
|
|
:right-icon="(data.depts.length - index ) == 1 ? 'add-o' : 'close'" |
|
|
|
@click-right-icon="(data.depts.length - index ) == 1 ? addDept(index) : cancelDept(index)" |
|
|
|
:rules="[{ required: true, message: '请选择执法部门' }]" |
|
|
|
placeholder="请选择执法部门" |
|
|
|
@click-input="showPopup(index)" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<van-divider class="divdsty"/> |
|
|
|
<van-field |
|
|
|
v-model="submitData.complaintTime" |
|
|
|
v-model="submitData.enforcementTime" |
|
|
|
label="检查时间" |
|
|
|
placeholder="请选择" |
|
|
|
is-link |
|
|
|
required |
|
|
|
:rules="[{ required: true, message: '请选择执法时间' }]" |
|
|
|
@click=""/> |
|
|
|
@click="selectTime"/> |
|
|
|
<van-popup v-model:show="data.showTimePicker" position="bottom" :style="{ height: '30%' }"> |
|
|
|
<van-date-picker |
|
|
|
v-if="data.showNom" |
|
|
|
type="time" |
|
|
|
v-model="data.currentDate" |
|
|
|
@confirm="onConfirm" |
|
|
|
@ -147,6 +155,8 @@ |
|
|
|
</van-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<DeptPopup :visible="data.popupVisible" :content="data.deptContent" @close="closePopup" |
|
|
|
@reciveData="reciveDept"/> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup name="register"> |
|
|
|
@ -155,10 +165,17 @@ |
|
|
|
import {addEnterpriseComplaint} from '../../api/enterprise' |
|
|
|
import {getDict} from '../../api/Home' |
|
|
|
import {uploadFile} from '../../util/fileUpload' |
|
|
|
import {reactive, ref} from "vue"; |
|
|
|
|
|
|
|
const {useCommon, useMy} = $globalStore |
|
|
|
|
|
|
|
import {reactive, ref,defineProps} from "vue"; |
|
|
|
import DeptPopup from '@/views/enterprise/compaint/selectDeptFilter.vue'; |
|
|
|
|
|
|
|
const {useCommon, useMy} = $globalStore; |
|
|
|
const props = defineProps({ |
|
|
|
isNoScan: { |
|
|
|
type: Boolean, |
|
|
|
default: false |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
const router = useRouter(); |
|
|
|
const route = useRoute(); |
|
|
|
let queryaddressId = ref(""); |
|
|
|
@ -170,7 +187,14 @@ |
|
|
|
isSelect: false, |
|
|
|
isCheckedon: false, |
|
|
|
isCheckedoff: true, |
|
|
|
showTimePicker:false |
|
|
|
showTimePicker:false, |
|
|
|
deptChecked: false, |
|
|
|
deptContent: false, |
|
|
|
currentDate: ref(['2024', '08', '01']), |
|
|
|
depts: [[{text: "", id: ""}]], |
|
|
|
deptFlag: 0, |
|
|
|
popupVisible: false, |
|
|
|
deptContent:"", |
|
|
|
}); |
|
|
|
//保存参数 |
|
|
|
const submitData = reactive({ |
|
|
|
@ -200,15 +224,17 @@ |
|
|
|
//vant组件上传照片列表 |
|
|
|
fileListObj: [], |
|
|
|
//投诉时间 |
|
|
|
complaintTime:"", |
|
|
|
enforcementTime:"", |
|
|
|
complaintDepartments:"", |
|
|
|
complaintDepartmentIds:"", |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
// 返回 |
|
|
|
const goBack = () => { |
|
|
|
// router.go(-1); |
|
|
|
router.push({ name: "Home" }); |
|
|
|
}; |
|
|
|
const goBack = () => { |
|
|
|
// router.go(-1); |
|
|
|
router.push({ name: "Home" }); |
|
|
|
}; |
|
|
|
|
|
|
|
const validator = (val) => /^1[34578]\d{9}$/.test(val); |
|
|
|
|
|
|
|
@ -218,7 +244,19 @@ const goBack = () => { |
|
|
|
|
|
|
|
const submit = () => { |
|
|
|
// console.log(submitData); |
|
|
|
const deptNameArr = []; |
|
|
|
const deptIdArr = []; |
|
|
|
submitData.enterpriseNumber = useCommon.enterpriseNumber; |
|
|
|
for (let index = 0; index < data.depts.length; index++) { |
|
|
|
const element = data.depts[index]; |
|
|
|
console.log(element) |
|
|
|
deptNameArr.push(element.text); |
|
|
|
deptIdArr.push(element.id); |
|
|
|
} |
|
|
|
submitData.complaintDepartmentIds = deptIdArr.join(","); |
|
|
|
submitData.complaintDepartments = deptNameArr.join(","); |
|
|
|
console.log(submitData) |
|
|
|
// return; |
|
|
|
addEnterpriseComplaint(submitData, success => { |
|
|
|
|
|
|
|
console.log(success) |
|
|
|
@ -255,16 +293,22 @@ const goBack = () => { |
|
|
|
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 onConfirm = (time) => { |
|
|
|
console.log(time) |
|
|
|
if (time != null) { |
|
|
|
var times = time.selectedValues; |
|
|
|
submitData.enforcementTime = times[0] + "-" + times[1] + "-" + times[2]; |
|
|
|
// data.tempDate = times[1] + "月" + times[2] + "号"; |
|
|
|
} |
|
|
|
data.showTimePicker = false; |
|
|
|
} |
|
|
|
const selectType = () => { |
|
|
|
data.showPicker = true; |
|
|
|
// console.log(data) |
|
|
|
} |
|
|
|
const selectTime = () =>{ |
|
|
|
data.showTimePicker = true; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const selectCh = (val) => { |
|
|
|
@ -300,6 +344,7 @@ const goBack = () => { |
|
|
|
return true; |
|
|
|
} |
|
|
|
onMounted(() => { |
|
|
|
console.log(props?.isNoScan) |
|
|
|
console.log(route?.query?.id); |
|
|
|
console.log(route?.query?.lawEnforcementIncident); |
|
|
|
submitData.relId = route?.query?.id; |
|
|
|
@ -318,30 +363,33 @@ const goBack = () => { |
|
|
|
submitData.enforceType = 3; |
|
|
|
submitData.enforceTypeText = "入企不扫码"; |
|
|
|
}); |
|
|
|
|
|
|
|
</script> |
|
|
|
<script> |
|
|
|
//案件筛选弹窗 |
|
|
|
import Popup from './caseFilter.vue'; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { |
|
|
|
Popup |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
popupVisible: false, |
|
|
|
popupContent: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
showPopup() { |
|
|
|
this.popupVisible = true; |
|
|
|
}, |
|
|
|
closePopup() { |
|
|
|
this.popupVisible = false; |
|
|
|
} |
|
|
|
} |
|
|
|
const cancelDept = (index) => { |
|
|
|
data.depts.splice(index, 1); |
|
|
|
} |
|
|
|
const addDept = (index) => { |
|
|
|
data.depts.push({text: "", id: ""}); |
|
|
|
} |
|
|
|
const showPopup = (flag) => { |
|
|
|
data.deptFlag = flag; |
|
|
|
data.popupVisible = true; |
|
|
|
} |
|
|
|
const reciveDept = (item) =>{ |
|
|
|
console.log(item) |
|
|
|
|
|
|
|
const arr = []; |
|
|
|
for (let index = 0; index < item.length; index++) { |
|
|
|
const element = item[index]; |
|
|
|
console.log(element) |
|
|
|
var obj = {text: element.deptName, id: element.deptId} |
|
|
|
arr.push(obj); |
|
|
|
} |
|
|
|
console.log(arr) |
|
|
|
data.depts = arr; |
|
|
|
console.log(data.depts.value) |
|
|
|
|
|
|
|
} |
|
|
|
const closePopup = () =>{ |
|
|
|
data.popupVisible = false; |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
@ -660,5 +708,6 @@ const goBack = () => { |
|
|
|
box-sizing: border-box; |
|
|
|
line-height: 1.5; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
|
chenrui
2 years ago