|
|
@ -18,7 +18,7 @@ |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.lawEnforcementIncident" |
|
|
v-model="submitData.lawEnforcementIncident" |
|
|
label="投诉案件" |
|
|
label="投诉案件" |
|
|
placeholder="必填 请选择" |
|
|
placeholder="请选择" |
|
|
readonly |
|
|
readonly |
|
|
required |
|
|
required |
|
|
:rules="[{ required: true, message: '请选择投诉案件' }]" |
|
|
:rules="[{ required: true, message: '请选择投诉案件' }]" |
|
|
@ -31,7 +31,7 @@ |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.lawEnforcementIncident" |
|
|
v-model="submitData.lawEnforcementIncident" |
|
|
label="投诉案件" |
|
|
label="投诉案件" |
|
|
placeholder="必填 请选择" |
|
|
placeholder="请选择" |
|
|
readonly |
|
|
readonly |
|
|
required |
|
|
required |
|
|
:rules="[{ required: true, message: '请选择投诉案件' }]" |
|
|
:rules="[{ required: true, message: '请选择投诉案件' }]" |
|
|
@ -82,11 +82,16 @@ |
|
|
<!-- <div class="preview-cover van-ellipsis">{{ file.name }}</div>--> |
|
|
<!-- <div class="preview-cover van-ellipsis">{{ file.name }}</div>--> |
|
|
<!-- </template>--> |
|
|
<!-- </template>--> |
|
|
<!-- </van-uploader>--> |
|
|
<!-- </van-uploader>--> |
|
|
<van-uploader v-model="submitData.fileListObj" max-count="9" class="file" multiple |
|
|
<!-- <van-uploader v-model="submitData.fileListObj" max-count="9" class="file" multiple |
|
|
:after-read="uploadFiles" :before-delete="deleteFile"> |
|
|
: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> |
|
|
|
|
|
</van-uploader> --> |
|
|
|
|
|
<van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="9" :after-read="uploadFiles" :before-delete="deleteFile"> |
|
|
|
|
|
<template #preview-cover="{ file }"> |
|
|
|
|
|
<div class="preview-cover van-ellipsis">{{ file.name }}</div> |
|
|
|
|
|
</template> |
|
|
</van-uploader> |
|
|
</van-uploader> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
@ -108,14 +113,14 @@ |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.linkman" |
|
|
v-model="submitData.linkman" |
|
|
label="联系人" |
|
|
label="联系人" |
|
|
placeholder="必填 联系人" |
|
|
placeholder="联系人" |
|
|
required |
|
|
required |
|
|
:rules="[{ required: true, message: '请填写联系人' }]" |
|
|
:rules="[{ required: true, message: '请填写联系人' }]" |
|
|
/> |
|
|
/> |
|
|
<van-field |
|
|
<van-field |
|
|
v-model="submitData.linkmanTel" |
|
|
v-model="submitData.linkmanTel" |
|
|
label="联系方式" |
|
|
label="联系方式" |
|
|
placeholder="必填 联系方式" |
|
|
placeholder="联系方式" |
|
|
required |
|
|
required |
|
|
:rules="[{ validator, message: '请输入正确内容' }]" |
|
|
:rules="[{ validator, message: '请输入正确内容' }]" |
|
|
/> |
|
|
/> |
|
|
@ -124,6 +129,9 @@ |
|
|
<span class="accept-item"><input class="checksty" type="checkbox" name="" value="" v-model="data.isCheckedon" @click="selectCh(1)">同意</span> |
|
|
<span class="accept-item"><input class="checksty" type="checkbox" name="" value="" v-model="data.isCheckedon" @click="selectCh(1)">同意</span> |
|
|
<span class="accept-item"><input class="checksty" type="checkbox" name="" value="" v-model="data.isCheckedoff" @click="selectCh(0)">不同意</span> |
|
|
<span class="accept-item"><input class="checksty" type="checkbox" name="" value="" v-model="data.isCheckedoff" @click="selectCh(0)">不同意</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="agree-remark"> |
|
|
|
|
|
<span class="accept-item">注:选择“同意”,处置部门将通过登记的联系人联系电话与您联系,并对您的个人信息严格保密。</span> |
|
|
|
|
|
</div> |
|
|
</van-cell-group> |
|
|
</van-cell-group> |
|
|
<van-action-bar> |
|
|
<van-action-bar> |
|
|
<!-- <van-action-bar-button color="#1367fe" text="提交" @click="submit"/>--> |
|
|
<!-- <van-action-bar-button color="#1367fe" text="提交" @click="submit"/>--> |
|
|
@ -141,7 +149,7 @@ |
|
|
import {getDict} from '../../api/Home' |
|
|
import {getDict} from '../../api/Home' |
|
|
import {uploadFile} from '../../util/fileUpload' |
|
|
import {uploadFile} from '../../util/fileUpload' |
|
|
import {reactive, ref} from "vue"; |
|
|
import {reactive, ref} from "vue"; |
|
|
|
|
|
import * as w6s from 'szient-js-sdk'; |
|
|
const {useCommon, useMy} = $globalStore |
|
|
const {useCommon, useMy} = $globalStore |
|
|
|
|
|
|
|
|
const router = useRouter(); |
|
|
const router = useRouter(); |
|
|
@ -259,6 +267,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const uploadFiles = (file) => { |
|
|
const uploadFiles = (file) => { |
|
|
|
|
|
console.log(11111111) |
|
|
uploadFile(file, (res) => { |
|
|
uploadFile(file, (res) => { |
|
|
console.log(res); |
|
|
console.log(res); |
|
|
submitData.fileList.push(res.url) |
|
|
submitData.fileList.push(res.url) |
|
|
@ -308,6 +317,48 @@ |
|
|
submitData.lawEnforcementIncident = item.lawEnforcementItem; |
|
|
submitData.lawEnforcementIncident = item.lawEnforcementItem; |
|
|
submitData.relId = item.id; |
|
|
submitData.relId = item.id; |
|
|
} |
|
|
} |
|
|
|
|
|
const getAddressInfo = () =>{ |
|
|
|
|
|
console.log(url); |
|
|
|
|
|
const access_key = '6374106c5eb449a4ad6c2430f30796e6'; |
|
|
|
|
|
const access_secret = '434fec85aa5846e88bbeb8fac6cf6d7f'; |
|
|
|
|
|
// generateRandomNumber() |
|
|
|
|
|
const nonce = "887954"; |
|
|
|
|
|
const timestamp = `${Date.now()}`; |
|
|
|
|
|
|
|
|
|
|
|
const str = [access_secret, nonce, timestamp] |
|
|
|
|
|
.sort() |
|
|
|
|
|
.reduce((str, item) => str += item, ''); |
|
|
|
|
|
|
|
|
|
|
|
// 最终还需要转成全小写 |
|
|
|
|
|
const signature = sha1(str).toString().toLowerCase(); |
|
|
|
|
|
var siqObject = { |
|
|
|
|
|
access_key: access_key, |
|
|
|
|
|
nonce: nonce, |
|
|
|
|
|
timestamp: timestamp, |
|
|
|
|
|
signature: signature, |
|
|
|
|
|
}; |
|
|
|
|
|
console.log(siqObject); |
|
|
|
|
|
//深i企鉴权 |
|
|
|
|
|
w6s.config(siqObject) |
|
|
|
|
|
.then((res) => { |
|
|
|
|
|
// 成功 |
|
|
|
|
|
console.log("鉴权成功",res); |
|
|
|
|
|
w6s.ready(() => { |
|
|
|
|
|
w6s.location.getLocation({ |
|
|
|
|
|
success: function(res) { |
|
|
|
|
|
console.log(res) |
|
|
|
|
|
}, |
|
|
|
|
|
fail: function(err) {}, |
|
|
|
|
|
}); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
|
.catch((err) => { |
|
|
|
|
|
// 失败 |
|
|
|
|
|
// console.log(err) |
|
|
|
|
|
console.log("鉴权失败",err); |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
</script> |
|
|
</script> |
|
|
<script> |
|
|
<script> |
|
|
@ -624,6 +675,16 @@ |
|
|
width: 0.5rem; |
|
|
width: 0.5rem; |
|
|
height: 0.5rem; |
|
|
height: 0.5rem; |
|
|
} |
|
|
} |
|
|
|
|
|
.agree-remark { |
|
|
|
|
|
.accept-item { |
|
|
|
|
|
font-size: 0.3rem; |
|
|
|
|
|
padding: 0px 10px; |
|
|
|
|
|
width: 80%; |
|
|
|
|
|
color: #969799 |
|
|
|
|
|
} |
|
|
|
|
|
height: 1.4rem; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .van-button { |
|
|
/deep/ .van-button { |
|
|
margin: 5% 3%; |
|
|
margin: 5% 3%; |
|
|
|