UDI
/
udims-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.调整添加往来单位信息弹窗样式

Browse Source
master
x_z 3 years ago
parent 1112879bcd
commit d819f20584
1 changed files with 72 additions and 115 deletions
Show Stats Download Patch File Download Diff File

187
src/views/product/UnitManage.vue
Unescape Escape View File

@ -87,144 +87,94 @@
<el-dialog
:title="editTypeMap[editType]"
:visible.sync="editDialogVisible"
width="60%"
width="65%"
:close-on-click-modal="false"
:close-on-press-escape="false"
>
<el-form :model="editQuery" ref="editQuery" :rules="rules">
<!--<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="10" class="el-col">
<el-row :gutter="20" class="el-row">
<el-col :span="10">
<div class="text item">
<div class="text item">
<el-form-item label="往来单位名称" prop="name">
<el-input v-model="editQuery.name" auto-complete="off"></el-input>
</el-form-item>
<el-form-item label="拼音码" prop="pinyinCode">
<el-input v-model="editQuery.pinyinCode" auto-complete="off" ></el-input>
</el-form-item>
<el-form-item label="企业自定义ID" prop="thirdId">
<el-input v-model="editQuery.thirdId"" auto-complete="off" ></el-input>
</el-form-item>
<el-form-item label="社会信用号" prop="creditNo">
<el-input type="" v-model="editQuery.creditNo" auto-complete="off" :disabled="true"></el-input>
</el-form-item>
<div class="itemTag">
<span>往来单位名称:&nbsp;</span>
</div>
</div>
</el-col>
<el-col :span="10" class="el-col" type="flex">
<div class="text item">
<el-form-item label="往来单位编码" prop="contact">
<el-input v-model="editQuery.contact" auto-complete="off" :disabled="true"></el-input>
</el-form-item>
<el-form-item label="第三方往来单位ID" prop="thirdId">
<el-input v-model="editQuery.mobile" auto-complete="off" :disabled="true"></el-input>
</el-form-item>
<el-form-item label="地址" prop="addr">
<el-input v-model="editQuery.addr" auto-complete="off" :disabled="true"></el-input>
</el-form-item>
<el-form-item v-if="spellUpdate" label="往来单位类型" prop="corpType">
<el-select v-model="editQuery.corpType" placeholder="往来单位类型">
<el-option
v-for="item in corpTypeList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-form-item prop="name">
<el-input v-model="editQuery.name"
size="small"
style="width: 80%"
auto-complete="off"
@input="change()"
splaceholder="请输入内容"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>-->
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="10" class="el-col" type="flex">
<div class="text item">
<el-form-item label="往来单位名称" prop="name">
<el-input
v-model="editQuery.name"
style="width: 60%"
size="small"
@input="change()"
></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="10" class="el-col" type="flex">
<div class="text item">
<el-form-item label="拼音码" prop="pinyinCode">
<el-input
v-model="editQuery.pinyinCode"
style="width: 60%"
size="small"
<div class="itemTag">
<span>企业自定义ID:&nbsp;</span>
</div>
<el-form-item prop="erpId">
<el-input v-model="editQuery.thirdId" style="width: 80%" auto-complete="off"
></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="10" class="el-col" type="flex">
<el-row :gutter="20" class="el-row">
<el-col :span="10" class="el-col">
<div class="text item">
<el-form-item label="企业自定义ID" prop="thirdId">
<el-input
v-model="editQuery.thirdId"
style="width: 60%"
size="small"
></el-input>
<div class="itemTag">
<span>社会信用号:&nbsp;</span>
</div>
<el-form-item prop="creditNo">
<el-input v-model="editQuery.creditNo" style="width: 80%"
auto-complete="off"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="10" class="el-col" type="flex">
<el-col :span="10" class="el-col">
<div class="text item">
<el-form-item label="社会信用号" prop="creditNo">
<el-input
v-model="editQuery.creditNo"
style="width: 60%"
size="small"
></el-input>
<div class="itemTag">
<span>联系人:&nbsp;</span>
</div>
<el-form-item prop="contact">
<el-input v-model="editQuery.contact" style="width: 80%" auto-complete="off"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="10" class="el-col" type="flex">
<el-row :gutter="20" class="el-row">
<el-col :span="10" class="el-col">
<div class="text item">
<el-form-item label="联系人" prop="contact">
<el-input
v-model="editQuery.contact"
style="width: 60%"
size="small"
></el-input>
<div class="itemTag">
<span>地址:&nbsp;</span>
</div>
<el-form-item prop="addr">
<el-input type="" v-model="editQuery.addr" style="width: 80%"
auto-complete="off"></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="10" class="el-col" type="flex">
<div class="text item">
<el-form-item label="联系电话" prop="mobile">
<el-input
v-model="editQuery.mobile"
style="width: 60%"
size="small"
></el-input>
<div class="itemTag">
<span>联系电话:&nbsp;</span>
</div>
<el-form-item prop="mobile">
<el-input v-model="editQuery.mobile" auto-complete="off" style="width: 80%"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-row :gutter="20" class="el-row">
<el-col :span="10" class="el-col" type="flex">
<div class="text item">
<el-form-item label="地址" prop="addr">
<el-input
v-model="editQuery.addr"
style="width: 60%"
size="small"
></el-input>
</el-form-item>
</div>
</el-col>
<el-col :span="10" class="el-col" type="flex">
<div class="text item">
<el-form-item label="往来单位类型" prop="corpType">
<div class="itemTag">
<span>往来单位类型:&nbsp;</span>
</div>
<el-form-item class="query-form-item">
<el-select v-model="editQuery.corpType" placeholder="往来单位类型">
<el-option
v-for="item in corpTypeList"
@ -232,11 +182,25 @@
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</div>
</el-col>
<el-col :span="10" class="el-col" type="flex">
<div class="text item">
<div class="itemTag">
<span>拼音码:&nbsp;</span>
</div>
<el-form-item prop="spell">
<el-input v-model="editQuery.pinyinCode" auto-complete="off"
style="width: 80%"></el-input>
</el-form-item>
</div>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
@ -409,18 +373,6 @@
{required: true, message: "请输入拼音码", trigger: "change"}
]
},
platformRules: {
platformId: [
{required: true, message: "请选择自助平台", trigger: "change"}
],
userName: [
{required: true, message: "请输入账号", trigger: "change"}
],
password: [
{required: true, message: "请输入密码", trigger: "change"}
]
},
editType: 0,
editTypeMap: {
0: "新增往来单位",
@ -671,7 +623,12 @@
};
</script>
<style>
<style scoped>
.itemTag {
float: left;
text-align: left;
width: 19%;
margin-top: 10px;
}
</style>

Write Preview
Loading…
Cancel
Save