Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
有来技术
vue3-element-admin
提交
98f5aebc
V
vue3-element-admin
项目概览
有来技术
/
vue3-element-admin
通知
2
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue3-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
98f5aebc
编写于
1月 08, 2022
作者:
郝
郝先瑞
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(GoodsInfo.vue): 商品基础信息升级Vue3完成
上级
bef4a1a9
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
19 addition
and
21 deletion
+19
-21
src/views/pms/goods/components/GoodsInfo.vue
src/views/pms/goods/components/GoodsInfo.vue
+19
-21
未找到文件。
src/views/pms/goods/components/GoodsInfo.vue
浏览文件 @
98f5aebc
...
...
@@ -2,7 +2,7 @@
<div
class=
"components-container"
>
<div
class=
"components-container__main"
>
<el-form
ref=
"
goods
Form"
ref=
"
data
Form"
:rules=
"rules"
:model=
"modelValue"
label-width=
"120px"
...
...
@@ -43,28 +43,26 @@
</el-form-item>
<el-form-item
label=
"商品相册"
>
<el-row
:gutter=
"10"
>
<el-col
style=
"width: 180px"
v-for=
"(item,index) in pictures"
>
<el-card
:body-style=
"
{ padding: '10px' }">
<single-upload
v-model=
"item.url"
/>
<div
class=
"bottom"
v-if=
"item.url"
>
<el-button
type=
"text"
class=
"button"
v-if=
"item.main==true"
style=
"color:#ff4d51"
>
商品主图
</el-button>
<el-button
type=
"text"
class=
"button"
v-else
@
click=
"changeMainPicture(index)"
>
设为主图
</el-button>
<el-button
type=
"text"
class=
"button"
@
click=
"removePicture(index)"
>
删除图片
</el-button>
</div>
<div
class=
"bottom"
v-else
>
<el-button
type=
"text"
class=
"button"
/>
</div>
</el-card>
</el-col>
</el-row>
<el-card
v-for=
"(item,index) in pictures"
style=
"width: 170px;display: inline-block;margin-left: 10px"
:body-style=
"
{ padding: '10px' }">
<single-upload
v-model=
"item.url"
/>
<div
class=
"bottom"
v-if=
"item.url"
>
<el-button
type=
"text"
class=
"button"
v-if=
"item.main==true"
style=
"color:#ff4d51"
>
商品主图
</el-button>
<el-button
type=
"text"
class=
"button"
v-else
@
click=
"changeMainPicture(index)"
>
设为主图
</el-button>
<el-button
type=
"text"
class=
"button"
@
click=
"removePicture(index)"
>
删除图片
</el-button>
</div>
<div
class=
"bottom"
v-else
>
<!-- 占位 -->
<el-button
type=
"text"
/>
</div>
</el-card>
</el-form-item>
<el-form-item
label=
"商品详情"
prop=
"detail"
>
<
tinymce
v-model=
"modelValue.detail"
:height=
"400"
/
>
<
editor
v-model=
"modelValue.detail"
></editor
>
</el-form-item>
</el-form>
...
...
@@ -78,9 +76,9 @@
<
script
setup
lang=
"ts"
>
import
{
listBrands
}
from
"
@/api/pms/brand
"
import
SingleUpload
from
'
@/components/Upload/SingleUpload.vue
'
import
Tinymce
from
'
@/components/Tinymce/index.vue
'
import
{
onMounted
,
reactive
,
ref
,
toRefs
,
unref
}
from
"
vue
"
import
{
ElForm
}
from
"
element-plus
"
import
Editor
from
'
@/components/WangEditor/index.vue
'
const
emit
=
defineEmits
([
'
prev
'
,
'
next
'
])
const
dataForm
=
ref
(
ElForm
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录