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>
<div class="companyList">
<div class="investmentList">
<template v-if="!isShowInfo">
<div class="head-title">
投资管理
......@@ -48,44 +48,84 @@
</template>
<template v-else>
<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>
</div>
<div class="content">
<el-form label-width="120px">
<el-form-item label="活动名称">
<el-input type="text" class="w300" v-model="addMsg.ActivityName" size="small"></el-input>
</el-form-item>
<el-form-item label="开始时间">
<el-date-picker class="w300" v-model="addMsg.StartTime" type="date" placeholder="开始时间">
</el-date-picker>
</el-form-item>
<el-form-item label="结束时间">
<el-date-picker class="w300" v-model="addMsg.EndTime" type="date" placeholder="结束时间">
</el-date-picker>
</el-form-item>
<el-form-item label="活动类型">
<el-select class="w150" style="margin-right: 10px;" v-model="addMsg.ActivityType" size="small"
placeholder="请选择">
<el-option :key="0" label="请选择" :value="0"></el-option>
<el-option v-for="item in activityTypeList" :key="item.Id" :label="item.TypeName" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="封面图" size="small">
<el-button @click="isShowImage=true" size="small">选择文件</el-button>
<div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;border:none;">
<img v-if="!addMsg.CoverImg || addMsg.CoverImg==''" src="../../assets/img/default.png"
style="width:80px;height:80px" alt="">
<img v-else style="width:80px;height:80px" :src="addMsg.CoverImg" alt="">
</div>
<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="活动详情">
<UE style="width:750px;" :defaultMsg="defaultMsg" :config="config" :IsMultiple="true" ref="ue"></UE>
<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>
</template>
......@@ -109,15 +149,6 @@
this.getList();
},
methods: {
EditgoUrl(row) {
this.$router.push({
name: 'companyinfo',
query: {
Id: row.CompanyId,
blank: "y"
}
});
},
getList() {
this.loading = true;
this.apipost("/api/Trade/GetInvestmentProcurementPage", this.msg, res => {
......@@ -138,9 +169,9 @@
this.apipost("/api/Trade/GetInvestmentProcurement", {
Id: item.Id
}, res => {
console.log("res", res.data)
if (res.data.resultCode == 1) {
this.isShowInfo = true;
this.addMsg = res.data.data;
}
})
}
......@@ -150,14 +181,14 @@
</script>
<style>
.companyList .remark_name {
.investmentList .remark_name {
color: #888888;
font-size: 12px;
margin-left: 10px;
float: right;
}
.companyList .app-image {
.investmentList .app-image {
background-position: center center;
width: 50px;
height: 50px;
......@@ -166,24 +197,24 @@
margin-right: 8px;
}
.companyList .blue {
.investmentList .blue {
color: #409EFF;
}
.companyList .content .searchInput {
.investmentList .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.companyList .content .searchInput .el-input__inner {
.investmentList .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.companyList .content .searchInput {
.investmentList .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
......@@ -193,7 +224,7 @@
margin-right: 20px;
}
.companyList .content {
.investmentList .content {
background: #fff;
margin-top: 10px;
padding: 20px;
......
src/components/tradePavilion/procurementList.vue
View file @ a3b66ff9
<template>
<div class="companyList">
<div class="procurementList">
<template v-if="!isShowInfo">
<div class="head-title">
采购管理
</div>
......@@ -15,11 +16,11 @@
</div>
</div>
<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 prop="CompanyName" label="公司名称">
</el-table-column>
<el-table-column prop="Principal" label="联系人">
<el-table-column prop="Investment" label="投资意向">
</el-table-column>
<el-table-column prop="Mobile" width="150" label="联系电话">
</el-table-column>
......@@ -34,16 +35,98 @@
<el-table-column prop="address" width="200" label="操作">
<template slot-scope="scope">
<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="">
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
:current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
<el-pagination style="text-align:right" background @current-change="handleCurrentChange"
:page-size="msg.pageSize" :current-page.sync="msg.pageIndex" layout="total,prev, pager, next" :total="total">
</el-pagination>
</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>
</template>
<script>
......@@ -54,27 +137,21 @@
pageIndex: 1,
pageSize: 15,
CompanyName: '',
Type: 1,
},
total: 0,
tableData: [], //数据列表
isShowInfo: false, //是否显示详情,
addMsg: {},
};
},
created() {
this.getList();
},
methods: {
EditgoUrl(row) {
this.$router.push({
name: 'companyinfo',
query: {
Id: row.CompanyId,
blank: "y"
}
});
},
getList() {
this.loading = true;
this.apipost("/api/Trade/GetCompanyPageList", this.msg, res => {
this.apipost("/api/Trade/GetInvestmentProcurementPage", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
......@@ -87,25 +164,16 @@
this.msg.pageIndex = val;
this.getList();
},
//删除公司资料
delContactus(item) {
let that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"/api/Trade/RemoveCompany", {
CompanyId: item.CompanyId,
Status: 1
},
res => {
//获取详情
getInfo(item) {
this.apipost("/api/Trade/GetInvestmentProcurement", {
Id: item.Id
}, res => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
this.isShowInfo = true;
this.addMsg = res.data.data;
}
},
);
});
})
}
},
mounted() {}
......@@ -113,14 +181,14 @@
</script>
<style>
.companyList .remark_name {
.procurementList .remark_name {
color: #888888;
font-size: 12px;
margin-left: 10px;
float: right;
}
.companyList .app-image {
.procurementList .app-image {
background-position: center center;
width: 50px;
height: 50px;
......@@ -129,24 +197,24 @@
margin-right: 8px;
}
.companyList .blue {
.procurementList .blue {
color: #409EFF;
}
.companyList .content .searchInput {
.procurementList .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.companyList .content .searchInput .el-input__inner {
.procurementList .content .searchInput .el-input__inner {
border: none;
outline: none;
height: 30px;
line-height: 30px;
}
.companyList .content .searchInput {
.procurementList .content .searchInput {
line-height: normal;
display: inline-table;
width: 100%;
......@@ -156,7 +224,7 @@
margin-right: 20px;
}
.companyList .content {
.procurementList .content {
background: #fff;
margin-top: 10px;
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