更新

src/views/process/list/all.vue

@@ -5,11 +5,20 @@
         <WorkOrderSearch :genre="'all'" @handleSearch="handleSearch" />
       </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="process_name"
+          :show-overflow-tooltip="true"
+        />
         <el-table-column label="当前状态" :show-overflow-tooltip="true">
           <template slot-scope="scope">
             <span>
@@ -17,19 +26,30 @@
             </span>
           </template>
         </el-table-column>
-        <el-table-column label="申请人" :show-overflow-tooltip="true" prop="creator_name">
+        <el-table-column
+          label="申请人"
+          :show-overflow-tooltip="true"
+          prop="creator_name"
+        >
         </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="240">
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+          width="240"
+        >
           <template slot-scope="scope">
             <el-button
               v-permisaction="['process:list:all:select']"
@@ -56,69 +93,104 @@
               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:all:inversion']"
               size="mini"
               type="text"
               icon="el-icon-position"
               @click="handleInversion(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:all:end']"
               size="mini"
               type="text"
               icon="el-icon-switch-button"
               @click="handleUnity(scope.row)"
-            >结单</el-button>
+              >结单</el-button
+            >
             <el-button
               v-if="scope.row.contract_url"
               size="mini"
               type="text"
               icon="el-icon-download"
               @click="handleLookContract(scope.row)"
-            >下载签章</el-button>
+              >下载签章</el-button
+            >
             <el-button
               v-permisaction="['process:list:all:delete']"
               size="mini"
               type="text"
               icon="el-icon-delete"
               @click="handleDelete(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" filterable placeholder="选择用户" size="small" style="width: 100%">
-              <el-option v-for="(item, index) in users" :key="index" :label="item.nickName" :value="item.userId" />
+            <el-select
+              v-model="ruleForm.user_id"
+              filterable
+              placeholder="选择用户"
+              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>
+              </el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="备注">
             <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"
@@ -129,11 +201,16 @@
 </template>
 
 <script>
-import { workOrderList, unityWorkOrder, inversionWorkOrder, deleteWorkOrder } from '@/api/process/work-order'
-import { listUser } from '@/api/system/sysuser'
+import {
+  workOrderList,
+  unityWorkOrder,
+  inversionWorkOrder,
+  deleteWorkOrder
+} from "@/api/process/work-order";
+import { listUser } from "@/api/system/sysuser";
 
 // 搜索
-import WorkOrderSearch from './components/search/index'
+import WorkOrderSearch from "./components/search/index";
 
 export default {
   components: { WorkOrderSearch },
@@ -151,124 +228,125 @@ 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 = 4
+      this.loading = true;
+      this.listQuery.page = this.queryParams.pageIndex;
+      this.listQuery.per_page = this.queryParams.pageSize;
+      this.listQuery.classify = 4;
       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;
+      });
     },
     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 }
+      });
     },
     handleLookContract(row) {
       if (row.contract_url) {
-        window.open(row.contract_url)
+        window.open(row.contract_url);
       } else {
-        this.$message.error('当前审批暂无签章')
+        this.$message.error("当前审批暂无签章");
       }
     },
     handleDelete(row) {
-      this.$confirm('此操作将删除该数据, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        deleteWorkOrder(row.id).then(response => {
-          this.$message({
-            type: 'success',
-            message: '删除成功!'
-          })
-          this.getList()
-        })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消'
-        })
+      this.$confirm("此操作将删除该数据, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
       })
+        .then(() => {
+          deleteWorkOrder(row.id).then(response => {
+            this.$message({
+              type: "success",
+              message: "删除成功!"
+            });
+            this.getList();
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消"
+          });
+        });
     },
     handleUnity(row) {
-      this.$confirm('此操作将会结束该工单, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        unityWorkOrder({
-          work_oroder_id: row.id
-        }).then(response => {
-          if (response.code === 200) {
-            this.getList()
-          }
-        })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消'
-        })
+      this.$confirm("此操作将会结束该工单, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
       })
+        .then(() => {
+          unityWorkOrder({
+            work_oroder_id: row.id
+          }).then(response => {
+            if (response.code === 200) {
+              this.getList();
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消"
+          });
+        });
     },
     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>

src/views/process/list/related.vue

