apply-clients 4.0.64 → 4.0.67

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

@@ -1,507 +1,507 @@
-<template>
-  <div class="flex" style="height: auto">
-    <div style="height: auto" class="flex"
-         v-if="selectdata.defname=='户内安装'||selectdata.defname=='安装审核'||selectdata.defname=='工程验收'">
-
-      <p class="bg-info text-center" style="padding: 8px;font-size: 20px">预算项目表
-      </p>
-      <div class="form-inline auto" style="margin-bottom: 5px;">
-        <criteria-paged :model="batchmodel" :pager="true" v-ref:paged1>
-          <data-grid :model="$parent.batchmodel" v-ref:grid1 partial='list'>
-
-            <template partial='head'>
-              <tr>
-                <th>
-                  <nobr>序号</nobr>
-                </th>
-                <th>
-                  <nobr>预算项目</nobr>
-                </th>
-                <th>
-                  <nobr>单位</nobr>
-                </th>
-                <th>
-                  <nobr>数量</nobr>
-                </th>
-                <th>
-                  <nobr>单价</nobr>
-                </th>
-                <th>
-                  <nobr>金额</nobr>
-                </th>
-              </tr>
-            </template>
-            <template partial='body'>
-              <td style="text-align: center;">{{$index + 1}}</td>
-              <td style="text-align: center;">{{row.f_batch_name}}</td>
-              <td style="text-align: center;">{{row.f_unit}}</td>
-              <td style="text-align: center;">{{row.f_number}}</td>
-              <td style="text-align: center;">{{row.f_price}}</td>
-              <td style="text-align: center;">{{row.f_cash}}</td>
-
-            </template>
-          </data-grid>
-        </criteria-paged>
-      </div>
-    </div>
-    <div style="height: auto" class="flex">
-      <p class="bg-info text-center" style="padding: 8px;font-size: 20px" v-if="selectdata.defname=='工商预算审核(技术科科长)'||selectdata.defname=='工商预算审核(分管副总)'||selectdata.defname=='工商预算审核(总经理)'||
-                    selectdata.defname=='工商现场勘查'||selectdata.defname=='民用现场勘查'">预算项目表
-      </p>
-      <p class="bg-info text-center" style="padding: 8px;font-size: 20px"
-         v-if="selectdata.defname=='户内安装'||selectdata.defname=='安装审核'||selectdata.defname=='点火申请'||selectdata.defname=='点火'||selectdata.defname=='收费材料费'||selectdata.defname=='工程验收'">
-        结算项目表
-      </p>
-      <div class="form-inline auto bg-info"
-           v-if="selectdata.defname=='工商现场勘查'||selectdata.defname=='民用现场勘查'||selectdata.defname=='户内安装'"
-           style="float: right">
-        <div class="form-group" style="float: right" v-if="selectdata.defname=='工商现场勘查'||selectdata.defname=='民用现场勘查'">
-          <button class="btn btn-success" @click="importemplate()">导入模板</button>
-        </div>
-        <div class="form-group" style="float: right"
-             v-if="selectdata.defname=='户内安装'">
-          <button class="btn btn-success" @click="importbudget()">从预算导入</button>
-        </div>
-        <div class="form-group" style="float: right">
-          <button class="btn btn-success" @click="modify()">新增</button>
-        </div>
-      </div>
-      <div class="form-inline auto" style="margin-bottom: 5px;">
-        <criteria-paged :model="model" :pager="true" v-ref:paged>
-          <data-grid :model="model" v-ref:grid partial='list'>
-            <template partial='head'>
-              <tr>
-                <th>
-                  <nobr>序号</nobr>
-                </th>
-                <th v-if="$parent.$parent.$parent.selectdata.defname=='工商预算审核(技术科科长)'||$parent.$parent.$parent.selectdata.defname=='工商预算审核(分管副总)'||$parent.$parent.$parent.selectdata.defname=='工商预算审核(总经理)'||
-                    $parent.$parent.$parent.selectdata.defname=='工商现场勘查'||$parent.$parent.$parent.selectdata.defname=='民用现场勘查'">
-                  <nobr>预算项目</nobr>
-                </th>
-                <th
-                  v-if="$parent.$parent.$parent.selectdata.defname=='户内安装'||$parent.$parent.$parent.selectdata.defname=='安装审核'||$parent.$parent.$parent.selectdata.defname=='点火申请'||$parent.$parent.$parent.selectdata.defname=='收费材料费'||$parent.$parent.$parent.selectdata.defname=='工程验收'">
-                  <nobr>结算项目</nobr>
-                </th>
-                <th>
-                  <nobr>单位</nobr>
-                </th>
-                <th>
-                  <nobr>数量</nobr>
-                </th>
-                <th>
-                  <nobr>单价</nobr>
-                </th>
-                <th>
-                  <nobr>金额</nobr>
-                </th>
-                <th>
-                  <nobr>操作</nobr>
-                </th>
-              </tr>
-            </template>
-            <template partial='body'>
-              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{$index + 1}}</font></td>
-              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_batch_name}}</font></td>
-              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_unit}}</font></td>
-              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_number}}</font></td>
-              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_price}}</font></td>
-              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_cash}}</font></td>
-              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'">
-                <div v-if="$parent.$parent.$parent.show" :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'">
-                  <button type="button" name="button" class="btn btn-link"
-                          @click="$parent.$parent.$parent.update(row)">修正
-                  </button>
-                  <button type="button" name="button" class="btn btn-link"
-                          @click="$parent.$parent.$parent.delete(row)">移除
-                  </button>
-                </div>
-              </td>
-            </template>
-          </data-grid>
-        </criteria-paged>
-      </div>
-    </div>
-    <modal :show.sync="modifyshow" backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <h4 class="modal-title">新增项目</h4>
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <form class="form-horizontal">
-          <div class="col-sm-3 form-group form-input-group" style="width: 100%">
-            <label for="f_batch_name" class="control-label">项目名</label>
-            <v-select :value.sync="addrow.f_batch_name" v-model="updaterow.f_batch_name"
-                      :options='material' placeholder='请选择' style="width: 50%"
-                      close-on-select>
-            </v-select>
-          </div>
-          <div class="col-sm-3 form-group form-input-group" style="width: 100%">
-            <label for="f_number" class="control-label">数量</label>
-            <input type="number" class="form-control" v-model="addrow.f_number"
-                   placeholder='数量'>
-          </div>
-        </form>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-success" @click='modifyConfirm'>确认</button>
-        <button type="button" class="btn btn-default" @click='modifyclose'>取消</button>
-      </footer>
-    </modal>
-    <modal :show.sync="updateshow" backdrop="false">
-      <header slot="modal-header" class="modal-header">
-        <h4 class="modal-title">修改项目名</h4>
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <form class="form-horizontal">
-          <div class="col-sm-3 form-group form-input-group" style="width: 100%">
-            <label for="f_batch_name" class="control-label">项目名</label>
-            <input type="text" readonly class="form-control" v-model="updaterow.f_batch_name"
-                   placeholder='预算项目'>
-          </div>
-
-          <div class="col-sm-3 form-group form-input-group" style="width: 100%">
-            <label for="f_number" class="control-label">数量</label>
-            <input type="text" class="form-control" v-model="updaterow.f_number"
-                   placeholder='数量'>
-          </div>
-        </form>
-      </article>
-      <footer slot="modal-footer" class="modal-footer">
-        <button type="button" class="btn btn-success" @click='updateConfirm'>确认</button>
-        <button type="button" class="btn btn-default" @click='updateclose'>取消</button>
-      </footer>
-    </modal>
-  </div>
-</template>
-<script>
-  import {PagedList} from 'vue-client'
-  import {HttpResetClass} from 'vue-client'
-
-  let insert = async function (self) {
-    let param = {
-      f_filiale: self.selectdata.f_filiale,
-      f_apply_num: self.selectdata.f_apply_num,
-      f_process_id: self.selectdata.f_process_id,
-      f_batch_name: self.addrow.f_batch_name[0],
-      f_unit: self.addrow.f_unit,
-      f_number: self.addrow.f_number,
-      f_price: self.addrow.f_price,
-      f_cash: (self.addrow.f_number * self.addrow.f_price),
-      f_type: self.type,
-      f_state: '1'
-    }
-    console.log('新增成本项', param)
-    let http3 = new HttpResetClass()
-    await http3.load('POST', 'rs/entity/t_batch_item', param).then(() => {
-      // this.params.rows.splice(index, 1)
-      console.log('更新成功！')
-      self.addrow.f_batch_name = []
-      self.addrow.f_unit = ''
-      self.addrow.f_number = ''
-      self.addrow.f_price = ''
-      self.search()
-    })
-    self.search()
-    self.modifyshow = false
-  }
-  let deletecost = async function (self) {
-    let param = {
-      id: self.updaterow.id,
-      f_state: '0'
-    }
-    console.log('移除成本项', param)
-    self.$resetpost('rs/entity/t_batch_item', param).then(() => {
-      // this.params.rows.splice(index, 1)
-      console.log('更新成功！')
-      self.search()
-    })
-    self.search()
-    self.modifyshow = false
-  }
-  let update = async function (self) {
-    let param = {
-      id: self.updaterow.id,
-      f_batch_name: self.updaterow.f_batch_name,
-      f_unit: self.updaterow.f_unit,
-      f_number: self.updaterow.f_number,
-      f_price: self.updaterow.f_price,
-      f_cash: (self.updaterow.f_number * self.updaterow.f_price),
-    }
-    console.log('修改成本项', param)
-    self.$resetpost('rs/entity/t_batch_item', param).then(() => {
-      // this.params.rows.splice(index, 1)
-      console.log('更新成功！')
-      self.updaterow = null
-      self.search()
-    })
-    // self.search()
-    self.updateshow = false
-  }
-  export default {
-    title: '预算项目',
-    props: ['selectdata', 'edit'],
-    data() {
-      return {
-        batchmodel: new PagedList('rs/sql/getBatchItem', 20, {orderitem: '`id`'}),
-        model: new PagedList('rs/sql/getBatchItem', 20, {orderitem: '`id`'}),
-        number: 0,
-        yusuan: 0,
-        numbergongliao: 0,
-        modifyshow: false,
-        updateshow: false,
-        updaterow: null,
-        addrow: null,
-        material: [],
-        type: null,
-        show: false,
-        iscash: [
-          {label: '是', value: '是'},
-          {label: '否', value: '否'}
-        ],
-      }
-    },
-    ready() {
-      this.search()
-    },
-    methods: {
-      async importemplate() { // 材料导入
-        // :value.sync="addrow.f_batch_name" v-model="updaterow.f_batch_name"   v-model="addrow.f_number"
-        let materialTemplate = []
-        if(this.$appdata.getSingleValue("材料导入模板")){
-          materialTemplate = JSON.stringify(this.$appdata.getSingleValue("材料导入模板"))
-        }else{
-          materialTemplate = [["燃气表"], ["表接头"], ["DN15镀锌管"], ["DN15弯头*90"], ["DN15外丝直连"], ["DN15三通"], ["铜球阀"], ["单嘴阀"], ["DN25镀锌钢管"]]
-        }
-        for (let i = 0; i < materialTemplate.length; i++) {
-          this.addrow.f_batch_name = materialTemplate[i]
-          this.$set('updaterow.f_batch_name', materialTemplate[i])
-          // this.updaterow.f_batch_name =materialTemplate[i]
-          if (this.addrow.f_batch_name == '表接头') {
-            this.addrow.f_number = 2
-          }else if (this.addrow.f_batch_name == 'DN15弯头*90') {
-            this.addrow.f_number = 3
-          }else if (this.addrow.f_batch_name == '单嘴阀') {
-            this.addrow.f_number = 2
-          }else if (this.addrow.f_batch_name == 'DN25镀锌钢管') {
-            this.addrow.f_number = 0.3
-          }else {
-            this.addrow.f_number = 1
-          }
-          //  获取价格
-          let http = new HttpResetClass()
-          await http.load('POST', 'rs/logic/getMaterialItem', {data: {condition: `f_name = '${this.addrow.f_batch_name[0]}' and f_use_type='预算/结算项目'`}}, {
-            resolveMsg: null,
-            rejectMsg: null
-          }).then((res) => {
-            console.log('查询到的选项', res)
-            this.addrow.f_price = res.data.material[0].f_price
-            this.addrow.f_unit = res.data.material[0].f_unit
-          })
-          let http2 = new HttpResetClass()
-          await http2.load('POST', 'rs/logic/getMaterialItem', {data: {condition: `f_name = '${this.updaterow.f_batch_name[0]}' and f_use_type='预算/结算项目'`}}, {
-            resolveMsg: null,
-            rejectMsg: null
-          }).then((res) => {
-            console.log('查询到的选项', res)
-            this.updaterow.f_price = res.data.material[0].f_price
-            this.updaterow.f_unit = res.data.material[0].f_unit
-          })
-          await this.modifyConfirm()
-        }
-        this.search()
-      },
-      async importbudget() {
-        let materialTemplate = this.batchmodel.rows
-        for (let i = 0; i < materialTemplate.length; i++) {
-          let temp = []
-          temp.push(materialTemplate[i].f_batch_name)
-          this.addrow.f_batch_name = temp
-          this.$set('updaterow.f_batch_name', temp)
-          // this.updaterow.f_batch_name =materialTemplate[i]
-          this.addrow.f_number = materialTemplate[i].f_number
-          //  获取价格
-          let http = new HttpResetClass()
-          await http.load('POST', 'rs/logic/getMaterialItem', {data: {condition: `f_name = '${this.addrow.f_batch_name[0]}' and f_use_type='预算/结算项目'`}}, {
-            resolveMsg: null,
-            rejectMsg: null
-          }).then((res) => {
-            console.log('查询到的选项', res)
-            this.addrow.f_price = res.data.material[0].f_price
-            this.addrow.f_unit = res.data.material[0].f_unit
-          })
-          let http2 = new HttpResetClass()
-          await http2.load('POST', 'rs/logic/getMaterialItem', {data: {condition: `f_name = '${this.updaterow.f_batch_name[0]}' and f_use_type='预算/结算项目'`}}, {
-            resolveMsg: null,
-            rejectMsg: null
-          }).then((res) => {
-            console.log('查询到的选项', res)
-            this.updaterow.f_price = res.data.material[0].f_price
-            this.updaterow.f_unit = res.data.material[0].f_unit
-          })
-          await this.modifyConfirm()
-        }
-        this.search()
-      },
-      getname() {
-        this.$resetpost('rs/logic/getMaterialItem', {data: {condition: `1=1 and f_use_type='预算/结算项目'`}}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then((res) => {
-          console.log('查询到的选项', res)
-          let house = []
-          for (let row of res.data.material) {
-            house.push({label: row.f_name, value: row.f_name})
-          }
-          this.material = house
-        })
-      },
-      search() {
-        this.show = false
-
-        console.log('执行查询')
-        if (this.selectdata.defname == '工商预算审核(技术科科长)' || this.selectdata.defname == '工商预算审核(分管副总)' || this.selectdata.defname == '工商预算审核(总经理)' ||
-          this.selectdata.defname == '工商现场勘查' || this.selectdata.defname == '民用现场勘查') {
-          console.log('预算')
-          this.type = '预算'
-        }
-        if (this.selectdata.defname == '户内安装' || this.selectdata.defname == '安装审核' || this.selectdata.defname == '点火申请' || this.selectdata.defname == '收费材料费' || this.selectdata.defname == '工程验收'||this.selectdata.defname == '点火') {
-          console.log('结算')
-          this.type = '结算'
-        }
-        if (this.selectdata.defname == '工商现场勘查' || this.selectdata.defname == '民用现场勘查' || this.selectdata.defname == '户内安装') {
-          console.log('显示按钮')
-          this.show = true
-        }
-
-        let condition = ` f_apply_num  = '${this.selectdata.f_apply_num}' and f_type='${this.type}'`
-        let condition1 = ` f_apply_num  = '${this.selectdata.f_apply_num}' and f_type='预算'`
-        this.model.search(condition)
-        this.batchmodel.search(condition1)
-        this.getnumber()
-      },
-
-      getnumber() {
-        // 结算
-        let http = new HttpResetClass()
-        let condition = ` f_apply_num  = '${this.selectdata.f_apply_num}' and f_batch_name like '%超%' and f_type='结算'`
-        http.load('POST', 'rs/sql/getBatchPrice', {
-          data: {
-            condition: condition,
-            orderitem: `f_price desc`
-          }
-        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          if (res.data[0].f_price) {
-            this.number = res.data[0].f_price
-          } else {
-            this.number = 0
-          }
-          console.log('11111111111')
-        })
-        // 预算yusuan
-        let condition2 = ` f_apply_num  = '${this.selectdata.f_apply_num}' and f_batch_name like '%超%' and f_type='预算'`
-        let http2 = new HttpResetClass()
-        http2.load('POST', 'rs/sql/getBatchPrice', {
-          data: {
-            condition: condition2,
-            orderitem: `f_price desc`
-          }
-        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          if (res.data[0].f_price) {
-            this.yusuan = res.data[0].f_price
-          } else {
-            this.yusuan = 0
-          }
-          console.log('11111111111')
-        })
-      },
-      modify() {
-        this.getname()
-        this.modifyshow = true
-      },
-      modifyclose() {
-        this.modifyshow = false
-        this.addrow.f_batch_name = []
-        this.addrow.f_unit = ''
-        this.addrow.f_number = ''
-        this.addrow.f_price = ''
-      },
-      async modifyConfirm() {
-        if (!this.addrow.f_batch_name) {
-          this.$showAlert("请输入预算项目", "warning", 1500)
-          return
-        }
-        if (!this.addrow.f_number) {
-          this.$showAlert("请输入数量", "warning", 1500)
-          return
-        }
-        await insert(this)
-      },
-      update(row) {
-        this.updaterow = row
-        this.updateshow = true
-      },
-      updateclose() {
-        // this.search()
-        this.updaterow = null
-        this.updateshow = false
-      },
-      async updateConfirm() {
-        if (!this.updaterow.f_batch_name) {
-          this.$showAlert("请输入预算项目", "warning", 1500)
-          return
-        }
-        if (!this.updaterow.f_number) {
-          this.$showAlert("请输入数量", "warning", 1500)
-          return
-        }
-       await update(this)
-        // await this.$showMessage(`是否确认修改此预算项`, ['confirm', 'cancel']).then((res) => {
-        //   if (res === 'confirm') {
-        //
-        //   }
-        // })
-      },
-      delete(row) {
-        this.updaterow = row
-        this.$showMessage(`是否确认删除此预算项`, ['confirm', 'cancel']).then((res) => {
-          if (res === 'confirm') {
-            deletecost(this)
-          }
-        })
-      }
-
-    },
-    computed: {},
-    events: {},
-    watch: {
-      'number'(val) {
-        this.$dispatch('get-price', val, '结算')
-      },
-      'yusuan'(val) {
-        this.$dispatch('get-price', val, '预算')
-      },
-      'selectdata'() {
-        this.search()
-      },
-      'addrow.f_batch_name[0]'(val) {
-        this.$resetpost('rs/logic/getMaterialItem', {data: {condition: `f_name = '${val}' and f_use_type='预算/结算项目'`}}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then((res) => {
-          console.log('查询到的选项', res)
-          this.addrow.f_price = res.data.material[0].f_price
-          this.addrow.f_unit = res.data.material[0].f_unit
-        })
-      },
-      'updaterow.f_batch_name[0]'(val) {
-        this.$resetpost('rs/logic/getMaterialItem', {data: {condition: `f_name = '${val}' and f_use_type='预算/结算项目'`}}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then((res) => {
-          console.log('查询到的选项', res)
-          this.updaterow.f_price = res.data.material[0].f_price
-          this.updaterow.f_unit = res.data.material[0].f_unit
-        })
-      }
-    }
-  }
-</script>
+<template>
+  <div class="flex" style="height: auto">
+    <div style="height: auto" class="flex"
+         v-if="selectdata.defname=='户内安装'||selectdata.defname=='安装审核'||selectdata.defname=='工程验收'">
+
+      <p class="bg-info text-center" style="padding: 8px;font-size: 20px">预算项目表
+      </p>
+      <div class="form-inline auto" style="margin-bottom: 5px;">
+        <criteria-paged :model="batchmodel" :pager="true" v-ref:paged1>
+          <data-grid :model="$parent.batchmodel" v-ref:grid1 partial='list'>
+
+            <template partial='head'>
+              <tr>
+                <th>
+                  <nobr>序号</nobr>
+                </th>
+                <th>
+                  <nobr>预算项目</nobr>
+                </th>
+                <th>
+                  <nobr>单位</nobr>
+                </th>
+                <th>
+                  <nobr>数量</nobr>
+                </th>
+                <th>
+                  <nobr>单价</nobr>
+                </th>
+                <th>
+                  <nobr>金额</nobr>
+                </th>
+              </tr>
+            </template>
+            <template partial='body'>
+              <td style="text-align: center;">{{$index + 1}}</td>
+              <td style="text-align: center;">{{row.f_batch_name}}</td>
+              <td style="text-align: center;">{{row.f_unit}}</td>
+              <td style="text-align: center;">{{row.f_number}}</td>
+              <td style="text-align: center;">{{row.f_price}}</td>
+              <td style="text-align: center;">{{row.f_cash}}</td>
+
+            </template>
+          </data-grid>
+        </criteria-paged>
+      </div>
+    </div>
+    <div style="height: auto" class="flex">
+      <p class="bg-info text-center" style="padding: 8px;font-size: 20px" v-if="selectdata.defname=='工商预算审核(技术科科长)'||selectdata.defname=='工商预算审核(分管副总)'||selectdata.defname=='工商预算审核(总经理)'||
+                    selectdata.defname=='工商现场勘查'||selectdata.defname=='民用现场勘查'">预算项目表
+      </p>
+      <p class="bg-info text-center" style="padding: 8px;font-size: 20px"
+         v-if="selectdata.defname=='户内安装'||selectdata.defname=='安装审核'||selectdata.defname=='点火申请'||selectdata.defname=='点火'||selectdata.defname=='收费材料费'||selectdata.defname=='工程验收'">
+        结算项目表
+      </p>
+      <div class="form-inline auto bg-info"
+           v-if="selectdata.defname=='工商现场勘查'||selectdata.defname=='民用现场勘查'||selectdata.defname=='户内安装'"
+           style="float: right">
+        <div class="form-group" style="float: right" v-if="selectdata.defname=='工商现场勘查'||selectdata.defname=='民用现场勘查'">
+          <button class="btn btn-success" @click="importemplate()">导入模板</button>
+        </div>
+        <div class="form-group" style="float: right"
+             v-if="selectdata.defname=='户内安装'">
+          <button class="btn btn-success" @click="importbudget()">从预算导入</button>
+        </div>
+        <div class="form-group" style="float: right">
+          <button class="btn btn-success" @click="modify()">新增</button>
+        </div>
+      </div>
+      <div class="form-inline auto" style="margin-bottom: 5px;">
+        <criteria-paged :model="model" :pager="true" v-ref:paged>
+          <data-grid :model="model" v-ref:grid partial='list'>
+            <template partial='head'>
+              <tr>
+                <th>
+                  <nobr>序号</nobr>
+                </th>
+                <th v-if="$parent.$parent.$parent.selectdata.defname=='工商预算审核(技术科科长)'||$parent.$parent.$parent.selectdata.defname=='工商预算审核(分管副总)'||$parent.$parent.$parent.selectdata.defname=='工商预算审核(总经理)'||
+                    $parent.$parent.$parent.selectdata.defname=='工商现场勘查'||$parent.$parent.$parent.selectdata.defname=='民用现场勘查'">
+                  <nobr>预算项目</nobr>
+                </th>
+                <th
+                  v-if="$parent.$parent.$parent.selectdata.defname=='户内安装'||$parent.$parent.$parent.selectdata.defname=='安装审核'||$parent.$parent.$parent.selectdata.defname=='点火申请'||$parent.$parent.$parent.selectdata.defname=='收费材料费'||$parent.$parent.$parent.selectdata.defname=='工程验收'">
+                  <nobr>结算项目</nobr>
+                </th>
+                <th>
+                  <nobr>单位</nobr>
+                </th>
+                <th>
+                  <nobr>数量</nobr>
+                </th>
+                <th>
+                  <nobr>单价</nobr>
+                </th>
+                <th>
+                  <nobr>金额</nobr>
+                </th>
+                <th>
+                  <nobr>操作</nobr>
+                </th>
+              </tr>
+            </template>
+            <template partial='body'>
+              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{$index + 1}}</font></td>
+              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_batch_name}}</font></td>
+              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_unit}}</font></td>
+              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_number}}</font></td>
+              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_price}}</font></td>
+              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'"><font :style="row.f_batch_name.includes('超')?'font-weight:bold;color: blue':''">{{row.f_cash}}</font></td>
+              <td :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'">
+                <div v-if="$parent.$parent.$parent.show" :style="row.f_batch_name.includes('超')?'background-color: yellow;text-align: center;':'text-align: center;'">
+                  <button type="button" name="button" class="btn btn-link"
+                          @click="$parent.$parent.$parent.update(row)">修正
+                  </button>
+                  <button type="button" name="button" class="btn btn-link"
+                          @click="$parent.$parent.$parent.delete(row)">移除
+                  </button>
+                </div>
+              </td>
+            </template>
+          </data-grid>
+        </criteria-paged>
+      </div>
+    </div>
+    <modal :show.sync="modifyshow" backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <h4 class="modal-title">新增项目</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <form class="form-horizontal">
+          <div class="col-sm-3 form-group form-input-group" style="width: 100%">
+            <label for="f_batch_name" class="control-label">项目名</label>
+            <v-select :value.sync="addrow.f_batch_name" v-model="updaterow.f_batch_name"
+                      :options='material' placeholder='请选择' style="width: 50%"
+                      close-on-select>
+            </v-select>
+          </div>
+          <div class="col-sm-3 form-group form-input-group" style="width: 100%">
+            <label for="f_number" class="control-label">数量</label>
+            <input type="number" class="form-control" v-model="addrow.f_number"
+                   placeholder='数量'>
+          </div>
+        </form>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-success" @click='modifyConfirm'>确认</button>
+        <button type="button" class="btn btn-default" @click='modifyclose'>取消</button>
+      </footer>
+    </modal>
+    <modal :show.sync="updateshow" backdrop="false">
+      <header slot="modal-header" class="modal-header">
+        <h4 class="modal-title">修改项目名</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <form class="form-horizontal">
+          <div class="col-sm-3 form-group form-input-group" style="width: 100%">
+            <label for="f_batch_name" class="control-label">项目名</label>
+            <input type="text" readonly class="form-control" v-model="updaterow.f_batch_name"
+                   placeholder='预算项目'>
+          </div>
+
+          <div class="col-sm-3 form-group form-input-group" style="width: 100%">
+            <label for="f_number" class="control-label">数量</label>
+            <input type="text" class="form-control" v-model="updaterow.f_number"
+                   placeholder='数量'>
+          </div>
+        </form>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-success" @click='updateConfirm'>确认</button>
+        <button type="button" class="btn btn-default" @click='updateclose'>取消</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+  import {PagedList} from 'vue-client'
+  import {HttpResetClass} from 'vue-client'
+
+  let insert = async function (self) {
+    let param = {
+      f_filiale: self.selectdata.f_filiale,
+      f_apply_num: self.selectdata.f_apply_num,
+      f_process_id: self.selectdata.f_process_id,
+      f_batch_name: self.addrow.f_batch_name[0],
+      f_unit: self.addrow.f_unit,
+      f_number: self.addrow.f_number,
+      f_price: self.addrow.f_price,
+      f_cash: (self.addrow.f_number * self.addrow.f_price),
+      f_type: self.type,
+      f_state: '1'
+    }
+    console.log('新增成本项', param)
+    let http3 = new HttpResetClass()
+    await http3.load('POST', 'rs/entity/t_batch_item', param).then(() => {
+      // this.params.rows.splice(index, 1)
+      console.log('更新成功！')
+      self.addrow.f_batch_name = []
+      self.addrow.f_unit = ''
+      self.addrow.f_number = ''
+      self.addrow.f_price = ''
+      self.search()
+    })
+    self.search()
+    self.modifyshow = false
+  }
+  let deletecost = async function (self) {
+    let param = {
+      id: self.updaterow.id,
+      f_state: '0'
+    }
+    console.log('移除成本项', param)
+    self.$resetpost('rs/entity/t_batch_item', param).then(() => {
+      // this.params.rows.splice(index, 1)
+      console.log('更新成功！')
+      self.search()
+    })
+    self.search()
+    self.modifyshow = false
+  }
+  let update = async function (self) {
+    let param = {
+      id: self.updaterow.id,
+      f_batch_name: self.updaterow.f_batch_name,
+      f_unit: self.updaterow.f_unit,
+      f_number: self.updaterow.f_number,
+      f_price: self.updaterow.f_price,
+      f_cash: (self.updaterow.f_number * self.updaterow.f_price),
+    }
+    console.log('修改成本项', param)
+    self.$resetpost('rs/entity/t_batch_item', param).then(() => {
+      // this.params.rows.splice(index, 1)
+      console.log('更新成功！')
+      self.updaterow = null
+      self.search()
+    })
+    // self.search()
+    self.updateshow = false
+  }
+  export default {
+    title: '预算项目',
+    props: ['selectdata', 'edit'],
+    data() {
+      return {
+        batchmodel: new PagedList('rs/sql/getBatchItem', 20, {orderitem: '`id`'}),
+        model: new PagedList('rs/sql/getBatchItem', 20, {orderitem: '`id`'}),
+        number: 0,
+        yusuan: 0,
+        numbergongliao: 0,
+        modifyshow: false,
+        updateshow: false,
+        updaterow: null,
+        addrow: null,
+        material: [],
+        type: null,
+        show: false,
+        iscash: [
+          {label: '是', value: '是'},
+          {label: '否', value: '否'}
+        ],
+      }
+    },
+    ready() {
+      this.search()
+    },
+    methods: {
+      async importemplate() { // 材料导入
+        // :value.sync="addrow.f_batch_name" v-model="updaterow.f_batch_name"   v-model="addrow.f_number"
+        let materialTemplate = []
+        if(this.$appdata.getSingleValue("材料导入模板")){
+          materialTemplate = JSON.stringify(this.$appdata.getSingleValue("材料导入模板"))
+        }else{
+          materialTemplate = [["燃气表"], ["表接头"], ["DN15镀锌管"], ["DN15弯头*90"], ["DN15外丝直连"], ["DN15三通"], ["铜球阀"], ["单嘴阀"], ["DN25镀锌钢管"]]
+        }
+        for (let i = 0; i < materialTemplate.length; i++) {
+          this.addrow.f_batch_name = materialTemplate[i]
+          this.$set('updaterow.f_batch_name', materialTemplate[i])
+          // this.updaterow.f_batch_name =materialTemplate[i]
+          if (this.addrow.f_batch_name == '表接头') {
+            this.addrow.f_number = 2
+          }else if (this.addrow.f_batch_name == 'DN15弯头*90') {
+            this.addrow.f_number = 3
+          }else if (this.addrow.f_batch_name == '单嘴阀') {
+            this.addrow.f_number = 2
+          }else if (this.addrow.f_batch_name == 'DN25镀锌钢管') {
+            this.addrow.f_number = 0.3
+          }else {
+            this.addrow.f_number = 1
+          }
+          //  获取价格
+          let http = new HttpResetClass()
+          await http.load('POST', 'rs/logic/getMaterialItem', {data: {condition: `f_name = '${this.addrow.f_batch_name[0]}' and f_use_type='预算/结算项目'`}}, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            console.log('查询到的选项', res)
+            this.addrow.f_price = res.data.material[0].f_price
+            this.addrow.f_unit = res.data.material[0].f_unit
+          })
+          let http2 = new HttpResetClass()
+          await http2.load('POST', 'rs/logic/getMaterialItem', {data: {condition: `f_name = '${this.updaterow.f_batch_name[0]}' and f_use_type='预算/结算项目'`}}, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            console.log('查询到的选项', res)
+            this.updaterow.f_price = res.data.material[0].f_price
+            this.updaterow.f_unit = res.data.material[0].f_unit
+          })
+          await this.modifyConfirm()
+        }
+        this.search()
+      },
+      async importbudget() {
+        let materialTemplate = this.batchmodel.rows
+        for (let i = 0; i < materialTemplate.length; i++) {
+          let temp = []
+          temp.push(materialTemplate[i].f_batch_name)
+          this.addrow.f_batch_name = temp
+          this.$set('updaterow.f_batch_name', temp)
+          // this.updaterow.f_batch_name =materialTemplate[i]
+          this.addrow.f_number = materialTemplate[i].f_number
+          //  获取价格
+          let http = new HttpResetClass()
+          await http.load('POST', 'rs/logic/getMaterialItem', {data: {condition: `f_name = '${this.addrow.f_batch_name[0]}' and f_use_type='预算/结算项目'`}}, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            console.log('查询到的选项', res)
+            this.addrow.f_price = res.data.material[0].f_price
+            this.addrow.f_unit = res.data.material[0].f_unit
+          })
+          let http2 = new HttpResetClass()
+          await http2.load('POST', 'rs/logic/getMaterialItem', {data: {condition: `f_name = '${this.updaterow.f_batch_name[0]}' and f_use_type='预算/结算项目'`}}, {
+            resolveMsg: null,
+            rejectMsg: null
+          }).then((res) => {
+            console.log('查询到的选项', res)
+            this.updaterow.f_price = res.data.material[0].f_price
+            this.updaterow.f_unit = res.data.material[0].f_unit
+          })
+          await this.modifyConfirm()
+        }
+        this.search()
+      },
+      getname() {
+        this.$resetpost('rs/logic/getMaterialItem', {data: {condition: `1=1 and f_use_type='预算/结算项目'`}}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          console.log('查询到的选项', res)
+          let house = []
+          for (let row of res.data.material) {
+            house.push({label: row.f_name, value: row.f_name})
+          }
+          this.material = house
+        })
+      },
+      search() {
+        this.show = false
+
+        console.log('执行查询')
+        if (this.selectdata.defname == '工商预算审核(技术科科长)' || this.selectdata.defname == '工商预算审核(分管副总)' || this.selectdata.defname == '工商预算审核(总经理)' ||
+          this.selectdata.defname == '工商现场勘查' || this.selectdata.defname == '民用现场勘查') {
+          console.log('预算')
+          this.type = '预算'
+        }
+        if (this.selectdata.defname == '户内安装' || this.selectdata.defname == '安装审核' || this.selectdata.defname == '点火申请' || this.selectdata.defname == '收费材料费' || this.selectdata.defname == '工程验收'||this.selectdata.defname == '点火') {
+          console.log('结算')
+          this.type = '结算'
+        }
+        if (this.selectdata.defname == '工商现场勘查' || this.selectdata.defname == '民用现场勘查' || this.selectdata.defname == '户内安装') {
+          console.log('显示按钮')
+          this.show = true
+        }
+
+        let condition = ` f_apply_num  = '${this.selectdata.f_apply_num}' and f_type='${this.type}'`
+        let condition1 = ` f_apply_num  = '${this.selectdata.f_apply_num}' and f_type='预算'`
+        this.model.search(condition)
+        this.batchmodel.search(condition1)
+        this.getnumber()
+      },
+
+      getnumber() {
+        // 结算
+        let http = new HttpResetClass()
+        let condition = ` f_apply_num  = '${this.selectdata.f_apply_num}' and f_batch_name like '%超%' and f_type='结算'`
+        http.load('POST', 'rs/sql/getBatchPrice', {
+          data: {
+            condition: condition,
+            orderitem: `f_price desc`
+          }
+        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          if (res.data[0].f_price) {
+            this.number = res.data[0].f_price
+          } else {
+            this.number = 0
+          }
+          console.log('11111111111')
+        })
+        // 预算yusuan
+        let condition2 = ` f_apply_num  = '${this.selectdata.f_apply_num}' and f_batch_name like '%超%' and f_type='预算'`
+        let http2 = new HttpResetClass()
+        http2.load('POST', 'rs/sql/getBatchPrice', {
+          data: {
+            condition: condition2,
+            orderitem: `f_price desc`
+          }
+        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          if (res.data[0].f_price) {
+            this.yusuan = res.data[0].f_price
+          } else {
+            this.yusuan = 0
+          }
+          console.log('11111111111')
+        })
+      },
+      modify() {
+        this.getname()
+        this.modifyshow = true
+      },
+      modifyclose() {
+        this.modifyshow = false
+        this.addrow.f_batch_name = []
+        this.addrow.f_unit = ''
+        this.addrow.f_number = ''
+        this.addrow.f_price = ''
+      },
+      async modifyConfirm() {
+        if (!this.addrow.f_batch_name) {
+          this.$showAlert("请输入预算项目", "warning", 1500)
+          return
+        }
+        if (!this.addrow.f_number) {
+          this.$showAlert("请输入数量", "warning", 1500)
+          return
+        }
+        await insert(this)
+      },
+      update(row) {
+        this.updaterow = row
+        this.updateshow = true
+      },
+      updateclose() {
+        // this.search()
+        this.updaterow = null
+        this.updateshow = false
+      },
+      async updateConfirm() {
+        if (!this.updaterow.f_batch_name) {
+          this.$showAlert("请输入预算项目", "warning", 1500)
+          return
+        }
+        if (!this.updaterow.f_number) {
+          this.$showAlert("请输入数量", "warning", 1500)
+          return
+        }
+       await update(this)
+        // await this.$showMessage(`是否确认修改此预算项`, ['confirm', 'cancel']).then((res) => {
+        //   if (res === 'confirm') {
+        //
+        //   }
+        // })
+      },
+      delete(row) {
+        this.updaterow = row
+        this.$showMessage(`是否确认删除此预算项`, ['confirm', 'cancel']).then((res) => {
+          if (res === 'confirm') {
+            deletecost(this)
+          }
+        })
+      }
+
+    },
+    computed: {},
+    events: {},
+    watch: {
+      'number'(val) {
+        this.$dispatch('get-price', val, '结算')
+      },
+      'yusuan'(val) {
+        this.$dispatch('get-price', val, '预算')
+      },
+      'selectdata'() {
+        this.search()
+      },
+      'addrow.f_batch_name[0]'(val) {
+        this.$resetpost('rs/logic/getMaterialItem', {data: {condition: `f_name = '${val}' and f_use_type='预算/结算项目'`}}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          console.log('查询到的选项', res)
+          this.addrow.f_price = res.data.material[0].f_price
+          this.addrow.f_unit = res.data.material[0].f_unit
+        })
+      },
+      'updaterow.f_batch_name[0]'(val) {
+        this.$resetpost('rs/logic/getMaterialItem', {data: {condition: `f_name = '${val}' and f_use_type='预算/结算项目'`}}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then((res) => {
+          console.log('查询到的选项', res)
+          this.updaterow.f_price = res.data.material[0].f_price
+          this.updaterow.f_unit = res.data.material[0].f_unit
+        })
+      }
+    }
+  }
+</script>