安全库存

src/views/production/safetyStock/modules/safetyStockListDetail.vue

@@ -0,0 +1,197 @@
+<template>
+    <a-modal
+      title="详情"
+       width="60%"
+      :visible="visible"
+      :maskClosable="false"
+      switchFullscreen
+      @cancel="handleCancel"
+      >
+      <template slot="footer">
+        <a-button  @click="handleCancel">关闭</a-button>
+       </template>
+      <a-card :bordered="false" class="moddle" style="margin-bottom:1%" :loading = 'loading'>
+        <div class="table-page-search-wrapper">
+            <a-form layout="inline" @keyup.enter.native="searchQuery">
+              <a-row :gutter="24">
+                <a-col :md="8" :sm="24">
+                  <a-form-item label="存货编码" prop='inventoryCode'>
+                    <a-input-search placeholder="请输入" v-model="form.inventoryCode" disabled></a-input-search>
+                  </a-form-item>
+                </a-col>
+                <a-col  :md="8" :sm="24">
+                  <a-form-item label="存货名称" prop='inventoryName'>
+                    <a-input placeholder="请输入" v-model="form.inventoryName" disabled></a-input>
+                  </a-form-item>
+                </a-col>
+                <a-col :md="8" :sm="24">
+                    <a-form-item label="颜色" prop='color'>
+                        <a-input-search placeholder="请输入" v-model="form.color"  disabled></a-input-search>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24" >
+                    <a-form-item label="定尺" prop='fixedLength'>
+                        <a-input-search placeholder="请输入" v-model="form.fixedLength" disabled></a-input-search>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="合金" prop='alloy'>
+                      <a-input-search placeholder="请输入" v-model="form.alloy" disabled></a-input-search>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="标准" prop='standard'>
+                    <a-input-search placeholder="请输入" v-model="form.standard" disabled></a-input-search>
+                  </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="规格" prop='model'>
+                      <a-input placeholder="请输入" v-model="form.specs" disabled></a-input>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="型号" prop='model'>
+                      <a-input-search placeholder="请输入" v-model="form.model" disabled></a-input-search>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="安全库存" prop='safetyStock'>
+                      <a-input-number  :default-value="0"  v-model="form.safetyStock" disabled/>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="最高库存" prop='maxStock'>
+                      <a-input-number  :default-value="0"  v-model="form.maxStock" disabled/>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="起订点" prop='startingPoint'>
+                      <a-input-number  :default-value="0"  v-model="form.startingPoint" disabled/>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="辅单位" prop='auxiliaryUnit'>
+                      <a-input placeholder="请输入" v-model="form.auxiliaryUnit" disabled></a-input>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="单位" prop='unit'>
+                        <a-input placeholder="请输入" v-model="form.unit" disabled></a-input>
+                    </a-form-item>
+                  </a-col>
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="按辅计量计算" prop='isAuxiliaryUnit'>
+                      <a-select v-model="form.isAuxiliaryUnit"  style='width:100%' disabled>
+                                <a-select-option value='是'> 是</a-select-option>
+                                <a-select-option value='否'> 否</a-select-option>
+                      </a-select>
+                    </a-form-item>
+                  </a-col>  
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="米重" prop='meterWeight'>
+                        <a-input placeholder="请输入" v-model="form.meterWeight" disabled></a-input>
+                    </a-form-item>
+                  </a-col> 
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="窗号" prop='windowNo'>
+                        <a-input placeholder="请输入" v-model="form.windowNo" disabled></a-input>
+                    </a-form-item>
+                  </a-col>  
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="装饰面周长" prop='decorationLength'>
+                        <a-input placeholder="请输入" v-model="form.decorationLength" disabled></a-input>
+                    </a-form-item>
+                  </a-col> 
+                  <a-col :md="8" :sm="24">
+                    <a-form-item label="专用区" prop='exclusiveZone'>
+                        <a-input placeholder="请输入" v-model="form.exclusiveZone" disabled></a-input>
+                    </a-form-item>
+                  </a-col>    
+              </a-row>
+            </a-form>
+        </div>
+     </a-card>
+    </a-modal>
+  </template>
+  <script>
+  
+      import { FormTypes } from '@/utils/JEditableTableUtil'
+      import { JEditableTableModelMixin } from '@/mixins/JEditableTableModelMixin'
+      import moment from "moment"
+      import { httpAction ,getAction,postAction,putAction} from '@/api/manage'
+      export default {
+        name: 'safetyStockListDetail.',
+        mixins: [JEditableTableModelMixin],
+        components: {
+        },
+        data() {
+          return {
+            visible:false,
+            form:{},
+            loading:false,
+          }
+        },
+        created() {
+          
+        },
+        methods: {
+            handleCancel(){
+                this.form = {}
+                this.visible=false
+            },
+            getEditData(id){
+              getAction('/production/safetyStock/queryById',{id:id}).then((res) => {
+                  if (res.success) {
+                   this.form = res.result
+                  } else {
+                    this.$message.error(res.message);
+                  }
+                })
+            },
+
+        }
+      }
+  </script>
+  
+  <style scoped lang="less">
+    /* @import '~@assets/less/common.less' */
+    /deep/.ant-input{
+        height:29px;
+    }
+    /deep/.ant-input-number{
+      height:29px;
+      width:100%
+    }
+    /deep/.ant-select-selection--single {
+        height: 29px;
+    }
+    /deep/.ant-select{
+        font-size: 12px;
+    }
+    /deep/.ant-form label{
+        font-size: 12px;
+    }
+    /deep/.table-page-search-wrapper .ant-form-inline .ant-form-item{
+        margin-bottom:9px
+    }
+    /deep/.moddle>.ant-card-body{
+        padding-bottom:0px;
+        padding-top: 12px;
+    }
+    /deep/.ant-btn{
+        height:28px
+    }
+    /deep/.ant-modal-body{
+        padding-bottom: 0px;
+        // padding-top: 0px;
+    }
+    /deep/.ant-modal-content{
+        background: #f0f2f5;
+    }
+    /deep/.ant-card-body .table-operator {
+        margin-bottom: 0px;
+    }
+    /deep/.ant-calendar-picker{
+        min-width: 0px !important;  
+    }
+  </style>

