Skip to content

E
ElectricitySheep
Commit a3b66ff9 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent f739d83d
Show whitespace changes
Inline Side-by-side
Showing with 227 additions and 128 deletions
src/components/tradePavilion/investmentList.vue
View file @ a3b66ff9
<template> <template>
<div class="companyList"> <div class="investmentList">
<template v-if="!isShowInfo"> <template v-if="!isShowInfo">
<div class="head-title"> <div class="head-title">
投资管理 投资管理
...@@ -48,44 +48,84 @@ ...@@ -48,44 +48,84 @@
</template> </template>
<template v-else> <template v-else>
<div class="head-title"> <div class="head-title">
<span @click="isShowInfo=true" style="color:rgb(64, 158, 255);cursor:pointer;">投资管理</span><span <span @click="isShowInfo=false" style="color:rgb(64, 158, 255);cursor:pointer;">投资管理</span><span
style="margin:0 9px;color:#C0C4CC">/</span><span>投资详情</span> style="margin:0 9px;color:#C0C4CC">/</span><span>投资详情</span>
</div> </div>
<div class="content"> <div class="content">
<el-form label-width="120px"> <el-form label-width="120px">
<el-form-item label="活动名称"> <el-form-item label="采购类目">
<el-input type="text" class="w300" v-model="addMsg.ActivityName" size="small"></el-input> <el-input type="text" v-model="addMsg.GoodsCategory" disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="开始时间"> <el-form-item label="进口数量">
<el-date-picker class="w300" v-model="addMsg.StartTime" type="date" placeholder="开始时间"> <el-input type="text" v-model="addMsg.ImportNum" disabled></el-input>
</el-date-picker> </el-form-item>
</el-form-item> <el-form-item label="产品说明">
<el-form-item label="结束时间"> <el-input type="text" v-model="addMsg.Describe" disabled></el-input>
<el-date-picker class="w300" v-model="addMsg.EndTime" type="date" placeholder="结束时间"> </el-form-item>
</el-date-picker> <el-form-item label="公司名称">
</el-form-item> <el-input type="text" v-model="addMsg.CompanyName" disabled></el-input>
<el-form-item label="活动类型"> </el-form-item>
<el-select class="w150" style="margin-right: 10px;" v-model="addMsg.ActivityType" size="small" <el-form-item label="公司英文名称">
placeholder="请选择"> <el-input type="text" v-model="addMsg.CompanyEnName" disabled></el-input>
<el-option :key="0" label="请选择" :value="0"></el-option> </el-form-item>
<el-option v-for="item in activityTypeList" :key="item.Id" :label="item.TypeName" :value="item.Id"> <el-form-item label="手机号码">
</el-option> <el-input type="text" v-model="addMsg.Mobile" disabled></el-input>
</el-select> </el-form-item>
</el-form-item> <el-form-item label="E-Mail">
<el-form-item label="封面图" size="small"> <el-input type="text" v-model="addMsg.EMail" disabled></el-input>
<el-button @click="isShowImage=true" size="small">选择文件</el-button> </el-form-item>
<div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;border:none;"> <el-form-item label="企业法人">
<img v-if="!addMsg.CoverImg || addMsg.CoverImg==''" src="../../assets/img/default.png" <el-input type="text" v-model="addMsg.LegalPerson" disabled></el-input>
style="width:80px;height:80px" alt=""> </el-form-item>
<img v-else style="width:80px;height:80px" :src="addMsg.CoverImg" alt=""> <el-form-item label="负责人">
</div> <el-input type="text" v-model="addMsg.Principal" disabled></el-input>
</el-form-item>
<el-form-item label="微信号">
<el-input type="text" v-model="addMsg.WechatNo" disabled></el-input>
</el-form-item>
<el-form-item label="官网">
<el-input type="text" v-model="addMsg.DomainUrl" disabled></el-input>
</el-form-item>
<el-form-item label="行业">
<el-input type="text" v-model="addMsg.Industry" disabled></el-input>
</el-form-item>
<el-form-item label="成立时间">
<el-input type="text" v-model="addMsg.FoundingTimeStr" disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="活动详情"> <el-form-item label="员工人数">
<UE style="width:750px;" :defaultMsg="defaultMsg" :config="config" :IsMultiple="true" ref="ue"></UE> <el-input type="text" v-model="addMsg.EmployeeNum" disabled></el-input>
</el-form-item>
<el-form-item label="年销售(万元)">
<el-input type="text" v-model="addMsg.AnnualSales" disabled></el-input>
</el-form-item>
<el-form-item label="详细地址">
<el-input type="text" v-model="addMsg.Address" disabled></el-input>
</el-form-item>
<el-form-item label="详细地址英文">
<el-input type="text" v-model="addMsg.EnAddress" disabled></el-input>
</el-form-item>
<el-form-item label="年进口额">
<el-input type="text" v-model="addMsg.AnnualImport" disabled></el-input>
</el-form-item>
<el-form-item label="主要进口品目">
<el-input type="text" v-model="addMsg.ImportCategory" disabled></el-input>
</el-form-item>
<el-form-item label="主要进口国">
<el-input type="text" v-model="addMsg.ImportCountry" disabled></el-input>
</el-form-item>
<el-form-item label="主要出口国">
<el-input type="text" v-model="addMsg.ExportCountry" disabled></el-input>
</el-form-item>
<el-form-item label="公司介绍">
<el-input type="text" v-model="addMsg.CompanyIntro" disabled></el-input>
</el-form-item>
<el-form-item label="其他内容">
<el-input type="text" v-model="addMsg.OtherInfo" disabled></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-button size="small" style="margin-top:20px;padding:9px 25px;" type="primary" @click="isShowInfo=false">返回
</el-button>
</div> </div>
</template> </template>
</div> </div>
</template> </template>
...@@ -109,15 +149,6 @@ ...@@ -109,15 +149,6 @@
this.getList(); this.getList();
}, },
methods: { methods: {
EditgoUrl(row) {
this.$router.push({
name: 'companyinfo',
query: {
Id: row.CompanyId,
blank: "y"
}
});
},
getList() { getList() {
this.loading = true; this.loading = true;
this.apipost("/api/Trade/GetInvestmentProcurementPage", this.msg, res => { this.apipost("/api/Trade/GetInvestmentProcurementPage", this.msg, res => {
...@@ -138,9 +169,9 @@ ...@@ -138,9 +169,9 @@
this.apipost("/api/Trade/GetInvestmentProcurement", { this.apipost("/api/Trade/GetInvestmentProcurement", {
Id: item.Id Id: item.Id
}, res => { }, res => {
console.log("res", res.data)
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.isShowInfo = true; this.isShowInfo = true;
this.addMsg = res.data.data;
} }
}) })
} }
...@@ -150,14 +181,14 @@ ...@@ -150,14 +181,14 @@
</script> </script>
<style> <style>
.companyList .remark_name { .investmentList .remark_name {
color: #888888; color: #888888;
font-size: 12px; font-size: 12px;
margin-left: 10px; margin-left: 10px;
float: right; float: right;
} }
.companyList .app-image { .investmentList .app-image {
background-position: center center; background-position: center center;
width: 50px; width: 50px;
height: 50px; height: 50px;
...@@ -166,24 +197,24 @@ ...@@ -166,24 +197,24 @@
margin-right: 8px; margin-right: 8px;
} }
.companyList .blue { .investmentList .blue {
color: #409EFF; color: #409EFF;
} }
.companyList .content .searchInput { .investmentList .content .searchInput {
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
border-radius: 4px; border-radius: 4px;
} }
.companyList .content .searchInput .el-input__inner { .investmentList .content .searchInput .el-input__inner {
border: none; border: none;
outline: none; outline: none;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.companyList .content .searchInput { .investmentList .content .searchInput {
line-height: normal; line-height: normal;
display: inline-table; display: inline-table;
width: 100%; width: 100%;
...@@ -193,7 +224,7 @@ ...@@ -193,7 +224,7 @@
margin-right: 20px; margin-right: 20px;
} }
.companyList .content { .investmentList .content {
background: #fff; background: #fff;
margin-top: 10px; margin-top: 10px;
padding: 20px; padding: 20px;
......
src/components/tradePavilion/procurementList.vue
View file @ a3b66ff9
<template> <template>
<div class="companyList"> <div class="procurementList">
<template v-if="!isShowInfo">
<div class="head-title"> <div class="head-title">
采购管理 采购管理
</div> </div>
...@@ -15,11 +16,11 @@ ...@@ -15,11 +16,11 @@
</div> </div>
</div> </div>
<el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0"> <el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="CompanyId" label="编号" width="100"> <el-table-column prop="Id" label="编号" width="100">
</el-table-column> </el-table-column>
<el-table-column prop="CompanyName" label="公司名称"> <el-table-column prop="CompanyName" label="公司名称">
</el-table-column> </el-table-column>
<el-table-column prop="Principal" label="联系人"> <el-table-column prop="Investment" label="投资意向">
</el-table-column> </el-table-column>
<el-table-column prop="Mobile" width="150" label="联系电话"> <el-table-column prop="Mobile" width="150" label="联系电话">
</el-table-column> </el-table-column>
...@@ -34,16 +35,98 @@ ...@@ -34,16 +35,98 @@
<el-table-column prop="address" width="200" label="操作"> <el-table-column prop="address" width="200" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="详情" placement="top"> <el-tooltip class="item" effect="dark" content="详情" placement="top">
<img @click="EditgoUrl(scope.row)" style="width:32px;height:32px" src="../../assets/img/userman/edit.png" <img @click="getInfo(scope.row)" style="width:32px;height:32px" src="../../assets/img/userman/edit.png"
alt=""> alt="">
</el-tooltip> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize" <el-pagination style="text-align:right" background @current-change="handleCurrentChange"
:current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total"> :page-size="msg.pageSize" :current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
</el-pagination> </el-pagination>
</div> </div>
</template>
<template v-else>
<div class="head-title">
<span @click="isShowInfo=false" style="color:rgb(64, 158, 255);cursor:pointer;">采购管理</span><span
style="margin:0 9px;color:#C0C4CC">/</span><span>采购详情</span>
</div>
<div class="content">
<el-form label-width="120px">
<el-form-item label="采购类目">
<el-input type="text" v-model="addMsg.GoodsCategory" disabled></el-input>
</el-form-item>
<el-form-item label="进口数量">
<el-input type="text" v-model="addMsg.ImportNum" disabled></el-input>
</el-form-item>
<el-form-item label="产品说明">
<el-input type="text" v-model="addMsg.Describe" disabled></el-input>
</el-form-item>
<el-form-item label="公司名称">
<el-input type="text" v-model="addMsg.CompanyName" disabled></el-input>
</el-form-item>
<el-form-item label="公司英文名称">
<el-input type="text" v-model="addMsg.CompanyEnName" disabled></el-input>
</el-form-item>
<el-form-item label="手机号码">
<el-input type="text" v-model="addMsg.Mobile" disabled></el-input>
</el-form-item>
<el-form-item label="E-Mail">
<el-input type="text" v-model="addMsg.EMail" disabled></el-input>
</el-form-item>
<el-form-item label="企业法人">
<el-input type="text" v-model="addMsg.LegalPerson" disabled></el-input>
</el-form-item>
<el-form-item label="负责人">
<el-input type="text" v-model="addMsg.Principal" disabled></el-input>
</el-form-item>
<el-form-item label="微信号">
<el-input type="text" v-model="addMsg.WechatNo" disabled></el-input>
</el-form-item>
<el-form-item label="官网">
<el-input type="text" v-model="addMsg.DomainUrl" disabled></el-input>
</el-form-item>
<el-form-item label="行业">
<el-input type="text" v-model="addMsg.Industry" disabled></el-input>
</el-form-item>
<el-form-item label="成立时间">
<el-input type="text" v-model="addMsg.FoundingTimeStr" disabled></el-input>
</el-form-item>
<el-form-item label="员工人数">
<el-input type="text" v-model="addMsg.EmployeeNum" disabled></el-input>
</el-form-item>
<el-form-item label="年销售(万元)">
<el-input type="text" v-model="addMsg.AnnualSales" disabled></el-input>
</el-form-item>
<el-form-item label="详细地址">
<el-input type="text" v-model="addMsg.Address" disabled></el-input>
</el-form-item>
<el-form-item label="详细地址英文">
<el-input type="text" v-model="addMsg.EnAddress" disabled></el-input>
</el-form-item>
<el-form-item label="年进口额">
<el-input type="text" v-model="addMsg.AnnualImport" disabled></el-input>
</el-form-item>
<el-form-item label="主要进口品目">
<el-input type="text" v-model="addMsg.ImportCategory" disabled></el-input>
</el-form-item>
<el-form-item label="主要进口国">
<el-input type="text" v-model="addMsg.ImportCountry" disabled></el-input>
</el-form-item>
<el-form-item label="主要出口国">
<el-input type="text" v-model="addMsg.ExportCountry" disabled></el-input>
</el-form-item>
<el-form-item label="公司介绍">
<el-input type="text" v-model="addMsg.CompanyIntro" disabled></el-input>
</el-form-item>
<el-form-item label="其他内容">
<el-input type="text" v-model="addMsg.OtherInfo" disabled></el-input>
</el-form-item>
</el-form>
<el-button size="small" style="margin-top:20px;padding:9px 25px;" type="primary" @click="isShowInfo=false">返回
</el-button>
</div>
</template>
</div> </div>
</template> </template>
<script> <script>
...@@ -54,27 +137,21 @@ ...@@ -54,27 +137,21 @@
pageIndex: 1, pageIndex: 1,
pageSize: 15, pageSize: 15,
CompanyName: '', CompanyName: '',
Type: 1,
}, },
total: 0, total: 0,
tableData: [], //数据列表 tableData: [], //数据列表
isShowInfo: false, //是否显示详情,
addMsg: {},
}; };
}, },
created() { created() {
this.getList(); this.getList();
}, },
methods: { methods: {
EditgoUrl(row) {
this.$router.push({
name: 'companyinfo',
query: {
Id: row.CompanyId,
blank: "y"
}
});
},
getList() { getList() {
this.loading = true; this.loading = true;
this.apipost("/api/Trade/GetCompanyPageList", this.msg, res => { this.apipost("/api/Trade/GetInvestmentProcurementPage", this.msg, res => {
this.loading = false; this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.total = res.data.data.count; this.total = res.data.data.count;
...@@ -87,25 +164,16 @@ ...@@ -87,25 +164,16 @@
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getList(); this.getList();
}, },
//删除公司资料 //获取详情
delContactus(item) { getInfo(item) {
let that = this; this.apipost("/api/Trade/GetInvestmentProcurement", {
that.Confirm("是否删除?", function () { Id: item.Id
that.apipost( }, res => {
"/api/Trade/RemoveCompany", {
CompanyId: item.CompanyId,
Status: 1
},
res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
that.Success(res.data.message); this.isShowInfo = true;
that.getList(); this.addMsg = res.data.data;
} else {
that.Error(res.data.message);
} }
}, })
);
});
} }
}, },
mounted() {} mounted() {}
...@@ -113,14 +181,14 @@ ...@@ -113,14 +181,14 @@
</script> </script>
<style> <style>
.companyList .remark_name { .procurementList .remark_name {
color: #888888; color: #888888;
font-size: 12px; font-size: 12px;
margin-left: 10px; margin-left: 10px;
float: right; float: right;
} }
.companyList .app-image { .procurementList .app-image {
background-position: center center; background-position: center center;
width: 50px; width: 50px;
height: 50px; height: 50px;
...@@ -129,24 +197,24 @@ ...@@ -129,24 +197,24 @@
margin-right: 8px; margin-right: 8px;
} }
.companyList .blue { .procurementList .blue {
color: #409EFF; color: #409EFF;
} }
.companyList .content .searchInput { .procurementList .content .searchInput {
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
border-radius: 4px; border-radius: 4px;
} }
.companyList .content .searchInput .el-input__inner { .procurementList .content .searchInput .el-input__inner {
border: none; border: none;
outline: none; outline: none;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.companyList .content .searchInput { .procurementList .content .searchInput {
line-height: normal; line-height: normal;
display: inline-table; display: inline-table;
width: 100%; width: 100%;
...@@ -156,7 +224,7 @@ ...@@ -156,7 +224,7 @@
margin-right: 20px; margin-right: 20px;
} }
.companyList .content { .procurementList .content {
background: #fff; background: #fff;
margin-top: 10px; margin-top: 10px;
padding: 20px; padding: 20px;
......
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