|
@@ -5,7 +5,7 @@
|
|
<span>项目选择:</span>
|
|
<span>项目选择:</span>
|
|
<a-tree-select
|
|
<a-tree-select
|
|
v-model="treeValue"
|
|
v-model="treeValue"
|
|
- style="width: 30%"
|
|
|
|
|
|
+ style="width: 50%"
|
|
:tree-data="treeData"
|
|
:tree-data="treeData"
|
|
tree-checkable
|
|
tree-checkable
|
|
:show-checked-strategy="SHOW_PARENT"
|
|
:show-checked-strategy="SHOW_PARENT"
|
|
@@ -14,23 +14,29 @@
|
|
@change="treeChange"
|
|
@change="treeChange"
|
|
/>
|
|
/>
|
|
|
|
|
|
- <div class="optItem">
|
|
|
|
- <span>折扣:</span>
|
|
|
|
- <a-input-number :min="0" :max="10" :step="0.1" v-model="discount" />
|
|
|
|
- </div>
|
|
|
|
- <div class="optItem">
|
|
|
|
- <span>返点比例:</span>
|
|
|
|
- <a-input-number :min="0" :max="10" :step="0.1" v-model="rebateProp" />
|
|
|
|
|
|
+
|
|
|
|
+ <div style="float:right" @click="opendate">
|
|
|
|
+ <DatePicker :openOptions='openOptions' :left=left />
|
|
</div>
|
|
</div>
|
|
- <div class="time" @click="opendate">
|
|
|
|
- <DatePicker :openOptions='openOptions'/>
|
|
|
|
|
|
+ <div class="optionTow">
|
|
|
|
+ <div class="optItem">
|
|
|
|
+ <span>折扣:</span>
|
|
|
|
+ <a-input-number :min="0" :max="10" :step="0.1" v-model="discount" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="optItem">
|
|
|
|
+ <span>返点比例:</span>
|
|
|
|
+ <a-input-number :min="0" :max="10" :step="0.1" v-model="rebateProp" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="btn">
|
|
|
|
+ <a-button type="primary" @click="searchgetData" :disabled='searchDisabled' class="mybtn">查询</a-button>
|
|
|
|
+ <a-button type="primary" @click="refreshgetData" :disabled='refreshDisabled' class="mybtn">刷新</a-button>
|
|
|
|
+ <a-button type="primary" @click="resetgetData" :disabled='resetDisabled' class="mybtn">重置</a-button>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ <div class="show">
|
|
|
|
|
|
- <div class="btn">
|
|
|
|
- <a-button type="primary" @click="searchgetData" :disabled='searchDisabled'>查询</a-button>
|
|
|
|
- <a-button type="primary" @click="refreshgetData" :disabled='refreshDisabled'>刷新</a-button>
|
|
|
|
- <a-button type="primary" @click="resetgetData" :disabled='resetDisabled'>重置</a-button>
|
|
|
|
- </div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -60,6 +66,7 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ left:0,
|
|
//treeselect的参数
|
|
//treeselect的参数
|
|
treeValue: [],
|
|
treeValue: [],
|
|
treeData: [],
|
|
treeData: [],
|
|
@@ -150,28 +157,28 @@ export default {
|
|
this.cost = res.result.costWeekLink
|
|
this.cost = res.result.costWeekLink
|
|
this.click = res.result.clickWeekLink
|
|
this.click = res.result.clickWeekLink
|
|
this.showNum = res.result.showNumWeekLink
|
|
this.showNum = res.result.showNumWeekLink
|
|
- res.result.top.top7.forEach((element, index) => {
|
|
|
|
- this.topOption.xAxis[0].data.push(element.authName)
|
|
|
|
- this.topOption.series[0].data.push(element.cost)
|
|
|
|
- })
|
|
|
|
|
|
+ // res.result.top.top7.forEach((element, index) => {
|
|
|
|
+ // this.topOption.xAxis[0].data.push(element.authName)
|
|
|
|
+ // this.topOption.series[0].data.push(element.cost)
|
|
|
|
+ // })
|
|
|
|
|
|
- for (let [key, value] of Object.entries(res.result.costWeek)) {
|
|
|
|
- this.costOption.xAxis[0].data.push(key)
|
|
|
|
- this.costOption.series[0].data.push(value)
|
|
|
|
- }
|
|
|
|
- for (let [key, value] of Object.entries(res.result.clickWeek)) {
|
|
|
|
- this.clickOption.xAxis[0].data.push(key)
|
|
|
|
- this.clickOption.series[0].data.push(value)
|
|
|
|
- }
|
|
|
|
- for (let [key, value] of Object.entries(res.result.showNumWeek)) {
|
|
|
|
- this.showOption.xAxis[0].data.push(key)
|
|
|
|
- this.showOption.series[0].data.push(value)
|
|
|
|
- }
|
|
|
|
|
|
+ // for (let [key, value] of Object.entries(res.result.costWeek)) {
|
|
|
|
+ // this.costOption.xAxis[0].data.push(key)
|
|
|
|
+ // this.costOption.series[0].data.push(value)
|
|
|
|
+ // }
|
|
|
|
+ // for (let [key, value] of Object.entries(res.result.clickWeek)) {
|
|
|
|
+ // this.clickOption.xAxis[0].data.push(key)
|
|
|
|
+ // this.clickOption.series[0].data.push(value)
|
|
|
|
+ // }
|
|
|
|
+ // for (let [key, value] of Object.entries(res.result.showNumWeek)) {
|
|
|
|
+ // this.showOption.xAxis[0].data.push(key)
|
|
|
|
+ // this.showOption.series[0].data.push(value)
|
|
|
|
+ // }
|
|
|
|
|
|
- this.getEchartData('topChart', this.topOption)
|
|
|
|
- this.getEchartData('costChart', this.costOption)
|
|
|
|
- this.getEchartData('clickChart', this.clickOption)
|
|
|
|
- this.getEchartData('showChart', this.showOption)
|
|
|
|
|
|
+ // this.getEchartData('topChart', this.topOption)
|
|
|
|
+ // this.getEchartData('costChart', this.costOption)
|
|
|
|
+ // this.getEchartData('clickChart', this.clickOption)
|
|
|
|
+ // this.getEchartData('showChart', this.showOption)
|
|
|
|
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -196,26 +203,39 @@ export default {
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.accountReport {
|
|
.accountReport {
|
|
.optionLine {
|
|
.optionLine {
|
|
-
|
|
|
|
|
|
+ padding: 0 15px;
|
|
position: relative;
|
|
position: relative;
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
margin-bottom: 15px;
|
|
margin-bottom: 15px;
|
|
// border: 1px solid #ccc;
|
|
// border: 1px solid #ccc;
|
|
- .optItem{
|
|
|
|
- display: inline-block;
|
|
|
|
- margin-left: 15px;
|
|
|
|
- span {
|
|
|
|
- display: inline-block;
|
|
|
|
- padding: 0 3px;
|
|
|
|
|
|
+
|
|
|
|
+ .optionTow{
|
|
|
|
+ margin-top: 15px;
|
|
|
|
+ position: relative;
|
|
|
|
+ .optItem{
|
|
|
|
+ display: inline-block;
|
|
|
|
+ margin-right: 15px;
|
|
|
|
+ span {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ padding: 0 3px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
|
|
.btn {
|
|
.btn {
|
|
position: absolute;
|
|
position: absolute;
|
|
- right: 10px;
|
|
|
|
|
|
+ right: 0px;
|
|
top: 0px;
|
|
top: 0px;
|
|
|
|
+ .mybtn{
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .show{
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ padding: 15px 15px;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|