apply-clients 3.2.34 → 3.2.48

package/src/components/product/Ledger/MaterialManagement/OutboundOrder/OutboundOrderInformation.vue

@@ -0,0 +1,327 @@
+<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">
+            <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
+                     v-model="outboundOrder.f_ticket_number"
+                     :value="outboundOrder.f_ticket_number"/>
+            </div>
+          </div>
+          <div class="col-sm-4 form-group item" :class="[$v.f_cea_number.required && type === 'writeOff' ? 'has-error' : '']">
+            <label class="control-label-justify control-label col-sm-6">CEA号</label>
+            <div class="col-sm-6">
+              <input class="form-control input_view" type="text"
+                     v-show="false"
+                     v-validate:f_cea_number = "['required']"
+                     v-model="outboundOrder.f_cea_number"
+                     :value="outboundOrder.f_cea_number"/>
+              <input-select
+                class="select select_list"
+                :value.sync="outboundOrder.f_cea_number"
+                v-model="outboundOrder.f_cea_number"
+                :disable="type === 'view'"
+                :options="ceaList"
+                :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
+                     v-model="outboundOrder.f_entry_type"
+                     :value="outboundOrder.f_entry_type"/>
+            </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
+                     v-model="outboundOrder.f_warehouse"
+                     :value="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 class="form-control input_view" style=""
+                     type="text"
+                     readonly
+                     v-model="outboundOrder.f_picking_unit"
+                     :value="outboundOrder.f_picking_unit"/>
+            </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
+                     v-model="outboundOrder.f_picking_site"
+                     :value="outboundOrder.f_picking_site"/>
+            </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
+                     v-model="outboundOrder.f_operator"
+                     :value="outboundOrder.f_operator"/>
+            </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
+                     v-model="outboundOrder.f_billing_time"
+                     :value="outboundOrder.f_billing_time"/>
+            </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
+                     v-model="outboundOrder.f_expire_date"
+                     :value="outboundOrder.f_expire_date"/>
+            </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="new Date() > new Date(outboundOrder.f_expire_date) ? '失效' : '有效'"/>
+            </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
+                     v-model="outboundOrder.f_money"
+                     :value="outboundOrder.f_money"/>
+            </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;">剩余数量</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_money}}</td>
+                  <td style="text-align: center;">{{row.f_prepare_remarks}}</td>
+                  <td style="text-align: center;">{{row.f_prepare_quantity}}</td>
+                  <td style="text-align: center;">{{row.f_actual_quantity}}</td>
+                  <td style="text-align: center;">{{row.f_prepare_surplus}}</td>
+                </tr>
+              </template>
+            </data-grid>
+          </div>
+
+          <div class="col-sm-12 form-group" style="text-align: center">
+            <button class="btn btn-primary" @click.prevent="showPrintModal()" v-if="type === 'view'">打印预览</button>
+            <button class="btn btn-primary" @click.prevent="writeOff()" :disabled='!$v.valid' v-if="type === 'writeOff' && outboundOrder.f_type === '借料单' && outboundOrder.f_write_off === '否'">核销</button>
+          </div>
+        </div>
+      </form>
+    </validator>
+
+    <modal v-if="showPrint" :show.sync="showPrint" v-ref:modal :large="true" :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">
+        <print-material-bill :outbound-order="outboundOrder" :material-prepare="model.data" v-ref:print></print-material-bill>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="print()">打印</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+import {isEmpty} from '../../../../Util'
+export default {
+  title: '出库单信息',
+  props: ['outboundOrder','type'],
+  data () {
+    return {
+      model: {
+        data: []
+      },
+      showPrint: false,
+      ceaList: []
+    }
+  },
+  async ready () {
+    await this.getMaterialPrepare()
+    if (this.type === 'writeOff') {
+      await this.getCEAList()
+    }
+  },
+  methods: {
+    writeOff () {
+      this.$dispatch('writeOff', this.outboundOrder)
+    },
+    print () {
+      this.$refs.print.$refs.print.PrintTable()
+    },
+    closeModal() {
+      this.showPrint = false
+    },
+    showPrintModal () {
+      this.showPrint = true
+    },
+    async getCEAList () {
+      let data = {
+        data: {
+          orgid: this.$login.f.orgid
+        },
+        condition: `1=1`
+        // condition: `act.defname = '完工'`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/supervisory`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: 'CEA号查询失败！！！'}
+      )
+
+      res.data.forEach(item => {
+        this.ceaList.push({
+          'label': item.f_cea_number,
+          'value': item.f_cea_number
+        })
+      })
+
+    },
+    async getMaterialPrepare () {
+      let data = {
+        condition: `o.id = ${this.outboundOrder.id}`,
+        havcondition: '1=1'
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/getMaterialPrepare`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '出库单查询失败！！！'}
+      )
+
+      this.model.data = res.data
+    }
+  },
+  computed: {
+  },
+  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/MaterialManagement/OutboundOrder/OutboundOrderList.vue

@@ -0,0 +1,304 @@
+<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">编&emsp;&emsp;号：</label>
+            <input type="text" class="input_search" style="width: 60%" v-model="model.f_ticket_number"
+                   v-on:keyup.enter="$parent.$parent.search()" condition="o.f_ticket_number like '%{}%'" placeholder='编号'>
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">C&ensp;E&ensp;A号：</label>
+            <input type="text" class="input_search" style="width: 60%" v-model="model.f_cea_number"
+                   v-on:keyup.enter="$parent.$parent.search()" condition="o.f_cea_number like '%{}%'" placeholder='CEA号'>
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">单据类型：</label>
+            <v-select
+              v-model="model.f_type"
+              placeholder='请选择'
+              condition="o.f_type like '%{}%'"
+              :value.sync="model.f_type"
+              :options='$parent.$parent.orderList'
+              class="select select_list"
+              :value-single="true"
+              close-on-select ></v-select>
+          </div>
+          <div class="form-group col-sm-3 button-range">
+            <export-excel :data="$parent.$parent.getCondition"
+                          :field="$parent.$parent.getfield"
+                          sqlurl="rs/logic/exportfile"
+                          sql-name="getOutboundOrder"
+                          template-name='出库单记录'
+                          :choose-col="true"></export-excel>
+            <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>
+            <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" class="input_search" style="width: 60%" v-model="model.f_entry_type"
+                   v-on:keyup.enter="$parent.$parent.search()" condition="o.f_entry_type like '%{}%'" placeholder='项目类型'>
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">发料仓库：</label>
+            <input type="text" class="input_search" style="width: 60%" v-model="model.f_warehouse"
+                   v-on:keyup.enter="$parent.$parent.search()" condition="o.f_warehouse like '%{}%'" placeholder='发料仓库'>
+          </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_picking_unit"
+                   v-on:keyup.enter="$parent.$parent.search()"
+                   condition="o.f_picking_unit 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_picking_site"
+                   v-on:keyup.enter="$parent.$parent.search()"
+                   condition="o.f_picking_site 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_operator"
+                   v-on:keyup.enter="$parent.$parent.search()"
+                   condition="o.f_operator like '%{}%'">
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="font_normal_body">状&emsp;&emsp;态：</label>
+            <v-select
+              v-model="model.f_outbound_status"
+              placeholder='请选择'
+              condition="{}"
+              :value.sync="model.f_outbound_status"
+              :options='$parent.$parent.OutboundStatus'
+              class="select select_list"
+              :value-single="true"
+              close-on-select ></v-select>
+          </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="o.f_billing_time >= '{}'">
+            </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="o.f_billing_time <= '{}'">
+            </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;">CEA号</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;">是否核销</th>
+          <th style="white-space: nowrap;">操作</th>
+        </tr>
+      </template>
+      <template partial='body'>
+        <tr >
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{$index+1}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_ticket_number}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_cea_number}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <nobr><font>{{row.f_entry_type}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_warehouse}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_picking_unit}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_picking_site}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_operator}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_billing_time}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_expire_date}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_state}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_money}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_type}}</font></nobr>
+          </td>
+          <td style="text-align: center;" @click="$parent.$parent.$parent.view(row)">
+            <nobr><font>{{row.f_write_off}}</font></nobr>
+          </td>
+          <td style="text-align: center;">
+            <dropdown v-if="row.f_type === '借料单' && row.f_write_off === '否'">
+              <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
+                <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
+              </button>
+              <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-right">
+                <li>
+                  <a href="#" @click="$parent.$parent.$parent.openWriteOff(row)">核销</a>
+                </li>
+              </ul>
+            </dropdown>
+          </td>
+        </tr>
+      </template>
+    </data-grid>
+  </criteria-paged>
+</template>
+
+<script>
+import {PagedList} from 'vue-client'
+import {HttpResetClass} from 'vue-client'
+// 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/getOutboundOrder', 30, {
+        data: {
+          orgid: this.$login.f.orgid
+        }
+      }),
+      criteriaShow: false,
+      OutboundStatus: [
+        {
+          'label': '全部',
+          'value': ''
+        },
+        {
+          'label': '有效',
+          'value': `o.f_expire_date >= '${new Date().Format('yyyy-MM-dd HH:mm:ss')}'`
+        },
+        {
+          'label': '无效',
+          'value': `o.f_expire_date < '${new Date().Format('yyyy-MM-dd HH:mm:ss')}'`
+        }
+      ],
+      orderList: [
+        {
+          'label': '全部',
+          'value': ''
+        },
+        {
+          'label': '出库单',
+          'value': '出库单'
+        },
+        {
+          'label': '借料单',
+          'value': '借料单'
+        }
+      ],
+      getfield: {
+        'f_ticket_number': '编号',
+        'f_cea_number': 'CEA号',
+        'f_entry_type': '项目类型',
+        'f_warehouse': '发料仓库',
+        'f_picking_unit': '施工单位',
+        'f_picking_site': '工地名称',
+        'f_operator': '操作人',
+        'f_billing_time': '开票时间',
+        'f_expire_date': '过期时间',
+        'f_state': '状态',
+        'f_money': '金额',
+        'f_type': '单据类型',
+        'f_write_off': '是否核销'
+      }
+    }
+  },
+  ready () {
+    // 调用查询
+    this.search()
+  },
+  methods: {
+    openWriteOff (row) {
+      this.$dispatch('openWriteOff', row)
+    },
+    view (row) {
+      this.$dispatch('view', row)
+    },
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = null
+      })
+    },
+    // 查询
+    search () {
+      this.$dispatch('search')
+    }
+  },
+  computed: {
+    getCondition() {
+      return {
+        condition: this.$refs.cp.$refs.cri.condition,
+        data: {
+          orgid: this.$login.f.orgid
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>