tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 全局代码格式化

Browse Source 
Former-commit-id: bb50c8419b8fcdeb48c93fce9f399d901e8f5a52
This commit is contained in:
郝先瑞
2022-05-04 15:02:33 +08:00
parent e563bc340c
commit 11f02c0254
136 changed files with 11147 additions and 9780 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
src/views/pms/goods/detail.vue
View File

@@ -1,82 +1,110 @@
<template>
<div class="app-container">
<el-steps :active="active" process-status="finish" finish-status="success" simple>
<el-step title="选择商品分类" />
<el-step title="填写商品信息" />
<el-step title="设置商品属性" />
<el-step title="设置商品库存" />
</el-steps>
<div class="app-container">
<el-steps
:active="active"
process-status="finish"
finish-status="success"
simple
>
<el-step title="选择商品分类" />
<el-step title="填写商品信息" />
<el-step title="设置商品属性" />
<el-step title="设置商品库存" />
</el-steps>
<GoodsCategory v-show="active == 0" v-model="goodsInfo" v-if="loaded == true" @prev="prev" @next="next" />
<GoodsInfo v-show="active == 1" v-model="goodsInfo" v-if="loaded == true" @prev="prev" @next="next" />
<GoodsAttribute v-show="active == 2" v-model="goodsInfo" v-if="loaded == true" @prev="prev" @next="next" />
<GoodsStock v-show="active == 3" v-model="goodsInfo" v-if="loaded == true" @prev="prev" @next="next" />
</div>
<GoodsCategory
v-show="active == 0"
v-model="goodsInfo"
v-if="loaded == true"
@prev="prev"
@next="next"
/>
<GoodsInfo
v-show="active == 1"
v-model="goodsInfo"
v-if="loaded == true"
@prev="prev"
@next="next"
/>
<GoodsAttribute
v-show="active == 2"
v-model="goodsInfo"
v-if="loaded == true"
@prev="prev"
@next="next"
/>
<GoodsStock
v-show="active == 3"
v-model="goodsInfo"
v-if="loaded == true"
@prev="prev"
@next="next"
/>
</div>
</template>
<script setup lang="ts">
import { onMounted, reactive, toRefs } from "vue";
import { onMounted, reactive, toRefs } from 'vue';
import GoodsCategory from "./components/GoodsCategory.vue";
import GoodsInfo from "./components/GoodsInfo.vue";
import GoodsAttribute from "./components/GoodsAttribute.vue";
import GoodsStock from "./components/GoodsStock.vue";
import GoodsCategory from './components/GoodsCategory.vue';
import GoodsInfo from './components/GoodsInfo.vue';
import GoodsAttribute from './components/GoodsAttribute.vue';
import GoodsStock from './components/GoodsStock.vue';
import { getGoodsDetail } from "@/api/pms/goods";
import { useRoute } from "vue-router";
import { GoodsDetail } from "@/types";
import { getGoodsDetail } from '@/api/pms/goods';
import { useRoute } from 'vue-router';
import { GoodsDetail } from '@/types';
const route = useRoute();
const state = reactive({
loaded: false,
active: 0,
goodsInfo: {
album: [],
attrList: [],
specList: [],
skuList: []
} as GoodsDetail
loaded: false,
active: 0,
goodsInfo: {
album: [],
attrList: [],
specList: [],
skuList: []
} as GoodsDetail
});
const { loaded, active, goodsInfo } = toRefs(state)
const { loaded, active, goodsInfo } = toRefs(state);
function loadData() {
const goodsId = route.query.goodsId as string
const goodsId = route.query.goodsId as string;
if (goodsId) {
getGoodsDetail(goodsId).then((response) => {
state.goodsInfo = response.data
state.goodsInfo.originPrice = (state.goodsInfo.originPrice as any) / 100
state.goodsInfo.price = (state.goodsInfo.price as any) / 100
state.loaded = true
})
} else {
state.loaded = true
}
if (goodsId) {
getGoodsDetail(goodsId).then(response => {
state.goodsInfo = response.data;
state.goodsInfo.originPrice = (state.goodsInfo.originPrice as any) / 100;
state.goodsInfo.price = (state.goodsInfo.price as any) / 100;
state.loaded = true;
});
} else {
state.loaded = true;
}
}
function prev() {
if (state.active-- <= 0) {
state.active = 0;
}
if (state.active-- <= 0) {
state.active = 0;
}
}
function next() {
if (state.active++ >= 3) {
state.active = 0;
}
if (state.active++ >= 3) {
state.active = 0;
}
}
onMounted(() => {
loadData();
loadData();
});
</script>
<style lang="scss" scoped>
.app-container {
width: 1200px;
margin: 50px auto;
border: 1px solid #eee;
width: 1200px;
margin: 50px auto;
border: 1px solid #eee;
}
</style>