|
|
@@ -0,0 +1,169 @@
|
|
|
+@extends('layouts.app')
|
|
|
+
|
|
|
+@section('title','项目耗材')
|
|
|
+
|
|
|
+@section('content')
|
|
|
+ <nav class="nav2">
|
|
|
+ @component('maintenance.menu')@endcomponent
|
|
|
+ </nav>
|
|
|
+
|
|
|
+ <div class="container-fluid d-none" id="owner_material">
|
|
|
+ <div class="card">
|
|
|
+ @can('项目耗材-编辑')
|
|
|
+ @include('maintenance.ownerMaterial._create')
|
|
|
+ @include('maintenance.ownerMaterial._edit')
|
|
|
+ @endcan
|
|
|
+ <div class="card-body">
|
|
|
+ <div class="row pull-left m-1">
|
|
|
+ @can('项目耗材-编辑')
|
|
|
+ <button class="btn btn-outline-info mb-1 mr-3" @click="store"><span class="fa fa-plus"></span> 新 增</button>
|
|
|
+ @endcan
|
|
|
+ </div>
|
|
|
+ @include('maintenance.ownerMaterial._table')
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ @can('项目耗材-文件上传')
|
|
|
+ @include('maintenance.ownerMaterial._uploadFile')
|
|
|
+ @endcan
|
|
|
+ </div>
|
|
|
+@endsection
|
|
|
+
|
|
|
+@section('lastScript')
|
|
|
+<script>
|
|
|
+ let vue = new Vue({
|
|
|
+ el:"#owner_material",
|
|
|
+ data:{
|
|
|
+ ownerMaterials:{!! $ownerMaterials->toJson() !!}['data'],
|
|
|
+ owners:{!! $owners->toJson() !!},
|
|
|
+ materials:{!! $materials->toJson() !!},
|
|
|
+ addOwnerMaterial:{},
|
|
|
+ editOwnerMaterial:{},
|
|
|
+ index:'',
|
|
|
+ filterOwners:'',
|
|
|
+ filterMaterials:'',
|
|
|
+ uploadError: null,
|
|
|
+ url:'{{ url('') }}',
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ $('#owner_material').removeClass('d-none');
|
|
|
+ this.filterOwners = JSON.parse(JSON.stringify(this.owners));
|
|
|
+ this.filterMaterials = JSON.parse(JSON.stringify(this.materials));
|
|
|
+ },
|
|
|
+ created(){
|
|
|
+ $.each(this.ownerMaterials,function(item){
|
|
|
+ if(item.file){
|
|
|
+ let url = item.file.url;
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ fileType(ownerMaterial){
|
|
|
+ let file_types = [ 'gif','jpeg','jpg','png','svg'];
|
|
|
+ if(!ownerMaterial.file)ownerMaterial.isImg = false;
|
|
|
+ if(ownerMaterial.file.url){
|
|
|
+ $.each(file_types,function(item){
|
|
|
+ let start = item.length-target.length;
|
|
|
+ let arr = str.substr(start,target.length);
|
|
|
+ if(arr === target){
|
|
|
+ ownerMaterial.isImg = true;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ destroy(id,index){
|
|
|
+ if (!confirm('是否删除当前项目耗材')) return;
|
|
|
+ axios.delete('{{url('apiLocal/ownerMaterial')}}/'+id).then(res=>{
|
|
|
+ if(res.data.success){
|
|
|
+ tempTip.setIndex(100);
|
|
|
+ tempTip.setDuration(3000);
|
|
|
+ tempTip.showSuccess('删除成功');
|
|
|
+ this.$delete(this.ownerMaterials,index);
|
|
|
+ return ;
|
|
|
+ }
|
|
|
+ tempTip.setDuration(3000);
|
|
|
+ tempTip.show(res.data.message);
|
|
|
+ }).catch(err=>{
|
|
|
+ tempTip.setDuration(3000);
|
|
|
+ tempTip.show('删除当前项目耗材失败:'+err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ edit(ownerMaterial,i){
|
|
|
+ this.editOwnerMaterial = JSON.parse(JSON.stringify(ownerMaterial));
|
|
|
+ this.index = i;
|
|
|
+ $('#edit-ownerMaterial').modal('show');
|
|
|
+ },
|
|
|
+ update(){
|
|
|
+ let url = '{{url('apiLocal/ownerMaterial/update')}}';
|
|
|
+ let params = this.editOwnerMaterial;
|
|
|
+ window.tempTip.postBasicRequest(url,params,res=>{
|
|
|
+ this.$set(this.ownerMaterials,this.index,res);
|
|
|
+ this.index = null;
|
|
|
+ this.editOwnerMaterial = {};
|
|
|
+ $("#edit-ownerMaterial").modal('hide');
|
|
|
+ return "修改完成";
|
|
|
+ },true);
|
|
|
+ },
|
|
|
+ store(){
|
|
|
+ $('#add-ownerMaterial').modal('show');
|
|
|
+ },
|
|
|
+ create(){
|
|
|
+ let url = '{{url('apiLocal/ownerMaterial/store')}}';
|
|
|
+ let params = this.addOwnerMaterial;
|
|
|
+ window.tempTip.postBasicRequest(url,params,res=>{
|
|
|
+ this.$set(this.ownerMaterials,this.ownerMaterials.length,res);
|
|
|
+ this.addOwnerMaterial = {};
|
|
|
+ $("#add-ownerMaterial").modal('hide');
|
|
|
+ return "OK";
|
|
|
+ },true);
|
|
|
+ },
|
|
|
+ uploadModal(ownerMaterial,i){
|
|
|
+ this.editOwnerMaterial = ownerMaterial;
|
|
|
+ this.index = i;
|
|
|
+ $('#uploadFile').modal('show');
|
|
|
+ },
|
|
|
+ hideFile(){
|
|
|
+
|
|
|
+ },
|
|
|
+ showFile(){
|
|
|
+
|
|
|
+ },
|
|
|
+ uploadFile(){
|
|
|
+ let url = '{{url('apiLocal/ownerMaterial/uploadFile')}}';
|
|
|
+ let data = new FormData();
|
|
|
+ let file = this.$refs.file.files[0];
|
|
|
+ data.append('file',file);
|
|
|
+ data.append('id',this.editOwnerMaterial.id);
|
|
|
+ window.tempTip.postBasicRequest(url,data,res=>{
|
|
|
+ this.$set(this.ownerMaterials,this.ownerMaterials.length,res);
|
|
|
+ this.editOwnerMaterial = {};
|
|
|
+ this.index = '';
|
|
|
+ $("#add-ownerMaterial").modal('hide');
|
|
|
+ return "上传成功";
|
|
|
+ },true);
|
|
|
+ },
|
|
|
+ filterMaterial(e){
|
|
|
+ let value = $(e.target).val();
|
|
|
+ if(value==='' || value===null)this.filterMaterials = this.materials;
|
|
|
+ else {
|
|
|
+ this.filterMaterials = this.materials.filter(function(item){
|
|
|
+ return item.code.indexOf(value) !== -1;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ filterOwner(e){
|
|
|
+ let value = $(e.target).val();
|
|
|
+ if(value==='' || value===null)this.filterMaterials = this.materials;
|
|
|
+ else {
|
|
|
+ this.filterOwners = this.owners.filter(function(item){
|
|
|
+ return item.name.indexOf(value) !== -1;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+</script>
|
|
|
+@endsection
|
|
|
+
|