qukaidi 4 éve
szülő
commit
6c790935fb
1 módosított fájl, 353 hozzáadás és 341 törlés
  1. 353 341
      src/views/Warehousing/inStock/AddOrUpdate.vue

+ 353 - 341
src/views/Warehousing/inStock/AddOrUpdate.vue

@@ -19,257 +19,20 @@
     </div>
     <br />
     <el-form ref="form" :model="form" :rules="rules" label-width="120px">
-      <div v-if="dataShowcar=='1'"
-        style="display: flex; justify-content: flex-end; margin-bottom: 10px"
-      >
-        <el-button
-          @click="
-            detailsHidden2 ? (detailsHidden2 = false) : (detailsHidden2 = true)
-          "
-          >{{ detailsHidden2 ? "隐藏" : "展开" }}
-        </el-button>
-      </div>
-      <div v-if="detailsHidden2">
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="货权方" prop="fCorpid">
-              <el-select
-                v-model="form.fCorpid"
-                clearable
-                filterable
-                placeholder="请输入关键词"
-                style="width: 80%"
-                @change="changefStltype"
-                :disabled="detailList.length > 0"
-              >
-                <el-option
-                  v-for="(item, index) in fMblnoOptions"
-                  :key="index.fId"
-                  :label="item.fName"
-                  :value="item.fId"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item v-if="dataShowcar == '0'" label="结算方式" prop="fStltypeid">
-              <el-select
-                v-model="form.fStltypeid"
-                placeholder="请选择结算方式"
-                clearable
-                :disabled="browseStatus"
-                style="width: 80%"
-              >
-                <el-option
-                  v-for="(item, index) in fStltypeOptions"
-                  :key="index.dictValue"
-                  :label="item.dictLabel"
-                  :value="item.dictValue"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item v-if="dataShowcar == '1'" label="计费单位" prop="fFeetUnit">
-              <el-select
-                v-model="form.fFeetUnit"
-                placeholder="请选择计费单位"
-                clearable
-                :disabled="browseStatus"
-                style="width: 80%"
-              >
-                <el-option
-                  v-for="(item, index) in fFeetUnitOptions"
-                  :key="index.dictValue"
-                  :label="item.dictLabel"
-                  :value="item.dictValue"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="提单号" prop="fMblno">
-              <el-input
-                v-model="form.fMblno"
-                :disabled="browseStatus || detailList.length > 0"
-                style="width: 80%"
-                placeholder="请输入提单号"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="计划日期" prop="fBsdate">
-              <el-date-picker
-                v-model="form.fBsdate"
-                style="width: 80%"
-                type="date"
-                :disabled="browseStatus"
-                value-format="timestamp"
-                placeholder="请选择计划日期"
-                @change="changeDate"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="入库时间" prop="fBstime">
-              <el-time-picker
-                style="width: 80%"
-                :disabled="browseStatus"
-                v-model="form.fBstime"
-                :picker-options="{
-                  selectableRange: '00:00:00 - 23:59:59',
-                }"
-                value-format="timestamp"
-                placeholder="任意时间点"
-              >
-              </el-time-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item prop="fChargedate" label="仓储费计算日期">
-              <el-date-picker
-                v-model="form.fChargedate"
-                type="date"
-                style="width: 80%"
-                value-format="timestamp"
-                :disabled="browseStatus"
-                placeholder="仓储费计算日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="8">
-            <el-form-item prop="fGoodsid" label="品名">
-              <el-select
-                filterable
-                v-model="form.fGoodsid"
-                style="width: 80%"
-                :disabled="browseStatus || detailList.length > 0"
-                placeholder="请选择品名"
-              >
-                <el-option
-                  v-for="(item, index) in goodsOptions"
-                  :key="index.fId"
-                  :label="item.fName"
-                  :value="item.fId"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="仓库" prop="fWarehouseid">
-              <el-select
-                v-model="form.fWarehouseid"
-                filterable
-                :disabled="browseStatus || detailList.length > 0"
-                style="width: 80%"
-                placeholder="请选择"
-              >
-                <el-option
-                  v-for="(item, index) in warehouseOptions"
-                  :key="index.fId"
-                  :label="item.fName"
-                  :value="item.fId"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="仓管员" prop="fStorekeeper">
-              <el-select
-                v-model="form.fStorekeeper"
-                filterable
-                clearable
-                :disabled="browseStatus"
-                style="width: 80%"
-                placeholder="请输入模糊查找"
-              >
-                <el-option
-                  v-for="(item, index) in userOptions"
-                  :key="index.userName"
-                  :label="item.nickName"
-                  :value="item.userName"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="计划件数" prop="fPlanqty">
-              <el-input
-                v-model.number="form.fPlanqty"
-                style="width: 80%"
-                maxlength="9"
-                laceholder="计划件数"
-                :disabled="browseStatus || current !== before"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="计划净重(kg)" prop="fPlannetweight">
-              <el-input
-                v-model="form.fPlannetweight"
-                style="width: 80%"
-                maxlength="9"
-                v-input-limit="2"
-                laceholder="计划净重"
-                :disabled="browseStatus || current !== before"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="计划毛重(kg)" prop="fPlangrossweight">
-              <el-input
-                v-model="form.fPlangrossweight"
-                v-input-limit="2"
-                style="width: 80%"
-                laceholder="计划毛重"
-                maxlength="9"
-                :disabled="browseStatus || current !== before"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </div>
       <el-row>
         <el-col :span="8">
