|
|
@@ -7,11 +7,24 @@
|
|
|
</el-form>
|
|
|
</el-form>
|
|
|
|
|
|
- <el-table v-loading="loading" border :data="ticketList" @selection-change="handleSelectionChange">
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ border
|
|
|
+ :data="ticketList"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
<!-- <el-table-column type="selection" width="55" align="center" /> -->
|
|
|
<el-table-column label="ID" prop="id" width="120" />
|
|
|
- <el-table-column label="标题" prop="title" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column label="流程" prop="process_name" :show-overflow-tooltip="true" />
|
|
|
+ <el-table-column
|
|
|
+ label="标题"
|
|
|
+ prop="title"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="流程"
|
|
|
+ prop="process_name"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ />
|
|
|
<el-table-column label="当前状态" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
<span>
|
|
|
@@ -21,15 +34,22 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="当前处理人" :show-overflow-tooltip="true">
|
|
|
<template slot-scope="scope">
|
|
|
- <span v-if="scope.row.is_end===0">{{ scope.row.principals }}</span>
|
|
|
+ <span v-if="scope.row.is_end === 0">{{
|
|
|
+ scope.row.principals
|
|
|
+ }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="优先级" :show-overflow-tooltip="true" width="120" align="left">
|
|
|
+ <el-table-column
|
|
|
+ label="优先级"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ width="120"
|
|
|
+ align="left"
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
- <span v-if="scope.row.priority===2">
|
|
|
+ <span v-if="scope.row.priority === 2">
|
|
|
<el-tag type="warning">紧急</el-tag>
|
|
|
</span>
|
|
|
- <span v-else-if="scope.row.priority===3">
|
|
|
+ <span v-else-if="scope.row.priority === 3">
|
|
|
<el-tag type="danger">非常紧急</el-tag>
|
|
|
</span>
|
|
|
<span v-else>
|
|
|
@@ -37,18 +57,35 @@
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="是否结束" :show-overflow-tooltip="true" width="80" align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="是否结束"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ width="80"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
- <el-tag v-if="scope.row.is_end===0" size="mini" type="success">否</el-tag>
|
|
|
+ <el-tag v-if="scope.row.is_end === 0" size="mini" type="success"
|
|
|
+ >否</el-tag
|
|
|
+ >
|
|
|
<el-tag v-else size="mini" type="danger">是</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="创建时间" align="center" prop="create_time" width="180">
|
|
|
+ <el-table-column
|
|
|
+ label="创建时间"
|
|
|
+ align="center"
|
|
|
+ prop="create_time"
|
|
|
+ width="180"
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ parseTime(scope.row.create_time) }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180">
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ class-name="small-padding fixed-width"
|
|
|
+ width="180"
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
|
v-permisaction="['process:list:upcoming:select']"
|
|
|
@@ -56,35 +93,62 @@
|
|
|
type="text"
|
|
|
icon="el-icon-edit"
|
|
|
@click="handleView(scope.row)"
|
|
|
- >查看</el-button>
|
|
|
+ >查看</el-button
|
|
|
+ >
|
|
|
<el-button
|
|
|
- v-if="scope.row.is_end===0"
|
|
|
+ v-if="scope.row.is_end === 0"
|
|
|
v-permisaction="['process:list:upcoming:inversion']"
|
|
|
size="mini"
|
|
|
type="text"
|
|
|
icon="el-icon-position"
|
|
|
@click="handleInversion(scope.row)"
|
|
|
- >转交</el-button>
|
|
|
+ >转交</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
|
|
|
- <el-dialog
|
|
|
- title="转交工单"
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- width="30%"
|
|
|
- >
|
|
|
- <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="60px" class="demo-ruleForm">
|
|
|
+ <el-dialog title="转交工单" :visible.sync="dialogVisible" width="30%">
|
|
|
+ <el-form
|
|
|
+ ref="ruleForm"
|
|
|
+ :model="ruleForm"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="60px"
|
|
|
+ class="demo-ruleForm"
|
|
|
+ >
|
|
|
<el-form-item label="节点" prop="node_id">
|
|
|
- <el-select v-model="ruleForm.node_id" placeholder="选择节点" size="small" style="width: 100%">
|
|
|
- <el-option v-for="(item, index) in nodeList" :key="index" :label="item.label" :value="item.id" />
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.node_id"
|
|
|
+ placeholder="选择节点"
|
|
|
+ size="small"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in nodeList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="用户" prop="user_id">
|
|
|
- <el-select v-model="ruleForm.user_id" placeholder="选择用户" filterable size="small" style="width: 100%">
|
|
|
- <el-option v-for="(item, index) in users" :key="index" :value="item.userId" >
|
|
|
+ <el-select
|
|
|
+ v-model="ruleForm.user_id"
|
|
|
+ placeholder="选择用户"
|
|
|
+ filterable
|
|
|
+ size="small"
|
|
|
+ style="width: 100%"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in users"
|
|
|
+ :key="index"
|
|
|
+ :label="item.nickName"
|
|
|
+ :value="item.userId"
|
|
|
+ >
|
|
|
<span style="float: left">{{ item.nickName }}</span>
|
|
|
- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.phone }}</span>
|
|
|
+ <span style="float: right; color: #8492a6; font-size: 13px">{{
|
|
|
+ item.phone
|
|
|
+ }}</span>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -92,14 +156,16 @@
|
|
|
<el-input v-model="ruleForm.remarks" type="textarea" size="small" />
|
|
|
</el-form-item>
|
|
|
<el-form-item style="text-align: right">
|
|
|
- <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm('ruleForm')"
|
|
|
+ >提交</el-button
|
|
|
+ >
|
|
|
<el-button @click="dialogVisible = false">关闭</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-dialog>
|
|
|
|
|
|
<pagination
|
|
|
- v-show="total>0"
|
|
|
+ v-show="total > 0"
|
|
|
:total="total"
|
|
|
:page.sync="queryParams.pageIndex"
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
@@ -110,12 +176,12 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { workOrderList, inversionWorkOrder } from '@/api/process/work-order'
|
|
|
-import { listUser } from '@/api/system/sysuser'
|
|
|
-import { initNumberHtml } from '@/utils/costum'
|
|
|
+import { workOrderList, inversionWorkOrder } from "@/api/process/work-order";
|
|
|
+import { listUser } from "@/api/system/sysuser";
|
|
|
+import { initNumberHtml } from "@/utils/costum";
|
|
|
|
|
|
// 搜索
|
|
|
-import WorkOrderSearch from './components/search/index'
|
|
|
+import WorkOrderSearch from "./components/search/index";
|
|
|
|
|
|
export default {
|
|
|
components: { WorkOrderSearch },
|
|
|
@@ -133,79 +199,76 @@ export default {
|
|
|
per_page: 10
|
|
|
},
|
|
|
ruleForm: {
|
|
|
- work_order_id: '',
|
|
|
- node_id: '',
|
|
|
- user_id: '',
|
|
|
- remarks: ''
|
|
|
+ work_order_id: "",
|
|
|
+ node_id: "",
|
|
|
+ user_id: "",
|
|
|
+ remarks: ""
|
|
|
},
|
|
|
rules: {
|
|
|
- node_id: [
|
|
|
- { required: true, message: '请选择节点', trigger: 'change' }
|
|
|
- ],
|
|
|
- user_id: [
|
|
|
- { required: true, message: '请选择用户', trigger: 'change' }
|
|
|
- ]
|
|
|
+ node_id: [{ required: true, message: "请选择节点", trigger: "change" }],
|
|
|
+ user_id: [{ required: true, message: "请选择用户", trigger: "change" }]
|
|
|
}
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
created() {
|
|
|
- this.getList()
|
|
|
+ this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
getList() {
|
|
|
- this.loading = true
|
|
|
- this.listQuery.page = this.queryParams.pageIndex
|
|
|
- this.listQuery.per_page = this.queryParams.pageSize
|
|
|
- this.listQuery.classify = 1
|
|
|
+ this.loading = true;
|
|
|
+ this.listQuery.page = this.queryParams.pageIndex;
|
|
|
+ this.listQuery.per_page = this.queryParams.pageSize;
|
|
|
+ this.listQuery.classify = 1;
|
|
|
workOrderList(this.listQuery).then(response => {
|
|
|
- this.ticketList = response.data.data
|
|
|
- this.queryParams.pageIndex = response.data.page
|
|
|
- this.queryParams.pageSize = response.data.per_page
|
|
|
- this.total = response.data.total_count
|
|
|
- this.loading = false
|
|
|
+ this.ticketList = response.data.data;
|
|
|
+ this.queryParams.pageIndex = response.data.page;
|
|
|
+ this.queryParams.pageSize = response.data.per_page;
|
|
|
+ this.total = response.data.total_count;
|
|
|
+ this.loading = false;
|
|
|
|
|
|
- initNumberHtml(response.data.total_count)
|
|
|
- })
|
|
|
+ initNumberHtml(response.data.total_count);
|
|
|
+ });
|
|
|
},
|
|
|
handleSearch(val) {
|
|
|
for (var k in val) {
|
|
|
- this.listQuery[k] = val[k]
|
|
|
+ this.listQuery[k] = val[k];
|
|
|
}
|
|
|
- this.getList()
|
|
|
+ this.getList();
|
|
|
},
|
|
|
handleView(row) {
|
|
|
- this.$router.push({ name: 'ProcessListHandle', query: { workOrderId: row.id, processId: row.process }})
|
|
|
+ this.$router.push({
|
|
|
+ name: "ProcessListHandle",
|
|
|
+ query: { workOrderId: row.id, processId: row.process }
|
|
|
+ });
|
|
|
},
|
|
|
handleInversion(row) {
|
|
|
- this.dialogVisible = true
|
|
|
- this.ruleForm.work_order_id = row.id
|
|
|
- this.nodeList = row.state
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.ruleForm.work_order_id = row.id;
|
|
|
+ this.nodeList = row.state;
|
|
|
if (this.nodeList.length === 1) {
|
|
|
- this.ruleForm.node_id = this.nodeList[0].id
|
|
|
+ this.ruleForm.node_id = this.nodeList[0].id;
|
|
|
}
|
|
|
listUser({
|
|
|
pageSize: 999999
|
|
|
}).then(response => {
|
|
|
- this.users = response.data.list
|
|
|
- })
|
|
|
+ this.users = response.data.list;
|
|
|
+ });
|
|
|
},
|
|
|
handleSelectionChange() {},
|
|
|
submitForm(formName) {
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
+ this.$refs[formName].validate(valid => {
|
|
|
if (valid) {
|
|
|
inversionWorkOrder(this.ruleForm).then(response => {
|
|
|
if (response.code === 200) {
|
|
|
- this.getList()
|
|
|
- this.dialogVisible = false
|
|
|
+ this.getList();
|
|
|
+ this.dialogVisible = false;
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
-
|
|
|
-</style>
|
|
|
+<style scoped></style>
|
