apply-clients 3.0.4 → 3.0.5-4

package/src/components/product/Process/Processes/CustomerCostPlan.vue

@@ -0,0 +1,214 @@
+<template>
+  <div style="text-align: center;" v-if="refresh">
+    <div class="span" style="margin-top: 10px;height: auto;min-height: 200px;width: 92%">
+      <partial-view v-ref:single-load>
+        <data-grid :model="model" v-ref:grid>
+          <template partial='head'>
+            <tr>
+              <th>序号</th>
+              <th>名称</th>
+              <th>金额(元)</th>
+              <th>备注</th>
+              <th v-if="$parent.$parent.$parent.mark === 0">
+                <button type="button" name="button" class="btn btn-info" @click="$parent.$parent.$parent.add()">新增收费</button>
+              </th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <td style="text-align: center">{{ $index + 1 }}</td>
+            <td style="text-align: center">{{ row.f_costplan_name }}</td>
+            <td style="text-align: center">{{ row.f_fee }}</td>
+            <td style="text-align: center">{{ row.f_remarks }}</td>
+            <td class="flex-around" v-if="$parent.$parent.$parent.mark === 0">
+              <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.modifyParam(row)">修改
+              </button>
+              <button type="button" name="button" class="btn btn-link"
+                      @click.stop="$parent.$parent.$parent.deleteItem(row)">删除
+              </button>
+            </td>
+          </template>
+        </data-grid>
+      </partial-view>
+     <span>合计：{{f_cost_sum}}元</span>
+    </div>
+  </div>
+  <modal :show.sync="showpay" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="close"><span>&times;</span></button>
+      <h4 class="modal-title">新增成本计划</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="from-group">
+        <label>名称</label>
+        <input type="text" class="form-control" v-model="addItem.f_costplan_name">
+      </div>
+      <div class="from-group">
+        <label>金额(元)</label>
+        <input type="number" class="form-control" v-model="addItem.f_fee" >
+      </div>
+      <div class="from-group">
+        <label>备注</label>
+        <textarea type="text" rows="2" class="form-control" v-model="addItem.f_remarks"></textarea>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button v-show="showpay" type="button" class="btn btn-default" @click='close'>取消</button>
+      <button v-show="showpay" type="button" class="btn btn-success" @click='addpaydipetail'>确认</button>
+    </footer>
+  </modal>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+import $ from 'jquery'
+
+export default {
+  title: '合同签订',
+  data () {
+    return {
+      refresh: true,
+      showpay: false, // 新增成本计划开关
+      model: {
+        rows: [] // 材料成本数据数组
+      },
+      addItem:{},
+      f_cost_sum:0,
+     // costplan:['施工成本','材料成本','设计费','监理费','管理费','税金']
+    }
+  },
+  props: {
+    selectdata: {
+      type: Object
+    },
+    mark: {
+      type: Number,
+      default: 0
+    }
+  },
+  ready () {
+    this.load()
+  },
+  methods: {
+    async load () {
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_cost_plan',
+        condition: `f_process_id = '${this.selectdata.f_process_id}'`
+      }
+      let res = await http.load('POST', 'rs/sql/singleTable', {data: data}, {resolveMsg: null, rejectMsg: '获取数据失败'})
+        .then((res) => {
+          this.model.rows = res.data
+          this.f_cost_sum=0
+          for (var i=0;i<this.model.rows.length;i++){
+            this.f_cost_sum += Number(this.model.rows[i].f_fee)
+          }
+        })
+    },
+    /*// 初始化成本计划
+    async fcostplan(){
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_cost_plan',
+        condition: `f_process_id = '${this.selectdata.f_process_id}'`
+      }
+      let number = await http.load("post",'rs/sql/checkcostplan', {data: data},{resolveMsg: null, rejectMsg: '获取数据失败'})
+      if (number.data[0].num =='0'){
+        for (let i=0;i<this.costplan.length;i++){
+          this.addItem.f_costplan_name = this.costplan[i]
+          if (this.costplan[i]=='材料成本'){
+            let data1 = {
+              applyNum: `mb.f_apply_num='${this.selectdata.f_apply_num}'`
+            }
+            await  http.load('POST', 'rs/logic/material_cost', {data: data1}, {
+              resolveMsg: null,
+              rejectMsg: 'material_cost失败'
+            }).then((res) => {
+              if (res.data[0]['']=='null'||res.data[0]['']==null){
+                this.addItem.f_fee = 0
+              }else {
+                this.addItem.f_fee = res.data[0]['']
+              }
+            })
+          }else {
+            this.addItem.f_fee = 0
+          }
+          this.addItem.f_process_id = this.selectdata.f_process_id
+          this.addItem.f_apply_num = this.selectdata.f_apply_num
+          this.addItem.f_operator = this.$login.f.name
+          this.addItem.f_department = this.$login.f.f_parentname
+          this.addItem.f_filiale = this.$login.f.f_fengongsi
+          await http.load('POST', 'rs/logic/addcostplan', this.addItem, {resolveMsg:null, rejectMsg: '保存失败'})
+        }
+        this.load()
+      }
+    },*/
+    // 关闭模态框
+    close () {
+      this.showpay = false
+      this.addItem = null
+    },
+    // 模态框确定按钮保存数据
+    async addpaydipetail () {
+      let http = new HttpResetClass()
+      this.addItem.f_process_id = this.selectdata.f_process_id
+      this.addItem.f_apply_num = this.selectdata.f_apply_num
+      this.addItem.f_operator = this.$login.f.name
+      this.addItem.f_department = this.$login.f.f_parentname
+      this.addItem.f_filiale = this.$login.f.f_fengongsi
+      await http.load('POST', 'rs/logic/addcostplan', this.addItem, {resolveMsg: '保存成功', rejectMsg: '保存失败'})
+        .then((res) => {
+          this.close()
+          this.load()
+        })
+    },
+    deleteItem (row) {
+      let http = new HttpResetClass()
+      http.load('POST','rs/logic/delectcostplan', {data: row}, {resolveMsg: null, rejectMsg: '删除失败'})
+        .then((res) => {
+          this.load()
+        })
+    },
+    //新增收费 开启模态框
+    add () {
+      this.showpay = true
+    },
+    modifyParam(row){
+      this.addItem=row
+      this.showpay = true
+    },
+    /*async updateapply(){
+      let data={
+        id:this.selectdata.id,
+        f_cost_sum:this.f_cost_sum
+      }
+      this.$resetpost('rs/entity/t_apply', data,{resolveMsg: null, rejectMsg: '提交失败'})
+    }*/
+  },
+  watch: {}
+}
+
+</script>
+
+
+<style scoped>
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+}
+
+table, td, th {
+  padding: 0;
+  border: 1px solid black
+}
+
+tr {
+  height: 34px;
+}
+
+#DynamicForm input {
+  text-align: center;
+}
+
+</style>