apply-clients 7.1.36-1 → 7.1.36-yuchuan-2

package/src/components/product/ApplyGuanXian/GuanXianExplorationUser.vue

@@ -0,0 +1,144 @@
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <div :class="showData ? 'top' : 'auto'">
+        <guan-xian-exploration-select v-ref:query :show-data="showData"></guan-xian-exploration-select>
+      </div>
+      <div v-if="showtotal" style="height: 89%">
+        <div class="col-sm-2" style="margin-top: 20px">
+          <guan-xian-supervisoryh-cart :selectdata="selectdata"></guan-xian-supervisoryh-cart>
+        </div>
+        <tabset v-ref:tabs :close="false" :active.sync="active">
+          <tab :header='selectdata.defname'>
+            <service-control v-ref:service :selectdata="selectdata"></service-control>
+          </tab>
+          <tab header='附件'>
+            <apply-upload :blodid="selectdata.f_process_id"
+                          :isupload = "true"
+                          :isdelete="true"
+                          :isusetype="true"
+                          :isremark = "true"
+                          :takeimg="true"
+                          :issearch="true"
+                          :defname="selectdata.defname">
+            </apply-upload>
+          </tab>
+        </tabset>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+export default {
+  title: '管线建设流程',
+  data () {
+    return {
+      showData: true,     // 控制列表数据
+      showtotal: false, // 详情显示
+      selectdata: {},
+      xmlname: '',        // 配置文件名
+      active: 0        // 配置文件名
+    }
+  },
+  ready () {
+    console.log('=============用户信息=================')
+    console.log(this.$login.f)
+    console.log(this.$login.r)
+  },
+  methods: {
+    // 获取页面配置json文件
+    async loadName () {
+
+      let data = {
+        workname: this.selectdata.processname
+      }
+      let res = await this.$resetpost(
+        'rs/logic/ApplyGetConfigs',
+        {data: data},
+        {resolveMsg: null, rejectMsg: '配置数据获取失败！！！'}
+      )
+
+      Vue.prototype.$workflow_vue = res.data
+    }
+  },
+  events: {
+    'onMessage' (data) {
+      console.log('接收消息')
+      console.log(data)
+      if (data.type === 'apply-task') {
+        this.$refs.query.$refs.cp.$refs.cri.search()
+      }
+    },
+    // 刷新控制层
+    async 'breakControl' (servicedata) {
+
+      if (servicedata.id) {
+        let data = {
+          condition: `u.id = ${servicedata.id}`,
+          data: {
+            userid: this.$login.f.id,
+            f_filiale: this.$login.f.f_fengongsi
+          }
+        }
+        let res = await this.$resetpost(
+          'rs/sql/getGuanXianApply',
+          {data: data},
+          {resolveMsg: null, rejectMsg: '数据更新失败，请手查询更新！！！'}
+        )
+
+        this.selectdata = res.data[0]
+      } else {
+        this.selectdata = servicedata
+      }
+
+      this.showtotal = false
+      this.$nextTick(() => {
+        this.showtotal = true
+      })
+
+    },
+    // 初始化
+    async 'apply' (val) {
+      this.showtotal = false
+      this.selectdata = val
+
+      // 次方法必须同步执行，否则后续会出问题
+      // 获取页面json配置文件
+      await this.loadName()
+
+      // 显示详细
+      this.showtotal = true
+      // 关闭列表数据
+      this.showData = false
+      // 关闭分页
+      this.$refs.query.$refs.cp.pager = false
+    },
+    'search' () {
+      this.selectdata = {}
+      // 关闭详细
+      this.showtotal = false
+      // 显示列表数据
+      this.showData = true
+      // 显示分页
+      this.$refs.query.$refs.cp.pager = true
+      // 调用查询
+      this.$refs.query.$refs.cp.$refs.cri.search()
+    },
+    'loadPage' () {
+      this.selectdata = {}
+      // 关闭详细
+      this.showtotal = false
+      // 显示列表数据
+      this.showData = true
+      // 显示分页
+      this.$refs.query.$refs.cp.pager = true
+      // 调用查询
+      this.$refs.query.$refs.cp.loadPage(this.$refs.query.model.pageIndex)
+    }
+  },
+  watch: {
+  }
+}
+</script>

package/src/components/product/ApplyGuanXian/GuanXianSupervisoryhCart.vue

@@ -0,0 +1,119 @@
+<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 }}
+        <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 data = {
+        processid: this.selectdata.f_process_id
+      }
+
+      let res = await this.$resetpost(
+        '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("对不起，您没有查看此节点的权限！")
+    },
+    // 检测是否有权限
+    check (actorexpression){
+      let str = null
+
+      if (isEmpty(actorexpression)) {
+        return true
+      }
+      return true
+      if (actorexpression.indexOf('D') === 0) {
+        str = actorexpression.substring(2, actorexpression.length-1)
+        return this.$login.f.f_parentname.includes(str)
+      }
+      if (actorexpression.indexOf('RS') === 0) {
+        for (str of actorexpression.substring(3, actorexpression.length-1).split(',')) {
+          return this.$login.f.rolesnames.includes(str)
+        }
+      }
+
+      if (actorexpression.indexOf('R') === 0) {
+        str = actorexpression.substring(2, actorexpression.length-1)
+        return this.$login.f.rolesnames.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.rolesnames.includes('流程监控')
+    }
+  },
+  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>

package/src/components/product/ApplyGuanXian/TabButton.vue

