更新

src/components/uploadProduct.vue

@@ -0,0 +1,119 @@
+<template>
+  <div id="upload">
+    <el-upload
+      v-if="url"
+      ref="upload"
+      :action="url"
+      :list-type="listType"
+      :file-list="fileList"
+      :limit="limit"
+      :on-exceed="outLimit"
+      :on-preview="handlePictureCardPreview"
+      :before-remove="handleRemove"
+      :on-success="onSuccess"
+      :before-upload="beforeUpload"
+      :show-file-list="showList"
+      :accept="accept"
+    >
+      <el-button size="small" type="primary" v-if="isBtn">点击上传</el-button>
+      <template v-else-if="uploadBtn">
+        <el-button type="danger">选择文件</el-button>
+      </template>
+      <template v-else>
+        <i class="el-icon-plus"></i>
+      </template>
+      <template #tip v-if="tip">
+        {{ tip }}
+      </template>
+    </el-upload>
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt="" />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash';
+export default {
+  name: 'upload',
+  props: {
+    url: { type: null },
+    limit: { type: Number },
+    data: { type: null },
+    type: { type: String },
+    isBtn: { type: Boolean, default: false },
+    uploadBtn: { type: Boolean, default: false },
+    showList: { type: Boolean, default: true },
+    accept: { type: String, default: '' },
+    tip: { type: String, default: undefined },
+    listType: { type: String, default: 'picture-card' },
+  },
+  components: {},
+  data: () => ({
+    dialogVisible: false,
+    dialogImageUrl: '',
+    fileList: [],
+  }),
+  created() {
+    if (this.data) {
+      this.defalutProcess(this.data);
+    }
+  },
+  watch: {
+    data: {
+      handler(val) {
+        this.defalutProcess(val);
+      },
+    },
+  },
+  computed: {},
+  methods: {
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = false;
+    },
+    handleRemove(file, fileList) {
+      let index = fileList.findIndex(f => _.isEqual(f, file));
+      this.$emit('delete', index);
+      return false;
+    },
+    outLimit() {
+      this.$message.error(`只允许上传${this.limit}个文件`);
+    },
+    onSuccess(response, file, fileList) {
+      //将文件整理好传回父组件
+      this.$emit('upload', { type: this.type, data: { ...response, name: file.name } });
+    },
+    beforeUpload(file) {
+      const sizeLimit = file.size / 1024 / 1024 < 10;
+      if (sizeLimit) return true;
+      else {
+        this.$message.error('文件超出10M！');
+        return false;
+      }
+    },
+    defalutProcess(val) {
+      if (_.isArray(val)) {
+        let newArr = val.map(item => {
+          let object = {};
+          object.name = item.name;
+          object.url = item.url;
+          return object;
+        });
+        this.$set(this, `fileList`, newArr);
+      } else if (_.isObject(val)) {
+        let object = {};
+        if (_.get(val, `url`)) {
+          object.name = val.name;
+          object.url = val.url;
+          this.$set(this, `fileList`, [object]);
+        }
+      } else if (typeof val === 'string') {
+        this.$set(this, `fileList`, [{ name: '附件', url: val }]);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/store/market/newmarketproduct.js

@@ -7,7 +7,36 @@ const state = () => ({});
 const mutations = {};
 const actions = {
   async query({ commit }, { skip = 0, limit, ...info } = {}) {
-    const res = await this.$axios.$get(`${api.newsInfo}`, { skip, limit, ...info });
+    const res = await this.$axios.$get(`${api.newsInfo}`, {
+      skip,
+      limit,
+      ...info,
+    });
+    return res;
+  },
+  // 管理员查询注册用户所发布的产品
+  async comquery({ commit }, { skip = 0, limit, ...info } = {}) {
+    const res = await this.$axios.$get(`${api.newsInfo}/allquery`, {
+      skip,
+      limit,
+      ...info,
+    });
+    return res;
+  },
+  async newquery({ commit }, { skip = 0, limit, ...info } = {}) {
+    const res = await this.$axios.$get(`${api.newsInfo}/newquery`, {
+      skip,
+      limit,
+      ...info,
+    });
+    return res;
+  },
+  async newfetch({ commit }, { skip = 0, limit, ...info } = {}) {
+    const res = await this.$axios.$get(`${api.newsInfo}/newfetch`, {
+      skip,
+      limit,
+      ...info,
+    });
     return res;
   },
   async create({ commit }, payload) {
@@ -19,7 +48,7 @@ const actions = {
     return res;
   },
   async update({ commit }, { id, ...data }) {
-    const res = await this.$axios.$post(`${api.newsInfo}/newfetch/${id}`, data);
+    const res = await this.$axios.$post(`${api.newsInfo}/update/${id}`, data);
     return res;
   },
   async delete({ commit }, payload) {

src/views/superAdminCenter/dictionary/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/superAdminCenter/enterpriseProduct/index.vue

@@ -0,0 +1,318 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24" class="main">
+          <el-tabs v-model="activeName" type="card">
+            <el-tab-pane label="待审核" name="first">
+              <one :oneList="oneList" :total="oneTotal" @handleDelete="handleDelete" @handleEdit="handleEdit"></one>
+            </el-tab-pane>
+            <el-tab-pane label="审核成功" name="second">
+              <two :oneList="twoList" :total="twoTotal" @handleDelete="handleDelete"></two>
+            </el-tab-pane>
+            <el-tab-pane label="审核失败" name="third">
+              <three :oneList="threeList" :total="threeTotal" @handleDelete="handleDelete"></three>
+            </el-tab-pane>
+          </el-tabs>
+        </el-col>
+        <el-dialog :title="theme" width="60%" :visible.sync="dialog" @closed="handleClose" :destroy-on-close="true">
+          <el-form ref="form" :model="form" label-width="130px" :rules="rules">
+            <el-form-item label="审核信息状态" v-if="form.id">
+              <el-radio v-model="form.status" label="0" disabled>待审核</el-radio>
+              <el-radio v-model="form.status" label="1">审核通过</el-radio>
+              <el-radio v-model="form.status" label="2">审核拒绝</el-radio>
+            </el-form-item>
+            <el-form-item label="产品类型" prop="totaltype">
+              <el-select v-model="form.totaltype" placeholder="请选择产品类型">
+                <el-option label="技术" value="0"></el-option>
+                <el-option label="产品" value="1"></el-option>
+                <el-option label="服务" value="2"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入名称"></el-input>
+            </el-form-item>
+            <el-form-item label="类型">
+              <el-select v-model="form.product_type_id" filterable @change="selectChild">
+                <el-option v-for="(item, index) in columnList" :key="index" :value="item.id" :label="item.name"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="产品简介">
+              <el-input type="textarea" v-model="form.introduction" placeholder="请输入产品简介"></el-input>
+            </el-form-item>
+            <!-- <el-form-item label="产品简介">
+            <wang-editor v-model="form.introduction" ref="editor"></wang-editor>
+          </el-form-item> -->
+            <span>
+              <el-form-item label="研发阶段" v-if="form.totaltype == null || form.totaltype == '0'">
+                <el-select v-model="form.phase" placeholder="请选择研发阶段">
+                  <el-option label="阶段成果" value="0"></el-option>
+                  <el-option label="最终成果" value="1"></el-option>
+                </el-select>
+              </el-form-item>
+            </span>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="产品单价" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
+                  <el-input v-model="form.price" placeholder="请输入产品单价"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="产品单位" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
+                  <el-select v-model="form.priceunit" placeholder="请选择产品单位">
+                    <el-option label="公斤" value="0"></el-option>
+                    <el-option label="套" value="1"></el-option>
+                    <el-option label="件" value="2"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="产品图片" prop="image">
+              <upload
+                :limit="6"
+                :data="form.image"
+                :uploadBtn="true"
+                type="image"
+                :url="`/files/image/upload`"
+                @upload="uploadSuccess"
+                @delete="uploadDelete"
+              ></upload>
+            </el-form-item>
+            <span>
+              <el-form-item label="所属领域">
+                <el-select v-model="form.field" placeholder="请选择所属领域">
+                  <el-option label="先进制造" value="0"></el-option>
+                  <el-option label="新材料" value="1"></el-option>
+                  <el-option label="光电子" value="2"></el-option>
+                  <el-option label="信息技术" value="3"></el-option>
+                  <el-option label="文化和科技融合" value="4"></el-option>
+                </el-select>
+              </el-form-item>
+            </span>
+            <el-form-item label="服务范围">
+              <el-input type="textarea" v-model="form.scope" placeholder="请输入服务范围"></el-input>
+            </el-form-item>
+            <el-form-item label="合作方式" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
+              <el-select v-model="form.coopermode" placeholder="请选择合作方式">
+                <el-option label="技术转让" value="0"></el-option>
+                <el-option label="技术服务" value="1"></el-option>
+                <el-option label="技术许可" value="2"></el-option>
+                <el-option label="技术融资" value="3"></el-option>
+                <el-option label="其他" value="4"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="交易方式" v-if="form.totaltype == null || form.totaltype == '0' || form.totaltype == '1'">
+              <el-select v-model="form.business" placeholder="请选择交易方式">
+                <el-option label="公用" value="0"></el-option>
+                <el-option label="竞价" value="1"></el-option>
+                <el-option label="转让" value="2"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="投入预算" v-if="form.totaltype == null || form.totaltype == '0'">
+              <el-input v-model="form.budget" placeholder="请输入投入预算"></el-input>
+            </el-form-item>
+            <el-form-item label="需求截止日期" v-if="form.totaltype == null || form.totaltype == '0'">
+              <el-date-picker v-model="form.end_date" type="date" placeholder="请选择需求截止日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+              </el-date-picker>
+            </el-form-item>
+            <el-form-item v-if="form.totaltype == null || form.totaltype == '0'">
+              <span slot="label">
+                <el-popover
+                  placement="top-start"
+                  width="200"
+                  trigger="hover"
+                  content="（阐述在生产经营、项目建设、科研活动、产业化方向中遇到的技术难题或瓶颈问题及需达到的技术指标）"
+                >
+                  <span slot="reference" style="color:#409eff">难题或瓶颈问题</span>
+                </el-popover>
+              </span>
+              <el-input type="textarea" v-model="form.difficult_problem" placeholder="请输入难题或瓶颈问题"></el-input>
+            </el-form-item>
+            <el-form-item v-if="form.totaltype == null || form.totaltype == '0'">
+              <span slot="label">
+                <el-popover
+                  placement="top-start"
+                  width="200"
+                  trigger="hover"
+                  content="（企业承接成果、技术所具备的技术人员、设备、资金等基础条件及其他配套条件）"
+                >
+                  <span slot="reference" style="color:#409eff">企业解决技术需求已具备的条件</span>
+                </el-popover>
+              </span>
+              <el-input type="textarea" v-model="form.demand" placeholder="请输入企业解决需求"></el-input>
+            </el-form-item>
+            <el-form-item label="企业名称" v-if="form.totaltype == null || form.totaltype == '1'">
+              <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
+            </el-form-item>
+            <el-form-item label="企业地址" v-if="form.totaltype == null || form.totaltype == '1'">
+              <el-input v-model="form.address" placeholder="请输入企业地址"></el-input>
+            </el-form-item>
+            <el-form-item label="技术团队情况" v-if="form.totaltype == null || form.totaltype == '1'">
+              <el-input type="textarea" v-model="form.team" placeholder="请输入技术团队情况"></el-input>
+            </el-form-item>
+            <el-form-item label="知识产权情况" v-if="form.totaltype == null || form.totaltype == '1'">
+              <!-- <el-input v-model="form.property" placeholder="请输入知识产权情况"></el-input> -->
+              <el-input type="textarea" v-model="form.property" placeholder="请输入知识产权情况"></el-input>
+            </el-form-item>
+
+            <el-form-item label="技术成熟度" v-if="form.totaltype == null || form.totaltype == '1'">
+              <el-select v-model="form.mature" placeholder="请选择技术成熟度">
+                <el-option label="实验室" value="0"></el-option>
+                <el-option label="小试" value="1"></el-option>
+                <el-option label="中试" value="2"></el-option>
+                <el-option label="成熟" value="3"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="是否有拟合作企业，如有请填企业名称" v-if="form.totaltype == null || form.totaltype == '1'">
+              <el-input v-model="form.coopercompany" placeholder="请输入是否有拟合作企业，如有请填企业名称"></el-input>
+            </el-form-item>
+            <el-form-item label="其他需求" v-if="form.totaltype == null || form.totaltype == '1'">
+              <el-input type="textarea" v-model="form.other" placeholder="请输入其他需求"></el-input>
+            </el-form-item>
+            <el-form-item label="联系人" prop="contact_user">
+              <el-input v-model="form.contact_user" placeholder="请输入联系人"></el-input>
+            </el-form-item>
+            <el-form-item label="联系电话" prop="contact_tel">
+              <el-input v-model.number="form.contact_tel" placeholder="请输入联系电话" maxlength="11"></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="examineBtn()">审核提交</el-button>
+            </el-form-item>
+          </el-form>
+        </el-dialog>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import one from './parts/one.vue';
+import two from './parts/two.vue';
+import three from './parts/three.vue';
+import upload from '@/components/uploadProduct.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: newmarketproduct } = createNamespacedHelpers('newmarketproduct');
+const { mapActions: markettype } = createNamespacedHelpers('markettype');
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    one,
+    two,
+    three,
+    upload,
+  },
+  data: function() {
+    return {
+      activeName: 'first',
+      oneList: [],
+      oneTotal: 0,
+      twoList: [],
+      twoTotal: 0,
+      threeList: [],
+      threeTotal: 0,
+      theme: '产品',
+      dialog: false,
+      form: {},
+      rules: {},
+      columnList: [],
+    };
+  },
+  created() {
+    this.search();
+    this.maarkettype();
+  },
+  methods: {
+    ...newmarketproduct(['query', 'comquery', 'delete', 'fetch', 'update']),
+    ...markettype({ markettypeList: 'query' }),
+    // 查询列表
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      let code = this.user.code;
+      let pid = this.user.uid;
+      const oneArr = await this.comquery({ status: 0, code, pid, skip, limit, ...info });
+      const twoArr = await this.comquery({ status: 1, code, pid, skip, limit, ...info });
+      const threeArr = await this.comquery({ status: 2, code, pid, skip, limit, ...info });
+      this.$set(this, `oneList`, oneArr.data);
+      this.$set(this, `oneTotal`, oneArr.data.length);
+      this.$set(this, `twoList`, twoArr.data);
+      this.$set(this, `twoTotal`, twoArr.data.length);
+      this.$set(this, `threeList`, threeArr.data);
+      this.$set(this, `threeTotal`, threeArr.data.length);
+    },
+    // 审核
+    handleEdit(data) {
+      this.$set(this, `form`, data);
+      this.dialog = true;
+    },
+    // 提交
+    async examineBtn() {
+      let data = this.form;
+      const res = await this.update(data);
+      if (this.$checkRes(res)) {
+        this.$message({
+          message: '修改信息成功',
+          type: 'success',
+        });
+        this.dialog = false;
+      }
+    },
+    // 取消
+    handleClose() {
+      this.form = {};
+      this.dialog = false;
+    },
+    // 刪除
+    async handleDelete(id) {
+      const res = await this.delete(id);
+      if (this.$checkRes(res)) {
+        this.$message({
+          message: '删除信息成功',
+          type: 'success',
+        });
+        this.search();
+      }
+    },
+    // 查询类型
+    async maarkettype({ category = 54, ...info } = {}) {
+      const res = await this.markettypeList({ category, ...info });
+      if (this.$checkRes(res)) {
+        this.$set(this, `columnList`, res.data);
+      }
+    },
+    // 类型选择
+    selectChild(product_type_id) {
+      let res = this.columnList.filter(fil => fil.id === product_type_id);
+      if (res.length > 0) {
+        this.$set(this.form, `product_type_name`, res[0].name);
+      }
+      this.$forceUpdate();
+    },
+    // 图片
+    uploadSuccess({ type, data }) {
+      let arr = _.get(this.form, type);
+      if (_.isArray(arr)) {
+        let datas = { name: data.name, url: data.uri };
+        this.form[type].push({ name: data.name, url: data.uri });
+      } else {
+        let newArr = [{ name: data.name, url: data.uri }];
+        this.$set(this.form, `${type}`, newArr);
+      }
+    },
+    // 删除图片
+    uploadDelete(index) {
+      this.form.image.splice(index, 1);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/superAdminCenter/enterpriseProduct/parts/one.vue

@@ -0,0 +1,118 @@
+<template>
+  <div id="one">
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="list" style="width: 100%">
+          <el-table-column prop="name" label="产品名称" align="center"> </el-table-column>
+          <el-table-column prop="totaltype" label="产品类型 " align="center">
+            <template v-slot="scoped">
+              {{ `${scoped.row.totaltype}` === `0` ? '技术' : `${scoped.row.totaltype}` === `1` ? '产品' : `${scoped.row.totaltype}` === `2` ? '服务' : '' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="field" label="所属领域 " align="center">
+            <template v-slot="scoped">
+              {{
+                `${scoped.row.field}` === `0`
+                  ? '先进制造'
+                  : `${scoped.row.field}` === `1`
+                  ? '新材料'
+                  : `${scoped.row.field}` === `2`
+                  ? '光电子'
+                  : `${scoped.row.field}` === `3`
+                  ? '信息技术'
+                  : `${scoped.row.field}` === `4`
+                  ? '文化和科技融合'
+                  : '暂无'
+              }}
+            </template>
+          </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` ? '审核拒绝' : '草稿' }}
+            </template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" align="center">
+            <template slot-scope="scoped">
+              <el-tooltip content="审核" placement="bottom" effect="light">
+                <el-button type="text" size="small" @click="handleEdit(scoped.row)"><i class="el-icon-view"></i></el-button>
+              </el-tooltip>
+              <el-tooltip content="删除" placement="bottom" effect="light">
+                <el-button type="text" size="small" @click="handleDelete(scoped.row)"><i class="el-icon-delete"></i></el-button>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col :span="24" class="page">
+          <el-pagination
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            layout="total, prev, pager, next, jumper"
+            :total="total"
+            :page-size="pageSize"
+          >
+          </el-pagination>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'one',
+  props: {
+    oneList: { type: Array, default: () => [] },
+    total: { type: Number, default: 0 },
+  },
+  components: {},
+  data: function() {
+    return {
+      currentPage: 1,
+      pageSize: 10,
+      origin: [],
+      list: [],
+    };
+  },
+  created() {},
+  methods: {
+    search(page = 1) {
+      this.$set(this, `list`, this.origin[page - 1]);
+    },
+    handleCurrentChange(currentPage) {
+      this.search(currentPage);
+    },
+    handleEdit(data) {
+      this.$emit('handleEdit', data);
+    },
+    handleDelete(data) {
+      this.$emit('handleDelete', data.id);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    oneList: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val && val.length > 0) this.$set(this, `origin`, _.chunk(val, this.pageSize));
+        this.search();
+      },
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.page {
+  text-align: center;
+}
+</style>

src/views/superAdminCenter/enterpriseProduct/parts/three.vue

@@ -0,0 +1,115 @@
+<template>
+  <div id="three">
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="list" style="width: 100%">
+          <el-table-column prop="name" label="产品名称" align="center"> </el-table-column>
+          <el-table-column prop="totaltype" label="产品类型 " align="center">
+            <template v-slot="scoped">
+              {{ `${scoped.row.totaltype}` === `0` ? '技术' : `${scoped.row.totaltype}` === `1` ? '产品' : `${scoped.row.totaltype}` === `2` ? '服务' : '' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="field" label="所属领域 " align="center">
+            <template v-slot="scoped">
+              {{
+                `${scoped.row.field}` === `0`
+                  ? '先进制造'
+                  : `${scoped.row.field}` === `1`
+                  ? '新材料'
+                  : `${scoped.row.field}` === `2`
+                  ? '光电子'
+                  : `${scoped.row.field}` === `3`
+                  ? '信息技术'
+                  : `${scoped.row.field}` === `4`
+                  ? '文化和科技融合'
+                  : '暂无'
+              }}
+            </template>
+          </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` ? '审核拒绝' : '草稿' }}
+            </template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" align="center">
+            <template slot-scope="scoped">
+              <el-tooltip content="审核" placement="bottom" effect="light">
+                <el-button type="text" size="small"><i class="el-icon-view"></i></el-button>
+              </el-tooltip>
+              <el-tooltip content="删除" placement="bottom" effect="light">
+                <el-button type="text" size="small" @click="handleDelete(scoped.row)"><i class="el-icon-delete"></i></el-button>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col :span="24" class="page">
+          <el-pagination
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            layout="total, prev, pager, next, jumper"
+            :total="total"
+            :page-size="pageSize"
+          >
+          </el-pagination>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'three',
+  props: {
+    oneList: { type: Array, default: () => [] },
+    total: { type: Number, default: 0 },
+  },
+  components: {},
+  data: function() {
+    return {
+      currentPage: 1,
+      pageSize: 10,
+      origin: [],
+      list: [],
+    };
+  },
+  created() {},
+  methods: {
+    search(page = 1) {
+      this.$set(this, `list`, this.origin[page - 1]);
+    },
+    handleCurrentChange(currentPage) {
+      this.search(currentPage);
+    },
+    handleDelete(data) {
+      this.$emit('handleDelete', data.id);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    oneList: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val && val.length > 0) this.$set(this, `origin`, _.chunk(val, this.pageSize));
+        this.search();
+      },
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.page {
+  text-align: center;
+}
+</style>

src/views/superAdminCenter/enterpriseProduct/parts/two.vue

@@ -0,0 +1,112 @@
+<template>
+  <div id="two">
+    <el-row>
+      <el-col :span="24">
+        <el-table :data="list" style="width: 100%">
+          <el-table-column prop="name" label="产品名称" align="center"> </el-table-column>
+          <el-table-column prop="totaltype" label="产品类型 " align="center">
+            <template v-slot="scoped">
+              {{ `${scoped.row.totaltype}` === `0` ? '技术' : `${scoped.row.totaltype}` === `1` ? '产品' : `${scoped.row.totaltype}` === `2` ? '服务' : '' }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="field" label="所属领域 " align="center">
+            <template v-slot="scoped">
+              {{
+                `${scoped.row.field}` === `0`
+                  ? '先进制造'
+                  : `${scoped.row.field}` === `1`
+                  ? '新材料'
+                  : `${scoped.row.field}` === `2`
+                  ? '光电子'
+                  : `${scoped.row.field}` === `3`
+                  ? '信息技术'
+                  : `${scoped.row.field}` === `4`
+                  ? '文化和科技融合'
+                  : '暂无'
+              }}
+            </template>
+          </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` ? '审核拒绝' : '草稿' }}
+            </template>
+          </el-table-column>
+          <el-table-column fixed="right" label="操作" align="center">
+            <template slot-scope="scoped">
+              <el-tooltip content="删除" placement="bottom" effect="light">
+                <el-button type="text" size="small" @click="handleDelete(scoped.row)"><i class="el-icon-delete"></i></el-button>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-col :span="24" class="page">
+          <el-pagination
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            layout="total, prev, pager, next, jumper"
+            :total="total"
+            :page-size="pageSize"
+          >
+          </el-pagination>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'two',
+  props: {
+    oneList: { type: Array, default: () => [] },
+    total: { type: Number, default: 0 },
+  },
+  components: {},
+  data: function() {
+    return {
+      currentPage: 1,
+      pageSize: 10,
+      origin: [],
+      list: [],
+    };
+  },
+  created() {},
+  methods: {
+    search(page = 1) {
+      this.$set(this, `list`, this.origin[page - 1]);
+    },
+    handleCurrentChange(currentPage) {
+      this.search(currentPage);
+    },
+    handleDelete(data) {
+      this.$emit('handleDelete', data.id);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    oneList: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val && val.length > 0) this.$set(this, `origin`, _.chunk(val, this.pageSize));
+        this.search();
+      },
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.page {
+  text-align: center;
+}
+</style>

src/views/superAdminCenter/enterpriseTrans/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/superAdminCenter/index.vue

@@ -36,6 +36,10 @@ import adminUser from './adminUser/index.vue';
 import vip from './vip/index.vue';
 import user from './user/index.vue';
 import duijiehui from './duijiehui/index.vue';
+import enterpriseProduct from './enterpriseProduct/index.vue';
+import enterpriseTrans from './enterpriseTrans/index.vue';
+import technical from './technical/index.vue';
+import dictionary from './dictionary/index.vue';
 import business from './business/index.vue';
 import manager from './manager/index.vue';
 import heads from '@/layout/userCenter/heads.vue';
@@ -53,6 +57,10 @@ export default {
     vip,
     user,
     duijiehui,
+    enterpriseProduct,
+    enterpriseTrans,
+    technical,
+    dictionary,
     business,
     manager,
     menus,
@@ -60,7 +68,7 @@ export default {
   },
   data: function() {
     return {
-      cpt: 'duijiehui',
+      cpt: 'enterpriseProduct',
       topTitle: '',
     };
   },

src/views/superAdminCenter/technical/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <div id="index">
+    <p>index</p>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'index',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>