1

src/components/UserMan/components/seeDetail.vue

+<template>
+  <div>
+    <el-form label-width="100px">
+      <div v-for="(item, index) in detailList" :key="index">
+        <el-form-item :label="item.prop" v-if="item.type == 1">{{
+          data[item.field]
+        }}</el-form-item>
+        <el-form-item :label="item.prop" v-if="item.type == 2">
+          <el-image
+            style="width: 200px; height: auto"
+            :src="data[item.field]"
+            :fit="fit"
+          ></el-image>
+        </el-form-item>
+        <el-form-item :label="item.prop" v-if="item.type == 3" class="imgList">
+          <div v-for="(subItem, subIndex) in data[item.field]" :key="subIndex">
+            <el-image
+              style="width: 200px; height: auto"
+              :src="subItem"
+              :fit="fit"
+            ></el-image>
+          </div>
+        </el-form-item>
+      </div>
+    </el-form>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    data: Object,
+    default: {},
+  },
+  data() {
+    return {
+      detailList: [
+        //type:1.字符串，2.图片，3.数组
+        { prop: "姓名:", field: "RealName", type: 1 },
+        { prop: "姓别:", field: "SexStr", type: 1 },
+        { prop: "年龄:", field: "Age", type: 1 },
+        { prop: "学历:", field: "EducationType", type: 1 },
+        { prop: "出生日期:", field: "Birthday", type: 1 },
+        { prop: "生肖:", field: "ShenXiao", type: 1 },
+        { prop: "星座:", field: "ConoldBaseInfostellation", type: 1 },
+        { prop: "体重:", field: "Weight", type: 1 },
+        { prop: "身高:", field: "Height", type: 1 },
+        { prop: "籍贯:", field: "NativePlace", type: 1 },
+        { prop: "户口所在地:", field: "HuKou", type: 1 },
+        { prop: "身份证号:", field: "IDCardNo", type: 1 },
+        { prop: "身份证正面照:", field: "IDCard", type: 2 },
+        { prop: "身份证反面照:", field: "IDCardBack", type: 2 },
+        { prop: "毕业院校:", field: "SchoolInfo", type: 1 },
+        { prop: "专业:", field: "MajorInfo", type: 1 },
+        { prop: "职业:", field: "Job", type: 1 },
+        { prop: "年薪:", field: "YearMoney", type: 1 },
+        { prop: "房产信息:", field: "HouseInfo", type: 1 },
+        { prop: "车辆信息:", field: "CarInfo", type: 1 },
+        { prop: "母亲信息:", field: "MotherInfo", type: 1 },
+        { prop: "父亲信息:", field: "FatherInfo", type: 1 },
+        { prop: "其他家庭成员:", field: "OtherPople", type: 1 },
+        { prop: "爱情宣言:", field: "IdealLove", type: 1 },
+        { prop: "其它信息介绍:", field: "About", type: 1 },
+        { prop: "照片墙:", field: "AlbumList", type: 3 },
+      ],
+    };
+  },
+
+  methods: {},
+};
+</script>
+<style >
+.imgList {
+  display: flex;
+  flex-wrap: wrap;
+}
+</style>
\ No newline at end of file

src/components/blindDate/blindDateIndex.vue

@@ -191,6 +191,9 @@
           <li class="menu_item" :class="{'Fchecked':isChecked=='/appointList'}"  @click="isChecked='/appointList',CommonJump('appointList')">
             <i class="el-icon-menu"></i><span>相亲约会记录</span>
           </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/vipBuyList'}"  @click="isChecked='/vipBuyList',CommonJump('vipBuyList')">
+            <i class="el-icon-menu"></i><span>vip购买记录</span>
+          </li>
         </ul>
       </div>
     </div>

src/components/blindDate/vipBuyList.vue

