中间计量支付

src/views/debit-pay/admin/middlepay.vue

@@ -3,8 +3,8 @@
         <div :id="`hc_tree_card_${uuid}`">
             <hc-new-card scrollbar>
                 <template #header>
-                    <el-select v-model="searchForm.key1" filterable block placeholder="选择计量期" @change="searchKey1Click">
-                        <el-option v-for="item in key1Data" :key="item.id" :label="item.name" :value="item.id" />
+                    <el-select v-model="searchForm.contractPeriodId" placeholder="选择计量期" filterable clearable block @change="searchKey1Click">
+                        <el-option v-for="item in key1Data" :key="item.id" :label="item.periodNumber" :value="item.id" clearable />
                     </el-select>
                 </template>
                 <hc-lazy-tree :h-props="treeProps" tree-key="id" :auto-expand-keys="TreeAutoExpandKeys" @load="treeLoadNode" @nodeTap="treeNodeTap" />
@@ -58,6 +58,7 @@ import HcAddModal from './components/middlepay/addModal.vue'
 import HcDetailsModal from './components/middlepay/detailsModal.vue'
 import { arrToId, getArrValue, getObjValue, getRandom } from 'js-fast-way'
 import unitApi from '~api/project/debit/contract/unit.js'
+import periodApi from '~api/debit-pay/admin/periods.js'
 import { getStoreValue, setStoreValue } from '~src/utils/storage'
 import { useAppStore } from '~src/store'
 const useAppState = useAppStore()
@@ -73,6 +74,7 @@ const uuid = getRandom(4)
 //渲染完成
 onMounted(() => {
     setSplitRef()
+    getKey1Data()
 })
 
 //初始化设置拖动分割线
@@ -89,14 +91,25 @@ const setSplitRef = () => {
 
 //搜索表单
 const searchForm = ref({
-    key1: null, current: 1, size: 10, total: 0,
+    contractPeriodId: null, current: 1, size: 10, total: 0,
 })
+//获取合同计量期
 
 //计量期
-const key1Data = ref([
-    { id: 1, name: '计量期1' },
-    { id: 2, name: '计量期2' },
-])
+const key1Data = ref([])
+const getKey1Data = async ()=>{
+    const { error, code, data } = await periodApi.allPeriod({
+       contractId:contractId.value,
+       type:1,
+    })
+    tableLoading.value = false
+    if (!error && code === 200) {
+        key1Data.value = getArrValue(data)
+        searchForm.value.contractPeriodId = key1Data.value[ key1Data.value.length - 1].id
+    } else {
+        key1Data.value = []
+    }
+}
 const searchKey1Click = () => {
 
 }
@@ -119,6 +132,7 @@ const treeLoadNode = async ({ node, item, level }, resolve) => {
     const { error, code, data } = await unitApi.lazyTree({
         contractId: contractId.value,
         id:id,
+        contractPeriodId:searchForm.value.contractPeriodId,
     })
 
     resolve(getArrValue(data))

src/views/debit-pay/admin/periods.vue

@@ -43,29 +43,29 @@
                 </template>
                 <hc-table is-new :index-style="{ width: 60 }" :column="tableEditColumn" :datas="tableEditData" :loading="tableEditLoading" is-current-row @row-click="hangeRow">
                     <template #periodNumber="{ row }">
-                        <hc-table-input v-model="row.periodNumber" :disabled="row.citeStatus" />
+                        <hc-table-input v-model="row.periodNumber" :disabled="row?.dataStatus === 1 || row?.citeStatus === 1" />
                     </template>
                     <template #periodYear="{ row }">
-                        <el-select v-model="row.periodYear" placeholder="选择年份" filterable block>
+                        <el-select v-model="row.periodYear" placeholder="选择年份" filterable block :disabled="row?.dataStatus === 1 || row?.citeStatus === 1">
                             <el-option v-for="item in yearData" :key="item" :label="item" :value="item" />
                         </el-select>
                     </template>
                     <template #periodMonth="{ row }">
-                        <el-select v-model="row.periodMonth" placeholder="选择月份" filterable block>
+                        <el-select v-model="row.periodMonth" placeholder="选择月份" filterable block :disabled="row?.dataStatus === 1 || row?.citeStatus === 1">
                             <el-option v-for="item in monthData" :key="item" :label="item" :value="item" />
                         </el-select>
                     </template>
                     <template #startDate="{ row }">
-                        <el-date-picker v-model="row.startDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" @change="changeStart($event, row)" />
+                        <el-date-picker v-model="row.startDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" :disabled="row?.dataStatus === 1 || row?.citeStatus === 1" @change="changeStart($event, row)" />
                     </template>
                     <template #endDate="{ row }">
-                        <el-date-picker v-model="row.endDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" @change="changeEnd($event, row)" />
+                        <el-date-picker v-model="row.endDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" :disabled="row?.dataStatus === 1 || row?.citeStatus === 1" @change="changeEnd($event, row)" />
                     </template>
                     <template #formPrintDate="{ row }">
-                        <el-date-picker v-model="row.formPrintDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" />
+                        <el-date-picker v-model="row.formPrintDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" :disabled="row?.dataStatus === 1 || row?.citeStatus === 1" />
                     </template>
                     <template #action="{ row, index }">
-                        <el-link type="danger" @click="delRow(row, index)">删除</el-link>
+                        <el-link type="danger" :disabled="row?.dataStatus === 1 || row?.citeStatus === 1" @click="delRow(row, index)">删除</el-link>
                     </template>
                 </hc-table>
             </hc-card-item>
@@ -152,11 +152,10 @@ const addPreRow = ()=>{
     tableEditData.value.splice( curIndex.value, 0, { isNew:true })
 }
 const addNextRow = ()=>{
-   console.log(curRow.value?.startDate, 'curRow.value?.startDate')
-   if (!curRow.value?.startDate) {
-    curRow.value.startDate = tableEditData.value[0].startDate
+   if (!curRow.value?.endDate) {
+    curRow.value.endDate = tableEditData.value[0].endDate
    }
-  const netxtDay = getNextDate(curRow.value?.startDate)
+  const netxtDay = getNextDate(curRow.value?.endDate)
     tableEditData.value.splice( curIndex.value + 1, 0, { isNew:true, startDate:netxtDay })
 }
 //获取连续的时间