编辑下拉框&网络请求封装优化

yangfeng

2023-07-14 22d4441a8c669185c13d2b6856c51ad550c50ae2

 src/views/custom/salesLead/AddSalesLeadDialog.vue

@@ -27,7 +27,7 @@
              </el-col>
              <el-col :span="12">
                <el-form-item label="销售线索编号" prop="saleLeadNumber">
                  <span>{{ editSalesLeadConfig.infomationsaleLeadNumber }}</span>
                  <el-input v-model="editConfig.infomation.saleLeadNumber"></el-input>
                </el-form-item>
              </el-col>
            </el-row>
@@ -61,6 +61,7 @@
                  <CommonSelectView
                    :common-value="editConfig.infomation.businessSource"
                    :common-options="businessSourceOptions"
                    @editDropdownBox="editDropdownBox"
                  />
                </el-form-item>
              </el-col>
@@ -152,16 +153,21 @@
          <div v-else><i class="el-icon-arrow-down"></i></div>
        </div>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" size="small" @click="editConfig.visible = false">保 存</el-button>
      <div slot="footer">
        <el-button type="primary" size="small" @click="saveClick('form')">保 存</el-button>
        <el-button size="small" @click="editConfig.visible = false">取 消</el-button>
      </div>
      <!-- 编辑下拉框 -->
      <EditDropdownDialog v-if="editDropdownConfig.editVisible" :edit-dropdown-config="editDropdownConfig" />
    </el-dialog>
  </div>
</template>

<script>
import CommonSelectView from "@/components/makepager/CommonSelectView"
import EditDropdownDialog from "@/views/other/commonDialog/EditDropdownDialog"
import { getSalesSourcesList } from "@/api/custom/salesLead"

export default {
  name: "AddSalesLeadDialog",
  props: {
@@ -192,7 +198,7 @@
      }
    }
  },
  components: { CommonSelectView },
  components: { CommonSelectView, EditDropdownDialog },
  computed: {
    searchCommonHeight() {
      return this.$refs.searchCommonView.offsetHeight
@@ -247,13 +253,41 @@
        { value: "4", label: "西城区" }
      ], // 区域
      unflodCollapseStr: "收起",
      isUnflod: true
      isUnflod: true,
      editDropdownConfig: {
        editVisible: false,
        title: "",
        infomation: {}
      }
    }
  },
  created() {},
  created() {
    this.getCommonData()
  },
  methods: {
    getCommonData() {
      getSalesSourcesList()
        .then((res) => {
          console.log(res)
          // this.businessSourceOptions = res.data.tableList
        })
        .catch((err) => {
          console.log(err)
        })
    },
    handleClose() {
      this.editConfig.visible = false
    },
    // 保存
    saveClick(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          alert("submit")
        } else {
          console.log("error submit")
          return false
        }
      })
    },
    // 展开收起
    unflodCollapseClick() {
@@ -264,6 +298,12 @@
        this.unflodCollapseStr = "收起"
        this.isUnflod = true
      }
    },
    // 编辑下拉框
    editDropdownBox() {
      console.log("aaa")
      this.editDropdownConfig.editVisible = true
      this.editDropdownConfig.title = "商机来源"
    }
  }
}
@@ -297,11 +337,6 @@
    justify-content: center;
    align-items: center;
    color: #6166d3;
  }
  .dialog-footer {
    background-color: #f5f5f5;
    height: 55px;
    line-height: 55px;
  }
}
</style>