页面修改

src/components/tradePavilion/investmentList.vue

 <template>
   <div class="companyList">
-    <div class="head-title">
-      投资管理
-    </div>
-    <div class="content">
-      <div>
-        <div class="searchInput" style="width:150px">
-          <el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
-            style="display:inline-block;width:125px;height:30px" placeholder="请输入公司名称" v-model="msg.CompanyName"
-            size="small" clearable>
-          </el-input>
-          <span @click="msg.pageIndex=1,getList()" class="el-icon-search"
-            style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+    <template v-if="!isShowInfo">
+      <div class="head-title">
+        投资管理
+      </div>
+      <div class="content">
+        <div>
+          <div class="searchInput" style="width:150px">
+            <el-input @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()"
+              style="display:inline-block;width:125px;height:30px" placeholder="请输入公司名称" v-model="msg.CompanyName"
+              size="small" clearable>
+            </el-input>
+            <span @click="msg.pageIndex=1,getList()" class="el-icon-search"
+              style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+          </div>
         </div>
+        <el-table :data="tableData" v-loading="loading" border style="width: 100%;margin:20px 0">
+          <el-table-column prop="Id" label="编号" width="100">
+          </el-table-column>
+          <el-table-column prop="CompanyName" label="公司名称">
+          </el-table-column>
+          <el-table-column prop="Investment" label="投资意向">
+          </el-table-column>
+          <el-table-column prop="Mobile" width="150" label="联系电话">
+          </el-table-column>
+          <el-table-column prop="EMail" width="150" label="邮箱">
+          </el-table-column>
+          <el-table-column prop="Industry" width="150" label="行业">
+          </el-table-column>
+          <el-table-column prop="AnnualSales" width="150" label="年销售(万元)">
+          </el-table-column>
+          <el-table-column prop="AnnualImport" width="150" label="年进口额">
+          </el-table-column>
+          <el-table-column prop="address" width="200" label="操作">
+            <template slot-scope="scope">
+              <el-tooltip class="item" effect="dark" content="详情" placement="top">
+                <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>
+      </div>
+    </template>
+    <template v-else>
+      <div class="head-title">
+        <span @click="isShowInfo=true" style="color:rgb(64, 158, 255);cursor:pointer;">投资管理</span><span
+          style="margin:0 9px;color:#C0C4CC">/</span><span>投资详情</span>
       </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>
-        <el-table-column prop="CompanyName" label="公司名称">
-        </el-table-column>
-        <el-table-column prop="Principal" label="联系人">
-        </el-table-column>
-        <el-table-column prop="Mobile" width="150" label="联系电话">
-        </el-table-column>
-        <el-table-column prop="EMail" width="150" label="邮箱">
-        </el-table-column>
-        <el-table-column prop="Industry" width="150" label="行业">
-        </el-table-column>
-        <el-table-column prop="AnnualSales" width="150" label="年销售(万元)">
-        </el-table-column>
-        <el-table-column prop="AnnualImport" width="150" label="年进口额">
-        </el-table-column>
-        <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"
-                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>
-    </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>
+          <el-form-item label="活动详情">
+            <UE style="width:750px;" :defaultMsg="defaultMsg" :config="config" :IsMultiple="true" ref="ue"></UE>
+          </el-form-item>
+        </el-form>
+      </div>
+
+    </template>
   </div>
 </template>
 <script>
@@ -54,9 +97,12 @@
           pageIndex: 1,
           pageSize: 15,
           CompanyName: '',
+          Type: 2,
         },
         total: 0,
         tableData: [], //数据列表
+        isShowInfo: false, //是否显示详情,
+        addMsg: {},
       };
     },
     created() {
@@ -74,7 +120,7 @@
       },
       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 +133,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 => {
-              if (res.data.resultCode == 1) {
-                that.Success(res.data.message);
-                that.getList();
-              } else {
-                that.Error(res.data.message);
-              }
-            },
-          );
-        });
+      //获取详情
+      getInfo(item) {
+        this.apipost("/api/Trade/GetInvestmentProcurement", {
+          Id: item.Id
+        }, res => {
+          console.log("res", res.data)
+          if (res.data.resultCode == 1) {
+            this.isShowInfo = true;
+          }
+        })
       }
     },
     mounted() {}