|
|
@@ -1,28 +1,17 @@
|
|
|
<template>
|
|
|
<div class="invoice defbb" :class="{ 'read-only': isReadOnly }">
|
|
|
<div class="gray-color s-fz">[ 说明:用于发票补充展示 ]</div>
|
|
|
- <el-form
|
|
|
- ref="form"
|
|
|
- :model="value"
|
|
|
- :disabled="disabledFinal"
|
|
|
- size="mini"
|
|
|
- label-width="110px"
|
|
|
- label-position="left"
|
|
|
- class="p-spac pb-spacd4"
|
|
|
- >
|
|
|
+ <el-form ref="form" :model="value" :disabled="disabledFinal" size="mini" label-width="110px" label-position="left"
|
|
|
+ class="p-spac pb-spacd4">
|
|
|
<div class="flex">
|
|
|
<el-form-item prop="fpAddress" label="购方地址:" label-width="85px" class="mr-spac">
|
|
|
<el-input v-model="value.fpAddress" placeholder="请输入" v-empty="emptyArgs"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="fpBank" label="购方开户银行:">
|
|
|
<el-select v-model="value.fpBank" filterable placeholder="请选择" v-empty="emptyArgs">
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in banks"
|
|
|
- :key="index"
|
|
|
- :label="item.bankName"
|
|
|
- :value="item.bankNo">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
+ <el-option v-for="(item, index) in banks" :key="index" :label="item.bankName" :value="item.bankNo">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
<!-- <el-input v-model="value.fpBank" v-empty="emptyArgs"></el-input> -->
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
@@ -31,15 +20,15 @@
|
|
|
<el-input v-model="value.fpPhone" placeholder="请输入" v-empty="emptyArgs"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="fpBankAccount" label="购方银行账号:">
|
|
|
- <el-input v-model="value.fpBankAccount" placeholder="请输入" v-empty="emptyArgs"></el-input>
|
|
|
+ <el-input v-model="value.fpBankAccount" placeholder="请输入" v-empty="emptyArgs"></el-input>
|
|
|
</el-form-item>
|
|
|
<div class="ml-spac pt-spac" v-if="showOpers">
|
|
|
- <template v-if="!isEdit">
|
|
|
- <el-button type="text" @click="isEdit=true">修改</el-button>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <el-button type="text" @click="save()">保存</el-button>
|
|
|
- <el-button type="text" @click="cancel()">取消</el-button>
|
|
|
+ <template v-if="!isEdit">
|
|
|
+ <el-button type="text" @click="isEdit = true">修改</el-button>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <el-button type="text" @click="save()">保存</el-button>
|
|
|
+ <el-button type="text" @click="cancel()">取消</el-button>
|
|
|
</template>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -134,27 +123,35 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.el-input,.el-select {
|
|
|
+.el-input,
|
|
|
+.el-select {
|
|
|
width: 300px;
|
|
|
}
|
|
|
+
|
|
|
.el-select--mini {
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
+
|
|
|
.el-form-item--mini.el-form-item {
|
|
|
- margin-bottom: 6px;
|
|
|
+ margin-bottom: 6px;
|
|
|
}
|
|
|
+
|
|
|
.read-only {
|
|
|
- ::v-deep .el-input__suffix {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .el-input,.el-select,::v-deep input {
|
|
|
- color:inherit;
|
|
|
- font-size: 14px;
|
|
|
- padding: 0;
|
|
|
- border:0;
|
|
|
- pointer-events: none;
|
|
|
+ ::v-deep .el-input__suffix {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-input,
|
|
|
+ .el-select {
|
|
|
+ font-size: 14px;
|
|
|
+ pointer-events: none;
|
|
|
+ ::v-deep input {
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0;
|
|
|
+ border: 0;
|
|
|
+ color: inherit;
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
}
|
|
|
-
|
|
|
</style>
|