<template>
|
<a-spin :spinning="confirmLoading">
|
<j-form-container >
|
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
|
<a-row>
|
<a-col :span="24" v-if="selectBachData.taskDefKey ==='task_proofread'" class="btxx">
|
<a-form-model-item label="处理类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop='status'>
|
<j-dict-select-tag type='list' v-model='model.status' dictCode='nc_sq_handle_type_jd' placeholder="请选择处理类型" />
|
</a-form-model-item >
|
</a-col>
|
<a-col :span="24" v-if="selectBachData.taskDefKey ==='task_approve' || selectBachData.taskDefKey ==='task_cut' || selectBachData.taskDefKey ==='task_finalize'" class="btxx">
|
<a-form-model-item label="处理类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop='status'>
|
<j-dict-select-tag type='list' v-model='model.status' dictCode='nc_sq_handle_type' placeholder="请选择处理类型" />
|
</a-form-model-item >
|
</a-col>
|
<a-col :span="24" class="btxx">
|
<a-form-model-item label="处理意见" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
<a-textarea v-model="model.approveContent" rows="4" placeholder="请输入处理意见"/>
|
</a-form-model-item >
|
</a-col>
|
</a-row>
|
</a-form-model>
|
</j-form-container>
|
</a-spin>
|
</template>
|
|
<script>
|
import axios from 'axios';
|
import {
|
httpAction,
|
getAction
|
} from '@/api/manage'
|
import {
|
validateDuplicateValue
|
} from '@/utils/util'
|
|
export default {
|
name: 'ChCfForm',
|
components: {},
|
props: {
|
//表单禁用
|
disabled: {
|
type: Boolean,
|
default: false,
|
required: false
|
}
|
},
|
data() {
|
return {
|
principalList: [],
|
model: {},
|
labelCol: {
|
xs: {
|
span: 24
|
},
|
sm: {
|
span: 5
|
},
|
},
|
wrapperCol: {
|
xs: {
|
span: 24
|
},
|
sm: {
|
span: 16
|
},
|
},
|
confirmLoading: false,
|
validatorRules: {
|
address: [{
|
required: true,
|
message: '请选择地址!'
|
}, ],
|
bt: [{
|
required: true,
|
message: '请输入标题!'
|
}, ],
|
},
|
url: {
|
approvalBatch: "/dncFlow/dispatchFile/approvalBatch",
|
},
|
selectBachData:{}
|
}
|
},
|
computed: {
|
formDisabled() {
|
return this.disabled
|
},
|
},
|
created() {
|
//备份model原始值
|
this.modelDefault = JSON.parse(JSON.stringify(this.model));
|
},
|
methods: {
|
handleChange(e) {
|
console.log(e);
|
let sss = e.split('||||')
|
console.log(sss);
|
this.model.jd = sss[0]
|
this.model.address = sss[1]
|
console.log(sss)
|
},
|
handleSearch(e) {
|
if (e === '') {
|
return
|
}
|
const that = this;
|
axios.get('/s-api/api/index/lsdz?input=' + e)
|
.then(response => {
|
that.principalList = []
|
console.log(that.principalList)
|
for (var i = 0; i < response.data.data.length; i++) {
|
that.principalList.push({
|
value: response.data.data[i].inputValueId + '||||' + response.data.data[i].setout,
|
label: response.data.data[i].setout,
|
});
|
}
|
// that.principalList = response.data.data
|
console.log(that.principalList, '8888'); // 输出返回的数据
|
})
|
.catch(error => {
|
console.error(error); // 处理错误情况
|
});
|
},
|
add() {
|
this.edit(this.modelDefault);
|
},
|
edit(record) {
|
this.selectBachData=record
|
this.visible = true;
|
},
|
submitForm () {
|
const that = this;
|
if (that.selectBachData.taskDefKey ==='task_prepare'){
|
// 触发表单验证-重新启动
|
this.$refs.form.validate(valid => {
|
if (valid) {
|
that.confirmLoading = true;
|
let url=this.url.approvalBatch;
|
let method = 'post';
|
let flowTaskVo = {}
|
flowTaskVo.comment =this.model.approveContent;
|
flowTaskVo.taskIds=that.selectBachData.taskIds
|
flowTaskVo.targetKey=that.selectBachData.taskDefKey
|
console.log("表单提交数据",flowTaskVo)
|
httpAction(url,flowTaskVo,method).then((res)=>{
|
if(res.success){
|
that.$message.success(res.message);
|
that.visible = false;
|
that.$emit('searchReset');
|
}else{
|
that.$message.warning(res.message);
|
}
|
}).finally(() => {
|
that.confirmLoading = false;
|
})
|
}
|
})
|
//跳出方法
|
return false;
|
}else {
|
if (!that.model.status==null || that.model.status===undefined){
|
this.$message.warning('请选择处理类型！')
|
return false;
|
}
|
}
|
if (!that.model.approveContent==null || that.model.approveContent===undefined) {
|
this.$message.warning('请输入处理意见！')
|
return false;
|
}
|
// 触发表单验证
|
this.$refs.form.validate(valid => {
|
if (valid) {
|
that.confirmLoading = true;
|
let url=this.url.approvalBatch
|
let method = 'post';
|
let handle =this.model.status === '1';
|
let flowTaskVo = {}
|
switch (that.selectBachData.taskDefKey){
|
case "task_approve":
|
flowTaskVo.ratify=handle;
|
break;
|
case "task_cut":
|
flowTaskVo.cut=handle;
|
break;
|
case "task_finalize":
|
flowTaskVo.stereotype=handle;
|
break;
|
}
|
if (that.selectBachData.taskDefKey ==='task_proofread'){
|
flowTaskVo.proofreadStatus =that.model.status;
|
}
|
flowTaskVo.comment =that.model.approveContent;
|
flowTaskVo.taskIds=that.selectBachData.taskIds
|
flowTaskVo.targetKey=that.selectBachData.taskDefKey
|
console.log("表单提交数据",flowTaskVo)
|
httpAction(url,flowTaskVo,method).then((res)=>{
|
if(res.success){
|
that.$message.success(res.message);
|
that.valid = false
|
that.close();
|
//刷新表格
|
that.$emit('ok')
|
}else{
|
that.$message.warning(res.message);
|
}
|
}).finally(() => {
|
that.confirmLoading = false;
|
})
|
}
|
})
|
},
|
}
|
}
|
</script>
|
