个人中心更新

src/components/personCenter/user.vue

@@ -28,6 +28,15 @@
             <span v-if="type === 'basic'">
               <basic :basicInfo="basicInfo"></basic>
             </span>
+            <span v-else-if="type === 'message'">
+              <message></message>
+            </span>
+            <span v-else-if="type === 'userMange'">
+              <userMange :shenheList="shenheList" :yishenList="yishenList"></userMange>
+            </span>
+            <span v-else-if="type === 'release'">
+              <release :xuqiuForm="xuqiuForm" :gongjiForm="gongjiForm" :chanpinForm="chanpinForm"></release>
+            </span>
             <span v-else>
               不知道
             </span>
@@ -50,6 +59,9 @@ import menuInfo from '@/layout/index/menuInfo.vue';
 import fenlei from '@/layout/personCenter/fenlei.vue';
 import question from '@/layout/personCenter/question.vue';
 import basic from '@/layout/personCenter/basic.vue';
+import message from '@/layout/personCenter/message.vue';
+import userMange from '@/layout/personCenter/userMange.vue';
+import release from '@/layout/personCenter/release.vue';
 
 import foot from '@/layout/index/foot.vue';
 export default {
@@ -58,6 +70,11 @@ export default {
     info: null, //站点信息
     type: null, //同一框架，不同类型引用不同组件
     basicInfo: null, //基本信息
+    shenheList: null, //用户管理-待审核用户
+    yishenList: null, //用户管理-已审核用户
+    xuqiuForm: null, //我要发布-需求发布
+    gongjiForm: null, //我要发布-供给需求
+    chanpinForm: null, //我要发布-产品发布
   },
   components: {
     top, //头部
@@ -66,6 +83,9 @@ export default {
     fenlei, //左侧分类导航
     question, //问卷调查
     basic, //基本信息
+    message, //信息管理
+    userMange, //用户管理
+    release, //我要发布
     foot, //底部
   },
   data: () => ({}),

src/layout/personCenter/basic.vue

@@ -9,6 +9,21 @@
           <el-col :span="24" class="title">用户名称：{{ basicInfo.title }}</el-col>
           <el-col :span="24" class="title">身份证号：{{ basicInfo.sfz }}</el-col>
           <el-col :span="24" class="title">联系地址：{{ basicInfo.address }}</el-col>
+          <el-col :span="24" class="title">联系电话：{{ basicInfo.tel }}</el-col>
+          <el-col :span="24" class="title">电子邮箱：{{ basicInfo.email }}</el-col>
+          <el-col :span="24" class="title">办公电话：{{ basicInfo.phone }}</el-col>
+          <el-col :span="24" class="title">机构类型：{{ basicInfo.type }}</el-col>
+          <el-col :span="24" class="title">机构名称：{{ basicInfo.jgmc }}</el-col>
+          <el-col :span="24" class="title">机构代码：{{ basicInfo.jgdm }}</el-col>
+          <el-col :span="24" class="title">机构性质：{{ basicInfo.jgxz }}</el-col>
+          <el-col :span="24" class="image">
+            <span>组织机构代码证：</span>
+            <el-image style="width:100px;height:100px;" :src="basicInfo.pic"></el-image>
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="btn">
+          <el-button type="warning">通&nbsp;&nbsp;过</el-button>
+          <el-button type="primary">拒&nbsp;&nbsp;绝</el-button>
         </el-col>
       </el-col>
     </el-row>
@@ -37,7 +52,7 @@ export default {
 .basicTop span {
   display: inline-block;
   width: 130px;
-  height: 60px;
+  height: 59px;
   text-align: center;
   line-height: 60px;
   background-color: #215299;
@@ -53,4 +68,16 @@ export default {
   font-size: 18px;
   color: #888;
 }
+.basicInfo .image span {
+  float: left;
+  color: #888;
+  font-size: 18px;
+}
+.btn {
+  text-align: center;
+}
+/deep/.btn .el-button {
+  padding: 12px 40px;
+  font-size: 20px;
+}
 </style>

src/layout/personCenter/message.vue

@@ -0,0 +1,52 @@
+<template>
+  <div id="message">
+    <el-row>
+      <el-col :span="24" class="basic">
+        <el-col :span="24" class="basicTop">
+          <span>消息管理</span>
+        </el-col>
+        <el-col :span="24" class="basicInfo">
+          消息管理
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'message',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.basicTop {
+  height: 59px;
+  border-bottom: 1px solid #215299;
+}
+.basicTop span {
+  display: inline-block;
+  width: 130px;
+  height: 59px;
+  text-align: center;
+  line-height: 60px;
+  background-color: #215299;
+  color: #fff;
+  font-size: 18px;
+}
+.basicInfo {
+  padding: 20px 40px;
+}
+.basicInfo .title {
+  height: 40px;
+  line-height: 40px;
+  font-size: 18px;
+  color: #888;
+}
+</style>

src/layout/personCenter/release.vue

@@ -0,0 +1,289 @@
+<template>
+  <div id="release">
+    <el-row>
+      <el-col :span="24" class="release">
+        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+          <el-tab-pane label="需求发布" name="first">
+            <el-col :span="24" class="info">
+              <el-form ref="xuqiuForm" :model="xuqiuForm" label-width="100px">
+                <el-form-item label="产品名称">
+                  <el-input v-model="xuqiuForm.name" placeholder="请输入供需信息名称"></el-input>
+                </el-form-item>
+                <el-form-item label="产品类别">
+                  <el-select v-model="xuqiuForm.type" placeholder="请选择产品类别">
+                    <el-option label="类别一" value="type1"></el-option>
+                    <el-option label="类别二" value="type2"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="单位/个人">
+                  <el-input v-model="xuqiuForm.comPany"></el-input>
+                </el-form-item>
+                <el-form-item label="产品价格">
+                  <el-input v-model="xuqiuForm.jiage"></el-input>
+                </el-form-item>
+                <el-form-item label="联系电话">
+                  <el-input v-model="xuqiuForm.tel"></el-input>
+                </el-form-item>
+                <el-form-item label="产品图片">
+                  <el-upload
+                    action="https://jsonplaceholder.typicode.com/posts/"
+                    list-type="picture-card"
+                    :on-preview="handlePictureCardPreview"
+                    :on-remove="handleRemove"
+                  >
+                    <i class="el-icon-plus"></i>
+                    <div class="el-upload__tip" slot="tip">最多上传6张，每最大10M</div>
+                  </el-upload>
+                </el-form-item>
+                <el-form-item label="产品简介">
+                  <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 3 }" placeholder="请输入内容" v-model="xuqiuForm.content"></el-input>
+                </el-form-item>
+                <el-col :span="24" class="btn">
+                  <el-button type="primary" @click="onSubmit">发布</el-button>
+                </el-col>
+              </el-form>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="供给发布" name="second">
+            <el-col :span="24" class="info">
+              <el-form ref="gongjiForm" :model="gongjiForm" label-width="100px">
+                <el-form-item label="产品名称">
+                  <el-input v-model="gongjiForm.name" placeholder="请输入供需信息名称"></el-input>
+                </el-form-item>
+                <el-form-item label="产品类别">
+                  <el-select v-model="gongjiForm.type" placeholder="请选择产品类别">
+                    <el-option label="类别一" value="type1"></el-option>
+                    <el-option label="类别二" value="type2"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="服务项目">
+                  <el-input v-model="gongjiForm.service"></el-input>
+                </el-form-item>
+                <el-form-item label="服务范围">
+                  <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 3 }" placeholder="请输入内容" v-model="gongjiForm.fanwei"></el-input>
+                </el-form-item>
+                <el-form-item label="产品单价">
+                  <el-input v-model="gongjiForm.danjia"></el-input>
+                </el-form-item>
+                <el-form-item label="交易方式">
+                  <el-radio-group v-model="gongjiForm.jiaoyi">
+                    <el-radio label="转让"></el-radio>
+                    <el-radio label="公用"></el-radio>
+                    <el-radio label="竞价"></el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item label="产品简介">
+                  <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 3 }" placeholder="请输入内容" v-model="gongjiForm.content"></el-input>
+                </el-form-item>
+                <el-col :span="24" class="btn">
+                  <el-button type="primary" @click="onSubmit">发布</el-button>
+                </el-col>
+              </el-form>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="产品发布" name="third">
+            <el-col :span="24" class="info">
+              <el-form ref="chanpinForm" :model="chanpinForm" label-width="100px">
+                <el-form-item label="产品类别">
+                  <el-select v-model="chanpinForm.type" placeholder="请选择产品类别">
+                    <el-option label="服务" value="type1"></el-option>
+                    <el-option label="产品" value="type2"></el-option>
+                    <el-option label="技术" value="type3"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="产品名称">
+                  <el-input v-model="gongjiForm.name" placeholder="请输入供需信息名称"></el-input>
+                </el-form-item>
+                <el-form-item label="产品类型">
+                  <el-select v-model="chanpinForm.leixing" placeholder="请选择产品类型">
+                    <el-option label="金属治炼" value="type1"></el-option>
+                    <el-option label="机械" value="type2"></el-option>
+                    <el-option label="能源" value="type3"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="应用领域">
+                  <el-input v-model="chanpinForm.lingyu"></el-input>
+                </el-form-item>
+                <el-form-item label="服务范围">
+                  <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 3 }" placeholder="请输入内容" v-model="chanpinForm.fanwei"></el-input>
+                </el-form-item>
+                <el-row>
+                  <el-col :span="12">
+                    <el-form-item label="产品单价">
+                      <el-input v-model="chanpinForm.danjia"></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="产品单位">
+                      <el-select v-model="chanpinForm.danwei">
+                        <el-option label="公斤" value="type1"></el-option>
+                        <el-option label="套" value="type2"></el-option>
+                        <el-option label="件" value="type3"></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-form-item label="交易方式">
+                  <el-radio-group v-model="chanpinForm.jiaoyi">
+                    <el-radio label="转让"></el-radio>
+                    <el-radio label="公用"></el-radio>
+                    <el-radio label="竞价"></el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item label="产品简介">
+                  <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 3 }" placeholder="请输入内容" v-model="chanpinForm.content"></el-input>
+                </el-form-item>
+                <el-col :span="24" class="btn">
+                  <el-button type="primary" @click="onSubmit">发布</el-button>
+                </el-col>
+              </el-form>
+            </el-col>
+          </el-tab-pane>
+          <el-tab-pane label="定时任务补偿" name="fourth">
+            <el-col :span="24" class="info">
+              <el-form ref="chanpinForm" :model="chanpinForm" label-width="100px">
+                <el-form-item label="产品类别">
+                  <el-select v-model="chanpinForm.type" placeholder="请选择产品类别">
+                    <el-option label="服务" value="type1"></el-option>
+                    <el-option label="产品" value="type2"></el-option>
+                    <el-option label="技术" value="type3"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="产品名称">
+                  <el-input v-model="gongjiForm.name" placeholder="请输入供需信息名称"></el-input>
+                </el-form-item>
+                <el-form-item label="产品类型">
+                  <el-select v-model="chanpinForm.leixing" placeholder="请选择产品类型">
+                    <el-option label="金属治炼" value="type1"></el-option>
+                    <el-option label="机械" value="type2"></el-option>
+                    <el-option label="能源" value="type3"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="应用领域">
+                  <el-input v-model="chanpinForm.lingyu"></el-input>
+                </el-form-item>
+                <el-form-item label="服务范围">
+                  <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 3 }" placeholder="请输入内容" v-model="chanpinForm.fanwei"></el-input>
+                </el-form-item>
+                <el-row>
+                  <el-col :span="12">
+                    <el-form-item label="产品单价">
+                      <el-input v-model="chanpinForm.danjia"></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="产品单位">
+                      <el-select v-model="chanpinForm.danwei">
+                        <el-option label="公斤" value="type1"></el-option>
+                        <el-option label="套" value="type2"></el-option>
+                        <el-option label="件" value="type3"></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-form-item label="交易方式">
+                  <el-radio-group v-model="chanpinForm.jiaoyi">
+                    <el-radio label="转让"></el-radio>
+                    <el-radio label="公用"></el-radio>
+                    <el-radio label="竞价"></el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item label="产品简介">
+                  <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 3 }" placeholder="请输入内容" v-model="chanpinForm.content"></el-input>
+                </el-form-item>
+                <el-col :span="24" class="btn">
+                  <el-button type="primary" @click="onSubmit">发布</el-button>
+                </el-col>
+              </el-form>
+            </el-col>
+          </el-tab-pane>
+        </el-tabs>
+      </el-col>
+      <el-dialog :visible.sync="dialogVisible">
+        <img width="100%" :src="dialogImageUrl" alt="" />
+      </el-dialog>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'release',
+  props: {
+    xuqiuForm: null,
+    gongjiForm: null,
+    chanpinForm: null,
+  },
+  components: {},
+  data: () => ({
+    activeName: 'first',
+    dialogImageUrl: '',
+    dialogVisible: false,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+    onSubmit() {
+      console.log('submit!');
+    },
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+/deep/.el-tabs__item {
+  padding: 0 53px;
+  font-size: 18px;
+  color: #888;
+  height: 60px;
+  line-height: 60px;
+}
+/deep/.el-tabs__header {
+  margin: 0;
+}
+/deep/.el-tabs--card > .el-tabs__header {
+  border-bottom: 1px solid #215299;
+}
+/deep/.el-tabs--card > .el-tabs__header .el-tabs__nav {
+  border: none;
+}
+/deep/.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
+  padding-left: 53px;
+}
+/deep/.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
+  padding-right: 53px;
+}
+/deep/.el-tabs__item.is-active {
+  background-color: #215299;
+  color: #fff;
+}
+.info {
+  padding: 40px 20px;
+}
+/deep/.el-form-item__label {
+  font-size: 18px;
+  color: #888;
+}
+/deep/.el-textarea__inner {
+  height: 94px !important;
+}
+.btn {
+  text-align: center;
+  border-top: 1px dashed #ccc;
+  padding: 30px 0;
+}
+/deep/.btn .el-button {
+  padding: 12px 50px;
+  font-size: 18px;
+}
+</style>

