cxc/rn-bms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

第一次提交

Browse Source
This commit is contained in:
熊丽君
2021-04-15 14:29:44 +08:00
parent 6255eb9246
commit ad4e8e33c8
12 changed files with 1656 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

342
src/views/workOrderManage/orderList/index.vue
View File

@ -3,38 +3,81 @@
<el-row>
<!-- 地区 -->
<el-col :span="4">
<region @selectdRegionCode="selectdRegionCode" :currentNodeKey.sync="queryParams.provinceCode"></region>
<region
@selectdRegionCode="selectdRegionCode"
:currentNodeKey.sync="queryParams.provinceCode"
></region>
</el-col>
<!-- form表单 -->
<el-col :span="20">
<el-form :size="size" :model="queryParams" :inline="true" ref="queryForm" v-show="showSearch" label-width="68px">
<el-form
:size="size"
:model="queryParams"
:inline="true"
ref="queryForm"
v-show="showSearch"
label-width="68px"
>
<!-- 第一行 -->
<el-row>
<el-col :span="6">
<el-form-item label="告警等级">
<el-select v-model="queryParams.warningLevel" clearable placeholder="请输入告警等级">
<el-option v-for="item in signalLevelList" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="queryParams.warningLevel"
clearable
placeholder="请输入告警等级"
>
<el-option
v-for="item in signalLevelList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="告警名称">
<el-input v-model="queryParams.warningName" placeholder="请输入告警名称" clearable @keyup.enter.native="handleQuery" />
<el-input
v-model="queryParams.warningName"
placeholder="请输入告警名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="产品名称">
<el-select v-model="queryParams.productId" clearable placeholder="请选择">
<el-option v-for="item in queryProductSelectList" :key="item.id" :label="item.productName" :value="item.productId">
<el-select
v-model="queryParams.productId"
clearable
placeholder="请选择"
>
<el-option
v-for="item in queryProductSelectList"
:key="item.id"
:label="item.productName"
:value="item.productId"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="所属客户">
<el-select v-model="queryParams.userId" clearable placeholder="请选择" @change="queryUserIdChange">
<el-option v-for="item in queryUserSelectList" :key="item.id" :label="item.nickName" :value="item.userId">
<el-select
v-model="queryParams.userId"
clearable
placeholder="请选择"
@change="queryUserIdChange"
>
<el-option
v-for="item in queryUserSelectList"
:key="item.id"
:label="item.nickName"
:value="item.userId"
>
</el-option>
</el-select>
</el-form-item>
@ -44,8 +87,17 @@
<el-row>
<el-col :span="6">
<el-form-item label="所属项目">
<el-select v-model="queryParams.projectId" clearable placeholder="请选择">
<el-option v-for="item in queryProjectSelectList" :key="item.id" :label="item.projectName" :value="item.projectId">
<el-select
v-model="queryParams.projectId"
clearable
placeholder="请选择"
>
<el-option
v-for="item in queryProjectSelectList"
:key="item.id"
:label="item.projectName"
:value="item.projectId"
>
</el-option>
</el-select>
</el-form-item>
@ -57,17 +109,50 @@
</el-col> -->
<el-col :span="6">
<el-form-item label="设备SN">
<el-input v-model="queryParams.deviceSn" placeholder="请输入设备SN" clearable @keyup.enter.native="handleQuery" />
<el-input
v-model="queryParams.deviceSn"
placeholder="请输入设备SN"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="6">
<el-form-item label="工单编号">
<el-input v-model="queryParams.workCode" placeholder="请输入工单编号" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
</el-col> -->
<el-col :span="6">
<el-form-item>
<el-button
type="cyan"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>
查询
</el-button>
<el-button
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="工单编号">
<el-input v-model="queryParams.workCode" placeholder="请输入工单编号" clearable @keyup.enter.native="handleQuery" />
<el-form-item>
<el-button type="cyan" size="mini" @click="batchAssign">
批量派单
</el-button>
<el-button type="cyan" size="mini" @click="batchDelete"
>批量弃单</el-button
>
</el-form-item>
</el-col>
</el-row>
<!-- 第三行 -->
<el-row>
<!-- <el-row>
<el-col :span="6">
<el-form-item label="工单状态">
<el-select v-model="queryParams.workStatus" clearable placeholder="请选择">
@ -90,11 +175,20 @@
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-col>
</el-row>
</el-row> -->
</el-form>
<right-toolbar class="mb8" :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
<right-toolbar
class="mb8"
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
<!-- 表格区域 -->
<el-table v-loading="loading" :data="tableData" style="width: 100%">
<el-table
v-loading="loading"
:data="tableData"
@selection-change="handleSelectionChange"
style="width: 100%"
>
<!-- 省市区 -->
<!-- <el-table-column
prop="proName"
@ -117,45 +211,132 @@
min-width="80"
>
</el-table-column> -->
<el-table-column
align="center"
type="selection"
width="55"
></el-table-column>
<el-table-column align="center" label="地区" min-width="150">
<template slot-scope="scope">
{{ scope.row.proName + scope.row.cityName + scope.row.disName }}
</template>
</el-table-column>
<el-table-column prop="workCode" align="center" label="工单编号" min-width="180">
<template slot-scope="scope">
<el-table-column
prop="workCode"
align="center"
label="工单编号"
min-width="180"
>
<!-- <template slot-scope="scope">
<el-link type="primary" :href="'./detail?id=' + scope.row.id" target="_blank">{{scope.row.workCode}}</el-link>
</template>
</template> -->
</el-table-column>
<el-table-column prop="warningLevel" align="center" label="告警等级" min-width="100">
<el-table-column
prop="warningLevel"
align="center"
label="告警等级"
min-width="100"
>
<template slot-scope="scope">
{{ scope.row.warningLevel | toChinaNum }}级
</template>
</el-table-column>
<el-table-column prop="warningName" align="center" label="告警名称" min-width="150"></el-table-column>
<el-table-column prop="productName" label="产品名称" align="center" min-width="100"></el-table-column>
<el-table-column prop="nickName" align="center" label="所属客户"></el-table-column>
<el-table-column prop="projectName" align="center" label="所属项目"></el-table-column>
<el-table-column
prop="warningName"
align="center"
label="告警名称"
min-width="150"
></el-table-column>
<el-table-column
prop="productName"
label="产品名称"
align="center"
min-width="100"
></el-table-column>
<el-table-column
prop="nickName"
align="center"
label="所属客户"
></el-table-column>
<el-table-column
prop="projectName"
align="center"
label="所属项目"
></el-table-column>
<!-- <el-table-column align="center" label="站址名称"></el-table-column> -->
<!-- <el-table-column prop="deviceName" align="center" label="设备名称"></el-table-column> -->
<el-table-column prop="deviceSn" align="center" label="设备SN" min-width="100"></el-table-column>
<el-table-column
prop="deviceSn"
align="center"
label="设备SN"
min-width="100"
></el-table-column>
<el-table-column prop="status" align="center" label="告警状态"></el-table-column>
<!-- <el-table-column
prop="status"
align="center"
label="告警状态"
></el-table-column>
<el-table-column prop="workStatus" align="center" label="工单状态">
<template slot-scope="scope">
{{ workStatusList.find(v=> v.value == scope.row.workStatus)['label']}}
</template>
</el-table-column>
<template slot-scope="scope">
{{
workStatusList.find(v => v.value == scope.row.workStatus)[
'label'
]
}}
</template>
</el-table-column> -->
<el-table-column align="center" label="建单时间" min-width="180">
<template slot-scope="scope">
{{ scope.row.createTime | formatDate }}
</template>
</el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
width="150px"
>
<template slot-scope="scope">
<el-button
v-if="scope.row.status == 2"
size="mini"
type="text"
icon="el-icon-edit"
@click="handleOptionUpdate(scope.row)"
v-hasPermi="['system:signal:option:select']"
>
信号量选项</el-button
>
<!-- <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:signal:save']">派单</el-button> -->
<!-- <el-button class="text-danger" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:signal:remove']">弃单</el-button> -->
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleAssign(scope.row)"
>派单</el-button
>
<el-button
class="text-danger"
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete([scope.row.id])"
>弃单</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-col>
</el-row>
</section>
@ -163,16 +344,18 @@
<script>
import Region from '@/components/Region';
import { list } from '@/api/work/order';
import { select as productSelect } from "@/api/hardware/product";
import { userSelect } from "@/api/system/user";
import { select as projectSelect } from "@/api/hardware/project";
import { select as productSelect } from '@/api/hardware/product';
import { userSelect } from '@/api/system/user';
import { select as projectSelect } from '@/api/hardware/project';
import { orderClose } from '@/api/work/orderHandle';
export default {
name: 'workOrder',
components: {
Region
},
data () {
data() {
return {
multipleSelection: [], // 勾选的item
queryProductSelectList: [], // 产品名称
queryUserSelectList: [], // 客户
queryProjectSelectList: [], // 项目
@ -185,7 +368,7 @@ export default {
workStatusList: [
{ label: '待接单', value: '1' },
{ label: '待回单', value: '2' },
{ label: '已回单', value: '3' },
{ label: '已回单', value: '3' }
],
queryParams: {
pageNum: 1,
@ -202,14 +385,75 @@ export default {
};
},
methods: {
selectdRegionCode ({ code }) {
// 多选状态
handleSelectionChange(val) {
this.multipleSelection = val;
},
// 批量弃单
batchDelete(){
if(!this.multipleSelection.length) return this.$message.info('请先勾选工单');
let ids = [];
for (let i = 0; i < this.multipleSelection.length; i++) {
ids.push(this.multipleSelection[i].id);
}
this.handleDelete(ids)
},
// 弃单操作
handleDelete(ids) {
console.log(ids);
this.$prompt('弃单说明', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputPattern: /\S/,
inputErrorMessage: '请输入内容'
})
.then(({ value }) => {
orderClose({ ids, note: value }).then(
({ code, data, message }) => {
if (code !== 200){
return this.$message.error(message);
}
this.$message.success(message);
this.getList();
}
);
})
.catch(() => {
this.$message({
type: 'info',
message: '您已取消操作'
});
});
},
// 批量派单
batchAssign(){
if(!this.multipleSelection.length) return this.$message.info('请先勾选工单');
// let ids = [];
// for (let i = 0; i < this.multipleSelection.length; i++) {
// ids.push(this.multipleSelection[i].id);
// }
// ids=ids.join(',')
this.handleAssign(this.multipleSelection)
},
// 派单操作
handleAssign(rows) {
if(rows.length){
sessionStorage.setItem('selectList',JSON.stringify(rows))
}else{
sessionStorage.setItem('selectList',JSON.stringify([rows]))
}
// sessionStorage.setItem('ids',JSON.stringify(ids))
this.$router.push({path:'/workOrderManage/orderList/assign'});
// this.$router.push({path:'/workOrderManage/orderList/assign',query:{id:ids}});
},
selectdRegionCode({ code }) {
this.queryParams.provinceCode = code;
this.handleQuery();
},
// 获取告警工单列表
getList () {
getList() {
this.loading = true;
if(null != this.dateRange && '' != this.dateRange) {
if (null != this.dateRange && '' != this.dateRange) {
this.queryParams.startTime = this.dateRange[0];
this.queryParams.endTime = this.dateRange[1];
}
@ -220,7 +464,7 @@ export default {
});
},
// 根据客户id获取项目
queryUserIdChange (userId) {
queryUserIdChange(userId) {
delete this.queryParams.projectId;
projectSelect({ userId }).then(({ code, msg, select }) => {
if (code == 200) {
@ -228,16 +472,16 @@ export default {
} else {
this.$message.error(msg);
}
})
});
},
// 搜索按钮操作
handleQuery () {
handleQuery() {
this.queryParams.pageNum = 1;
this.queryParams.pageSize = 10;
this.getList();
},
// 重置按钮操作
resetQuery () {
resetQuery() {
this.queryParams = {
pageNum: 1,
pageSize: 10
@ -249,7 +493,7 @@ export default {
},
computed: {},
watch: {},
created () {
created() {
this.getList();
productSelect().then(({ code, msg, select }) => {
if (code == 200) {
@ -257,14 +501,14 @@ export default {
} else {
this.$message.error(msg);
}
})
});
userSelect().then(({ code, msg, select }) => {
if (code == 200) {
this.queryUserSelectList = select;
} else {
this.$message.error(msg);
}
})
});
}
};
</script>