src/views/production/safetyStock/safetyStockList.vue

@@ -144,6 +144,7 @@
               :scroll="{ x: 2500, y: 300 }"
               :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
               @change="handleTableChange"
+              :customRow ="clickRow"
               >
       
             </a-table>
@@ -152,6 +153,7 @@
       
         </a-card>
         <safetyStockListAdd ref="safetyStockListAdd" @ok='getTableList'></safetyStockListAdd>
+        <safetyStockListDetail ref="safetyStockListDetail"></safetyStockListDetail>
     </div>
     </template>
       
@@ -162,12 +164,14 @@
         import { httpAction ,getAction,postAction,putAction,deleteAction,downFile} from '@/api/manage'
         import {queryDepartTreeList} from '@/api/api'
         import safetyStockListAdd from './modules/safetyStockListAdd'
+        import safetyStockListDetail from './modules/safetyStockListDetail'
         //---------workflow  by fhf end -------------
         export default {
           name: "SafetyStockList",
           mixins: [JeecgListMixin],
           components: {
-            safetyStockListAdd
+            safetyStockListAdd,
+            safetyStockListDetail
           },
           data () {
             return {
@@ -450,6 +454,16 @@
                 this.queryParam.pageSize = pagination.pageSize
                 this.getTableList()
             },
+            clickRow(record, index){
+              return {
+                on: {
+                  dblclick: () => {
+                    this.$refs.safetyStockListDetail.visible=true
+                    this.$refs.safetyStockListDetail.getEditData(record.id)
+                  },
+                } 
+              }  
+            }
         }
     }
       </script>