|
@@ -130,72 +130,74 @@
|
|
</el-button>
|
|
</el-button>
|
|
</el-divider>
|
|
</el-divider>
|
|
<el-row :gutter="15" >
|
|
<el-row :gutter="15" >
|
|
- <vxe-table
|
|
|
|
- border
|
|
|
|
- show-footer
|
|
|
|
- show-overflow
|
|
|
|
- :footer-method="footerMethod"
|
|
|
|
- ref="detailTable"
|
|
|
|
- :key="detailKey"
|
|
|
|
- class="vxe-table-element"
|
|
|
|
- :data="inputForm.detailInfos"
|
|
|
|
- style="margin-left: 5em"
|
|
|
|
- highlight-current-row
|
|
|
|
- :edit-config="{trigger: 'click', mode: 'row', showStatus: true, autoClear: true, icon:'_'}"
|
|
|
|
- :edit-rules="validRules"
|
|
|
|
- >
|
|
|
|
- <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销人', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.userName" @focus="userPullListForm(scope.$rowIndex)"></el-input>
|
|
|
|
- <!-- <UserSelectV2 :limit='1' :userName="scope.row.userName" @getValue='(value, label) => {scope.row.userName = label}'></UserSelectV2>-->
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input :disabled='true' v-model="scope.row.deptName" ></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销类别', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.typeName" @focus="typePullForm(scope.$rowIndex)"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="projectName" title="报销项目" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销项目', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.projectName" @focus="openProgramPageForm(scope.$rowIndex, scope.row)"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
-<!-- <vxe-table-column field="reportNumber" title="报告号" :edit-render="{}">-->
|
|
|
|
-<!-- <template v-slot:edit="scope">-->
|
|
|
|
-<!-- <el-input :readonly="true" v-model="scope.row.reportNumber" @focus="openReportNoPageForm(scope.$rowIndex, scope.row)"></el-input>-->
|
|
|
|
-<!-- </template>-->
|
|
|
|
-<!-- </vxe-table-column>-->
|
|
|
|
- <vxe-table-column field="number" title="费用(元)" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请输入费用', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input maxlength="15" v-model="scope.row.number" @input="scope.row.number = twoDecimalPlaces(scope.row.number)"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="receiptNumber" title="收据张数" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.receiptNumber" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.days" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.content" ></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column title="操作" width="100">
|
|
|
|
- <template #default="scope">
|
|
|
|
- <el-button size="mini" type="danger" @click="removeEvent(scope.row,scope.$rowIndex,'detail')">删除</el-button>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- </vxe-table>
|
|
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <vxe-table
|
|
|
|
+ border
|
|
|
|
+ show-footer
|
|
|
|
+ show-overflow
|
|
|
|
+ :footer-method="footerMethod"
|
|
|
|
+ ref="detailTable"
|
|
|
|
+ :key="detailKey"
|
|
|
|
+ class="vxe-table-element"
|
|
|
|
+ :data="inputForm.detailInfos"
|
|
|
|
+ style="margin-left: 5em"
|
|
|
|
+ highlight-current-row
|
|
|
|
+ :edit-config="{trigger: 'click', mode: 'row', showStatus: true, autoClear: true, icon:'_'}"
|
|
|
|
+ :edit-rules="validRules"
|
|
|
|
+ >
|
|
|
|
+ <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销人', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.userName" @focus="userPullListForm(scope.$rowIndex)"></el-input>
|
|
|
|
+ <!-- <UserSelectV2 :limit='1' :userName="scope.row.userName" @getValue='(value, label) => {scope.row.userName = label}'></UserSelectV2>-->
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input :disabled='true' v-model="scope.row.deptName" ></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销类别', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.typeName" @focus="typePullForm(scope.$rowIndex)"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="projectName" title="报销项目" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销项目', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.projectName" @focus="openProgramPageForm(scope.$rowIndex, scope.row)"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <!-- <vxe-table-column field="reportNumber" title="报告号" :edit-render="{}">-->
|
|
|
|
+ <!-- <template v-slot:edit="scope">-->
|
|
|
|
+ <!-- <el-input :readonly="true" v-model="scope.row.reportNumber" @focus="openReportNoPageForm(scope.$rowIndex, scope.row)"></el-input>-->
|
|
|
|
+ <!-- </template>-->
|
|
|
|
+ <!-- </vxe-table-column>-->
|
|
|
|
+ <vxe-table-column field="number" title="费用(元)" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请输入费用', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input maxlength="15" v-model="scope.row.number" @input="scope.row.number = twoDecimalPlaces(scope.row.number)"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="receiptNumber" title="收据张数" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.receiptNumber" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.days" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.content" ></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column title="操作" width="100">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-button size="mini" type="danger" @click="removeEvent(scope.row,scope.$rowIndex,'detail')">删除</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ </vxe-table>
|
|
|
|
+ </el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
<div v-if="inputForm.sourceType === '2'">
|
|
<div v-if="inputForm.sourceType === '2'">
|
|
@@ -206,74 +208,76 @@
|
|
</el-button>
|
|
</el-button>
|
|
</el-divider>
|
|
</el-divider>
|
|
<el-row :gutter="15" >
|
|
<el-row :gutter="15" >
|
|
- <vxe-table
|
|
|
|
- border
|
|
|
|
- show-footer
|
|
|
|
- show-overflow
|
|
|
|
- :footer-method="footerMethod"
|
|
|
|
- ref="detailTableContract"
|
|
|
|
- :key="detailKeyContract"
|
|
|
|
- class="vxe-table-element"
|
|
|
|
- :data="inputForm.detailInfoContracts"
|
|
|
|
- style="margin-left: 5em"
|
|
|
|
- @cell-click=""
|
|
|
|
- @edit-closed=""
|
|
|
|
- highlight-current-row
|
|
|
|
- :edit-config="{trigger: 'click', mode: 'row', showStatus: true, autoClear: true, icon:'_'}"
|
|
|
|
- :edit-rules="validRules"
|
|
|
|
- >
|
|
|
|
- <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销人', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.userName" @focus="userPullListForm2(scope.$rowIndex)"></el-input>
|
|
|
|
- <!-- <UserSelectV2 :limit='1' :userName="scope.row.userName" @getValue='(value, label) => {scope.row.userName = label}'></UserSelectV2>-->
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input :disabled='true' v-model="scope.row.deptName" ></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销类别', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.typeName" @focus="typePullForm2(scope.$rowIndex)"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="contractName" title="报销合同" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销合同', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.contractName" @focus="openContractForm(scope.$rowIndex, scope.row)"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <!-- <vxe-table-column field="reportNumber" title="报告号" :edit-render="{}">-->
|
|
|
|
- <!-- <template v-slot:edit="scope">-->
|
|
|
|
- <!-- <el-input :readonly="true" v-model="scope.row.reportNumber" @focus="openReportNoPageForm(scope.$rowIndex, scope.row)"></el-input>-->
|
|
|
|
- <!-- </template>-->
|
|
|
|
- <!-- </vxe-table-column>-->
|
|
|
|
- <vxe-table-column field="number" title="费用(元)" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请输入费用', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input maxlength="15" v-model="scope.row.number" @input="scope.row.number = twoDecimalPlaces(scope.row.number)"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="receiptNumber" title="收据张数" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.receiptNumber" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.days" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.content" ></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column title="操作" width="100">
|
|
|
|
- <template #default="scope">
|
|
|
|
- <el-button size="mini" type="danger" @click="removeEvent(scope.row,scope.$rowIndex,'detail')">删除</el-button>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- </vxe-table>
|
|
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <vxe-table
|
|
|
|
+ border
|
|
|
|
+ show-footer
|
|
|
|
+ show-overflow
|
|
|
|
+ :footer-method="footerMethod"
|
|
|
|
+ ref="detailTableContract"
|
|
|
|
+ :key="detailKeyContract"
|
|
|
|
+ class="vxe-table-element"
|
|
|
|
+ :data="inputForm.detailInfoContracts"
|
|
|
|
+ style="margin-left: 5em"
|
|
|
|
+ @cell-click=""
|
|
|
|
+ @edit-closed=""
|
|
|
|
+ highlight-current-row
|
|
|
|
+ :edit-config="{trigger: 'click', mode: 'row', showStatus: true, autoClear: true, icon:'_'}"
|
|
|
|
+ :edit-rules="validRules"
|
|
|
|
+ >
|
|
|
|
+ <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销人', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.userName" @focus="userPullListForm2(scope.$rowIndex)"></el-input>
|
|
|
|
+ <!-- <UserSelectV2 :limit='1' :userName="scope.row.userName" @getValue='(value, label) => {scope.row.userName = label}'></UserSelectV2>-->
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input :disabled='true' v-model="scope.row.deptName" ></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销类别', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.typeName" @focus="typePullForm2(scope.$rowIndex)"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="contractName" title="报销合同" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销合同', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.contractName" @focus="openContractForm(scope.$rowIndex, scope.row)"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <!-- <vxe-table-column field="reportNumber" title="报告号" :edit-render="{}">-->
|
|
|
|
+ <!-- <template v-slot:edit="scope">-->
|
|
|
|
+ <!-- <el-input :readonly="true" v-model="scope.row.reportNumber" @focus="openReportNoPageForm(scope.$rowIndex, scope.row)"></el-input>-->
|
|
|
|
+ <!-- </template>-->
|
|
|
|
+ <!-- </vxe-table-column>-->
|
|
|
|
+ <vxe-table-column field="number" title="费用(元)" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请输入费用', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input maxlength="15" v-model="scope.row.number" @input="scope.row.number = twoDecimalPlaces(scope.row.number)"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="receiptNumber" title="收据张数" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.receiptNumber" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.days" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.content" ></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column title="操作" width="100">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-button size="mini" type="danger" @click="removeEvent(scope.row,scope.$rowIndex,'detail')">删除</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ </vxe-table>
|
|
|
|
+ </el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
<div v-if="inputForm.sourceType === '3'">
|
|
<div v-if="inputForm.sourceType === '3'">
|
|
@@ -443,74 +447,76 @@
|
|
</el-button>
|
|
</el-button>
|
|
</el-divider>
|
|
</el-divider>
|
|
<el-row :gutter="15" >
|
|
<el-row :gutter="15" >
|
|
- <vxe-table
|
|
|
|
- border
|
|
|
|
- show-footer
|
|
|
|
- show-overflow
|
|
|
|
- :footer-method="footerMethod"
|
|
|
|
- ref="detailTableProcured"
|
|
|
|
- class="vxe-table-element"
|
|
|
|
- :data="inputForm.detailInfoProcured"
|
|
|
|
- style="margin-left: 5em"
|
|
|
|
- :key="detailKeyProcured"
|
|
|
|
- @cell-click=""
|
|
|
|
- @edit-closed=""
|
|
|
|
- highlight-current-row
|
|
|
|
- :edit-config="{trigger: 'click', mode: 'row', showStatus: true, autoClear: true, icon:'_'}"
|
|
|
|
- :edit-rules="validRules"
|
|
|
|
- >
|
|
|
|
- <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销人', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.userName" @focus="userPullListForm5(scope.$rowIndex)"></el-input>
|
|
|
|
- <!-- <UserSelectV2 :limit='1' :userName="scope.row.userName" @getValue='(value, label) => {scope.row.userName = label}'></UserSelectV2>-->
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input :disabled='true' v-model="scope.row.deptName" ></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销类别', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.typeName" @focus="typePullForm5(scope.$rowIndex)"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="projectName" title="报销项目" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销项目', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.projectName" @focus="openProgramPageForm5(scope.$rowIndex, scope.row)"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <!-- <vxe-table-column field="reportNumber" title="报告号" :edit-render="{}">-->
|
|
|
|
- <!-- <template v-slot:edit="scope">-->
|
|
|
|
- <!-- <el-input :readonly="true" v-model="scope.row.reportNumber" @focus="openReportNoPageForm(scope.$rowIndex, scope.row)"></el-input>-->
|
|
|
|
- <!-- </template>-->
|
|
|
|
- <!-- </vxe-table-column>-->
|
|
|
|
- <vxe-table-column field="number" title="费用(元)" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请输入费用', trigger:'blur'}]">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input maxlength="15" v-model="scope.row.number" @input="scope.row.number = twoDecimalPlaces(scope.row.number)"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="receiptNumber" title="收据张数" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.receiptNumber" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.days" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title">
|
|
|
|
- <template #edit="scope">
|
|
|
|
- <el-input v-model="scope.row.content" ></el-input>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- <vxe-table-column title="操作" width="100">
|
|
|
|
- <template #default="scope">
|
|
|
|
- <el-button size="mini" type="danger" @click="removeEvent(scope.row,scope.$rowIndex,'procured')">删除</el-button>
|
|
|
|
- </template>
|
|
|
|
- </vxe-table-column>
|
|
|
|
- </vxe-table>
|
|
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <vxe-table
|
|
|
|
+ border
|
|
|
|
+ show-footer
|
|
|
|
+ show-overflow
|
|
|
|
+ :footer-method="footerMethod"
|
|
|
|
+ ref="detailTableProcured"
|
|
|
|
+ class="vxe-table-element"
|
|
|
|
+ :data="inputForm.detailInfoProcured"
|
|
|
|
+ style="margin-left: 5em"
|
|
|
|
+ :key="detailKeyProcured"
|
|
|
|
+ @cell-click=""
|
|
|
|
+ @edit-closed=""
|
|
|
|
+ highlight-current-row
|
|
|
|
+ :edit-config="{trigger: 'click', mode: 'row', showStatus: true, autoClear: true, icon:'_'}"
|
|
|
|
+ :edit-rules="validRules"
|
|
|
|
+ >
|
|
|
|
+ <vxe-table-column field="userName" title="报销人" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销人', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.userName" @focus="userPullListForm5(scope.$rowIndex)"></el-input>
|
|
|
|
+ <!-- <UserSelectV2 :limit='1' :userName="scope.row.userName" @getValue='(value, label) => {scope.row.userName = label}'></UserSelectV2>-->
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="deptName" title="报销部门" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input :disabled='true' v-model="scope.row.deptName" ></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="typeName" title="报销类别" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销类别', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.typeName" @focus="typePullForm5(scope.$rowIndex)"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="projectName" title="报销项目" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请选择报销项目', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.projectName" @focus="openProgramPageForm5(scope.$rowIndex, scope.row)"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <!-- <vxe-table-column field="reportNumber" title="报告号" :edit-render="{}">-->
|
|
|
|
+ <!-- <template v-slot:edit="scope">-->
|
|
|
|
+ <!-- <el-input :readonly="true" v-model="scope.row.reportNumber" @focus="openReportNoPageForm(scope.$rowIndex, scope.row)"></el-input>-->
|
|
|
|
+ <!-- </template>-->
|
|
|
|
+ <!-- </vxe-table-column>-->
|
|
|
|
+ <vxe-table-column field="number" title="费用(元)" :edit-render="{}" show-overflow="title" :rules="[{required: true, message:'请输入费用', trigger:'blur'}]">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input maxlength="15" v-model="scope.row.number" @input="scope.row.number = twoDecimalPlaces(scope.row.number)"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="receiptNumber" title="收据张数" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.receiptNumber" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="days" title="出差天数" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.days" oninput ="value=value.replace(/\D|^0/g,'')" maxlength="10"></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column field="content" title="内容" :edit-render="{}" show-overflow="title">
|
|
|
|
+ <template #edit="scope">
|
|
|
|
+ <el-input v-model="scope.row.content" ></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ <vxe-table-column title="操作" width="100">
|
|
|
|
+ <template #default="scope">
|
|
|
|
+ <el-button size="mini" type="danger" @click="removeEvent(scope.row,scope.$rowIndex,'procured')">删除</el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </vxe-table-column>
|
|
|
|
+ </vxe-table>
|
|
|
|
+ </el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
|
|
|