From e921634fee36412fedc742dddd662af48aca29c0 Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Wed, 29 Sep 2021 09:39:46 +0800
Subject: [PATCH] transitions

---
 hb_client/src/api/workflow.js                |   8 +
 hb_client/src/views/mtm/process.vue          |   3 +-
 hb_client/src/views/testModel/faceLogin.vue  |  21 +-
 hb_client/src/views/workflow/index.vue       |   8 +-
 hb_client/src/views/workflow/state.vue       |  10 +
 hb_client/src/views/workflow/ticket.vue      | 246 ++++++++++++++++---
 hb_client/src/views/workflow/transitions.vue |  24 +-
 7 files changed, 255 insertions(+), 65 deletions(-)

diff --git a/hb_client/src/api/workflow.js b/hb_client/src/api/workflow.js
index 74be8dd..5fd2b05 100644
--- a/hb_client/src/api/workflow.js
+++ b/hb_client/src/api/workflow.js
@@ -146,6 +146,14 @@ export function getTickets(query) {
     params:query
   })
 }
+//新建工单
+export function createTicket(data) {
+  return request({
+    url: '/wf/ticket/',
+    method: 'post',
+    data
+  })
+}
 //工单详情
 export function getTicketDetail(id) {
   return request({
diff --git a/hb_client/src/views/mtm/process.vue b/hb_client/src/views/mtm/process.vue
index 767628f..99654d2 100644
--- a/hb_client/src/views/mtm/process.vue
+++ b/hb_client/src/views/mtm/process.vue
@@ -16,8 +16,7 @@
         fit
         stripe
         highlight-current-row
-        max-height="600"
-         height="100"
+        height="100"
         v-el-height-adaptive-table="{bottomOffset: 50}"
       >
         <el-table-column type="index" width="50" />
diff --git a/hb_client/src/views/testModel/faceLogin.vue b/hb_client/src/views/testModel/faceLogin.vue
index 111a824..335298a 100644
--- a/hb_client/src/views/testModel/faceLogin.vue
+++ b/hb_client/src/views/testModel/faceLogin.vue
@@ -5,7 +5,7 @@
       <!--图片展示-->
       <video ref="video" id="myVideo" :width="videoWidth" :height="videoHeight" autoplay style="display: block;margin:0 auto;border: 2px solid #333333;"></video>
       <!--确认-->
-      <Button  type="primary" @click="setImage">拍照</Button>
+      <Button type="primary" @click="setImage" class="takePhoto">拍照</Button>
       <div id="res"></div>
     </div>
   </div>
@@ -22,8 +22,8 @@
     props:['src'],
     data () {
       return {
-        videoWidth: 900,
-        videoHeight: 700,
+        videoWidth: 500,
+        videoHeight: 400,
         videoArr:[],//所有的摄像头
         modelSel:'',//
         myInterval: null,
@@ -64,17 +64,14 @@
       setImage () {
         let canvas = document.getElementById("myCanvas");
         let context = canvas.getContext('2d');
-        var video = document.getElementById("myVideo");
+        let video = document.getElementById("myVideo");
         context.drawImage(video,0,0,90,68);
-        var image = new Image();
+        let image = new Image();
         image = canvas.toDataURL('image/png');
-        document.getElementById('res').innerHTML = '<img style="border: 1px solid #666666;" src="'+image+'">';
-        console.log(image);
-        debugger;
+        document.getElementById('res').innerHTML = '<img src="'+image+'">';
         let imgData = {base64:image};
         faceLogin(imgData).then((res) => {
           if (res.code >= 200) {
-            debugger;
             this.$message.success("成功");
           }
         });
@@ -183,12 +180,12 @@
 <style scoped>
 
   .testTracking {
-    min-height: 700px;
     width: 100%;
     position: relative;
   }
-  .buttonDiv {
-    bottom: 10px;
+  .takePhoto{
+    margin: 30px auto;
+    display: block;
   }
 </style>
 
diff --git a/hb_client/src/views/workflow/index.vue b/hb_client/src/views/workflow/index.vue
index 5d8ae3a..c92c762 100644
--- a/hb_client/src/views/workflow/index.vue
+++ b/hb_client/src/views/workflow/index.vue
@@ -32,11 +32,11 @@
       <el-table
         v-loading="listLoading"
         :data="workflowList.results"
-        border
-        fit
-        stripe
+        border fit stripe
+        style="width: 100%"
+        height="100"
         highlight-current-row
-        max-height="600"
+        v-el-height-adaptive-table="{bottomOffset: 50}"
       >
         <el-table-column type="index" width="50" />
         <el-table-column label="名称">
diff --git a/hb_client/src/views/workflow/state.vue b/hb_client/src/views/workflow/state.vue
index 8c7062c..7895dca 100644
--- a/hb_client/src/views/workflow/state.vue
+++ b/hb_client/src/views/workflow/state.vue
@@ -134,6 +134,14 @@
             </el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="分配方式" prop="participant" v-if="wfstate.participant_type==2">
+          <el-select  style="width: 100%" v-model="wfstate.distribute_type" placeholder="请选择分配方式">
+            <el-option label="主动接单" value="1"></el-option>
+            <el-option label="直接处理" value="2"></el-option>
+            <el-option label="随机分配" value="3"></el-option>
+            <el-option label="全部处理" value="4"></el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="部门" prop="participant" v-if="wfstate.participant_type==3">
           <el-select  style="width: 100%" v-model="participant" placeholder="请选择部门">
             <el-option v-for="item in departments" :key="item.id" :label="item.name" :value="item.id">
@@ -169,6 +177,7 @@ export default {
         enable_retreat:'',
         participant_type:'',
         participant:'',
+        distribute_type:'',
       },
       participant:'',
       participants:[],
@@ -296,6 +305,7 @@ export default {
       this.wfstate = Object.assign({}, scope.row); // copy obj
       this.participants = this.wfstate.participant;
       this.participant = this.wfstate.participant;
+      this.wfstate.distribute_type = this.wfstate.distribute_type.toString();
       this.dialogType = "edit";
       this.dialogVisible = true;
       this.$nextTick(() => {
diff --git a/hb_client/src/views/workflow/ticket.vue b/hb_client/src/views/workflow/ticket.vue
index c79eab1..1d0895b 100644
--- a/hb_client/src/views/workflow/ticket.vue
+++ b/hb_client/src/views/workflow/ticket.vue
@@ -23,17 +23,34 @@
           @click="handleFilter"
         >搜索</el-button>
       </div>
+      <div style="margin-top: 10px">
+        <el-button type="primary" icon="el-icon-plus" @click="handleCreate">新增</el-button>
+      </div>
     </el-card>
     <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
       <el-tab-pane label="待处理" name="first">
-        <el-table :data="tickets" border fit stripe style="width: 100%" >
+        <el-table :data="tickets"
+                  border fit stripe
+                  style="width: 100%"
+                  height="100"
+                  highlight-current-row
+                  v-el-height-adaptive-table="{bottomOffset: 60}">
           <el-table-column label="工单标题" min-width="100" prop="title">
           </el-table-column>
           <el-table-column label="当前状态"  min-width="100">
             <template slot-scope="scope">
-              <span v-if="scope.row.act_state===1">已提交</span>
-              <span v-else-if="scope.row.act_state===4">已完成</span>
-              <span v-else>审批中</span>
+              <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
+              <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="进行状态"  min-width="100">
+            <template slot-scope="scope">
+              <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+              <span v-else>已{{scope.row.state_.name}}</span>
             </template>
           </el-table-column>
           <el-table-column label="类型"  min-width="100">
@@ -162,8 +179,7 @@
         </svg>
       </div>
     </div>
-    <el-dialog :visible.sync="limitedStep"
-      title="工单流程">
+    <el-dialog :visible.sync="limitedStep" title="工单处理">
       <el-steps :active="actives" spac="400px" align-center="" style="padding-top: 20px;">
         <el-step :title="item.name" v-for="item in flowSteps "
                  :key="item.id" @click.native=stepclick(item.id)>
@@ -173,27 +189,116 @@
         <el-col :span="1" style="height: 1px;"></el-col>
         <el-col :span="11">
           <div class="listItem"><span>流水号：</span>{{ticketDetail.sn}}</div>
-          <div class="listItem"><span>开始时间：</span>{{}}</div>
-          <div class="listItem" v-if="ticketDetail.workflow_"><span>请假类型：</span>{{ticketDetail.workflow_.name}}</div>
-          <div class="listItem"><span>创建人：</span>{{}}</div>
-          <div class="listItem" v-if="ticketDetail.workflow_"><span>请假原因：</span>{{ticketDetail.workflow_.name}}</div>
+          <div class="listItem"><span>创建时间：</span>{{ticketDetail.create_time}}</div>
         </el-col>
         <el-col :span="11">
           <div class="listItem"><span>标题：</span>{{ticketDetail.title}}</div>
-          <div class="listItem"><span>结束时间：</span>{{}}</div>
-          <div class="listItem"><span>创建时间：</span>{{ticketDetail.create_time}}</div>
-          <div class="listItem" v-if="ticketDetail.ticket_data"><span>请假天数：</span>{{ticketDetail.ticket_data.days}}</div>
+
         </el-col>
       </el-row>
       <div style="text-align: center">
         <el-button v-for="item in operationBtn" :key="item.id" class="filter-item" type="primary" @click="operationSubmit">{{item.name}}</el-button>
       </div>
     </el-dialog>
+    <el-dialog :visible.sync="limitedAdd" title="新增工单">
+      <el-form ref="Form" :model="addForm" label-width="100px" label-position="right" :rules="rule1">
+        <el-form-item label="名称" prop="title">
+          <el-input v-model="addForm.title" placeholder="工单名称" />
+        </el-form-item>
+        <el-form-item label="工作流">
+          <el-select v-model="addForm.workflow" placeholder="工作流" @change="handleWorkflowChange">
+            <el-option
+              v-for="item in workflows"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="item.field_name" v-for="item in customfields" :key="item.id">
+          <template v-if="item.field_type=='string'">
+            <el-input v-model="item.default_value" :placeholder="item.description" />
+          </template>
+          <template v-if="item.field_type=='int'">
+            <el-input v-model="item.default_value" type="number" :placeholder="item.description" oninput="value=value.replace(/[^\d]/g,'')" />
+          </template>
+          <template v-if="item.field_type=='float'">
+            <el-input v-model="item.default_value" type="number" :placeholder="item.description" />
+          </template>
+          <template v-if="item.field_type=='date'">
+            <el-date-picker
+              v-model="item.default_value"
+              type="date"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd"
+              style="width: 100%"
+            >
+            </el-date-picker>
+          </template>
+          <template v-if="item.field_type=='datetime'">
+            <el-date-picker
+              v-model="item.default_value"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              style="width: 100%"
+            >
+            </el-date-picker>
+          </template>
+          <template v-if="item.field_type=='select'">
+            <el-select style="width: 100%" v-model="item.default_value" placeholder="请选择">
+              <el-option
+                v-for="item1 in item.field_choice"
+                :key="item1"
+                :label="item1"
+                :value="item1"
+              >
+              </el-option>
+            </el-select>
+          </template>
+          <template v-if="item.field_type=='selects'">
+            <el-select  style="width: 100%" multiple v-model="item.default_value" placeholder="请选择">
+              <el-option
+                v-for="item1 in item.field_choice"
+                :key="item1"
+                :label="item1"
+                :value="item1"
+              >
+              </el-option>
+            </el-select>
+          </template>
+          <template v-if="item.field_type=='textarea'">
+            <el-input type="textarea"  :rows="3" v-model="item.default_value" placeholder="指导书内容" />
+          </template>
+          <template v-if="item.field_type=='file'">
+            <el-upload
+              ref="upload"
+              :action="upUrl"
+              :on-preview="handlePreview"
+              :on-success="handleUpSuccess"
+              :on-remove="handleRemove"
+              :headers="upHeaders"
+              :file-list="fileList"
+              :limit="1"
+              accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+            >
+              <el-button size="small" type="primary">上传文件</el-button>
+            </el-upload>
+          </template>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="limitedAdd = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script src="https://d3js.org/d3.v4.min.js"></script>
 <script>
-  import {getWorkflowList,getWfStateList,getTickets,ticketHandle,getWfFlowSteps,getTicketDetail,getTicketTransitions } from "@/api/workflow";
+  import { upUrl, upHeaders } from "@/api/file";
+  import {getWorkflowList,getWfCustomfieldList,createTicket,getWfStateList,getTickets,getWfTransitionList,
+    ticketHandle,getWfFlowSteps,getTicketDetail,getTicketTransitions } from "@/api/workflow";
   import Pagination from "@/components/Pagination";
   import dagreD3 from 'dagre-d3'
   import * as d3 from 'd3'
@@ -212,6 +317,14 @@
         page_size:20,
         workflow:'',
       },
+      addForm:{
+        title:'',
+        workflow:'',
+        ticket_data:{},
+        transition:''
+      },
+      upUrl: upUrl(),
+      upHeaders: upHeaders(),
       stateSteps:0,
       activeName:'first',
       keyword:'',
@@ -222,30 +335,28 @@
       dialogVisible:false,
       listLoading:false,
       limitedStep:false,
+      limitedAdd:false,
       nodes: [],
       tooltip:null,
       edges: [],
+      fileList:[],
       flowSteps:[],
       operationBtn:[],
+      customfields:[],
+      transitions:[],
+      rule1:{
+        title: [{ required: true, message: "请输入", trigger: "blur" }],
+        workflow: [{ required: true, message: "选择", trigger: "blur" }]
+      }
+
+      ,
     }
   },
     mounted(){
+    debugger;
       this.workflow = this.$route.params.workflow;
-      let workflow = localStorage.getItem('workflow');
       if(this.workflow){//有传参
         this.pageForm.workflow = parseInt(this.workflow);
-        if(workflow){
-          localStorage.removeItem('workflow');
-          localStorage.setItem('workflow',this.pageForm.workflow)
-        }else{
-          localStorage.setItem('workflow',this.pageForm.workflow)
-        }
-      }else {//无传参
-        if (workflow) {
-          this.workflow = workflow;
-          this.pageForm.workflow = workflow;
-        } else {
-        }
       }
       this.getList();
       this.getStates();
@@ -253,6 +364,13 @@
     },
   activated(){
     this.workflow = this.$route.params.workflow;
+    if(this.workflow){//有传参
+      this.pageForm.workflow = parseInt(this.workflow);
+    }
+    this.getList();
+    this.getStates();
+    this.getWorkFlow();
+   /* this.workflow = this.$route.params.workflow;
     let workflow = localStorage.getItem('workflow');
     if(this.workflow){//有传参
       this.pageForm.workflow = parseInt(this.workflow);
@@ -270,7 +388,7 @@
     }
     debugger;
     this.getList();
-    this.getStates();
+    this.getStates();*/
   },
   methods:{
     getList(){
@@ -339,6 +457,7 @@
         this.edges = edge;
     },
     handleFilter(){
+      this.pageForm.page=1;
       this.getList();
       this.getStates();
     },
@@ -346,6 +465,70 @@
       this.pageForm.workflow = '',
         this.getList();
     },
+    handleCreate(){
+      this.limitedAdd = true;
+      this.addForm.title = '';
+      this.addForm.workflow = '';
+      this.addForm.ticket_data = {};
+      this.addForm.transition = '';
+      this.customfields = [];
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleWorkflowChange(){
+      //获取字段
+      getWfCustomfieldList(this.addForm.workflow).then((res)=>{
+        this.customfields = res.data;
+      })
+      //获取流转
+      getWfTransitionList(this.addForm.workflow).then((res)=>{
+        for (let i=0;i<res.data.length;i++){
+          if(res.data[i].source_state_.type ===1){
+            debugger;
+            this.addForm.transition = res.data[i].id;
+          }
+        }
+
+      })
+
+    },
+    handlePreview(file) {
+      if ("url" in file) {
+        window.open(file.url);
+      } else {
+        window.open(file.response.data.path);
+      }
+    },
+    handleUpSuccess(res, file, filelist) {
+      this.process.instruction = res.data.id;
+    },
+    handleRemove(file, filelist){
+      this.process.instruction = null;
+    },
+    confirm(form){
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          let fields = this.customfields;
+          let obj = new Object();
+          for(let i=0;i<fields.length;i++){
+            obj[fields[i].field_key] = fields[i].default_value
+          }
+          this.addForm.ticket_data = obj;
+          debugger;
+          console.log(this.addForm)
+          createTicket(this.addForm).then((res) => {
+            if (res.code >= 200) {
+              this.getList();
+              this.limitedAdd = false;
+              this.$message.success("成功");
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+    },
     handlePicture(scope){
       let that = this;
       getWfFlowSteps( scope.row.id).then((res)=>{
@@ -355,16 +538,9 @@
             if(res.data){
               that.ticketDetail = res.data;
               let state = res.data.state;
-              debugger;
-              console.log(state)
-              console.log(that.flowSteps)
-              debugger;
               let dat = that.flowSteps.filter((item)=>{
                 return item.id==state;
               })
-              console.log(dat)
-              console.log(that.flowSteps.indexOf(dat[0]))
-              debugger;
               this.actives = that.flowSteps.indexOf(dat[0]);
               that.limitedStep = true;
             }
diff --git a/hb_client/src/views/workflow/transitions.vue b/hb_client/src/views/workflow/transitions.vue
index 345b8e5..a11521a 100644
--- a/hb_client/src/views/workflow/transitions.vue
+++ b/hb_client/src/views/workflow/transitions.vue
@@ -14,22 +14,22 @@
         style="width: 100%"
       >
         <el-table-column type="index" width="50" />
-        <el-table-column  width="180" label="名称">
+        <el-table-column width="180" label="名称">
           <template slot-scope="scope">{{ scope.row.name }}</template>
         </el-table-column>
          
-         <el-table-column  width="180" label="定时器（单位秒）">
-             <template slot-scope="scope">{{ scope.row.timer }}</template>
+        <el-table-column width="180" label="定时器（单位秒）">
+          <template slot-scope="scope">{{ scope.row.timer }}</template>
         </el-table-column>
-         <el-table-column  width="180" label="源状态">
-          
-              <template>
-               <span  v-for="item in stateoptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value" >
-                {{lable}}</span>
-                </template>
+        <el-table-column width="180" label="源状态">
+          <template slot-scope="scope">
+            <span v-if="scope.row.source_state_">{{scope.row.source_state_.name}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column width="180" label="目的状态">
+          <template slot-scope="scope">
+            <span v-if="scope.row.destination_state_">{{scope.row.destination_state_.name}}</span>
+          </template>
         </el-table-column>
          <el-table-column  width="180" label="创建时间">
           <template slot-scope="scope">{{ scope.row.create_time }}</template>