-          <el-form-item label="作业类型" prop="fBusinessType">
+          <el-form-item label="货权方" prop="fCorpid">
             <el-select
-              style="width: 80%"
-              v-model="form.fBusinessType"
-              filterable
-              @change="educationChange"
-              :disabled="
-                contrOl ||
-                browseStatus ||
-                warehouseDrList.length > 0 ||
-                warehouseCrList.length > 0
-              "
-            >
-              <el-option
-                v-for="(item, index) in businessTypeOption"
-                :key="index.dictValue"
-                :label="item.dictLabel"
-                :value="item.dictValue"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="劳务公司" prop="fLabour">
-            <el-select
-              style="width: 80%"
-              v-model="form.fLabour"
+              v-model="form.fCorpid"
               clearable
               filterable
               placeholder="请输入关键词"
-              :disabled="contrOl || browseStatus"
+              style="width: 80%"
+              @change="changefStltype"
+              :disabled="detailList.length > 0"
             >
               <el-option
-                v-for="(item, index) in fCompanyOptIons"
+                v-for="(item, index) in fMblnoOptions"
                 :key="index.fId"
                 :label="item.fName"
                 :value="item.fId"
@@ -279,35 +42,30 @@
         </el-col>
         <el-col :span="8">
           <el-form-item
-            label="车队"
-            prop="fFleet"
-            :rules="{
-              required: isrequired === 1 ? true : false,
-              message: '请选择',
-              trigger: ['blur', 'change'],
-            }"
+            v-if="dataShowcar == '0'"
+            label="结算方式"
+            prop="fStltypeid"
           >
             <el-select
-              style="width: 80%"
-              v-model="form.fFleet"
+              v-model="form.fStltypeid"
+              placeholder="请选择结算方式"
               clearable
-              filterable
-              placeholder="请输入关键词"
-              :disabled="contrOl || browseStatus"
+              :disabled="browseStatus"
+              style="width: 80%"
             >
               <el-option
-                v-for="(item, index) in fleetOptions"
-                :key="index.fId"
-                :label="item.fName"
-                :value="item.fId"
-              ></el-option>
+                v-for="(item, index) in fStltypeOptions"
+                :key="index.dictValue"
+                :label="item.dictLabel"
+                :value="item.dictValue"
+              />
             </el-select>
           </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8">
-          <el-form-item v-if="dataShowcar == '0'" label="计费单位" prop="fFeetUnit">
+          <el-form-item
+            v-if="dataShowcar == '1'"
+            label="计费单位"
+            prop="fFeetUnit"
+          >
             <el-select
               v-model="form.fFeetUnit"
               placeholder="请选择计费单位"
@@ -323,104 +81,352 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item
-            v-if="dataShowcar == '1'"
-            label="结算方式"
-            prop="fStltypeid"
-          >
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="提单号" prop="fMblno">
+            <el-input
+              v-model="form.fMblno"
+              :disabled="browseStatus || detailList.length > 0"
+              style="width: 80%"
+              placeholder="请输入提单号"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="计划日期" prop="fBsdate">
+            <el-date-picker
+              v-model="form.fBsdate"
+              style="width: 80%"
+              type="date"
+              :disabled="browseStatus"
+              value-format="timestamp"
+              placeholder="请选择计划日期"
+              @change="changeDate"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="入库时间" prop="fBstime">
+            <el-time-picker
+              style="width: 80%"
+              :disabled="browseStatus"
+              v-model="form.fBstime"
+              :picker-options="{
+                selectableRange: '00:00:00 - 23:59:59',
+              }"
+              value-format="timestamp"
+              placeholder="任意时间点"
+            >
+            </el-time-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item prop="fChargedate" label="仓储费计算日期">
+            <el-date-picker
+              v-model="form.fChargedate"
+              type="date"
+              style="width: 80%"
+              value-format="timestamp"
+              :disabled="browseStatus"
+              placeholder="仓储费计算日期"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item prop="fGoodsid" label="品名">
             <el-select
