el-input el-date-picker组合框

时间: 2025-05-18 15:01:33 浏览: 37
null
阅读全文

相关推荐

<template> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="150px"> <el-form-item label="采集数据提交的时间"> <el-date-picker v-model="daterangeTime" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" ></el-date-picker> </el-form-item> <el-form-item label="采集数据提交的地点" prop="position"> <el-input v-model="queryParams.position" placeholder="请输入采集数据提交的地点" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="采集人员编号" prop="userid"> <el-input v-model="queryParams.userid" placeholder="请输入采集人员编号" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="施工单位" prop="sgdw"> <el-input v-model="queryParams.sgdw" placeholder="请输入施工单位" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="监理单位" prop="jldw"> <el-input v-model="queryParams.jldw" placeholder="请输入监理单位" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="合同号" prop="hth"> <el-input v-model="queryParams.hth" placeholder="请输入合同号" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="编号" prop="bh"> <el-input v-model="queryParams.bh" placeholder="请输入编号" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="工程名称" prop="gcmc"> <el-input v-model="queryParams.gcmc" placeholder="请输入工程名称" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="施工时间"> <el-date-picker v-model="daterangeSgsj" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" ></el-date-picker> </el-form-item> <el-form-item> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> </el-form-item> </el-form> <el-row :gutter="10" class="mb8"> <el-col :span="1.5"> <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['gjstjgjlb:sj32:add']" >新增</el-button> </el-col> <el-col :span="1.5"> <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['gjstjgjlb:sj32:edit']" >修改</el-button> </el-col> <el-col :span="1.5"> <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['gjstjgjlb:sj32:remove']" >删除</el-button> </el-col> <el-col :span="1.5"> <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['gjstjgjlb:sj32:export']" >导出</el-button> </el-col> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> <el-table v-loading="loading" :data="sj32List" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="ID" align="center" prop="id" /> <el-table-column label="采集数据提交的时间" align="center" prop="time" width="180"> <template slot-scope="scope"> {{ parseTime(scope.row.time, '{y}-{m}-{d}') }} </template> </el-table-column> <el-table-column label="采集数据提交的地点" align="center" prop="position" /> <el-table-column label="采集人员编号" align="center" prop="userid" /> <el-table-column label="施工单位" align="center" prop="sgdw" /> <el-table-column label="监理单位" align="center" prop="jldw" /> <el-table-column label="合同号" align="center" prop="hth" /> <el-table-column label="编号" align="center" prop="bh" /> <el-table-column label="工程名称" align="center" prop="gcmc" /> <el-table-column label="施工时间" align="center" prop="sgsj" width="180"> <template slot-scope="scope"> {{ parseTime(scope.row.sgsj, '{y}-{m}-{d}') }} </template> </el-table-column> <el-table-column label="工程部位-桩号" align="center" prop="gcbwZh" /> <el-table-column label="工程部位-墩台号" align="center" prop="gcbwDth" /> <el-table-column label="工程部位-孔号" align="center" prop="gcbwKh" /> <el-table-column label="钢筋规格" align="center" prop="gjgg" /> <el-table-column label="抽检数量" align="center" prop="cjsl" /> <el-table-column label="代表数量" align="center" prop="dbsl" /> <el-table-column label="生产日期" align="center" prop="scrq" width="180"> <template slot-scope="scope"> {{ parseTime(scope.row.scrq, '{y}-{m}-{d}') }} </template> </el-table-column> <el-table-column label="施工员" align="center" prop="sgy" /> <el-table-column label="专业工程师" align="center" prop="zygcs" /> <el-table-column label="检验结论" align="center" prop="jyjl" /> <el-table-column label="不合格处理" align="center" prop="bhgcl" /> <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['gjstjgjlb:sj32:edit']" >修改</el-button> <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['gjstjgjlb:sj32:remove']" >删除</el-button> <el-button size="mini" type="text" icon="el-icon-edit" @click="handleMyExport(scope.row)" >导出</el-button> </template> </el-table-column> </el-table> 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body> <template slot="title"> 钢筋丝头加工记录表 </template> <el-form ref="form" :model="form" :rules="rules" label-width="0"> 施工单位: <el-input v-model="form.sgdw" placeholder="请输入施工单位"></el-input> 合同号: <el-input v-model="form.hth" placeholder="请输入合同号"></el-input> 监理单位: <el-input v-model="form.jldw" placeholder="请输入监理单位"></el-input> 编号: <el-input v-model="form.bh" placeholder="请输入编号"></el-input> 工程名称: <el-input v-model="form.gcmc" placeholder="请输入工程名称"></el-input> 施工时间: <el-date-picker v-model="form.sgsj" type="date" placeholder="选择施工时间" style="width: 100%;"></el-date-picker> 工程部位(桩号、墩台号、孔号): <el-input v-model="form.gcbwZh" placeholder="桩号" style="width: 120px;"></el-input> - <el-input v-model="form.gcbwDth" placeholder="墩台号" style="width: 120px;"></el-input> - <el-input v-model="form.gcbwKh" placeholder="孔号" style="width: 120px;"></el-input> 钢筋规格: <el-input v-model="form.gjgg" placeholder="请输入钢筋规格"></el-input> 抽检数量(根): <el-input-number v-model="form.cjsl" :placeholder="form.cjsl ? '' : '数量'" style="width: 100%;"></el-input-number> 生产日期: <el-date-picker v-model="form.scrq" type="date" placeholder="选择生产日期" style="width: 100%;"></el-date-picker> 代表数量(根): <el-input-number v-model="form.dbsl" :placeholder="form.dbsl ? '' : '数量'" style="width: 100%;"></el-input-number> 施工实际情况 <el-table :data="sgsjqkList" :row-class-name="rowSgsjqkIndex" @selection-change="handleSgsjqkSelectionChange" ref="sgsjqk" style="width: 100%"> <el-table-column type="selection" width="50" align="center" /> <el-table-column label="序号" align="center" prop="index" width="90"/> <el-table-column prop="gjzj" label="钢筋直径" width="130" align="center"> <template slot-scope="scope"> <el-input v-model="scope.row.gjzj" size="small" placeholder="直径(mm)"></el-input> </template> </el-table-column> <el-table-column label="丝头螺纹检验" align="center"> <el-table-column prop="htg" label="环通规" width="110" align="center"> <template slot-scope="scope"> <el-select v-model="scope.row.htg" size="small" placeholder="√/×" style="width: 60px;"> <el-option label="√" value="√"></el-option> <el-option label="×" value="×"></el-option> </el-select> </template> </el-table-column> <el-table-column prop="hzg" label="环止规" width="110" align="center"> <template slot-scope="scope"> <el-select v-model="scope.row.hzg" size="small" placeholder="√/×" style="width: 60px;"> <el-option label="√" value="√"></el-option> <el-option label="×" value="×"></el-option> </el-select> </template> </el-table-column> </el-table-column> <el-table-column label="丝头外观检验" align="center"> <el-table-column prop="yxlwcd" label="有效螺纹长度" width="120" align="center"> <template slot-scope="scope"> <el-select v-model="scope.row.yxlwcd" size="small" placeholder="√/×" style="width: 60px;"> <el-option label="√" value="√"></el-option> <el-option label="×" value="×"></el-option> </el-select> </template> </el-table-column> <el-table-column prop="bwzlw" label="不完整螺纹" width="120" align="center"> <template slot-scope="scope"> <el-select v-model="scope.row.bwzlw" size="small" placeholder="√/×" style="width: 60px;"> <el-option label="√" value="√"></el-option> <el-option label="×" value="×"></el-option> </el-select> </template> </el-table-column> <el-table-column prop="wgjc" label="外观检查" width="150" align="center"> <template slot-scope="scope"> <el-input v-model="scope.row.wgjc" size="small" placeholder="外观情况"></el-input> </template> </el-table-column> </el-table-column> </el-table> 检验结论: <el-input v-model="form.jyjl" placeholder="检验结论"></el-input> 不合格处理: <el-input v-model="form.bhgcl" placeholder="不合格处理"></el-input> <el-col :span="1.5"> <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddSgsjqk">添加</el-button> </el-col> <el-col :span="1.5"> <el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDeleteSgsjqk">删除</el-button> </el-col> 施工员: <el-input v-model="form.sgy" placeholder="姓名" style="width: 120px; margin-right: 40px;"></el-input> 专业工程师: <el-input v-model="form.zygcs" placeholder="姓名" style="width: 120px;"></el-input> </el-form> <el-button type="primary" @click="submitForm">确 定</el-button> <el-button @click="cancel">取 消</el-button> </el-dialog> </template> <script> import { listSj32, getSj32, delSj32, addSj32, updateSj32, exportMyExcel } from "@/api/gjstjgjlb/sj32" export default { name: "Sj32", dicts: ['sys_dui_nodui'], data() { return { // 遮罩层 loading: true, // 选中数组 ids: [], // 子表选中数据 checkedSgsjqk: [], // 非单个禁用 single: true, // 非多个禁用 multiple: true, // 显示搜索条件 showSearch: true, // 总条数 total: 0, // 钢筋丝头加工记录表表格数据 sj32List: [], // 施工实际情况表格数据 sgsjqkList: [], // 弹出层标题 title: "", // 是否显示弹出层 open: false, // 外键时间范围 daterangeTime: [], // 外键时间范围 daterangeSgsj: [], // 查询参数 queryParams: { pageNum: 1, pageSize: 10, time: null, position: null, userid: null, sgdw: null, jldw: null, hth: null, bh: null, gcmc: null, sgsj: null, }, // 表单参数 form: {}, // 表单校验 rules: { } } }, created() { this.getList() }, methods: { /** 查询钢筋丝头加工记录表列表 */ getList() { this.loading = true this.queryParams.params = {} if (null != this.daterangeTime && '' != this.daterangeTime) { this.queryParams.params["beginTime"] = this.daterangeTime[0] this.queryParams.params["endTime"] = this.daterangeTime[1] } if (null != this.daterangeSgsj && '' != this.daterangeSgsj) { this.queryParams.params["beginSgsj"] = this.daterangeSgsj[0] this.queryParams.params["endSgsj"] = this.daterangeSgsj[1] } listSj32(this.queryParams).then(response => { this.sj32List = response.rows this.total = response.total this.loading = false }) }, // 取消按钮 cancel() { this.open = false this.reset() }, // 表单重置 reset() { this.form = { id: null, time: null, position: null, userid: null, sgdw: null, jldw: null, hth: null, bh: null, gcmc: null, sgsj: null, gcbwZh: null, gcbwDth: null, gcbwKh: null, gjgg: null, cjsl: null, dbsl: null, scrq: null, sgy: null, zygcs: null, jyjl: null, bhgcl: null } this.sgsjqkList = [] this.resetForm("form") }, /** 搜索按钮操作 */ handleQuery() { this.queryParams.pageNum = 1 this.getList() }, /** 重置按钮操作 */ resetQuery() { this.daterangeTime = [] this.daterangeSgsj = [] this.resetForm("queryForm") this.handleQuery() }, // 多选框选中数据 handleSelectionChange(selection) { this.ids = selection.map(item => item.id) this.single = selection.length!==1 this.multiple = !selection.length }, /** 新增按钮操作 */ handleAdd() { this.reset() this.open = true this.title = "添加钢筋丝头加工记录表" }, /** 修改按钮操作 */ handleUpdate(row) { this.reset() const id = row.id || this.ids getSj32(id).then(response => { this.form = response.data this.sgsjqkList = response.data.sgsjqkList this.open = true this.title = "修改钢筋丝头加工记录表" }) }, /** 提交按钮 */ submitForm() { this.$refs["form"].validate(valid => { if (valid) { this.form.sgsjqkList = this.sgsjqkList if (this.form.id != null) { updateSj32(this.form).then(response => { this.$modal.msgSuccess("修改成功") this.open = false this.getList() }) } else { addSj32(this.form).then(response => { this.$modal.msgSuccess("新增成功") this.open = false this.getList() }) } } }) }, /** 删除按钮操作 */ handleDelete(row) { const ids = row.id || this.ids this.$modal.confirm('是否确认删除钢筋丝头加工记录表编号为"' + ids + '"的数据项?').then(function() { return delSj32(ids) }).then(() => { this.getList() this.$modal.msgSuccess("删除成功") }).catch(() => {}) }, /** 施工实际情况序号 */ rowSgsjqkIndex({ row, rowIndex }) { row.index = rowIndex + 1 }, /** 施工实际情况添加按钮操作 */ handleAddSgsjqk() { let obj = {} obj.gjzj = "" obj.htg = "" obj.hzg = "" obj.yxlwcd = "" obj.bwzlw = "" obj.wgjc = "" this.sgsjqkList.push(obj) }, /** 施工实际情况删除按钮操作 */ handleDeleteSgsjqk() { if (this.checkedSgsjqk.length == 0) { this.$modal.msgError("请先选择要删除的施工实际情况数据") } else { const sgsjqkList = this.sgsjqkList const checkedSgsjqk = this.checkedSgsjqk this.sgsjqkList = sgsjqkList.filter(function(item) { return checkedSgsjqk.indexOf(item.index) == -1 }) } }, /** 复选框选中数据 */ handleSgsjqkSelectionChange(selection) { this.checkedSgsjqk = selection.map(item => item.index) }, /** 导出按钮操作 */ handleExport() { this.download('gjstjgjlb/sj32/export', { ...this.queryParams }, sj32_${new Date().getTime()}.xlsx) }, handleMyExport(row) { const id = row.id exportMyExcel(id).then(response => { this.$modal.msgSuccess("导出成功"); }); } } } </script> 分析以上代码

<template> <template v-if="modalConfig?.component === 'drawer'"> <el-drawer v-model="modalVisible" :append-to-body="true" v-bind="modalConfig?.drawer" @close="handleCloseModal" > <el-form ref="formRef" label-width="auto" v-bind="modalConfig?.form" :model="formData" :rules="formRules" :disabled="modalConfig?.formDisabled" > <el-row :gutter="20"> <template v-for="item in formItems" :key="item.prop"> <el-col v-show="!item.hidden" v-bind="item.col"> <el-form-item :label="item.label" :prop="item.prop"> <template v-if="item.tips" #label> {{ item.label }} <el-tooltip placement="bottom" effect="light" :content="item.tips + ''" :raw-content="true" > <el-icon style="vertical-align: -0.15em" size="16"> <QuestionFilled /> </el-icon> </el-tooltip> </template> <template v-if="item.type === 'input' || item.type === undefined"> <el-input v-model="formData[item.prop]" v-bind="item.attrs" /> </template> <template v-else-if="item.type === 'select'"> <el-select v-model="formData[item.prop]" v-bind="item.attrs"> <template v-for="option in item.options" :key="option.value"> <el-option v-bind="option" /> </template> </el-select> </template> <template v-else-if="item.type === 'radio'"> <el-radio-group v-model="formData[item.prop]" v-bind="item.attrs"> <template v-for="option in item.options" :key="option.value"> <el-radio v-bind="option" /> </template> </el-radio-group> </template> <template v-else-if="item.type === 'switch'"> <el-switch v-model="formData[item.prop]" inline-prompt v-bind="item.attrs" /> </template> <template v-else-if="item.type === 'checkbox'"> <el-checkbox-group v-model="formData[item.prop]" v-bind="item.attrs"> <template v-for="option in item.options" :key="option.value"> <el-checkbox v-bind="option" /> </template> </el-checkbox-group> </template> <template v-else-if="item.type === 'input-number'"> <el-input-number v-model="formData[item.prop]" v-bind="item.attrs" /> </template> <template v-else-if="item.type === 'tree-select'"> <FkSelectTree v-model="formData[item.prop]" v-bind="item.attrs" :multiple="item.attrs?.multiple" /> </template> <template v-else-if="item.type === 'date-picker'"> <el-date-picker v-model="formData[item.prop]" v-bind="item.attrs" /> </template> <template v-else-if="item.type === 'text'"> <el-text v-bind="item.attrs"> {{ formData[item.prop] }} </el-text> </template> <template v-else-if="item.type === 'sys-code'"> <FkSysCode v-model="formData[item.prop]" :sysCode="item.sysCodeSetCode" v-bind="item.attrs" /> </template> <template v-else-if="item.type === 'custom'"> <slot :name="item.slotName ?? item.prop" :prop="item.prop" :form-data="formData" :attrs="item.attrs" /> </template> </el-form-item> </el-col> </template> </el-row> </el-form> <template #footer> <el-button type="primary" @click="handleSubmit">确 定1</el-button> <el-button @click="handleClose">取 消</el-button> <el-button @click="handleClose">关闭</el-button> </template> </el-drawer> </template> <template v-else> <el-dialog v-model="modalVisible" :align-center="true" :append-to-body="true" width="70vw" v-bind="modalConfig?.dialog" style="padding-right: 0" @close="handleCloseModal" > <el-scrollbar max-height="60vh"> <el-form ref="formRef" label-width="auto" v-bind="modalConfig.form" style="padding-right: var(--el-dialog-padding-primary)" :model="formData" :rules="formRules" > <el-row :gutter="20"> <template v-for="item in formItems" :key="item.prop"> <el-col v-show="!item.hidden" v-bind="item.col"> <el-form-item :label="item.label" :prop="item.prop"> <template v-if="item.tips" #label> {{ item.label }} <el-tooltip placement="bottom" effect="light" :content="item.tips + ''" :raw-content="true" > <el-icon style="vertical-align: -0.15em" size="16"> <QuestionFilled /> </el-icon> </el-tooltip> </template> <template v-if="item.type === 'input' || item.type === undefined"> <el-input v-model="formData[item.prop]" v-bind="item.attrs" clearable /> </template> <template v-else-if="item.type === 'select'"> <el-select v-model="formData[item.prop]" v-bind="item.attrs"> <template v-for="option in item.options" :key="option.value"> <el-option v-bind="option" /> </template> </el-select> </template> <template v-else-if="item.type === 'radio'"> <el-radio-group v-model="formData[item.prop]" v-bind="item.attrs"> <template v-for="option in item.options" :key="option.value"> <el-radio v-bind="option" /> </template> </el-radio-group> </template> <template v-else-if="item.type === 'switch'"> <el-switch v-model="formData[item.prop]" inline-prompt v-bind="item.attrs" /> </template> <template v-else-if="item.type === 'checkbox'"> <el-checkbox-group v-model="formData[item.prop]" v-bind="item.attrs"> <template v-for="option in item.options" :key="option.value"> <el-checkbox v-bind="option" /> </template> </el-checkbox-group> </template> <template v-else-if="item.type === 'input-number'"> <el-input-number v-model="formData[item.prop]" v-bind="item.attrs" /> </template> <template v-else-if="item.type === 'tree-select'"> <FkSelectTree v-model="formData[item.prop]" v-bind="item.attrs" :multiple="item.attrs?.multiple" /> </template> <template v-else-if="item.type === 'date-picker'"> <el-date-picker v-model="formData[item.prop]" v-bind="item.attrs" /> </template> <template v-else-if="item.type === 'text'"> <el-text v-bind="item.attrs"> {{ formData[item.prop] }} </el-text> </template> <template v-else-if="item.type === 'sys-code'"> <FkSysCode v-model="formData[item.prop]" :sys-code="item.sysCodeSetCode" v-bind="item.attrs" /> </template> <template v-else-if="item.type === 'custom'"> <slot :name="item.slotName ?? item.prop" :prop="item.prop" :form-data="formData" :attrs="item.attrs" /> </template> </el-form-item> </el-col> </template> </el-row> </el-form> </el-scrollbar> <template #footer> <el-button type="primary" @click="handleSubmit">确 定</el-button> <el-button @click="handleClose">取 消</el-button> </template> </el-dialog> </template> </template> <script setup lang="ts"> import { useThrottleFn } from "@vueuse/core"; import type { FormInstance, FormRules } from "element-plus"; import { nextTick, reactive, ref, watch, watchEffect } from "vue"; import type { IModalConfig, IObject, IContentConfig } from "./types"; // 定义接收的属性 const props = defineProps<{ modalConfig: IModalConfig; contentConfig?: IContentConfig; }>(); // 自定义事件 const emit = defineEmits<{ submitClick: []; }>(); const pk = props.modalConfig?.pk ?? "id"; const modalVisible = ref(false); const formRef = ref<FormInstance>(); let formItems = reactive(props.modalConfig.formItems); let formItemChanges = ref<Record<string, any>>({}); const formData = reactive<IObject>({}); const formRules = ref<FormRules>({}); const formDisable = ref(false); const prepareFuncs = []; for (const item of formItems) { item.initFn && item.initFn(item); formData[item.prop] = item.initialValue ?? ""; formRules.value[item.prop] = item.rules ?? []; if (item.watch !== undefined) { prepareFuncs.push(() => { watch( () => formData[item.prop], (newValue, oldValue) => { item.watch && item.watch(newValue, oldValue, formData, formItems); } ); }); } if (item.computed !== undefined) { prepareFuncs.push(() => { watchEffect(() => { item.computed && (formData[item.prop] = item.computed(formData)); }); }); } if (item.watchEffect !== undefined) { prepareFuncs.push(() => { watchEffect(() => { item.watchEffect && item.watchEffect(formData); }); }); } if (item.change) { formItemChanges.value[item.prop] = item.change; } } prepareFuncs.forEach((func) => func()); // 获取表单数据 function getFormData(key?: string) { return key === undefined ? formData : (formData[key] ?? undefined); } // 设置表单值 function setFormData(data: IObject) { for (const key in formData) { if (Object.prototype.hasOwnProperty.call(formData, key) && key in data) { formData[key] = data[key]; formRef.value?.clearValidate(); } } if (Object.prototype.hasOwnProperty.call(data, pk)) { formData[pk] = data[pk]; formRef.value?.clearValidate(); } } // 设置表单项值 function setFormItemData(key: string, value: any) { formData[key] = value; formRef.value?.clearValidate(); } // 显示modal function setModalVisible(data: IObject = {}) { modalVisible.value = true; // nextTick解决赋值后重置表单无效问题 nextTick(() => { Object.values(data).length > 0 && setFormData(data); }); formRef.value?.clearValidate(); } // 表单提交 const handleSubmit = useThrottleFn(() => { formRef.value?.validate((valid: boolean) => { if (valid) { if (typeof props.modalConfig.beforeSubmit === "function") { props.modalConfig.beforeSubmit(formData); } if ( props.contentConfig && props.contentConfig.lefftTree && props.contentConfig.lefftTree.treeKeyName ) { formData[props.contentConfig.lefftTree.treeKeyName] = props.contentConfig?.lefftTree.treeKeyValue; } if (!props.modalConfig.formAction) { ElMessage.error("表单提交未配置"); return; } props.modalConfig.formAction(formData).then(() => { let msg = "操作成功"; if (props.modalConfig.component === "drawer") { if (props.modalConfig.drawer?.title) { msg = ${props.modalConfig.drawer?.title}成功; } } else { if (props.modalConfig.dialog?.title) { msg = ${props.modalConfig.dialog?.title}成功; } } ElMessage.success(msg); handleClose(); emit("submitClick"); }); } }); }, 3000); // 取消弹窗 function handleClose() { console.log("取消弹窗"); handleCloseModal(); } // 关闭弹窗 function handleCloseModal() { modalVisible.value = false; handleDrawerClose(); formRef.value?.resetFields(); formRef.value?.clearValidate(); } // 禁用表单--用于详情时候用 function handleDisabled(disable: boolean) { formRef.value?.clearValidate; formDisable.value = disable; props.modalConfig.formDisabled = disable; } // 初始化监听 let formWatcher: () => void; const setupFormWatcher = () => { // 监听指定字段变化 formWatcher = watch( () => props.modalConfig.formItems .filter((formItem) => formItemChanges.value[formItem.prop]) .map((formItem) => ({ prop: formItem.prop, value: formData[formItem.prop], })), (fields) => { fields.forEach((field) => { if (!formItemChanges.value[field.prop]) return; console.log("字段变化:", field.prop, field.value); const changeConfig = formItemChanges.value[field.prop]; if (changeConfig.hidden) { const hiddenStates = changeConfig.hidden(formData); props.modalConfig.formItems.forEach((formItem) => { if (hiddenStates[formItem.prop] !== undefined) { formItem.hidden = hiddenStates[formItem.prop]; formRules.value[formItem.prop] = formItem.hidden ? [] : formItem.rules || []; } }); } }); formRef.value?.clearValidate(); }, { deep: true, immediate: true } ); }; watch( () => modalVisible.value, (newModalVisible) => { if (newModalVisible) { setupFormWatcher(); } else { handleDrawerClose(); } } ); // 弹窗关闭处理 const handleDrawerClose = () => { if (formWatcher) { formWatcher(); // 调用停止监听函数 } }; // 组件卸载时确保停止监听 onUnmounted(() => { handleDrawerClose(); }); // 暴露的属性和方法 defineExpose({ setModalVisible, getFormData, setFormData, setFormItemData, handleDisabled }); </script> <style lang="scss" scoped></style> 优化,弹窗关闭后取消监听,表单校验逻辑

<template> <el-form ref="ruleFormRef" style="margin-top: 20px;max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto" :disabled="pageMode === 'view'"> <el-form-item label="产品名称:" prop="name"> <el-input v-model="ruleForm.name" /> </el-form-item> <el-form-item label="产品描述:" prop="description"> <el-input v-model="ruleForm.description" type="textarea"/> </el-form-item> <el-form-item label="产品分类:" prop="category" style="width: 50%;"> <el-select v-model="ruleForm.category" placeholder="请选择分类"> <el-option v-for="item in categorys" :label="item.name" :value="item.id" :key="item.id" /> </el-select> </el-form-item> <el-form-item label="产品单价:" prop="price"> <el-input v-model.number="ruleForm.price" type="number" style="width: 240px" /> </el-form-item> <el-form-item label="产品库存:" prop="stock"> <el-input v-model.number="ruleForm.stock" type="number" style="width: 240px" /> </el-form-item> <el-form-item label="生产厂家:" prop="manufacturer"> <el-input v-model="ruleForm.manufacturer" /> </el-form-item> <el-form-item label="产地:" required> <el-col :span="12"> <el-form-item prop="originProvince"> <el-select v-model="ruleForm.originProvince" placeholder="省" style="flex: 1; margin-right: 10px"> <el-option v-for="item in originProvinces" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item prop="originCity"> <el-select v-model="ruleForm.originCity" placeholder="市" style="flex: 1 " :disabled="!ruleForm.originProvince"> <el-option v-for="item in originCitys" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> </el-form-item> <el-form-item label="发货地:" required> <el-col :span="12"> <el-form-item prop="shippingProvince"> <el-select v-model="ruleForm.shippingProvince" placeholder="省" style="flex: 1; margin-right: 10px"> <el-option v-for="item in originProvinces" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item prop="shippingCity"> <el-select v-model="ruleForm.shippingCity" placeholder="市" style="flex: 1" :disabled="!ruleForm.shippingProvince"> <el-option v-for="item in shippingCities" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> </el-form-item> <el-form-item label="生产日期" required> <el-col :span="11"> <el-form-item prop="createAt"> <el-date-picker v-model="ruleForm.createAt" type="date" aria-label="Pick a date" placeholder="Pick a date" style="width: 100%" /> </el-form-item> </el-col> </el-form-item> <el-form-item> <el-button v-if="pageMode === 'default'" style="margin-left: 18px;" type="primary" @click="submitForm(ruleFormRef, ruleForm)"> 登录 </el-button> <el-button v-if="pageMode === 'edit'" style="margin-left: 30px;" type="primary" @click="updateForm(ruleFormRef)"> 更新 </el-button> <el-button v-if="pageMode === 'edit' || pageMode === 'default'" style="margin-left: 30px;" type="primary" @click="resetForm(ruleFormRef)"> 重置 </el-button> </el-form-item> </el-form> </template> <script setup> import { ref, reactive, onMounted } from 'vue'; import productApi from '@/api/products' import placeApi from '@/api/place' import { useRouter } from 'vue-router' import { ElLoading, ElMessage } from 'element-plus' const pageMode = ref('') // 可选值: 'view', 'edit', 'default' const router = useRouter(); const ruleFormRef = ref() const categorys = ref([])// 产品分类 const originProvinces = ref([]) // 省份数据 const originCitys = ref([]) // 城市数据 const shippingCities = ref([]) // 发货地城市数据 const ruleForm = reactive({ name: '', description: '', category: '', price: '', stock: '', manufacturer: '', originProvince: '', originCity: '', shippingProvince: '', shippingCity: '', createAt: '', user: 'aaa', delivery: false, type: [], }) const rules = reactive({ name: [ { required: true, message: '请输入产品名称', trigger: 'blur' }, { max: 10, message: '长度超过10位', trigger: 'blur' }, ], description: [ { required: true, message: '请输入产品描述', trigger: 'blur' }, { max: 200, message: '长度超过200位', trigger: 'blur' }, ], category: [ { required: true, message: '请选择产品分类', trigger: 'change', }, ], price: [ { required: true, message: '请输入产品单价', trigger: ['blur', 'change'] }, { validator: (rule, value, callback) => { if (value === null || value === '') { callback(new Error('请输入产品单价')) } else if (value <= 0) { callback(new Error('单价必须大于 0')) } else if (value > 10000) { callback(new Error('单价不能大于 10000')) } else { callback() } }, trigger: ['blur', 'change'] } ], stock: [ { required: true, message: '请输入产品库存', trigger: ['blur', 'change'] }, { validator: (rule, value, callback) => { if (value === null || value === '') { callback(new Error('请输入商品单价')) } else if (value <= 0) { callback(new Error('单价必须大于 0')) } else if (value > 10000) { callback(new Error('单价不能大于 10000')) } else { callback() } }, trigger: ['blur', 'change'] } ], manufacturer: [ { required: true, message: '请输入生产厂家', trigger: 'blur' }, ], originProvince: { validator: (rule, value, callback) => { if (!value) { callback(new Error('请选择产地省份')) } else { callback() } }, trigger: 'change' }, originCity:{ validator: (rule, value, callback) => { if (!value) { callback(new Error('请选择产地城市')) } else { callback() } }, trigger: 'change' }, shippingProvince: { validator: (rule, value, callback) => { if (!value) { callback(new Error('请选择发货省份')) } else { callback() } }, trigger: 'change' }, shippingCity:{ validator: (rule, value, callback) => { if (!value) { callback(new Error('请选择发货城市')) } else { callback() } }, trigger: 'change' }, createAt: [ { type: 'date', required: true, message: '请输入日期', trigger: 'change', }, ], }) // 重置表单操作 const resetForm = (formEl) => { if (!formEl) return formEl.resetFields() } //产品分类 function getCategory() { productApi.getCategory().then(res => { categorys.value = res.data; }) } // 获取商品详情 function getProductDetail(productId) { productApi.getById(productId).then(res => { const data = res.data // 先赋值整个对象 Object.assign(ruleForm, data) }).catch(error => { console.error('获取商品详情失败:', error); }); } // 获取省份 function getProvinces() { placeApi.getProvince().then(res => { originProvinces.value = res.data }).catch(error => { console.error('获取省份失败:', error) }) } // 监听产地省份变化,加载城市 watch( () => ruleForm.originProvince, (newVal) => { if (newVal) { placeApi.getCity(newVal).then(res => { originCitys.value = res.data }).catch(() => { originCitys.value = [] }) } else { // 如果省份为空,则清空城市列表和当前选中的城市字段 originCitys.value = [] ruleForm.originCity = '' } } ) // 监听发货地省份变化,加载城市 watch( () => ruleForm.shippingProvince, (newVal) => { if (newVal) { placeApi.getCity(newVal).then(res => { shippingCities.value = res.data }).catch(() => { shippingCities.value = [] }) } else { // 如果省份为空,则清空城市列表和当前选中的城市字段 shippingCities.value = [] ruleForm.shippingCity = '' } } ) // 更新操作 const updateForm = async (formEl) => { if (!formEl) return const loading = ElLoading.service({ fullscreen: true }) await formEl.validate((valid, fields) => { if (valid) { console.log('开始提交...') // 调用 API 更新商品信息 productApi.update(ruleForm).then(res => { ElMessage.success('更新成功') router.push('/home/test1') // 可选跳转回列表页 }).catch(error => { console.error('更新失败:', error) ElMessage.error('更新失败,请重试') }).finally(() => { loading.close() }) } else { console.log('表单验证失败:', fields) ElMessage.error('请检查输入内容') loading.close() return false } }) } // 登录操作 const submitForm = async (formEl, ruleForm) => { if (!formEl) return await formEl.validate((valid, fields) => { if (valid) { console.log('开始提交商品...') const loading = ElLoading.service({ fullscreen: true }) productApi.addProduct(ruleForm).then(res => { ElMessage.success('登录成功') router.push('/home/test1') }).catch(error => { console.error('登录失败:', error) ElMessage.error('登录失败,请重试') }).finally(() => { loading.close() }) } else { console.log('表单验证失败:', fields) ElMessage.error('请检查输入内容') loading.close() return false } }) } onMounted(() => { getCategory() getProvinces() // 获取当前路由信息 const route = router.currentRoute.value // 判断页面是查看、编辑还是新增模式 const type = route.query.type const productId = route.params.id || route.query.id if (type === 'view') { pageMode.value = 'view' // 查看模式:不显示按钮 } else if (type === 'edit') { pageMode.value = 'edit' // 编辑模式:显示“更新”、“重置” } else { pageMode.value = 'default' // 默认模式:显示“登录”、“重置” } // 如果存在商品 ID,则调用接口获取商品详情并填充表单 if (productId) { getProductDetail(productId) } }) </script> <style> .location-selectors { display: flex; justify-content: space-between; width: 100%; } </style> 我想将form表单拆分成五层自定义组件结构

大家在看

recommend-type

信贷管理系统需求规格说明书

目录 第1章 1.1 背景概括 …………………………………………………… 5 1.2 可行性分析……………………………………………………… 7 (1) 经济可行性………………………………………………… 7 (2)操作可行性………………………………………………… 8 (3)技术可行性………………………………………………… (4)系统特点……………………………………………………… 8 第2章 需求分析………………………………………………………… 9 4.1 功能……………………………………………… 11 4.2 目标 4.3 业务流程设计……………………………………………… 11 (1) 存款管理……………………………………………………… 9 (2) 贷款管理…………………………………………………… 10 4.4 业务流程重组 4.5 数据流程图………………………………………………… 13 第3章 总体设计………………………………………………………… 11 第6章 详细设计………………………………………………………… 16 6.1 模块设计 ……………………………………………………… 16 6.2 代码设计……………………………………………………… 20 6.3 输入输出设计 ……………………………………………… 20 结束语 ……………………………………………………………………… 21 致谢 …………………………………………………………………………… 22 参考文献……………………………………………………………………… 23
recommend-type

genetic-algorithms:(python)01背包问题和平衡分配问题的遗传算法

这是遗传算法的python实现,用于对0/1背包问题进行组合优化,并将其与本地搜索(爬坡)进行混合,以解决平衡分配问题。
recommend-type

vindr-cxr:VinDr-CXR

VinDr-CXR:带有放射科医生注释的胸部 X 射线开放数据集 VinDr-CXR 是一个大型公开可用的胸片数据集,带有用于常见胸肺疾病分类和关键发现定位的放射学注释。 它由 Vingroup 大数据研究所 (VinBigdata) 创建。 该数据集包含 2018 年至 2020 年从越南两家主要医院收集的超过 18,000 次 CXR 扫描。这些图像被标记为存在 28 种不同的放射学发现和诊断。 训练集中的每次扫描都由一组三名放射科医生进行注释。 对于测试集,五位经验丰富的放射科医生参与了标记过程,并根据他们的共识来建立测试标记的最佳参考标准。 要下载数据集,用户需要注册并接受我们网页上描述的数据使用协议 (DUA)。 通过接受 DUA,用户同意他们不会共享数据,并且数据集只能用于科学研究和教育目的。 代码 该存储库旨在支持使用 VinDr-CXR 数据。 我们提供了用于从 DICO
recommend-type

fortran77源程序转C工具包

一个从FORTRAN77到C源码转换程序
recommend-type

SQLyog_Enterprise简体中文

SQLyog_Enterprise 简体中文版 (内附注册码)

最新推荐

recommend-type

《酒店的经营思路》..doc

《酒店的经营思路》..doc
recommend-type

解决无法获取网络图片问题,提供PNG素材下载

根据提供的文件信息,我们可以确定知识点主要集中在网络图片获取、素材下载以及特定格式PNG图片的使用和命名规则上。 首先,我们来探讨“无法获取网络图片”这一问题。在互联网环境中,获取网络图片的过程通常涉及几个关键技术点:HTTP/HTTPS协议、网络请求处理、图片资源的定位与下载、以及浏览器或者应用程序对图片的缓存和处理。在这一过程中可能会遇到的问题有网络连接问题、目标服务器配置错误、资源访问权限受限、图片资源不存在或已被移除、跨域访问限制(CORS)、以及客户端代码错误等。 对于“素材下载 PNG素材 网页素材”,我们需要了解PNG图片的特性以及素材下载的相关技术。PNG(Portable Network Graphics)是一种无损数据压缩的位图图形格式,它支持索引、灰度、RGB三种颜色模式以及alpha通道透明度。PNG格式广泛用于网络图片下载,因为它提供了优秀的压缩性能且没有版权限制。在网页设计中,PNG图片因其高保真的特性,可以作为网页背景、图标和按钮的素材。素材下载通常是设计师或者开发人员通过搜索引擎、专门的素材网站或者内容分发网络(CDN)来获取所需的图片、音频、视频等资源。 紧接着,“无法获取网络图片”这一标签指向了一个普遍的技术问题,即客户端在尝试从互联网上下载图片资源时遭遇的失败。这可能发生在使用Web浏览器、桌面应用程序、移动应用或者任何其它形式的客户端软件上。问题的原因可能包括客户端网络设置问题、防火墙限制、代理服务器配置、DNS解析错误等。 最后,观察压缩包子文件的文件名称列表,我们可以看到三个不同的文件名:“无法获取网络@3x.png”、“无法获取网络@2x.png”以及“无法获取网络.png”。这些名称暗示了这些图片可能被用作网页开发中的Retina显示技术,其中“@2x”和“@3x”分别指代在普通分辨率显示器和高分辨率显示器(比如Retina显示屏)上使用的图片资源。数字“2”和“3”通常表示图片的DPI(每英寸点数)倍数,意味着在屏幕上以更高的像素密度显示,以达到更好的视觉效果。 综合上述分析,可以总结以下知识点: 1. 网络图片获取的过程及其可能遇到的问题和技术要点。 2. PNG图片格式的技术特性和其在网页素材中的应用。 3. 网页素材下载的过程、途径和可能出现的问题。 4. Retina显示技术及其在图片资源命名中的应用。 5. 通过文件名称识别图片用途和显示需求。 以上就是从给定文件信息中提取的知识点,希望对解决网络图片获取、素材下载和素材管理等问题提供帮助。
recommend-type

【西门子PLC固件升级全攻略】:20分钟快速掌握固件更新流程

# 摘要 随着工业自动化的发展,可编程逻辑控制器(PLC)作为核心部件,其固件升级成为了提高系统性能、确保安全性和引入新功能的重要手段。本文详细介绍了PLC固件升级的整个过程,从准备工作、理论知识、实战操作到升级后的验证与维护,全面阐述了固件升级的关键步骤和注意事项。通过分析固件升级对系统性能的影响、检查硬件兼容性、准备合适的更新环境,本文旨在为工程师提供一套系统的固件升级指
recommend-type

Transformer做短期时序销量预测可行吗

<think>我们正在讨论Transformer模型在短期时间序列销量预测中的应用及效果评估。根据用户的问题,我们需要分析Transformer模型在短期销量预测中的可行性和效果。参考引用中提到了ARIMA模型和迭代方法(如DeepAR、DSSM、ConvTrans等),这些可以作为对比的基准。首先,Transformer模型最初是为自然语言处理设计的,但其自注意力机制能够捕捉序列中的长期依赖关系,因此也被应用于时间序列预测。在短期预测中,虽然传统方法(如ARIMA)可能因为简单而高效,但Transformer在处理非线性关系和多个相关时间序列方面可能更有优势。效果评估方面,我们可以参考引用[
recommend-type

华为SVN连接失败解决方案及SVNDrv驱动更新指南

标题中提到的是解决华为SVN连接不上问题的SVNDrv驱动文件压缩包,这里面涉及的知识点主要包括华为的SVN工具SecoClient、网络适配器配置、以及驱动文件的操作。下面将详细解释这些知识点: 1. SVN工具SecoClient: SecoClient是华为开发的一个客户端软件,用于连接和管理SVN服务器,SVN(Subversion)是一个开源的版本控制系统,广泛用于计算机软件的版本管理和代码控制。SecoClient作为客户端,一般需要安装在用户的电脑上,用来提交、更新、查看和管理源代码。 2. Win10上面连接不上的问题及返回码超时: 用户在使用SecoClient时遇到的连接不上问题,提示“接受返回码超时”,这通常是指客户端尝试与SVN服务器进行通信时,在设定的时间内没有得到有效的响应。返回码超时问题可能由多种原因导致,例如网络连接不稳定、防火墙设置、SVN服务器响应慢、或者是客户端与服务器之间的配置不正确。 3. 网络适配器配置: 网络适配器是电脑硬件中负责数据通信的部分。在本问题中,具体的操作为禁用网络适配器中的“SVN Adapter V1.0”,这一操作可能会影响到SecoClient的网络连接,特别是如果SVN Adapter是一个虚拟的网络适配器或者专门用于SecoClient连接的适配器时。 4. 驱动文件SVNDrv.sys的处理: 驱动文件(SVNDrv.sys)是操作系统用来控制硬件和软件资源的一个软件程序,对于SVN工具来说,这个驱动文件可能是用来协助SecoClient与网络适配器进行通信的。如果在连接SVN时遇到问题,解决方案中提到的删除旧的驱动文件并复制新的文件进去,可能是为了修复驱动文件损坏或更新驱动程序。 具体操作步骤为: - 打开“设备管理器”,找到网络适配器部分。 - 在列表中找到“SVN Adapter V1.0”,右键选择“禁用”。 - 导航到系统盘符下的“C:\Windows\System32\drivers”目录。 - 在该目录中找到并删除“SVNDrv.sys”文件。 - 将新下载的“SVNDrv.sys”文件复制到该目录下。 - 最后回到设备管理器,右键点击“SVN Adapter V1.0”,选择“启用”。 5. 标签中的知识点: - SecoClient:华为提供的用于连接和管理SVN服务器的客户端工具。 - SVNAdapter:可能指的是SecoClient在电脑上配置的一个虚拟网络适配器,用于连接到SVN服务器。 - 返回码超时:连接过程中出现的错误提示,表明在预定时间未能完成操作。 【压缩包子文件的文件名称列表】中的“解决华为SVN连接不上问题SVNDrv驱动文件.zip”则表明该压缩包内包含的是用于解决上述问题的相关文件,即新的SVNDrv.sys驱动文件。 综上所述,本知识点的详细解释不仅涵盖了与华为SecoClient工具相关的操作和配置,还包括了网络适配器和驱动文件的基本理解和处理方法。对于遇到类似问题的IT专业人士或普通用户来说,了解这些操作可以有效地解决SVN连接问题,确保软件开发和版本控制工作的顺利进行。
recommend-type

【西门子PLC新手必备手册】:一文掌握硬件安装与配置技巧

# 摘要 本文旨在全面介绍西门子PLC(可编程逻辑控制器)的相关知识与应用,包括硬件安装、配置实践、基础编程技巧、高级功能应用及系统维护与升级。首先,概述了PLC的基本概念与硬件组件,并详细讲解了硬件安装的理论与实践技巧。接着,深
recommend-type

idea 反编译 jar

<think>我们正在讨论如何使用IntelliJIDEA反编译JAR文件。根据用户的问题,我们需要提供清晰的步骤。注意:IntelliJIDEA内置了Java反编译器,可以方便地查看JAR文件中的类文件的源代码。步骤:1.在IntelliJIDEA中,确保已经创建了一个项目(可以是任意项目,甚至是一个空项目)。2.将JAR文件作为库添加到项目中,或者直接打开JAR文件。有两种主要方法:方法一:通过项目工具窗口添加JAR-打开项目后,在项目工具窗口中右键单击要添加JAR的模块或项目根目录。-选择“打开模块设置”(或按F4),或者在较新版本中,选择“项目结构”。-在“项目设置”下选择“库”,然后
recommend-type

思科Z1路由器刷机教程:LEDE固件升级指南

标题 "LEDE-Meraki-Z1.tar.rar" 中涉及的关键词包括 "LEDE" 和 "Meraki-Z1"。LEDE 项目是 OpenWrt 的一个分支,主要针对嵌入式设备的固件开发,提供高度可定制化的固件系统。"Meraki-Z1" 则指向了 Cisco Meraki 的一种特定硬件设备,即 Z1 系列路由器。Cisco Meraki 是思科公司的一个分支,专注于云管理网络解决方案。Z1 路由器被设计用于远程管理和监控,适合中小型企业使用。 描述中提到的“思科 z1 刷机固件 lede”,意指将 LEDE 固件刷入思科的 Z1 系列路由器中,这通常是为了替换原厂固件,实现对设备的更高控制度和扩展更多功能。这一步骤可能需要一定的技术知识,包括对网络设备固件更新的理解和路由器的物理接入权限。 标签“思科z1”进一步确认了设备的身份,即针对的是思科公司生产的 Z1 系列路由器。这一标签对识别适用固件和后续的问题排查提供帮助。 文件压缩包中的文件名称列表提供了两个关键的文件信息: 1. "led-ar71xx-nand-z1-initramfs-kernel.bin":这个文件很可能是固件中使用的初始 RAM 文件系统(initramfs)和内核镜像。在系统启动时,initramfs 负责挂载真正的根文件系统,并且内核在此阶段负责硬件检测和初始化。由于这个文件名中包含“ar71xx”,我们可以推断这个固件可能是为使用 AR71xx 芯片组的设备所设计的。 2. "led-ar71xx-nand-z1-squashfs-sysupgrade.tar":这个文件可能是实际包含 LEDE 固件的系统升级文件。SquashFS 是一种压缩的只读文件系统,适合用于嵌入式设备的固件,因为它可以减少对存储空间的需求。sysupgrade 是 OpenWrt 及其衍生项目如 LEDE 用来升级固件的机制,允许用户在不完全擦除存储的情况下进行固件的升级。 综合以上信息,可以得出以下几点重要知识点: - LEDE 项目是一个专注于嵌入式设备固件的项目,致力于提供可定制化、开源的固件。 - 思科的 Meraki-Z1 路由器系列适合中小企业使用,并提供云管理解决方案。 - “刷机”指的是将新的固件写入到设备中,这一步骤通常需要一定的技术背景。 - LEDE 固件被设计为可以运行在使用 AR71xx 芯片组的网络设备上。 - 固件升级通常通过 initramfs(初始RAM文件系统)和内核来完成硬件初始化和系统引导,而 SquashFS 和 sysupgrade 用于提供高效、便捷的固件升级机制。 在尝试刷入 LEDE 固件之前,用户需要确保他们已经清楚了解所涉及风险,包括但不限于失去保修、设备损坏或可能的数据丢失。同时,确保下载到的固件与设备硬件完全兼容,并且从可靠来源获取固件。刷入新固件前也建议备份当前的配置,以备不时之需。
recommend-type

【Coze工作流入门】:学习制作爆炸盒视频的基本步骤

# 1. Coze工作流基础与视频制作概述 ## 1.1 视频制作的基本概念 视频制作是一个创造性的过程,涉及一系列的步骤,从创意的萌发到最终内容的发布。它不仅仅是技术操作的集合,更是一个故事叙述的艺术形式。在这个过程中,Coze工作流提供了一种系统化的方法来优化和指导视频项目的成功完成。 ## 1.2 Coze工作流的简介 Coze工作流是专为满足现代视频制作需求而设计
recommend-type

sigmod与softmax

<think>首先,用户的问题是:“我想比较sigmoid与softmax函数在机器学习中的区别和应用场景 请问sigmoid函数与softmax函数的区别以及在分类任务中的应用”。我需要基于系统指令和用户可见层的要求来回答。 系统指令: - 所有行内数学表达式必须使用$...$格式。 - 独立公式必须使用$$...$$格式并单独成段。 - LaTeX语法正确。 - 使用中文回答。 - 生成相关问题。 - 回答中引用的段落末尾自然地添加引用标识。 用户可见层: - 回答结构清晰,帮助用户逐步解决问题。 - 保证回答真实可靠。 - 参考站内引用:引用[1]和引用[2]是关于sigmoid和s