elink-star
/
epmet-work-h5-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

上报

master
是小王呀\24601 1 year ago
parent
812b26587f
commit
96398710d2
3 changed files with 227 additions and 69 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/assets/css/common.less
  2. BIN
      src/assets/images/uploand.png
  3. 293
      src/views/HotlineDetail/index.vue

3
src/assets/css/common.less
View File

@ -39,6 +39,9 @@
&-y{ &-y{
flex-direction: column; flex-direction: column;
} }
&-x{
flex-direction: row;
}
&-center1{ &-center1{
justify-content: center; justify-content: center;
} }

BIN
src/assets/images/uploand.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

293
src/views/HotlineDetail/index.vue
View File

@ -140,64 +140,64 @@
</div> </div>
<van-popup round v-model="show" close-icon-position="top-left" position="bottom" :style="{ height: '50%' }"> <van-popup round v-model="show" close-icon-position="top-left" position="bottom" :style="{ height: '50%' }">
<van-cell-group> <van-cell-group>
<van-cell is-link> <van-field readonly is-link v-model="stutasName" label="办理状态" placeholder="请选择证件类型"
<div class="flex flex-x" > @click="showPicker = true" />
<span>办理状态</span> <van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" />
<div @click="showPicker1()" style="padding-left: 20px;" >{{ stutasName }}</div> <div class="textarea">
<van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" /> <van-field type="textarea" v-model="content" label="办理情况" placeholder="请输入内容" rows="2" autosize
</div> show-word-limit required />
</van-cell> </div>
<van-cell >
<div class="flex flex-y" >
<span style=" white-space: nowrap;">办理情况</span>
<input class="inpit" type="text" v-model="operationType" placeholder="请输入内容">
</div>
</van-cell>
<van-cell> <van-cell>
<div class="flex flex-y"is-link > <div class="flex" is-link>
<span style=" white-space: nowrap;">上传录音</span> <span style=" white-space: nowrap;">上传录音</span>
</div> </div>
</van-cell> </van-cell>
<van-cell> <van-cell title="上传图片">
<div class="flex "is-link > <template #label>
<span style=" white-space: nowrap;">答复人</span> <van-uploader v-model="pictureList" :after-read="afterRead1" :max-count="3"
<input v-model="operationType" placeholder="请输入内容" class="input1" > :max-size="10 * 1024 * 1024" />
</div> </template>
</van-cell>
<van-cell>
<div class="flex "is-link >
<span style=" white-space: nowrap;">答复电话</span>
<input v-model="operationType" placeholder="请输入内容" class="input1" >
</div>
</van-cell>
<van-cell>
<div class="flex "is-link >
<span style=" white-space: nowrap;">联系人</span>
<input v-model="operationType" placeholder="请输入内容" class="input1" >
</div>
</van-cell>
<van-cell>
<div class="flex "is-link >
<span style=" white-space: nowrap;">联系电话</span>
<input v-model="operationType" placeholder="请输入内容" class="input1" >
</div>
</van-cell>
<van-cell is-link>
<div class="flex flex-x" >
<span>填报不合规诉求</span>
<div @click="showPicker1()" style="padding-left: 20px;" >{{ stutasName }}</div>
<van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" />
</div>
</van-cell>
<van-cell is-link>
<div class="flex flex-x" >
<span>办理真实度</span>
<div @click="showPicker1()" style="padding-left: 20px;" >{{ stutasName }}</div>
<van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" />
</div>
</van-cell> </van-cell>
<van-field v-model="respondent" label="答复人" placeholder="请输入" />
<van-field v-model="respondentPhone" label="答复电话" placeholder="请输入" />
<van-field v-model="contacts" label="联系人" placeholder="请输入" />
<van-field v-model="contactsPhone" label="联系电话" placeholder="请输入" />
<van-field readonly is-link v-model="irregularityName" label="填报不合规诉求" placeholder="请选择"
@click="showunreasonable = true" />
<van-action-sheet v-if="showunreasonable" v-model="irregularity" :actions="unreasonable"
@select="onirregularity" />
<van-field readonly is-link v-model="irregularityname" label="办理真实度" placeholder="请选择" required
@click="showreal = true" />
<van-action-sheet v-if="showreal" v-model="verified" :actions="realList" @select="onreal" />
<van-field v-if="operationType=='11'" v-model="returnVisitor" label="回访人" placeholder="请输入" />
<van-field v-if="operationType=='11'" readonly is-link v-model="returnTime" label="回访时间" placeholder="请选择"
@click="showtime = true" />
<van-datetime-picker v-if="showtime" v-model="returnTime" type="datetime" :min-date="minDate"
:max-date="maxDate" />
<van-field v-if="operationType=='11'" readonly is-link v-model="loseContactName" label="联系当事人" placeholder="请选择" required
@click="showloseContact = true" />
<van-action-sheet v-if="showloseContact" v-model="loseContact" :actions="loseContactList"
@select="onloseContact" />
<van-field v-if="operationType=='11'" readonly is-link v-model="putThroughName" label="未接通电话" placeholder="请选择" required
@click="showputThrough = true" />
<van-action-sheet v-if="showputThrough" v-model="putThrough" :actions="putThroughList"
@select="onputThrough" />
<van-field v-if="operationType=='11'" readonly is-link v-model="cooperateName" label="是否配合回访" placeholder="请选择" required
@click="showcooperate = true" />
<van-action-sheet v-if="showcooperate" v-model="cooperate" :actions="cooperateList"
@select="oncooperate" />
<van-field v-if="operationType=='11'" readonly is-link v-model="satisfactionName" label="服务都满意度" placeholder="请选择" required
@click="showsatisfaction = true" />
<van-action-sheet v-if="showsatisfaction" v-model="satisfaction" :actions="satisfactionList"
@select="onsatisfaction" />
<van-field v-if="operationType=='11'" readonly is-link v-model="dissatisfyReasonName" label="不满意原因" placeholder="请选择" required
@click="showdissatisfyReason = true" />
<van-action-sheet v-if="showsdissatisfyReason" v-model="dissatisfyReason"
:actions="dissatisfyReasonList" @select="onshowdissatisfyReason" />
<div class="textarea">
<van-field v-if="operationType=='11'" type="textarea" v-model="visitComments" label="回访意见" placeholder="请输入内容" rows="2"
autosize show-word-limit required />
</div>
</van-cell-group> </van-cell-group>
<div class="flex flex-x flex-mean" style="margin-top: 10px;"> <div class="flex flex-x flex-mean" style="margin-top: 10px;">
<van-button style="width: 30%;" round type="info" @click="cancel">取消</van-button> <van-button style="width: 30%;" round type="info" @click="cancel">取消</van-button>
@ -217,6 +217,24 @@ import Card from './Card.vue';
export default { export default {
data() { data() {
return { return {
showsdissatisfyReason:false,
dissatisfyReasonName:"",
showsatisfaction:false,
satisfactionName:"",
showcooperate:false,
cooperateName:"",
showputThrough:false,
putThroughName:"",
showloseContact:false,
loseContactName:"",
showtime:false,
irregularityname:"",
showreal:false,
showdissatisfyReason:false,
irregularityName:"",
showunreasonable:false,
fileList:[],
pictureList:[],
showPicker:false, showPicker:false,
stutasName:"办理中", stutasName:"办理中",
show:false, show:false,
@ -230,13 +248,66 @@ export default {
tableData:{}, tableData:{},
afterList:[], afterList:[],
actions: [ actions: [
{ name: '未联系当事人' }, { name: '已联系当事人', value: "9" },
{ name: '已联系当事人' }, { name: '办理中', value: "10" },
{ name: '办理中' }, { name: '已办结', value: "11" },
{ name: '已办结待审核' }, ],
{ name: '已审核归档' }, unreasonable: [
] { name: '是', value: "0" },
{ name: '否', value: "1" },
],
dissatisfyReasonList: [
{ name: '未回复', value: "0" },
{ name: '服务态度差', value: "1" },
{ name: '推诿扯皮', value: "2" },
{ name: '处理不及时', value: "3" },
{ name: '其他', value: "4" },
],
realList:[
{ name: '属实', value: "0" },
{ name: '不属实', value: "1" },
],
loseContactList:[
{ name: '已联系', value: "0" },
{ name: '未取得联系', value: "1" },
],
putThroughList:[
{ name: '接通', value: "0" },
{ name: '未接通', value: "1" },
],
cooperateList:[
{ name: '配合', value: "0" },
{ name: '不配合', value: "1" },
],
satisfactionList:[
{ name: '满意', value: "0" },
{ name: '非常满意', value: "1" },
{ name: '不满意', value: "2" },
],
examineList:[
{ name: '通过', value: "0" },
{ name: '不通过', value: "1" },
],
operationType: "", //处理方式[11已办结,10办理中,9联系当事人]
content: '',//办理情况
files: [],//附件
respondent: '',//答复人
respondentPhone: '',//答复人电话
contacts: '',//联系人
contactsPhone: '',//联系人电话
irregularity: '',//填报不合规诉求 0：是 1：否
//不合规诉求类型
verified: '', //办理真实度是否属实 0：属实 1：不属实
returnVisitor: '',//回访人
returnTime: '',//回访时间
loseContact: '',//联系当事人0：已联系 1：未取得联系
putThrough: '',//接通电话 0：接通 1：未接通
cooperate: '',//是否配合回访0：配合 1：不配合
satisfaction: '',//0：满意 1：非常满意 2：不满意
dissatisfyReason: '',//不满意原因
visitComments: '',//回访意见
examine: null,//审核结果
examineContent: ''//审核说明
}; };
}, },
created() { created() {
@ -254,6 +325,33 @@ export default {
}, },
methods: { methods: {
oncooperate(item){
this.cooperateName=item.name
this.cooperate=item.value
this.showcooperate=false
},
onsatisfaction(item){
this.satisfactionName=item.name
this.satisfaction=item.value
this.showsatisfaction=false
},
onputThrough(item){
console.log(item);
this.putThroughName=item.name
this.putThrough=item.value
this.showputThrough=false
},
onreal(item){
this.irregularityname=item.name
this.verified=item.value
this.showreal=false
},
onloseContact(item){
this.loseContact=item.value
this.loseContactName=item.name
this.showloseContact=false
},
//获取事件 //获取事件
async icEventList() { async icEventList() {
await icEventList({ await icEventList({
@ -306,27 +404,70 @@ export default {
onSelect(item){ onSelect(item){
console.log(item); console.log(item);
this.stutasName=item.name this.stutasName=item.name
this.operationType=item.value
this.showPicker=false this.showPicker=false
}, },
ondissatisfyReason(item){
console.log(item);
this.dissatisfyReasonName=item.name
this.dissatisfyReason=item.value
},
onirregularity(item){
console.log(item);
this.irregularityName=item.name
this.irregularity=item.value
this.showunreasonable=false
},
cancel(){ cancel(){
console.log("dslkjksdf"); console.log("dslkjksdf");
this.show=false this.show=false
}, },
async onreply(){ async onreply(){
await icEventList({ await reply({
pageNo: this.pageNo, operationType:this.operationType, //处理方式[11已办结,10办理中,9联系当事人]
pageSize: this.pageSize, content: this.content,//办理情况
icEventId:this.icEventId files: this.pictureList,//附件
respondent: this.respondent,//答复人
respondentPhone: this.respondentPhone,//答复人电话
contacts: this.contacts,//联系人
contactsPhone: this.contactsPhone,//联系人电话
irregularity: this.irregularity,//填报不合规诉求 0：是 1：否
//不合规诉求类型
verified: this.verified, //办理真实度是否属实 0：属实 1：不属实
returnVisitor: this.returnVisitor,//回访人
returnTime: this.returnTime,//回访时间
loseContact: this.loseContact,//联系当事人0：已联系 1：未取得联系
putThrough: this.putThrough,//接通电话 0：接通 1：未接通
cooperate: this.cooperate,//是否配合回访0：配合 1：不配合
satisfaction: this.satisfaction,//0：满意 1：非常满意 2：不满意
dissatisfyReason: this.dissatisfyReason,//不满意原因
visitComments: this.visitComments,//回访意见
examine: this.examine,//审核结果
examineContent:this.examineContent,//审核说明,
icEventId:this.icEventId
}).then(res => { }).then(res => {
console.log(res.data.list[0],"skjlfhskdjfh"); console.log(res,"skjlfhskdjfh");
this.tableData=res.data.list[0]
console.log(this.tableData,"skjlfhskdjfh");
this.agencyGridDepttree()
}).catch(err => { }).catch(err => {
}) })
} },
afterRead1(file) {
// 文件读取后的处理逻辑
this.fileList.push(file);
},
beforeRead(file) {
// 这里可以做一些文件的预处理，如果需要返回false则会阻止文件上传
if (file.type.indexOf('audio') === -1) {
this.$toast.fail('请上传音频文件');
return false;
}
return true;
}, },
onDelete(file, index) {
// 删除文件的处理逻辑
this.fileList.splice(index, 1);
}
},
components: {Card}, components: {Card},
computed: { computed: {
@ -468,4 +609,18 @@ white-space: nowrap
border: none; border: none;
padding-left: 20px; padding-left: 20px;
} }
.textarea {
/deep/ .van-cell {
display: block;
}
/deep/ .van-field__label {
width: 100%;
}
/deep/ .van-cell__value {
margin-top: 10px;
background: #F7F7F7;
padding: 14px 16px;
}
}
</style> </style>

Write Preview
Loading…
Cancel
Save