apply-clients 3.4.3 → 3.4.4

package/src/components/android/Supervisory/AppSupervisoryCart.vue

@@ -1,121 +1,156 @@
-<template>
-  <div style="padding: 10px">
-    <div partial class="auto app-text panel" style="margin-bottom: 20px">
-      <div class="panel-body panel-self">
-        <div class="col-xs-6">
-          <p class="col-xs-6 text-left font"><b>工程编号：</b></p>
-          <p class="col-xs-6 text-left input-font">{{ selectdata.f_project_number }}</p>
-        </div>
-        <div class="col-xs-6">
-          <p class="col-xs-6 text-left font"><b>CEA号：</b></p>
-          <p class="col-xs-6 text-left input-font">{{ selectdata.f_cea_number }}</p>
-        </div>
-        <div class="col-xs-12">
-          <p class="col-xs-3 text-left font"><b>项目名称：</b></p>
-          <p class="col-xs-9 text-left input-font">{{ selectdata.f_entry_name }}</p>
-        </div>
-        <div class="col-xs-6">
-          <p class="col-xs-6 text-left font"><b>项目类型：</b></p>
-          <p class="col-xs-6 text-left input-font">{{ selectdata.f_apply_type }}</p>
-        </div>
-        <div class="col-xs-6">
-          <p class="col-xs-6 text-left font"><b>工程类型：</b></p>
-          <p class="col-xs-6 text-left input-font">{{ selectdata.f_project_type }}</p>
-        </div>
-        <div class="col-xs-6">
-          <p class="col-xs-6 text-left font"><b>项目区域：</b></p>
-          <p class="col-xs-6 text-left input-font">{{ selectdata.f_project_area }}</p>
-        </div>
-        <div class="col-xs-6">
-          <p class="col-xs-6 text-left font"><b>联系人：</b></p>
-          <p class="col-xs-6 text-left input-font">{{ selectdata.f_contact }}</p>
-        </div>
-        <div class="col-xs-6">
-          <p class="col-xs-6 text-left font"><b>联系电话：</b></p>
-          <p class="col-xs-6 text-left input-font">{{ selectdata.f_phone }}</p>
-        </div>
-        <div class="col-xs-6">
-          <p class="col-xs-6 text-left font"><b>办理环节：</b></p>
-          <p class="col-xs-6 text-left input-font">{{ selectdata.defname }}</p>
-        </div>
-        <div class="col-xs-12">
-          <p class="col-xs-3 text-left font"><b>项目地址：</b></p>
-          <p class="col-xs-9 text-left input-font">{{ selectdata.f_address }}</p>
-        </div>
-      </div>
-    </div>
-    <div class="row" v-for="(i,row) in defnames">
-        <div :class="row.id === selectdata.actid ? 'item selectIndex' : 'item'">
-          {{row.defname}}
-          <br>
-          {{ row.finishtime ? row.finishtime : row.sendtime }}
-        </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'
-export default {
-  title: '流程节点',
-  props: ['selectdata'],
-  data () {
-    return {
-      defnames: []
-    }
-  },
-  ready () {
-    this.initial()
-  },
-  methods: {
-    async initial() {
-      // 获取流程节点信息
-      let http = new HttpResetClass()
-      let data = {
-        processid: this.selectdata.f_process_id
-      }
-      let res = await http.load(
-        'POST',`${this.$androidUtil.getProxyUrl()}/rs/sql/getAllNode`,
-        {data: data},
-        {
-          resolveMsg:null,
-          rejectMsg:null
-        })
-      this.defnames = res.data
-    },
-  },
-  watch: {
-  }
-}
-</script>
-
-<style scoped>
-.app-text {
-  font-size: 12px;
-}
-.panel-self{
-  border-radius: 10px;
-  border:1px solid #499EDF;
-  background-color: #F8F8F8;
-}
-.row{
-  padding: 0 40px;
-  text-align: center;
-  height: auto;
-}
-.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="padding: 10px">
+    <div partial class="auto app-text panel" style="margin-bottom: 20px">
+      <div class="panel-body panel-self">
+        <div class="col-xs-12">
+          <p class="col-xs-3 text-left font"><b>客户名称：</b></p>
+          <p class="col-xs-9 text-left input-font">{{ selectdata.f_user_name }}</p>
+        </div>
+        <div class="col-xs-12">
+          <p class="col-xs-3 text-left font"><b>电&emsp;&emsp;话：</b></p>
+          <p class="col-xs-9 text-left input-font">{{ selectdata.f_phone }}</p>
+        </div>
+        <div class="col-xs-12">
+          <p class="col-xs-3 text-left font"><b>工程编号：</b></p>
+          <p class="col-xs-9 text-left input-font">{{ selectdata.f_apply_num }}</p>
+        </div>
+        <div class="col-xs-12">
+          <p class="col-xs-3 text-left font"><b>客户编号：</b></p>
+          <p class="col-xs-9 text-left input-font">{{ selectdata.f_userinfo_code }}</p>
+        </div>
+        <div class="col-xs-12">
+          <p class="col-xs-3 text-left font"><b>报建类型：</b></p>
+          <p class="col-xs-9 text-left input-font">{{ selectdata.f_apply_type }}</p>
+        </div>
+        <div class="col-xs-12">
+          <p class="col-xs-3 text-left font"><b>办理环节：</b></p>
+          <p class="col-xs-9 text-left input-font">{{ selectdata.defname }}</p>
+        </div>
+        <div class="col-xs-12">
+          <p class="col-xs-3 text-left font"><b>地&emsp;&emsp;址：</b></p>
+          <p class="col-xs-9 text-left input-font">{{ selectdata.f_address }}</p>
+        </div>
+        <div class="col-xs-12">
+          <p class="col-xs-3 text-left font"><b>报建日期：</b></p>
+          <p class="col-xs-9 text-left input-font">{{ selectdata.f_apply_date }}</p>
+        </div>
+      </div>
+    </div>
+    <div class="row" v-for="(i,row) in defnames">
+        <div :class="row.id === selectdata.actid ? 'item selectIndex' : 'item'" @click="shouju(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>
+          {{ row.finishtime ? row.finishtime : row.sendtime }}<br>
+          <span v-if="row.defname==='报装缴费'"> 点击此节点可查看缴费单 </span>
+        </div>
+        <div class="arrow glyphicon glyphicon-menu-down" v-if="i != defnames.length-1" aria-hidden="true"></div>
+      </div>
+    <div class="row" v-for="(i,row) in shoufeis">
+      <apply-print-charge :selectdata="selectdata" :charge="shoufeis[i]" v-ref:print v-if="shouju2"></apply-print-charge>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+export default {
+  title: '流程节点',
+  props: ['selectdata'],
+  data () {
+    return {
+      defnames: [],
+      shouju2:false,
+      shoufeis:[]
+    }
+  },
+  ready () {
+    this.initial()
+  },
+  methods: {
+    async shouju(row){
+      if(!this.shouju2){
+        this.$showMessage('往下滑动可看到缴费单！')
+      }
+      console.log("进入方法  哈哈哈哈哈哈")
+      delete row.id
+      row = Object.assign({},this.selectdata,row)
+      if(row.defname =='报装缴费'){
+        console.log("点击缴费了  嘻嘻嘻嘻")
+        let http = new HttpResetClass()
+        let data = {
+          tablename: 't_charge_record',
+          condition: `f_process_id = '${this.selectdata.f_process_id}'`
+        }
+        let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/singleTable`, {data:data}, {
+          resolveMsg: null,
+          rejectMsg: '收费信息查询失败！！！'
+        })
+        debugger
+        console.log('打印收费记录',res.data.length)
+        if(res.data.length >0){
+          console.log("发请求了  哈哈哈哈哈哈")
+          this.shoufeis=res.data
+          this.shouju2=!this.shouju2
+        }else{
+          console.log("没数据  呜呜呜")
+          this.$showMessage('该数据没有缴费记录！！！')
+          return
+        }
+      }
+    },
+    async initial() {
+      // 获取流程节点信息
+      let http = new HttpResetClass()
+      let data = {
+        processid: this.selectdata.f_process_id
+      }
+      let res = await http.load(
+        'POST',
+        `${this.$androidUtil.getProxyUrl()}/rs/sql/getAllNode`,
+        // `rs/sql/getAllNode`,
+        {data: data},
+        {
+          resolveMsg:null,
+          rejectMsg:null
+        })
+      this.defnames = res.data
+    },
+  },
+  watch: {
+  }
+}
+</script>
+
+<style scoped>
+.app-text {
+  font-size: 12px;
+}
+.panel-self{
+  border-radius: 10px;
+  border:1px solid #499EDF;
+  background-color: #F8F8F8;
+}
+.row{
+  padding: 0 40px;
+  text-align: center;
+  height: auto;
+}
+.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/common/TabButton.vue

@@ -0,0 +1,149 @@
+<template>
+  <div class='flex foot_tabset1'>
+    <!-- Nav tabs -->
+    <ul class="nav nav-{{navStyle}}" role="tablist" style="margin-left: 1%">
+      <li style="margin-right: 10px"
+          :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) => {
+        console.log('tabset收$on 到的名字为：', name)
+        this.$removeTab(name)
+      })
+    },
+    data () {
+      return {
+        // 数据格式：{comp, header，disabled}
+        // - comp: 当前页签对应的tab组件
+        renderData: []
+      }
+    },
+    methods: {
+      handleTabListClick (index, el) {
+        this.$parent.show[index] = true
+        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;
+  }
+
+</style>

package/src/components/common/Tabs.vue

@@ -0,0 +1,67 @@
+<template>
+  <div role="tabpanel" class="tab-pane"
+       v-bind:class="{hide:!show}"
+       v-if="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>