|
@@ -12,157 +12,159 @@
|
|
:modal-append-to-body="true"
|
|
:modal-append-to-body="true"
|
|
custom-class="tagdialog"
|
|
custom-class="tagdialog"
|
|
>
|
|
>
|
|
- <div class="tabsdom">
|
|
|
|
- <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
|
- <el-tab-pane label="付款申请" name="first">
|
|
|
|
-
|
|
|
|
- <el-row type="flex" justify="end">
|
|
|
|
- <el-col :span="3" class="col-txt"><span>流程编号:</span></el-col>
|
|
|
|
- <el-col :span="6" class="col-input"><span style="font-size: 14px">{{ formData.flowNum }}</span></el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <el-form
|
|
|
|
- ref="elForm"
|
|
|
|
- :model="formData"
|
|
|
|
- :rules="rules"
|
|
|
|
- label-width="150px"
|
|
|
|
- >
|
|
|
|
-
|
|
|
|
- <el-card shadow="always" style="padding: 15px 5px 5px 15px">
|
|
|
|
- <el-row :gutter="15">
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <el-form-item label="标题" prop="title">
|
|
|
|
- <el-input v-model="formData.title" placeholder="付款领用单-年月日" readonly/>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-form-item label="创建人">
|
|
|
|
- <el-input v-model="userinfo.truename" placeholder="创建人" readonly />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-form-item label="创建部门">
|
|
|
|
- <el-input v-model="userinfo.deptName" placeholder="创建部门" readonly />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <el-form-item label="是否为无合同付款">
|
|
|
|
- <el-select
|
|
|
|
- v-model="formData.isNoContract"
|
|
|
|
- clearable
|
|
|
|
- filterable
|
|
|
|
- placeholder="是否为无合同付款"
|
|
|
|
- style="width: 100%"
|
|
|
|
- :popper-append-to-body="false"
|
|
|
|
- popper-class="statistic_base"
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in dc_data.ANSWER_NEED"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value"
|
|
|
|
- :popper-append-to-body="false"
|
|
|
|
- popper-class="statistic_base"
|
|
|
|
- />
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <el-form-item label="付款单位">
|
|
|
|
- <el-input v-model="formData.payerName" placeholder="请填写" />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <el-form-item label="收款单位">
|
|
|
|
- <el-input v-model="formData.payeeName" placeholder="请填写" />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <el-form-item label="资金用途">
|
|
|
|
- <el-input v-model="formData.moneyPurpose" placeholder="请填写" />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <el-form-item label="合同总价">
|
|
|
|
- <el-input v-model="formData.contractPrice" oninput="value=value.replace(/[^\d.]/g,'')" placeholder="请填写" />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
-
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <el-form-item label="付款说明">
|
|
|
|
- <el-input
|
|
|
|
- v-model="formData.payRemark"
|
|
|
|
- :autosize="{minRows: 4, maxRows: 4}"
|
|
|
|
- :style="{width: '100%'}"
|
|
|
|
- placeholder="请填写"
|
|
|
|
- type="textarea"
|
|
|
|
- maxlength="2000"
|
|
|
|
- show-word-limit
|
|
|
|
- />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <el-form-item label="累计付款">
|
|
|
|
- <el-input v-model="formData.havePayMoney" oninput="value=value.replace(/[^\d.]/g,'')" placeholder="请填写" />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-form-item label="申请金额(小写)" prop="applyPayMoney">
|
|
|
|
- <el-input v-model="formData.applyPayMoney" oninput="value=value.replace(/[^\d.]/g,'')" placeholder="请填写" @change="swapper(formData.applyPayMoney)" />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-form-item label="申请金额(大写)" prop="applyPayMoneyUppercase">
|
|
|
|
- <el-input v-model="formData.applyPayMoneyUppercase" placeholder="请填写" />
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <!-- <el-col :span="24">formData.applyPayMoneyUppercase={{formData.applyPayMoneyUppercase}}</el-col>-->
|
|
|
|
-
|
|
|
|
- <el-col :span="7">
|
|
|
|
- <el-form-item label="相关附件">
|
|
|
|
- <el-upload
|
|
|
|
- :action="$constant.BASE_URI+'/FileController/upload'"
|
|
|
|
- :file-list="formData.fileUrlList"
|
|
|
|
- :http-request="uploadFile"
|
|
|
|
- class="upload-demo"
|
|
|
|
- multiple
|
|
|
|
- >
|
|
|
|
- <el-button size="small" type="primary">上传附件</el-button>
|
|
|
|
- <div slot="file" slot-scope="{file}">
|
|
|
|
- <a :href="file.url">{{ file.name }}</a>
|
|
|
|
- <span class="el-upload-list__item-actions">
|
|
|
|
|
|
+ <div class="tabsdom">
|
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
|
+ <el-tab-pane label="付款申请" name="first">
|
|
|
|
+
|
|
|
|
+ <el-row type="flex" justify="end">
|
|
|
|
+ <el-col :span="3" class="col-txt"><span>流程编号:</span></el-col>
|
|
|
|
+ <el-col :span="6" class="col-input"><span style="font-size: 14px">{{ formData.flowNum }}</span></el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-form
|
|
|
|
+ ref="elForm"
|
|
|
|
+ :model="formData"
|
|
|
|
+ :rules="rules"
|
|
|
|
+ label-width="150px"
|
|
|
|
+ >
|
|
|
|
+
|
|
|
|
+ <el-card shadow="always" style="padding: 15px 5px 5px 15px">
|
|
|
|
+ <el-row :gutter="15">
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-form-item label="标题" prop="title">
|
|
|
|
+ <el-input v-model="formData.title" placeholder="付款领用单-年月日" readonly />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="创建人">
|
|
|
|
+ <el-input v-model="userinfo.truename" placeholder="创建人" readonly />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="创建部门">
|
|
|
|
+ <el-input v-model="userinfo.deptName" placeholder="创建部门" readonly />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-form-item label="是否为无合同付款">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="formData.isNoContract"
|
|
|
|
+ clearable
|
|
|
|
+ filterable
|
|
|
|
+ placeholder="是否为无合同付款"
|
|
|
|
+ style="width: 100%"
|
|
|
|
+ :popper-append-to-body="false"
|
|
|
|
+ popper-class="statistic_base"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in dc_data.ANSWER_NEED"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ :popper-append-to-body="false"
|
|
|
|
+ popper-class="statistic_base"
|
|
|
|
+ />
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-form-item label="付款单位">
|
|
|
|
+ <el-input v-model="formData.payerName" placeholder="请填写" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-form-item label="收款单位">
|
|
|
|
+ <el-input v-model="formData.payeeName" placeholder="请填写" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-form-item label="资金用途">
|
|
|
|
+ <el-input v-model="formData.moneyPurpose" placeholder="请填写" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-form-item label="合同总价">
|
|
|
|
+ <el-input v-model="formData.contractPrice" oninput="value=value.replace(/[^\d.]/g,'')" placeholder="请填写" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-form-item label="付款说明">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="formData.payRemark"
|
|
|
|
+ :autosize="{minRows: 4, maxRows: 4}"
|
|
|
|
+ :style="{width: '100%'}"
|
|
|
|
+ placeholder="请填写"
|
|
|
|
+ type="textarea"
|
|
|
|
+ maxlength="2000"
|
|
|
|
+ show-word-limit
|
|
|
|
+ />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <el-form-item label="累计付款">
|
|
|
|
+ <el-input v-model="formData.havePayMoney" oninput="value=value.replace(/[^\d.]/g,'')" placeholder="请填写" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="申请金额(小写)" prop="applyPayMoney">
|
|
|
|
+ <el-input v-model="formData.applyPayMoney" oninput="value=value.replace(/[^\d.]/g,'')" placeholder="请填写" @change="swapper(formData.applyPayMoney)" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="申请金额(大写)" prop="applyPayMoneyUppercase">
|
|
|
|
+ <el-input v-model="formData.applyPayMoneyUppercase" placeholder="请填写" />
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <!-- <el-col :span="24">formData.applyPayMoneyUppercase={{formData.applyPayMoneyUppercase}}</el-col>-->
|
|
|
|
+
|
|
|
|
+ <el-col :span="7">
|
|
|
|
+ <el-form-item label="相关附件">
|
|
|
|
+ <el-upload
|
|
|
|
+ :action="$constant.BASE_URI+'/FileController/upload'"
|
|
|
|
+ :file-list="formData.fileUrlList"
|
|
|
|
+ :http-request="uploadFile"
|
|
|
|
+ class="upload-demo"
|
|
|
|
+ multiple
|
|
|
|
+ :limit="6"
|
|
|
|
+ :before-upload="$common.beforeUploadJustWordExcel"
|
|
|
|
+ >
|
|
|
|
+ <el-button size="small" type="primary">上传附件</el-button>
|
|
|
|
+ <div slot="file" slot-scope="{file}">
|
|
|
|
+ <a :href="file.url">{{ file.name }}</a>
|
|
|
|
+ <span class="el-upload-list__item-actions">
|
|
<i class="el-icon-delete" @click="handlePictureRemove(file,formData.fileUrlList)" />
|
|
<i class="el-icon-delete" @click="handlePictureRemove(file,formData.fileUrlList)" />
|
|
</span>
|
|
</span>
|
|
- </div>
|
|
|
|
- </el-upload>
|
|
|
|
-
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="17" />
|
|
|
|
- </el-row>
|
|
|
|
- </el-card>
|
|
|
|
-
|
|
|
|
- </el-form>
|
|
|
|
-
|
|
|
|
- </el-tab-pane>
|
|
|
|
- <el-tab-pane label="流程图 " name="second">
|
|
|
|
- <div style="width: 100%">
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <div class="node_info">
|
|
|
|
- <div>节点说明:</div>
|
|
|
|
- <div v-for="item in nodeColor" class="dis_flex">
|
|
|
|
- <div class="node_class" :style="{backgroundColor: item.nodeback}" />
|
|
|
|
- {{ item.name }}
|
|
|
|
-
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div v-show="true" id="containeraddwork" style="width: 100%" />
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </el-upload>
|
|
|
|
+
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="17" />
|
|
|
|
+ </el-row>
|
|
|
|
+ </el-card>
|
|
|
|
+
|
|
|
|
+ </el-form>
|
|
|
|
+
|
|
|
|
+ </el-tab-pane>
|
|
|
|
+ <el-tab-pane label="流程图 " name="second">
|
|
|
|
+ <div style="width: 100%">
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="24">
|
|
|
|
+ <div class="node_info">
|
|
|
|
+ <div>节点说明:</div>
|
|
|
|
+ <div v-for="item in nodeColor" class="dis_flex">
|
|
|
|
+ <div class="node_class" :style="{backgroundColor: item.nodeback}" />
|
|
|
|
+ {{ item.name }}
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
- </el-tab-pane>
|
|
|
|
- </el-tabs>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div v-show="true" id="containeraddwork" style="width: 100%" />
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ </div>
|
|
|
|
+ </el-tab-pane>
|
|
|
|
+ </el-tabs>
|
|
|
|
+ </div>
|
|
<div slot="footer">
|
|
<div slot="footer">
|
|
<el-button @click="dialogVisible=false">取消</el-button>
|
|
<el-button @click="dialogVisible=false">取消</el-button>
|
|
|
|
|
|
@@ -380,7 +382,6 @@ export default {
|
|
this.$refs['elForm'].validate(async valid => {
|
|
this.$refs['elForm'].validate(async valid => {
|
|
if (!valid) return
|
|
if (!valid) return
|
|
|
|
|
|
-
|
|
|
|
if (this.formData.fileUrlList.length > 0) {
|
|
if (this.formData.fileUrlList.length > 0) {
|
|
this.formData.fileDataIds = this.formData.fileUrlList.map((e) => {
|
|
this.formData.fileDataIds = this.formData.fileUrlList.map((e) => {
|
|
return e.data
|
|
return e.data
|