1

src/pages/sale/SuppliesStockOutApplyForMan.vue

@@ -181,42 +181,43 @@
         </template>
         <template v-slot:body-cell-ClassName="props">
           <q-td :props="props">
-            <div v-for="item in props.row.DetailList" :key="item.Id">
+            <div v-for="item in props.row.DetailList" :key="item.Id" class="td_height">
                 {{item.ClassName}}
             </div>
           </q-td>
         </template>
         <template v-slot:body-cell-CourseName="props">
           <q-td :props="props">
-            <div v-for="item in props.row.DetailList" :key="item.Id">
+            <div v-for="item in props.row.DetailList" :key="item.Id" class="td_height">
                 {{item.CourseName}}
             </div>
           </q-td>
         </template>
         <template v-slot:body-cell-SuppliesName="props">
           <q-td :props="props">
-            <div v-for="item in props.row.DetailList" :key="item.Id">
+            <div v-for="item in props.row.DetailList" :key="item.Id" class="td_height">
                 {{item.SuppliesName}}
             </div>
           </q-td>
         </template>
         <template v-slot:body-cell-BrandName="props">
           <q-td :props="props">
-            <div v-for="item in props.row.DetailList" :key="item.Id">
+            <div v-for="item in props.row.DetailList" :key="item.Id" class="td_height">
                 {{item.BrandName}}
             </div>
           </q-td>
         </template>
         <template v-slot:body-cell-Number="props">
           <q-td :props="props">
-            <div v-for="item in props.row.DetailList" :key="item.Id">
+            <div v-for="item in props.row.DetailList" :key="item.Id" class="td_height">
                 {{item.Number}}
             </div>
           </q-td>
         </template>
          <template v-slot:body-cell-optioned="props">
           <q-td :props="props">
-            <q-btn color="primary" size="11px" @click="goDetail(props.row)">查看详情</q-btn>
+            <q-btn flat size="xs" icon="edit" color="accent"  @click="goDetail(props.row)">详情</q-btn>
+            <q-btn flat size="xs" icon="edit" color="accent" style="color:#f00" @click="quxiao(props.row)" v-if="props.row.CreateBy==loginId&&props.row.AuditStatus!=2">取消</q-btn>
           </q-td>
         </template>
         <template v-slot:bottom>
@@ -231,24 +232,13 @@
   </div>
 </template>
 <script>
-  import edittransorderForm from '../../components/sale/edittransorder-form'
-  import viewquotationForm from '../../components/sale/viewquotation-form'
   import SuppliesStockOutFrom from '../../components/sale/addSuppliesStockOut-from'
-  //员工
-  import {
-    queryEmployee
-  } from '../../api/users/user'
-  import {
-    mapState
-  } from "vuex";
-  import {GetSuppliesStockOutApplyForPageList} from '../../api/sale/StockOutApplyFor'
+  import {GetSuppliesStockOutApplyForPageList,SetSuppliesStockOutApplyForState} from '../../api/sale/StockOutApplyFor'
   export default {
     meta: {
       title: "出库管理"
     },
     components: {
-      edittransorderForm,
-      viewquotationForm,
       SuppliesStockOutFrom
     },
     data() {
@@ -365,15 +355,16 @@
             align: "left",
           }
         ],
-        showaddStockOut:false
+        showaddStockOut:false,
+        loginId:0,
       }
     },
    
     mounted() {
       this.getSuppliesStockOutApplyForPageList();
+      this.loginId= JSON.parse(localStorage.getItem('loginUserInfo')).data.Id
     },
     methods: {
-     
       //跳转详情
       goDetail(item) {
         this.$router.push({
@@ -425,12 +416,48 @@
       },
       closePop(){
         this.showaddStockOut=false
-      }
+      },
+      //取消
+      quxiao(row){
+        console.log(row)
+        this.$q.dialog({
+          title: '提示信息',
+          message: '是否确定取消？',
+          cancel: true,
+          persistent: true,
+          ok: "确定",
+          cancel: "取消",
+        }).onOk(() => {
+          let obj={
+          ApplyForId:row.Id,
+          Type:1,
+          Remark:""
+        }
+        SetSuppliesStockOutApplyForState(obj).then(res=>{
+            if(res.data.resultCode===1){
+              this.Success(res.data.message)
+              this.getSuppliesStockOutApplyForPageList();
+            }else{
+              this.Error(res.data.message)
+            }
+        })
+        }).onCancel(() => {
+
+        });
+        
+      },
     }
   }
 
 </script>
 <style lang="sass">
+
   @import url('~assets/css/table.sass')
 
 </style>
+<style >
+  .td_height{
+  height: 40px;
+  line-height: 40px;
+}
+</style>