修改bug

This commit is contained in:
朱文强 2023-06-28 16:54:46 +08:00
parent ec00c58c6c
commit 0405ccfa25
8 changed files with 256 additions and 157 deletions

View File

@ -0,0 +1,31 @@
/*
* @Date: 2020-12-29 16:49:28
* @LastEditors: zwq
* @LastEditTime: 2023-01-05 15:49:17
* @FilePath: \basic-admin\src\filters\basicData\index.js
* @Description:
*/
import moment from 'moment'
const table = {
eightDisciplineType: {
1: '客诉问题',
2: '重大质量问题',
0: '重复发生问题',
}
}
export function timeFormatter(timeObj) {
if (timeObj) {
return moment(timeObj).format('YYYY-MM-DD HH:mm:ss')
} else {
return '-'
}
}
export default function(dictTable) {
return function(val) {
return table?.[dictTable]?.[val]
}
}

View File

@ -573,13 +573,12 @@ t.code.code = '编码'
t.code.description = '描述' t.code.description = '描述'
t.code.eightDisciplineType = '8D类型' t.code.eightDisciplineType = '8D类型'
t.code.problemStatus = '状态' t.code.problemStatus = '状态'
t.code.eightDisciplineStatus = '状态'
t.code.actualResponsePeriod = '实际响应周期' t.code.actualResponsePeriod = '实际响应周期'
t.code.batchNumber = '批次数' t.code.batchNumber = '批次数'
t.code.customName = '客户' t.code.customName = '客户'
t.code.defectSource = '缺陷来源' t.code.defectSource = '缺陷来源'
t.code.eightDisciplineId = '8D来源id' t.code.eightDisciplineId = '8D来源id'
t.code.eightDisciplineStatus = '8D类型' t.code.eightDisciplineStatus = '8D状态'
t.code.productName = '产品名' t.code.productName = '产品名'
t.code.orderNo = '订单号' t.code.orderNo = '订单号'
t.code.productType = '产品类型' t.code.productType = '产品类型'

View File

@ -7,7 +7,7 @@
--> -->
<template> <template>
<span> <span>
<el-tag v-if="injectData.problemStatus === 1" type="success">可用</el-tag> <el-tag v-if="injectData.eightDisciplineStatus === 1" type="success">可用</el-tag>
<el-tag v-else type="warning">不可用</el-tag> <el-tag v-else type="warning">不可用</el-tag>
</span> </span>
</template> </template>

View File

@ -1,8 +1,8 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-02-14 15:02:26 * @Date: 2023-02-14 15:02:26
* @LastEditTime: 2023-06-01 14:22:21 * @LastEditTime: 2023-06-28 16:51:03
* @LastEditors: zhp * @LastEditors: zwq
* @Description: * @Description:
--> -->
<template> <template>
@ -48,15 +48,15 @@ export default {
}], }],
eightDisciplineTypeList: [ eightDisciplineTypeList: [
{ {
value: 0, value: '0',
label: '重复发生问题 ' label: '重复发生问题 '
}, },
{ {
value: 1, value: '1',
label: '1客诉问题' label: '客诉问题'
}, },
{ {
value: 2, value: '2',
label: '重大质量问题' label: '重大质量问题'
} }
], ],
@ -66,7 +66,7 @@ export default {
name: null, name: null,
code:null, code:null,
eightDisciplineType:null, eightDisciplineType:null,
eightDisciplineStatus: null, eightDisciplineStatus: 0,
}, },
}; };
}, },

View File

