apply-clients 3.5.3-71 → 3.5.3-72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apply-clients",
-  "version": "3.5.3-71",
+  "version": "3.5.3-72",
   "description": "报建前端模块",
   "main": "src/index.js",
   "directories": {

package/src/apply.js

@@ -1,135 +1,138 @@
-import Vue from 'vue'
-Vue.config.silent = true
-import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
-import ApplyLoadParams from './stores/ApplyLoadParams'
-/** ****************服务插件*********************/
-
-export default function (filiale) {
-  Vue.use(ApplyGetSaleParam)
-  Vue.use(ApplyLoadParams)
-/** ***************************报建模块*********************************/
-  /**  报建流程业务 **/
-  // 报建流程业务总入口
-  Vue.component('exploration-user', (resolve) => { require(['./components/product/Process/ExplorationUser'], resolve) })
-  // 报建流程业务总入口页面list布局
-  Vue.component('exploration-select', (resolve) => { require(['./components/product/Process/ExplorationSelect'], resolve) })
-  // 业务tab(control层)页
-  Vue.component('service-control', (resolve) => { require(['./components/product/Process/Service/ServiceControl'], resolve) })
-  // 公共业务显示(view层)页
-  Vue.component('service-view', (resolve) => { require(['./components/product/ServiceView'], resolve) })
-  Vue.component('onetomany', (resolve) => { require(['./components/product/Onetomany'], resolve) })
-  // 显示退回理由tab页
-  Vue.component('show-back-reason', (resolve) => { require(['./components/product/Process/ShowBackReason'], resolve) })
-
-  /** 报建监控业务 **/
-  // 流程监控入口页
-  Vue.component('supervisory-control', (resolve) => { require(['./components/product/Supervisory/SupervisoryControl'], resolve) })
-  // 流程监控列表页
-  Vue.component('supervisory-list', (resolve) => { require(['./components/product/Supervisory/SupervisoryList'], resolve) })
-  // 业务tab(control层)页
-  Vue.component('supervisory-service-control', (resolve) => { require(['./components/product/Supervisory/Service/SupervisoryServiceControl'], resolve) })
-  // 流程列表页
-  Vue.component('supervisory-chart', (resolve) => { require(['./components/product/Supervisory/SupervisoryhCart'], resolve) })
-
-  /** 报建功能业务 **/
-  // 报建功能业务总入口
-  Vue.component('install-function', (resolve) => { require(['./components/product/Function/InstallFunction'], resolve) })
-  // 报建功能工程列表
-  Vue.component('installinfoselect', (resolve) => { require(['./components/product/Function/InstallInfoSelect'], resolve) })
-  // 报建菜单页面控制层
-  Vue.component('function-service-control', (resolve) => { require(['./components/product/Function/Service/FunctionServiceControl'], resolve) })
-
-  // 终止报建页面入口
-  Vue.component('stop-apply', (resolve) => { require(['./components/product/Stop/StopApply'], resolve) })
-  Vue.component('stop-apply-list', (resolve) => { require(['./components/product/Stop/StopApplyList'], resolve) })
-
-  /** 报建收费记录 **/
-  Vue.component('apply-charge-search', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeSearch'], resolve) })
-  Vue.component('apply-charge-list', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeList'], resolve) })
-  Vue.component('apply-charge-cl-list', (resolve) => { require(['./components/product/ApplyCharge/ApplyCLChargeList'], resolve) })
-
-  /** 团购转散户 **/
-  Vue.component('apply-group-by-paper', (resolve) => { require(['./components/product/GroupByApply/ApplyGroupByPaper'], resolve) })
-  Vue.component('apply-group-by-main', (resolve) => { require(['./components/product/GroupByApply/ApplyGroupByMain'], resolve) })
-  Vue.component('apply-group-by-list', (resolve) => { require(['./components/product/GroupByApply/ApplyGroupByList'], resolve) })
-
-  // 地址管理
-  Vue.component('apply-address-userinfo-management', (resolve) => { require(['./components/product/Process/Processes/addressAndUserinfoManagement'], resolve) })
-  // 施工安装明细
-  Vue.component('installation-details', (resolve) => { require(['./components/product/Process/Processes/InstallationDetails'], resolve) })
-  // 收费管理
-  Vue.component('apply-charge-management', (resolve) => { require(['./components/product/Process/Processes/chargeManagement'], resolve) })
-  Vue.component('apply-print-charge', (resolve) => { require(['./components/product/Process/Processes/Print/printCharge'], resolve) })
-  Vue.component('apply-print-chargepc', (resolve) => { require(['./components/product/Process/Processes/Print/printChargepc'], resolve) })
-  Vue.component('apply-print-refund', (resolve) => { require(['./components/product/Process/Processes/Print/printRefund'], resolve) })
-
-  // 补充协议
-  Vue.component('supplemental-agreement', (resolve) => { require(['./components/product/Process/Processes/supplementalAgreement'], resolve) })
-  // 选择用户信息
-  Vue.component('select-userinfo', (resolve) => { require(['./components/product/Process/Processes/selectUserinfo'], resolve) })
-  // 选择报建项目
-  Vue.component('select-apply', (resolve) => { require(['./components/product/Process/Processes/selectApply'], resolve) })
-  // 设备管理
-  Vue.component('apply-devices-management', (resolve) => { require(['./components/product/Process/Processes/devicesManagement'], resolve) })
-  // 添加多个材料合并
-  Vue.component('add-material-science', (resolve) => { require(['./components/product/Process/Processes/addMaterialScience'], resolve) })
-  Vue.component('return-material-science', (resolve) => { require(['./components/product/Process/Processes/ReturnMaterialScience'], resolve) })
-  Vue.component('test', (resolve) => { require(['./components/product/Test'], resolve) })
-
-  /** VueUtils **/
-  Vue.component('back-page', (resolve) => { require(['./components/product/VueUtils/ToolsPage'], resolve) })
-  Vue.component('tree2', (resolve) => { require(['./components/product/VueUtils/Tree'], resolve) })
-  Vue.component('apply-upload', (resolve) => { require(['./components/product/VueUtils/ApplyUpload'], resolve) })
-  // Vue.component('apply-high-meter', (resolve) => { require(['./components/product/VueUtils/GaoPaiYi/HighMeter'], resolve) })
-  Vue.component('apply-high-meter', (resolve) => { require(['./components/product/VueUtils/HighMeter'], resolve) })
-
-  // 旧报装处理入口
-  Vue.component('old-apply', (resolve) => { require(['./components/product/OldApply/OldApply'], resolve) })
-  Vue.component('handle-old-apply', (resolve) => { require(['./components/product/OldApply/Handle/HandleApply'], resolve) })
-  Vue.component('monitor-old-apply', (resolve) => { require(['./components/product/OldApply/Monitor/MonitorApply'], resolve) })
-  Vue.component('old-apply-message', (resolve) => { require(['./components/product/OldApply/OldApplyMessage'], resolve) })
-
-  Vue.component('apply-material-detailed', (resolve) => { require(['./components/product/Material/MaterialDetailed'], resolve) })
-  Vue.component('apply-install-project', (resolve) => { require(['./components/product/Install/InstallProject'], resolve) })
-
-  Vue.component('build-order-list', (resolve) => { require(['./components/product/Print/BuildOrder/buildOrderList'], resolve) })
-  Vue.component('print-build-order', (resolve) => { require(['./components/product/Print/BuildOrder/printBuildOrder'], resolve) })
-
-  Vue.component('print-gnition-bill', (resolve) => { require(['./components/product/Print/IgnitionBill/printIgnitionBill'], resolve) })
-  Vue.component('ignition-bill-list', (resolve) => { require(['./components/product/Print/IgnitionBill/IgnitionBill'], resolve) })
-  // 点火界面
-  Vue.component('ignition-list-manage', (resolve) => { require(['./components/product/Ignition/IgnitionListManage'], resolve) })
-  Vue.component('ignition-record', (resolve) => { require(['./components/product/Ignition/IgnitionRecord'], resolve) })
-  // 材料查看
-  Vue.component('material-manger', (resolve) => { require(['./components/product/Material/Materialmanger'], resolve) })
-  Vue.component('material-user', (resolve) => { require(['./components/product/Material/Materialuser'], resolve) })
-  Vue.component('apply-material-list', (resolve) => { require(['./components/product/Material/Materiallist'], resolve) })
-
-  Vue.component('business-apply', (resolve) => { require(['./components/product/Business/BusinessApply'], resolve) })
-  Vue.component('civil-apply', (resolve) => { require(['./components/product/Business/CivilApply'], resolve) })
-  // 区域 地址下拉框联动组件
-  Vue.component('res-area-select', (resolve) => { require(['./components/product/AreaSelect/ResAreaSelect'], resolve) })
-  Vue.component('res-area-select-group', (resolve) => { require(['./components/product/AreaSelect/ResAreaSelectGroup'], resolve) })
-  Vue.component('area-select', (resolve) => { require(['./components/product/AreaSelect/MyAreaSelect'], resolve) })
-  // 地图组件
-  Vue.component('gaode-map', (resolve) => { require(['./components/product/GaoDeMapComponents/GaoDeMap'], resolve) })
-  // 预收组件
-  Vue.component('apply-contract-charge', (resolve) => { require(['./components/product/Install/ContractCharge'], resolve) })
-
-  // 公建数据推送业务
-  Vue.component('gongjian-apply-manage', (resolve) => { require(['./components/product/GongJianPush/ApplyPushManage'], resolve) })
-  // 报建数据列表
-  Vue.component('gongjian-apply-list', (resolve) => { require(['./components/product/GongJianPush/ApplyPushList'], resolve) })
-  // 报建数据详情
-  Vue.component('gongjian-apply-dispose', (resolve) => { require(['./components/product/GongJianPush/ApplyPushDispose'], resolve) })
-  Vue.component('apply-material-display', (resolve) => { require(['./components/product/MaterialsManage/MaterialsList'], resolve) })
-  Vue.component('apply-material-manage', (resolve) => { require(['./components/product/MaterialsManage/MaterialsManage'], resolve) })
-  Vue.component('apply-materials-base', (resolve) => { require(['./components/product/MaterialsManage/MaterialsBase'], resolve) })
-  Vue.component('apply-map-location', (resolve) => { require(['./components/product/ApplyMap/AMapLocation'], resolve) })
-  if (filiale) {
-    let filialeComp = require(`./filiale/${filiale}/pc`).specialComp
-    for (let key in filialeComp) {
-      Vue.component(key, filialeComp[key])
-    }
-  }
-}
+import Vue from 'vue'
+Vue.config.silent = true
+import ApplyGetSaleParam from './stores/ApplyGetSaleParams'
+import ApplyLoadParams from './stores/ApplyLoadParams'
+/** ****************服务插件*********************/
+
+export default function (filiale) {
+  Vue.use(ApplyGetSaleParam)
+  Vue.use(ApplyLoadParams)
+/** ***************************报建模块*********************************/
+  /**  报建流程业务 **/
+  // 报建流程业务总入口
+  Vue.component('exploration-user', (resolve) => { require(['./components/product/Process/ExplorationUser'], resolve) })
+  // 报建流程业务总入口页面list布局
+  Vue.component('exploration-select', (resolve) => { require(['./components/product/Process/ExplorationSelect'], resolve) })
+  // 业务tab(control层)页
+  Vue.component('service-control', (resolve) => { require(['./components/product/Process/Service/ServiceControl'], resolve) })
+  // 公共业务显示(view层)页
+  Vue.component('service-view', (resolve) => { require(['./components/product/ServiceView'], resolve) })
+  Vue.component('onetomany', (resolve) => { require(['./components/product/Onetomany'], resolve) })
+  // 显示退回理由tab页
+  Vue.component('show-back-reason', (resolve) => { require(['./components/product/Process/ShowBackReason'], resolve) })
+
+  /** 报建监控业务 **/
+  // 流程监控入口页
+  Vue.component('supervisory-control', (resolve) => { require(['./components/product/Supervisory/SupervisoryControl'], resolve) })
+  // 流程监控列表页
+  Vue.component('supervisory-list', (resolve) => { require(['./components/product/Supervisory/SupervisoryList'], resolve) })
+  // 业务tab(control层)页
+  Vue.component('supervisory-service-control', (resolve) => { require(['./components/product/Supervisory/Service/SupervisoryServiceControl'], resolve) })
+  // 流程列表页
+  Vue.component('supervisory-chart', (resolve) => { require(['./components/product/Supervisory/SupervisoryhCart'], resolve) })
+
+  /** 报建功能业务 **/
+  // 报建功能业务总入口
+  Vue.component('install-function', (resolve) => { require(['./components/product/Function/InstallFunction'], resolve) })
+  // 报建功能工程列表
+  Vue.component('installinfoselect', (resolve) => { require(['./components/product/Function/InstallInfoSelect'], resolve) })
+  // 报建菜单页面控制层
+  Vue.component('function-service-control', (resolve) => { require(['./components/product/Function/Service/FunctionServiceControl'], resolve) })
+
+  // 终止报建页面入口
+  Vue.component('stop-apply', (resolve) => { require(['./components/product/Stop/StopApply'], resolve) })
+  Vue.component('stop-apply-list', (resolve) => { require(['./components/product/Stop/StopApplyList'], resolve) })
+
+  /** 报建收费记录 **/
+  Vue.component('apply-charge-search', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeSearch'], resolve) })
+  Vue.component('apply-charge-list', (resolve) => { require(['./components/product/ApplyCharge/ApplyChargeList'], resolve) })
+  Vue.component('apply-charge-cl-list', (resolve) => { require(['./components/product/ApplyCharge/ApplyCLChargeList'], resolve) })
+
+  /** 团购转散户 **/
+  Vue.component('apply-group-by-paper', (resolve) => { require(['./components/product/GroupByApply/ApplyGroupByPaper'], resolve) })
+  Vue.component('apply-group-by-main', (resolve) => { require(['./components/product/GroupByApply/ApplyGroupByMain'], resolve) })
+  Vue.component('apply-group-by-list', (resolve) => { require(['./components/product/GroupByApply/ApplyGroupByList'], resolve) })
+
+  // 地址管理
+  Vue.component('apply-address-userinfo-management', (resolve) => { require(['./components/product/Process/Processes/addressAndUserinfoManagement'], resolve) })
+  // 施工安装明细
+  Vue.component('installation-details', (resolve) => { require(['./components/product/Process/Processes/InstallationDetails'], resolve) })
+  // 收费管理
+  Vue.component('apply-charge-management', (resolve) => { require(['./components/product/Process/Processes/chargeManagement'], resolve) })
+  Vue.component('apply-print-charge', (resolve) => { require(['./components/product/Process/Processes/Print/printCharge'], resolve) })
+  Vue.component('apply-print-chargepc', (resolve) => { require(['./components/product/Process/Processes/Print/printChargepc'], resolve) })
+  Vue.component('apply-print-refund', (resolve) => { require(['./components/product/Process/Processes/Print/printRefund'], resolve) })
+
+  // 补充协议
+  Vue.component('supplemental-agreement', (resolve) => { require(['./components/product/Process/Processes/supplementalAgreement'], resolve) })
+  // 选择用户信息
+  Vue.component('select-userinfo', (resolve) => { require(['./components/product/Process/Processes/selectUserinfo'], resolve) })
+  // 选择报建项目
+  Vue.component('select-apply', (resolve) => { require(['./components/product/Process/Processes/selectApply'], resolve) })
+  // 设备管理
+  Vue.component('apply-devices-management', (resolve) => { require(['./components/product/Process/Processes/devicesManagement'], resolve) })
+  // 添加多个材料合并
+  Vue.component('add-material-science', (resolve) => { require(['./components/product/Process/Processes/addMaterialScience'], resolve) })
+  Vue.component('return-material-science', (resolve) => { require(['./components/product/Process/Processes/ReturnMaterialScience'], resolve) })
+  Vue.component('test', (resolve) => { require(['./components/product/Test'], resolve) })
+
+  /** VueUtils **/
+  Vue.component('back-page', (resolve) => { require(['./components/product/VueUtils/ToolsPage'], resolve) })
+  Vue.component('tree2', (resolve) => { require(['./components/product/VueUtils/Tree'], resolve) })
+  Vue.component('apply-upload', (resolve) => { require(['./components/product/VueUtils/ApplyUpload'], resolve) })
+  // Vue.component('apply-high-meter', (resolve) => { require(['./components/product/VueUtils/GaoPaiYi/HighMeter'], resolve) })
+  Vue.component('apply-high-meter', (resolve) => { require(['./components/product/VueUtils/HighMeter'], resolve) })
+
+  // 旧报装处理入口
+  Vue.component('old-apply', (resolve) => { require(['./components/product/OldApply/OldApply'], resolve) })
+  Vue.component('handle-old-apply', (resolve) => { require(['./components/product/OldApply/Handle/HandleApply'], resolve) })
+  Vue.component('monitor-old-apply', (resolve) => { require(['./components/product/OldApply/Monitor/MonitorApply'], resolve) })
+  Vue.component('old-apply-message', (resolve) => { require(['./components/product/OldApply/OldApplyMessage'], resolve) })
+
+  Vue.component('apply-material-detailed', (resolve) => { require(['./components/product/Material/MaterialDetailed'], resolve) })
+  Vue.component('apply-install-project', (resolve) => { require(['./components/product/Install/InstallProject'], resolve) })
+
+  Vue.component('build-order-list', (resolve) => { require(['./components/product/Print/BuildOrder/buildOrderList'], resolve) })
+  Vue.component('print-build-order', (resolve) => { require(['./components/product/Print/BuildOrder/printBuildOrder'], resolve) })
+
+  Vue.component('print-gnition-bill', (resolve) => { require(['./components/product/Print/IgnitionBill/printIgnitionBill'], resolve) })
+  Vue.component('ignition-bill-list', (resolve) => { require(['./components/product/Print/IgnitionBill/IgnitionBill'], resolve) })
+  // 点火界面
+  Vue.component('ignition-list-manage', (resolve) => { require(['./components/product/Ignition/IgnitionListManage'], resolve) })
+  Vue.component('ignition-record', (resolve) => { require(['./components/product/Ignition/IgnitionRecord'], resolve) })
+  // 材料查看
+  Vue.component('material-manger', (resolve) => { require(['./components/product/Material/Materialmanger'], resolve) })
+  Vue.component('material-user', (resolve) => { require(['./components/product/Material/Materialuser'], resolve) })
+  Vue.component('apply-material-list', (resolve) => { require(['./components/product/Material/Materiallist'], resolve) })
+
+  Vue.component('business-apply', (resolve) => { require(['./components/product/Business/BusinessApply'], resolve) })
+  Vue.component('civil-apply', (resolve) => { require(['./components/product/Business/CivilApply'], resolve) })
+  // 区域 地址下拉框联动组件
+  Vue.component('res-area-select', (resolve) => { require(['./components/product/AreaSelect/ResAreaSelect'], resolve) })
+  Vue.component('res-area-select-group', (resolve) => { require(['./components/product/AreaSelect/ResAreaSelectGroup'], resolve) })
+  Vue.component('area-select', (resolve) => { require(['./components/product/AreaSelect/MyAreaSelect'], resolve) })
+  // 地图组件
+  Vue.component('gaode-map', (resolve) => { require(['./components/product/GaoDeMapComponents/GaoDeMap'], resolve) })
+  // 预收组件
+  Vue.component('apply-contract-charge', (resolve) => { require(['./components/product/Install/ContractCharge'], resolve) })
+
+  // 公建数据推送业务
+  Vue.component('gongjian-apply-manage', (resolve) => { require(['./components/product/GongJianPush/ApplyPushManage'], resolve) })
+  // 报建数据列表
+  Vue.component('gongjian-apply-list', (resolve) => { require(['./components/product/GongJianPush/ApplyPushList'], resolve) })
+  // 报建数据详情
+  Vue.component('gongjian-apply-dispose', (resolve) => { require(['./components/product/GongJianPush/ApplyPushDispose'], resolve) })
+
+
+
+  Vue.component('apply-material-display', (resolve) => { require(['./components/product/MaterialsManage/MaterialsList'], resolve) })
+  Vue.component('apply-material-manage', (resolve) => { require(['./components/product/MaterialsManage/MaterialsManage'], resolve) })
+  Vue.component('apply-materials-base', (resolve) => { require(['./components/product/MaterialsManage/MaterialsBase'], resolve) })
+  Vue.component('apply-map-location', (resolve) => { require(['./components/product/ApplyMap/AMapLocation'], resolve) })
+  if (filiale) {
+    let filialeComp = require(`./filiale/${filiale}/pc`).specialComp
+    for (let key in filialeComp) {
+      Vue.component(key, filialeComp[key])
+    }
+  }
+}

package/src/components/product/Supervisory/SupervisoryhCart.vue

@@ -1,133 +1,132 @@
-<template>
-    <div style="overflow: auto;background-color: #FFFFFF;">
-      <div class="row" v-for="(i,row) in defnames">
-        <div :class="row.id === selectdata.actid ? 'item selectIndex' : 'item'" @click="getdefname(row)" >
-          {{ row.defname }}
-          <span v-if="row.state === '结束'">({{ row.person }})</span>
-          <span v-if="row.state !== '结束' && row.actorexpression !== null && row.actorexpression.indexOf('PI') === 0">
-            ({{ row.peruser }})
-          </span>
-          <br>
-          {{i === (defnames.length) - 1 ? row.sendtime : row.finishtime}}
-        </div>
-        <div class="arrow glyphicon glyphicon-menu-down" v-if="i !== defnames.length-1" aria-hidden="true"></div>
-      </div>
-    </div>
-</template>
-
-<script>
-  import  {HttpResetClass} from 'vue-client'
-  import {isEmpty} from "../../Util";
-  export default {
-    title: "流程节点",
-    props:['selectdata'],
-    data(){
-      return{
-        defnames: [] // 所有节点
-      }
-    },
-    created () {
-      this.initial()
-    },
-    methods :{
-      async initial () {
-        // 获取流程节点信息
-        let http = new HttpResetClass()
-        let data = {
-          processid: this.selectdata.f_process_id
-        }
-
-        let res = await http.load(
-          'POST',
-          'rs/sql/getAllNode',
-          {data: data},
-          {resolveMsg: null, rejectMsg: '流程节点信息获取失败！！！'})
-
-        this.defnames = res.data
-        debugger
-      },
-      //点击获取节点名
-      getdefname (row) {
-        // 发起节点都可查看
-        // if(row.defname === this.$workflow_vue.start_activity){
-        //   row = Object.assign({},this.selectdata,row)
-        //   this.$dispatch('apply', row)
-        //   return
-        // }
-        // if(this.check(row.actorexpression)){
-        //   row = Object.assign({},this.selectdata,row)
-        //   this.$dispatch('apply', row)
-        //   return
-        // }
-        // this.$showMessage("对不起，您没有查看此节点的权限！")
-        delete row.id
-        row = Object.assign({},this.selectdata,row)
-        this.$dispatch('apply', row)
-      },
-      // 检测是否有权限
-      check (actorexpression){
-
-        let str = null
-
-        if (isEmpty(actorexpression)) {
-          return true
-        }
-        if (this.$login.f.f_role_name.includes('流程监控')){
-          return this.$login.f.f_role_name.includes('流程监控')
-        }
-        if (actorexpression.indexOf('D') === 0) {
-          str = actorexpression.substring(2, actorexpression.length-1)
-          return this.$login.f.f_department_name.includes(str)
-        }
-
-        if (actorexpression.indexOf('RS') === 0) {
-          for (str of actorexpression.substring(3, actorexpression.length-1).split(',')) {
-            return this.$login.f.f_role_name.includes(str)
-          }
-        }
-
-        if (actorexpression.indexOf('R') === 0) {
-          str = actorexpression.substring(2, actorexpression.length-1)
-          return this.$login.f.f_role_name.includes(str)
-        }
-
-        if (actorexpression.indexOf('PI') === 0) {
-          str = actorexpression.substring(3, actorexpression.length-1)
-          return this.$login.f.id.includes(str)
-        }
-        if (actorexpression.indexOf('P') === 0) {
-          str = actorexpression.substring(2, actorexpression.length-1)
-          return this.$login.f.name.includes(str)
-        }
-
-        return this.$login.f.f_role_name.includes('流程监控')
-      }
-    },
-    computed: {
-    },
-    watch:{
-    }
-  }
-</script>
-
-<style scoped>
-.row{
-  text-align: center;
-  height: auto;
-  margin-right: 20px;
-}
-.item{
-  border-radius: 2em;
-  border: 1px solid silver;
-  line-height: 25px;
-}
-.arrow{
-  width: 100%;
-  color: #5ac0d9;
-  font-weight: bold;
-}
-  .selectIndex{
-    background-color: #5ac0d9;
-    color: #ffffff;
-  }
-</style>
+<template>
+    <div style="overflow: auto;background-color: #FFFFFF;">
+      <div class="row" v-for="(i,row) in defnames">
+        <div :class="row.id === selectdata.actid ? 'item selectIndex' : 'item'" @click="getdefname(row)" >
+          {{ row.defname }}
+          <span v-if="row.state === '结束'">({{ row.person }})</span>
+          <span v-if="row.state !== '结束' && row.actorexpression !== null && row.actorexpression.indexOf('PI') === 0">
+            ({{ row.peruser }})
+          </span>
+          <br>
+          {{i === (defnames.length) - 1 ? row.sendtime : row.finishtime}}
+        </div>
+        <div class="arrow glyphicon glyphicon-menu-down" v-if="i !== defnames.length-1" aria-hidden="true"></div>
+      </div>
+    </div>
+</template>
+
+<script>
+  import  {HttpResetClass} from 'vue-client'
+  import {isEmpty} from "../../Util";
+  export default {
+    title: "流程节点",
+    props:['selectdata'],
+    data(){
+      return{
+        defnames: [] // 所有节点
+      }
+    },
+    created () {
+      this.initial()
+    },
+    methods :{
+      async initial () {
+        // 获取流程节点信息
+        let http = new HttpResetClass()
+        let data = {
+          processid: this.selectdata.f_process_id
+        }
+
+        let res = await http.load(
+          'POST',
+          'rs/sql/getAllNode',
+          {data: data},
+          {resolveMsg: null, rejectMsg: '流程节点信息获取失败！！！'})
+
+        this.defnames = res.data
+      },
+      //点击获取节点名
+      getdefname (row) {
+        // 发起节点都可查看
+        // if(row.defname === this.$workflow_vue.start_activity){
+        //   row = Object.assign({},this.selectdata,row)
+        //   this.$dispatch('apply', row)
+        //   return
+        // }
+        // if(this.check(row.actorexpression)){
+        //   row = Object.assign({},this.selectdata,row)
+        //   this.$dispatch('apply', row)
+        //   return
+        // }
+        // this.$showMessage("对不起，您没有查看此节点的权限！")
+        delete row.id
+        row = Object.assign({},this.selectdata,row)
+        this.$dispatch('apply', row)
+      },
+      // 检测是否有权限
+      check (actorexpression){
+
+        let str = null
+
+        if (isEmpty(actorexpression)) {
+          return true
+        }
+        if (this.$login.f.f_role_name.includes('流程监控')){
+          return this.$login.f.f_role_name.includes('流程监控')
+        }
+        if (actorexpression.indexOf('D') === 0) {
+          str = actorexpression.substring(2, actorexpression.length-1)
+          return this.$login.f.f_department_name.includes(str)
+        }
+
+        if (actorexpression.indexOf('RS') === 0) {
+          for (str of actorexpression.substring(3, actorexpression.length-1).split(',')) {
+            return this.$login.f.f_role_name.includes(str)
+          }
+        }
+
+        if (actorexpression.indexOf('R') === 0) {
+          str = actorexpression.substring(2, actorexpression.length-1)
+          return this.$login.f.f_role_name.includes(str)
+        }
+
+        if (actorexpression.indexOf('PI') === 0) {
+          str = actorexpression.substring(3, actorexpression.length-1)
+          return this.$login.f.id.includes(str)
+        }
+        if (actorexpression.indexOf('P') === 0) {
+          str = actorexpression.substring(2, actorexpression.length-1)
+          return this.$login.f.name.includes(str)
+        }
+
+        return this.$login.f.f_role_name.includes('流程监控')
+      }
+    },
+    computed: {
+    },
+    watch:{
+    }
+  }
+</script>
+
+<style scoped>
+.row{
+  text-align: center;
+  height: auto;
+  margin-right: 20px;
+}
+.item{
+  border-radius: 2em;
+  border: 1px solid silver;
+  line-height: 25px;
+}
+.arrow{
+  width: 100%;
+  color: #5ac0d9;
+  font-weight: bold;
+}
+  .selectIndex{
+    background-color: #5ac0d9;
+    color: #ffffff;
+  }
+</style>