apply-clients 3.2.36 → 3.2.49

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

@@ -0,0 +1,139 @@
+<template>
+  <style id="style">
+    td{
+      height: 30px;
+      width: 60px;
+      padding: 0px;
+      text-align: center;
+    }
+    table{
+      margin: auto;
+      width: 100%;
+      border-collapse:collapse;
+      border: 1px solid black;
+    }
+    h1,h2,h3,h4,h5,h6 {
+      text-align: center;
+    }
+    .top{
+      display: flex;
+      justify-content: space-around;
+      margin: 0px;
+    }
+    .bottom{
+      display: flex;
+      justify-content: space-around;
+      margin: 5px 0 0 0;
+    }
+  </style>
+  <div id="print">
+    <h4 style="margin: 0 0 5px 0">西安市天然气工程有限公司{{outboundOrder.f_entry_type}}项目材料领用单</h4>
+    <p class="top">
+      <span>编号：{{outboundOrder.f_ticket_number}}</span>
+      <span>此票有限期为三天过期作废</span>
+      <span>{{new Date(outboundOrder.f_billing_time).Format('yyyy年MM月dd日')}}</span>
+    </p>
+    <table border="1">
+      <tr>
+        <td>施工单位：</td>
+        <td colspan="4">{{ outboundOrder.f_picking_unit }}</td>
+        <td colspan="2">CEA：{{ outboundOrder.f_cea_number }}</td>
+        <td :rowspan="materialPrepare.length + 13" style="width: 10px">
+          <p>白<br/>联<br/>库<br/>房</p>
+
+          <p>红<br/>联<br/>财<br/>务</p>
+
+          <p>黄<br/>绿<br/>联<br/>出<br/>库</p>
+
+          <p>蓝<br/>联<br/>工<br/>队</p>
+        </td>
+      </tr>
+      <tr>
+        <td>工地名称：</td>
+        <td colspan="4">{{ outboundOrder.f_picking_site }}</td>
+        <td>发料仓库：</td>
+        <td>{{ outboundOrder.f_warehouse }}</td>
+      </tr>
+      <tr>
+        <td>材料名称</td>
+        <td>材料型号</td>
+        <td>单位</td>
+        <td>数量</td>
+        <td>不含税单价</td>
+        <td>金额</td>
+        <td>备注</td>
+      </tr>
+      <tr v-for="item in materialPrepare">
+        <td>{{ item.f_material_name }}</td>
+        <td>{{ item.f_material_model }}</td>
+        <td>{{ item.f_unit }}</td>
+        <td>{{ item.f_prepare_quantity }}</td>
+        <td>{{ item.f_noprice }}</td>
+        <td>{{ item.f_money }}</td>
+        <td>{{ item.f_remarks }}</td>
+      </tr>
+      <tr v-for="item in supplement">
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>合计：</td>
+        <td colspan="6">￥{{ outboundOrder.f_money }}</td>
+      </tr>
+    </table>
+    <p class="bottom">
+      <span>材料员：</span>
+      <span>制单：{{ outboundOrder.f_operator }}</span>
+      <span>发料：</span>
+      <span>领料：</span>
+    </p>
+  </div>
+
+  <print-element v-show="false" v-ref:print id='print' styleid='style'
+                 top='10' left='60' width='100%' height='100%'>
+  </print-element>
+</template>
+
+<script>
+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: ['outboundOrder', 'materialPrepare'],
+  data () {
+    return {}
+  },
+  ready () {
+  },
+  computed: {
+    supplement () {
+      if (this.materialPrepare.length < 10) {
+        return 10 - this.materialPrepare.length
+      }
+      return 0
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/components/product/Ledger/MaterialManagement/PurchaseRecords/PrintPurchaseOrder.vue

@@ -0,0 +1,157 @@
+<template>
+  <style id="style">
+    td{
+      height: 30px;
+      width: 60px;
+      padding: 0px;
+      text-align: center;
+    }
+    table{
+      margin: auto;
+      width: 100%;
+      border-collapse:collapse;
+      border: 1px solid black;
+    }
+    h1,h2,h3,h4,h5,h6 {
+      text-align: center;
+    }
+    .space-between{
+      display: flex;
+      justify-content: space-between;
+      margin: 0px;
+      padding: 10px 40px;
+    }
+  </style>
+  <div id="print">
+    <img src="../../../../image/tubiao.png"style="width:150px; height:30px">
+    <h4 style="margin: 30px 0 5px 0">西安天然气工程有限责任公司材料采购订单</h4>
+    <p class="space-between">
+      <span>部门：设备材料部</span>
+      <span>申请人：{{ purchaseRecords.f_applicant }}</span>
+      <span>时间：{{ new Date(purchaseRecords.f_invoicing_date).Format('yyyy年MM月dd日') }}</span>
+    </p>
+    <p class="space-between">
+      <span>供货商：{{ purchaseRecords.f_supplier }}</span>
+      <span>订单编号：{{ purchaseRecords.f_order_number }}</span>
+    </p>
+    <table border="1">
+      <tr>
+        <td>序号</td>
+        <td>名称</td>
+        <td>型号</td>
+        <td>规格</td>
+        <td>单位</td>
+        <td>数量</td>
+        <td>不含税单价</td>
+        <td>金额</td>
+        <td>库存</td>
+        <td>备注</td>
+      </tr>
+      <tr v-for="item in material">
+        <td>{{ $index+1 }}</td>
+        <td>{{ item.f_material_name }}</td>
+        <td>{{ item.f_material_model }}</td>
+        <td>{{ item.f_material_norm }}</td>
+        <td>{{ item.f_unit }}</td>
+        <td>{{ item.f_forecast_quantity }}</td>
+        <td>{{ item.f_price }}</td>
+        <td>{{ item.f_forecast_money }}</td>
+        <td>{{ item.f_stock }}</td>
+        <td>{{ item.f_remarks }}</td>
+      </tr>
+      <tr v-for="item in supplement">
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td colspan="10" style="text-align: left;padding-left: 10px">总金额（大写）：{{ smalltoBIG(purchaseRecords.f_lump_sum) }}</td>
+      </tr>
+    </table>
+    <p class="space-between" style="padding: 10px 250px 10px 40px">
+      <span>需求日期：{{ purchaseRecords.f_demand_date }}</span>
+      <span>合同状况：{{ purchaseRecords.f_contract_status }}</span>
+    </p>
+    <p class="space-between" style="padding: 10px 250px 10px 40px">
+      <span>部门经理：</span>
+      <span>分管副总：</span>
+    </p>
+  </div>
+
+  <print-element v-show="false" v-ref:print id='print' styleid='style'
+                 top='10' left='60' width='100%' height='100%'>
+  </print-element>
+</template>
+
+<script>
+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: ['purchaseRecords', 'material'],
+  data () {
+    return {}
+  },
+  ready () {
+  },
+  methods: {
+    smalltoBIG (n) {
+      let fraction = ['角', '分']
+      let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
+      let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']]
+      let head = n < 0 ? '欠' : ''
+      n = Math.abs(n)
+
+      let s = ''
+
+      for (var i = 0; i < fraction.length; i++) {
+        s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '')
+      }
+      s = s || '整'
+      n = Math.floor(n)
+
+      for (var i = 0; i < unit[0].length && n > 0; i++) {
+        let p = ''
+        for (var j = 0; j < unit[1].length && n > 0; j++) {
+          p = digit[n % 10] + unit[1][j] + p
+          n = Math.floor(n / 10)
+        }
+        s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s
+      }
+      return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
+    }
+  },
+  computed: {
+    supplement () {
+      if (this.material.length < 10) {
+        return 10 - this.material.length
+      }
+      return 0
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/components/product/Ledger/MaterialManagement/PurchaseRecords/PurchaseRecords.vue

@@ -0,0 +1,73 @@
+<template>
+  <div class="flex-row">
+    <div class="basic-main">
+      <div :class="showData ? 'top' : 'auto'">
+        <purchase-records-list v-ref:query :show-data="showData"></purchase-records-list>
+      </div>
+
+      <div v-if="showtotal" style="margin-top: 20px;height: 90%">
+        <tabset v-ref:tabs :close="false">
+          <tab header='采购单'>
+            <purchase-records-information :purchase-records="purchaseRecords"></purchase-records-information>
+          </tab>
+        </tabset>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  title: '采购记录',
+  data () {
+    return {
+      showData: true,
+      showtotal: false,
+      purchaseRecords: null
+    }
+  },
+  ready () {
+  },
+  methods: {
+  },
+  events: {
+    'invalidOrder' (data) {
+      this.$showMessage('您确定要作废此采购单吗？', ['confirm']).then((res) => {
+        if (res === 'confirm') {
+          data.f_status = '作废'
+          this.$resetpost(
+            'rs/entity/t_purchase_order',
+            data,
+            {resolveMsg: '作废成功！！！', rejectMsg: '作废失败！！！'}
+          ).then(r => {
+            this.$refs.query.search()
+          })
+        }
+      })
+    },
+    'view' (row) {
+      this.purchaseRecords = row
+      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/MaterialManagement/PurchaseRecords/PurchaseRecordsInformation.vue

@@ -0,0 +1,268 @@
+<template>
+  <div class="select-overspread" style="background-color: #ffffff;padding: 20px;overflow: scroll">
+    <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="purchaseRecords.f_order_number"
+                   :value="purchaseRecords.f_order_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 class="form-control input_view" style=""
+                   type="text" readonly
+                   v-model="purchaseRecords.f_contract_number"
+                   :value="purchaseRecords.f_contract_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 class="form-control input_view" style=""
+                   type="text" readonly
+                   v-model="purchaseRecords.f_supplier"
+                   :value="purchaseRecords.f_supplier"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group item">
+          <label class="control-label-justify control-label col-sm-6">合同状态</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" style=""
+                   type="text" readonly
+                   v-model="purchaseRecords.f_contract_status"
+                   :value="purchaseRecords.f_contract_status"/>
+          </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="purchaseRecords.f_applicant"
+                   :value="purchaseRecords.f_applicant"/>
+          </div>
+        </div>
+        <div class="col-sm-4 form-group item">
+          <label class="control-label-justify control-label col-sm-6">时间</label>
+          <div class="col-sm-6">
+            <input class="form-control input_view" style=""
+                   type="text" readonly
+                   v-model="purchaseRecords.f_invoicing_date"
+                   :value="purchaseRecords.f_invoicing_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="purchaseRecords.f_demand_date"
+                   :value="purchaseRecords.f_demand_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="purchaseRecords.f_lump_sum"
+                   :value="purchaseRecords.f_lump_sum"/>
+          </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="purchaseRecords.f_actual_money"
+                   :value="purchaseRecords.f_actual_money"/>
+          </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="purchaseRecords.f_status"
+                   :value="purchaseRecords.f_status"/>
+          </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>
+                <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_forecast_quantity}}</td>
+                <td style="text-align: center;">{{row.f_forecast_money}}</td>
+                <td style="text-align: center;">{{row.f_quantity}}</td>
+                <td style="text-align: center;">{{row.f_forecast_quantity-row.f_quantity}}</td>
+                <td style="text-align: center;">{{row.f_actual_money}}</td>
+                <td style="text-align: center;">{{row.f_stock}}</td>
+                <td style="text-align: center;">{{row.f_remarks}}</td>
+              </tr>
+            </template>
+          </data-grid>
+        </div>
+
+        <div class="col-sm-12 form-group" style="text-align: center">
+          <button class="btn btn-primary" @click.prevent="showPrint = !showPrint">打印预览</button>
+        </div>
+      </div>
+    </form>
+
+    <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="showPrint = !showPrint"><span>&times;</span></button>
+        <h4 class="modal-title">打印预览</h4>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <print-purchase-order :purchase-records="purchaseRecords" :material="model.data" v-ref:print></print-purchase-order>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="print()">打印</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+import {isEmpty} from '../../../../Util'
+export default {
+  title: '采购单',
+  props: ['purchaseRecords'],
+  data () {
+    return {
+      model: {
+        data: null
+      },
+      showPrint: false
+    }
+  },
+  ready () {
+    this.getPurchaseRecordsMaterial()
+  },
+  methods: {
+    print () {
+      this.$refs.print.$refs.print.PrintTable()
+    },
+    async getPurchaseRecordsMaterial () {
+      let data = {
+        tablename: 't_purchase_order_material',
+        condition: `f_purchase_order_id = ${this.purchaseRecords.id}`
+      }
+
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '采购物料查询失败！！！'}
+      )
+
+      this.model.data = res.data
+    }
+  },
+  computed: {
+  },
+  watch: {
+  }
+}
+</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>