产品模块、仓库管理模块全部新建弹窗样式修改

yangfeng

2023-10-17 f9536da2d1e3add6037ffbbcbce571c16df67045

 src/views/warehouseManage/position/AddDialog.vue

@@ -27,35 +27,34 @@
        ref="form"
        :model="editConfig.infomation"
        :rules="rules"
        label-position="left"
        label-width="110px"
        label-position="right"
        label-width="130px"
        size="mini"
        style="height: 60vh; overflow-x: hidden"
      >
        <div>
          <!-- <div>aaa</div> -->
        <div class="content-number-bg">
          <FormBtnsView :showPosition="true" :showWarehouse="false" @productClick="productClick" />
        </div>
        <div class="basic-info">
          <div class="basic-info-view">
            <el-row>
              <el-col :span="24" class="line_height_30px">
              <el-col :span="12" class="line_height_30px">
                <el-form-item label="位置名称" prop="name">
                  <el-input
                    :disabled="!showFooter"
                    v-model="editConfig.infomation.name"
                    placeholder="请输入"
                    style="width: 90%"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
              <el-col :span="12">
                <el-form-item label="上级位置" prop="parentId">
                  <el-select
                    v-model="editConfig.infomation.parentId"
                    placeholder="请选择"
                    size="mini"
                    style="width: 45%"
                    :disabled="!showFooter"
                    style="width: 90%"
                  >
                    <el-option v-for="item in positionList" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
@@ -63,79 +62,83 @@
                </el-form-item>
              </el-col>
            </el-row>
          </div>
          <div class="bottom">
            <div class="left">
              <div class="second-label">其他信息</div>
              <el-form-item label="位置类型" prop="type">
                <el-select
                  v-model="editConfig.infomation.type"
                  filterable
                  :disabled="!showFooter"
                  placeholder="请选择"
                  style="width: 100%"
                  no-data-text="暂无数据"
            <div class="purchase-view">
              <div class="left">
                <el-form-item label="位置类型" prop="type">
                  <el-select
                    v-model="editConfig.infomation.type"
                    filterable
                    :disabled="!showFooter"
                    placeholder="请选择"
                    style="width: 90%"
                    no-data-text="暂无数据"
                  >
                    <el-option v-for="item in positionTypeList" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="是一个报废位置"
                  v-if="editConfig.infomation.type == 3 || editConfig.infomation.type == 5"
                  prop="isScrapLocation"
                >
                  <el-option v-for="item in positionTypeList" :key="item.id" :label="item.name" :value="item.id">
                  </el-option>
                </el-select>
              </el-form-item>
              <el-form-item
                label="是一个报废位置"
                v-if="editConfig.infomation.type == 3 || editConfig.infomation.type == 5"
                prop="isScrapLocation"
              >
                <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.isScrapLocation"> </el-checkbox>
              </el-form-item>
              <el-form-item label="是一个退回位置" prop="isReturnLocation">
                <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.isReturnLocation"> </el-checkbox>
              </el-form-item>
              <el-form-item label="补充位置" v-if="editConfig.infomation.type == 3" prop="replenishLocation">
                <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.replenishLocation"> </el-checkbox>
              </el-form-item>
                  <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.isScrapLocation"> </el-checkbox>
                </el-form-item>
                <el-form-item label="是一个退回位置" prop="isReturnLocation">
                  <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.isReturnLocation"> </el-checkbox>
                </el-form-item>
                <el-form-item label="补充位置" v-if="editConfig.infomation.type == 3" prop="replenishLocation">
                  <el-checkbox :disabled="!showFooter" v-model="editConfig.infomation.replenishLocation"> </el-checkbox>
                </el-form-item>
              </div>
              <div class="right" v-if="editConfig.infomation.type == 3 || editConfig.infomation.type == 7">
                <!-- <div class="second-label">循环计数</div> -->
                <el-form-item label="盘点频率（天）" prop="countFrequency">
                  <el-input
                    :disabled="!showFooter"
                    v-model="editConfig.infomation.countFrequency"
                    placeholder="请输入"
                    style="width: 90%"
                  ></el-input>
                </el-form-item>
                <el-form-item label="最近有效盘点" prop="recentlyCount">
                  <el-date-picker
                    :disabled="!showFooter"
                    v-model="editConfig.infomation.recentlyCount"
                    type="date"
                    placeholder="选择日期"
                    value-format="yyyy-MM-dd"
                    style="width: 90%"
                  >
                  </el-date-picker>
                </el-form-item>
                <el-form-item label="预计下一次盘点" prop="nextCount">
                  <el-date-picker
                    :disabled="!showFooter"
                    v-model="editConfig.infomation.nextCount"
                    type="date"
                    placeholder="选择日期"
                    value-format="yyyy-MM-dd"
                    style="width: 90%"
                  >
                  </el-date-picker>
                </el-form-item>
              </div>
            </div>
            <div class="left" v-if="editConfig.infomation.type == 3 || editConfig.infomation.type == 7">
              <div class="second-label">循环计数</div>
              <el-form-item label="盘点频率（天）" prop="countFrequency">
                <el-input
                  :disabled="!showFooter"
                  v-model="editConfig.infomation.countFrequency"
                  placeholder="请输入"
                ></el-input>
              </el-form-item>
              <el-form-item label="最近有效盘点" prop="recentlyCount">
                <el-date-picker
                  :disabled="!showFooter"
                  v-model="editConfig.infomation.recentlyCount"
                  type="date"
                  placeholder="选择日期"
                  value-format="yyyy-MM-dd"
                >
                </el-date-picker>
              </el-form-item>
              <el-form-item label="预计下一次盘点" prop="nextCount">
                <el-date-picker
                  :disabled="!showFooter"
                  v-model="editConfig.infomation.nextCount"
                  type="date"
                  placeholder="选择日期"
                  value-format="yyyy-MM-dd"
                >
                </el-date-picker>
              </el-form-item>
            </div>
            <el-form-item label="备注" prop="notes">
              <el-input
                :disabled="!showFooter"
                type="textarea"
                placeholder="外部备注"
                :autosize="{ minRows: 3, maxRows: 4 }"
                maxlength="500"
                clearable
                v-model="editConfig.infomation.notes"
                style="width: 96%"
              ></el-input>
            </el-form-item>
          </div>
          <el-form-item label="" prop="notes" label-width="20px">
            <el-input
              :disabled="!showFooter"
              type="textarea"
              placeholder="外部备注"
              :autosize="{ minRows: 3, maxRows: 4 }"
              maxlength="500"
              clearable
              v-model="editConfig.infomation.notes"
            ></el-input>
          </el-form-item>

          <div class="bottom">
            <!-- <div class="left"> -->
            <!-- <div class="second-label">物流</div> -->