-              v-model="form.fStltypeid"
-              placeholder="请选择结算方式"
+              filterable
+              v-model="form.fGoodsid"
+              style="width: 80%"
+              :disabled="browseStatus || detailList.length > 0"
+              placeholder="请选择品名"
+            >
+              <el-option
+                v-for="(item, index) in goodsOptions"
+                :key="index.fId"
+                :label="item.fName"
+                :value="item.fId"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="仓库" prop="fWarehouseid">
+            <el-select
+              v-model="form.fWarehouseid"
+              filterable
+              :disabled="browseStatus || detailList.length > 0"
+              style="width: 80%"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="(item, index) in warehouseOptions"
+                :key="index.fId"
+                :label="item.fName"
+                :value="item.fId"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="仓管员" prop="fStorekeeper">
+            <el-select
+              v-model="form.fStorekeeper"
+              filterable
               clearable
               :disabled="browseStatus"
               style="width: 80%"
+              placeholder="请输入模糊查找"
             >
               <el-option
-                v-for="(item, index) in fStltypeOptions"
-                :key="index.dictValue"
-                :label="item.dictLabel"
-                :value="item.dictValue"
-              />
+                v-for="(item, index) in userOptions"
+                :key="index.userName"
+                :label="item.nickName"
+                :value="item.userName"
+              ></el-option>
             </el-select>
           </el-form-item>
         </el-col>
+      </el-row>
+      <el-row>
         <el-col :span="8">
-          <el-form-item
-            label="车号"
-            prop="fTruckno"
-            :rules="{
-              required: isrequired2 === 1 ? true : false,
-              message: '请选择',
-              trigger: ['blur', 'change'],
-            }"
-          >
+          <el-form-item label="计划件数" prop="fPlanqty">
             <el-input
-              v-model="form.fTruckno"
+              v-model.number="form.fPlanqty"
               style="width: 80%"
-              :disabled="browseStatus"
-              placeholder="车号"
+              maxlength="9"
+              laceholder="计划件数"
+              :disabled="browseStatus || current !== before"
             />
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item
-            label="司机姓名"
-            prop="fDriverName"
-            :rules="{
-              required: isrequired2 === 1 ? true : false,
-              message: '请选择',
-              trigger: ['blur', 'change'],
-            }"
-          >
+          <el-form-item label="计划净重(kg)" prop="fPlannetweight">
             <el-input
-              v-model="form.fDriverName"
+              v-model="form.fPlannetweight"
               style="width: 80%"
-              :disabled="browseStatus"
-              placeholder="司机姓名"
+              maxlength="9"
+              v-input-limit="2"
+              laceholder="计划净重"
+              :disabled="browseStatus || current !== before"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="计划毛重(kg)" prop="fPlangrossweight">
+            <el-input
+              v-model="form.fPlangrossweight"
+              v-input-limit="2"
+              style="width: 80%"
+              laceholder="计划毛重"
+              maxlength="9"
+              :disabled="browseStatus || current !== before"
             />
           </el-form-item>
         </el-col>
       </el-row>
-      <el-row>
-        <el-col :span="16">
-          <el-row>
-            <el-col :span="12">
-              <el-form-item
-                label="司机身份证"
-                prop="fDriverIdCar"
-                :rules="{
-                  required: isrequired2 === 1 ? true : false,
-                  message: '请选择',
-                  trigger: ['blur', 'change'],
-                }"
+      <div v-if="detailsHidden2">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="作业类型" prop="fBusinessType">
+              <el-select
+                style="width: 80%"
+                v-model="form.fBusinessType"
+                filterable
+                @change="educationChange"
+                :disabled="
+                  contrOl ||
+                  browseStatus ||
+                  warehouseDrList.length > 0 ||
+                  warehouseCrList.length > 0
+                "
               >
-                <el-input
-                  v-model="form.fDriverIdCar"
-                  style="width: 80%"
-                  :disabled="browseStatus"
-                  placeholder="司机身份证"
+                <el-option
+                  v-for="(item, index) in businessTypeOption"
+                  :key="index.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictValue"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="劳务公司" prop="fLabour">
+              <el-select
+                style="width: 80%"
+                v-model="form.fLabour"
+                clearable
+                filterable
+                placeholder="请输入关键词"
+                :disabled="contrOl || browseStatus"
+              >
+                <el-option
+                  v-for="(item, index) in fCompanyOptIons"
+                  :key="index.fId"
+                  :label="item.fName"
+                  :value="item.fId"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="车队"
+              prop="fFleet"
+              :rules="{
+                required: isrequired === 1 ? true : false,
+                message: '请选择',
+                trigger: ['blur', 'change'],
+              }"
+            >
+              <el-select
+                style="width: 80%"
+                v-model="form.fFleet"
+                clearable
+                filterable
+                placeholder="请输入关键词"
+                :disabled="contrOl || browseStatus"
+              >
+                <el-option
+                  v-for="(item, index) in fleetOptions"
+                  :key="index.fId"
+                  :label="item.fName"
+                  :value="item.fId"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item
+              v-if="dataShowcar == '0'"
+              label="计费单位"
+              prop="fFeetUnit"
+            >
+              <el-select
+                v-model="form.fFeetUnit"
+                placeholder="请选择计费单位"
+                clearable
+                :disabled="browseStatus"
+                style="width: 80%"
+              >
+                <el-option
+                  v-for="(item, index) in fFeetUnitOptions"
+                  :key="index.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictValue"
                 />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item
