apply-clients 3.2.41 → 3.2.50

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

@@ -1,430 +1,438 @@
-<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_ticket_number.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.outboundOrder" v-show="false" v-validate:f_ticket_number = "['required']" >
-              <input-select
-                class="select select_list"
-                :value.sync="model.outboundOrder"
-                v-model="model.outboundOrder"
-                :options="outboundOrderList"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="col-sm-4 form-group item">
-            <label class="control-label-justify control-label col-sm-6">CEA号</label>
-            <div class="col-sm-6">
-              <input class="form-control input_view" style=""
-                     type="text"
-                     readonly
-                     :value="model.outboundOrder.f_cea_number"/>
-            </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-select
-                class="select select_list"
-                :value.sync="model.outboundOrder"
-                v-model="model.outboundOrder"
-                :options="cailiaotype"
-                :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.outboundOrder.f_warehouse"/>
-            </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-select    class="select select_list"
-                               :value.sync="model.outboundOrder"
-                               v-model="model.outboundOrder"
-                               :options="shigongdanwei"
-                               :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.outboundOrder.f_picking_site"/>
-            </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;">
-                    <button @click="$parent.$parent.openShowMaterial()" 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_price}}</td>
-                  <td style="text-align: center;">{{row.f_quantity}}</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="addMaterialDelivery()" :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.id.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:id = "{required: true}">
-              <input-select
-                class="select select_list"
-                @change="changePickMaterial()"
-                :value.sync="material"
-                v-model="material"
-                :options="materialList"
-                :valueSingle="true"></input-select>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">材料名称</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" :value="material.f_material_name" readonly />
-            </div>
-          </div>
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">材料型号</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" :value="material.f_material_model" readonly/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">材料规格</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" :value="material.f_material_norm" readonly/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">单&emsp;&emsp;位</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="text" :value="material.f_unit" readonly/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">单&emsp;&emsp;价</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="number" :value="material.f_price" readonly/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">预出库数量</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="number" :value="material.f_prepare_quantity" readonly/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">实际出库数量</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="number" :value="material.f_actual_quantity" readonly/>
-            </div>
-          </div>
-          <div class="col-sm-12 form-group">
-            <label class="control-label col-sm-2">可出库数量</label>
-            <div class="col-sm-9">
-              <input class="form-control" type="number" :value="material.f_prepare_surplus" readonly/>
-            </div>
-          </div>
-
-          <div class="col-sm-12 form-group" :class="[$mv.f_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="changePrepareQuantity()"
-                     v-validate:f_quantity = "{required: true}"
-                     v-model="material.f_quantity"
-                     :value="material.f_quantity"/>
-            </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="changeRemarks()"
-                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 {HttpResetClass} from 'vue-client'
-  import {isEmpty} from '../../../../Util'
-  export default {
-    title: '材料出库',
-    data () {
-      return {
-        cailiaotype: [{label: '全部', value: ''}, ...this.$appdata.getParam('材料项目类型')],
-        shigongdanwei:[{label:'全部',value:''},...this.$appdata.getParam('施工单位')],
-        model: {
-          data: []
-        },
-        material: {},
-        materialList: [],
-        outboundOrderList: [],
-        showMaterial: false,
-        index: null
-      }
-    },
-    ready () {
-      this.getTicketNumber()
-    },
-    methods: {
-      addMaterialDelivery () {
-        this.$dispatch('addMaterialDelivery', this.model)
-      },
-      changePickMaterial () {
-        if (!isEmpty(this.material.id)) {
-          for (const item of this.model.data) {
-            if (item.id === this.material.id) {
-              this.$showAlert('该物料已经存在，如需再次添加，请进行修改操作！！！', 'warning', 3000)
-              this.closeModal()
-              break
-            }
-          }
-        }
-      },
-      async openUpdateMaterial (index, material) {
-        await this.getPrepareMaterial()
-
-        this.index = index
-        this.material = 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()
-      },
-      changeRemarks () {
-        if (isEmpty(this.material.id)) {
-          this.$showAlert('请先选择物料！！！', 'warning', 3000)
-          this.material = null
-          return
-        }
-      },
-      changePrepareQuantity () {
-        if (isEmpty(this.material.id)) {
-          this.$showAlert('请先选择物料！！！', 'warning', 3000)
-          this.material = null
-          return
-        }
-        if (this.material.f_quantity > this.material.f_prepare_surplus) {
-          this.$showAlert('超出可出库数量了！！！', 'warning', 3000)
-          this.material.f_quantity = null
-          return
-        }
-      },
-      closeModal () {
-        this.showMaterial = false
-        this.index = null
-        this.material = null
-        this.materialList = []
-      },
-      // 根据出库单获取可出库物料
-      async getPrepareMaterial () {
-        let data = {
-          condition: `o.id = ${this.model.outboundOrder.id} and getdate() < f_expire_date`,
-          havcondition: 'sum(mp.f_prepare_quantity) > sum(mp.f_quantity)'
-        }
-
-        let res = await this.$resetpost(
-          `rs/sql/getMaterialPrepare`,
-          {data: data},
-          {resolveMsg: null, rejectMsg: '出库单查询失败！！！'}
-        )
-        res.data.forEach(item => {
-          this.materialList.push({
-            'label': `${item.f_material_name}--${item.f_material_model}--${item.f_material_norm}--${item.f_unit}--${item.f_price}`,
-            'value': item
-          })
-        })
-      },
-      // 添加物料
-      async openShowMaterial () {
-        if (isEmpty(this.model.outboundOrder)) {
-          this.$showAlert('请先选择出库票号！！！', 'warning', 3000)
-          return
-        }
-
-        await this.getPrepareMaterial()
-
-        this.showMaterial = true
-      },
-      // 获取出库单
-      async getTicketNumber () {
-        let data = {
-          condition: `1=1`
-        }
-
-        let res = await this.$resetpost(
-          `rs/sql/getValidTicketNumber`,
-          {data: data},
-          {resolveMsg: null, rejectMsg: '出库票号查询失败！！！'}
-        )
-
-        if (res.data.length <= 0) {
-          this.$showAlert('暂无出库单！！！', 'warning', 3000)
-          return
-        }
-
-        res.data.forEach(item => {
-          this.outboundOrderList.push({
-            'label': item.f_ticket_number,
-            'value': item
-          })
-        })
-      }
-    },
-    events: {
-    }
-  }
-</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>
+<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_ticket_number.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.outboundOrder" v-show="false" v-validate:f_ticket_number = "['required']" >
+              <input-select
+                class="select select_list"
+                :value.sync="model.outboundOrder"
+                v-model="model.outboundOrder"
+                :options="outboundOrderList"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item">
+            <label class="control-label-justify control-label col-sm-6">CEA号</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" style=""
+                     type="text"
+                     readonly
+                     :value="model.outboundOrder.f_cea_number"/>
+            </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-select
+                class="select select_list"
+                :value.sync="model.outboundOrder"
+                v-model="model.outboundOrder"
+                :options="cailiaotype"
+                :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.outboundOrder.f_warehouse"/>
+            </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-select    class="select select_list"
+                               :value.sync="model.outboundOrder"
+                               v-model="model.outboundOrder"
+                               :options="shigongdanwei"
+                               :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.outboundOrder.f_picking_site"/>
+            </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;">
+                    <button @click="$parent.$parent.openShowMaterial()" 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_price}}</td>
+                  <td style="text-align: center;">{{row.f_noprice}}</td>
+                  <td style="text-align: center;">{{row.f_quantity}}</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="addMaterialDelivery()" :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.id.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:id = "{required: true}">
+              <input-select
+                class="select select_list"
+                @change="changePickMaterial()"
+                :value.sync="material"
+                v-model="material"
+                :options="materialList"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">材料名称</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" :value="material.f_material_name" readonly />
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">材料型号</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" :value="material.f_material_model" readonly/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">材料规格</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" :value="material.f_material_norm" readonly/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">单&emsp;&emsp;位</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="text" :value="material.f_unit" readonly/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">含税单&emsp;&emsp;价</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" :value="material.f_price" readonly/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">不含税单&emsp;&emsp;价</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" :value="material.f_noprice" readonly/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">预出库数量</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" :value="material.f_prepare_quantity" readonly/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">实际出库数量</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" :value="material.f_actual_quantity" readonly/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group">
+            <label class="control-label col-sm-2">可出库数量</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" :value="material.f_prepare_surplus" readonly/>
+            </div>
+          </div>
+
+          <div class="col-sm-12 form-group" :class="[$mv.f_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="changePrepareQuantity()"
+                     v-validate:f_quantity = "{required: true}"
+                     v-model="material.f_quantity"
+                     :value="material.f_quantity"/>
+            </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="changeRemarks()"
+                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 {HttpResetClass} from 'vue-client'
+  import {isEmpty} from '../../../../Util'
+  export default {
+    title: '材料出库',
+    data () {
+      return {
+        cailiaotype: [{label: '全部', value: ''}, ...this.$appdata.getParam('材料项目类型')],
+        shigongdanwei:[{label:'全部',value:''},...this.$appdata.getParam('施工单位')],
+        model: {
+          data: []
+        },
+        material: {},
+        materialList: [],
+        outboundOrderList: [],
+        showMaterial: false,
+        index: null
+      }
+    },
+    ready () {
+      this.getTicketNumber()
+    },
+    methods: {
+      addMaterialDelivery () {
+        this.$dispatch('addMaterialDelivery', this.model)
+      },
+      changePickMaterial () {
+        if (!isEmpty(this.material.id)) {
+          for (const item of this.model.data) {
+            if (item.id === this.material.id) {
+              this.$showAlert('该物料已经存在，如需再次添加，请进行修改操作！！！', 'warning', 3000)
+              this.closeModal()
+              break
+            }
+          }
+        }
+      },
+      async openUpdateMaterial (index, material) {
+        await this.getPrepareMaterial()
+
+        this.index = index
+        this.material = 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()
+      },
+      changeRemarks () {
+        if (isEmpty(this.material.id)) {
+          this.$showAlert('请先选择物料！！！', 'warning', 3000)
+          this.material = null
+          return
+        }
+      },
+      changePrepareQuantity () {
+        if (isEmpty(this.material.id)) {
+          this.$showAlert('请先选择物料！！！', 'warning', 3000)
+          this.material = null
+          return
+        }
+        if (this.material.f_quantity > this.material.f_prepare_surplus) {
+          this.$showAlert('超出可出库数量了！！！', 'warning', 3000)
+          this.material.f_quantity = null
+          return
+        }
+      },
+      closeModal () {
+        this.showMaterial = false
+        this.index = null
+        this.material = null
+        this.materialList = []
+      },
+      // 根据出库单获取可出库物料
+      async getPrepareMaterial () {
+        let data = {
+          condition: `o.id = ${this.model.outboundOrder.id} and getdate() < f_expire_date`,
+          havcondition: 'sum(mp.f_prepare_quantity) > sum(mp.f_quantity)'
+        }
+
+        let res = await this.$resetpost(
+          `rs/sql/getMaterialPrepare`,
+          {data: data},
+          {resolveMsg: null, rejectMsg: '出库单查询失败！！！'}
+        )
+        res.data.forEach(item => {
+          this.materialList.push({
+            'label': `${item.f_material_name}--${item.f_material_model}--${item.f_material_norm}--${item.f_unit}--${item.f_price}`,
+            'value': item
+          })
+        })
+      },
+      // 添加物料
+      async openShowMaterial () {
+        if (isEmpty(this.model.outboundOrder)) {
+          this.$showAlert('请先选择出库票号！！！', 'warning', 3000)
+          return
+        }
+
+        await this.getPrepareMaterial()
+
+        this.showMaterial = true
+      },
+      // 获取出库单
+      async getTicketNumber () {
+        let data = {
+          condition: `1=1`
+        }
+
+        let res = await this.$resetpost(
+          `rs/sql/getValidTicketNumber`,
+          {data: data},
+          {resolveMsg: null, rejectMsg: '出库票号查询失败！！！'}
+        )
+
+        if (res.data.length <= 0) {
+          this.$showAlert('暂无出库单！！！', 'warning', 3000)
+          return
+        }
+
+        res.data.forEach(item => {
+          this.outboundOrderList.push({
+            'label': item.f_ticket_number,
+            'value': item
+          })
+        })
+      }
+    },
+    events: {
+    }
+  }
+</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>