wangyifang
/
patrol-maintain-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

up

Browse Source
master
刘翔宇-旅管家 4 years ago
parent dc551212f7
commit a4806f305c
1 changed files with 250 additions and 269 deletions
Show Stats Download Patch File Download Diff File

197
src/views/rain/maintain/maintain.vue
Unescape View File

@ -19,7 +19,8 @@
</LxHeader>
</div>
<div ref="lxTable">
<el-table :data="tableData" class="v-table" @selection-change="handleSelectionChange" :height="tableHeight" style="width: 100%">
<el-table :data="tableData" class="v-table" @selection-change="handleSelectionChange" :height="tableHeight"
style="width: 100%">
<el-table-column type="selection" fixed width="55"></el-table-column>
<el-table-column type="index" width="50" fixed label="序号" align="center"> </el-table-column>
<el-table-column :prop="column.field" :align="column.align" v-for="(column,index) in columns"
@ -33,10 +34,11 @@
style="margin-left: 10px;">编辑</Button>
<Button v-if="scope.row['status']==0" ghost size="small" @click="show(scope.row)" type="primary"
style="margin-left: 10px;">审核</Button>
<Button v-if="scope.row['status']==1&&scope.row['end_type']!=1" ghost size="small" @click="show(scope.row)" type="primary"
style="margin-left: 10px;">办结</Button>
<Button ghost size="small" v-if="scope.row['status']==0||scope.row['status']==1&&scope.row['end_type']!=1" @click="del(scope.row)"
type="error" style="margin-left: 10px;">删除</Button>
<Button v-if="scope.row['status']==1&&scope.row['end_type']!=1" ghost size="small"
@click="show(scope.row)" type="primary" style="margin-left: 10px;">办结</Button>
<Button ghost size="small"
v-if="scope.row['status']==0||scope.row['status']==1&&scope.row['end_type']!=1"
@click="del(scope.row)" type="error" style="margin-left: 10px;">删除</Button>
</div>
<div v-else-if="column.type=='end_type'">
<el-tag v-if="scope.row[column.field]==1" type="warning">有</el-tag>
@ -68,11 +70,15 @@
<div v-else-if="column.type=='format'">
{{scope.row[column.field]?scope.row[column.field].name:""}}
</div>
<div v-else-if="column.type=='admin'">
{{getUserName(scope.row)}}
</div>
<!-- <div v-else-if="column.type=='end_type'">
<el-tag v-if="scope.row[column.field]==0">无</el-tag>
<el-tag type="danger" v-if="scope.row[column.field]==1" >违法转办</el-tag>
</div> -->
<div v-else>{{scope.row[column.field]}}</div>
<div v-else>{{scope.row[column.field]}}
</div>
</template>
</el-table-column>
</el-table>
@ -463,13 +469,17 @@
<el-button @click="resetFormDetail('formdetail')">取 消</el-button>
<el-button v-if="nowstatus==0" type="primary" v-preventReClick @click="submitFormDetail('formdetail','1')">审核
</el-button>
<el-button v-if="nowstatus==1&&formdetail.end_type!=1" type="warning" v-preventReClick @click="submitFormDetail('formdetail','4')">
<el-button v-if="nowstatus==1&&formdetail.end_type!=1" type="warning" v-preventReClick
@click="submitFormDetail('formdetail','4')">
缺陷办结</el-button>
<el-button v-if="nowstatus==1&&formdetail.end_type!=1" type="primary" v-preventReClick @click="submitFormDetail('formdetail','2')">办结
<el-button v-if="nowstatus==1&&formdetail.end_type!=1" type="primary" v-preventReClick
@click="submitFormDetail('formdetail','2')">办结
</el-button>
<el-button v-if="nowstatus==1&&formdetail.end_type==1&&wf_type!=1" type="primary" v-preventReClick @click="submitFormDetail('formdetail','1')">保存
<el-button v-if="nowstatus==1&&formdetail.end_type==1&&wf_type!=1" type="primary" v-preventReClick
@click="submitFormDetail('formdetail','1')">保存
</el-button>
<el-button v-if="nowstatus==1&&formdetail.end_type!=1" type="danger" v-preventReClick @click="submitFormDetail('formdetail','3')">退回
<el-button v-if="nowstatus==1&&formdetail.end_type!=1" type="danger" v-preventReClick
@click="submitFormDetail('formdetail','3')">退回
</el-button>
</div>
@ -488,22 +498,10 @@
<el-row>
<el-col :span="12">
<el-form-item label="所属道路" prop="road_id">
<el-select
class="width100"
v-model="roadName"
filterable
remote
@change="chooseRoad"
:disabled="roaddisabled"
reserve-keyword
placeholder="请输入关键词查找道路信息"
:remote-method="remoteMethod"
<el-select class="width100" v-model="roadName" filterable remote @change="chooseRoad"
:disabled="roaddisabled" reserve-keyword placeholder="请输入关键词查找道路信息" :remote-method="remoteMethod"
:loading="roadloading">
<el-option
v-for="item in roadsList"
:key="item.id"
:label="item.name"
:value="item.id">
<el-option v-for="item in roadsList" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
@ -556,8 +554,7 @@
<el-col :span="24">
<el-form-item label="现场照片" prop="files_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
ref="pictureUpload" :auto-upload="true" :data="uploadOther"
:on-error="handleError"
ref="pictureUpload" :auto-upload="true" :data="uploadOther" :on-error="handleError"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}">
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
@ -604,8 +601,7 @@
</el-col>
<el-col :span="24" v-if="form.is_solve==1">
<el-form-item label="处理后照片" prop="files_deal_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card"
:on-error="handleError"
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :on-error="handleError"
:file-list="dealFilesList" ref="pictureUploads" :limit="3" :auto-upload="true" :data="uploadOther"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}">
<i slot="default" class="el-icon-plus"></i>
@ -636,22 +632,10 @@
<el-row>
<el-col :span="12">
<el-form-item label="所属道路" prop="road_id">
<el-select
class="width100"
v-model="roadName"
filterable
remote
@change="chooseRoad"
:disabled="roaddisabled"
reserve-keyword
placeholder="请输入关键词查找道路信息"
:remote-method="remoteMethod"
<el-select class="width100" v-model="roadName" filterable remote @change="chooseRoad"
:disabled="roaddisabled" reserve-keyword placeholder="请输入关键词查找道路信息" :remote-method="remoteMethod"
:loading="roadloading">
<el-option
v-for="item in roadsList"
:key="item.id"
:label="item.name"
:value="item.id">
<el-option v-for="item in roadsList" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
@ -679,8 +663,7 @@
<el-col :span="24">
<el-form-item label="现场照片" prop="files_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
ref="pictureUpload" :auto-upload="true" :data="uploadOther"
:on-error="handleError"
ref="pictureUpload" :auto-upload="true" :data="uploadOther" :on-error="handleError"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}">
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
@ -719,8 +702,7 @@
</el-col>
<el-col :span="24" v-if="form.is_solve==1">
<el-form-item label="处理后照片" prop="files_deal_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card"
:on-error="handleError"
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :on-error="handleError"
:file-list="dealFilesList" ref="pictureUploads" :limit="3" :auto-upload="true" :data="uploadOther"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,2)}">
<i slot="default" class="el-icon-plus"></i>
@ -754,22 +736,10 @@
<el-row>
<el-col :span="12">
<el-form-item label="所属道路" prop="road_id">
<el-select
class="width100"
v-model="roadName"
filterable
remote
@change="chooseRoad"
:disabled="roaddisabled"
reserve-keyword
placeholder="请输入关键词查找道路信息"
:remote-method="remoteMethod"
<el-select class="width100" v-model="roadName" filterable remote @change="chooseRoad"
:disabled="roaddisabled" reserve-keyword placeholder="请输入关键词查找道路信息" :remote-method="remoteMethod"
:loading="roadloading">
<el-option
v-for="item in roadsList"
:key="item.id"
:label="item.name"
:value="item.id">
<el-option v-for="item in roadsList" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
@ -794,8 +764,7 @@
<el-col :span="24">
<el-form-item label="附件" prop="files_list">
<el-upload multiple action="/api/admin/upload-file" list-type="picture-card" :file-list="filesList"
ref="pictureUpload" :auto-upload="true" :data="uploadOther"
:on-error="handleError"
ref="pictureUpload" :auto-upload="true" :data="uploadOther" :on-error="handleError"
:on-success="function(responsose,file,fileList) {return handlesuccess(responsose,file,fileList,1)}">
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{file}">
@ -844,7 +813,8 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="audit_reamrk">
<el-input type="textarea" v-model="reviewForm.audit_reamrk" placeholder="请填写备注" autocomplete="off"></el-input>
<el-input type="textarea" v-model="reviewForm.audit_reamrk" placeholder="请填写备注" autocomplete="off">
</el-input>
</el-form-item>
</el-col>
</el-row>
@ -905,18 +875,18 @@
data() {
return {
reviewFormVisible: false,
reviewList:[],
reviewForm:{
ids:[],
audit_status:0,
audit_reamrk:""
reviewList: [],
reviewForm: {
ids: [],
audit_status: 0,
audit_reamrk: ""
},
reviewStatusList:[{
id:0,
value:"待复核"
},{
id:1,
value:"已复核"
reviewStatusList: [{
id: 0,
value: "待复核"
}, {
id: 1,
value: "已复核"
}],
tableHeight: 0,
rainTypeVisible: false,
@ -974,18 +944,18 @@
files_deal_list: [],
date: "",
address: "",
road_id:""
road_id: ""
},
roadsList:[],
roadName:"",
roaddisabled:false,
roadloading:false,
roadsList: [],
roadName: "",
roaddisabled: false,
roadloading: false,
formdetail: {
status: 0,
end_type: 0,
content: ""
},
wf_type:0,
wf_type: 0,
rules: {
content: [{
@ -1000,7 +970,8 @@
title: "地址/排放点",
type: "string",
align: "left",
width: 360
width: 360,
fixed: "left"
},
{
field: "area_info",
@ -1045,7 +1016,7 @@
// width:160
// },
{
field: "admin",
field: "userName",
title: "提交人",
type: "admin",
align: "center",
@ -1056,7 +1027,8 @@
title: "提交日期",
type: "string",
align: "center",
width: 180
width: 180,
fixed: "right"
},
{
field: "操作",
@ -1081,40 +1053,50 @@
this.form.address = newVal[2];
// }
},
rainType(){
rainType() {
this.roadsList = []
}
},
methods: {
handleSelectionChange(val){
getUserName(row) {
if (row.admin) {
return row.admin.name;
} else if (row.user) {
return row.user.name;
} else {
return "未知";
}
},
handleSelectionChange(val) {
console.log(val)
this.reviewList = val
},
review(){
review() {
let data = this.reviewList
let idsArr = [];
if(data.length>0){
for(var m of data){
if (data.length > 0) {
for (var m of data) {
idsArr.push(m.id)
}
this.reviewForm.ids = idsArr
this.reviewFormVisible = true
}else{
} else {
this.$message({
message: '请选择需要复核的信息',
type: 'warning'
});
}
},
submitReviewForm(){
submitReviewForm() {
var that = this
console.log(that.reviewForm);
review({
ids:that.reviewForm.ids,
audit_status:that.reviewForm.audit_status,
audit_reamrk:that.reviewForm.audit_reamrk
ids: that.reviewForm.ids,
audit_status: that.reviewForm.audit_status,
audit_reamrk: that.reviewForm.audit_reamrk
}).then(response => {
this.$Message.success('操作成功');
that.load();
@ -1124,20 +1106,20 @@
reject(error)
});
},
chooseRoad(val){
chooseRoad(val) {
this.form.road_id = val
},
remoteMethod(query){
if(query!=''){
remoteMethod(query) {
if (query != '') {
this.roadloading = true
listroad({
name:query
name: query
}).then(res => {
this.roadloading = false
this.roadsList = res.data
})
}else{
this.roadsList=[]
} else {
this.roadsList = []
}
},
initLoad() {
@ -1223,7 +1205,7 @@
that.form = result.circulation_info;
that.form.circulation_id = result.circulation_id;
that.roaddisabled = true
that.roadName = result.circulation_info.road?result.circulation_info.road.name:""
that.roadName = result.circulation_info.road ? result.circulation_info.road.name : ""
that.idname = "circulation_id"
that.mapform = [result.circulation_info.longitude, result.circulation_info.latitude, result
.circulation_info.address
@ -1252,7 +1234,7 @@
that.form = result.help_discharge_info;
that.form.help_discharge_id = result.help_discharge_id;
that.roaddisabled = true
that.roadName = result.help_discharge_info.road?result.help_discharge_info.road.name:""
that.roadName = result.help_discharge_info.road ? result.help_discharge_info.road.name : ""
that.idname = "help_discharge_id"
that.mapform = [result.help_discharge_info.longitude, result.help_discharge_info.latitude, result
.help_discharge_info.address
@ -1282,7 +1264,7 @@
that.form = result.mire_info;
that.form.mire_id = result.mire_id;
that.roaddisabled = true
that.roadName = result.mire_info.road?result.mire_info.road.name:""
that.roadName = result.mire_info.road ? result.mire_info.road.name : ""
that.idname = "mire_id";
let mire_files = [];
for (var mod of result.mire_info.mire_files) {
@ -1299,7 +1281,7 @@
that.form.out_water_id = result.out_water_id;
that.idname = "out_water_id"
that.roaddisabled = true
that.roadName = result.out_water_info.road?result.out_water_info.road.name:""
that.roadName = result.out_water_info.road ? result.out_water_info.road.name : ""
that.mapform = [result.out_water_info.longitude, result.out_water_info.latitude, result.out_water_info
.address
]
@ -1481,7 +1463,7 @@
});
},
handleError(err,file,fileList){
handleError(err, file, fileList) {
this.$message.error('上传失败，重新上传');
},
resetrainType() {
@ -1624,5 +1606,4 @@
.vm10 .el-select__caret.el-input__icon.el-icon-arrow-up {
line-height: 30px;
}
</style>

Write Preview
Loading…
Cancel
Save