开工预付款计量期

src/views/debit-pay/material/book.vue

@@ -101,6 +101,7 @@ const selectPeriod = (val)=>{
         if (ele.id === val) {
             formModel.value.statementPeriod = ele.periodName
             formModel.value.printDate = ele.formPrintDate
+            formModel.value.periodNumber = ele.periodNumber
         }
     })
 }

src/views/debit-pay/start-work/book.vue

@@ -9,8 +9,8 @@
         <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
             <template #action="{ row }">
                 <el-link type="primary">查看报表</el-link>
-                <el-link type="success">修改</el-link>
-                <el-link type="danger">删除</el-link>
+                <el-link type="success" @click="editRow(row)">修改</el-link>
+                <el-link type="danger" @click="delCilck(row)">删除</el-link>
                 <el-link>重新计算</el-link>
             </template>
         </hc-table>
@@ -18,22 +18,27 @@
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
         <!-- 新增/修改 -->
-        <hc-new-dialog v-model="formModalShow" widths="30rem" title="开工预付款计量单新增" @save="formModalSave" @close="formModalClose">
+        <hc-new-dialog v-model="formModalShow" is-to-body widths="30rem" title="材料计量单新增" :loading="saveLoading" @save="formModalSave" @close="formModalClose">
             <el-form ref="formRef" class="p-4" :model="formModel" :rules="formRules" label-position="top">
                 <el-form-item label="计量期：">
-                    <el-select v-model="formModel.key1" disabled block>
-                        <el-option label="第1期" value="1" />
-                        <el-option label="第2期" value="2" />
+                    <el-select v-if="editType === 'add'" v-model="formModel.meterPeriodId" placeholder="选择计量期" filterable clearable block @change="selectPeriod">
+                        <el-option v-for="item in periodData" :key="item.id" :label="item.periodName" :value="item.id" />
+                    </el-select>
+                    <el-select v-if="editType === 'edit'" v-model="formModel.meterPeriodId" placeholder="选择计量期" disabled filterable clearable block @change="selectPeriod">
+                        <el-option v-for="item in key1Data" :key="item.id" :label="item.periodName" :value="item.id" />
                     </el-select>
                 </el-form-item>
                 <el-form-item label="报表名称：">
-                    <el-input v-model="formModel.key2" />
+                    <el-input v-model="formModel.statementName" />
                 </el-form-item>
                 <el-form-item label="报表期：">
-                    <el-input v-model="formModel.key3" disabled />
+                    <el-input v-model="formModel.statementPeriod" disabled />
                 </el-form-item>
                 <el-form-item label="打印日期：">
-                    <el-date-picker v-model="formModel.key4" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" disabled />
+                    <el-date-picker v-model="formModel.printDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" disabled />
+                </el-form-item>
+                <el-form-item label="请款理由：">
+                    <el-input v-model="formModel.repaymentCause" :autosize="{ minRows: 3, maxRows: 6 }" type="textarea" />
                 </el-form-item>
             </el-form>
         </hc-new-dialog>
@@ -42,15 +47,64 @@
 
 <script setup>
 import { onMounted, ref } from 'vue'
+import bookApi from '~api/debit-pay/material/book.js'
+import periodApi from '~api/debit-pay/material/periods.js'
+import { useAppStore } from '~src/store'
+import { getArrValue, getObjValue } from 'js-fast-way'
+const useAppState = useAppStore()
+const contractId = ref(useAppState.getContractId)
+const projectId = ref(useAppState.getProjectId)
+import { delMessageV2 } from '~com/message/index.js'
 defineOptions({
-    name: 'DebitPayStartWorkBook',
+    name: 'DebitPayMaterialBook',
 })
 
 //渲染完成
 onMounted(() => {
-
+    getTableData()
+    getPeriodData()
+    getKey1Data()
 })
 
