更新

src/components/supermaket/supermarket.vue

@@ -24,10 +24,10 @@
               <rightcont :jishuList="jishuList" :chanpinList="chanpinList" :serviceList="serviceList"></rightcont>
             </el-col>
             <el-col :span="24" class="fabu">
-              <fabu :fabuList="chanpinList"></fabu>
+              <fabu :fabuList="chanpinList" v-on="$listeners"></fabu>
             </el-col>
             <el-col :span="24" class="jiaoyi">
-              <jiaoyi :tableData="tableData"></jiaoyi>
+              <jiaoyi :tableData="tableData" v-on="$listeners"></jiaoyi>
             </el-col>
           </span>
           <span v-else-if="display === 'second'">

src/components/supermaket/supermarketlistDetails.vue

@@ -0,0 +1,124 @@
+<template>
+  <div id="policy">
+    <el-row>
+      <el-col :span="24" class="top">
+        <top></top>
+      </el-col>
+      <el-col :span="24" class="logo">
+        <div class="w_1200">
+          <logo :info="info"></logo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <menuInfo></menuInfo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="24" class="rightcont">
+            <listcontext v-on="$listeners" :contentList="contentList" :columnName="columnName" v-if="display === 'list'" :total="total"></listcontext>
+            <detali v-else :policyInfo="policyInfo" v-on="$listeners"> </detali>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <div class="w_1200">
+          <foot :info="info"></foot>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import logo from '@/layout/index/logo.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import foot from '@/layout/index/foot.vue';
+import fenlei from '@/layout/policy/fenlei.vue';
+import listcontext from '@/layout/supermarket/listcontext.vue';
+import detali from '@/layout/supermarket/detali.vue';
+export default {
+  name: 'policy',
+  props: {
+    info: null, //站点信息
+    columnName: null, //栏目标题
+    contentList: null, //内容
+    total: null,
+    display: { type: String, default: 'list' },
+    policyInfo: null,
+  },
+  components: {
+    top, //头部
+    logo, //logo
+    menuInfo, //导航
+    foot, //底部
+    listcontext, //右边栏
+    detali,
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {
+    clickList({ id }) {
+      console.log(id);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+  background-color: rgba(11, 58, 125, 0.8);
+}
+.logo {
+  height: 200px;
+  overflow: hidden;
+}
+.menu {
+  height: 70px;
+  overflow: hidden;
+}
+
+.main {
+  min-height: 600px;
+  overflow: hidden;
+  margin: 10px 0;
+}
+.main .fenlei {
+  float: left;
+  width: 240px;
+  min-height: 600px;
+  margin: 0 10px 0 0;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.main .rightcont {
+  float: left;
+  width: 1200px;
+  min-height: 600px;
+  overflow: hidden;
+  background-color: #fff;
+}
+
+.main .link {
+  float: left;
+  width: 100%;
+  height: 100px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.foot {
+  float: left;
+  width: 100%;
+  height: 120px;
+  overflow: hidden;
+}
+</style>

src/components/supermaket/supermarkettableDetail.vue

@@ -0,0 +1,122 @@
+<template>
+  <div id="policy">
+    <el-row>
+      <el-col :span="24" class="top">
+        <top></top>
+      </el-col>
+      <el-col :span="24" class="logo">
+        <div class="w_1200">
+          <logo :info="info"></logo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="menu">
+        <div class="w_1200">
+          <menuInfo></menuInfo>
+        </div>
+      </el-col>
+      <el-col :span="24" class="main">
+        <div class="w_1200">
+          <el-col :span="24" class="rightcont">
+            <tablelist></tablelist>
+          </el-col>
+        </div>
+      </el-col>
+      <el-col :span="24" class="foot">
+        <div class="w_1200">
+          <foot :info="info"></foot>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '@/layout/index/top.vue';
+import logo from '@/layout/index/logo.vue';
+import menuInfo from '@/layout/index/menuInfo.vue';
+import foot from '@/layout/index/foot.vue';
+import fenlei from '@/layout/policy/fenlei.vue';
+import tablelist from '@/layout/supermarket/tablelist.vue';
+import detali from '@/layout/supermarket/detali.vue';
+export default {
+  name: 'policy',
+  props: {
+    info: null, //站点信息
+    columnName: null, //栏目标题
+    contentList: null, //内容
+    total: null,
+    display: { type: String, default: 'list' },
+    policyInfo: null,
+  },
+  components: {
+    top, //头部
+    logo, //logo
+    menuInfo, //导航
+    foot, //底部
+    tablelist, //右边栏
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {
+    clickList({ id }) {
+      console.log(id);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  height: 40px;
+  overflow: hidden;
+  background-color: rgba(11, 58, 125, 0.8);
+}
+.logo {
+  height: 200px;
+  overflow: hidden;
+}
+.menu {
+  height: 70px;
+  overflow: hidden;
+}
+
+.main {
+  min-height: 600px;
+  overflow: hidden;
+  margin: 10px 0;
+}
+.main .fenlei {
+  float: left;
+  width: 240px;
+  min-height: 600px;
+  margin: 0 10px 0 0;
+  overflow: hidden;
+  background-color: #ffffff;
+}
+.main .rightcont {
+  float: left;
+  width: 1200px;
+  min-height: 600px;
+  overflow: hidden;
+  background-color: #fff;
+}
+
+.main .link {
+  float: left;
+  width: 100%;
+  height: 100px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.foot {
+  float: left;
+  width: 100%;
+  height: 120px;
+  overflow: hidden;
+}
+</style>

src/layout/supermarket/fabu.vue

@@ -4,16 +4,18 @@
       <el-col :span="24" class="info">
         <el-col :span="24" class="topInfo">
           <el-col :span="21" class="left">{{ title }}</el-col>
-          <el-col :span="2" class="btn"><el-link :underline="false">我要发布</el-link></el-col>
+          <el-col :span="2" class="btn" @click.native="fabu()"><el-link :underline="false">我要发布</el-link></el-col>
           <el-col :span="1" class="more">
-            <el-link :underline="false"><el-image :src="more"></el-image></el-link>
+            <el-link :underline="false" @click="clickmore"><el-image :src="more"></el-image></el-link>
           </el-col>
         </el-col>
         <el-col :span="24" class="list">
-          <el-col :span="12" class="fabuList" v-for="(item, index) in fabuList" :key="index">
+          <el-col :span="12" class="fabuList" v-for="(item, index) in fabuList" :key="index" @click.native="detail(item)">
             <el-link :underline="false">
               <el-col :span="5" class="image" v-for="(acc, index) in item.image" :key="index">
-                <el-image style="width:100px;height:97px;" :src="acc.url"></el-image>
+                <template v-if="index === 0">
+                  <el-image style="width:100px;height:97px;" :src="acc.url"></el-image>
+                </template>
               </el-col>
               <el-col :span="19" class="fabuListInfo">
                 <el-col :span="23" class="title">
@@ -49,7 +51,19 @@ export default {
   }),
   created() {},
   computed: {},
-  methods: {},
+  methods: {
+    fabu(item) {
+      this.$emit('fabu');
+    },
+    clickmore() {
+      this.$router.push({ path: '/supermaket/supermarketlist', query: { totaltype: '1' } });
+    },
+    detail(id) {
+      let newid = id.id;
+
+      this.$router.push({ path: '/supermaket/supermarketdetail', query: { totaltype: '1', id: newid } });
+    },
+  },
 };
 </script>
 

src/layout/supermarket/jiaoyi.vue

@@ -5,15 +5,29 @@
         <el-col :span="24" class="topInfo">
           <el-col :span="23" class="left">{{ title }}</el-col>
           <el-col :span="1" class="more">
-            <el-link :underline="false"><el-image :src="more"></el-image></el-link>
+            <el-link :underline="false" @click.native="clickmore(scoped.row.id)"><el-image :src="more"></el-image></el-link>
           </el-col>
         </el-col>
         <el-col :span="24" class="list">
           <el-table :data="tableData" style="width: 100%">
-            <el-table-column prop="market" label="营销单位" align="center"> </el-table-column>
-            <el-table-column prop="make" label="采购单位" align="center"> </el-table-column>
-            <el-table-column prop="product" label="产品交易" align="center"> </el-table-column>
-            <el-table-column prop="deal" label="交易状态" align="center"> </el-table-column>
+            <el-table-column prop="market_username" label="营销单位" align="center"> </el-table-column>
+            <el-table-column prop="username" label="采购单位" align="center"> </el-table-column>
+            <el-table-column prop="product_name" label="产品交易" align="center"> </el-table-column>
+            <el-table-column prop="state" label="状态" align="center">
+              <template v-slot="scoped">
+                {{
+                  `${scoped.row.status}` === `0`
+                    ? '未交易'
+                    : `${scoped.row.status}` === `1`
+                    ? '交易中'
+                    : `${scoped.row.status}` === `2`
+                    ? '交易成功'
+                    : `${scoped.row.status}` === `3`
+                    ? '交易失败'
+                    : ''
+                }}
+              </template>
+            </el-table-column>
           </el-table>
         </el-col>
       </el-col>
@@ -34,7 +48,11 @@ export default {
   }),
   created() {},
   computed: {},
-  methods: {},
+  methods: {
+    clickmore(id) {
+      this.$router.push({ path: '/supermaket/supermarketlists' });
+    },
+  },
 };
 </script>
 

src/layout/supermarket/rightcont.vue

@@ -37,7 +37,9 @@
           <span slot="label">产品供求</span>
           <el-col :span="6" class="chanpinList" v-for="(item, index) in chanpinList" :key="index" @click.native="detail(item)">
             <el-col :span="24" class="images" v-for="(acc, index) in item.image" :key="index">
-              <el-image style="width:220px;height:160px;" :src="acc.url"></el-image>
+              <template v-if="index === 0">
+                <el-image style="width:220px;height:160px;" :src="acc.url"></el-image>
+              </template>
             </el-col>
             <el-col :span="24" class="title">
               <span class="textOver">{{ item.name }}</span>
@@ -113,20 +115,18 @@ export default {
       }
     },
     detailjishu(id) {
-      console.log('ads');
-      console.log(id.id);
       let newid = id.id;
-      window.location.href = 'http://free.liaoningdoupo.com/platweb/supermaket/supermarketdetail?totaltype=0&&?&id=' + newid + '';
+      this.$router.push({ path: '/supermaket/supermarketdetail', query: { totaltype: '0', id: newid } });
     },
     detail(id) {
-      console.log(id.id);
       let newid = id.id;
-      window.location.href = 'http://free.liaoningdoupo.com/platweb/supermaket/supermarketdetail?totaltype=1&&?&id=' + newid + '';
+
+      this.$router.push({ path: '/supermaket/supermarketdetail', query: { totaltype: '1', id: newid } });
     },
     clickdetail(id) {
-      console.log(id.id);
       let newid = id.id;
-      window.location.href = 'http://free.liaoningdoupo.com/platweb/supermaket/supermarketdetail?totaltype=2&&?&id=' + newid + '';
+
+      this.$router.push({ path: '/supermaket/supermarketdetail', query: { totaltype: '2', id: newid } });
     },
   },
 };

src/layout/supermarket/tablelist.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="tablelist">
+    <p>tablelist</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'tablelist',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/router/index.js

@@ -94,240 +94,248 @@ const live = [
 
 const routes = [
   {
-    path: '/',
-    name: 'index',
-    component: () => import('../views/index.vue'),
+    path: "/",
+    name: "index",
+    component: () => import("../views/index.vue"),
   },
   // 科技政务
   {
-    path: '/government/government',
-    name: 'government',
-    component: () => import('../views/government/government.vue'),
+    path: "/government/government",
+    name: "government",
+    component: () => import("../views/government/government.vue"),
   },
   // 科技政务-列表
   {
-    path: '/government/governmentList',
-    name: 'governmentList',
-    component: () => import('../views/government/governmentList.vue'),
+    path: "/government/governmentList",
+    name: "governmentList",
+    component: () => import("../views/government/governmentList.vue"),
   },
 
   // 科技政务-详情
   {
-    path: '/government/governmentDetail',
-    name: 'governmentDetail',
-    component: () => import('../views/government/governmentDetail.vue'),
+    path: "/government/governmentDetail",
+    name: "governmentDetail",
+    component: () => import("../views/government/governmentDetail.vue"),
   },
   // 科技政策
   {
-    path: '/policy/policy',
-    name: 'policy',
-    component: () => import('../views/policy/policy.vue'),
+    path: "/policy/policy",
+    name: "policy",
+    component: () => import("../views/policy/policy.vue"),
   },
   // 首页政策法规详情（所属科技政策，综合政策指导）
   {
-    path: '/policy/lawDetail',
-    name: 'lawDetail',
-    component: () => import('../views/policy/lawDetail.vue'),
+    path: "/policy/lawDetail",
+    name: "lawDetail",
+    component: () => import("../views/policy/lawDetail.vue"),
   },
   // 科技超市
   {
-    path: '/supermaket/supermarket',
-    name: 'supermarket',
-    component: () => import('../views/supermaket/supermarket.vue'),
+    path: "/supermaket/supermarket",
+    name: "supermarket",
+    component: () => import("../views/supermaket/supermarket.vue"),
   },
 
   // 科技超市产品列表
   {
-    path: '/supermaket/supermarketlist',
-    name: 'supermarketlist',
-    component: () => import('../views/supermaket/supermarketlist.vue'),
+    path: "/supermaket/supermarketlist",
+    name: "supermarketlist",
+    component: () => import("../views/supermaket/supermarketlist.vue"),
   },
   // 科技超市-高校院所
   {
-    path: '/supermaket/supermarketColleges',
-    name: 'supermarketColleges',
-    component: () => import('../views/supermaket/supermarketColleges.vue'),
+    path: "/supermaket/supermarketColleges",
+    name: "supermarketColleges",
+    component: () => import("../views/supermaket/supermarketColleges.vue"),
   },
   // 科技超市-科研院所
   {
-    path: '/supermaket/supermarketScientific',
-    name: 'supermarketSientific',
-    component: () => import('../views/supermaket/supermarketScientific.vue'),
+    path: "/supermaket/supermarketScientific",
+    name: "supermarketSientific",
+    component: () => import("../views/supermaket/supermarketScientific.vue"),
   },
   // 科技超市-科技企业
   {
-    path: '/supermaket/supermarketEnterprise',
-    name: 'supermarketEnterprise',
-    component: () => import('../views/supermaket/supermarketEnterprise.vue'),
+    path: "/supermaket/supermarketEnterprise",
+    name: "supermarketEnterprise",
+    component: () => import("../views/supermaket/supermarketEnterprise.vue"),
   },
   // 科技超市-机构团体
   {
-    path: '/supermaket/supermarketGroup',
-    name: 'supermarketGroup',
-    component: () => import('../views/supermaket/supermarketGroup.vue'),
+    path: "/supermaket/supermarketGroup",
+    name: "supermarketGroup",
+    component: () => import("../views/supermaket/supermarketGroup.vue"),
   },
   //xiangping
   {
-    path: '/supermaket/supermarketdetail',
-    name: 'supermarketdetail',
-    component: () => import('../views/supermaket/supermarketdetail.vue'),
+    path: "/supermaket/supermarketdetail",
+    name: "supermarketdetail",
+    component: () => import("../views/supermaket/supermarketdetail.vue"),
   },
 
   // 科技超市-研发服务
   {
-    path: '/supermaket/supermaketService',
-    name: 'supermaketService',
-    component: () => import('../views/supermaket/supermaketService.vue'),
+    path: "/supermaket/supermaketService",
+    name: "supermaketService",
+    component: () => import("../views/supermaket/supermaketService.vue"),
   },
   //科技超市-技术成果
   {
-    path: '/supermaket/supermakettechnology',
-    name: 'supermakettechnology',
-    component: () => import('../views/supermaket/supermakettechnology.vue'),
+    path: "/supermaket/supermakettechnology",
+    name: "supermakettechnology",
+    component: () => import("../views/supermaket/supermakettechnology.vue"),
   },
   // 科技超市-创新产品
   {
-    path: '/supermaket/supermarketProduct',
-    name: 'supermarketProduct',
-    component: () => import('../views/supermaket/supermarketProduct.vue'),
+    path: "/supermaket/supermarketProduct",
+    name: "supermarketProduct",
+    component: () => import("../views/supermaket/supermarketProduct.vue"),
   },
+
+  //科技超市列表
+  {
+    path: "/supermaket/supermarkelists",
+    name: "supermarketuct",
+    component: () => import("../views/supermaket/supermarkelists.vue"),
+  },
+
   // 科技超市-咨询服务
   {
-    path: '/supermaket/supermarketinnovate',
-    name: 'supermarketinnovate',
-    component: () => import('../views/supermaket/supermarketinnovate.vue'),
+    path: "/supermaket/supermarketinnovate",
+    name: "supermarketinnovate",
+    component: () => import("../views/supermaket/supermarketinnovate.vue"),
   },
   //科技数据
   {
-    path: '/shuju/shuju',
-    name: 'shuju',
-    component: () => import('../views/shuju/shuju.vue'),
+    path: "/shuju/shuju",
+    name: "shuju",
+    component: () => import("../views/shuju/shuju.vue"),
   },
   {
-    path: '/shuju/shujulist',
-    name: 'shujulist',
-    component: () => import('../views/shuju/shujulist.vue'),
+    path: "/shuju/shujulist",
+    name: "shujulist",
+    component: () => import("../views/shuju/shujulist.vue"),
   },
   {
-    path: '/shuju/shujudetail',
-    name: 'shujudetail',
-    component: () => import('../views/shuju/shujudetail.vue'),
+    path: "/shuju/shujudetail",
+    name: "shujudetail",
+    component: () => import("../views/shuju/shujudetail.vue"),
   },
   //科技服务
   {
-    path: '/service/service',
-    name: 'service',
-    component: () => import('../views/service/service.vue'),
+    path: "/service/service",
+    name: "service",
+    component: () => import("../views/service/service.vue"),
   },
   {
-    path: '/service/servicelist',
-    name: 'servicelist',
-    component: () => import('../views/service/servicelist.vue'),
+    path: "/service/servicelist",
+    name: "servicelist",
+    component: () => import("../views/service/servicelist.vue"),
   },
   {
-    path: '/service/servicedetail',
-    name: ' servicedetail',
-    component: () => import('../views/service/servicedetail.vue'),
+    path: "/service/servicedetail",
+    name: " servicedetail",
+    component: () => import("../views/service/servicedetail.vue"),
   },
   // 科技资源
   {
-    path: '/resource/resource',
-    name: 'service',
-    component: () => import('../views/resource/resource.vue'),
+    path: "/resource/resource",
+    name: "service",
+    component: () => import("../views/resource/resource.vue"),
   },
   //登录和注册
   {
-    path: '/login',
-    meta: { title: '用户' },
-    component: () => import('../views/login.vue'),
+    path: "/login",
+    meta: { title: "用户" },
+    component: () => import("../views/login.vue"),
   },
   //科技人才
   {
-    path: '/personnel/personnel',
-    name: 'personnel',
-    component: () => import('../views/personnel/personnel.vue'),
+    path: "/personnel/personnel",
+    name: "personnel",
+    component: () => import("../views/personnel/personnel.vue"),
   },
   //科技人才投简历详情
   {
-    path: '/personnel/rencai',
-    component: () => import('../views/personnel/rencai.vue'),
+    path: "/personnel/rencai",
+    component: () => import("../views/personnel/rencai.vue"),
   },
   //科技人才找工作详情
   {
-    path: '/personnel/personnelwork',
-    name: 'personnelwork',
-    component: () => import('../views/personnel/personnelwork.vue'),
+    path: "/personnel/personnelwork",
+    name: "personnelwork",
+    component: () => import("../views/personnel/personnelwork.vue"),
   },
   //科技人才找专家详情
   {
-    path: '/personnel/personnelexpert',
-    component: () => import('../views/personnel/personnelexpert.vue'),
+    path: "/personnel/personnelexpert",
+    component: () => import("../views/personnel/personnelexpert.vue"),
   },
   // 科技人才找参谋详情
   {
-    path: '/personnel/personnelcmdetail',
-    component: () => import('../views/personnel/personnelcmdetail.vue'),
+    path: "/personnel/personnelcmdetail",
+    component: () => import("../views/personnel/personnelcmdetail.vue"),
   },
   // 科技人才找招聘信息
   {
-    path: '/personnel/recruitList',
-    component: () => import('../views/personnel/recruitList.vue'),
+    path: "/personnel/recruitList",
+    component: () => import("../views/personnel/recruitList.vue"),
   },
   // 科技人才-就业指导
   {
-    path: '/personnel/guidanceList',
-    component: () => import('../views/personnel/guidanceList.vue'),
+    path: "/personnel/guidanceList",
+    component: () => import("../views/personnel/guidanceList.vue"),
   },
   // 科技人才-学习实践
   {
-    path: '/personnel/practiceList',
-    component: () => import('../views/personnel/practiceList.vue'),
+    path: "/personnel/practiceList",
+    component: () => import("../views/personnel/practiceList.vue"),
   },
   // 科技人才-勤工俭学
   {
-    path: '/personnel/diligenceList',
-    component: () => import('../views/personnel/diligenceList.vue'),
+    path: "/personnel/diligenceList",
+    component: () => import("../views/personnel/diligenceList.vue"),
   },
   // 科技人才-工作顾问
   {
-    path: '/personnel/adviserList',
-    component: () => import('../views/personnel/adviserList.vue'),
+    path: "/personnel/adviserList",
+    component: () => import("../views/personnel/adviserList.vue"),
   },
   //企业-基本信息
   {
-    path: '/enterprise/enterprisejb',
-    name: 'enterprisefabu',
-    component: () => import('../views/enterprise/enterprisejb.vue'),
+    path: "/enterprise/enterprisejb",
+    name: "enterprisefabu",
+    component: () => import("../views/enterprise/enterprisejb.vue"),
   },
   //企业-信息管理
   {
-    path: '/enterprise/enterprisexx',
-    name: 'enterprisexuqiu',
-    component: () => import('../views/enterprise/enterprisexx.vue'),
+    path: "/enterprise/enterprisexx",
+    name: "enterprisexuqiu",
+    component: () => import("../views/enterprise/enterprisexx.vue"),
   },
   //企业-发布信息列表
   {
-    path: '/enterprise/enterprisefabu',
-    name: 'enterprisefabu',
-    component: () => import('../views/enterprise/enterprisefabu.vue'),
+    path: "/enterprise/enterprisefabu",
+    name: "enterprisefabu",
+    component: () => import("../views/enterprise/enterprisefabu.vue"),
   },
   // 企业-需求发布
   {
-    path: '/enterprise/enterprisexuqiu',
-    name: 'enterprisexuqiu',
-    component: () => import('../views/enterprise/enterprisexuqiu.vue'),
+    path: "/enterprise/enterprisexuqiu",
+    name: "enterprisexuqiu",
+    component: () => import("../views/enterprise/enterprisexuqiu.vue"),
   },
   //企业-订购
   {
-    path: '/enterprise/enterprisedg',
-    name: 'enterprisedg',
-    component: () => import('../views/enterprise/enterprisedg.vue'),
+    path: "/enterprise/enterprisedg",
+    name: "enterprisedg",
+    component: () => import("../views/enterprise/enterprisedg.vue"),
   },
   // 外审管理员
   {
-    path: '/trial/index',
-    name: 'trial',
-    component: () => import('../views/trial/index.vue'),
+    path: "/trial/index",
+    name: "trial",
+    component: () => import("../views/trial/index.vue"),
   },
   // ...live,
 ];

src/views/supermaket/supermarkelists.vue

@@ -0,0 +1,52 @@
+<template>
+  <div id="policy">
+    <supermarkettable-detail :info="info"></supermarkettable-detail>
+  </div>
+</template>
+
+<script>
+import supermarkettableDetail from '@/components/supermaket/supermarkettableDetail.vue';
+import { createNamespacedHelpers, mapGetters, mapState } from 'vuex';
+import _ from 'loadsh';
+const { mapActions: mapSite } = createNamespacedHelpers('site');
+export default {
+  name: 'policy',
+  props: {},
+  components: {
+    supermarkettableDetail,
+  },
+  data: () => ({
+    info: {},
+    policyInfo: {},
+    display: 'list',
+    columnName: '',
+    contentList: [],
+    total: 1,
+    skip: '',
+  }),
+  async created() {
+    this.searchSite();
+  },
+  computed: {
+    totaltype() {
+      return this.$route.query.totaltype;
+    },
+  },
+  methods: {
+    ...mapSite(['showInfo']),
+
+    // 查询站点信息
+    async searchSite() {
+      let res = await this.showInfo();
+      let object = JSON.parse(JSON.stringify(res.data));
+      if (object) {
+        this.$set(this, `info`, res.data);
+      } else {
+        this.$message.error(res.errmsg ? res.errmsg : 'error');
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/supermaket/supermarket.vue

@@ -21,15 +21,17 @@
       :companyTotal="companyTotal"
       :mechanismList="mechanismList"
       :mechanismTotal="mechanismTotal"
+      @fabu="fabu"
     ></supermarket-detail>
   </div>
 </template>
 
 <script>
 import supermarketDetail from '@/components/supermaket/supermarket.vue';
-import { createNamespacedHelpers, mapGetters } from 'vuex';
+import { createNamespacedHelpers, mapGetters, mapState } from 'vuex';
 const { mapActions: mapSite } = createNamespacedHelpers('site');
 const { mapActions: mapProduct } = createNamespacedHelpers('enterpriseproject');
+const { mapActions: transaction } = createNamespacedHelpers('transaction');
 export default {
   name: 'supermarket',
   props: {},
@@ -157,11 +159,16 @@ export default {
   created() {
     this.searchSite();
     this.searchInfo();
+    this.jiaoyilist();
+  },
+  computed: {
+    ...mapState(['user']),
   },
-  computed: {},
   methods: {
     ...mapSite(['showInfo']),
     ...mapProduct({ ProductQuery: 'query', ProductFetch: 'fetch', ProductDelete: 'delete' }),
+    ...transaction({ transactionQuery: 'query', ProductFetch: 'fetch', ProductDelete: 'delete' }),
+
     // 查询站点信息
     async searchSite() {
       let res = await this.showInfo();
@@ -196,6 +203,16 @@ export default {
         }
       }
     },
+    //交易
+    async jiaoyilist() {
+      const res = await this.transactionQuery();
+      this.$set(this, `tableData`, res.data);
+    },
+    fabu() {
+      if (this.user.role == '2' || this.user.role == '3') {
+        this.$router.push({ path: '/enterprise/enterprisexuqiu' });
+      }
+    },
     async nativeClick({ name }) {
       if (name === '高校院所') {
         this.display = 'second';