Commit f86ff44c authored by 黄奎's avatar 黄奎

页面修改

parent 0d500873
...@@ -37,11 +37,12 @@ ...@@ -37,11 +37,12 @@
</div> </div>
<table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading"> <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
<tr> <tr>
<th width="300">供应商名称</th> <th width="200">供应商名称</th>
<th width="500">联系人</th> <th width="200">联系人</th>
<th>联系电话</th> <th>联系电话</th>
<th>编码</th> <th>编码</th>
<th>结算方式</th> <th>结算方式</th>
<th>供应商合同</th>
<th width="100">操作</th> <th width="100">操作</th>
</tr> </tr>
<tr v-for="(item,index) in DataList"> <tr v-for="(item,index) in DataList">
...@@ -50,6 +51,14 @@ ...@@ -50,6 +51,14 @@
<td>{{item.LinkTel}}</td> <td>{{item.LinkTel}}</td>
<td>{{item.Code}}</td> <td>{{item.Code}}</td>
<td>{{item.SettlementTypeStr}}</td> <td>{{item.SettlementTypeStr}}</td>
<td>
<template v-if="item.ContractUrl&&item.ContractUrl!=''">
<a :href='item.ContractUrl' :download="item.ContractUrl" target="_blank" style="color:blue;">查看合同</a>
</template>
<template v-else>
<span style="color:red">未上传合同</span>
</template>
</td>
<td> <td>
<el-row> <el-row>
<el-tooltip class="item" effect="dark" content="修改" placement="top-start"> <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
...@@ -76,29 +85,25 @@ ...@@ -76,29 +85,25 @@
<tr> <tr>
<td> <td>
<el-form-item label="供应商名称"> <el-form-item label="供应商名称">
<el-input maxlength='50' class='w200' type="text" v-model="addMsg.Name" <el-input maxlength='50' class='w200' type="text" v-model="addMsg.Name" placeholder="供应商名称"></el-input>
placeholder="供应商名称"></el-input>
</el-form-item> </el-form-item>
</td> </td>
<td> <td>
<el-form-item label="联系人"> <el-form-item label="联系人">
<el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkMan" <el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkMan" placeholder="联系人"></el-input>
placeholder="联系人"></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<el-form-item label="联系电话"> <el-form-item label="联系电话">
<el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkTel" <el-input maxlength='30' class='w200' type="text" v-model="addMsg.LinkTel" placeholder="联系电话">
placeholder="联系电话">
</el-input> </el-input>
</el-form-item> </el-form-item>
</td> </td>
<td> <td>
<el-form-item label="编码"> <el-form-item label="编码">
<el-input class='w200' type="text" v-model="addMsg.Code" maxlength="2" <el-input class='w200' type="text" v-model="addMsg.Code" maxlength="2" placeholder="比如:HP"></el-input>
placeholder="比如:HP"></el-input>
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
...@@ -114,6 +119,18 @@ ...@@ -114,6 +119,18 @@
</el-form-item> </el-form-item>
</td> </td>
</tr> </tr>
<tr>
<td colspan="2">
<el-form-item label="供应商合同" prop="Sort">
<el-upload :http-request="reUpload" style="display:inline-block;" :multiple="false" accept="*" :show-file-list="false" action>
<el-button size="small" type="primary">点击上传合同</el-button>
</el-upload>
<template v-if="addMsg.ContractUrl&&addMsg.ContractUrl!=''">
<a :href='addMsg.ContractUrl' :download="addMsg.ContractUrl" target="_blank" style="color:blue;">下载</a>
</template>
</el-form-item>
</td>
</tr>
</table> </table>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
...@@ -156,6 +173,7 @@ ...@@ -156,6 +173,7 @@
LinkTel: "", //联系电话 LinkTel: "", //联系电话
SettlementType: 0, //结算周期 SettlementType: 0, //结算周期
Code: '', //编码 Code: '', //编码
ContractUrl: "", //供应商合同
}, },
loading: false, loading: false,
} }
...@@ -167,6 +185,18 @@ ...@@ -167,6 +185,18 @@
}, },
methods: { methods: {
//上传图片
reUpload(file) {
let newArr = [];
newArr.push(file.file);
let fileName = file.file.name;
let that = this;
let path = "/Upload/DMC/";
this.UploadSelfFileT(path, newArr, x => {
var str = this.domainManager().ViittoFileUrl + x.data.FilePath;
this.addMsg.ContractUrl = str;
});
},
//列表查询 //列表查询
getList() { getList() {
this.loading = true; this.loading = true;
...@@ -199,13 +229,14 @@ ...@@ -199,13 +229,14 @@
this.apipost('supplier_get_GetTravelSupplier', { this.apipost('supplier_get_GetTravelSupplier', {
Id: id Id: id
}, res => { }, res => {
let updateList = res.data.data; let tempdata = res.data.data;
this.addMsg.Id = updateList.Id; this.addMsg.Id = tempdata.Id;
this.addMsg.Name = updateList.Name; this.addMsg.Name = tempdata.Name;
this.addMsg.LinkMan = updateList.LinkMan; this.addMsg.LinkMan = tempdata.LinkMan;
this.addMsg.LinkTel = updateList.LinkTel; this.addMsg.LinkTel = tempdata.LinkTel;
this.addMsg.SettlementType = updateList.SettlementType; this.addMsg.SettlementType = tempdata.SettlementType;
this.addMsg.Code = updateList.Code; this.addMsg.Code = tempdata.Code;
this.addMsg.ContractUrl = tempdata.ContractUrl;
}, err => {}); }, err => {});
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
...@@ -219,6 +250,7 @@ ...@@ -219,6 +250,7 @@
this.addMsg.LinkTel = ""; this.addMsg.LinkTel = "";
this.addMsg.SettlementType = 0; this.addMsg.SettlementType = 0;
this.addMsg.Code = ""; this.addMsg.Code = "";
this.addMsg.ContractUrl = "";
}, },
resetPageIndex() { resetPageIndex() {
this.msg.pageIndex = 1 this.msg.pageIndex = 1
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment