apply-clients 3.2.34 → 3.2.48

package/src/components/product/Ledger/QinhuaMaterial/SeasoningRecord/SeasoningInformation.vue

@@ -0,0 +1,385 @@
+<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-6 form-group item" :class="[$v.f_cea_number_head.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">调料CEA</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="model.f_cea_number_head" :value="model.f_cea_number_head" v-show="false" v-validate:f_cea_number_head = "['required']" >
+              <input-select
+                class="select select_list"
+                :value.sync="model.f_cea_number_head"
+                v-model="model.f_cea_number_head"
+                :options="ceaList"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <div class="col-sm-6 form-group item" :class="[$v.f_cea_number_tail.required ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">调至CEA</label>
+            <div class="col-sm-6">
+              <input type="text" v-model="model.f_cea_number_tail" :value="model.f_cea_number_tail" v-show="false" v-validate:f_cea_number_tail = "['required']" >
+              <input-select
+                class="select select_list"
+                :value.sync="model.f_cea_number_tail"
+                v-model="model.f_cea_number_tail"
+                :options="ceaList"
+                @change="changeTail()"
+                :valueSingle="true"></input-select>
+            </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;">
+                    <button @click="$parent.$parent.openAdd()" 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_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.openUpdate($index,row)">修改</button>
+                    <button type="button" name="button" class="btn btn-link" @click="$parent.$parent.delete($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="addSeasoningRecord()" :disabled='!$v.valid'>保存</button>
+          </div>
+        </div>
+      </form>
+    </validator>
+    <validator name="mv">
+      <modal v-if="showModal" :show.sync="showModal" 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="materialList"
+                @change="changePickMaterial()"
+                :valueSingle="true"></input-select>
+            </div>
+          </div>
+          <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 class="form-control" type="text" :value="material.f_material_name" readonly />
+            </div>
+          </div>
+          <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 class="form-control" type="text" :value="material.f_material_model" readonly/>
+            </div>
+          </div>
+          <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 class="form-control" type="text" :value="material.f_material_norm" readonly/>
+            </div>
+          </div>
+          <div class="col-sm-12 form-group" :class="[$mv.material.required ? 'has-error' : '']">
+            <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" :class="[$mv.material.required ? 'has-error' : '']">
+            <label class="control-label col-sm-2">库存</label>
+            <div class="col-sm-9">
+              <input class="form-control" type="number" :value="material.f_stock" 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="saveOrUpdate()" :disabled='!$mv.valid'>确认</button>
+        </footer>
+      </modal>
+    </validator>
+  </div>
+</template>
+
+<script>
+import {isEmpty} from '../../../../Util'
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '材料详细信息',
+  data () {
+    return {
+      ceaList: [],
+      model: {
+        data: []
+      },
+      materialList: [],
+      showModal: false,
+      material: {}
+    }
+  },
+  ready () {
+    this.getCEAList()
+  },
+  methods: {
+    addSeasoningRecord () {
+      this.$dispatch('addSeasoningRecord', 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 openUpdate (index, material) {
+      this.index = index
+      this.material = material
+
+      await this.openAdd()
+    },
+    async delete (index) {
+      this.index = index
+      await this.$showMessage('您确定要删除这条记录吗？').then((res) => {
+        if (res === 'confirm') {
+          this.model.data.splice(this.index, 1)
+        }
+      })
+      this.closeModal()
+    },
+    saveOrUpdate () {
+      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_stock) {
+        this.$showAlert('超出库存数量了！！！', 'warning', 3000)
+        this.material.f_quantity = null
+        return
+      }
+    },
+    closeModal () {
+      this.materialList = []
+      this.material = {}
+      this.showModal = false
+    },
+    async getMaterialList () {
+      let http = new HttpResetClass()
+
+      let data = {
+        condition: `f_cea_number = '${this.model.f_cea_number_head}'`
+      }
+
+      let res = await http.load('POST','rs/sql/getQinhuaSumMaterial',{data: data},{resolveMsg: null,rejectMsg: '物料查询失败！！！'})
+
+      res.data.forEach(item => {
+        this.materialList.push({
+          label: `${item.f_material_name}-${item.f_material_norm}-${item.f_material_model}-${item.f_unit}`,
+          value: item
+        })
+      })
+    },
+    async openAdd () {
+      if (isEmpty(this.model.f_cea_number_head)) {
+        this.$showAlert('请先选择调料工程CEA！！！', 'warning', 3000)
+        return
+      }
+
+      await this.getMaterialList()
+
+      if (this.materialList.length <= 0) {
+        this.$showAlert('该工程下无物料！！！', 'warning', 3000)
+        return
+      }
+
+      this.showModal = true
+    },
+    changeTail () {
+      if (isEmpty(this.model.f_cea_number_tail)) {
+        return
+      }
+      if (isEmpty(this.model.f_cea_number_head)) {
+        this.$showAlert('请先选择调料工程CEA！！！', 'warning', 3000)
+        this.model.f_cea_number_tail = null
+        return
+      }
+      if (this.model.f_cea_number_head === this.model.f_cea_number_tail) {
+        this.$showAlert('无法调向自己！！！', 'warning', 3000)
+        this.model.f_cea_number_tail = null
+        return
+      }
+    },
+    async getCEAList () {
+      let data = {
+        tablename: 't_apply',
+        condition: `f_cea_number is not null and f_sub_state != '完工'`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: 'CEA号查询失败！！！'}
+      )
+
+      if (res.data.length <= 0) {
+        this.$showAlert('暂无工程！！！', 'warning', 3000)
+        return
+      }
+
+      res.data.forEach(item => {
+        this.ceaList.push({
+          'label': item.f_cea_number,
+          'value': item.f_cea_number
+        })
+      })
+    }
+  },
+  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>

package/src/components/product/Ledger/QinhuaMaterial/SeasoningRecord/SeasoningRecord.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <div :class="showData ? 'top' : 'auto'">
+        <seasoning-record-list v-ref:query :show-data="showData"></seasoning-record-list>
+      </div>
+      <div v-if="showtotal" style="margin-top: 20px;height: 90%" class="">
+        <tabset v-ref:tabs :close="false">
+          <tab header='调料信息'>
+            <seasoning-information></seasoning-information>
+          </tab>
+        </tabset>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+export default {
+  title: '调料记录',
+  data () {
+    return {
+      showData: true,
+      showtotal: false
+    }
+  },
+  ready () {
+  },
+  methods: {
+  },
+  events: {
+    async 'addSeasoningRecord' (model) {
+      let data = {
+        model: model,
+        user: this.$login.f
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/addSeasoningRecord`,
+        {data: data}
+      )
+
+      this.$refs.query.search()
+    },
+    'openSeasoningMaterial' () {
+      this.showData = false
+      this.$refs.query.$refs.cp.pager = false
+
+      this.showtotal = false
+      this.$nextTick(() => {
+        this.showtotal = true
+      })
+    },
+    'search' () {
+      // 关闭详细
+      this.showtotal = false
+      // 显示列表数据
+      this.showData = true
+      // 显示分页
+      this.$refs.query.$refs.cp.pager = true
+      // 调用查询
+      this.$refs.query.$refs.cp.$refs.cri.search()
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

package/src/components/product/Ledger/QinhuaMaterial/SeasoningRecord/SeasoningRecordList.vue

@@ -0,0 +1,208 @@
+<template>
+  <criteria-paged :model="model" v-ref:cp>
+    <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+      <div class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">调料工程：</label>
+              <input type="text" style="width: 60%" class="input_search" placeholder='调料工程' v-model="model.f_cea_number_head"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="f_cea_number_head like '%{}%'">
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">调至工程：</label>
+              <input type="text" style="width: 60%" class="input_search" placeholder='调至工程' v-model="model.f_cea_number_tail"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="f_cea_number_tail like '%{}%'">
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">材料名称：</label>
+              <input type="text" style="width: 60%" class="input_search" placeholder='材料名称' v-model="model.f_material_name"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="f_material_name like '%{}%'">
+            </div>
+            <div class="form-group col-sm-3 button-range">
+              <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+              <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
+              <button class="button_new button_spacing"  @click="$parent.$parent.openSeasoningMaterial()">调料</button>
+              <div
+                :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
+                class="button_spacing"
+                style="float: right">
+              </div>
+            </div>
+          </div>
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">材料型号：</label>
+              <input type="text" style="width: 60%" class="input_search" placeholder='材料型号' v-model="model.f_material_model"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="f_material_model like '%{}%'">
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">材料规格：</label>
+              <input type="text" style="width: 60%" class="input_search" placeholder='材料规格' v-model="model.f_material_norm"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="f_material_norm like '%{}%'">
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">单&emsp;&emsp;位：</label>
+              <input type="text" class="input_search" style="width: 60%" placeholder='单位' v-model="model.f_unit"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="f_unit like '%{}%'">
+            </div>
+            <div class="form-group col-sm-3">
+              <label  for="startDate" class="font_normal_body">开始时间：</label>
+              <datepicker id="startDate" placeholder="开始日期"
+                          style="width: 60%!important;"
+                          v-model="model.startDate"
+                          :value.sync="model.startDate"
+                          :format="'yyyy-MM-dd HH:mm:ss'"
+                          :show-reset-button="true"
+                          condition="f_operation_date >= '{}'">
+              </datepicker>
+            </div>
+            <div class="form-group col-sm-3">
+              <label for="endDate" class="font_normal_body">结束时间：</label>
+              <datepicker id="endDate" placeholder="结束日期"
+                          style="width: 60%!important;"
+                          v-model="model.endDate"
+                          :value.sync="model.endDate"
+                          :format="'yyyy-MM-dd HH:mm:ss'"
+                          :show-reset-button="true"
+                          condition="f_operation_date <= '{}'">
+              </datepicker>
+            </div>
+          </div>
+        </div>
+    </criteria>
+    <data-grid v-if="$parent.showData" :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>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr >
+          <td style="text-align: center;">
+            <nobr><font>{{$index+1}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_cea_number_head}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_cea_number_tail}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_material_name}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_material_model}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_material_norm}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_unit}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_quantity}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_operation_date}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_remarks}}</font></nobr>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+  </criteria-paged>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+import * as morentime  from '../../../../Util'
+
+let readySomething = async function (self) {
+  self.$refs.cp.$refs.cri.model.startDate = self.data ? self.data.startDate : morentime.toStandardDateString() + ' 00:00:00'
+  self.$refs.cp.$refs.cri.model.endDate = self.data ? self.data.endDate : morentime.toStandardDateString() + ' 23:59:59'
+}
+// Date格式化
+Date.prototype.Format = function (fmt) {
+  var o = {
+    'M+': this.getMonth() + 1, // 月份
+    'd+': this.getDate(), // 日
+    'H+': this.getHours(), // 小时
+    'm+': this.getMinutes(), // 分
+    's+': this.getSeconds(), // 秒
+    'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
+    'S': this.getMilliseconds() // 毫秒
+  }
+  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
+  for (var k in o) {
+    if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
+  }
+  return fmt
+}
+
+
+export default {
+  title: '材料列表',
+  props: ['showData'],
+  data () {
+    return {
+      model: new PagedList('rs/sql/getSeasoningRecordList', 30, {
+        data: {
+          orgid: this.$login.f.orgid
+        }
+      }),
+      criteriaShow: false
+    }
+  },
+  ready () {
+    // 调用查询
+    this.search(),
+      readySomething(this).then(() => {
+        this.$emit('ready')
+      }).catch((error) => {
+        this.$emit('error', error)
+      })
+  },
+  methods: {
+    openSeasoningMaterial () {
+      this.$dispatch('openSeasoningMaterial')
+    },
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = null
+      })
+    },
+    // 查询
+    search () {
+      this.$dispatch('search')
+    }
+  },
+  computed: {
+  }
+}
+</script>
+
+<style scoped>
+.warning {
+  background-color: #f0ad4e;
+}
+.danger {
+  background-color: #d9534f;
+}
+</style>