apply-clients 7.1.33 → 7.1.36

package/src/components/product/Stop/StopApply.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <div style="height: 95%">
+        <stop-apply-list v-ref:query></stop-apply-list>
+      </div>
+    </div>
+
+    <validator name="v">
+      <modal v-if="showModal" :show.sync="showModal" backdrop="false" large>
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closeModal()"><span>&times;</span></button>
+          <span class="modal-title"><font size="3">撤销</font></span>
+        </header>
+        <article slot="modal-body" class="modal-body clearfix">
+          <div class="form-group" :class="[$v.f_cancel_reason.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-1">撤销原因</label>
+            <div class="col-sm-9">
+              <textarea
+                class="form-control input_view" style="width: 100%" rows="5"
+                v-model="selectdata.f_cancel_reason" :value="selectdata.f_cancel_reason"
+                v-validate:f_cancel_reason = "['required']"
+              ></textarea>
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button class="btn btn-primary" :disabled="!$v.valid" type="button" @click="confirmModal()">
+            确认
+          </button>
+        </footer>
+    </modal>
+    </validator>
+  </div>
+</template>
+
+<script>
+export default {
+  title: '终止报建',
+  data () {
+    return {
+      showModal: false,
+      selectdata: null
+    }
+  },
+  ready () {
+  },
+  methods: {
+    closeModal () {
+      this.showModal = false
+      this.selectdata = null
+
+      this.$refs.query.$refs.cp.$refs.cri.search()
+    },
+    async confirmModal () {
+      let data = {
+        selectdata: this.selectdata,
+        user: this.$login.f
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/cancelStopApply`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '撤销失败！！！'}
+      )
+
+      this.closeModal()
+    }
+  },
+  events: {
+    'search' () {
+      this.$refs.query.$refs.cp.$refs.cri.search()
+    },
+    'cancelStopApply' (row) {
+      this.selectdata = row
+
+      this.showModal = true
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .control-label-justify {
+    display: inline-block;
+    vertical-align: top;
+    width: 110px;
+    text-align: justify;
+    font-family: PingFang-SC-Bold;
+  }
+
+  .control-label-justify::after {
+    content: "";
+    display: inline-block;
+    width: 100%;
+    overflow: hidden;
+    height: 0;
+  }
+  .clearfix:after,.clearfix:before{
+    display: table;
+  }
+  .clearfix:after{
+    clear: both;
+  }
+</style>

package/src/components/product/Stop/StopApplyList.vue

@@ -0,0 +1,224 @@
+<template>
+  <div class="col-sm-12">
+    <criteria-paged :model="model" v-ref:cp>
+      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">报建编号：</label>
+              <input type="text" style="width:60%" class="input_search" placeholder='报建编号' v-model="model.f_apply_num"
+                     v-on:keyup.enter="search"
+                     condition="f_apply_num = '{}'">
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">客户名称：</label>
+              <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name"
+                     v-on:keyup.enter="$parent.$parent.search()" condition="f_user_name like '%{}%'" placeholder='客户名称'>
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">电&emsp;&emsp;话：</label>
+              <input type="text" style="width:60%" class="input_search" v-model="model.f_phone"
+                     v-on:keyup.enter="$parent.$parent.search()" condition="f_phone = '{}'" placeholder='电话'>
+            </div>
+            <div class="form-group col-sm-2 button-range">
+              <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+              <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
+              <div
+                :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
+                class="button_spacing"
+                style="float: right">
+              </div>
+            </div>
+          </div>
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">报建类型：</label>
+              <v-select
+                v-model="model.f_apply_type"
+                placeholder='报建类型'
+                condition="f_apply_type like '%{}%'"
+                :value.sync="model.f_apply_type"
+                :options='$parent.$parent.applytype'
+                class="select select_list"
+                :value-single="true"
+                @change="$parent.$parent.applyTypeChange()"
+                close-on-select ></v-select>
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">办理环节：</label>
+              <v-select
+                v-model="model.defname"
+                placeholder='办理环节'
+                condition="defname = '{}'"
+                :value.sync="model.defname"
+                :options='$parent.$parent.defnames'
+                class="select select_list"
+                :value-single="true"
+                close-on-select ></v-select>
+            </div>
+            <div class="form-group col-sm-3">
+              <label  for="startDate" class="font_normal_body">开始时间：</label>
+              <datepicker id="startDate" placeholder="开始日期"
+                          style="width: 60%!important;"
+                          v-model="model.startDate"
+                          :value.sync="model.startDate"
+                          :format="'yyyy-MM-dd HH:mm:ss'"
+                          :show-reset-button="true"
+                          condition="f_apply_date >= '{}'">
+              </datepicker>
+            </div>
+            <div class="form-group col-sm-3">
+              <label for="endDate" class="font_normal_body">结束时间：</label>
+              <datepicker id="endDate" placeholder="结束日期"
+                          style="width: 60%!important;"
+                          v-model="model.endDate"
+                          :value.sync="model.endDate"
+                          :format="'yyyy-MM-dd HH:mm:ss'"
+                          :show-reset-button="true"
+                          condition="f_apply_date <= '{}'">
+              </datepicker>
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <data-grid :model="model" partial='list' v-ref:grid class="list_area table_sy">
+        <template partial='head'>
+          <tr>
+            <th style="white-space: nowrap;">序号</th>
+            <th style="white-space: nowrap;">报建编号</th>
+            <th style="white-space: nowrap;">客户名称</th>
+            <th style="white-space: nowrap;">电话</th>
+            <th style="white-space: nowrap;">报建类型</th>
+            <th style="white-space: nowrap;">办理环节</th>
+            <th style="white-space: nowrap;">类型</th>
+            <th style="white-space: nowrap;">状态</th>
+            <th style="white-space: nowrap;">终止原因</th>
+            <th style="white-space: nowrap;">终止时间</th>
+            <th style="white-space: nowrap;">终止人</th>
+            <th style="white-space: nowrap;">撤销原因</th>
+            <th style="white-space: nowrap;">撤销时间</th>
+            <th style="white-space: nowrap;">撤销人</th>
+            <th style="white-space: nowrap;">操作</th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr>
+            <td style="text-align: center;">
+              <nobr>{{$index+1}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_apply_num}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_user_name}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_phone}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_apply_type}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.defname}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_type}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_state}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_stop_reason}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_stop_date}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_operator}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_cancel_reason}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_cancel_date}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_cancel_operator}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <dropdown v-if="row.f_type === '暂停报建' && row.f_state === '有效' && row.f_operatorid === $login.f.id">
+                <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
+                  <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
+                </button>
+                <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
+                  <li>
+                    <a href="#" @click="$parent.$parent.$parent.click(row)">撤销</a>
+                  </li>
+                </ul>
+              </dropdown>
+            </td>
+          </tr>
+        </template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+<script>
+import {PagedList} from 'vue-client'
+import {isEmpty} from '../../Util'
+export default {
+  title: '勘探详情',
+  data () {
+    return {
+      model: new PagedList('rs/sql/getStopApply', 20, null),
+      curorgid: [this.$login.f.orgid],
+      applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')],
+      defnames: [{label: '全部', value: ''}], // 流程节点
+      criteriaShow: false
+    }
+  },
+  ready () {
+    // 调用查询
+    this.search()
+  },
+  events: {
+  },
+  methods: {
+    // 查询
+    search () {
+      this.$dispatch('search')
+    },
+    click (row) {
+      this.$dispatch('cancelStopApply', row)
+    },
+    async applyTypeChange () {
+      if (!isEmpty(this.$refs.cp.$refs.cri.model.f_apply_type)) {
+        let res = await this.$resetpost('rs/logic/getDefnameByType',
+          { f_apply_type: this.$refs.cp.$refs.cri.model.f_apply_type },
+          {resolveMsg: null, rejectMsg: '节点信息获取失败！！！'}
+        )
+
+        this.defnames = [{label: '全部', value: ''}, ...res.data]
+      } else {
+        this.defnames = [{label: '全部', value: ''}]
+      }
+    },
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = null
+      })
+    },
+    getorg (val) {
+      if (val.length <= 0) {
+        return
+      }
+      this.model.params.data.orgid = val[0]
+    }
+  },
+  computed: {
+  }
+}
+</script>
+<style scoped>
+</style>

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

@@ -0,0 +1,167 @@
+<template>
+  <div>
+    <div id="container"></div>
+  </div>
+</template>
+
+<script>
+import  {HttpResetClass} from 'vue-client'
+import LogicFlow from '@logicflow/core'
+import '@logicflow/core/dist/style/index.css'
+import {isEmpty} from '../../Util'
+export default {
+  title: '测试',
+  props:['selectdata'],
+  data () {
+    return {
+      lf: null,
+      data: null
+    }
+  },
+  ready () {
+    this.installLogicFlow()
+    this.initData()
+  },
+  methods: {
+    nodeClick (args) {
+      if (!args.data.properties || args.data.properties.length === 0) {
+        return
+      }
+      let act = args.data.properties[0]
+      console.log(act)
+      if(this.check(act.actorexpression)){
+        this.$dispatch('apply', Object.assign({},this.selectdata, act))
+        return
+      }
+      this.$showMessage("对不起，您没有查看此节点的权限！")
+    },
+    // 检测是否有权限
+    check (actorexpression){
+      let str = null
+
+      if (isEmpty(actorexpression)) {
+        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('流程监控')
+    },
+    async initData () {
+      let http = new HttpResetClass()
+      let data = {
+        f_process_id: this.selectdata.f_process_id,
+        width: parseInt(this.lf.width),
+        levelHeight: 100,
+        nodeType: 'rect',
+        edgeType: 'polyline'
+      }
+
+      let res = await http.load('POST', 'rs/logic/getAllNode', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: null
+      })
+
+      this.data = res.data
+    },
+    // 创建LogicFlow实例
+    installLogicFlow () {
+
+      this.lf = new LogicFlow({
+        container: document.querySelector('#container'),
+        grid: false,
+        textEdit: false,
+        isSilentMode: true // 开启静默模式
+      })
+
+      this.lf.render()
+
+      this.lf.on('node:click', this.nodeClick)
+    }
+  },
+  watch: {
+    'data' () {
+      if (!this.data) {
+        return
+      }
+      // 不采用直接渲染  节点样式无法单独设置  需要在设置节点前设置样式
+      // this.lf.setTheme({
+      //   rect: {
+      //     width: 100,
+      //     height: 50,
+      //     radius: 6,
+      //     fill: '#4a7cae',
+      //     stroke: '#c75450',
+      //     strokeWidth: 0
+      //   }
+      // })
+      // this.lf.render(this.data)
+
+
+      console.log('---------------节点样式--------------')
+
+      let style = {
+        rect: {
+          width: 120,
+          height: 50,
+          radius: 6,
+          fill: '#ffffff',
+          stroke: '#000000',
+          strokeWidth: 1
+        }
+      }
+
+      for (const node of this.data.nodes) {
+        if (!node.properties || node.properties.length === 0) {
+          style.rect.strokeWidth = 1
+          style.rect.fill = '#ffffff'
+        } else {
+          style.rect.strokeWidth = 0
+
+          let act = node.properties[0]
+
+          if (act.state === '开始活动') {
+            style.rect.fill = '#c75450'
+          } else {
+            style.rect.fill = '#4a7cae'
+          }
+
+          node.text = `${node.text}\n${act.sendtime}`
+        }
+
+        this.lf.setTheme(style)
+        this.lf.addNode(node)
+      }
+
+      for (const edge of this.data.edges) {
+        this.lf.createEdge(edge)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>