apply-clients 3.2.36 → 3.2.49

package/src/components/product/Ledger/FacilityManagement/FacilityInventory/addFacilityInformation.vue

@@ -0,0 +1,406 @@
+<template>
+  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
+    <form class="form-horizontal">
+      <div class="form-group">
+        <!-- 添加设备 -->
+        <validator name="v">
+          <div class="col-sm-4 form-group item" :class="[$v.f_contract_number.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">合同编号</label>
+            <div class="col-sm-6">
+              <input type="text" v-show="false"
+                     readonly v-validate:f_contract_number = "['required']"
+                     v-model="contract.f_contract_number"
+                     :value.sync="contract.f_contract_number"/>
+              <input-select
+                class="select select_list"
+                :value.sync="contract"
+                v-model="contract"
+                :options="contractList"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_supplier.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" type="text"
+                     readonly v-validate:f_supplier = "['required']"
+                     v-model="contract.f_supplier"
+                     :value.sync="contract.f_supplier"/>
+            </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.openModal()" :disabled="!$parent.$parent.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_facility_number}}</td>
+                  <td style="text-align: center;">{{row.f_facility_name}}</td>
+                  <td style="text-align: center;">{{row.f_facility_model}}</td>
+                  <td style="text-align: center;">{{row.f_facility_norm}}</td>
+                  <td style="text-align: center;">{{row.f_facility_money}}</td>
+                  <td style="text-align: center;">{{row.f_purchase_date}}</td>
+                  <td style="text-align: center;">{{row.f_warranty}}</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.openUpdateFacility($index,row)">修改</button>
+                    <button type="button" name="button" class="btn btn-link" @click="$parent.$parent.deleteFacility($index)">删除</button>
+                  </td>
+                </tr>
+              </template>
+            </data-grid>
+          </div>
+          <div class="col-sm-12 form-group" style="text-align: center">
+            <button class="btn btn-primary" :disabled='!($v.valid && model.data.length > 0)' @click.prevent="addFacility()">保存</button>
+          </div>
+        </validator>
+
+        <validator name="mv">
+          <modal v-if="showFacility" :show.sync="showFacility" 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.facility.required ? 'has-error' : '']">
+                <label class="control-label col-sm-2">选择设备</label>
+                <div class="col-sm-9">
+                  <input type="text" v-show="false" v-model="facility.id" v-validate:facility = "['required']" >
+                  <input-select
+                    class="select select_list"
+                    :value.sync="facility"
+                    v-model="facility"
+                    :options="contractFacility"
+                    :valueSingle="true"></input-select>
+                </div>
+              </div>
+              <div class="col-sm-12 form-group" :class="[$mv.f_facility_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_facility_name = "['required']" v-model="facility.f_facility_name" :value="facility.f_facility_name"/>
+                </div>
+              </div>
+              <div class="col-sm-12 form-group" :class="[$mv.f_facility_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_facility_model = "['required']" v-model="facility.f_facility_model" :value="facility.f_facility_model"/>
+                </div>
+              </div>
+              <div class="col-sm-12 form-group" :class="[$mv.f_facility_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_facility_norm = "['required']" v-model="facility.f_facility_norm" :value="facility.f_facility_norm"/>
+                </div>
+              </div>
+              <div class="col-sm-12 form-group" :class="[$mv.f_facility_money.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_facility_money = "['required']" v-model="facility.f_facility_money" :value="facility.f_facility_money"/>
+                </div>
+              </div>
+              <div class="col-sm-12 form-group" :class="[$mv.f_facility_number.required ? 'has-error' : '']">
+                <label class="control-label col-sm-2">设备编码</label>
+                <div class="col-sm-9">
+                  <input class="form-control" type="text" @change="onChange(),changFacilityNumber()" v-validate:f_facility_number = "['required']" v-model="facility.f_facility_number" :value="facility.f_facility_number"/>
+                </div>
+              </div>
+              <div class="col-sm-12 form-group" :class="[$mv.f_purchase_date.required ? 'has-error' : '']">
+                <label class="control-label col-sm-2">购买日期</label>
+                <div class="col-sm-9">
+                  <input v-show="false" type="text" v-validate:f_purchase_date = "['required']" v-model="facility.f_purchase_date" />
+                  <datepicker
+                    format="yyyy-MM-dd"
+                    @change="onChange()"
+                    :value.sync="facility.f_purchase_date"
+                    v-model="facility.f_purchase_date">
+                  </datepicker>
+                </div>
+              </div>
+              <div class="col-sm-12 form-group" :class="[$mv.f_warranty.required ? 'has-error' : '']">
+                <label class="control-label col-sm-2">质保期（月）</label>
+                <div class="col-sm-9">
+                  <input class="form-control" type="number" @change="onChange()" v-validate:f_warranty = "['required']" v-model="facility.f_warranty" :value="facility.f_warranty"/>
+                </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="facility.f_remarks"
+                    :value="facility.f_remarks"
+                  >
+                  </textarea>
+                </div>
+              </div>
+            </article>
+            <footer slot="modal-footer" class="modal-footer">
+              <button class="btn btn-primary" type="button" @click.prevent="saveOrUpdateFacility()" :disabled='!$mv.valid'>确认</button>
+            </footer>
+          </modal>
+        </validator>
+      </div>
+    </form>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+import {isEmpty} from '../../../../Util'
+export default {
+  title: '设备信息',
+  data () {
+    return {
+      contractList: [],
+      contract: {},
+      contractFacility: [],
+      model: {
+        data: []
+      },
+      showFacility: false,
+      facility: {},
+      index: null
+    }
+  },
+  ready () {
+    this.getcontractList()
+  },
+  methods: {
+    // 添加设备
+    addFacility () {
+      let data = {
+        contract: this.contract,
+        data: this.model.data
+      }
+      this.$dispatch('addFacility', data)
+    },
+    // 检查设备编号
+    async changFacilityNumber () {
+      let http = new HttpResetClass()
+
+      if (isEmpty(this.facility)) {
+        return
+      }
+
+      let data = {
+        tablename: 't_facility',
+        condition: `f_facility_number = '${this.facility.f_facility_number}'`
+      }
+
+      let res = await http.load(
+        'POST',
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '设备编码查询失败！！！'}
+      )
+
+      if (res.data.length > 0) {
+        this.facility.f_facility_number = null
+        this.$showAlert('该设备编码已存在！！！', 'warning', 3000)
+        return
+      }
+      let flag = this.model.data.some(item => {
+        if (item.f_facility_number === this.facility.f_facility_number) {
+          return true
+        }
+        return false
+      })
+      if (flag) {
+        this.facility.f_facility_number = null
+        this.$showAlert('该设备编码已存在！！！', 'warning', 3000)
+        return
+      }
+    },
+    // 打开修改
+    async openUpdateFacility (index, facility) {
+      await this.getContractFacility()
+
+      this.index = index
+      this.facility = JSON.parse(JSON.stringify(facility))
+
+      this.showFacility = true
+    },
+    // 删除
+    async deleteFacility (index) {
+      this.index = index
+      await this.$showMessage('您确定要删除这条记录吗？').then((res) => {
+        if (res === 'confirm') {
+          this.model.data.splice(this.index, 1)
+        }
+      })
+      this.closeModal()
+    },
+    // 添加或修改
+    saveOrUpdateFacility () {
+      if (isEmpty(this.index)) {
+        this.model.data.push(this.facility)
+      } else {
+        this.model.data.splice(this.index, 1, this.facility)
+      }
+
+      this.closeModal()
+    },
+    onChange () {
+      if (!this.facility.id || isEmpty(this.facility.id)) {
+        this.$showAlert('请先选择物料！！！', 'warning', 3000)
+        this.facility = null
+        return
+      }
+    },
+    // 关闭
+    closeModal () {
+      this.showFacility = false
+      this.index = null
+      this.facility = null
+      this.contractFacility = []
+    },
+    async openModal () {
+      await this.getContractFacility()
+
+      this.showFacility = true
+    },
+    async getContractFacility () {
+      let data = {
+        tablename: 't_contract_facility',
+        condition: `f_contract_id = ${this.contract.id}`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '合同采购设备查询失败！！！'}
+      )
+
+      res.data.forEach(item => {
+        this.contractFacility.push({
+          'label': `${item.f_facility_name}--${item.f_facility_model}--${item.f_facility_norm}--${item.f_facility_money}`,
+          'value': item
+        })
+      })
+    },
+    // 获取合同
+    async getcontractList () {
+      let http = new HttpResetClass()
+
+      let data = {
+        tablename: 't_contract',
+        condition: `(f_contract_type = '采购合同' and f_contract_nature = '年度' and f_contract_category = '设备') or (f_contract_nature = '单次' and f_warehousing_quantity < 1 and f_contract_type = '采购合同' and f_contract_category = '设备')`
+      }
+
+      let res = await http.load(
+        'POST',
+        `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': {
+            id: item.id,
+            f_contract_number: item.f_contract_number,
+            f_supplier: item.f_supplier
+          }
+        })
+      })
+
+    }
+  },
+  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>