apply-clients 5.0.35-4 → 5.0.35-42

package/src/components/app_apply/OneToMany.vue

@@ -0,0 +1,194 @@
+<template>
+  <div class="repair-bg auto" id="repair-first" style="padding-bottom:5px;overflow:auto">
+   <div style="text-align: center"> <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;" @click="addRow()">新增项目</button>
+   </div>
+    <div class="panel panel-default repair-info-content auto">
+      <div class="panel-body">
+        <div class="panel panel-default well"  v-for="row in rows"  >
+          <div class="panel-body bg-info" style="padding: 10px">
+            <div class="row form-group">
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <div class="row"  v-for="field in fields">
+                  <div class="col-sm-12 col-xs-12 col-md-12 padd-div-shu">
+                    {{field.label}}:{{row[field.field]}}
+                  </div>
+                </div>
+              </div>
+              <div class="col-sm-12 col-xs-12 col-md-12">
+                <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;float: right" @click="deleteRow(row)">删除</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <modal :show.sync="show"   backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <h3 style="color:black" class="modal-title">新增</h3>
+      </header>
+      <article slot="modal-body">
+        <div class="row">
+          <label class=" col-sm-4 control-label">收费项目：</label>
+          <div class="col-sm-5">
+            <v-select :options="f_project_items" placeholder='收费项目'
+                      :width="100" style="width:100%"
+                      :value-single="true"
+                      v-model="model.f_project_item" :value.sync="model.f_project_item" close-on-select>
+            </v-select>
+          </div>
+        </div>
+        <div class="row">
+          <label class=" col-sm-4 control-label">数量：</label>
+          <div class="col-sm-5">
+            <input class="form-control" type="text" v-model="model.f_amount" >
+          </div>
+        </div>
+        <div class="row">
+          <label class=" col-sm-4 control-label">单价：</label>
+          <div class="col-sm-5">
+            <input class="form-control" type="text" v-model="model.f_price" >
+          </div>
+        </div>
+        <div class="row">
+          <label class=" col-sm-4 control-label">金额：</label>
+          <div class="col-sm-5">
+            <input class="form-control" type="text" v-model="model.f_money" >
+          </div>
+        </div>
+
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-success" @click='addclick()'>确定</button>
+        <button type="button" class="btn btn-default" @click='cancelclick()'>取消</button>
+      </footer>
+    </modal>
+  </div>
+
+</template>
+
+<script>
+import {HttpResetClass} from "vue-client";
+
+export default {
+  title: '收费项目',
+  props:['item'],
+  data () {
+    return {
+      model:{
+        f_amount: "",
+        f_apply_num: "",
+        f_filiale: "",
+        f_money: "",
+        f_price: "",
+        f_process_id: "",
+        f_project_item: ""
+      },
+      show:false,
+      f_project_items:[{label:'测试',value:'测试'}],
+      rows: [],
+      fields:[]
+    }
+  },
+  ready(){
+    console.log('item2',this.item)
+    const param = this.$appdata.getParam("收费项目")
+    if(param){
+      this.f_project_items = param
+    }
+    this.fields = this.item.fields
+    this.model.f_process_id = this.item.f_process_id
+    this.model.f_apply_num = this.item.f_apply_num
+    this.model.f_filiale = this.item.f_filiale
+    this.search()
+  },
+  methods:{
+    addclick(){
+      if(!this.model.f_project_item){
+        this.$showMessage('请选择收费项目')
+        return
+      }
+      if(!this.model.f_amount){
+        this.$showMessage('请输入数量')
+        return
+      }
+      if(!this.model.f_price){
+        this.$showMessage('请输入单价')
+        return
+      }
+      if(!this.model.f_money){
+        this.$showMessage('请输入金额')
+        return
+      }
+      console.log('this.model',this.model)
+      const data = {
+        row:this.model,
+        tables:this.item.tables
+      }
+
+      console.log('data',data)
+      let http=new HttpResetClass()
+      http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/saveentity`,data).then(res=>{
+          console.log('res',res)
+        if(res.data.id){
+          this.$showMessage('添加成功')
+          this.cancelclick()
+          this.search()
+        }
+      })
+
+        },
+    addRow(){
+      this.show = true
+    },
+    cancelclick(){
+      this.model = Object.assign({},this.model,{
+        f_amount: "",
+        f_money: "",
+        f_price: "",
+        f_project_item: ""
+      })
+      this.show = false
+    },
+    deleteRow(row){
+      console.log('deleteRow',row)
+      let http=new HttpResetClass()
+      this.$showMessage('您确定要删除这条记录吗?',['confirm','cancel']).then(res=>{
+        if(res === 'confirm'){
+          const param ={
+            row:row,
+            tables:this.item.tables
+          }
+          http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/logic/applyDeleteValue`,{data:param}).then(res=>{
+            console.log('res',res)
+            if(res.data.status === 200){
+              this.$showMessage('删除成功')
+              this.search()
+            }
+          })
+          }
+      })
+    },
+    search(){
+      const param = {
+        "items":"*",
+        "tablename":this.item.tables[0],
+        "condition":`f_process_id='${this.item.f_process_id}'`,
+        "orderitem":'id desc'
+      }
+      let http=new HttpResetClass()
+      http.load('POST',`${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`,{data:param}).then(res=>{
+        console.log(`前台本地报建代办工单查询结果data=>>>${JSON.stringify(res.data)}`)
+        if(res.data){
+          this.rows = res.data
+        }else{
+          this.rows = []
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/components/app_apply/PlaceControler.vue

@@ -1,8 +1,8 @@
 <template>
   <!--<div class="app-botton" @click="back()">-->
-    <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
+  <!--<span class="glyphicon glyphicon-menu-left">返回</span>-->
   <!--</div>-->
-<!--  <back-page :need-back='true'  @flag="back()"></back-page>-->
+  <!--  <back-page :need-back='true'  @flag="back()"></back-page>-->
   <div class="no-close row" style="background-color: #ffffff">
     <div class="col-sm-12 col-xs-12" >
       <ul class="nav nav-tabs" style="background:#ffffff;">
@@ -33,224 +33,267 @@
 </template>
 
 <script>
-  import ApplyUserInfo from "./ApplyUserInfo";
-  import ApplyInfo from "./ApplyInfo";
-  // import FieldExploration from "./FieldExploration";
-  // import Ventilation from "./Ventilation";
-  // import Acceptance from "./Acceptance";
-  import ServiceControl from "./ServiceControl";
+import ApplyUserInfo from "./ApplyUserInfo";
+import ApplyInfo from "./ApplyInfo";
+// import FieldExploration from "./FieldExploration";
+// import Ventilation from "./Ventilation";
+// import Acceptance from "./Acceptance";
+import ServiceControl from "./ServiceControl";
 
-  export default {
-    title: '报建代办详情',
-    props: {
-      //分辨平板还是pc
-      system: '',
-      // 要处理的工单
-      row: {
-        type: Object
-      },
-      // 要显示的维修单
-      apply: {
-        type: Object
-      },
-      // 是否是显示
-      show: {
-        type: Boolean,
-        default: false
-      }
+export default {
+  title: '报建代办详情',
+  props: {
+    //分辨平板还是pc
+    system: '',
+    // 要处理的工单
+    row: {
+      type: Object
     },
-
-
-    data() {
-      return {
-        routeShow:true,
-        number:0,
-        // shupingshow:false,
-        pipeline: {},
-        componentName: 'apply-user-info',
-        tabs: {
-          // 参数全部设置成空，在ready时，等model处理好了，再添加
-          'apply-user-info': {
-            header: '基本信息', class: 'apply-user-info-class', props: null
-          },
-          'apply-info': {
-            header: '流程信息', class: 'apply-info-class', props: null
-          },
-          'apply-defame-work': {
-            header: null, class: 'apply-info-class', props: null
-          }
-        },
-        // actName: this.$appdata.getParam('用气类型'),  // 报建app需提取的流程名称
-        faultshow: 8     // 控制 故障汇总 在 菜单里显示与否
-      }
+    // 要显示的维修单
+    apply: {
+      type: Object
     },
+    // 是否是显示
+    show: {
+      type: Boolean,
+      default: false
+    }
+  },
 
-    methods: {
-      imgback(val){
-        if(val && this.routeShow){
-          return require('../../assets/xiangxia1.png')
-        }else{
-          return require('../../assets/xiangyou1.png')
-        }
+
+  data() {
+    return {
+      show_data: {
+        ppp:{}
       },
-      back () {
-        let _this = this
-        this.$showMessage('您是否确认返回', ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            _this.$back()
-          }
-        })
+      routeShow:true,
+      model:{
+        button:{
+          button_name:null,
+          button_index:null
+        },
+        f_filiale:null,
+        f_parentname:null,
+        f_operate_date:null,
+        f_operator:null,
+        f_hege:false
       },
-      // 选择tab
-      tabSelect (name,number) {
-        this.number = number
-        this.tabs[name].props = null
-        // 处理关闭/显示 内容
-        if(this.componentName == name && !this.routeShow ){
-          this.routeShow = true
-        }else if(this.componentName == name && this.routeShow){
-          this.routeShow = false
-        }else if(this.componentName != name){
-          this.routeShow = true
-        }
-        this.componentName = name
-        console.log('name=>' + name)
-        if(name == 'apply-user-info' || name == 'apply-info'){
-          this.tabs[name].props = {service: this.row, shutype: 'shu'}
-        }else{
-          this.row.defname = this.row.f_order_type
-          // this.row.fields = new Array()
-          // this.row.buttons = new Array()
-          this.tabs[name].props = {selectdata: this.row}
-          console.log("将去往第三个界面")
-          console.log("这就是我要的selectdata"+JSON.stringify(this.row))
+      number:0,
+      // shupingshow:false,
+      pipeline: {},
+      componentName: 'apply-user-info',
+      tabs: {
+        // 参数全部设置成空，在ready时，等model处理好了，再添加
+        'apply-user-info': {
+          header: '基本信息', class: 'apply-user-info-class', props: null
+        },
+        'apply-info': {
+          header: '流程信息', class: 'apply-info-class', props: null
+        },
+        'apply-defame-work': {
+          header: null, class: 'apply-info-class', props: null
         }
-        console.log('即将goto=>' + name + ',props:' + JSON.stringify(this.tabs[name].props))
-        this.$goto(name, this.tabs[name].props, 'apply')
-        // this.shupingshow = true
       },
-      setProps() {
-        // 给各自组件添加参数
-        this.tabs['apply-user-info'].props = {service: this.row, shutype: 'shu'}
-        // this.tabs['apply-info'].props = {service: this.row, shutype: 'shu'}
-        // this.tabs['apply-defame-work'].props = {model: this.row, shutype: 'shu'}
+      // actName: this.$appdata.getParam('用气类型'),  // 报建app需提取的流程名称
+      faultshow: 8     // 控制 故障汇总 在 菜单里显示与否
+    }
+  },
 
-        this.$goto('apply-user-info', this.tabs[this.componentName].props, 'apply')
-      },
+  methods: {
+    imgback(val){
+      if(val && this.routeShow){
+        return require('../../assets/xiangxia1.png')
+      }else{
+        return require('../../assets/xiangyou1.png')
+      }
+    },
+    back () {
+      let _this = this
+      this.$showMessage('您是否确认返回', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          _this.$back()
+        }
+      })
     },
-    ready () {
-      var keyName = 'apply-defame-work'
-      var valueHeader = this.row.f_order_type
-      var value = {
-        header:valueHeader,
-        class: 'apply-info-class',
-        props: null
+    // 选择tab
+    tabSelect (name,number) {
+      this.number = number
+      this.tabs[name].props = null
+      // 处理关闭/显示 内容
+      if(this.componentName == name && !this.routeShow ){
+        this.routeShow = true
+      }else if(this.componentName == name && this.routeShow){
+        this.routeShow = false
+      }else if(this.componentName != name){
+        this.routeShow = true
+      }
+      this.componentName = name
+      console.log('name=>' + name)
+      if(name == 'apply-user-info' || name == 'apply-info'){
+        this.tabs[name].props = {service: this.row, shutype: 'shu'}
+      }else{
+        this.row.defname = this.row.defname
+        // this.row.fields = new Array()
+        // this.row.buttons = new Array()
+        this.tabs[name].props = {selectdata: this.row,show_data:this.show_data,selectmodel:this.model}
+        console.log("将去往第三个界面")
+        console.log("这就是我要的selectdata"+JSON.stringify(this.row))
       }
-      this.tabs[keyName] = value
-      console.log( 'this.number=>' + this.number)
-      // this.$set('tabs.' + keyName ,value)
-      this.setProps()
+      console.log('即将goto=>' + name + ',props:' + JSON.stringify(this.tabs[name].props))
+      this.$goto(name, this.tabs[name].props, 'apply')
+      // this.shupingshow = true
     },
-    components: {
-      'apply-info': ApplyInfo,
-      'apply-user-info':ApplyUserInfo,
-      // 'fieldexploration': FieldExploration,
-      // 'acceptance': Acceptance,
-      // 'ventilation':Ventilation
-      'apply-defame-work': ServiceControl
+    setProps() {
+      // 给各自组件添加参数
+      this.tabs['apply-user-info'].props = {service: this.row, shutype: 'shu'}
+      // this.tabs['apply-info'].props = {service: this.row, shutype: 'shu'}
+      // this.tabs['apply-defame-work'].props = {model: this.row, shutype: 'shu'}
+
+      this.$goto('apply-user-info', this.tabs[this.componentName].props, 'apply')
     },
-    events: {
-      'close'() {
-        //this.$back()
-        this.$dispatch('confirm')
+  },
+  ready () {
+    var keyName = 'apply-defame-work'
+    var valueHeader = this.row.defname
+    var value = {
+      header:valueHeader,
+      class: 'apply-info-class',
+      props: null
+    }
+    this.tabs[keyName] = value
+    console.log( 'this.number=>' + this.number)
+    // this.$set('tabs.' + keyName ,value)
+    this.setProps()
+  },
+  components: {
+    'apply-info': ApplyInfo,
+    'apply-user-info':ApplyUserInfo,
+    // 'fieldexploration': FieldExploration,
+    // 'acceptance': Acceptance,
+    // 'ventilation':Ventilation
+    'apply-defame-work': ServiceControl
+  },
+  events: {
+    'gotonewpage': function (val) {
+      console.log("wheregoto")
+      var _this = this
+      var pardate = {
+        _this: _this,
+        title: '合同',
+        safe: false
       }
+      _this.$dispatch('gotoson',pardate)
+      if (val=='民用'){
+        _this.$goto('minyong', {},'self')
+      }else if (val=='非民用1'){
+        _this.$goto('feiminyongv', {},'self')
+      }else {
+        _this.$goto('feiminyongvv', {},'self')
+      }
+    },
+    'onetomany': function (val) {
+      console.log('6666666666')
+      console.log('item',val)
+      var _this = this
+      var pardate = {
+        _this: _this,
+        title: val.title,
+        safe: false
+      }
+      _this.$dispatch('gotoson',pardate)
+      _this.$goto('one-to-many', {item: val},'self')
+    },
+    'close'() {
+      //this.$back()
+      this.$dispatch('confirm')
     }
   }
+}
 </script>
 <style lang="less">
-  /*@import "../../../src/bootstrap/less/variables.less";*/
+/*@import "../../../src/bootstrap/less/variables.less";*/
 
-  .tab-befor-img (@url) {
-    content: '';
-    background-image: url("@{url}");
-    background-size: 20px;
-    display: inline-block;
-    margin-right: 8px;
-    margin-top: 0.3em;
-    height: 1.3em;
-    width: 1.3em;
-    vertical-align: -35%;
-  }
+.tab-befor-img (@url) {
+  content: '';
+  background-image: url("@{url}");
+  background-size: 20px;
+  display: inline-block;
+  margin-right: 8px;
+  margin-top: 0.3em;
+  height: 1.3em;
+  width: 1.3em;
+  vertical-align: -35%;
+}
 
 
-  .apply-info-class {
+.apply-info-class {
 
   &::before {
-   .tab-befor-img("../../assets/baoxiuxinxi1.png");
-   }
+    .tab-befor-img("../../assets/baoxiuxinxi1.png");
   }
+}
 
-  .apply-user-info-class {
+.apply-user-info-class {
   &::before {
-   .tab-befor-img("../../assets/jibenxinxi1.png")
-   }
+    .tab-befor-img("../../assets/jibenxinxi1.png")
   }
+}
 
-  .field-exploration-class {
+.field-exploration-class {
   &::before {
-   .tab-befor-img("../../assets/feiyong1.png")
-   }
+    .tab-befor-img("../../assets/feiyong1.png")
   }
-  .acceptance-class {
+}
+.acceptance-class {
   &::before {
-   .tab-befor-img("../../assets/feiyong1.png")
-   }
+    .tab-befor-img("../../assets/feiyong1.png")
   }
-  .ventilation-class {
+}
+.ventilation-class {
   &::before {
-   .tab-befor-img("../../assets/feiyong1.png")
-   }
+    .tab-befor-img("../../assets/feiyong1.png")
   }
+}
 
-  .job-upload-class {
+.job-upload-class {
   &::before {
-   .tab-befor-img("../../assets/guzhanghuizong1.png")
-   }
-  }
-  .butt2 {
-    display: inline;
-    width: 10px;
-    text-align: center;
-    align-items:center;
-  }
-  .linesty{
-    display: inline-block;
-    height:1px;
-    width:100%;
-    background:#d0d0d0;
-    overflow:hidden;
-    vertical-align: middle;
-  }
-  .spanboder{
-    border-bottom:2px solid #499edf;
-    padding-bottom: 8px
-  }
-  .app-botton {
-    position:fixed;
-    background: #87b2dd;
-    color: #FFF;
-    padding: 8px;
-    text-align: center;
-    font-size: 1.2em;
-    z-index: 10;
-    opacity:0.5;
-    bottom: 50px;
-    margin-top: -10px;
-    height: 40px;
+    .tab-befor-img("../../assets/guzhanghuizong1.png")
   }
-  /*.android-apply-order > div > ul a {*/
-  /*  font-size: 12px;*/
-  /*  color: #333333;*/
-  /*  padding: 13px 16px;*/
-  /*}*/
+}
+.butt2 {
+  display: inline;
+  width: 10px;
+  text-align: center;
+  align-items:center;
+}
+.linesty{
+  display: inline-block;
+  height:1px;
+  width:100%;
+  background:#d0d0d0;
+  overflow:hidden;
+  vertical-align: middle;
+}
+.spanboder{
+  border-bottom:2px solid #499edf;
+  padding-bottom: 8px
+}
+.app-botton {
+  position:fixed;
+  background: #87b2dd;
+  color: #FFF;
+  padding: 8px;
+  text-align: center;
+  font-size: 1.2em;
+  z-index: 10;
+  opacity:0.5;
+  bottom: 50px;
+  margin-top: -10px;
+  height: 40px;
+}
+/*.android-apply-order > div > ul a {*/
+/*  font-size: 12px;*/
+/*  color: #333333;*/
+/*  padding: 13px 16px;*/
+/*}*/
 </style>