Skip to content

Q
quantum-blocks
Commit cac4728b authored by xuguangxing's avatar xuguangxing
Browse files
Options

feat: 支持折扣组件v2

parent 5d699e21
Show whitespace changes
Inline Side-by-side
Showing with 215 additions and 29 deletions
app/web/config/dev.config.ts
View file @ cac4728b
...@@ -3,15 +3,15 @@ const protocol = EASY_ENV_IS_BROWSER ? window.location.protocol : 'http'; ...@@ -3,15 +3,15 @@ const protocol = EASY_ENV_IS_BROWSER ? window.location.protocol : 'http';
const hostMap = { const hostMap = {
apiHost: `http://localhost:7002/`, apiHost: `http://localhost:7002/`,
// apiHost: `http://192.168.28.199:7001/`, // apiHost: `http://192.168.28.199:7001/`,
// apiHost: 'https://quantum-blocks-vcc2.liangkebang.net/', // apiHost: 'https://quantum-blocks-test1.liangkebang.net/',
h5Host: 'https://quantum-h5-vcc2.liangkebang.net', h5Host: 'https://quantum-h5-test1.liangkebang.net',
qiniuHost: `https://appsync.lkbang.net`, qiniuHost: `https://appsync.lkbang.net`,
shenceUrl: `${protocol}//bn.xyqb.com/sa?project=default`, shenceUrl: `${protocol}//bn.xyqb.com/sa?project=default`,
opapiHost: `https://opapi-vcc2.liangkebang.net`, opapiHost: `https://opapi-test1.liangkebang.net`,
qiniuUpHost: `${protocol}//up-z0.qiniup.com`, qiniuUpHost: `${protocol}//up-z0.qiniup.com`,
// kdspHost: 'https://kdsp-api-vcc2.liangkebang.net', // kdspHost: 'https://kdsp-api-test1.liangkebang.net',
talosHost: 'https://talos-vcc2.liangkebang.net', talosHost: 'https://talos-test1.liangkebang.net',
kdspHost: 'https://kdsp-api-vcc2.liangkebang.net', kdspHost: 'https://kdsp-api-test1.liangkebang.net',
yxmTenantId: 560761, yxmTenantId: 560761,
appIdMap: { appIdMap: {
560761: 'wxe16bf9293671506c', 560761: 'wxe16bf9293671506c',
......
app/web/page/editor/component/DynamicForm/component/BatchGoodsSelector/index.vue
View file @ cac4728b
...@@ -38,10 +38,14 @@ export default { ...@@ -38,10 +38,14 @@ export default {
} }
}, },
watch: { watch: {
value: {
handler(val) {
this.data = val;
}
},
data: { data: {
deep: true, deep: true,
handler(val) { handler(val) {
console.log(val);
this.$emit('input', val); this.$emit('input', val);
} }
} }
...@@ -55,12 +59,15 @@ export default { ...@@ -55,12 +59,15 @@ export default {
} }
}, },
created() { created() {
const data = JSON.parse(JSON.stringify(this.value)); this.data = JSON.parse(JSON.stringify(this.value));
},
methods: {
init() {
const data = this.value;
if (!data.ids) data.ids = ''; if (!data.ids) data.ids = '';
if (!data.data) data.data = []; if (!data.data) data.data = [];
this.data = data; this.data = data;
}, },
methods: {
async getGoods(params) { async getGoods(params) {
const res = await operationApi.getGoods(params); const res = await operationApi.getGoods(params);
try { try {
...@@ -77,14 +84,17 @@ export default { ...@@ -77,14 +84,17 @@ export default {
item.status = goodsList[i].status; item.status = goodsList[i].status;
arr.push(item) arr.push(item)
} }
this.data.data = arr; this.$set(this.data, 'data', arr);
} else { } else {
this.data.data = [] this.$set(this.data, 'data', []);
} }
} catch (err) { } catch (err) {
console.log(err); console.log(err);
this.data.data = [] this.$set(this.data, 'data', []);
} }
setTimeout(() => {
this.$emit('adjust')
}, 1000)
}, },
changeIds() { changeIds() {
const skus = this.data.ids ? this.data.ids.split(',') : []; const skus = this.data.ids ? this.data.ids.split(',') : [];
......
app/web/page/editor/component/DynamicForm/component/DiscountGoodsSelectorV2/index.vue 0 → 100644
View file @ cac4728b
<template>
<div class="VerticalAdGoodsSelectorContainer">
<Input
v-model="data.ids"
type="textarea"
:autosize="{minRows: 3,maxRows: 10}"
placeholder="请输入skuNo,每个skuNo使用英文逗号隔开"
@on-blur="changeIds"
/>
<div class="goodsItem" v-for="(item, index) in data.data" :key="index">
<Form @submit.native.prevent ref="formCustom" :model="item" :label-width="90" label-position="left">
<FormItem label="sku_no" prop="skuNo">
<Input v-model="item.skuNo" disabled />
</FormItem>
<FormItem label="商品名称" prop="goodsName">
<Input v-model="item.goodsName" />
</FormItem>
<FormItem label="商品主图" prop="img">
<Upload v-model="item.img"></Upload>
</FormItem>
<FormItem label="横幅文案" prop="subtitle">
<Input v-model="item.subtitle" />
</FormItem>
<FormItem label="标签文案" prop="tag">
<Input v-model="item.tag" />
</FormItem>
<FormItem label="标签文案颜色" prop="tagColor">
<ColorSelector v-model="item.tagColor" />
</FormItem>
<FormItem label="标签背景图" prop="tagBgImg">
<Upload v-model="item.tagBgImg"></Upload>
</FormItem>
</Form>
<Button type="error" long @click="del(index, item.skuNo)" class="deleteGood">删除</Button>
</div>
</div>
</template>
<script>
import operationApi from '@api/operation.api';
import ColorSelector from '@editor/component/DynamicForm/component/ColorSelector/index.vue';
import Upload from '@editor/component/DynamicForm/component/Upload/index.vue';
export default {
inject: ['editor'],
props: {
value: {
type: Object,
default: () => {}
}
},
watch: {
value: {
handler(val) {
this.data = val;
// this.$nextTick(() =>this.editor.adjustHeight());
}
},
data: {
deep: true,
handler(val) {
this.$emit('input', val);
}
}
},
components: {
Upload,
ColorSelector
},
data() {
return {
data: {}
}
},
created() {
this.data = JSON.parse(JSON.stringify(this.value));
},
methods: {
init() {
const data = this.value;
if (!data.ids) data.ids = '';
if (!data.data) data.data = [];
this.data = data;
},
async getGoods(params) {
const res = await operationApi.getGoods(params);
try {
let goodsList = res.skus || [];
let arr = [];
if (goodsList.length) {
for (let i = 0; i < goodsList.length; i++) {
let item = {};
item.goodsName = goodsList[i].skuName;
item.salePrice = goodsList[i].salePrice;
item.skuNo = goodsList[i].skuNo;
item.img = goodsList[i].skuUrl;
item.subtitle = '';
item.tag = '';
item.tagColor = '';
item.tagBgImg = '';
item.status = goodsList[i].status;
arr.push(item)
}
this.$set(this.data, 'data', arr);
} else {
this.$set(this.data, 'data', []);
}
} catch (err) {
console.log(err);
this.$set(this.data, 'data', []);
}
setTimeout(() => {
this.$emit('adjust')
}, 1000)
},
changeIds() {
const skus = this.data.ids ? this.data.ids.split(',') : [];
if (skus.length) {
if (skus.length > 15) {
this.$toast('最多填入15个商品');
return;
}
this.getGoods({
skus
});
}
},
del(index, skuNo) {
this.data.data.splice(index, 1)
const ids = this.data.ids ? this.data.ids.split(',') : [];
const idx = ids.indexOf(skuNo);
if (idx > -1 && ids.length) ids.splice(idx, 1);
this.data.ids = ids.join();
if (this.data.data.length == 0) this.data.ids = '';
}
}
}
</script>
<style scoped lang="less">
.goodsItem{
border: 1px solid #dddee1;
border-radius: 4px;
margin-top: 10px;
padding: 5px;
/deep/ .ivu-form-item{
margin-bottom: 10px;
}
}
</style>
app/web/page/editor/component/DynamicForm/component/Number/index.vue
View file @ cac4728b
<template> <template>
<Input v-model="text" :number="true"></Input> <Input v-model="text" :number="true" @on-blur="$emit('adjust')" />
</template> </template>
<script> <script>
export default { export default {
...@@ -12,6 +12,9 @@ ...@@ -12,6 +12,9 @@
} }
}, },
watch: { watch: {
value(val) {
this.text = val;
},
text(val) { text(val) {
this.$emit('input', val); this.$emit('input', val);
} }
......
app/web/page/editor/component/DynamicForm/component/SnapUpActivitySelector/index.vue
View file @ cac4728b
...@@ -11,8 +11,8 @@ import operationApi from '@api/operation.api'; ...@@ -11,8 +11,8 @@ import operationApi from '@api/operation.api';
export default { export default {
props: { props: {
value: { value: {
type: Number, type: String,
default: 0 default: ''
} }
}, },
watch: { watch: {
...@@ -38,6 +38,9 @@ export default { ...@@ -38,6 +38,9 @@ export default {
const res = await operationApi.getActivityList({ const res = await operationApi.getActivityList({
templateType: 11 templateType: 11
}); });
for (let i = 0; i < res.length; i++) {
res[i].id = res[i].id.toString();
}
this.list = res; this.list = res;
} }
} }
......
app/web/page/editor/component/DynamicForm/component/VerticalAdStyleSelector/index.vue
View file @ cac4728b
...@@ -12,6 +12,9 @@ export default { ...@@ -12,6 +12,9 @@ export default {
} }
}, },
watch: { watch: {
value(val) {
this.styleType = val;
},
styleType(val) { styleType(val) {
this.$emit('input', val); this.$emit('input', val);
} }
......
app/web/page/editor/component/DynamicForm/index.ts
View file @ cac4728b
...@@ -11,6 +11,7 @@ import VerticalAdStyleSelector from './component/VerticalAdStyleSelector/index.v ...@@ -11,6 +11,7 @@ import VerticalAdStyleSelector from './component/VerticalAdStyleSelector/index.v
import CategoryTypeSelector from './component/CategoryTypeSelector/index.vue'; import CategoryTypeSelector from './component/CategoryTypeSelector/index.vue';
import CategorySelector from './component/CategorySelector/index.vue'; import CategorySelector from './component/CategorySelector/index.vue';
import BatchGoodsSelector from './component/BatchGoodsSelector/index.vue'; import BatchGoodsSelector from './component/BatchGoodsSelector/index.vue';
import DiscountGoodsSelectorV2 from './component/DiscountGoodsSelectorV2/index.vue';
import BaseSelect from './component/BaseSelect/index.vue'; import BaseSelect from './component/BaseSelect/index.vue';
import ComponentSelect from './component/ComponentSelect/index.vue'; import ComponentSelect from './component/ComponentSelect/index.vue';
import FormList from './component/FormList/index.vue'; import FormList from './component/FormList/index.vue';
...@@ -24,7 +25,25 @@ import { getAllScheme } from '../../../store/modules/editor/scheme'; ...@@ -24,7 +25,25 @@ import { getAllScheme } from '../../../store/modules/editor/scheme';
import EventBus from '@service/eventBus.service'; import EventBus from '@service/eventBus.service';
const allComponentsMap = getAllScheme(); const allComponentsMap = getAllScheme();
@Component({ components: { Upload, ColorSelector, BaseSelect, FormList, Textarea, Number, ComponentSelect, GoodsTableModal, CouponTableModal, ColumnSelector, DiscountGoodsSelector, SnapUpActivitySelector, CategoryTypeSelector, CategorySelector, VerticalAdStyleSelector, BatchGoodsSelector }, name: 'DynamicForm' }) @Component({ components: {
Upload,
ColorSelector,
BaseSelect,
FormList,
Textarea,
Number,
ComponentSelect,
GoodsTableModal,
CouponTableModal,
ColumnSelector,
DiscountGoodsSelector,
SnapUpActivitySelector,
CategoryTypeSelector,
CategorySelector,
VerticalAdStyleSelector,
BatchGoodsSelector,
DiscountGoodsSelectorV2
}, name: 'DynamicForm' })
export default class DynamicForm extends Mixins(ContextMenuMixin, DynamicFormMixin) { export default class DynamicForm extends Mixins(ContextMenuMixin, DynamicFormMixin) {
@State(state => state.editor.curEleIndex) curEleIndex; @State(state => state.editor.curEleIndex) curEleIndex;
@State(state => state.editor.curChildIndex) curChildIndex; @State(state => state.editor.curChildIndex) curChildIndex;
......
app/web/page/editor/component/DynamicForm/index.vue
View file @ cac4728b
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
<div v-if="item.title"> <div v-if="item.title">
<h3>{{ item.title }}</h3> <h3>{{ item.title }}</h3>
<FormItem :label="child.name" :key="curElement.id + child.key" v-for="child in item.children"> <FormItem :label="child.name" :key="curElement.id + child.key" v-for="child in item.children">
<component :is="getComponent(child.type)" :options="child.options" :formControl="child.formControl" :limit-name="child.type === 'FormList' && curElement.name === 'cs-goods-tabs' ? 'cs-goods' : ''" v-model="form[child.key]" /> <component @adjust="adjustHeight" :is="getComponent(child.type)" :options="child.options" :formControl="child.formControl" :limit-name="child.type === 'FormList' && curElement.name === 'cs-goods-tabs' ? 'cs-goods' : ''" v-model="form[child.key]" />
</FormItem> </FormItem>
</div> </div>
<FormItem class="Df-component-formitem" v-else :label="item.name" :title="item.desc || ''"> <FormItem class="Df-component-formitem" v-else :label="item.name" :title="item.desc || ''">
<component :hide3Column="curElement.name === 'cs-discount' && item.key ==='column'" :is="getComponent(item.type)" :options="item.options" :formControl="item.formControl" :limit-name="item.type === 'ComponentSelect' && curElement.name === 'cs-goods-tabs' ? 'cs-goods' : ''" v-model="form[item.key]" /> <component @adjust="adjustHeight" :hide3Column="curElement.name === 'cs-discount' && item.key ==='column'" :is="getComponent(item.type)" :options="item.options" :formControl="item.formControl" :limit-name="item.type === 'ComponentSelect' && curElement.name === 'cs-goods-tabs' ? 'cs-goods' : ''" v-model="form[item.key]" />
</FormItem> </FormItem>
</template> </template>
</Form> </Form>
......
package-lock.json
View file @ cac4728b
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
"@hubcarl/json-typescript-mapper": "^2.0.0", "@hubcarl/json-typescript-mapper": "^2.0.0",
"@qg/apollo-nodejs": "^2.1.2", "@qg/apollo-nodejs": "^2.1.2",
"@qg/cherry-ui": "2.23.10", "@qg/cherry-ui": "2.23.10",
"@qg/citrus-ui": "0.3.39-beta3", "@qg/citrus-ui": "0.3.40-beta1",
"@riophae/vue-treeselect": "^0.4.0", "@riophae/vue-treeselect": "^0.4.0",
"@types/lodash": "^4.14.117", "@types/lodash": "^4.14.117",
"@types/node": "^10.12.0", "@types/node": "^10.12.0",
...@@ -3081,9 +3081,9 @@ ...@@ -3081,9 +3081,9 @@
} }
}, },
"node_modules/@qg/citrus-ui": { "node_modules/@qg/citrus-ui": {
"version": "0.3.39-beta3", "version": "0.3.40-beta1",
"resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.3.39-beta3.tgz", "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.3.40-beta1.tgz",
"integrity": "sha512-pxVwAYAlPQXAKYuhczZiHPB8FHEAMSPCFO0nCmsKE0YsAW279WlXPTfsrBKhWBTLTr7J+a6OsRp+z2mQweicIQ==", "integrity": "sha512-mQhPc/JgK1P2ZTimZwh2i5fL9HaSiKcUjUeFyc37KcWXRdrslh2ktEHeZsHrqOB/CYH2+JTnhqxOjjxN/BchEQ==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@better-scroll/core": "^2.1.1", "@better-scroll/core": "^2.1.1",
...@@ -38895,9 +38895,9 @@ ...@@ -38895,9 +38895,9 @@
} }
}, },
"@qg/citrus-ui": { "@qg/citrus-ui": {
"version": "0.3.39-beta3", "version": "0.3.40-beta1",
"resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.3.39-beta3.tgz", "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.3.40-beta1.tgz",
"integrity": "sha512-pxVwAYAlPQXAKYuhczZiHPB8FHEAMSPCFO0nCmsKE0YsAW279WlXPTfsrBKhWBTLTr7J+a6OsRp+z2mQweicIQ==", "integrity": "sha512-mQhPc/JgK1P2ZTimZwh2i5fL9HaSiKcUjUeFyc37KcWXRdrslh2ktEHeZsHrqOB/CYH2+JTnhqxOjjxN/BchEQ==",
"requires": { "requires": {
"@better-scroll/core": "^2.1.1", "@better-scroll/core": "^2.1.1",
"@qg/cherry-ui": "^2.23.9", "@qg/cherry-ui": "^2.23.9",
package.json
View file @ cac4728b
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
"test": "cross-env NODE_ENV=production EGG_SERVER_ENV=sit egg-scripts start --port 80 --workers 1", "test": "cross-env NODE_ENV=production EGG_SERVER_ENV=sit egg-scripts start --port 80 --workers 1",
"stop": "egg-scripts stop", "stop": "egg-scripts stop",
"backend": "nohup egg-scripts start --port 7001 --workers 4", "backend": "nohup egg-scripts start --port 7001 --workers 4",
"dev": "cross-env NODE_ENV=test APOLLO_CLUSTER=k8s NAMESPACE=vcc2 npm run apollo && egg-bin dev -r egg-ts-helper/register --port 7002", "dev": "cross-env NODE_ENV=test APOLLO_CLUSTER=k8s NAMESPACE=test1 npm run apollo && egg-bin dev -r egg-ts-helper/register --port 7002",
"debug": "egg-bin debug -r egg-ts-helper/register", "debug": "egg-bin debug -r egg-ts-helper/register",
"apollo": "node bin/apollo.js", "apollo": "node bin/apollo.js",
"build": "cross-env NODE_ENV=production APOLLO_CLUSTER=3C npm run apollo && cross-env COS_ENV=production easy build --devtool", "build": "cross-env NODE_ENV=production APOLLO_CLUSTER=3C npm run apollo && cross-env COS_ENV=production easy build --devtool",
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
"@hubcarl/json-typescript-mapper": "^2.0.0", "@hubcarl/json-typescript-mapper": "^2.0.0",
"@qg/apollo-nodejs": "^2.1.2", "@qg/apollo-nodejs": "^2.1.2",
"@qg/cherry-ui": "2.23.10", "@qg/cherry-ui": "2.23.10",
"@qg/citrus-ui": "0.3.39-beta2", "@qg/citrus-ui": "0.3.40-beta1",
"@riophae/vue-treeselect": "^0.4.0", "@riophae/vue-treeselect": "^0.4.0",
"@types/lodash": "^4.14.117", "@types/lodash": "^4.14.117",
"@types/node": "^10.12.0", "@types/node": "^10.12.0",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment