apply-clients 3.2.36 → 3.2.49

package/src/components/product/Ledger/MaterialManagement/InventoryInformation/PurchaseOrder.vue

@@ -0,0 +1,481 @@
+<template>
+  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
+    <validator name="v">
+      <form class="form-horizontal">
+        <div class="form-group">
+          <div class="col-sm-4 form-group item" :class="[$v.f_order_number.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">订单编号</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="text"
+                     @change="orderNumberChange()"
+                     v-validate:f_order_number = "['required']"
+                     v-model="model.f_order_number"
+                     :value="model.f_order_number"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.contract.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同编号</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="model.contract" v-show="false" v-validate:contract = "['required']" >
+              <input-select
+                class="select select_list"
+                :value.sync="model.contract"
+                v-model="model.contract"
+                :options="contractList"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">供货商</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="text"
+                     readonly
+                     :value="model.contract.f_supplier"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">合同状态</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="text"
+                     v-model="model.f_contract_status"
+                     :value="model.contract.f_contract_nature === '年度' ? (new Date() > new Date(model.contract.f_contract_expiration_date) ? '无效': '有效') : model.contract.f_contract_status"
+              />
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_applicant.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">申请人</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="text" v-validate:f_applicant = "['required']"
+                     v-model="model.f_applicant"
+                     :value="model.f_applicant"
+              />
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">时间</label>
+            <div class="col-sm-6">
+              <datepicker
+                :value.sync="model.f_invoicing_date"
+                v-model="model.f_invoicing_date"
+                format="yyyy-MM-dd"
+                :show-reset-button="true">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">需求日期</label>
+            <div class="col-sm-6">
+              <datepicker
+                :value.sync="model.f_demand_date"
+                v-model="model.f_demand_date"
+                format="yyyy-MM-dd"
+                :show-reset-button="true">
+              </datepicker>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">总金额</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="number" readonly
+                     v-model="model.f_lump_sum"
+                     :value="0"
+              />
+            </div>
+          </div>
+
+          <div class="col-sm-12">
+            <data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
+              <template partial='head'>
+                <tr>
+                  <th style="white-space: nowrap;">序号</th>
+                  <th style="white-space: nowrap;">名称</th>
+                  <th style="white-space: nowrap;">型号</th>
+                  <th style="white-space: nowrap;">规格</th>
+                  <th style="white-space: nowrap;">单位</th>
+                  <th style="white-space: nowrap;">数量</th>
+                  <th style="white-space: nowrap;">含税单价</th>
+                  <th style="white-space: nowrap;">不含税单价</th>
+                  <th style="white-space: nowrap;">金额</th>
+                  <th style="white-space: nowrap;">库存</th>
+                  <th style="white-space: nowrap;">备注</th>
+                  <th style="white-space: nowrap;">
+                    <button @click="$parent.$parent.openModal()" :disabled="!model.contract.id" type="button" class="btn btn-info">
+                      <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
+                    </button>
+                  </th>
+                </tr>
+              </template>
+              <template partial='body'>
+                <tr>
+                  <td style="text-align: center;">{{$index+1}}</td>
+                  <td style="text-align: center;">{{row.f_material_name}}</td>
+                  <td style="text-align: center;">{{row.f_material_model}}</td>
+                  <td style="text-align: center;">{{row.f_material_norm}}</td>
+                  <td style="text-align: center;">{{row.f_unit}}</td>
+                  <td style="text-align: center;">{{row.f_forecast_quantity}}</td>
+                  <td style="text-align: center;">{{row.f_price}}</td>
+                  <td style="text-align: center;">{{row.f_noprice}}</td>
+                  <td style="text-align: center;">{{row.f_forecast_money}}</td>
+                  <td style="text-align: center;">{{row.f_stock}}</td>
+                  <td style="text-align: center;">{{row.f_remarks}}</td>
+                  <td style="text-align: center;">
+                    <button type="button" name="button" class="btn btn-link" @click="$parent.$parent.openUpdateMaterial($index,row)">修改</button>
+                    <button type="button" name="button" class="btn btn-link" @click="$parent.$parent.deleteMaterial($index)">删除</button>
+                  </td>
+                </tr>
+              </template>
+            </data-grid>
+          </div>
+
+          <div class="col-sm-12 form-group" style="text-align: center">
+            <button class="btn btn-primary" @click.prevent="addPurchaseOrder()" :disabled="!($v.valid && model.data.length > 0)">保存</button>
+          </div>
+        </div>
+      </form>
+    </validator>
+    <validator name="mv">
+      <modal v-if="showMaterial" :show.sync="showMaterial" backdrop="false" large>
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closeModal()"><span>&times;</span></button>
+          <span class="modal-title"><font size="3">添加材料</font></span>
+        </header>
+        <article slot="modal-body" class="form-horizontal modal-body clearfix">
+          <div class="col-sm-12 form-group" :class="[$mv.material.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">选择材料</label>
+            <div class="col-sm-9">
+              <input type="text" v-show="false" v-model="material.id" v-validate:material = "['required']" >
+              <input-select
+                class="select select_list"
+                :value.sync="material"
+                v-model="material"
+                :options="contractMaterial"
+                @change="changeMaterial()"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_material_name.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">材料名称</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" readonly v-validate:f_material_name = "['required']" v-model="material.f_material_name" :value="material.f_material_name"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_material_model.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">材料型号</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" readonly v-validate:f_material_model = "['required']" v-model="material.f_material_model" :value="material.f_material_model"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_material_norm.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">材料规格</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" readonly v-validate:f_material_norm = "['required']" v-model="material.f_material_norm" :value="material.f_material_norm"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_price.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">含税单价</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" readonly v-validate:f_price = "['required']" v-model="material.f_price" :value="material.f_price"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_noprice.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">不含税单价</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" readonly v-validate:f_noprice = "['required']" v-model="material.f_noprice" :value="material.f_noprice"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_unit.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">单&emsp;&emsp;位</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" readonly v-validate:f_unit = "['required']" v-model="material.f_unit" :value="material.f_unit"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_unit.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">库&emsp;&emsp;存</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" readonly v-validate:f_unit = "['required']" v-model="material.f_stock" :value="material.f_stock"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_forecast_quantity.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">数&emsp;&emsp;量</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" @change="onChange(),calculateTheAmount()" v-validate:f_forecast_quantity = "['required']" v-model="material.f_forecast_quantity" :value="material.f_forecast_quantity"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.f_forecast_money.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">金&emsp;&emsp;额</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" readonly v-validate:f_forecast_money = "['required']" v-model="material.f_forecast_money" :value="material.f_forecast_money"/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">备&emsp;&emsp;注</label>
+            <div class="col-sm-9">
+              <textarea
+                class="form-control input_view"
+                style="width: 100%;height: 100%"
+                rows="2"
+                @change="onChange()"
+                v-model="material.f_remarks"
+                :value="material.f_remarks"
+              >
+              </textarea>
+            </div>
+          </div>
+
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button class="btn btn-primary" type="button" @click.prevent="saveOrUpdateMaterial()" :disabled='!$mv.valid'>确认</button>
+        </footer>
+      </modal>
+    </validator>
+
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+import {isEmpty} from '../../../../Util'
+export default {
+  title: '采购入库',
+  data () {
+    return {
+      model: {
+        data: []
+      },
+      material: {},
+      contractList: [],
+      contractMaterial: [],
+      showMaterial: false,
+      index: null
+    }
+  },
+  ready () {
+    this.getContractList()
+  },
+  methods: {
+    async orderNumberChange () {
+      let data = {
+        tablename: 't_purchase_order',
+        condition: `f_order_number = '${this.model.f_order_number}'`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '订单编号查询失败！！！'}
+      )
+
+      if (res.data.length > 0) {
+        this.$showAlert('订单编号已存在！！！', 'warning', 3000)
+        this.model.f_order_number = null
+        return
+      }
+    },
+    calculateTheAmount () {
+      let f_forecast_money = this.material.f_price * this.material.f_forecast_quantity
+      Vue.set(this.material, 'f_forecast_money', f_forecast_money)
+    },
+    addPurchaseOrder () {
+      this.$dispatch('addPurchaseOrder', this.model)
+    },
+    // 选择物料
+    changeMaterial () {
+      if (!isEmpty(this.material.id)) {
+        let flag = this.model.data.some(item => {
+          if (item.id === this.material.id) {
+            return true
+          }
+          return false
+        })
+        if (flag) {
+          this.$showAlert('该物料已经存在，如需再次添加，请进行修改操作！！！', 'warning', 3000)
+          this.closeModal()
+        }
+      }
+    },
+    // 打开修改
+    async openUpdateMaterial (index, material) {
+      await this.getContractMaterial()
+
+      this.index = index
+      this.material = JSON.parse(JSON.stringify(material))
+
+      this.showMaterial = true
+    },
+    // 删除
+    async deleteMaterial (index) {
+      this.index = index
+      await this.$showMessage('您确定要删除这条记录吗？').then((res) => {
+        if (res === 'confirm') {
+          this.model.data.splice(this.index, 1)
+        }
+      })
+      this.closeModal()
+    },
+    // 添加或修改
+    saveOrUpdateMaterial () {
+      if (isEmpty(this.index)) {
+        this.model.data.push(this.material)
+      } else {
+        this.model.data.splice(this.index, 1, this.material)
+      }
+
+      this.closeModal()
+    },
+    // 物料选择
+    onChange () {
+      if (!this.material.id || isEmpty(this.material.id)) {
+        this.$showAlert('请先选择物料！！！', 'warning', 3000)
+        this.material = null
+        return
+      }
+    },
+    // 关闭
+    closeModal () {
+      this.showMaterial = false
+      this.index = null
+      this.material = null
+      this.contractMaterial = []
+    },
+    // 打开Model
+    async openModal () {
+      await this.getContractMaterial()
+
+      this.showMaterial = true
+    },
+    // 获取合同物料
+    async getContractMaterial () {
+      let data = {
+        condition: `cm.f_contract_id = ${this.model.contract.id}`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/getContractMaterial`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '合同采购物料查询失败！！！'}
+      )
+
+      res.data.forEach(item => {
+        this.contractMaterial.push({
+          'label': `${item.f_material_name}--${item.f_material_model}--${item.f_material_norm}--${item.f_unit}--${item.f_price}`,
+          'value': item
+        })
+      })
+    },
+    // 获取合同
+    async getContractList () {
+      let data = {
+        tablename: 't_contract',
+        condition: `(f_contract_type = '采购合同' and f_contract_nature = '年度' and f_contract_category = '物料') or (f_contract_type = '采购合同' and f_contract_category = '物料' and f_contract_nature = '单次' and f_contract_status = '有效'  )`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '合同编号查询失败！！！'}
+      )
+
+      if (res.data.length <= 0) {
+        this.$showAlert('暂无采购合同！！！', 'warning', 3000)
+        return
+      }
+
+      res.data.forEach(item => {
+        this.contractList.push({
+          'label': item.f_contract_number,
+          'value': item
+        })
+      })
+
+    }
+  },
+  computed: {
+  },
+  watch: {
+    'model.data': {
+      deep: true,
+      handler: function () {
+        let f_lump_sum = 0
+        this.model.data.forEach(item => {
+          f_lump_sum += Number(item.f_forecast_money)
+        })
+        this.model.f_lump_sum = f_lump_sum
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .item{
+    height: 40px;
+    margin-bottom: 20px;
+  }
+
+  th{
+    font-size: 15px !important;
+    text-align: center !important;
+    background-color: #dfedfb!important;
+    color: #666666 !important;
+    font-family: PINGFANG-BOLD !important;
+    font-weight: normal!important;
+  }
+  /*清除model中的浮动*/
+  .clearfix:after,.clearfix:before{
+    display: table;
+  }
+  .clearfix:after{
+    clear: both;
+  }
+
+  .input_view{
+    padding: 8px;
+    background-color: #ffffff;
+    border-radius: 2px;
+    border: solid 1px #c7c7c7!important;
+    color: #333333!important;
+    font-size: 15px!important;
+  }
+
+  .input_view[readonly]{
+    border: 1px solid #DDD!important;
+    /*background-color: #F5F5F5;*/
+    color:#ACA899!important;
+  }
+  .input_view:disabled{
+    border: 1px solid #DDD!important;
+    /*background-color: #F5F5F5;*/
+    color:#ACA899!important;
+  }
+
+  .control-label-justify {
+    display: inline-block;
+    vertical-align: top;
+    width: 110px;
+    text-align: justify;
+    font-family: PingFang-SC-Bold;
+  }
+
+  .control-label-justify::after {
+    content: "";
+    display: inline-block;
+    width: 70px;
+    overflow: hidden;
+    height: 0;
+  }
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+</style>