+<template>
+  <div class="appointList">
+    <div class="el-card__header">
+      <span>vip购买记录</span>
+      <div style="display: flex; flex-direction: row; align-items: center">
+        <el-button type="primary" class="el-button--small" @click="addAppoint"
+          >新增</el-button
+        >
+      </div>
+    </div>
+    <div class="content">
+      <div style="display: flex; flex-direction: row; align-items: center">
+        <div class="block">
+          <div class="searchInput" style="width: 200px">
+            <el-input
+              style="display: inline-block; width: 170px; height: 30px"
+              placeholder="用户昵称"
+              v-model="msg.UserName"
+              size="small"
+              @clear="getList"
+              @keyup.enter.native="getList"
+              clearable
+            >
+            </el-input>
+            <span
+              @click="getList"
+              class="el-icon-search"
+              style="
+                color: #979dad;
+                font-size: 14px;
+                position: relative;
+                top: 1px;
+              "
+            ></span>
+          </div>
+          <div class="searchInput" style="width: 200px">
+            <el-input
+              style="display: inline-block; width: 170px; height: 30px"
+              placeholder="订单号"
+              v-model.number="msg.OrderNo"
+              size="small"
+              @clear="getList"
+              @keyup.enter.native="getList"
+              clearable
+            >
+            </el-input>
+            <span
+              @click="getList"
+              class="el-icon-search"
+              style="
+                color: #979dad;
+                font-size: 14px;
+                position: relative;
+                top: 1px;
+              "
+            ></span>
+          </div>
+          <el-date-picker
+            size="small"
+            v-model="dateList"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+          >
+          </el-date-picker>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="getList"
+          ></el-button>
+        </div>
+      </div>
+    </div>
+    <div style="padding: 20px; background: #fff">
+      <el-table
+        :data="dataList"
+        header-cell-class-name="headClass"
+        style="width: 100%"
+        border
+      >
+        <el-table-column type="index" label="序号" width="55" align="center">
+        </el-table-column>
+        <el-table-column
+          prop="Id"
+          label="充值ID"
+          width="100"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="OrderNo"
+          label="订单号"
+          width="240"
+          align="center"
+        ></el-table-column>
+        <el-table-column prop=" UserName" label="用户昵称" align="center">
+        </el-table-column>
+        <el-table-column prop="Money" label="购买金额" align="center">
+        </el-table-column>
+        <el-table-column prop=" GradeName" label="购买vip名称" align="center">
+        </el-table-column>
+        <el-table-column
+          prop="PayTime"
+          label="支付时间"
+          width="200"
+          align="center"
+        >
+        </el-table-column>
+        <el-table-column fixed="right" label="操作" width="130" align="center">
+          <template slot-scope="scope">
+            <el-tooltip
+              class="item"
+              effect="dark"
+              content="删除"
+              placement="top"
+            >
+              <img
+                src="../../assets/img/setup/del.png"
+                alt=""
+                class="imgstyle"
+                @click="delete_b(scope.row)"
+              />
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        style="text-align: right"
+        background
+        @current-change="handleCurrentChange"
+        :page-size="msg.pageSize"
+        layout="prev, pager, next"
+        :current-page.sync="msg.pageIndex"
+        :total="pageCount"
+      >
+      </el-pagination>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "appointList",
+  data() {
+    return {
+      msg: {
+        pageIndex: 1,
+        pageSize: 10,
+        UserId: 0,
+        OrderNo: "",
+        UserName: "",
+        StartTime: "",
+        EndTime: "",
+      },
+      pageCount: 0,
+      dateList: [],
+      dataList: [],
+    };
+  },
+  methods: {
+    getList() {
+      if (this.dateList.length > 0) {
+        this.msg.StartTime = this.dateList[0];
+        this.msg.EndTime = this.dateList[1];
+      }
+      this.apipost("/api/User/GetMemberBuyUserPageList", this.msg, (res) => {
+        if (res.data.resultCode == 1) {
+          this.dataList = res.data.data.pageData;
+          this.pageCount = res.data.data.pageCount;
+        } else {
+          this.Error(res.data.message);
+        }
+      });
+    },
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
+      this.getList();
+    },
+    //新增
+    addAppoint() {
+      //   this.$router.push("/editAppoint");
+    },
+    //删除记录
+    delete_b(item) {
+      let that = this;
+      that.Confirm("是否删除?", function () {
+        that.apipost(
+          "/api/Miai/DelMiaiDatingInfo",
+          {
+            DatingId: item.Id,
+          },
+          (res) => {
+            if (res.data.resultCode == 1) {
+              that.Success(res.data.message);
+              that.getList();
+            } else {
+              that.Error(res.data.message);
+            }
+          }
+        );
+      });
+    },
+  },
+  created() {
+    this.getList();
+  },
+};
+</script>
+
+<style>
+.appointList .el-card__header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  background: #fff;
+}
+
+.appointList .content {
+  background: #fff;
+  margin-top: 10px;
+  padding: 15px;
+  box-sizing: border-box;
+}
+
+.appointUserInfo {
+  display: flex;
+}
+.el-table .cell{
+    white-space: nowrap;
+}
+</style>

src/plug/index.js

@@ -56,8 +56,10 @@ export default {
       Vue.prototype.domainManager = function () {
         let domainUrl = '';
         let javaUrl = 'http://192.168.2.65:8018';
-        domainUrl = "http://192.168.1.27:8200";
-        domainUrl = "https://localhost:5001";
+        // domainUrl = "http://192.168.1.27:8200";
+        // domainUrl = "https://localhost:5001";
+        // domainUrl= "http://192.168.1.48:8019"
+        domainUrl = "http://192.168.1.13:8088"
 
         let vtUploadUrl = "http://192.168.1.214:8120";
         let vtViewUrl = "http://192.168.1.214:8130";

src/router/index.js

@@ -326,7 +326,11 @@ export default new Router({
         path: '/editAppoint', //编辑约会记录
         name: 'editAppoint',
         component: resolve => require(['@/components/blindDate/editAppoint'], resolve),
-      }]
+      },{
+        path: '/vipBuyList', //vip购买记录、
+        name: 'vipBuyList',
+        component: resolve => require(['@/components/blindDate/vipBuyList'], resolve),
+      },]
     },
     {
       path: '/educationIndex', //网课专区