src/layout/personCenter/userMange.vue

@@ -0,0 +1,185 @@
+<template>
+  <div id="userMange">
+    <el-row>
+      <el-col :span="24" class="basic">
+        <el-col :span="24" class="basicTop">
+          <span>用户列表</span>
+        </el-col>
+        <el-col :span="24" class="basicInfo">
+          <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="待审用户" name="first">
+              <el-col :span="24" class="list">
+                <el-col :span="24" class="shenheList" v-for="(item, index) in shenheList" :key="index">
+                  <el-col :span="20" class="name"> 登录名称：{{ item.name }} </el-col>
+                  <el-col :span="4" class="date">
+                    {{ item.date }}
+                  </el-col>
+                  <el-col :span="6" class="left">
+                    <el-col :span="24" class="title"> {{ item.title }}</el-col>
+                    <el-col :span="24" class="title">类别：{{ item.type }}</el-col>
+                    <el-col :span="24" class="title">电话：{{ item.tel }}</el-col>
+                  </el-col>
+                  <el-col :span="18" class="btn">
+                    <el-link :underline="false">审核用户</el-link>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="page">
+                <el-pagination
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  :current-page="currentPage"
+                  layout="total, prev, pager, next, jumper"
+                  :total="1"
+                >
+                </el-pagination>
+              </el-col>
+            </el-tab-pane>
+            <el-tab-pane label="已审用户" name="second">
+              <el-col :span="24" class="list">
+                <el-col :span="24" class="shenheList" v-for="(item, index) in yishenList" :key="index">
+                  <el-col :span="20" class="name"> 登录名称：{{ item.name }} </el-col>
+                  <el-col :span="4" class="date">
+                    {{ item.date }}
+                  </el-col>
+                  <el-col :span="6" class="left">
+                    <el-col :span="24" class="title"> {{ item.title }}</el-col>
+                    <el-col :span="24" class="title">类别：{{ item.type }}</el-col>
+                    <el-col :span="24" class="title">电话：{{ item.tel }}</el-col>
+                  </el-col>
+                  <el-col :span="18" class="btn">
+                    <el-link :underline="false">查看详情</el-link>
+                  </el-col>
+                </el-col>
+              </el-col>
+              <el-col :span="24" class="page">
+                <el-pagination
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  :current-page="currentPage1"
+                  layout="total, prev, pager, next, jumper"
+                  :total="1"
+                >
+                </el-pagination>
+              </el-col>
+            </el-tab-pane>
+          </el-tabs>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'userMange',
+  props: {
+    shenheList: null,
+    yishenList: null,
+  },
+  components: {},
+  data: () => ({
+    activeName: 'first',
+    currentPage: 1,
+    currentPage1: 1,
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`);
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.basicTop {
+  height: 59px;
+  border-bottom: 1px solid #215299;
+}
+.basicTop span {
+  display: inline-block;
+  width: 130px;
+  height: 59px;
+  text-align: center;
+  line-height: 60px;
+  background-color: #215299;
+  color: #fff;
+  font-size: 18px;
+}
+.basicInfo {
+  padding: 20px 40px;
+}
+/deep/.el-tabs__header {
+  margin: 0;
+}
+/deep/.el-tabs__item {
+  font-size: 16px;
+  color: #ccc;
+}
+/deep/.el-tabs__active-bar {
+  background-color: #0165bb;
+}
+/deep/.el-tabs__item.is-active {
+  color: #0165bb !important;
+}
+.list {
+  margin: 20px 0 0 0;
+  height: 808px;
+  overflow: hidden;
+}
+.shenheList {
+  border: 1px solid #ccc;
+  margin: 0 0 20px 0;
+}
+.shenheList .name {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 10px;
+  background: #fafafa;
+  font-size: 13px;
+  color: #888888;
+}
+.shenheList .date {
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  background: #fafafa;
+  font-size: 13px;
+  color: #888;
+}
+.shenheList .left {
+  height: 100px;
+  margin: 20px 0;
+  border-right: 2px solid #ccc;
+  padding: 0 0 0 10px;
+}
+.shenheList .left .title {
+  height: 30px;
+  line-height: 30px;
+  font-size: 16px;
+  color: #555;
+}
+.shenheList .btn {
+  height: 100px;
+  margin: 20px 0;
+  padding: 0 10px;
+}
+.shenheList .btn .el-link {
+  font-size: 14px;
+  color: #215299;
+}
+.page {
+  height: 30px;
+  line-height: 30px;
+  margin: 40px 0;
+  text-align: center;
+}
+</style>

src/router/index.js

@@ -117,6 +117,24 @@ const routes = [
     name: 'user',
     component: () => import('../views/personCenter/user.vue'),
   },
+  // 个人中心-消息管理
+  {
+    path: '/personCenter/message',
+    name: 'message',
+    component: () => import('../views/personCenter/message.vue'),
+  },
+  // 个人中心-用户管理
+  {
+    path: '/personCenter/userMange',
+    name: 'userMange',
+    component: () => import('../views/personCenter/userMange.vue'),
+  },
+  // 个人信息-我要发布
+  {
+    path: '/personCenter/release',
+    name: 'release',
+    component: () => import('../views/personCenter/release.vue'),
+  },
   //个人中心-基本信息
   {
     path: '/svstem/svstem',

src/views/personCenter/message.vue

@@ -0,0 +1,34 @@
+<template>
+  <div id="message">
+    <uesrinfo-detail :info="info" :type="type"></uesrinfo-detail>
+  </div>
+</template>
+
+<script>
+import uesrinfoDetail from '@/components/personCenter/user.vue';
+export default {
+  name: 'message',
+  props: {},
+  components: {
+    uesrinfoDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    type: 'message',
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/personCenter/release.vue

@@ -0,0 +1,37 @@
+<template>
+  <div id="release">
+    <uesrinfo-detail :info="info" :type="type" :xuqiuForm="xuqiuForm" :gongjiForm="gongjiForm" :chanpinForm="chanpinForm"></uesrinfo-detail>
+  </div>
+</template>
+
+<script>
+import uesrinfoDetail from '@/components/personCenter/user.vue';
+export default {
+  name: 'release',
+  props: {},
+  components: {
+    uesrinfoDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    type: 'release',
+    xuqiuForm: {},
+    gongjiForm: {},
+    chanpinForm: {},
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/personCenter/user.vue

@@ -28,6 +28,14 @@ export default {
       title: '管理员',
       sfz: '220182199603257019',
       address: '吉林省长春市力旺广场B座16楼1608',
+      tel: '123456',
+      email: '123456@163.com',
+      phone: '0431-123456',
+      type: '机构类型',
+      jgmc: '机构名称',
+      jgdm: '123456',
+      jgxz: '机构性质',
+      pic: require('@/assets/logo.png'),
     },
   }),
   created() {},

src/views/personCenter/userMange.vue

@@ -0,0 +1,66 @@
+<template>
+  <div id="userMange">
+    <uesrinfo-detail :info="info" :type="type" :shenheList="shenheList" :yishenList="yishenList"></uesrinfo-detail>
+  </div>
+</template>
+
+<script>
+import uesrinfoDetail from '@/components/personCenter/user.vue';
+export default {
+  name: 'userMange',
+  props: {},
+  components: {
+    uesrinfoDetail,
+  },
+  data: () => ({
+    info: {
+      logo: require('@/assets/logo.png'),
+      banquan: '版权所有：吉林省计算中心',
+      jishu: '技术支持：长春市福瑞科技有限公司',
+      youbian: '邮编：130000',
+      chuanzhen: '传真：239823982',
+      address: '地址：吉林省长春市朝阳区前进大街1244号',
+      phone: '电话：0431-1234567',
+      email: '邮箱：123456@163.com',
+    },
+    type: 'userMange',
+    shenheList: [
+      {
+        name: '管理员',
+        date: '2019-01-08',
+        title: '不知道',
+        type: '法人',
+        tel: '17319450324',
+      },
+      {
+        name: '四条数据',
+        date: '2019-01-08',
+        title: '不知道',
+        type: '法人',
+        tel: '17319450324',
+      },
+    ],
+    yishenList: [
+      {
+        name: '管理员',
+        date: '2019-01-08',
+        title: '不知道',
+        type: '法人',
+        tel: '17319450324',
+      },
+      {
+        name: '四条数据',
+        date: '2019-01-08',
+        title: '不知道',
+        type: '法人',
+        tel: '17319450324',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>