FooterToolbar 操作按钮

pages/aps/plan/addAccessory.vue

-
 <template>
-  <div class="h100 table-content">
+<div class="h100 table-content1">
     <p class="mb10">
         订单编号：{{mesCodes}}
         <span class="ml20">产品名称：{{productNames}}</span>
         <span class="ml20">生产数量：{{counts}}</span>
     </p>
 
-    <div class="mb20" v-for="(item,i) in datas" :key="i">
+    <div class="mb70" v-for="(item,i) in datas" :key="i">
         <p class="fwBold">{{item.routingHeader}}------{{item.routingHeaderCode}}</p>
-      <Table
-        border
-        :columns="cols"
-        :data="item.suport"
-        :ref="'table'+item.routingHeaderId"
-        class="tableCommon"
-        @on-selection-change="selectionChange(i)"
-        @on-select-cancel="selectListCancel"
-        @on-select-all-cancel="selectAllCancel"
-        @on-select="selectList"
-        @on-select-all="selectListAll"
-      >
+        <Table border :columns="cols" :data="item.suport" :ref="'table'+item.routingHeaderId" class="tableCommon" @on-selection-change="selectionChange(i)" @on-select-cancel="selectListCancel" @on-select-all-cancel="selectAllCancel" @on-select="selectList" @on-select-all="selectListAll">
             <template slot-scope="{ row, index }" slot="counts">
-          <InputNumber
-            :max="row.totalCount"
-            :min="0"
-            v-model="row.count"
-            @on-change="inputChange1(i,row,index)"
-          />
+                <InputNumber :max="row.totalCount" :min="0" v-model="row.count" @on-change="inputChange1(i,row,index)" />
             </template>
             <template slot-scope="{ row, index }" slot="remarks">
                 <Input type="text" v-model="row.remark" @on-change="inputChange1(i,row,index)" />
@@ -35,24 +18,24 @@
         </Table>
     </div>
 
-    <FooterToolbar v-show="footerToolbar" class="ftball">
+    <FooterToolbar v-show="footerToolbar" class="ftball pt10">
         <!--<div class="tip">已选{{selectItems.length}}项</div>-->
-      <Form :model="orderForm" :label-width="110" ref="formValidate" :rules="ruleValidate">
-        <FormItem label=" " prop="QuotationFinishDate">
-          <DatePicker
-            v-model="orderForm.QuotationFinishDate"
-            type="date"
-            style="color:black"
-            placeholder="请选择齐套日期"
-            @on-change="getTimeQuotationFD"
-          ></DatePicker>
+        <Form :model="orderForm" :inline="true" :label-width="0" ref="formValidate" :rules="ruleValidate">
+            <FormItem prop="QuotationFinishDate">
+                <DatePicker v-model="orderForm.QuotationFinishDate" type="date" style="color:black" placeholder="请选择齐套日期" @on-change="getTimeQuotationFD"></DatePicker>
             </FormItem>
-      </Form>
+            <FormItem>
                 <Button type="primary" class="mr10 ml10" @click="application">申请配套</Button>
+            </FormItem>
+            <FormItem>
                 <Button @click="cancelBatch" v-show="false">取消</Button>
+            </FormItem>
+        </Form>
+
     </FooterToolbar>
-  </div>
+</div>
 </template>
+
 <script>
 import Api from "./api";
 export default {
@@ -64,8 +47,7 @@ export default {
             curId: 0,
             editIndex: -1,
             editNum: "",
-      cols: [
-        {
+            cols: [{
                     type: "selection",
                     width: 70,
                     align: "center",
@@ -122,13 +104,11 @@ export default {
             counts: this.count,
             curArr: 0, //标记当前操作工艺规程列表是否为空
             ruleValidate: {
-        QuotationFinishDate: [
-          {
+                QuotationFinishDate: [{
                     required: true,
                     message: "_",
                     trigger: "change",
-          },
-        ],
+                }, ],
             },
             tempList: [],
             cRow: null,
@@ -145,12 +125,17 @@ export default {
     mounted() {
         this.load(this.eid);
     },
-  async fetch({ store, params }) {
+    async fetch({
+        store,
+        params
+    }) {
         await store.dispatch("loadDictionary"); // 加载数据字典
     },
     methods: {
         load(v) {
-      Api.matchlist({ id: v }).then((r) => {
+            Api.matchlist({
+                id: v
+            }).then((r) => {
                 if (r.success) {
                     r.result.forEach((e) => {
                         let i = 0;
@@ -294,7 +279,7 @@ export default {
                     let parms = {
                         main: {
                             orderId: this.orderId,
-              orderCode:this.mesCode,
+                            orderCode: this.mesCode,
                             productName: this.productNames,
                             drawnNumber: this.drawnNumbers,
                             count: this.counts,
@@ -340,4 +325,3 @@ export default {
     },
 };
 </script>
-

pages/aps/plan/editAccessory.vue

@@ -12,7 +12,7 @@
         </span>
     </p>
 
-    <div class="mb20" v-for="(item,i) in datas" :key="i">
+    <div class="mb70" v-for="(item,i) in datas" :key="i">
         <p class="fwBold">{{item.routingHeader}}------{{item.routingHeaderCode}}</p>
         <Table border :columns="cols" :data="item.suport" :ref="'table'+item.routingHeaderId" class="tableCommon" @on-selection-change="selectionChange(i)" @on-select-cancel="selectListCancel" @on-select-all-cancel="selectAllCancel" @on-select="selectList" @on-select-all="selectListAll">
             <template slot-scope="{ row, index }" slot="counts">
@@ -26,11 +26,11 @@
 
     <FooterToolbar v-show="footerToolbar" class="ftball pt10">
         <!--<div class="tip">已选{{selectItems.length}}项</div>-->
-        <Form :model="orderForm" :inline="true" :label-width="110" ref="formValidate" :rules="ruleValidate">
-            <FormItem label=" " prop="QuotationFinishDate">
+        <Form :model="orderForm" :inline="true" :label-width="0" ref="formValidate" :rules="ruleValidate">
+            <FormItem prop="QuotationFinishDate">
                 <DatePicker v-model="orderForm.QuotationFinishDate" type="date" style="color:black" placeholder="请选择齐套日期" @on-change="getTimeQuotationFD"></DatePicker>
             </FormItem>
-            <FormItem label=""><Button type="primary" class="mr10 ml10" @click="application">申请配套</Button></FormItem>
+            <FormItem l><Button type="primary" class="mr10 ml10" @click="application">申请配套</Button></FormItem>
         </Form>
 
     </FooterToolbar>

pages/produce/execute/MaterialCollec/index.vue

@@ -6,7 +6,7 @@
         <span class="ml20">生产数量：{{entity.count}}</span>
         <span class="ml20" v-show="false">物料状态：</span>
     </p>
-
+    <div class="mb70">
         <div class="mb20 ml40 mr40" v-for="(item,i) in datas" :key="i">
             <p class="fwBold">{{item.routingHeader}}------{{item.routingHeaderCode}}</p>
             <Table border :columns="cols" :data="item.suport" :ref="'table'+item.routingHeaderId" class="tableCommon">
@@ -15,6 +15,7 @@
                 </template>
             </Table>
         </div>
+    </div>
     <FooterToolbar v-show="footerToolbar">
         <Button type="primary" class="mr10" @click="materialCreate">物料领用</Button>
     </FooterToolbar>