|
@@ -1,68 +1,45 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <a-table
|
|
|
- class="ant-table-small"
|
|
|
- size="small"
|
|
|
- :columns="columns"
|
|
|
- :data-source="data"
|
|
|
- :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-striped' : null)"
|
|
|
- bordered>
|
|
|
- <template #bodyCell="{ column,record }">
|
|
|
- <span style="font-weight: 300;">{{ record[column.dataIndex] }}</span>
|
|
|
- <template v-if="column.dataIndex == 'operation'">
|
|
|
- <set-target v-if="record.type !== '区域汇总'" :data="record" @onSuccess="targetData"></set-target>
|
|
|
- </template>
|
|
|
+ <normalTable
|
|
|
+ ref="prodlist"
|
|
|
+ :columns="utils.TBLayout('targetDetail')"
|
|
|
+ tableName="targetDetail"
|
|
|
+ :noQuery="true"
|
|
|
+ rowKey="sa_orderitemsid"
|
|
|
+ :param="param"
|
|
|
+ size="small"
|
|
|
+ :hideBorder="true">
|
|
|
+ <template #more>
|
|
|
+ <slot name="tableImport"></slot>
|
|
|
</template>
|
|
|
- </a-table>
|
|
|
+ </normalTable>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import { ref,onMounted,defineExpose,defineProps } from 'vue';
|
|
|
-import Api from '@/api/api'
|
|
|
import utils from '@/utils/utils'
|
|
|
+import normalTable from '@/template/normalTable/index.vue'
|
|
|
import setTarget from '../modules/setTarget.vue'
|
|
|
import { useRouter } from "vue-router";
|
|
|
const router = useRouter()
|
|
|
const props = defineProps(['data'])
|
|
|
|
|
|
-const columns = ref([
|
|
|
- { title: '营销区域', dataIndex: 'areaname'},
|
|
|
- { title: '年度', dataIndex: 'y1l'},
|
|
|
- { title: '一季度', dataIndex: 's1l'},
|
|
|
- { title: '一月', dataIndex: 'm1l'},
|
|
|
- { title: '二月', dataIndex: 'm2l'},
|
|
|
- { title: '三月', dataIndex: 'm3l'},
|
|
|
- { title: '二季度', dataIndex: 's2l'},
|
|
|
- { title: '四月', dataIndex: 'm4l'},
|
|
|
- { title: '五月', dataIndex: 'm5l'},
|
|
|
- { title: '六月', dataIndex: 'm6l'},
|
|
|
- { title: '三季度', dataIndex: 's3l'},
|
|
|
- { title: '七月', dataIndex: 'm7l'},
|
|
|
- { title: '八月', dataIndex: 'm8l'},
|
|
|
- { title: '九月', dataIndex: 'm9l'},
|
|
|
- { title: '四季度', dataIndex: 's4l'},
|
|
|
- { title: '十月', dataIndex: 'm10l'},
|
|
|
- { title: '十一月', dataIndex: 'm11l'},
|
|
|
- { title: '十二月', dataIndex: 'm12l'},
|
|
|
- { title: '操作', dataIndex: 'operation'},
|
|
|
-]);
|
|
|
-const data = ref([])
|
|
|
-const targetData = async (year) => {
|
|
|
- console.log(props.data.year)
|
|
|
- const res = await Api.requested({
|
|
|
- "id": "20220901141802",
|
|
|
- "content": {
|
|
|
- "sa_salestargetbillid":router.currentRoute.value.query.id,
|
|
|
- "where":{
|
|
|
- year:year
|
|
|
- }
|
|
|
+const prodlist = ref(null)
|
|
|
+const param = ref({
|
|
|
+ "id": "20220901141802",
|
|
|
+ "content": {
|
|
|
+ "sa_salestargetbillid":router.currentRoute.value.query.id,
|
|
|
+ "where":{
|
|
|
+ year:''
|
|
|
}
|
|
|
- })
|
|
|
- data.value = res.data
|
|
|
+ }
|
|
|
+})
|
|
|
+const targetData = async (year) => {
|
|
|
+ param.value.content.where.year = year
|
|
|
+ prodlist.value.listData()
|
|
|
}
|
|
|
onMounted(()=>{
|
|
|
- // targetData()
|
|
|
})
|
|
|
defineExpose({
|
|
|
targetData
|