|
|
@@ -7,23 +7,33 @@
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</el-row>
|
|
|
- <el-table v-if="costcheck === 1" :data="tableData" border class="mt-4 " stripe :header-cell-style="headerStyle" style="height: 87%;">
|
|
|
+ <el-table v-if="costcheck === 1" :data="tableData" border class="mt-4 " stripe :header-cell-style="headerStyle1" style="height: 87%;">
|
|
|
<el-table-column
|
|
|
v-for="item in tableColData" :key="item.id"
|
|
|
align="center"
|
|
|
:prop="item.id"
|
|
|
:label="item.name"
|
|
|
- :min-width="180"
|
|
|
+ :min-width="item.name
|
|
|
+ === '期末账上余额'
|
|
|
+ || item.name === '本月未支付'
|
|
|
+ || item.name === '期末账上余额'
|
|
|
+ || item.name === '本月未支付'
|
|
|
+ || item.name === '备注（单位：元）'
|
|
|
+ || item.name === '本月资金缺口'
|
|
|
+ || item.name === '已开票未回款金额（元）'
|
|
|
+ ? 130 : 100 "
|
|
|
>
|
|
|
<el-table-column
|
|
|
- v-for="item1 in item.children" :key="item1.id"
|
|
|
+ v-for="item1 in item.children" v-if="item.children"
|
|
|
+ :key="item1.id"
|
|
|
align="center"
|
|
|
:prop="item1.id"
|
|
|
:label="item1.name"
|
|
|
:min-width="180"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- v-for="item2 in item1.children" :key="item2.id"
|
|
|
+ v-for="item2 in item1.children" v-if="item1.children"
|
|
|
+ :key="item2.id"
|
|
|
align="center"
|
|
|
:prop="item2.id"
|
|
|
:label="item2.name"
|
|
|
@@ -42,7 +52,7 @@
|
|
|
:label="item.name"
|
|
|
/>
|
|
|
</el-table>
|
|
|
- <el-table v-if="costcheck !== '2' && costcheck !== '1'" stripe :data="tableData" border class="mt-4 " :header-cell-style="{ background: 'rgb(214, 225, 255)', fontSize: '16px', color: 'black' }" style="height: 87%;">
|
|
|
+ <el-table v-if="costcheck == 3" stripe :data="tableData" border class="mt-4 " :header-cell-style="{ background: 'rgb(214, 225, 255)', fontSize: '16px', color: 'black' }" style="height: 87%;">
|
|
|
<el-table-column
|
|
|
v-for="item in otherColData"
|
|
|
:key="item.id"
|
|
|
@@ -54,7 +64,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import { ref, watch } from 'vue'
|
|
|
+import { nextTick, ref, watch } from 'vue'
|
|
|
|
|
|
const props = defineProps({
|
|
|
cur: {
|
|
|
@@ -75,70 +85,71 @@ watch(() => [
|
|
|
|
|
|
|
|
|
const tableData = ref([
|
|
|
- { time:'一月', beginremain:'2000' },
|
|
|
- { time:'二月', beginremain:'2000' },
|
|
|
- { time:'三月', beginremain:'2000' },
|
|
|
- { time:'四月', beginremain:'2000' },
|
|
|
- { time:'五月', beginremain:'2000' },
|
|
|
- { time:'六月', beginremain:'2000' },
|
|
|
- { time:'七月', beginremain:'2000' },
|
|
|
- { time:'八月', beginremain:'2000' },
|
|
|
- { time:'九月', beginremain:'2000' },
|
|
|
- { time:'十月', beginremain:'2000' },
|
|
|
- { time:'十一月', beginremain:'2000' },
|
|
|
- { time:'十二月', beginremain:'20001' },
|
|
|
+ { time:'一月', key1:'2000' },
|
|
|
+ { time:'二月', key1:'2000' },
|
|
|
+ { time:'三月', key1:'2000' },
|
|
|
+ { time:'四月', key1:'2000' },
|
|
|
+ { time:'五月', key1:'2000' },
|
|
|
+ { time:'六月', key1:'2000' },
|
|
|
+ { time:'七月', key1:'2000' },
|
|
|
+ { time:'八月', key1:'2000' },
|
|
|
+ { time:'九月', key1:'2000' },
|
|
|
+ { time:'十月', key1:'2000' },
|
|
|
+ { time:'十一月', key1:'2000' },
|
|
|
+ { time:'十二月', key1:'20001' },
|
|
|
|
|
|
|
|
|
])
|
|
|
const tableColData = ref([
|
|
|
+ {
|
|
|
+ id: 'sort',
|
|
|
+ name: '序号',
|
|
|
+
|
|
|
+ },
|
|
|
{
|
|
|
id: 'time',
|
|
|
- name: '时间',
|
|
|
- children:[
|
|
|
-
|
|
|
- ],
|
|
|
+ name: '年度',
|
|
|
+
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
- name: '期初上账余额',
|
|
|
- children:[
|
|
|
-
|
|
|
- ],
|
|
|
+ id: 'key1',
|
|
|
+ name: '期末账上余额',
|
|
|
+
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key2',
|
|
|
name: '回款',
|
|
|
children:[
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key3',
|
|
|
name: '计划回款',
|
|
|
children:[
|
|
|
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key4',
|
|
|
name: '项目回款',
|
|
|
children:[
|
|
|
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key5',
|
|
|
name: '营业外收入',
|
|
|
children:[
|
|
|
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key6',
|
|
|
name: '过账资金',
|
|
|
children:[
|
|
|
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key7',
|
|
|
name: '项目保证金、押金退回',
|
|
|
children:[
|
|
|
|
|
|
@@ -147,21 +158,21 @@ const tableColData = ref([
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain8',
|
|
|
+ id: 'key8',
|
|
|
name: '借还款',
|
|
|
children:[
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key9',
|
|
|
name: '借入',
|
|
|
children:[],
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key10',
|
|
|
name: '偿还本金',
|
|
|
children:[],
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key11',
|
|
|
name: '偿还利息',
|
|
|
children:[],
|
|
|
},
|
|
|
@@ -170,55 +181,57 @@ const tableColData = ref([
|
|
|
],
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key12',
|
|
|
name: '支出',
|
|
|
|
|
|
children:[
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key13',
|
|
|
name: '员工借款',
|
|
|
children:[ ],
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key14',
|
|
|
name: '员工借支还款',
|
|
|
children:[],
|
|
|
|
|
|
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key15',
|
|
|
name: '费用',
|
|
|
|
|
|
children:[
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key16',
|
|
|
name: '差旅费、招待费',
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key17',
|
|
|
name: '人员工资、五险一金',
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key18',
|
|
|
name: '税金',
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key19',
|
|
|
name: '外包费',
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key20',
|
|
|
name: '商务费',
|
|
|
- }, {
|
|
|
- id: 'beginremain',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 'key21',
|
|
|
name: '办公房租、物业水电',
|
|
|
},
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key22',
|
|
|
name: '综合报销',
|
|
|
- }, {
|
|
|
- id: 'beginremain',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 'key23',
|
|
|
name: '费用合计',
|
|
|
},
|
|
|
],
|
|
|
@@ -229,21 +242,37 @@ const tableColData = ref([
|
|
|
|
|
|
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
- name: '期末上账余额',
|
|
|
+ id: 'key24',
|
|
|
+ name: '期末账上余额',
|
|
|
|
|
|
|
|
|
},
|
|
|
+
|
|
|
{
|
|
|
- id: 'beginremain',
|
|
|
+ id: 'key26',
|
|
|
name: '本月未支付',
|
|
|
|
|
|
},
|
|
|
+ {
|
|
|
+ id: 'key27',
|
|
|
+ name: '备注（单位：元）',
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 'key28',
|
|
|
+ name: '本月资金缺口',
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 'key29',
|
|
|
+ name: '已开票未回款金额（元）',
|
|
|
+
|
|
|
+ },
|
|
|
|
|
|
])
|
|
|
const costdetail = ref([
|
|
|
- { name:'汇总表', key:'1' },
|
|
|
- { name:'项目回款明细', key:'2' },
|
|
|
+ { name:'汇总表', key:1 },
|
|
|
+ { name:'项目回款明细', key:2 },
|
|
|
{ name:'借入', key:'3' },
|
|
|
])
|
|
|
const tableprojectColData = ref([
|
|
|
@@ -300,8 +329,22 @@ const headerStyle = ()=>{
|
|
|
const comStyle = { fontSize:'16px', background: 'rgb(214, 225, 255)', color:'black' }
|
|
|
return comStyle
|
|
|
}
|
|
|
+const headerStyle1 = ({ column, rowIndex, columnIndex })=>{
|
|
|
+ const comStyle = { fontSize:'16px', background: 'rgb(214, 225, 255)', color:'black' }
|
|
|
+
|
|
|
+ // 1.1 让第0行的第0列跨3行
|
|
|
+ // if (columnIndex === 0) {
|
|
|
+ // nextTick(() => {
|
|
|
+ // document
|
|
|
+ // .getElementsByClassName(column.id)[0]
|
|
|
+ // .setAttribute('rowSpan', 3)
|
|
|
+ // return comStyle
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ return comStyle
|
|
|
+}
|
|
|
|
|
|
-const costcheck = ref('1')
|
|
|
+const costcheck = ref(1)
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
