apply-clients 3.4.84 → 3.4.88

package/src/filiale/hongda/pc/addMaterialScience.vue

@@ -0,0 +1,558 @@
+<template>
+  <div>
+    <data-grid :model="onetomany" class="list_area table_sy">
+      <template partial='head'>
+        <tr>
+          <th class="textNoLineBreak">序号</th>
+          <th class="textNoLineBreak">材料名称</th>
+          <th class="textNoLineBreak">材料型号</th>
+          <th class="textNoLineBreak">材料单位</th>
+          <th class="textNoLineBreak">材料数量</th>
+          <th class="textNoLineBreak">应免数量</th>
+          <th class="textNoLineBreak">材料价格</th>
+          <th class="textNoLineBreak">材料状态</th>
+
+          <th class="textNoLineBreak">
+            <button v-if="$parent.$parent.mark === 0" class="button_new button_spacing" type="button" @click="$parent.$parent.openMaterialModal()">添加</button>
+            <button v-if="$parent.$parent.mark === 0 && $parent.$parent.selectdata.defname === '营业厅缴费' " class="button_new button_spacing" type="button" @click="$parent.$parent.chargeMaterial()">收费</button>
+<!--            <button type="button" class="btn btn-info head-but" v-if="$parent.$parent.mark === 0"
+                    @click="$parent.$parent.showFile = !$parent.$parent.showFile">导入</button>
+            <a type="button" class="btn btn-info head-but" v-if="$parent.$parent.mark === 0"
+               href="/apply/download/excel/材料明细.xlsx" download>模板下载</a>-->
+          </th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr>
+          <td style="text-align: center;">
+            <nobr>{{$index+1}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_material_name}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_material_style}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_material_unit}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_material_number}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_quantity_payable}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_material_price}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr>{{row.f_material_type}}</nobr>
+          </td>
+          <td style="text-align: center;">
+            <button type="button" class="button_search button_spacing" @click="$parent.$parent.updateMaterial($index,row)">修改</button>
+            <button type="button" class="button_delete button_spacing" @click="$parent.$parent.deleteMaterial(row)">删除</button>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+    <span>合计：{{pricesum}}</span>
+<!--    <modal v-if="showFile" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
+        <h4 class="modal-title">选择文件</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div class="form-group">
+          <file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" v-ref:file></file-upload>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer"></footer>
+    </modal>-->
+    <modal v-if="showMaterialModal" :show.sync="showMaterialModal" v-ref:modal :large="true"
+           :backdrop="false" :title="title">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeMaterials"><span>&times;</span></button>
+        <h4 class="modal-title">{{title}}</h4>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <div v-for="(i,item) in materials" class="form-group col-sm-12 panel panel-info">
+          <div class="panel-heading head col-sm-12" style="background-color: #e8f4ff;margin-bottom: 10px">
+            <div class="col-sm-6 text-left">材料{{$index+1}}信息</div>
+            <div class="col-sm-6 text-right"><button
+              class="button_delete button_spacing"
+              @click.prevent="deleteDevicesinfo(i)"
+              v-if="title === '新增'"
+            >删除</button></div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">选择材料：</label>
+            <div class="col-sm-8">
+              <input-select
+                class="select select_list"
+                :value.sync="item.material"
+                v-model="item.material"
+                :options="meterialOptions"
+                :disable="mark === 1"
+                @change="modifyOtherValue(i)"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="form-group col-sm-6" :class="[item.f_material_name ? '' : 'has-error']">
+            <label class="col-sm-4 control-label">材料名称：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style="" type="text"
+                     placeholder="材料名称"
+                     v-model="item.f_material_name"
+                     :value="item.f_material_name"
+              />
+            </div>
+          </div>
+          <div class="form-group col-sm-6" :class="[item.f_material_style ? '' : 'has-error']">
+            <label class="col-sm-4 control-label">材料型号：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style="" type="text"
+                     placeholder="材料型号"
+                     v-model="item.f_material_style"
+                     :value="item.f_material_style"
+              />
+            </div>
+          </div>
+          <div class="form-group col-sm-6" :class="[item.f_material_unit ? '' : 'has-error']">
+            <label class="col-sm-4 control-label">材料单位：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style="" type="text"
+                     placeholder="材料单位"
+                     v-model="item.f_material_unit"
+                     :value="item.f_material_unit"
+              />
+            </div>
+          </div>
+          <div class="form-group col-sm-6" :class="[item.f_material_number ? '' : 'has-error']">
+            <label class="col-sm-4 control-label">材料数量：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style="" type="number"
+                     placeholder="设备数量"
+                     v-model="item.f_material_number"
+                     :value="item.f_material_number"
+              />
+            </div>
+          </div>
+          <div class="form-group col-sm-6" :class="[item.f_quantity_payable ? '' : 'has-error']">
+            <label class="col-sm-4 control-label">应免数量：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style="" type="number"
+                     placeholder="应免数量"
+                     v-model="item.f_quantity_payable"
+                     :value="item.f_quantity_payable"
+              />
+            </div>
+          </div>
+          <div class="form-group col-sm-6">
+            <label class="col-sm-4 control-label">材料价格：</label>
+            <div class="col-sm-8">
+              <input class="form-control input_view" style="" type="text"
+                     placeholder="材料价格"
+                     v-model="item.f_material_price"
+                     :value="item.f_material_price"
+              />
+            </div>
+          </div>
+        </div>
+
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <template v-if="mark !== 1">
+          <button type="button" class="btn btn-primary" v-if="title==='新增'" @click="pushMaterial()">添加材料</button>
+          <button type="button" class="btn btn-primary" v-if="title==='新增'" @click="addMaterial()" :disabled="!$v.valid">确认添加</button>
+          <button type="button" class="btn btn-primary" v-if="title==='修改'" @click="updateConfirm()" :disabled="!$v.valid">确认修改</button>
+        </template>
+      </footer>
+    </modal>
+    <modal v-if="showCharge" :show.sync="showCharge" v-ref:modal :backdrop="false" title="材料收费">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
+        <h4 class="modal-title">材料收费</h4>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <div class="form-group col-sm-12">
+          <label class="col-sm-2 control-label">收费项目：</label>
+          <div class="col-sm-10">
+            <input type="text"
+                   class="form-control input_view"
+                   style="width: 100%"
+                   readonly
+                   v-model="charge.f_payment_term" />
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <label class="col-sm-2 control-label">收费金额：</label>
+          <div class="col-sm-10">
+            <input type="text"
+                   class="form-control input_view"
+                   style="width: 100%"
+                   readonly
+                   v-model="charge.f_charge_money" />
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <label class="col-sm-2 control-label">付款方式：</label>
+          <div class="col-sm-10">
+            <input-select
+              placeholder='请选择' width="100%"
+              v-model="charge.f_payment_method"
+              :value.sync="charge.f_payment_method"
+              :options='paymentMethod'
+              class="select select_list"
+              :value-single="true"
+              close-on-select ></input-select>
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <label class="col-sm-2 control-label">金额大写：</label>
+          <div class="col-sm-10">
+            <input type="text"
+                   class="form-control input_view"
+                   style="width: 100%"
+                   :value="smalltoBIG(charge.f_charge_money)"
+                   readonly
+                   v-model="charge.f_amount_words" />
+          </div>
+        </div>
+        <div class="form-group col-sm-12">
+          <label class="col-sm-2 control-label">收费人员：</label>
+          <div class="col-sm-10">
+            <input type="text"
+                   class="form-control input_view"
+                   style="width: 100%"
+                   readonly
+                   v-model="charge.f_charge_collectors" />
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary"  @click="invalidApplyCharge()">确认收费</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+  import Vue from "vue";
+  import {toStandardTimeString} from '../../../components/Util'
+  export default {
+    name: '材料添加',
+    props: {
+      selectdata: {
+        type: Object
+      },
+      mark: {
+        type: Number,
+        default: 0
+      }
+    },
+    data () {
+      return {
+        showFile: false,
+        onetomany: {
+          rows: []
+        },
+        title:'新增',
+        showMaterialModal:false,
+        materials:[
+          {
+            material:'',
+            f_material_name:'',
+            f_material_style:'',
+            f_material_unit:'',
+            f_material_number:'',
+            f_material_price:'',
+            f_quantity_payable:0
+          }
+        ],
+        meterialOptions:[],
+        row:{},
+        pricesum:'',
+        showCharge:false,
+        charge:{
+          f_payment_term:'材料费',
+          f_charge_money:'',
+          f_payment_method:'',
+          f_amount_words:'',
+          f_charge_collectors:''
+        }
+      }
+    },
+    ready(){
+      this.$nextTick(() => {
+        this.getOnetoManyData()
+      })
+    },
+    methods: {
+      async getOnetoManyData () {
+        let data = {
+          tablename: `t_material_apply`,
+          condition: `f_process_id='${this.selectdata.f_process_id}'`
+        }
+        let http = new HttpResetClass()
+        let res = await http.load('post',
+          'rs/sql/apply_singleTable',
+          {data: data},
+          {resolveMsg: null, rejectMsg: 'onetomany查询失败'}
+        )
+        this.onetomany.rows = res.data
+        console.log('材料信息', this.onetomany.rows)
+      },
+      async openMaterialModal () {
+        this.getMateralNames()
+        this.title = '新增'
+        this.materials = [
+          {
+            material:'',
+            f_material_name:'',
+            f_material_style:'',
+            f_material_unit:'',
+            f_material_number:'',
+            f_material_price:'',
+            f_quantity_payable:0
+          }
+        ],
+        this.showMaterialModal = true
+      },
+      closeFile() {
+        this.showWork = false
+        this.showFile = false
+        // 将选的文件清空
+        this.$refs.file.$el.querySelector('input').value = ''
+        this.search()
+      },
+      deleteDevicesinfo (index) {
+        this.materials.splice(index, 1)
+      },
+      pushMaterial () {
+        this.materials.push({
+          material:'',
+          f_material_name:'',
+          f_material_style:'',
+          f_material_unit:'',
+          f_material_number:'',
+          f_material_price:'',
+          f_quantity_payable:0
+        })
+      },
+      // 获取模态框材料
+      async getMateralNames () {
+        let data = {
+          condition: `1=1`
+        }
+        let http = new HttpResetClass()
+        let res = await http.load(
+          'POST',
+          `rs/sql/getStockMaterial`,
+          {data: data},
+          {resolveMsg: null, rejectMsg: '材料查询失败！！！'}
+        )
+
+        this.meterialOptions = res.data.map(item => {
+          return {
+            'label': `${item.f_material_name}--${item.f_material_style}--${item.f_material_unit}--${item.f_material_code}`,
+            'value': item
+          }
+        })
+      },
+      modifyOtherValue (index){
+        console.log("进来了",index)
+        console.log("dddd",this.materials[index].material)
+        let material = this.materials[index].material
+        this.materials[index].f_material_name = material.f_material_name
+        this.materials[index].f_material_style = material.f_material_style
+        this.materials[index].f_material_unit = material.f_material_unit
+        this.materials[index].f_material_price = material.f_material_price
+      },
+      // 新增材料
+      async addMaterial () {
+        console.log("登录信息：",this.$login.f)
+        this.title = '新增'
+        let data = {
+          f_process_id : this.selectdata.f_process_id,
+          f_operator_id: this.$login.f.id,
+          f_operator: this.$login.f.name,
+          f_operation_date: new Date().Format('yyyy-MM-dd HH:mm:ss'),
+          f_orgid: this.$login.f.orgid,
+          f_orgname: this.$login.f.orgs,
+          materials:this.materials
+        }
+        let res = await this.$resetpost(
+          `rs/logic/saveMaterials`,
+          data
+        )
+        this.closeMaterials()
+      },
+      async deleteMaterial (row) {
+        var show1 =  window.confirm('您确定要删除这条记录吗?')
+        if(show1 != true){
+          this.closeMaterials()
+        }else{
+          debugger
+          let http = new HttpResetClass()
+          let res = await http.load(
+            'POST',
+            `rs/logic/deleteMaterial`,
+            {data: row},
+            {resolveMsg: null, rejectMsg: '材料删除失败！！！'}
+          )
+          this.closeMaterials()
+        }
+
+      },
+      async updateMaterial (index,row) {
+        this.title = '修改'
+        this.row = row
+        this.getMateralNames()
+        this.materials = [
+          {
+            material:'',
+            f_material_name:row.f_material_name,
+            f_material_style:row.f_material_style,
+            f_material_unit:row.f_material_unit,
+            f_material_number:row.f_material_number,
+            f_material_price:row.f_material_price,
+            f_quantity_payable:row.f_quantity_payable
+          }
+        ]
+        this.showMaterialModal = true
+      },
+      async updateConfirm () {
+        let data = this.row
+        data.f_material_name = this.materials[0].f_material_name
+        data.f_material_style = this.materials[0].f_material_style
+        data.f_material_unit = this.materials[0].f_material_unit
+        data.f_material_number = this.materials[0].f_material_number
+        data.f_material_price = this.materials[0].f_material_price
+        data.f_quantity_payable = this.materials[0].f_quantity_payable
+        let res = await this.$resetpost(
+          `apply/rs/entity/t_material_apply`,
+          data
+        )
+        this.closeMaterials()
+      },
+      closeMaterials () {
+        this.getOnetoManyData()
+        this.showMaterialModal = false
+      },
+      // 金额转大写
+      smalltoBIG(n) {
+        let fraction = ['角', '分'];
+        let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+        let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
+        let head = n < 0 ? '欠' : '';
+        n = Math.abs(n);
+
+        let s = '';
+
+        for (var i = 0; i < fraction.length; i++) {
+          s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
+        }
+        s = s || '整';
+        n = Math.floor(n);
+
+        for (var i = 0; i < unit[0].length && n > 0; i++) {
+          let p = '';
+          for (var j = 0; j < unit[1].length && n > 0; j++) {
+            p = digit[n % 10] + unit[1][j] + p;
+            n = Math.floor(n / 10);
+          }
+          s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
+        }
+        return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
+      },
+      // 材料收费
+      chargeMaterial () {
+        this.showCharge = true
+        this.charge.f_charge_money = this.pricesum
+        this.charge.f_charge_collectors = this.$login.f.name
+      },
+      closeModal(){
+        this.showCharge = false
+        this.charge = {
+          f_payment_term:'材料费',
+          f_charge_money:'',
+          f_payment_method:'',
+          f_amount_words:'',
+          f_charge_collectors:''
+        }
+      },
+      invalidApplyCharge (){
+        this.$showMessage('确定是否收费？', ['confirm', 'cancel']).then(res=>{
+          if (res==='confirm'){
+             let http = new HttpResetClass()
+             this.charge.f_charge_status = '有效',                    // 缴费状态
+             this.charge.f_charge_date = toStandardTimeString(),               // 缴费时间
+             this.charge.f_charge_collectors = this.$login.f.name,         // 收费人员
+             this.charge.f_charge_collectors_id = this.$login.f.id,         // 收费人员
+             this.charge.f_process_id = this.selectdata.f_process_id,       // 报建流程id
+             this.charge.f_filiale = this.$login.f.orgs,                   // 分公司
+             this.charge.f_filialeid = this.$login.f.orgid,                // 分公司id
+             this.charge.f_orgid = this.$login.f.orgid,                    // 组织id
+             this.charge.f_orgname = this.$login.f.orgs,                   // 组织
+             this.charge.f_depid = this.$login.f.depids,                   // 部门id
+             this.charge.f_depname = this.$login.f.f_department_name      // 部门
+            http.load('post','apply/rs/entity/t_charge_record',this.charge,{rejectMsg:null,resolveMsg:'收费成功！！'}).then(res=>{
+              http.load('post','rs/logic/updatematerial',{data:{f_process_id: this.selectdata.f_process_id}},{rejectMsg:null,resolveMsg:null}).then(row=>{
+                if (row.data.code == '200'){
+                  this.$dispatch('initializtionView')
+                }
+              })
+            })
+          }
+        })
+      }
+    },
+    events: {
+      'beforeFileUpload' (file) {
+        this.showWork = true
+      },
+      async 'onFileUpload'(file, result) {
+        let data = {
+          selectdata: this.selectdata,
+          filepath: result.f_downloadpath,
+          user: this.$login.f
+        }
+        try {
+          let res = await this.$resetpost(`rs/logic/importMaterial`, {data: data}, {
+            resolveMsg: null,
+            rejectMsg: '导入失败！！！',
+            silent: true
+          }, 0)
+        } catch (e) {
+          this.closeFile()
+        }
+        this.$dispatch('breakControl', this.selectdata)
+      }
+    },
+    watch: {
+      'onetomany.rows'(){
+          let res = this.onetomany.rows
+          this.pricesum = 0
+          if (res.length>0){
+            for (let row of res){
+              let num = row.f_material_price * (row.f_material_number - row.f_quantity_payable )
+              this.pricesum += num
+            }
+          }else {
+            this.pricesum = 0
+          }
+      }
+    },
+    computed: {
+      paymentMethod() {
+        return this.$appdata.getParam("付款方式")
+      }
+    }
+  }
+
+</script>
+
+<style scoped>
+
+</style>