|
@@ -8,21 +8,22 @@
|
|
|
<div class="content">
|
|
|
<byTable :source="sourceList.data" :tableHeight="tableHeight" :pagination="sourceList.pagination" :config="config" :loading="loading"
|
|
|
highlight-current-row :selectConfig="selectConfig" :action-list="[
|
|
|
- {
|
|
|
- text: '导出产品BOM Excel',
|
|
|
- action: () => exportBomExcel(),
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- text: '导出Excel',
|
|
|
- action: () => exportExcel(),
|
|
|
- disabled: false,
|
|
|
- },
|
|
|
- {
|
|
|
- text: '添加',
|
|
|
- action: () => openModal('add'),
|
|
|
- disabled: false,
|
|
|
- },]" @get-list="getList">
|
|
|
+ {
|
|
|
+ text: '导出产品BOM Excel',
|
|
|
+ action: () => exportBomExcel(),
|
|
|
+ disabled: false,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '导出Excel',
|
|
|
+ action: () => exportExcel(),
|
|
|
+ disabled: false,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: '添加',
|
|
|
+ action: () => openModal('add'),
|
|
|
+ disabled: false,
|
|
|
+ },
|
|
|
+ ]" @get-list="getList">
|
|
|
<template #name="{ item }">
|
|
|
<div>
|
|
|
<span class="el-click">{{ item.name }}</span>
|
|
@@ -36,15 +37,13 @@
|
|
|
</template>
|
|
|
<template #size="{ item }">
|
|
|
<div>
|
|
|
- <span>{{ item['length'] }}</span>*
|
|
|
- <span>{{ item.width }}</span>*
|
|
|
+ <span>{{ item['length'] }}</span>* <span>{{ item.width }}</span>*
|
|
|
<span>{{ item.height }}</span>
|
|
|
</div>
|
|
|
-
|
|
|
</template>
|
|
|
<template #price="{ item }">
|
|
|
<div v-if="item.price">
|
|
|
- <span> {{ moneyFormat(item.price ,2)}}</span>
|
|
|
+ <span> {{ moneyFormat(item.price, 2) }}</span>
|
|
|
</div>
|
|
|
<div v-else></div>
|
|
|
</template>
|
|
@@ -61,20 +60,20 @@
|
|
|
</template>
|
|
|
<template #productionFile>
|
|
|
<div style="width: 100%">
|
|
|
- <span style="color:#409eff;cursor:pointer" @click="handleClickUpload('prodFilePath',true)"
|
|
|
+ <span style="color: #409eff; cursor: pointer" @click="handleClickUpload('prodFilePath', true)"
|
|
|
v-if="!formData.data.prodFilePath">点击上传</span>
|
|
|
- <span style="color:#409eff;cursor:pointer" @click="handleClickUpload('prodFilePath',false)" v-else>点击查看</span>
|
|
|
+ <span style="color: #409eff; cursor: pointer" @click="handleClickUpload('prodFilePath', false)" v-else>点击查看</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template #productionFileOne>
|
|
|
<div style="width: 100%">
|
|
|
- <el-button type="primary" plain @click="handleClickUpload('prodImgPath',true)" v-if="!formData.data.prodImgPath">点击上传</el-button>
|
|
|
- <el-button type="primary" plain @click="handleClickUpload('prodImgPath',false)" v-else>点击查看</el-button>
|
|
|
+ <el-button type="primary" plain @click="handleClickUpload('prodImgPath', true)" v-if="!formData.data.prodImgPath">点击上传</el-button>
|
|
|
+ <el-button type="primary" plain @click="handleClickUpload('prodImgPath', false)" v-else>点击查看</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<template #rawMaterialIdSlot>
|
|
|
- <div style="width:100%;padding-left:25px">
|
|
|
+ <div style="width: 100%; padding-left: 25px">
|
|
|
<div>
|
|
|
<el-button type="primary" @click="openDialog(1)" plain>主材</el-button>
|
|
|
<el-button type="primary" @click="openDialog(2)" plain>工艺</el-button>
|
|
@@ -85,8 +84,14 @@
|
|
|
<el-table-column prop="materialCode" label="物料编码" width="190" />
|
|
|
<el-table-column label="规格尺寸 (cm)" width="140">
|
|
|
<template #default="{ row, $index }">
|
|
|
- <div style="width: 100%" v-if="row.materialLength&&row.materialWidth && row.materialHeight">
|
|
|
- {{row.materialLength}}*{{row.materialWidth}}*{{row.materialHeight}}
|
|
|
+ <div style="width: 100%" v-if="
|
|
|
+ row.materialLength &&
|
|
|
+ row.materialWidth &&
|
|
|
+ row.materialHeight
|
|
|
+ ">
|
|
|
+ {{ row.materialLength }}*{{ row.materialWidth }}*{{
|
|
|
+ row.materialHeight
|
|
|
+ }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -105,8 +110,9 @@
|
|
|
<el-table-column label="标准用量" width="120">
|
|
|
<template #default="{ row, $index }">
|
|
|
<div style="width: 100%">
|
|
|
- <el-form-item :prop="'productBomDetailList.' + $index + '.standardDosage'" :rules="rules.standardDosage" :inline-message="true"
|
|
|
- class="margin-b-0 wid100">
|
|
|
+ <el-form-item :prop="
|
|
|
+ 'productBomDetailList.' + $index + '.standardDosage'
|
|
|
+ " :rules="rules.standardDosage" :inline-message="true" class="margin-b-0 wid100">
|
|
|
<el-input-number onmousewheel="return false;" v-model="row.standardDosage" placeholder="请输入" style="width: 100%"
|
|
|
:precision="0" :controls="false" :min="1" />
|
|
|
</el-form-item>
|
|
@@ -129,7 +135,8 @@
|
|
|
<div style="width: 100%">
|
|
|
<el-form-item :prop="'productBomDetailList.' + $index + '.remark'" :rules="rules.remark" :inline-message="true"
|
|
|
class="margin-b-0 wid100">
|
|
|
- <el-input v-model="row.remark" placeholder="请输入"> </el-input>
|
|
|
+ <el-input v-model="row.remark" placeholder="请输入">
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -138,9 +145,10 @@
|
|
|
<template #default="{ row, $index }">
|
|
|
<el-form-item :prop="'productBomDetailList.' + $index + '.bomFileList'" :inline-message="true" class="margin-b-0">
|
|
|
<el-upload :file-list="row.bomFileList" :action="uploadUrl" :data="row.uploadData" :limit="2" :list-type="'text'"
|
|
|
- :before-upload="(file)=>handleBeforeUpload(file,$index)" :on-success="()=>handleFileSuccess($index)"
|
|
|
- :on-remove="(file)=>handleRemoveFileOne(file,$index)" :on-preview="onPreviewFile"
|
|
|
- :on-exceed="()=>msgTip(`上传文件数量不可大于2`, 2)">
|
|
|
+ :before-upload="
|
|
|
+ (file) => handleBeforeUpload(file, $index)
|
|
|
+ " :on-success="() => handleFileSuccess($index)" :on-remove="(file) => handleRemoveFileOne(file, $index)"
|
|
|
+ :on-preview="onPreviewFile" :on-exceed="() => msgTip(`上传文件数量不可大于2`, 2)">
|
|
|
<el-button type="primary" plain>上传</el-button>
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
@@ -148,7 +156,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作" width="60" align="center" fixed="right">
|
|
|
<template #default="{ row, $index }">
|
|
|
- <el-button type="primary" link @click="handleRemove($index,1)" v-if="row.type !=3">删除</el-button>
|
|
|
+ <el-button type="primary" link @click="handleRemove($index, 1)" v-if="row.type != 3">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -213,15 +221,21 @@
|
|
|
</template>
|
|
|
|
|
|
<template #materialDetail>
|
|
|
- <div style="width: 100%;padding-left:15px">
|
|
|
+ <div style="width: 100%; padding-left: 15px">
|
|
|
<el-button type="primary" @click="clickOpenSelectMaterial(1)" plain>选择包材/配件/辅材</el-button>
|
|
|
<el-table :data="formData.data.productBomDetailList" style="width: 100%; margin-top: 16px">
|
|
|
<el-table-column prop="materialName" label="物料名称" />
|
|
|
<el-table-column prop="materialCode" label="物料编码" />
|
|
|
<el-table-column label="规格尺寸 (cm)" width="140">
|
|
|
<template #default="{ row, $index }">
|
|
|
- <div style="width: 100%" v-if="row.materialLength&&row.materialWidth && row.materialHeight">
|
|
|
- {{row.materialLength}}*{{row.materialWidth}}*{{row.materialHeight}}
|
|
|
+ <div style="width: 100%" v-if="
|
|
|
+ row.materialLength &&
|
|
|
+ row.materialWidth &&
|
|
|
+ row.materialHeight
|
|
|
+ ">
|
|
|
+ {{ row.materialLength }}*{{ row.materialWidth }}*{{
|
|
|
+ row.materialHeight
|
|
|
+ }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -239,7 +253,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作" width="60" align="center" fixed="right">
|
|
|
<template #default="{ $index }">
|
|
|
- <el-button type="primary" link @click="handleRemove($index,1)">删除</el-button>
|
|
|
+ <el-button type="primary" link @click="handleRemove($index, 1)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -247,7 +261,7 @@
|
|
|
</template>
|
|
|
|
|
|
<template #technology>
|
|
|
- <div style="width:100%">
|
|
|
+ <div style="width: 100%">
|
|
|
<!-- <div class="small-title">
|
|
|
① 工艺线路
|
|
|
</div>
|
|
@@ -260,13 +274,11 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row> -->
|
|
|
- <div class="small-title">
|
|
|
- ① LOGO
|
|
|
- </div>
|
|
|
- <el-row style="width:100%">
|
|
|
+ <div class="small-title">① LOGO</div>
|
|
|
+ <el-row style="width: 100%">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="LOGO尺寸" class="wid100">
|
|
|
- <el-row style="width:100%">
|
|
|
+ <el-row style="width: 100%">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item prop="logoLength" label-width="0px" class="margin-b-0 wid100">
|
|
|
<el-input-number v-model="formData.data.logoLength" placeholder="长 (cm)" style="width: 100%" :precision="2"
|
|
@@ -289,81 +301,84 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
+ <el-form-item label="LOGO工艺包装要求" class="wid100" label-width="150px">
|
|
|
+ <el-input v-model="formData.data.logoPackRemark" placeholder="请输入" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item prop="colorCount" label="几色印刷" class="wid100">
|
|
|
<el-input-number v-model="formData.data.colorCount" placeholder="请输入" style="width: 100%" :precision="0" :controls="false"
|
|
|
:min="1" onmousewheel="return false;" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <div class="small-title">
|
|
|
- ② 折叠
|
|
|
- </div>
|
|
|
- <el-row style="width:100%">
|
|
|
+ <div class="small-title">② 折叠</div>
|
|
|
+ <el-row style="width: 100%">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item prop="isFold" label="是否折叠" class="wid100">
|
|
|
- <el-select v-model="formData.data.isFold" placeholder="请选择" style="width:100%">
|
|
|
+ <el-select v-model="formData.data.isFold" placeholder="请选择" style="width: 100%">
|
|
|
<el-option :label="'否'" :value="0" />
|
|
|
<el-option :label="'是'" :value="1" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item prop="foldWay" label="折叠数" class="wid100" v-if="formData.data.isFold==1"
|
|
|
- :rules="formData.data.isFold==1?rules.foldWay:''">
|
|
|
- <el-select v-model="formData.data.foldWay" placeholder="请选择" style="width:100%">
|
|
|
+ <el-form-item prop="foldWay" label="折叠数" class="wid100" v-if="formData.data.isFold == 1"
|
|
|
+ :rules="formData.data.isFold == 1 ? rules.foldWay : ''">
|
|
|
+ <el-select v-model="formData.data.foldWay" placeholder="请选择" style="width: 100%">
|
|
|
<el-option v-for="item in foldWayData" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <div class="small-title">
|
|
|
- ③ 包装要求
|
|
|
- </div>
|
|
|
- <el-row style="width:100%">
|
|
|
+ <div class="small-title">③ 包装要求</div>
|
|
|
+ <el-row style="width: 100%">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item prop="packAsk" label="包装要求" class="wid100">
|
|
|
- <el-select v-model="formData.data.packAsk" placeholder="请选择" style="width:100%" multiple>
|
|
|
+ <el-select v-model="formData.data.packAsk" placeholder="请选择" style="width: 100%" multiple>
|
|
|
<el-option v-for="item in packAskData" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <div class="small-title">
|
|
|
- ④ 是否定制
|
|
|
- </div>
|
|
|
- <el-row style="width:100%">
|
|
|
+ <div class="small-title">④ 是否定制</div>
|
|
|
+ <el-row style="width: 100%">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item prop="isCustomized" label="是否定制" class="wid100">
|
|
|
- <el-select v-model="formData.data.isCustomized" placeholder="请选择" style="width:100%" @change="handleChangeIsCustomized">
|
|
|
+ <el-select v-model="formData.data.isCustomized" placeholder="请选择" style="width: 100%" @change="handleChangeIsCustomized">
|
|
|
<el-option :label="'否'" :value="0" />
|
|
|
<el-option :label="'是'" :value="1" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row style="width:100%">
|
|
|
- <el-form-item prop="technologyId" label="定制内容" class="wid100" v-if="formData.data.isCustomized==1">
|
|
|
- <table style="width:100%" border class="table">
|
|
|
+ <el-row style="width: 100%">
|
|
|
+ <el-form-item prop="technologyId" label="定制内容" class="wid100" v-if="formData.data.isCustomized == 1">
|
|
|
+ <table style="width: 100%" border class="table">
|
|
|
<tr>
|
|
|
- <td style="width:20%">
|
|
|
- </td>
|
|
|
- <td style="width:40%">附件</td>
|
|
|
- <td style="width:40%">备注</td>
|
|
|
+ <td style="width: 20%"></td>
|
|
|
+ <td style="width: 40%">附件</td>
|
|
|
+ <td style="width: 40%">备注</td>
|
|
|
</tr>
|
|
|
- <tr v-for="(row,index) in formData.data.productCustomInfoList" :key="index">
|
|
|
+ <tr v-for="(row, index) in formData.data
|
|
|
+ .productCustomInfoList" :key="index">
|
|
|
<td>
|
|
|
- <el-checkbox v-model="row.isCheckBox" label="" /> <span style="position:relative;top:-2px"> {{getLabel(row.type)}}</span>
|
|
|
+ <el-checkbox v-model="row.isCheckBox" label="" />
|
|
|
+ <span style="position: relative; top: -2px">
|
|
|
+ {{ getLabel(row.type) }}</span>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <el-upload :file-list="row.fileList" :action="uploadUrl" :data="uploadData" :limit="5" :list-type="'text'"
|
|
|
- :before-upload="(file)=>handleBeforeUploadOne(file,index)" :on-success="()=>handleSuccessOne(index)"
|
|
|
- :on-remove="(file)=>handleRemoveFile(file,index)" :on-preview="onPreviewFile"
|
|
|
- :on-exceed="()=>msgTip(`上传文件数量不可大于5`, 2)">
|
|
|
+ <el-upload :file-list="row.fileList" :action="uploadUrl" :data="uploadData" :limit="5" :list-type="'text'" :before-upload="
|
|
|
+ (file) => handleBeforeUploadOne(file, index)
|
|
|
+ " :on-success="() => handleSuccessOne(index)" :on-remove="(file) => handleRemoveFile(file, index)"
|
|
|
+ :on-preview="onPreviewFile" :on-exceed="() => msgTip(`上传文件数量不可大于5`, 2)">
|
|
|
<el-button text type="primary">上传附件</el-button>
|
|
|
</el-upload>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <el-form-item :prop="'productCustomInfoList.' + index + '.remark'" :rules="row.isCheckBox?rules.remark:''"
|
|
|
+ <el-form-item :prop="'productCustomInfoList.' + index + '.remark'" :rules="row.isCheckBox ? rules.remark : ''"
|
|
|
class="margin-b-0 wid100">
|
|
|
<el-input v-model="row.remark" placeholder="请输入备注" />
|
|
|
</el-form-item>
|
|
@@ -374,7 +389,6 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
</byForm>
|
|
|
</div>
|
|
|
<template #footer>
|
|
@@ -425,32 +439,38 @@
|
|
|
|
|
|
<template #detail>
|
|
|
<div style="width: 100%">
|
|
|
- <div style="text-align:center;margin-bottom:10px">
|
|
|
- 【{{formData.bomData.name}} {{formData.bomData.code}}】BOM单
|
|
|
+ <div style="text-align: center; margin-bottom: 10px">
|
|
|
+ 【{{ formData.bomData.name }} {{ formData.bomData.code }}】BOM单
|
|
|
</div>
|
|
|
- <table border class="table" style="width:100%">
|
|
|
+ <table border class="table" style="width: 100%">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <td style="width:90px">原材料</td>
|
|
|
- <td style="padding:10px">
|
|
|
- <el-select v-model="formData.bomData.rawMaterialId" filterable placeholder="请选择原材料" style="width:100%">
|
|
|
+ <td style="width: 90px">原材料</td>
|
|
|
+ <td style="padding: 10px">
|
|
|
+ <el-select v-model="formData.bomData.rawMaterialId" filterable placeholder="请选择原材料" style="width: 100%">
|
|
|
<el-option v-for="item in rawMaterialData" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td>
|
|
|
- 包材/配件/辅材
|
|
|
- </td>
|
|
|
- <td style="padding:20px 20px 20px">
|
|
|
- <div style="text-align:left"><el-button type="primary" @click="clickOpenSelectMaterial(2)" plain>选择</el-button></div>
|
|
|
- <el-table :data="formData.bomData.productBomDetailList" style="width: 100%;">
|
|
|
+ <td>包材/配件/辅材</td>
|
|
|
+ <td style="padding: 20px 20px 20px">
|
|
|
+ <div style="text-align: left">
|
|
|
+ <el-button type="primary" @click="clickOpenSelectMaterial(2)" plain>选择</el-button>
|
|
|
+ </div>
|
|
|
+ <el-table :data="formData.bomData.productBomDetailList" style="width: 100%">
|
|
|
<el-table-column prop="materialName" label="物料名称" min-width="130" />
|
|
|
<el-table-column prop="materialCode" label="物料编码" width="150" />
|
|
|
<el-table-column label="规格尺寸 (cm)" width="140">
|
|
|
<template #default="{ row, $index }">
|
|
|
- <div style="width: 100%" v-if="row.materialLength&&row.materialWidth && row.materialHeight">
|
|
|
- {{row.materialLength}}*{{row.materialWidth}}*{{row.materialHeight}}
|
|
|
+ <div style="width: 100%" v-if="
|
|
|
+ row.materialLength &&
|
|
|
+ row.materialWidth &&
|
|
|
+ row.materialHeight
|
|
|
+ ">
|
|
|
+ {{ row.materialLength }}*{{ row.materialWidth }}*{{
|
|
|
+ row.materialHeight
|
|
|
+ }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -458,8 +478,9 @@
|
|
|
<el-table-column label="数量" width="100">
|
|
|
<template #default="{ row, $index }">
|
|
|
<div style="width: 100%">
|
|
|
- <el-form-item :prop="'productBomDetailList.' + $index + '.quantity'" :rules="bomRules.quantity" :inline-message="true"
|
|
|
- class="margin-b-0 wid100">
|
|
|
+ <el-form-item :prop="
|
|
|
+ 'productBomDetailList.' + $index + '.quantity'
|
|
|
+ " :rules="bomRules.quantity" :inline-message="true" class="margin-b-0 wid100">
|
|
|
<el-input-number onmousewheel="return false;" v-model="row.quantity" placeholder="请输入" style="width: 100%"
|
|
|
:precision="0" :controls="false" :min="1" />
|
|
|
</el-form-item>
|
|
@@ -468,7 +489,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作" width="60" align="center" fixed="right">
|
|
|
<template #default="{ $index }">
|
|
|
- <el-button type="primary" link @click="handleRemove($index,2)">删除</el-button>
|
|
|
+ <el-button type="primary" link @click="handleRemove($index, 2)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -476,11 +497,9 @@
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
- <td>
|
|
|
- 生产工序
|
|
|
- </td>
|
|
|
- <td style="padding:0 20px 20px">
|
|
|
- <el-table :data="formData.bomData.processesList" style="width: 100%; ">
|
|
|
+ <td>生产工序</td>
|
|
|
+ <td style="padding: 0 20px 20px">
|
|
|
+ <el-table :data="formData.bomData.processesList" style="width: 100%">
|
|
|
<el-table-column label="序号" type="index" width="80" />
|
|
|
<el-table-column prop="code" label="工序编码" />
|
|
|
<el-table-column prop="name" label="工序名称" />
|
|
@@ -488,11 +507,9 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
-
|
|
|
</table>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
</byForm>
|
|
|
<!-- </div> -->
|
|
|
<template #footer>
|
|
@@ -533,7 +550,6 @@
|
|
|
<el-button @click="openExcelDialog = false" size="default" v-debounce>取 消</el-button>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
-
|
|
|
</div>
|
|
|
</template>
|
|
|
|