页面修改

src/components/tradePavilion/investmentList.vue

 <template>
   <div class="companyList">
+    <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,58 @@
           <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=true" 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>
+          <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 => {
+      //获取详情
+      getInfo(item) {
+        this.apipost("/api/Trade/GetInvestmentProcurement", {
+          Id: item.Id
+        }, res => {
+          console.log("res", res.data)
           if (res.data.resultCode == 1) {
-                that.Success(res.data.message);
-                that.getList();
-              } else {
-                that.Error(res.data.message);
+            this.isShowInfo = true;
           }
-            },
-          );
-        });
+        })
       }
     },
     mounted() {}