@@ -0,0 +1,157 @@
+<template>
+  <div class='flex foot_tabset1'>
+    <!-- Nav tabs -->
+    <ul class="nav nav-{{navStyle}}" role="tablist" style="margin-left: 1%;overflow: hidden">
+      <li style="margin: 5px"
+          :id="'vc-tabset-li-'+attach +'-'+$index"
+          v-for="r in renderData"
+          @click.prevent="handleTabListClick($index, r)"
+          :disabled="r.disabled"
+      >
+        <button class="button_new" style="width: max-content" v-bind:class="{
+            'btn-succ': ($index === active),
+            'disabled': r.disabled
+          }">
+          <slot name="header">
+            {{r.header}}
+          </slot>
+          <!-- 关闭按钮 -->
+          <span class="glyphicon glyphicon-remove" style="margin-left: 15px;" @click="deletetTab(r)" v-if="close" :id="'vc-tabset-close-'+attach +'-'+$index"></span>
+        </button>
+
+      </li>
+    </ul>
+
+    <!-- Tab panes -->
+    <div class="tab-content span" v-el:tab-content>
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {remove} from 'vue-client/src/stores/Remove.js'
+
+  export default {
+    props: {
+      navStyle: {
+        type: String,
+        default: 'tabs'
+      },
+      effect: {
+        type: String,
+        default: 'fadein'
+      },
+      active: {
+        type: Number,
+        default: 0
+      },
+      close: {
+        type: Boolean,
+        default: false
+      },
+      attach: {
+        type: String,
+        default: 'vuestrap'
+      },
+      content: {}
+    },
+    ready () {
+      remove.$on('remove', (name) => {
+        //tag
+        this.$removeTab(name)
+      })
+    },
+    data () {
+      return {
+        // 数据格式：{comp, header，disabled}
+        // - comp: 当前页签对应的tab组件
+        renderData: []
+      }
+    },
+    methods: {
+      handleTabListClick (index, el) {
+        // 没有打开过, 则添加显示
+        //tag
+        //tag
+        if (!this.$parent.show.includes(el.header)) {
+          this.$parent.show.push(el.header)
+        }
+        if (el.comp._scope && el.comp._scope.tab) {
+          this.$dispatch('tab-changed', el.comp._scope.tab.comp.name)
+        }
+        if (!el.disabled) this.active = index
+      },
+      // deletetab函数为自己添加
+      deletetTab (el) {
+        this.$removeTab(el.comp._scope.tab.comp.name)
+        remove.$emit('delete', el.comp._scope.tab.comp.name)
+      },
+      // 根据删除也下标，修改所有页签的下标
+      modifyAllIndex (index) {
+        let cur = this.active
+        this.$nextTick(() => {
+          // 关闭页签以后的多有页签的的下标向前挪动一位,之前的页签不动
+          for (var i = index; i < this.renderData.length; i++) {
+            this.renderData[i].comp.index -= 1
+          }
+          // 修改激活页
+          // 获取当前激活页签下标，关闭在当前激活页之后（包含当前激活页），当前激活页下标不变
+          // 当关闭当前激活页之前（激活页向前移动一位）
+          if (this.active > index || this.active === this.renderData.length) {
+            this.active = cur - 1
+          } else if (cur === 0) {
+            this.active = 0
+          } else {
+            this.active = cur
+          }
+          if (this.active === -1) {
+            this.$dispatch('tab-changed', null)
+          }else {
+            this.$dispatch('tab-changed', this.renderData[this.active].comp._scope.tab.comp.name)
+          }
+        })
+      }
+    },
+    events: {
+      'delete' (index) {
+        this.modifyAllIndex(index)
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  ul > li > a {
+    position: relative;
+  }
+  ul > li > a > span {
+    display: none;
+  }
+  /*ul > li > a:hover > span {*/
+  /*display: initial;*/
+  /*position: absolute;*/
+  /*right: 0;*/
+  /*top: 35%;*/
+  /*border: 1px solid #EAEAEA;*/
+  /*}*/
+  /*ul > li > a:hover > span:hover {*/
+  /*border: 1px solid #EAEAEA;*/
+  /*color: #5cb95c;*/
+  /*}*/
+  ul > li > button {
+    background-color: #FFFFFF;
+    border-radius: 4px;
+    color: #999;
+    border: 1px solid #5cb95c;
+  }
+  .btn-succ{
+    background-color: #6aa6e2;
+    border-radius: 4px;
+    color: #fff;
+  }
+  .foot_tabset1 > .nav {
+    overflow-x: scroll;
+    white-space: nowrap;
+  }
+</style>

package/src/components/product/ApplyGuanXian/Tabs.vue

@@ -0,0 +1,67 @@
+<template>
+  <div role="tabpanel" class="tab-pane"
+       v-bind:class="{hide:!show}"
+       v-show="show"
+       :transition="transition"
+  >
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+  import coerceBoolean from 'vue-client/src/vue-strap/src/utils/coerceBoolean.js'
+
+  export default {
+    props: {
+      header: {
+        type: String
+      },
+      disabled: {
+        type: Boolean,
+        coerce: coerceBoolean,
+        default: false
+      }
+    },
+    data () {
+      return {
+        index: 0,
+        show: false
+      }
+    },
+    watch: {
+      'header' (val) {
+        // header变化时，通知tabset
+        let data = this.$parent.renderData.find((v) => v.comp === this)
+        data.header = val
+      }
+    },
+    computed: {
+      show () {
+        return (this.$parent.active === this.index)
+      },
+      transition () {
+        return this.$parent.effect
+      }
+    },
+    created () {
+      this.$parent.renderData.push({
+        comp: this,
+        header: this.header,
+        disabled: this.disabled
+      })
+    },
+    ready () {
+      // 找到当前tab的索引
+      this.index = this.$parent.$children.findIndex((v) => v.$el === this.$el)
+    },
+    beforeDestroy () {
+      this.$parent.renderData.splice(this.index, 1)
+    }
+  }
+</script>
+
+<style scoped>
+  .tab-content > .tab-pane {
+    display: block;
+  }
+</style>