apply-clients 5.0.35-5 → 5.0.35-52

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>