|
|
@@ -1,54 +1,54 @@
|
|
|
<template>
|
|
|
- <hc-card>
|
|
|
- <template #header>
|
|
|
- 111
|
|
|
- </template>
|
|
|
- <template #extra>
|
|
|
- 222
|
|
|
- </template>
|
|
|
- <div class="relative h-full flex">
|
|
|
- <div :id="`hc_tree_card_${uuid}`">
|
|
|
- <hc-card-item scrollbar>
|
|
|
- <hc-lazy-tree :h-props="treeProps" @load="treeLoadNode" />
|
|
|
- </hc-card-item>
|
|
|
- </div>
|
|
|
- <div :id="`hc_table_card_${uuid}`" class="flex-1">
|
|
|
- <hc-card-item>
|
|
|
- <template #header>
|
|
|
- <div class="font-400 text-orange">收方总金额：0元</div>
|
|
|
+ <div class="relative h-full flex">
|
|
|
+ <div :id="`hc_table_card_${uuid}`">
|
|
|
+ <hc-new-card>
|
|
|
+ <template #header>
|
|
|
+ <el-button hc-btn type="primary" @click="systemPaymentClick">引用系统支付项</el-button>
|
|
|
+ </template>
|
|
|
+ <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }" is-current-row>
|
|
|
+ <template #action="{ row }">
|
|
|
+ <el-link type="success" @click="editRowClick(row)">修改</el-link>
|
|
|
+ <el-link type="danger">删除</el-link>
|
|
|
</template>
|
|
|
+ </hc-table>
|
|
|
+ <template #action>
|
|
|
+ <hc-pages :pages="searchForm" @change="pageChange" />
|
|
|
+ </template>
|
|
|
+ </hc-new-card>
|
|
|
+ </div>
|
|
|
+ <div :id="`hc_info_card_${uuid}`" class="flex-1">
|
|
|
+ <hc-new-card scrollbar>
|
|
|
+ <infoTable />
|
|
|
+ <hc-title title="汇总项">
|
|
|
<template #extra>
|
|
|
- <el-button hc-btn color="#626aef">
|
|
|
- <HcIcon name="sort-desc" :line="false" />
|
|
|
- <span>按部位排序</span>
|
|
|
- </el-button>
|
|
|
- <el-button hc-btn color="#626aef">
|
|
|
- <HcIcon name="sort-desc" :line="false" />
|
|
|
- <span>按录入时间排序</span>
|
|
|
- </el-button>
|
|
|
+ <el-link type="primary">添加汇总项</el-link>
|
|
|
</template>
|
|
|
- <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check @selection-change="tableCheckChange">
|
|
|
- <template #action="{ row }">
|
|
|
- <el-link type="primary" @click="giveTaskModalClick(row)">下达</el-link>
|
|
|
- <el-link type="success">修改</el-link>
|
|
|
- <el-link type="danger">删除</el-link>
|
|
|
- </template>
|
|
|
- </hc-table>
|
|
|
- <template #action>
|
|
|
- <hc-pages :pages="searchForm" @change="pageChange" />
|
|
|
+ </hc-title>
|
|
|
+ <hc-table :column="tableColumn1" :datas="tableData1" is-new :index-style="{ width: 60 }">
|
|
|
+ <template #action="{ row }">
|
|
|
+ <el-link type="danger">删除</el-link>
|
|
|
</template>
|
|
|
- </hc-card-item>
|
|
|
- </div>
|
|
|
+ </hc-table>
|
|
|
+ </hc-new-card>
|
|
|
</div>
|
|
|
- </hc-card>
|
|
|
+
|
|
|
+ <!-- 引用系统支付项 -->
|
|
|
+ <systemPay v-model="systemPayShow" />
|
|
|
+
|
|
|
+ <!-- 修改项目支付项 -->
|
|
|
+ <rowDataInfo v-model="isEditRowShow" />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
import { nextTick, onMounted, ref } from 'vue'
|
|
|
import { getRandom } from 'js-fast-way'
|
|
|
+import infoTable from './components/pay/info-table.vue'
|
|
|
+import systemPay from './components/pay/system-pay.vue'
|
|
|
+import rowDataInfo from './components/pay/row-data.vue'
|
|
|
|
|
|
defineOptions({
|
|
|
- name: 'DebitPayAdminApply',
|
|
|
+ name: 'ProjectDebitContractPay',
|
|
|
})
|
|
|
|
|
|
const uuid = getRandom(4)
|
|
|
@@ -62,42 +62,16 @@ onMounted(() => {
|
|
|
const setSplitRef = () => {
|
|
|
//配置参考： https://split.js.org/#/?direction=vertical&snapOffset=0
|
|
|
nextTick(() => {
|
|
|
- window.$split(['#hc_tree_card_' + uuid, '#hc_table_card_' + uuid], {
|
|
|
- sizes: [20, 80],
|
|
|
+ window.$split(['#hc_table_card_' + uuid, '#hc_info_card_' + uuid], {
|
|
|
+ sizes: [70, 30],
|
|
|
snapOffset: 0,
|
|
|
- minSize: [50, 500],
|
|
|
+ minSize: [50, 300],
|
|
|
})
|
|
|
})
|
|
|
}
|
|
|
|
|
|
//搜索表单
|
|
|
-const searchForm = ref({
|
|
|
- key1: null, current: 1, size: 10, total: 0,
|
|
|
-})
|
|
|
-
|
|
|
-
|
|
|
-//数据格式
|
|
|
-const treeProps = {
|
|
|
- label: 'name',
|
|
|
- children: 'children',
|
|
|
- isLeaf: 'leaf',
|
|
|
-}
|
|
|
-
|
|
|
-//懒加载的数据
|
|
|
-const treeLoadNode = ({ level }, resolve) => {
|
|
|
- if (level === 0) {
|
|
|
- return resolve([{ name: 'region' }])
|
|
|
- }
|
|
|
- if (level > 3) {
|
|
|
- return resolve([])
|
|
|
- }
|
|
|
- setTimeout(() => {
|
|
|
- resolve([
|
|
|
- { name: 'leaf', leaf: true },
|
|
|
- { name: 'zone' },
|
|
|
- ])
|
|
|
- }, 500)
|
|
|
-}
|
|
|
+const searchForm = ref({ current: 1, size: 10, total: 0 })
|
|
|
|
|
|
//分页
|
|
|
const pageChange = ({ current, size }) => {
|
|
|
@@ -108,24 +82,42 @@ const pageChange = ({ current, size }) => {
|
|
|
//表格数据
|
|
|
const tableLoading = ref(false)
|
|
|
const tableColumn = ref([
|
|
|
- { key: 'key1', name: '收方单编号' },
|
|
|
- { key: 'key2', name: '收方期' },
|
|
|
- { key: 'key3', name: '工程划分部位' },
|
|
|
- { key: 'key4', name: '收方金额' },
|
|
|
- { key: 'key5', name: '业务日期' },
|
|
|
- { key: 'key6', name: '审核状态' },
|
|
|
- { key: 'action', name: '操作', width: 200, align: 'center' },
|
|
|
+ { key: 'key1', name: '支付项编号', width: 140 },
|
|
|
+ { key: 'key2', name: '支付项名称' },
|
|
|
+ { key: 'key3', name: '支付项类型', width: 160 },
|
|
|
+ { key: 'key4', name: '是否为扣款项', width: 100 },
|
|
|
+ { key: 'key5', name: '是否合计项', width: 100 },
|
|
|
+ { key: 'key5', name: '适用类型', width: 100 },
|
|
|
+ { key: 'action', name: '操作', width: 100 },
|
|
|
])
|
|
|
const tableData = ref([
|
|
|
{ key1: '1111' },
|
|
|
])
|
|
|
|
|
|
-//表格选择
|
|
|
-const tableCheckChange = () => {
|
|
|
-
|
|
|
+//引用系统支付项
|
|
|
+const systemPayShow = ref(false)
|
|
|
+const systemPaymentClick = () => {
|
|
|
+ systemPayShow.value = true
|
|
|
}
|
|
|
-</script>
|
|
|
|
|
|
-<style scoped lang="scss">
|
|
|
+//汇总项
|
|
|
+const tableColumn1 = ref([
|
|
|
+ { key: 'key1', name: '支付项编号' },
|
|
|
+ { key: 'key2', name: '支付项名称' },
|
|
|
+ { key: 'key3', name: '支付项类型' },
|
|
|
+ { key: 'key4', name: '合同计算公式' },
|
|
|
+ { key: 'key5', name: '变更计算公式' },
|
|
|
+ { key: 'key6', name: '本期计算公式' },
|
|
|
+ { key: 'key7', name: '是否为扣款项' },
|
|
|
+ { key: 'action', name: '操作', width: 50 },
|
|
|
+])
|
|
|
+const tableData1 = ref([
|
|
|
+ { key1: '1111' },
|
|
|
+])
|
|
|
|
|
|
-</style>
|
|
|
+//修改
|
|
|
+const isEditRowShow = ref(false)
|
|
|
+const editRowClick = () => {
|
|
|
+ isEditRowShow.value = true
|
|
|
+}
|
|
|
+</script>
|