@ -1,80 +1,46 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-02-14 15:02:26 * @Date: 2023-02-14 15:02:26
* @LastEditTime: 2023-06-01 16:26:20 * @LastEditTime: 2023-06-28 16:53:02
* @LastEditors: zhp * @LastEditors: zwq
* @Description: * @Description:
--> -->
<template> <template>
<el-form :model="dataForm" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" label-width="130px"> <el-form
:model="dataForm"
ref="dataForm"
@keyup.enter.native="dataFormSubmitHandle()"
label-width="100px"
>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="code" :label="$t('basic.code')"> <el-form-item prop="code" :label="$t('basic.code')">
<el-input v-model="dataForm.code" :placeholder="$t('basic.code')"> <el-input v-model="dataForm.code" :placeholder="$t('basic.code')"> </el-input>
</el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="title" :label="$t('basic.title')"> <el-form-item prop="title" :label="$t('code.title')">
<el-input v-model="dataForm.title" :placeholder="$t('code.title')"></el-input> <el-input v-model="dataForm.title" :placeholder="$t('code.title')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="eightDisciplineType" :label="$t('code.eightDisciplineType')"> <el-form-item prop="eightDisciplineType" :label="$t('code.eightDisciplineType')">
<el-select v-model="dataForm.eightDisciplineType" :placeholder="$t('code.eightDisciplineType')"> <el-select
<el-option v-for="item in eightDisciplineTypeList" :key="item.value" :label="item.label" :style="{ width: '100%' }"
:value="item.value"> v-model="dataForm.eightDisciplineType"
:placeholder="$t('code.eightDisciplineType')"
>
<el-option
v-for="item in eightDisciplineTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item prop="occurrenceDate" :label="$t('code.occurrenceDate')">
<el-date-picker v-model="dataForm.occurrenceDate" type="datetime" :placeholder="$t('code.occurrenceDate')"
format='yyyy-MM-dd HH:mm:ss' valueFormat='yyyy-MM-ddTHH:mm:ss'>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="requestResponseCycle" :label="$t('code.requestResponseCycle')">
<el-input v-model="dataForm.requestResponseCycle" :placeholder="$t('code.requestResponseCycle')"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="finalCompletionDate" :label="$t('code.finalCompletionDate')">
<el-date-picker v-model="dataForm.finalCompletionDate" type="datetime"
:placeholder="$t('code.finalCompletionDate')" format='yyyy-MM-dd HH:mm:ss'
valueFormat='yyyy-MM-ddTHH:mm:ss'>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item prop="sampleAcceptanceTime" :label="$t('code.sampleAcceptanceTime')">
<el-date-picker v-model="dataForm.sampleAcceptanceTime" type="datetime"
:placeholder="$t('code.sampleAcceptanceTime')" format='yyyy-MM-dd HH:mm:ss'
valueFormat='yyyy-MM-ddTHH:mm:ss'>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="defectSourceId" :label="$t('code.defectSource')">
<el-select v-model="dataForm.defectSourceId" :placeholder="$t('code.defectSource')">
<el-option v-for="item in defectList" :key="item.dictTypeId" :label="item.dictLabel"
:value="item.dictTypeId">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="actualResponsePeriod" :label="$t('code.actualResponsePeriod')">
<el-input v-model="dataForm.actualResponsePeriod" :placeholder="$t('code.requestResponseCycle')"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="orderNo" :label="$t('code.orderNo')"> <el-form-item prop="orderNo" :label="$t('code.orderNo')">
@ -82,23 +48,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="batchNumber" :label="$t('code.batchNumber')"> <el-form-item prop="requestResponseCycle" :label="$t('code.requestResponseCycle')">
<el-input v-model="dataForm.batchNumber" :placeholder="$t('code.batchNumber')"></el-input> <el-input
</el-form-item> v-model="dataForm.requestResponseCycle"
</el-col> :placeholder="$t('code.requestResponseCycle')"
<el-col :span="8"> ></el-input>
<el-form-item prop="responsibilityAttributionId" :label="$t('code.responsibilityAttribution')">
<el-select v-model="dataForm.responsibilityAttributionId" :placeholder="$t('code.responsibilityAttribution')">
<el-option v-for="item in dutyList" :key="item.dictTypeId" :label="item.dictLabel" :value="item.dictTypeId">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item prop="description" :label="$t('code.description')">
<el-input v-model="dataForm.description" :placeholder="$t('code.description')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -106,32 +60,134 @@
<el-input v-model="dataForm.batchNumber" :placeholder="$t('code.batchNumber')"></el-input> <el-input v-model="dataForm.batchNumber" :placeholder="$t('code.batchNumber')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="responsibilityAttributionId" :label="$t('code.responsibilityAttribution')"> <el-form-item prop="sampleAcceptanceTime" :label="$t('code.sampleAcceptanceTime')">
<el-select v-model="dataForm.responsibilityAttributionId" :placeholder="$t('code.responsibilityAttribution')"> <el-date-picker
<el-option v-for="item in dutyList" :key="item.dictTypeId" :label="item.dictLabel" :value="item.dictTypeId"> :style="{ width: '100%' }"
v-model="dataForm.sampleAcceptanceTime"
type="datetime"
:placeholder="$t('code.sampleAcceptanceTime')"
format="yyyy-MM-dd HH:mm:ss"
valueFormat="yyyy-MM-ddTHH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="defectSourceId" :label="$t('code.defectSource')">
<el-select
:style="{ width: '100%' }"
v-model="dataForm.defectSourceId"
:placeholder="$t('code.defectSource')"
>
<el-option
v-for="item in defectList"
:key="item.dictTypeId"
:label="item.dictLabel"
:value="item.dictTypeId"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8">
<el-form-item prop="actualResponsePeriod" :label="$t('code.actualResponsePeriod')">
<el-input
v-model="dataForm.actualResponsePeriod"
:placeholder="$t('code.requestResponseCycle')"
></el-input>
</el-form-item>
</el-col>
</el-row> </el-row>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="8">
<el-form-item prop="occurrenceDate" :label="$t('code.occurrenceDate')">
<el-date-picker
v-model="dataForm.occurrenceDate"
type="datetime"
:style="{ width: '100%' }"
:placeholder="$t('code.occurrenceDate')"
format="yyyy-MM-dd HH:mm:ss"
valueFormat="yyyy-MM-ddTHH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
prop="responsibilityAttributionId"
:label="$t('code.responsibilityAttribution')"
>
<el-select
:style="{ width: '100%' }"
v-model="dataForm.responsibilityAttributionId"
:placeholder="$t('code.responsibilityAttribution')"
>
<el-option
v-for="item in dutyList"
:key="item.dictTypeId"
:label="item.dictLabel"
:value="item.dictTypeId"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="examineStatus" :label="$t('code.examineStatus')"> <el-form-item prop="examineStatus" :label="$t('code.examineStatus')">
<el-select v-model="dataForm.examineStatus" :placeholder="$t('code.examineStatus')"> <el-select
<el-option v-for="item in examineStatusList" :key="item.id" :label="item.name" :value="item.id"> :style="{ width: '100%' }"
v-model="dataForm.examineStatus"
:placeholder="$t('code.examineStatus')">
<el-option
v-for="item in examineStatusList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
<el-form-item prop="finalCompletionDate" :label="$t('code.finalCompletionDate')">
<el-date-picker
:style="{ width: '100%' }"
v-model="dataForm.finalCompletionDate"
type="datetime"
:placeholder="$t('code.finalCompletionDate')"
format="yyyy-MM-dd HH:mm:ss"
valueFormat="yyyy-MM-ddTHH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item prop="teamList" :label="$t('code.eightDTeam')"> <el-form-item prop="teamList" :label="$t('code.eightDTeam')">
<el-select v-model="dataForm.teamList" :placeholder="$t('code.eightDTeam')" multiple> <el-select
<el-option v-for="item in teamList" :key="item.id" :label="item.teamName" :value="item.id"> :style="{ width: '100%' }"
v-model="dataForm.teamList"
:placeholder="$t('code.eightDTeam')"
multiple>
<el-option
v-for="item in teamList"
:key="item.id"
:label="item.teamName"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8">
<el-form-item prop="description" :label="$t('code.description')">
<el-input v-model="dataForm.description" :placeholder="$t('code.description')"></el-input>
</el-form-item>
</el-col>
</el-row> </el-row>
</el-form> </el-form>
</template> </template>
@ -146,10 +202,10 @@ export default {
urlOptions: { urlOptions: {
submitURL: "/code/startEightDiscipline", submitURL: "/code/startEightDiscipline",
infoURL: "/code/startEightDiscipline/{id}", infoURL: "/code/startEightDiscipline/{id}",
getDictURL: '/sys/dict/data/page', getDictURL: "/sys/dict/data/page",
customerListURL: '/basic/qmsCustomer/page', customerListURL: "/basic/qmsCustomer/page",
productListURL: '/basic/qmsProduct/page', productListURL: "/basic/qmsProduct/page",
teamListURL: '/basic/qmsTeam/page', teamListURL: "/basic/qmsTeam/page",
}, },
defectList: [], defectList: [],
teamList: [], teamList: [],
@ -159,38 +215,40 @@ export default {
examineStatusList: [ examineStatusList: [
{ {
id: 0, id: 0,
name: '不需要审批' name: "不需要审批",
}, },
{ {
id: 1, id: 1,
name: '需要审批' name: "需要审批",
} },
], ],
options: [{ options: [
{
value: 0, value: 0,
label: '不可用' label: "不可用",
}, },
{ {
value: 1, value: 1,
label: '可用' label: "可用",
}], },
],
eightDisciplineTypeList: [ eightDisciplineTypeList: [
{ {
value: 0, value: 0,
label: '重复发生问题 ' label: "重复发生问题 ",
}, },
{ {
value: 1, value: 1,
label: '1客诉问题' label: "1客诉问题",
}, },
{ {
value: 2, value: 2,
label: '重大质量问题' label: "重大质量问题",
} },
], ],
listQuery: { listQuery: {
limit: 10, limit: 10,
page: 1 page: 1,
}, },
visible: false, visible: false,
dataForm: { dataForm: {
@ -201,7 +259,7 @@ export default {
defectSourceId: null, defectSourceId: null,
description: null, description: null,
eightDisciplineId: null, eightDisciplineId: null,
eightDisciplineStatus: null, eightDisciplineStatus: 0,
eightDisciplineType: null, eightDisciplineType: null,
examineStatus: null, examineStatus: null,
finalCompletionDate: null, finalCompletionDate: null,
@ -248,18 +306,18 @@ export default {
}, },
}, },
mounted() { mounted() {
this.getDict() this.getDict();
}, },
methods: { methods: {
init(id, ) { init(id) {
this.dataForm.id = id || "" this.dataForm.id = id || "";
// console.log(11111) // console.log(11111)
// this.dataForm.dictTypeId = dictTypeId || ""; // this.dataForm.dictTypeId = dictTypeId || "";
this.visible = true this.visible = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs["dataForm"].resetFields(); this.$refs["dataForm"].resetFields();
if (this.dataForm.id) { if (this.dataForm.id) {
this.getInfo() this.getInfo();
} else { } else {
} }
}); });
@ -280,50 +338,50 @@ export default {
.catch(() => {}); .catch(() => {});
}, },
getDict() { getDict() {
this.$http.get(this.urlOptions.teamListURL, { this.$http
.get(this.urlOptions.teamListURL, {
params: { params: {
limit: 999, limit: 999,
page: 1, page: 1,
} },
}) })
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code === 0) { if (res.code === 0) {
console.log(res); console.log(res);
this.teamList = res.data.list this.teamList = res.data.list;
} }
}) })
.catch(() => { .catch(() => {});
}) this.$http
this.$http.get(this.urlOptions.getDictURL, { .get(this.urlOptions.getDictURL, {
params: { params: {
limit: 999, limit: 999,
page: 1, page: 1,
dictTypeId: '1664162193896206337' dictTypeId: "1664162193896206337",
} },
}) })
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code === 0) { if (res.code === 0) {
console.log(res); console.log(res);
this.defectList = res.data.list this.defectList = res.data.list;
} }
}) })
.catch(() => { .catch(() => {});
}) this.$http
this.$http.get(this.urlOptions.getDictURL, { .get(this.urlOptions.getDictURL, {
params: { params: {
limit: 999, limit: 999,
page: 1, page: 1,
dictTypeId: '1664162455184568321' dictTypeId: "1664162455184568321",
} },
}) })
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code === 0) { if (res.code === 0) {
console.log(res); console.log(res);
this.dutyList = res.data.list this.dutyList = res.data.list;
} }
}) })
.catch(() => { .catch(() => {});
})
}, },
// //
dataFormSubmitHandle: debounce( dataFormSubmitHandle: debounce(

View File

@ -1,8 +1,8 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-01-11 09:24:58 * @Date: 2023-01-11 09:24:58
* @LastEditTime: 2023-06-05 09:12:25 * @LastEditTime: 2023-06-28 16:06:37
* @LastEditors: zhp * @LastEditors: zwq
* @Description: * @Description:
--> -->
<template> <template>
@ -37,6 +37,7 @@ import eightDisciplineAdd from "./components/eightDiscipline-add"
// import disposalMethodSearch from "./components/disposalMethodSearch" // import disposalMethodSearch from "./components/disposalMethodSearch"
import available from "./components/available.vue" import available from "./components/available.vue"
import basicSearch from "@/mixins/basic-search" import basicSearch from "@/mixins/basic-search"
import codeFilter from '@/filters/code-filter'
import i18n from "@/i18n" import i18n from "@/i18n"
const tableProps = [ const tableProps = [
{ {
@ -52,7 +53,8 @@ const tableProps = [
{ {
prop: 'eightDisciplineType', prop: 'eightDisciplineType',
label: i18n.t("code.eightDisciplineType"), label: i18n.t("code.eightDisciplineType"),
align: 'center' align: 'center',
filter: codeFilter('eightDisciplineType'),
}, },
{ {
prop: 'problemStatus', prop: 'problemStatus',

View File

@ -1,8 +1,8 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-01-11 09:24:58 * @Date: 2023-01-11 09:24:58
* @LastEditTime: 2023-06-05 09:11:52 * @LastEditTime: 2023-06-28 16:49:41
* @LastEditors: zhp * @LastEditors: zwq
* @Description: * @Description:
--> -->
<template> <template>
@ -21,7 +21,7 @@
@pagination="getDataList" /> @pagination="getDataList" />
<!-- 弹窗, 新增 / 修改 --> <!-- 弹窗, 新增 / 修改 -->
<base-dialog :dialogTitle="addOrEditTitle" :dialogVisible="addOrUpdateVisible" @cancel="handleCancel" <base-dialog :dialogTitle="addOrEditTitle" :dialogVisible="addOrUpdateVisible" @cancel="handleCancel"
@confirm="handleConfirm" :before-close="handleCancel"> @confirm="handleConfirm" :before-close="handleCancel" width="70%">
<startEightDiscipline-add ref="addOrUpdate" @refreshDataList="successSubmit"> <startEightDiscipline-add ref="addOrUpdate" @refreshDataList="successSubmit">
</startEightDiscipline-add> </startEightDiscipline-add>
<!-- <el-row slot="footer" type="flex" justify="end"> </el-row> --> <!-- <el-row slot="footer" type="flex" justify="end"> </el-row> -->
@ -37,6 +37,7 @@ import startEightDisciplineAdd from "./components/startEightDiscipline-add"
// import customSamplingSearch from "./components/customSamplingSearch" // import customSamplingSearch from "./components/customSamplingSearch"
// import available from "./components/available.vue" // import available from "./components/available.vue"
import basicSearch from "@/mixins/basic-search" import basicSearch from "@/mixins/basic-search"
import codeFilter from '@/filters/code-filter'
import i18n from "@/i18n" import i18n from "@/i18n"
const tableProps = [ const tableProps = [
{ {
@ -52,7 +53,8 @@ const tableProps = [
{ {
prop: 'eightDisciplineType', prop: 'eightDisciplineType',
label: i18n.t("code.eightDisciplineType"), label: i18n.t("code.eightDisciplineType"),
align: 'center' align: 'center',
filter: codeFilter('eightDisciplineType'),
}, },
{ {
prop: 'occurrenceDate', prop: 'occurrenceDate',
@ -129,6 +131,12 @@ export default {
color: "primary", color: "primary",
} }
], ],
listQuery: {
limit: 10,
page: 1,
total: 1,
eightDisciplineStatus: 0,
},
}; };
}, },
// components: { // components: {
@ -205,6 +213,7 @@ export default {
this.listQuery.code = null this.listQuery.code = null
this.listQuery.name = null this.listQuery.name = null
this.listQuery.failureTypeStatus = null this.listQuery.failureTypeStatus = null
this.listQuery.eightDisciplineStatus = 0
this.getDataList(); this.getDataList();
break; break;
case "add": case "add":

View File

@ -1,8 +1,8 @@
<!-- <!--
* @Author: zhp * @Author: zhp
* @Date: 2023-01-11 09:24:58 * @Date: 2023-01-11 09:24:58
* @LastEditTime: 2023-06-20 15:52:27 * @LastEditTime: 2023-06-28 15:52:07
* @LastEditors: zhp * @LastEditors: zwq
* @Description: * @Description:
--> -->
<template> <template>
@ -42,7 +42,7 @@
<el-input v-model="dataForm.sampleSize" :placeholder="$t('code.sampleSize')"></el-input> <el-input v-model="dataForm.sampleSize" :placeholder="$t('code.sampleSize')"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="getOriginalData">{{ $t('code.originalData') }}}</el-button> <el-button type="primary" @click="getOriginalData">{{ $t('code.originalData') }}</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>