UDI
/
udiwms-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.调整第三方系统设置页面样式

Browse Source
master
x_z 3 years ago
parent d0b5fca692
commit 0d9d5f72a7
2 changed files with 139 additions and 129 deletions
Show Stats Download Patch File Download Diff File

2
src/views/basic/BasicThirdSys.vue
Unescape Escape View File

@ -75,7 +75,7 @@
width="70%" width="70%"
> >
<modifyDialog :inputQuery="inputQuery"></modifyDialog> <modifyDialog :inputQuery="inputQuery"></modifyDialog>
<div style="text-align: center"> <div style="text-align: center; margin-top: 10px;">
<el-button type="primary" size="small" icon="search" @click="onModifySubmit" <el-button type="primary" size="small" icon="search" @click="onModifySubmit"
>提交 >提交
</el-button </el-button

266
src/views/basic/BasicThirdSysModify.vue
Unescape Escape View File

@ -1,95 +1,100 @@
<template> <template>
<div> <div>
<el-row :gutter="20" class="el-row" type="flex" align="middle"> <el-card>
<el-col :span="10" class="el-col"> <el-row :gutter="20" class="el-row" type="flex" align="middle">
<div class="text item"> <el-col :span="10" class="el-col">
<div class="itemTag"> <div class="text item">
<span>系统ID:&nbsp;</span> <div class="itemTag">
<span>系统ID:&nbsp;</span>
</div>
<el-input
style="width: 200px"
size="mini"
splaceholder="请输入内容"
:disabled="true"
v-model="inputQuery.thirdId"
></el-input>
</div> </div>
<el-input </el-col>
style="width: 200px" <el-col :span="10" class="el-col">
size="mini" <div class="text item">
splaceholder="请输入内容" <div class="itemTag">
:disabled="true" <span>系统名称:&nbsp;</span>
v-model="inputQuery.thirdId" </div>
></el-input> <el-input
</div> style="width: 200px"
</el-col> size="mini"
<el-col :span="10" class="el-col"> splaceholder="请输入内容"
<div class="text item"> v-model="inputQuery.thirdName"
<div class="itemTag"> ></el-input>
<span>系统名称:&nbsp;</span>
</div> </div>
<el-input </el-col>
style="width: 200px"
size="mini"
splaceholder="请输入内容"
v-model="inputQuery.thirdName"
></el-input>
</div>
</el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="10" class="el-col"> <el-col :span="10" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>API说明文档:&nbsp;</span> <span>API说明文档:&nbsp;</span>
</div> </div>
<div style="padding-top: 5px"> <div style="padding-top: 5px">
<a :href="inputQuery.guideUrl" target="_blank">{{ inputQuery.thirdName }}接口说明文档</a> <a :href="inputQuery.guideUrl" target="_blank">{{ inputQuery.thirdName }}接口说明文档</a>
</div> </div>
</div>
</el-col>
<el-col :span="4" class="el-col">
<div class="text item">
<el-checkbox v-model="inputQuery.enabled">是否启用</el-checkbox>
</div>
</el-col>
<el-col :span="4" class="el-col">
<div class="text item">
<el-checkbox v-model="inputQuery.mainSys">是否设为主系统</el-checkbox>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="18" class="el-col">
<div class="text item">
<div class="itemTag" style="width: 200px;">
<span>第三方服务IP地址:&nbsp;</span>
</div> </div>
</el-col>
<el-input <el-col :span="4" class="el-col">
style="width: 70%; margin-left: -80px;" <div class="text item">
size="mini" <el-checkbox v-model="inputQuery.enabled">是否启用</el-checkbox>
splaceholder="请输入内容"
v-model="inputQuery.thridUrl"
></el-input>
<el-button style="margin-left: 5px;" type="primary" @click="testThirdService">测试连通性</el-button>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="18" class="el-col">
<div class="text item">
<div class="itemTag" style="width: 200px;">
<span>第三方系统IP地址:&nbsp;</span>
</div> </div>
</el-col>
<el-col :span="4" class="el-col">
<div class="text item">
<el-checkbox v-model="inputQuery.mainSys">是否设为主系统</el-checkbox>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="18" class="el-col">
<div class="text item">
<div class="itemTag" style="width: 200px;">
<span>第三方服务IP地址:&nbsp;</span>
</div>
<el-input
style="width: 70%; margin-left: -80px;"
size="mini"
splaceholder="请输入内容"
v-model="inputQuery.thridUrl"
></el-input>
<el-button style="margin-left: 5px;" type="primary" @click="testThirdService">测试连通性</el-button>
</div>
</el-col>
</el-row>
</el-card>
<el-card>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="18" class="el-col">
<div class="text item">
<div class="itemTag" style="width: 200px;">
<span>第三方系统IP地址:&nbsp;</span>
</div>
<el-input
style="width: 70%;margin-left: -80px;"
size="mini"
splaceholder="请输入内容"
v-model="inputQuery.thirdSysUrl"
></el-input>
<el-button style="margin-left: 5px;" type="primary" @click="testThirdInter">测试连通性</el-button>
</div>
</el-col>
</el-row>
<el-input <!--<el-row :gutter="20" class="el-row" type="flex">
style="width: 70%;margin-left: -80px;"
size="mini"
splaceholder="请输入内容"
v-model="inputQuery.thirdSysUrl"
></el-input>
<el-button style="margin-left: 5px;" type="primary" @click="testThirdInter">测试连通性</el-button>
</div>
</el-col>
</el-row>
<!--<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="18" class="el-col"> <el-col :span="18" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
@ -113,56 +118,61 @@
</div> </div>
</el-col> </el-col>
</el-row>--> </el-row>-->
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="18" class="el-col"> <el-col :span="18" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag" style="width: 200px;"> <div class="itemTag" style="width: 200px;">
<span>第三方服务接口授权:&nbsp;</span> <span>第三方服务接口授权:&nbsp;</span>
</div>
</div> </div>
</div> </el-col>
</el-col> </el-row>
</el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="18" class="el-col" style="margin-left: 60px;"> <el-col :span="18" class="el-col" style="margin-left: 60px;">
<div class="text item"> <div class="text item">
<label>apikey：</label> <label>apikey：</label>
<el-input <el-input
style="width: 40%; margin-right: 10px; margin-left: 10px;" style="width: 40%; margin-right: 10px; margin-left: 10px;"
size="mini" size="mini"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="inputQuery.apikey" v-model="inputQuery.apikey"
></el-input> ></el-input>
<label>secretkey：</label> <label>secretkey：</label>
<el-input <el-input
style="width: 40%" style="width: 40%"
size="mini" size="mini"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="inputQuery.secretkey" v-model="inputQuery.secretkey"
></el-input> ></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="24" class="el-col">
<div class="text item">
<div class="itemTag">
<span>备注说明:&nbsp;</span>
</div> </div>
</el-col>
</el-row>
</el-card>
<el-card>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="24" class="el-col">
<div class="text item">
<div class="itemTag">
<span>备注说明:&nbsp;</span>
</div>
<el-input
style="width: 80%"
type="textarea"
size="mini"
rows="6"
splaceholder="请输入内容"
v-model="inputQuery.remark"
@input="change()"
></el-input>
</div>
</el-col>
<el-input </el-row>
style="width: 80%" </el-card>
type="textarea"
size="mini"
rows="6"
splaceholder="请输入内容"
v-model="inputQuery.remark"
@input="change()"
></el-input>
</div>
</el-col>
</el-row>
</div> </div>
</template> </template>

Write Preview
Loading…
Cancel
Save