@@ -163,9 +166,9 @@
        </div>
      </el-form>
      <!-- 尾 -->
      <div v-if="showFooter" slot="footer" class="dialog-footer">
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" size="small" @click="saveClick('form')" :disabled="!showFooter">保存</el-button>
        <el-button size="small" @click="editConfig.visible = false">取消</el-button>
        <el-button type="primary" size="small" @click="saveClick('form')">保存</el-button>
      </div>
    </el-dialog>
  </div>
@@ -347,18 +350,21 @@
.content-status {
  display: flex;
}
.content-number-bg {
  margin-top: 10px;
}
.basic-info {
  height: calc(100% - 80px);
  overflow: auto;
  margin: 20px;
  border: 1px solid #dcdfe6;
  box-shadow: inset 0 0 2px #dee2e6;
  -moz-box-shadow: inset 0 0 2px #dee2e6;
  -webkit-box-shadow: inset 0 0 2px #dee2e6;
  .basic-info-view {
    margin-top: 20px;
    padding: 0 20px;
  }
  // border: 1px solid #dcdfe6;
  // box-shadow: inset 0 0 2px #dee2e6;
  // -moz-box-shadow: inset 0 0 2px #dee2e6;
  // -webkit-box-shadow: inset 0 0 2px #dee2e6;
  // .basic-info-view {
  //   margin-top: 20px;
  //   padding: 0 20px;
  // }
  .bottom {
    display: flex;
    margin-left: 20px;