@@ -1,171 +1,174 @@
-<template>
-  <div class="app-container">
-    <el-card class="box-card">
-      <el-form ref="listQuery" :model="listQuery" :inline="true">
-        <el-form ref="listQuery" :model="listQuery" :inline="true">
-          <WorkOrderSearch :genre="'my-create'" @handleSearch="handleSearch" />
-        </el-form>
-      </el-form>
-
-      <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="当前状态" :show-overflow-tooltip="true">
-          <template slot-scope="scope">
-            <span>
-              {{ scope.row.state_name }}
-            </span>
-          </template>
-        </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>
-          </template>
-        </el-table-column>
-        <el-table-column label="优先级" :show-overflow-tooltip="true" width="120" align="left">
-          <template slot-scope="scope">
-            <span v-if="scope.row.priority===2">
-              <el-tag type="warning">紧急</el-tag>
-            </span>
-            <span v-else-if="scope.row.priority===3">
-              <el-tag type="danger">非常紧急</el-tag>
-            </span>
-            <span v-else>
-              <el-tag type="success">一般</el-tag>
-            </span>
-          </template>
-        </el-table-column>
-        <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-else size="mini" type="danger">是</el-tag>
-          </template>
-        </el-table-column>
-        <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">
-          <template slot-scope="scope">
-            <el-button
-              v-permisaction="['process:list:related:select']"
-              size="mini"
-              type="text"
-              icon="el-icon-edit"
-              @click="handleView(scope.row)"
-            >查看</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-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>
-          </el-form-item>
-          <el-form-item label="用户" prop="user_id">
-            <el-select v-model="ruleForm.user_id" placeholder="选择用户" size="small" style="width: 100%">
-              <el-option v-for="(item, index) in users" :key="index" :label="item.nickName" :value="item.userId" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="备注">
-            <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 @click="dialogVisible = false">关闭</el-button>
-          </el-form-item>
-        </el-form>
-      </el-dialog>
-
-      <pagination
-        v-show="total>0"
-        :total="total"
-        :page.sync="queryParams.pageIndex"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-      />
-    </el-card>
-  </div>
-</template>
-
-<script>
-import { workOrderList } from '@/api/process/work-order'
-
-// 搜索
-import WorkOrderSearch from './components/search/index'
-
-export default {
-  components: { WorkOrderSearch },
-  data() {
-    return {
-      users: [],
-      nodeList: [],
-      dialogVisible: false,
-      queryParams: {},
-      total: 0,
-      loading: false,
-      ticketList: [],
-      listQuery: {
-        page: 1,
-        per_page: 10
-      },
-      ruleForm: {
-        work_order_id: '',
-        node_id: '',
-        user_id: '',
-        remarks: ''
-      },
-      rules: {
-        node_id: [
-          { required: true, message: '请选择节点', trigger: 'change' }
-        ],
-        user_id: [
-          { required: true, message: '请选择用户', trigger: 'change' }
-        ]
-      }
-    }
-  },
-  created() {
-    this.getList()
-  },
-  methods: {
-    getList() {
-      this.loading = true
-      this.listQuery.page = this.queryParams.pageIndex
-      this.listQuery.per_page = this.queryParams.pageSize
-      this.listQuery.classify = 3
-      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
-      })
-    },
-    handleSearch(val) {
-      for (var k in val) {
-        this.listQuery[k] = val[k]
-      }
-      this.getList()
-    },
-    handleView(row) {
-      this.$router.push({ name: 'ProcessListHandle', query: { workOrderId: row.id, processId: row.process }})
-    },
-    handleSelectionChange() {}
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <div class="app-container">
+    <el-card class="box-card">
+      <el-form ref="listQuery" :model="listQuery" :inline="true">
+        <el-form ref="listQuery" :model="listQuery" :inline="true">
+          <WorkOrderSearch :genre="'my-create'" @handleSearch="handleSearch" />
+        </el-form>
+      </el-form>
+
+      <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="当前状态" :show-overflow-tooltip="true">
+          <template slot-scope="scope">
+            <span>
+              {{ scope.row.state_name }}
+            </span>
+          </template>
+        </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>
+          </template>
+        </el-table-column>
+        <el-table-column label="优先级" :show-overflow-tooltip="true" width="120" align="left">
+          <template slot-scope="scope">
+            <span v-if="scope.row.priority===2">
+              <el-tag type="warning">紧急</el-tag>
+            </span>
+            <span v-else-if="scope.row.priority===3">
+              <el-tag type="danger">非常紧急</el-tag>
+            </span>
+            <span v-else>
+              <el-tag type="success">一般</el-tag>
+            </span>
+          </template>
+        </el-table-column>
+        <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-else size="mini" type="danger">是</el-tag>
+          </template>
+        </el-table-column>
+        <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">
+          <template slot-scope="scope">
+            <el-button
+              v-permisaction="['process:list:related:select']"
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleView(scope.row)"
+            >查看</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-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>
+          </el-form-item>
+          <el-form-item label="用户" prop="user_id">
+            <el-select v-model="ruleForm.user_id" placeholder="选择用户" size="small" style="width: 100%">
+              <el-option v-for="(item, index) in users" :key="index" :value="item.userId" >
+                <span style="float: left">{{ item.nickName }}</span>
+                <span style="float: right; color: #8492a6; font-size: 13px">{{ item.phone }}</span>
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="备注">
+            <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 @click="dialogVisible = false">关闭</el-button>
+          </el-form-item>
+        </el-form>
+      </el-dialog>
+
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageIndex"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { workOrderList } from '@/api/process/work-order'
+
+// 搜索
+import WorkOrderSearch from './components/search/index'
+
+export default {
+  components: { WorkOrderSearch },
+  data() {
+    return {
+      users: [],
+      nodeList: [],
+      dialogVisible: false,
+      queryParams: {},
+      total: 0,
+      loading: false,
+      ticketList: [],
+      listQuery: {
+        page: 1,
+        per_page: 10
+      },
+      ruleForm: {
+        work_order_id: '',
+        node_id: '',
+        user_id: '',
+        remarks: ''
+      },
+      rules: {
+        node_id: [
+          { required: true, message: '请选择节点', trigger: 'change' }
+        ],
+        user_id: [
+          { required: true, message: '请选择用户', trigger: 'change' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.loading = true
+      this.listQuery.page = this.queryParams.pageIndex
+      this.listQuery.per_page = this.queryParams.pageSize
+      this.listQuery.classify = 3
+      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
+      })
+    },
+    handleSearch(val) {
+      for (var k in val) {
+        this.listQuery[k] = val[k]
+      }
+      this.getList()
+    },
+    handleView(row) {
+      this.$router.push({ name: 'ProcessListHandle', query: { workOrderId: row.id, processId: row.process }})
+    },
+    handleSelectionChange() {}
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/process/list/upcoming.vue

@@ -82,7 +82,10 @@
           </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" :label="item.nickName" :value="item.userId" />
+              <el-option v-for="(item, index) in users" :key="index" :value="item.userId" >
+                <span style="float: left">{{ item.nickName }}</span>
+                <span style="float: right; color: #8492a6; font-size: 13px">{{ item.phone }}</span>
+              </el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="备注">