-                label="司机电话"
-                prop="fDriverTel"
-                :rules="{
-                  required: isrequired2 === 1 ? true : false,
-                  message: '请选择',
-                  trigger: ['blur', 'change'],
-                }"
+              </el-select>
+            </el-form-item>
+            <el-form-item
+              v-if="dataShowcar == '1'"
+              label="结算方式"
+              prop="fStltypeid"
+            >
+              <el-select
+                v-model="form.fStltypeid"
+                placeholder="请选择结算方式"
+                clearable
+                :disabled="browseStatus"
+                style="width: 80%"
               >
-                <el-input
-                  v-model="form.fDriverTel"
-                  style="width: 80%"
-                  :disabled="browseStatus"
-                  placeholder="司机电话"
+                <el-option
+                  v-for="(item, index) in fStltypeOptions"
+                  :key="index.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictValue"
                 />
-              </el-form-item>
-            </el-col>
-          </el-row>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="车号"
+              prop="fTruckno"
+              :rules="{
+                required: isrequired2 === 1 ? true : false,
+                message: '请选择',
+                trigger: ['blur', 'change'],
+              }"
+            >
+              <el-input
+                v-model="form.fTruckno"
+                style="width: 80%"
+                :disabled="browseStatus"
+                placeholder="车号"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="司机姓名"
+              prop="fDriverName"
+              :rules="{
+                required: isrequired2 === 1 ? true : false,
+                message: '请选择',
+                trigger: ['blur', 'change'],
+              }"
+            >
+              <el-input
+                v-model="form.fDriverName"
+                style="width: 80%"
+                :disabled="browseStatus"
+                placeholder="司机姓名"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+
+      <el-row>
+        <el-col :span="16">
+          <div v-if="detailsHidden2">
+            <el-row>
+              <el-col :span="12">
+                <el-form-item
+                  label="司机身份证"
+                  prop="fDriverIdCar"
+                  :rules="{
+                    required: isrequired2 === 1 ? true : false,
+                    message: '请选择',
+                    trigger: ['blur', 'change'],
+                  }"
+                >
+                  <el-input
+                    v-model="form.fDriverIdCar"
+                    style="width: 80%"
+                    :disabled="browseStatus"
+                    placeholder="司机身份证"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="司机电话"
+                  prop="fDriverTel"
+                  :rules="{
+                    required: isrequired2 === 1 ? true : false,
+                    message: '请选择',
+                    trigger: ['blur', 'change'],
+                  }"
+                >
+                  <el-input
+                    v-model="form.fDriverTel"
+                    style="width: 80%"
+                    :disabled="browseStatus"
+                    placeholder="司机电话"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+
           <el-row>
             <el-col :span="24">
               <el-form-item label="备注" prop="remark">
@@ -435,8 +441,15 @@
             </el-col>
           </el-row>
           <el-row>
-            <el-col :offset="16" :span="2">
-              <el-form-item>
+            <el-col :offset="16" :span="6">
+             <el-button
+                  @click="
+                    detailsHidden2
+                      ? (detailsHidden2 = false)
+                      : (detailsHidden2 = true)
+                  "
+                  >{{ detailsHidden2 ? "隐藏" : "更多" }}
+                </el-button>
                 <el-button
                   @click="
                     detailsHidden
@@ -445,7 +458,6 @@
                   "
                   >{{ detailsHidden ? "隐藏" : "展开" }}
                 </el-button>
-              </el-form-item>
             </el-col>
           </el-row>
         </el-col>
@@ -3273,7 +3285,7 @@ export default {
       this.dataShowcar = response.msg;
       if (this.dataShowcar == "1") {
         this.detailsHidden2 = false;
-        this.form.fBusinessType='0'
+        this.form.fBusinessType = "0";
       }
     });
     listWarehousesss({ fStatus: 0, delFlag: 0 }).then((response) => {