Ver Fonte

no message

linwenxin há 7 meses atrás
pai
commit
a243fedc86

+ 133 - 119
src/views/partsManagement/accessoryWebsite/website-parts-shop-sales-manage/website-parts-shop-sales/components/website-parts-shop-sales-information.vue

@@ -187,7 +187,7 @@
           </el-descriptions-item>
         </el-descriptions>
       </div>
-      <div v-if="form.deliveryType === 0 && ~[2, 3].indexOf(this.type)" style="margin-bottom: -1px">
+      <div v-if="form.deliveryType === 0 && ~[2, 3].indexOf(this.type)">
         <el-descriptions size="small" border labelClassName="labelClassName">
           <el-descriptions-item labelStyle="width:15.45%">
             <template slot="label"> 物流单号 </template>
@@ -197,90 +197,102 @@
           </el-descriptions-item>
         </el-descriptions>
       </div>
-      <el-table
-        :data="form.itemList || []"
-        size="mini"
-        border
-        style="width: 100%"
-        header-cell-class-name="headerRowColor"
-      >
-        <el-table-column label="序号" width="60">
-          <template slot-scope="scope">
-            <div class="serial_number">{{ scope.$index + 1 }}</div>
-          </template>
-        </el-table-column>
-        <el-table-column label="配件编码" width="180">
-          <template slot-scope="scope">
-            <el-input v-if="scope.row.id" disabled v-model="scope.row.partsNumber" placeholder=""></el-input>
-            <el-select
-              v-else
-              filterable
-              :disabled="disabled"
-              v-model="scope.row.partsId"
-              placeholder=""
-              @change="update(scope.row, scope.$index)"
-            >
-              <el-option v-for="item in partsList" :key="item.id" :label="item.partsNumber" :value="item.id">
-              </el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="配件名称" width="180">
-          <template slot-scope="scope">
-            <el-input v-if="scope.row.id" disabled v-model="scope.row.partsName" placeholder=""></el-input>
-            <el-select
-              v-else
-              filterable
-              :disabled="disabled"
-              v-model="scope.row.partsId"
-              placeholder=""
-              @change="update(scope.row, scope.$index)"
-            >
-              <el-option v-for="item in partsList" :key="item.id" :label="item.partsName" :value="item.id"> </el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="单位" width="120">
-          <template slot-scope="scope">
-            <el-input disabled v-model="scope.row.goodsStockUnit" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column label="市场价" width="120">
-          <template slot-scope="scope">
-            <el-input disabled type="number" v-model="scope.row.marketPrice" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column label="销售价" width="120">
-          <template slot-scope="scope">
-            <el-input disabled type="number" :value="scope.row.salesPrice" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column label="数量" width="100">
-          <template slot-scope="scope">
-            <el-input type="number" :disabled="disabled" v-model="scope.row.qty" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column label="总金额" width="100">
-          <template slot-scope="scope">
-            <el-input disabled :value="scope.row.salesPrice * scope.row.qty || ''" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column label="可用库存">
-          <template slot-scope="scope">
-            <el-input type="number" disabled v-model="scope.row.stockQty" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column v-if="!disabled" label="操作" width="80">
-          <template slot-scope="scope">
-            <div class="caozuo">
-              <el-button type="danger" size="mini" @click="del(scope.$index)">删除</el-button>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
+      <div style="margin-bottom: 10px; margin-top: 10px; width: 100%">
+        <el-table
+          :data="form.itemList || []"
+          size="mini"
+          border
+          style="width: 100%"
+          header-cell-class-name="headerRowColor"
+        >
+          <el-table-column label="序号" width="60">
+            <template slot-scope="scope">
+              <div class="serial_number">{{ scope.$index + 1 }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column label="配件编码" width="180">
+            <template slot-scope="scope">
+              <el-input v-if="scope.row.id" disabled v-model="scope.row.partsNumber" placeholder=""></el-input>
+              <el-select
+                v-else
+                filterable
+                :disabled="disabled"
+                v-model="scope.row.partsId"
+                placeholder=""
+                @change="update(scope.row, scope.$index)"
+              >
+                <el-option v-for="item in partsList" :key="item.id" :label="item.partsNumber" :value="item.id">
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="配件名称" width="180">
+            <template slot-scope="scope">
+              <el-input v-if="scope.row.id" disabled v-model="scope.row.partsName" placeholder=""></el-input>
+              <el-select
+                v-else
+                filterable
+                :disabled="disabled"
+                v-model="scope.row.partsId"
+                placeholder=""
+                @change="update(scope.row, scope.$index)"
+              >
+                <el-option v-for="item in partsList" :key="item.id" :label="item.partsName" :value="item.id">
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="单位" width="120">
+            <template slot-scope="scope">
+              <el-input disabled v-model="scope.row.goodsStockUnit" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="市场价" width="120">
+            <template slot-scope="scope">
+              <el-input disabled type="number" v-model="scope.row.marketPrice" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="销售价" width="120">
+            <template slot-scope="scope">
+              <el-input disabled type="number" :value="scope.row.salesPrice" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="数量" width="100">
+            <template slot-scope="scope">
+              <el-input type="number" :disabled="disabled" v-model="scope.row.qty" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="总金额" width="100">
+            <template slot-scope="scope">
+              <el-input disabled :value="scope.row.salesPrice * scope.row.qty || ''" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="可用库存">
+            <template slot-scope="scope">
+              <el-input type="number" disabled v-model="scope.row.stockQty" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column v-if="!disabled" label="操作" width="80">
+            <template slot-scope="scope">
+              <div class="caozuo">
+                <el-button type="danger" size="mini" @click="del(scope.$index)">删除</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div style="text-align: right; margin-bottom: 10px">
+          <el-button
+            v-if="~[0].indexOf(this.type) || ~['SAVE'].indexOf(form.status)"
+            size="small"
+            type="primary"
+            @click="add"
+            >添加</el-button
+          >
+        </div>
+      </div>
       <div
-        v-if="form.payList && form.payList.length && form.payType !== 'CASH'"
-        style="margin-bottom: -1px; margin-top: -1px"
+        v-if="type != 0 && form.payList && form.payList.length && form.payType !== 'CASH'"
+        style="margin-bottom: 10px"
       >
         <el-descriptions :column="4" size="small" border labelClassName="labelClassName">
           <el-descriptions-item labelStyle="width:15.45%">
@@ -337,42 +349,44 @@
           </el-descriptions-item>
         </el-descriptions>
       </div>
-      <el-table
-        v-if="form.oldRefundManageRecordBeanList"
-        :data="form.oldRefundManageRecordBeanList || []"
-        size="mini"
-        border
-        style="width: 100%"
-        header-cell-class-name="headerRowColor"
-      >
-        <el-table-column label="是否备用件">
-          <template slot-scope="scope">
-            <el-input disabled :value="scope.row.isBackup ? '是' : '否'" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column label="保内/保外">
-          <template slot-scope="scope">
-            <el-input
-              disabled
-              :value="{ INNER: '保内', OUTSIDE: '保外' }[scope.row.repairFlag]"
-              placeholder=""
-            ></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column label="用户姓名">
-          <template slot-scope="scope">
-            <el-input disabled :value="scope.row.customerName" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-        <el-table-column label="联系电话">
-          <template slot-scope="scope">
-            <el-input disabled :value="scope.row.customerTel" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div style="margin-bottom: -1px">
+      <div v-if="type != 0" style="margin-bottom: 10px; width: 100%">
+        <el-table
+          v-if="form.oldRefundManageRecordBeanList"
+          :data="form.oldRefundManageRecordBeanList || []"
+          size="mini"
+          border
+          style="margin-bottom: 10px; width: 100%"
+          header-cell-class-name="headerRowColor"
+        >
+          <el-table-column label="是否备用件">
+            <template slot-scope="scope">
+              <el-input disabled :value="scope.row.isBackup ? '是' : '否'" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="保内/保外">
+            <template slot-scope="scope">
+              <el-input
+                disabled
+                :value="{ INNER: '保内', OUTSIDE: '保外' }[scope.row.repairFlag]"
+                placeholder=""
+              ></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="用户姓名">
+            <template slot-scope="scope">
+              <el-input disabled :value="scope.row.customerName" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column label="联系电话">
+            <template slot-scope="scope">
+              <el-input disabled :value="scope.row.customerTel" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div v-if="type != 0" style="margin-bottom: 10px; width: 100%">
         <el-row>
-          <el-col style="margin-top: 10px">
+          <el-col>
             <el-table
               :data="form.allPayList"
               size="mini"