+
+//计量期
+const periodData = ref([])
+//未被引用的
+const getPeriodData = async ()=>{
+    const { error, code, data } = await periodApi.conditionPeriod({
+       contractId:contractId.value,
+       type:2,
+    })
+    tableLoading.value = false
+    if (!error && code === 200) {
+        periodData.value = getArrValue(data)
+    } else {
+        periodData.value = []
+    }
+}
+//所有计量期
+const key1Data = ref([])
+const getKey1Data = async ()=>{
+    const { error, code, data } = await periodApi.allPeriod({
+       contractId:contractId.value,
+       type:2,
+    })
+    tableLoading.value = false
+    if (!error && code === 200) {
+        key1Data.value = getArrValue(data)
+    } else {
+        key1Data.value = []
+    }
+}
+const selectPeriod = (val)=>{
+    periodData.value.forEach((ele)=>{
+        if (ele.id === val) {
+            formModel.value.statementPeriod = ele.periodName
+            formModel.value.printDate = ele.formPrintDate
+            formModel.value.periodNumber = ele.periodNumber
+        }
+    })
+}
 //搜索表单
 const searchForm = ref({
     current: 1, size: 10, total: 0,
@@ -65,34 +119,91 @@ const pageChange = ({ current, size }) => {
 //表格数据
 const tableLoading = ref(false)
 const tableColumn = ref([
-    { key: 'key1', name: '计量期' },
-    { key: 'key2', name: '报表名称' },
-    { key: 'key3', name: '打印日期' },
-    { key: 'key4', name: '重新计算时间' },
+    { key: 'periodNumber', name: '计量期' },
+    { key: 'statementName', name: '报表名称' },
+    { key: 'printDate', name: '打印日期' },
+    { key: 'calculateDate', name: '重新计算时间' },
     { key: 'action', name: '操作', width: 230 },
 ])
-const tableData = ref([
-    { key1: '1111' },
-])
-
+const tableData = ref([])
+const getTableData = async () => {
+    tableLoading.value = true
+    const { error, code, data } = await bookApi.getPage({
+       ...searchForm.value,
+       contractId:contractId.value,
+       type:2,
+    //    meterPeriodId:searchForm.value.key1,
+    })
+    tableLoading.value = false
+    if (!error && code === 200) {
+        tableData.value = getArrValue(data['records'])
+    } else {
+        tableData.value = []
+    }
+}
 //新增
 const formModalShow = ref(false)
+const editType = ref('')
 const addModalClick = () => {
     formModalShow.value = true
+    formModel.value = {}
+    editType.value = 'add'
+}
+const editRow = (row)=>{
+    formModalShow.value = true
+    console.log(row, 'row')
+    formModel.value = row
+    editType.value = 'edit'
+}
+const delCilck = (row)=>{
+    delMessageV2(async (action, instance, done) => {
+            if (action === 'confirm') {
+                instance.confirmButtonLoading = true
+                removeProPay(row.id)
+                instance.confirmButtonLoading = false
+                done()
+            } else {
+                done()
+            }
+    })
+}
+const removeProPay = async (id) => {
+    const { error, code } = await bookApi.remove({
+        ids: id, 
+    })
+    if (!error && code === 200) {
+        window?.$message?.success('删除成功')
+       getTableData()
+     
+    }
 }
-
 //表单
 const formRef = ref(null)
 const formModel = ref({})
 const formRules = []
 
-
-const formModalSave = () => {
+const saveLoading = ref(false)
+const formModalSave = async () => {
+    saveLoading.value = true
+    const { error, code, msg } = await bookApi.submit({
+        ...formModel.value,
+        contractId:contractId.value,
+        projectId:projectId.value,
+        type:2,
+        })
+        //判断状态
+        saveLoading.value = false
+        if (!error && code === 200) {
+            window?.$message?.success(msg)
+            
+         
+        }
     formModalClose()
 }
 
 const formModalClose = () => {
     formModalShow.value = false
+    getTableData()
 }
 </script>
 

src/views/debit-pay/start-work/period.vue

@@ -8,15 +8,15 @@
         </template>
         <hc-table :column="tableColumn" :datas="tableData" :loading="tableLoading" is-new :index-style="{ width: 60 }">
             <template #action="{ row }">
-                <el-link type="danger">锁定</el-link>
+                <el-link v-if="row?.isLock === 0" type="danger" @click="lockRow(row)">锁定</el-link>
+                <el-link v-if="row?.isLock === 1" type="danger" @click="lockRow(row)">解锁</el-link>
             </template>
         </hc-table>
         <template #action>
             <hc-pages :pages="searchForm" @change="pageChange" />
         </template>
-
         <!-- 编辑修改 -->
-        <hc-new-dialog is-table widths="1200px" :show="editModalShow" title="新增预付款计量期" @save="editModalSave" @close="editModalClose">
+        <hc-new-dialog is-table widths="1200px" :show="editModalShow" title="材料预付款计量期编辑" :loading="saveLoading" @save="editModalSave" @close="editModalClose">
             <hc-card-item>
                 <template #header>
                     <el-tooltip :visible="editVisible" effect="light" placement="bottom-start">
@@ -33,37 +33,37 @@
                     </el-tooltip>
                 </template>
                 <template #extra>
-                    <el-button type="primary">
+                    <el-button type="primary" @click="addPreRow">
                         <HcIcon name="page-separator" :line="false" />
                         <span>插入上一行</span>
                     </el-button>
-                    <el-button type="primary">
+                    <el-button type="primary" @click="addNextRow">
                         <HcIcon name="page-separator" :line="false" />
                         <span>插入下一行</span>
                     </el-button>
                 </template>
-                <hc-table :column="tableEditColumn" :datas="tableEditData" is-new :index-style="{ width: 60 }">
-                    <template #key1="{ row }">
-                        <hc-table-input v-model="row.key1" disabled />
+                <hc-table :column="tableEditColumn" :datas="tableEditData" is-new is-current-row :index-style="{ width: 60 }" :loading="tableEditLoading" @row-click="hangeRow">
+                    <template #periodNumber="{ row }">
+                        <hc-table-input v-model="row.periodNumber" is-new :index-style="{ width: 60 }" :disabled="row.isLock === 1" />
                     </template>
-                    <template #key2="{ row }">
-                        <hc-table-input v-model="row.key2" disabled />
+                    <template #periodName="{ row }">
+                        <hc-table-input v-model="row.periodName" is-new :index-style="{ width: 60 }" :disabled="row.isLock === 1" />
                     </template>
-                    <template #key3="{ row }">
-                        <el-select v-model="row.key3" placeholder="选择年份" filterable disabled block>
+                    <template #periodYear="{ row }">
+                        <el-select v-model="row.periodYear" placeholder="选择年份" filterable block :disabled="row.isLock === 1">
                             <el-option v-for="item in yearData" :key="item" :label="item" :value="item" />
                         </el-select>
                     </template>
-                    <template #key4="{ row }">
-                        <el-select v-model="row.key4" placeholder="选择月份" filterable disabled block>
+                    <template #periodMonth="{ row }">
+                        <el-select v-model="row.periodMonth" placeholder="选择月份" filterable block :disabled="row.isLock === 1">
                             <el-option v-for="item in monthData" :key="item" :label="item" :value="item" />
                         </el-select>
                     </template>
-                    <template #key5="{ row }">
-                        <el-date-picker v-model="row.key5" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" disabled />
+                    <template #formPrintDate="{ row }">
+                        <el-date-picker v-model="row.formPrintDate" class="block" format="YYYY-MM-DD" type="date" value-format="YYYY-MM-DD" :disabled="row.isLock === 1" />
                     </template>
-                    <template #action="{ row }">
-                        <el-button plain size="small" type="danger">删除</el-button>
+                    <template #action="{ row, index }">
+                        <el-button plain size="small" type="danger" :disabled="row?.isLock === 1 || !row?.isNew" @click="delRow(row, index)">删除</el-button>
                     </template>
                 </hc-table>
             </hc-card-item>
@@ -73,11 +73,16 @@
 
 <script setup>
 import { onMounted, ref } from 'vue'
-import { getMonthList, getYearList } from 'js-fast-way'
 import dayjs from 'dayjs'
+import { getArrValue, getMonthList, getYearList } from 'js-fast-way'
+import mainApi from '~api/debit-pay/material/periods.js'
+import { useAppStore } from '~src/store'
+const useAppState = useAppStore()
+const contractId = ref(useAppState.getContractId)
+const projectId = ref(useAppState.getProjectId)
 
 defineOptions({
-    name: 'DebitPayStartWorkPeriod',
+    name: 'DebitPayMaterialPeriods',
 })
 
 //获取年月等相关日期数据
@@ -85,9 +90,10 @@ const year = Number(dayjs().format('YYYY')) + 8
 const yearData = getYearList(year, 2010)
 const monthData = getMonthList()
 
+//渲染完成
 //渲染完成
 onMounted(() => {
-
+    getTableData()
 })
 
 //搜索表单
@@ -104,40 +110,117 @@ 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: 'periodNumber', name: '期号' },
+    { key: 'periodName', name: '期名称' },
+    { key: 'periodYear', name: '年份' },
+    { key: 'periodMonth', name: '月份' },
+    { key: 'formPrintDate', name: '报表打印日期' },
     { key: 'action', name: '操作', width: 80 },
 ])
 const tableData = ref([
     { key1: '1111' },
 ])
-
-
+const getTableData = async () => {
+    tableLoading.value = true
+    const { error, code, data } = await mainApi.getPage({
+       ...searchForm.value,
+       contractId:contractId.value,
+       type:2,
+    })
+    tableLoading.value = false
+    if (!error && code === 200) {
+        tableData.value = getArrValue(data['records'])
+    } else {
+        tableData.value = []
+    }
+}
 //计量期编辑
 const editVisible = ref(false)
 const editModalShow = ref(false)
 const editModalClick = () => {
     editModalShow.value = true
+    getTableEditData()
+}
+//锁定
+const lockLoading = ref(false)
+const lockRow = async (row)=>{
+    lockLoading.value = true
+    const { error, code, msg } = await mainApi.locking({
+        isLock:row?.isLock,
+        id:row?.id,
+        })
+        //判断状态
+        lockLoading.value = false
+        if (!error && code === 200) {
+            window?.$message?.success(msg)
+        }
+        getTableData()
 }
 
 //编辑的表格
 const tableEditColumn = [
-    { key: 'key1', name: '期号' },
-    { key: 'key2', name: '期名称' },
-    { key: 'key3', name: '年份' },
-    { key: 'key4', name: '月份' },
-    { key: 'key5', name: '报表打印日期' },
+    { key: 'periodNumber', name: '期号' },
+    { key: 'periodName', name: '期名称' },
+    { key: 'periodYear', name: '年份' },
+    { key: 'periodMonth', name: '月份' },
+    { key: 'formPrintDate', name: '报表打印日期' },
     { key: 'action', name: '操作', width: 80, align: 'center' },
 ]
-const tableEditData = ref([
-    { key1: '11' },
-    { key1: '222' },
-])
-
-const editModalSave = () => {
+const tableEditData = ref([])
+const tableEditLoading = ref(false)
+const getTableEditData = async () => {
+    tableEditLoading.value = true
+    const { error, code, data } = await mainApi.allPeriod({
+       ...searchForm.value,
+       contractId:contractId.value,
+       type:2,
+    })
+    tableEditLoading.value = false
+    if (!error && code === 200) {
+        tableEditData.value = getArrValue(data)
+        if (tableEditData.value.length === 0) {
+            tableEditData.value.push({ isNew:true })
+        }
+    } else {
+        tableEditData.value = []
+    }
+}
+const delRow = (row, index)=>{
+    tableEditData.value.splice(index, 1)
+    if ( tableEditData.value.length === 0) {
+        tableEditData.value.push({})
+    }
+}
+const curIndex = ref(0)
+const hangeRow = ({ row })=>{
+    tableEditData.value.forEach((ele, index)=>{
+        if (row.id === ele.id) {
+            curIndex.value = index
+        }
+    })
+}
+const addPreRow = ()=>{
+    tableEditData.value.splice( curIndex.value, 0, { isNew:true })
+}
+const addNextRow = ()=>{
+    tableEditData.value.splice( curIndex.value + 1, 0, { isNew:true })
+}
+const saveLoading = ref(false)
+const editModalSave = async () => {
+    saveLoading.value = true
+    const { error, code, msg } = await mainApi.edit({
+        list: tableEditData.value,
+        contractId:contractId.value,
+        projectId:projectId.value,
+        type:2,
+       
+        })
+        //判断状态
+        saveLoading.value = false
+        if (!error && code === 200) {
+            window?.$message?.success(msg)
+        }
+        getTableData()
     editModalClose()
 }
 const editModalClose = () => {