API tools faq
paste
vitareinforce

create.vue item assembly

vitareinforce
Jun 4th, 2020
147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 55.80 KB | None | 0 0
raw download clone embed print report
  1. <template>
  2.     <div class="row" v-if="userData.RoleDetails.IsCreateAssembler || userData.RoleDetails.IsUpdateAssembler || userData.RoleDetails.IsReadAssembler">
  3.       <div class="col-lg-12">
  4.         <b-tabs pills card>
  5.           <b-tab title="Data Perakit" active>
  6.               <div v-if="loading" class="col-lg-12 d-flex justify-content-center mb-3">
  7.                   <b-spinner label="Loading..."></b-spinner>
  8.               </div>
  9.             <div class="row">
  10.               <div class="col-lg-12 button-back-div">
  11.                 <router-link :to="{ name: 'AssemblerManagement.index' }" class="btn btn-primary">Kembali</router-link>
  12.               </div>
  13.             </div>
  14.             <div class="row">
  15.               <div class="col-lg-12" style="padding-left: 30px; padding-right: 40px;">
  16.                   <div class="row">
  17.                       <!-- {{!! json_encode($assemblerItem) }} -->
  18.                       <!-- Nama Karyawan field -->
  19.                       <div class="col-lg-6">
  20.                           <div class="form-group form-float">
  21.                               <label class="form-label" style="color: black;">Nama Karyawan</label>
  22.                               <vue-select :disabled="$route.name.includes('.detail')" v-model="selectedEmployee" class="vue-select2" name="role" :options="employee" label="Name"></vue-select>
  23.                           </div>
  24.                       </div>
  25.  
  26.                       <!-- Barang yang Dirakit field -->
  27.                       <div class="col-lg-6">
  28.                           <div class="form-group form-float">
  29.                               <label for="legalEntityName" class="form-label" style="color: black;">Barang yang Dirakit</label>
  30.                               <vue-select :disabled="$route.name.includes('.detail')" v-model="selectedAssembly" class="vue-select2" name="role" :options="assembly" label="Name"></vue-select>
  31.                           </div>
  32.                       </div>
  33.  
  34.                       <!-- Barang yang Dirakit field -->
  35.                       <div class="col-lg-6">
  36.                           <div class="form-group form-float">
  37.                               <label for="legalEntityName" class="form-label" style="color: black;">Kategori Barang yang Dirakit</label>
  38.                                   <div class="form-control disabled-field">Item Perakitan</div>
  39.                           </div>
  40.                       </div>
  41.  
  42.                       <!-- Kode Perakitan field -->
  43.                       <div class="col-lg-6">
  44.                           <div class="form-group form-float">
  45.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Kode Perakitan</label>
  46.                               <input :disabled="$route.name.includes('.detail')" placeholder="Ketik kode perakitan..." type="text" v-model="assembler.AssemblerCode" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  47.                           </div>
  48.                       </div>
  49.  
  50.                       <!-- Kode Perakitan field -->
  51.                       <div class="col-lg-6">
  52.                           <div class="form-group form-float">
  53.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Total Barang Yang Harus Dirakit</label>
  54.                               <input disabled placeholder="Auto generate..." type="text" v-model="selectedAssembly.TotalQuantity" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  55.                           </div>
  56.                       </div>
  57.  
  58.                       <!-- Minumum Jumlah Rakit Barang field -->
  59.                       <div class="col-lg-6">
  60.                           <div class="form-group form-float">
  61.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Minimal Jumlah Rakit</label>
  62.                               <input disabled placeholder="Ketik minimal jumlah rakit barang..." id="oneHundredCondition" type="text" v-model="assembler.MinimumAssemblyAmount" name="OneHundredCondition" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  63.                           </div>
  64.                       </div>
  65.  
  66.                       <!-- Tambahan Rakit Barang field -->
  67.                       <div class="col-lg-6">
  68.                           <div class="form-group form-float">
  69.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Tambahan Rakit</label>
  70.                               <!-- <input disabled placeholder="Masukkan jumlah barang..." id="oneHundredCondition" type="text" v-model="assembler.AdditionalAssemblyAmount" name="OneHundredCondition" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;"> -->
  71.                               <div class="form-control disabled-field">{{ assembler.AdditionalAssemblyAmount | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  72.                           </div>
  73.                       </div>
  74.                   </div>
  75.  
  76.                   <hr/>
  77.  
  78.                   <div class="row">
  79.                       <div class="col-lg-6">
  80.                         <div class="row">
  81.                           <!-- Jumlah Rakit Barang field -->
  82.                           <div class="col-lg-12">
  83.                               <div class="form-group form-float">
  84.                                   <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Rakit Barang</label>
  85.                                   <!-- <input v-if="!$route.name.includes('.detail')" placeholder="Ketik jumlah rakit barang..." id="oneHundredCondition" type="text" v-model="assembler.TotalAssemblyAmount" name="OneHundredCondition" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;"> -->
  86.                                   <div class="form-control disabled-field">{{ assembler.TotalAssemblyAmount | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  87.                               </div>
  88.                           </div>
  89.                         </div>
  90.                       </div>
  91.  
  92.                       <div class="col-lg-6">
  93.                         <div class="row">
  94.                             <!-- Jumlah Rakit Barang field -->
  95.                             <div class="col-lg-12">
  96.                                 <div class="form-group form-float">
  97.                                     <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Rakit Barang Kondisi 100%</label>
  98.                                     <input v-if="!$route.name.includes('.detail')" placeholder="Ketik jumlah rakit barang..." id="oneHundredCondition" type="text" v-model="assembler.AssemblyAmount100" name="OneHundredCondition" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  99.                                     <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.AssemblyAmount100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  100.                                 </div>
  101.                             </div>
  102.                         </div>
  103.                         <div class="row">
  104.                             <!-- Jumlah Rakit Barang field -->
  105.                             <div class="col-lg-12">
  106.                                 <div class="form-group form-float">
  107.                                     <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Rakit Barang Kondisi 90%</label>
  108.                                     <input v-if="!$route.name.includes('.detail')" placeholder="Ketik jumlah rakit barang..." id="oneHundredCondition" type="text" v-model="assembler.AssemblyAmount90" name="OneHundredCondition" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  109.                                     <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.AssemblyAmount90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  110.                                 </div>
  111.                             </div>
  112.                         </div>
  113.                         <div class="row">
  114.                             <!-- Jumlah Rakit Barang field -->
  115.                             <div class="col-lg-12">
  116.                                 <div class="form-group form-float">
  117.                                     <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Rakit Barang Kondisi 60%</label>
  118.                                     <input v-if="!$route.name.includes('.detail')" placeholder="Ketik jumlah rakit barang..." id="oneHundredCondition" type="text" v-model="assembler.AssemblyAmount60" name="OneHundredCondition" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  119.                                     <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.AssemblyAmount60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  120.                                 </div>
  121.                             </div>
  122.                         </div>
  123.                         <div class="row">
  124.                             <!-- Jumlah Rakit Barang field -->
  125.                             <div class="col-lg-12">
  126.                                 <div class="form-group form-float">
  127.                                     <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Rakit Barang Kondisi dibawah 30%</label>
  128.                                     <input v-if="!$route.name.includes('.detail')" placeholder="Ketik jumlah rakit barang..." id="oneHundredCondition" type="text" v-model="assembler.AssemblyAmount30" name="OneHundredCondition" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  129.                                     <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.AssemblyAmount30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  130.                                 </div>
  131.                             </div>
  132.                         </div>
  133.                       </div>
  134.                      
  135.                   </div>
  136.                  
  137.  
  138.                   <hr/>
  139.  
  140.                   <div class="row">
  141.  
  142.                       <div class="col-lg-12" style="margin-bottom: 20px;">
  143.                         <h5>Pilihan Barang Untuk Maintenance 1</h5>
  144.                       </div>
  145.  
  146.                       <!-- Nama Barang Maintenance dan Repair field -->
  147.                       <div class="col-lg-6">
  148.                           <div class="form-group form-float">
  149.                               <label for="legalEntityName" class="form-label" style="color: black;">Nama Barang Maintenance dan Repair</label>
  150.                               <vue-select :disabled="$route.name.includes('.detail')" v-model="selectedMaintenance1" class="vue-select2" :options="inventory" label="Name"></vue-select>
  151.                           </div>
  152.                       </div>
  153.  
  154.                       <!-- Nomor Barang Maintenance dan Repair field -->
  155.                       <div class="col-lg-6">
  156.                           <div class="form-group form-float">
  157.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Nomor Barang M dan R*</label>
  158.                               <input disabled placeholder="Auto generate..." type="text" v-model="selectedMaintenance1.Code" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  159.                           </div>
  160.                       </div>
  161.                   </div>
  162.  
  163.                   <div class="row">
  164.                       <!-- Jumlah Pemakaian Barang Maintenance dan Repair field -->
  165.                       <div class="col-lg-6">
  166.                         <div class="form-group form-float">
  167.                             <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R*</label>
  168.                             <div class="form-control disabled-field">{{ assembler.MaintenanceItem1Amount | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  169.                         </div>
  170.                       </div>
  171.  
  172.                       <div class="col-lg-6">
  173.                         <div class="row">
  174.                           <div class="col-lg-12">
  175.                             <div class="form-group form-float">
  176.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 100%</label>
  177.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem1Amount100" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  178.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem1Amount100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  179.                             </div>
  180.                           </div>
  181.                         </div>
  182.  
  183.                         <div class="row">
  184.                           <div class="col-lg-12">
  185.                             <div class="form-group form-float">
  186.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 90%</label>
  187.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem1Amount90" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  188.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem1Amount90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  189.                             </div>
  190.                           </div>
  191.                         </div>
  192.  
  193.                         <div class="row">
  194.                           <div class="col-lg-12">
  195.                             <div class="form-group form-float">
  196.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 60%</label>
  197.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem1Amount60" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  198.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem1Amount60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  199.                             </div>
  200.                           </div>
  201.                         </div>
  202.  
  203.                         <div class="row">
  204.                           <div class="col-lg-12">
  205.                             <div class="form-group form-float">
  206.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi dibawah 30%</label>
  207.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem1Amount30" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  208.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem1Amount30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  209.                             </div>
  210.                           </div>
  211.                         </div>
  212.                       </div>
  213.  
  214.                       <div class="col-lg-12">
  215.                         <label>*M dan R = Maintenance dan Repair</label>
  216.                       </div>
  217.  
  218.                   </div>
  219.  
  220.                   <hr/>
  221.  
  222.                   <div class="row">
  223.  
  224.                       <div class="col-lg-12" style="margin-bottom: 20px;">
  225.                         <h5>Pilihan Barang Untuk Maintenance 2</h5>
  226.                       </div>
  227.  
  228.                       <!-- Nama Barang Maintenance dan Repair field -->
  229.                       <div class="col-lg-6">
  230.                           <div class="form-group form-float">
  231.                               <label for="legalEntityName" class="form-label" style="color: black;">Nama Barang Maintenance dan Repair</label>
  232.                               <vue-select :disabled="$route.name.includes('.detail')" v-model="selectedMaintenance2" class="vue-select2" :options="inventory" label="Name"></vue-select>
  233.                           </div>
  234.                       </div>
  235.  
  236.                       <!-- Nomor Barang Maintenance dan Repair field -->
  237.                       <div class="col-lg-6">
  238.                           <div class="form-group form-float">
  239.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Nomor Barang M dan R*</label>
  240.                               <input disabled placeholder="Auto generate..." type="text" v-model="selectedMaintenance2.Code" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  241.                           </div>
  242.                       </div>
  243.  
  244.                   </div>
  245.  
  246.                   <div class="row">
  247.  
  248.                     <div class="col-lg-6">
  249.                       <div class="row">
  250.                         <!-- Jumlah Pemakaian Barang Maintenance dan Repair field -->
  251.                         <div class="col-lg-12">
  252.                             <div class="form-group form-float">
  253.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R*</label>
  254.                                 <div class="form-control disabled-field">{{ assembler.MaintenanceItem2Amount | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  255.                             </div>
  256.                         </div>
  257.                       </div>
  258.                     </div>
  259.  
  260.                     <div class="col-lg-6">
  261.                       <div class="row">
  262.                           <div class="col-lg-12">
  263.                             <div class="form-group form-float">
  264.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 100%</label>
  265.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem2Amount100" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  266.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem2Amount100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  267.                             </div>
  268.                           </div>
  269.                         </div>
  270.  
  271.                         <div class="row">
  272.                           <div class="col-lg-12">
  273.                             <div class="form-group form-float">
  274.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 90%</label>
  275.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem2Amount90" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  276.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem2Amount90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  277.                             </div>
  278.                           </div>
  279.                         </div>
  280.  
  281.                         <div class="row">
  282.                           <div class="col-lg-12">
  283.                             <div class="form-group form-float">
  284.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 60%</label>
  285.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem2Amount60" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  286.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem2Amount60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  287.                             </div>
  288.                           </div>
  289.                         </div>
  290.  
  291.                         <div class="row">
  292.                           <div class="col-lg-12">
  293.                             <div class="form-group form-float">
  294.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi dibawah 30%</label>
  295.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem2Amount30" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  296.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem2Amount30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  297.                             </div>
  298.                           </div>
  299.                         </div>
  300.                     </div>
  301.                      
  302.  
  303.                     <div class="col-lg-12">
  304.                       <label>*M dan R = Maintenance dan Repair</label>
  305.                     </div>
  306.  
  307.                   </div>
  308.  
  309.                   <hr/>
  310.  
  311.                   <div class="row">
  312.  
  313.                       <div class="col-lg-12" style="margin-bottom: 20px;">
  314.                         <h5>Pilihan Barang Untuk Maintenance 3</h5>
  315.                       </div>
  316.  
  317.                       <!-- Nama Barang Maintenance dan Repair field -->
  318.                       <div class="col-lg-6">
  319.                           <div class="form-group form-float">
  320.                               <label for="legalEntityName" class="form-label" style="color: black;">Nama Barang Maintenance dan Repair</label>
  321.                               <vue-select :disabled="$route.name.includes('.detail')" v-model="selectedMaintenance3" class="vue-select2" :options="inventory" label="Name"></vue-select>
  322.                           </div>
  323.                       </div>
  324.  
  325.                       <!-- Nomor Barang Maintenance dan Repair field -->
  326.                       <div class="col-lg-6">
  327.                           <div class="form-group form-float">
  328.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Nomor Barang M dan R*</label>
  329.                               <input disabled placeholder="Auto generate..." id="oneHundredCondition" type="text" v-model="selectedMaintenance3.Code" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  330.                           </div>
  331.                       </div>
  332.                   </div>
  333.  
  334.                   <div class="row">
  335.                     <!-- Jumlah Pemakaian Barang Maintenance dan Repair field -->
  336.                       <div class="col-lg-6">
  337.                           <div class="form-group form-float">
  338.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R*</label>
  339.                               <div class="form-control disabled-field">{{ assembler.MaintenanceItem3Amount | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  340.                           </div>
  341.                       </div>
  342.  
  343.                       <div class="col-lg-6">
  344.                         <div class="row">
  345.                           <div class="col-lg-12">
  346.                             <div class="form-group form-float">
  347.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 100%</label>
  348.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem3Amount100" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  349.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem3Amount100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  350.                             </div>
  351.                           </div>
  352.                         </div>
  353.  
  354.                         <div class="row">
  355.                           <div class="col-lg-12">
  356.                             <div class="form-group form-float">
  357.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 90%</label>
  358.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem3Amount90" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  359.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem3Amount90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  360.                             </div>
  361.                           </div>
  362.                         </div>
  363.  
  364.                         <div class="row">
  365.                           <div class="col-lg-12">
  366.                             <div class="form-group form-float">
  367.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 60%</label>
  368.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem3Amount60" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  369.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem3Amount60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  370.                             </div>
  371.                           </div>
  372.                         </div>
  373.  
  374.                         <div class="row">
  375.                           <div class="col-lg-12">
  376.                             <div class="form-group form-float">
  377.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi dibawah 30%</label>
  378.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem3Amount30" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  379.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem3Amount30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  380.                             </div>
  381.                           </div>
  382.                         </div>
  383.                   </div>
  384.  
  385.                      
  386.  
  387.                   <div class="col-lg-12">
  388.                     <label>*M dan R = Maintenance dan Repair</label>
  389.                   </div>
  390.  
  391.                   </div>
  392.  
  393.                   <hr/>
  394.  
  395.                   <div class="row">
  396.  
  397.                       <div class="col-lg-12" style="margin-bottom: 20px;">
  398.                         <h5>Pilihan Barang Untuk Maintenance 4</h5>
  399.                       </div>
  400.  
  401.                       <!-- Nama Barang Maintenance dan Repair field -->
  402.                       <div class="col-lg-6">
  403.                           <div class="form-group form-float">
  404.                               <label for="legalEntityName" class="form-label" style="color: black;">Nama Barang Maintenance dan Repair</label>
  405.                               <vue-select :disabled="$route.name.includes('.detail')" v-model="selectedMaintenance4" class="vue-select2" :options="inventory" label="Name"></vue-select>
  406.                           </div>
  407.                       </div>
  408.  
  409.                       <!-- Nomor Barang Maintenance dan Repair field -->
  410.                       <div class="col-lg-6">
  411.                           <div class="form-group form-float">
  412.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Nomor Barang M dan R*</label>
  413.                               <input disabled placeholder="Auto generate..." id="oneHundredCondition" type="text" v-model="selectedMaintenance4.Code" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  414.                           </div>
  415.                       </div>
  416.                   </div>
  417.  
  418.                   <div class="row">
  419.                       <!-- Jumlah Pemakaian Barang Maintenance dan Repair field -->
  420.                       <div class="col-lg-6">
  421.                           <div class="form-group form-float">
  422.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R*</label>
  423.                               <div class="form-control disabled-field">{{ assembler.MaintenanceItem4Amount | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  424.                           </div>
  425.                       </div>
  426.  
  427.                       <div class="col-lg-6">
  428.                         <div class="row">
  429.                           <div class="col-lg-12">
  430.                             <div class="form-group form-float">
  431.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 100%</label>
  432.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem4Amount100" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  433.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem4Amount100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  434.                             </div>
  435.                           </div>
  436.                         </div>
  437.  
  438.                         <div class="row">
  439.                           <div class="col-lg-12">
  440.                             <div class="form-group form-float">
  441.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 90%</label>
  442.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem4Amount90" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  443.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem4Amount90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  444.                             </div>
  445.                           </div>
  446.                         </div>
  447.  
  448.                         <div class="row">
  449.                           <div class="col-lg-12">
  450.                             <div class="form-group form-float">
  451.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 60%</label>
  452.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem4Amount60" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  453.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem4Amount60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  454.                             </div>
  455.                           </div>
  456.                         </div>
  457.  
  458.                         <div class="row">
  459.                           <div class="col-lg-12">
  460.                             <div class="form-group form-float">
  461.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi dibawah 30%</label>
  462.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem4Amount30" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  463.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem4Amount30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  464.                             </div>
  465.                           </div>
  466.                         </div>
  467.                       </div>
  468.  
  469.                       <div class="col-lg-12">
  470.                         <label>*M dan R = Maintenance dan Repair</label>
  471.                       </div>
  472.  
  473.                   </div>
  474.  
  475.                   <hr/>
  476.  
  477.                   <div class="row">
  478.  
  479.                       <div class="col-lg-12" style="margin-bottom: 20px;">
  480.                         <h5>Pilihan Barang Untuk Maintenance 5</h5>
  481.                       </div>
  482.  
  483.                       <!-- Nama Barang Maintenance dan Repair field -->
  484.                       <div class="col-lg-6">
  485.                           <div class="form-group form-float">
  486.                               <label for="legalEntityName" class="form-label" style="color: black;">Nama Barang Maintenance dan Repair</label>
  487.                               <vue-select :disabled="$route.name.includes('.detail')" v-model="selectedMaintenance5" class="vue-select2" :options="inventory" label="Name"></vue-select>
  488.                           </div>
  489.                       </div>
  490.  
  491.                       <!-- Nomor Barang Maintenance dan Repair field -->
  492.                       <div class="col-lg-6">
  493.                           <div class="form-group form-float">
  494.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Nomor Barang M dan R*</label>
  495.                               <input disabled placeholder="Auto generate..." id="oneHundredCondition" type="text" v-model="selectedMaintenance5.Code" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  496.                           </div>
  497.                       </div>
  498.  
  499.                   </div>
  500.  
  501.                   <div class="row">
  502.                       <!-- Jumlah Pemakaian Barang Maintenance dan Repair field -->
  503.                       <div class="col-lg-6">
  504.                           <div class="form-group form-float">
  505.                               <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R*</label>
  506.                               <div class="form-control disabled-field">{{ assembler.MaintenanceItem5Amount | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  507.                           </div>
  508.                       </div>
  509.  
  510.                       <div class="col-lg-6">
  511.                         <div class="row">
  512.                           <div class="col-lg-12">
  513.                             <div class="form-group form-float">
  514.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 100%</label>
  515.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem5Amount100" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  516.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem5Amount100 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  517.                             </div>
  518.                           </div>
  519.                         </div>
  520.  
  521.                         <div class="row">
  522.                           <div class="col-lg-12">
  523.                             <div class="form-group form-float">
  524.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 90%</label>
  525.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem5Amount90" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  526.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem5Amount90 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  527.                             </div>
  528.                           </div>
  529.                         </div>
  530.  
  531.                         <div class="row">
  532.                           <div class="col-lg-12">
  533.                             <div class="form-group form-float">
  534.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi 60%</label>
  535.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem5Amount60" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  536.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem5Amount60 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  537.                             </div>
  538.                           </div>
  539.                         </div>
  540.  
  541.                         <div class="row">
  542.                           <div class="col-lg-12">
  543.                             <div class="form-group form-float">
  544.                                 <label for="oneHundredCondition" class="form-label" style="color: black;">Jumlah Pakai Barang M dan R* Kondisi dibawah 30%</label>
  545.                                 <input v-if="!$route.name.includes('.detail')" placeholder="Masukkan jumlah pemakaian barang maintenance dan repair..." type="text" v-model="assembler.MaintenanceItem5Amount30" required maxlength="32" minlength="2" class="validate form-control" style="border: 1px solid black;">
  546.                                 <div v-if="$route.name.includes('.detail')" class="form-control disabled-field">{{ assembler.MaintenanceItem5Amount30 | currency({ symbol: '', thousandsSeparator: '.', fractionCount: '', fractionSeparator: '', symbolPosition: '', symbolSpacing: '' }) }}</div>
  547.                             </div>
  548.                           </div>
  549.                         </div>
  550.                       </div>
  551.  
  552.                       <div class="col-lg-12">
  553.                         <label>*M dan R = Maintenance dan Repair</label>
  554.                       </div>
  555.  
  556.                   </div>
  557.  
  558.               </div>
  559.             </div>
  560.             <div v-if="!$route.name.includes('.detail')" class="row">
  561.               <div class="col-lg-12 button-div">
  562.                 <button v-on:click="save()" class="btn btn-success">Simpan</button>
  563.                 <router-link :to="{ name: 'AssemblerManagement.index' }" class="btn btn-default">Batal</router-link>
  564.               </div>
  565.             </div>
  566.           </b-tab>
  567.         </b-tabs>
  568.       </div>
  569.     </div>
  570. </template>
  571.  
  572. <style>
  573. .card-header {
  574.     width: 1620px;
  575.     background-color: #20c197;
  576.     border-radius: 0px !important;
  577.     padding-left: 10px;
  578.     padding-top: 0px;
  579.     padding-right: 0px;
  580.     padding-bottom: 0px;
  581. }
  582.  
  583. .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  584.     color: black;
  585.     background-color: #f8f8ff;
  586.     border-radius: 0px;
  587.     border-bottom: 3px solid #0059aa;
  588. }
  589.  
  590. .button-div {
  591.     text-align: right;
  592.     margin-top: 30px;
  593. }
  594.  
  595. .btn-success {
  596.     width: 132px;
  597.     background-color: #20c197;
  598.     border: none;
  599. }
  600.  
  601. .btn-danger {
  602.     width: 132px;
  603.     margin-left: 15px;
  604.     border: none;
  605. }
  606. </style>
  607.  
  608.  
  609. <script>
  610. // Plugins
  611. import moment from 'moment'
  612. import $ from 'jquery'
  613. import VueSelect from 'vue-select'
  614. import 'vue-select/dist/vue-select.css'
  615.  
  616. // API
  617. import Assemblers from '@/services/Inventories/Assembler'
  618. import Assemblies from '@/services/Inventories/Assembly'
  619. import LegalEntities from '@/services/Companies/LegalEntities'
  620. import Branches from '@/services/Companies/Branches'
  621. import Inventories from '@/services/Inventories/Inventory'
  622. import Employees from '@/services/Employees/Employees'
  623.  
  624. export default {
  625.   name: 'AssemblerItemManagement.create',
  626.   components: {
  627.       VueSelect
  628.   },
  629.   data () {
  630.     return {
  631.       //Loading
  632.       loading: true,
  633.       // Scope, Sama kyk vm.users , vm.employee dkk
  634.       userData: {},
  635.       assembler: {
  636.         AssemblerCode: null,
  637.         TotalAssemblyAmount: 0,
  638.         AssemblyAmount100: 0,
  639.         AssemblyAmount90: 0,
  640.         AssemblyAmount60: 0,
  641.         AssemblyAmount30: 0,
  642.  
  643.         MaintenanceItem1Amount100: 0,
  644.         MaintenanceItem1Amount90: 0,
  645.         MaintenanceItem1Amount60: 0,
  646.         MaintenanceItem1Amount30: 0,
  647.  
  648.         MaintenanceItem2Amount100: 0,
  649.         MaintenanceItem2Amount90: 0,
  650.         MaintenanceItem2Amount60: 0,
  651.         MaintenanceItem2Amount30: 0,
  652.  
  653.         MaintenanceItem3Amount100: 0,
  654.         MaintenanceItem3Amount90: 0,
  655.         MaintenanceItem3Amount60: 0,
  656.         MaintenanceItem3Amount30: 0,
  657.  
  658.         MaintenanceItem4Amount100: 0,
  659.         MaintenanceItem4Amount90: 0,
  660.         MaintenanceItem4Amount60: 0,
  661.         MaintenanceItem4Amount30: 0,
  662.  
  663.         MaintenanceItem5Amount100: 0,
  664.         MaintenanceItem5Amount90: 0,
  665.         MaintenanceItem5Amount60: 0,
  666.         MaintenanceItem5Amount30: 0,
  667.       },
  668.       assembly: [],
  669.       legalEntity: [],
  670.       branch: [],
  671.       inventory: [],
  672.       employee: [],
  673.       selectedLegalEntity: {},
  674.       selectedBranch: {},
  675.       selectedEmployee: {},
  676.       selectedInventory: {},
  677.       selectedAssembly: {},
  678.       selectedMaintenance1: {},
  679.       selectedMaintenance2: {},
  680.       selectedMaintenance3: {},
  681.       selectedMaintenance4: {},
  682.       selectedMaintenance5: {},
  683.       // selectedProductType: {},
  684.       productType: ['Item Perakitan','Item Perakitan Rekondisi'],
  685.       addAssemblyAmount: 0
  686.     }
  687.   },
  688.   beforeUpdate: function () {
  689.     // Ngeassign variable pada saat proses update, misal kyk dropdown
  690.     this.assembler.LegalEntityId = this.selectedLegalEntity.Id
  691.     this.assembler.BranchId = this.selectedBranch.Id
  692.     this.assembler.AssemblyId = this.selectedAssembly.Id
  693.     this.assembler.EmployeeId = this.selectedEmployee.Id
  694.     this.assembler.MaintenanceItem1Id = this.selectedMaintenance1.Id
  695.     this.assembler.MaintenanceItem2Id = this.selectedMaintenance2.Id
  696.     this.assembler.MaintenanceItem3Id = this.selectedMaintenance3.Id
  697.     this.assembler.MaintenanceItem4Id = this.selectedMaintenance4.Id
  698.     this.assembler.MaintenanceItem5Id = this.selectedMaintenance5.Id
  699.     this.assembler.TotalAssemblyAmount = parseInt(this.assembler.AssemblyAmount100) + parseInt(this.assembler.AssemblyAmount90) + parseInt(this.assembler.AssemblyAmount60) + parseInt(this.assembler.AssemblyAmount30)
  700.     this.assembler.MinimumAssemblyAmount = this.assembler.TotalAssemblyAmount
  701.     this.assembler.MaintenanceItem1Amount = parseInt(this.assembler.MaintenanceItem1Amount100) + parseInt(this.assembler.MaintenanceItem1Amount90) + parseInt(this.assembler.MaintenanceItem1Amount60) + parseInt(this.assembler.MaintenanceItem1Amount30)
  702.     this.assembler.MaintenanceItem2Amount = parseInt(this.assembler.MaintenanceItem2Amount100) + parseInt(this.assembler.MaintenanceItem2Amount90) + parseInt(this.assembler.MaintenanceItem2Amount60) + parseInt(this.assembler.MaintenanceItem2Amount30)
  703.     this.assembler.MaintenanceItem3Amount = parseInt(this.assembler.MaintenanceItem3Amount100) + parseInt(this.assembler.MaintenanceItem3Amount90) + parseInt(this.assembler.MaintenanceItem3Amount60) + parseInt(this.assembler.MaintenanceItem3Amount30)
  704.     this.assembler.MaintenanceItem4Amount = parseInt(this.assembler.MaintenanceItem4Amount100) + parseInt(this.assembler.MaintenanceItem4Amount90) + parseInt(this.assembler.MaintenanceItem4Amount60) + parseInt(this.assembler.MaintenanceItem4Amount30)
  705.     this.assembler.MaintenanceItem5Amount = parseInt(this.assembler.MaintenanceItem5Amount100) + parseInt(this.assembler.MaintenanceItem5Amount90) + parseInt(this.assembler.MaintenanceItem5Amount60) + parseInt(this.assembler.MaintenanceItem5Amount30)
  706.     if (this.selectedAssembly.UnassemblyQuantity <= this.assembler.MinimumAssemblyAmount ) {
  707.       this.assembler.AdditionalAssemblyAmount = 0
  708.     } else {
  709.       this.assembler.AdditionalAssemblyAmount = Math.abs(parseInt(this.selectedAssembly.UnassemblyQuantity) - parseInt(this.assembler.MinimumAssemblyAmount))
  710.     }
  711.   },
  712.   mounted: function () {
  713.     // Sama dengan document.ready
  714.     this.init()
  715.     window.$ = $
  716.     if(localStorage.userData !== undefined) {
  717.       this.userData = JSON.parse(localStorage.userData)
  718.      
  719.     } else {
  720.       this.$router.push({ name: 'home' })
  721.       location.reload()
  722.     }
  723.   },
  724.   methods: {
  725.     // Kumpulan Fungsi disini
  726.     init: async function() {
  727.         // Ngeload Data Dari API
  728.         let legalEntity = await LegalEntities.index()
  729.         let branch = await Branches.index()
  730.         let inventory = await Inventories.index()
  731.         let employee = await Employees.index()
  732.         let assembly = await Assemblies.index()
  733.        
  734.         // Assign data ke Scope
  735.         this.legalEntity = legalEntity.data
  736.         this.branch = branch.data
  737.         this.assembly = this.filterNonRefurbish(assembly.data)
  738.         this.inventory = this.filterMaintenanceOnly(inventory.data)
  739.         this.employee = employee.data
  740.  
  741.         // if (this.assembly.IsRefurbish == 0) {
  742.         //   let assemblyTypes = 'Item Perakitan'
  743.         // } else if (this.assembly.IsRefurbish == 1) {
  744.         //   let assemblyTypes = 'Item Perakitan Refurbish'
  745.         // }
  746.  
  747.         //for edit mode
  748.         if(this.$route.params.id) {
  749.           let edit = await Assemblers.detail(this.$route.params.id)
  750.           this.assembler = edit.data
  751.  
  752.           this.selectedLegalEntity = this.lookupData(legalEntity.data, edit.data.LegalEntityId)
  753.           this.selectedBranch = this.lookupData(branch.data, edit.data.BranchId)
  754.           this.selectedEmployee = this.lookupData(employee.data, edit.data.EmployeeId)
  755.           if (edit.data.MaintenanceItem1Id) {
  756.             this.selectedMaintenance1 = this.lookupData(inventory.data, edit.data.InventoryId)
  757.           }
  758.           if (edit.data.MaintenanceItem2Id) {
  759.             this.selectedMaintenance2 = this.lookupData(inventory.data, edit.data.InventoryId)
  760.           }
  761.           if (edit.data.MaintenanceItem3Id) {
  762.             this.selectedMaintenance3 = this.lookupData(inventory.data, edit.data.InventoryId)
  763.           }
  764.           if (edit.data.MaintenanceItem4Id) {
  765.             this.selectedMaintenance4 = this.lookupData(inventory.data, edit.data.InventoryId)
  766.           }
  767.           if (edit.data.MaintenanceItem5Id) {
  768.             this.selectedMaintenance5 = this.lookupData(inventory.data, edit.data.InventoryId)
  769.           }
  770.          
  771.           this.selectedAssembly = this.lookupData(assembly.data, edit.data.AssemblyId)
  772.         }
  773.  
  774.         this.loading = false
  775.        
  776.     },
  777.     save: async function() {
  778.         // Fungsi Save Data
  779.         this.assembler.IsDeleted = false
  780.         this.assembler.CreationTime = new Date()
  781.         this.assembler.CreatorUserId = this.userData.Id
  782.         this.assembler.LegalEntityId = this.selectedEmployee.LegalEntityId
  783.         this.assembler.BranchId = this.selectedEmployee.BranchId
  784.         this.assembler.ItemId = this.selectedAssembly.ItemId
  785.         // this.assembler.MaintenanceItem1Id = this.selectedMaintenance1.MaintenanceItem1Id
  786.         // this.assembler.MaintenanceItem2Id = this.selectedMaintenance2.MaintenanceItem2Id
  787.         // this.assembler.MaintenanceItem3Id = this.selectedMaintenance3.MaintenanceItem3Id
  788.         // this.assembler.MaintenanceItem4Id = this.selectedMaintenance3.MaintenanceItem4Id
  789.         // this.assembler.MaintenanceItem5Id = this.selectedMaintenance3.MaintenanceItem5Id
  790.  
  791.         this.assembler.MaintenanceItem1Id = this.selectedMaintenance1.Id
  792.         this.assembler.MaintenanceItem2Id = this.selectedMaintenance2.Id
  793.         this.assembler.MaintenanceItem3Id = this.selectedMaintenance3.Id
  794.         this.assembler.MaintenanceItem4Id = this.selectedMaintenance3.Id
  795.         this.assembler.MaintenanceItem5Id = this.selectedMaintenance3.Id
  796.  
  797.         // this.assembler.MaintenanceItem1ProductCode = this.selectedMaintenance1.Code
  798.         // this.assembler.MaintenanceItem1ProductName = this.selectedMaintenance1.Name
  799.         // this.assembler.MaintenanceItem2ProductCode = this.selectedMaintenance2.Code
  800.         // this.assembler.MaintenanceItem2ProductName = this.selectedMaintenance2.Name
  801.         // this.assembler.MaintenanceItem3ProductCode = this.selectedMaintenance3.Code
  802.         // this.assembler.MaintenanceItem3ProductName = this.selectedMaintenance3.Name
  803.         // this.assembler.MaintenanceItem4ProductCode = this.selectedMaintenance4.Code
  804.         // this.assembler.MaintenanceItem4ProductName = this.selectedMaintenance4.Name
  805.         // this.assembler.MaintenanceItem5ProductCode = this.selectedMaintenance5.Code
  806.         // this.assembler.MaintenanceItem5ProductName = this.selectedMaintenance5.Name
  807.  
  808.         this.assembler.AssemblyType = "Item Perakitan"
  809.        
  810.         try {
  811.             let result
  812.             if(this.$route.params.id) {
  813.               result = await Assemblers.edit(this.$route.params.id, this.assembler)
  814.             }
  815.             if(!this.$route.params.id) {
  816.               console.log("create mode")
  817.               result = await Assemblers.create(this.assembler)
  818.             }
  819.             if(result.status == 200) {
  820.                 // if(this.assembler.IsRefurbish == 0) {
  821.                 //   let existingAssembly = await Assembly.detail(this.selectedAssembly.Id)
  822.  
  823.                 // } else if (this.assembler.IsRefurbish == 1) {
  824.                 //   let existingAssemblyRefurbish = await Assembly.detail(this.selectedAssembly.Id)
  825.                 // }
  826.                
  827.                 this.$fire({
  828.                   title: 'Sukses',
  829.                   text: 'Input Data Sukses',
  830.                   icon: 'info',
  831.                   showConfirmButton: false
  832.                 })
  833.                 this.$router.push({ name: 'AssemblerManagement.index' })
  834.                 location.reload()
  835.             } else {
  836.                 this.$fire({
  837.                   title: 'Error',
  838.                   text: 'Input Data Gagal',
  839.                   icon: 'info',
  840.                   showConfirmButton: false
  841.                 })
  842.                 console.log(result)
  843.             }
  844.         } catch (error) {
  845.             alert("Error : " + error.response.data.message)
  846.         }
  847.     },
  848.  
  849.     filterMaintenanceOnly (json) {
  850.       let data = []
  851.       for (var i = 0; i<json.length; i++) {
  852.         if((json[i].IsMaintenance == true) && (json[i].TotalQuantity != 0)) {
  853.           data.push(json[i])
  854.         }
  855.       }
  856.       return data
  857.     },
  858.  
  859.     filterNonRefurbish (json) {
  860.         let data = []
  861.         for (var i = 0; i < json.length; i++) {
  862.            
  863.             if ((json[i].IsRefurbish == false) && (json[i].TotalQuantity != 0)) {
  864.                 data.push(json[i])
  865.             }
  866.         }
  867.         return data
  868.     },
  869.  
  870.     lookupData (json, id) {
  871.       let data = []
  872.       for(var i = 0; i < json.length; i++) {
  873.         data[json[i].Id] = json[i]
  874.       }
  875.       return data[id]
  876.     },
  877.  
  878.     formatDate(time) {
  879.       // Format Tanggal
  880.       var formattedTime = moment(time).format('DD MMMM YYYY HH:mm')
  881.       if(formattedTime == 'Invalid date') {
  882.         formattedTime = '-'
  883.       }
  884.       return formattedTime
  885.     }
  886.   }
  887. }
  888. </script>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!