知管理,产品信息征集管理

src/views/superAdminCenter/notice/index.vue

@@ -1,24 +1,116 @@
 <template>
   <div id="index">
-    <el-row>
-      <el-col :span="24">
-        <p>index</p>
+    <el-col :span="24">
+      <el-col :span="24" class="add" style="text-align:right;padding: 10px 20px;">
+        <el-button size="mini" type="primary" @click="toAdd" icon="el-icon-plus">添加{{ theme }}</el-button>
       </el-col>
-    </el-row>
+      <el-col :span="24" class="main">
+        <data-table :fields="fields" :opera="opera" @edit="toEdit" :data="list" :total="total" @delete="toDelete" @query="search"></data-table>
+      </el-col>
+      <el-dialog :title="theme" width="60%" :visible.sync="dialog" @closed="handleClose" :destroy-on-close="true">
+        <el-form ref="form" :rules="rules" :model="form" label-width="80px">
+          <el-form-item label="标题" prop="title">
+            <el-input v-model="form.title" placeholder="请输入信息标题"></el-input>
+          </el-form-item>
+          <el-form-item label="来源">
+            <el-input v-model="form.source" placeholder="请输入信息来源"></el-input>
+          </el-form-item>
+
+          <el-form-item label="信息内容">
+            <wang-editor v-model="form.content" placeholder="请输入信息内容"></wang-editor>
+          </el-form-item>
+          <el-form-item label="发布时间">
+            <el-col :span="11">
+              <el-date-picker type="date" placeholder="发布时间" value-format="yyyy-MM-dd" v-model="form.create_time" style="width: 100%;"></el-date-picker>
+            </el-col>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="onSubmit()">提交</el-button>
+          </el-form-item>
+        </el-form>
+      </el-dialog>
+    </el-col>
   </div>
 </template>
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
+import WangEditor from '@/components/wang-editor.vue';
+import upload from '@/components/upload.vue';
+import dataTable from '@/components/data-table.vue';
 export default {
   name: 'index',
   props: {},
-  components: {},
+  components: {
+    dataTable,
+    WangEditor,
+    //upload,
+  },
   data: function() {
-    return {};
+    return {
+      theme: '通知',
+      opera: [
+        {
+          label: '修改&启用',
+          icon: 'el-icon-edit',
+          method: 'edit',
+        },
+        {
+          label: '删除',
+          icon: 'el-icon-delete',
+          method: 'delete',
+        },
+      ],
+      fields: [
+        { label: '标题', prop: 'title', filter: 'input' },
+        { label: '来源', prop: 'source' },
+        { label: '发布时间', prop: 'create_time' },
+        {
+          label: '是否启用',
+          prop: 'isenable',
+          format: item => {
+            return item === '0' ? '未启用' : item === '1' ? '启用' : '未识别';
+          },
+        },
+      ],
+      list: [
+        {
+          title: 'ddd',
+          source: 'sd',
+          create_time: 'ssss',
+          isenable: '0',
+        },
+      ],
+      total: 0,
+      dialog: false,
+      // 添加信息
+      form: {},
+      rules: {},
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    async search({ skip = 0, limit = 10, ...info } = {}) {},
+    toEdit({ data }) {
+      this.dialog = true;
+      this.$set(this, `form`, data);
+    },
+    async toDelete({ data }) {},
+    // 添加
+    toAdd() {
+      this.dialog = true;
+      this.form = {};
+    },
+    // 提交
+    async onSubmit() {},
+    // 取消
+    handleClose() {
+      this.form = {};
+      this.dialog = false;
+    },
   },
-  created() {},
-  methods: {},
   computed: {
     ...mapState(['user']),
     pageTitle() {

src/views/superAdminCenter/productSolicit/index.vue

@@ -2,23 +2,311 @@
   <div id="index">
     <el-row>
       <el-col :span="24">
-        <p>index</p>
+        <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 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="type">
+              <el-select v-model="form.type" 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="uesrid">
+              <el-input v-model="form.uesrid" placeholder="请输入创建人"></el-input>
+            </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="所属机构代码" prop="code">
+              <el-input v-model="form.code" placeholder="请输入所属机构代码"></el-input>
+            </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-select v-model="form.cooperation" 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="企业名称">
+              <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
+            </el-form-item>
+            <el-form-item label="企业简介" prop="companybrief" type="textarea">
+              <el-input v-model="form.companybrief" placeholder="请输入名称"></el-input>
+            </el-form-item>
+            <el-form-item label="企业网站" prop="companyweb">
+              <el-input v-model="form.companyweb" 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 label="邮箱" prop="email">
+              <el-input v-model="form.email"></el-input>
+            </el-form-item>
+            <el-form-item label="qq&微信" prop="qqwx">
+              <el-input v-model="form.qqwx"></el-input>
+            </el-form-item>
+            <el-form-item label="合作条件及要求" prop="condition">
+              <el-input v-model="form.condition"></el-input>
+            </el-form-item>
+            <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 v-if="form.type == null || form.type == '0'">
+              <el-form-item label="需求紧急程度">
+                <el-input v-model="form.degreeurgency" placeholder="请输入需求紧急程度"></el-input>
+              </el-form-item>
+              <el-form-item label="及时难题&需求说明">
+                <el-input type="textarea" v-model="form.requirementdesc" placeholder="请输入及时难题&需求说明"></el-input>
+              </el-form-item>
+              <el-form-item label="预期技术目标描述">
+                <el-input type="textarea" v-model="form.expect" placeholder="请输入预期技术目标描述"></el-input>
+              </el-form-item>
+              <el-form-item label="需求现状及应对措施">
+                <el-input type="textarea" v-model="form.present" placeholder="请输入需求现状及应对措施"></el-input>
+              </el-form-item>
+              <el-form-item label="投资预算">
+                <el-input v-model="form.budget" placeholder="请输入投资预算"></el-input>
+              </el-form-item>
+              <el-form-item label="注册类型">
+                <el-input v-model="form.companytype" placeholder="请输入注册类型"></el-input>
+              </el-form-item>
+              <el-form-item label="组织机构代码">
+                <el-input v-model="form.zzjgdm" placeholder="请输入组织机构代码"></el-input>
+              </el-form-item>
+              <el-form-item label="注册时间">
+                <el-date-picker type="date" placeholder="注册时间" value-format="yyyy-MM-dd" v-model="form.companydate" style="width: 100%;"></el-date-picker>
+              </el-form-item>
+              <el-form-item label="注册资金">
+                <el-input v-model="form.companycapital" placeholder="请输入注册资金"></el-input>
+              </el-form-item>
+              <el-form-item label="企业法人">
+                <el-input v-model="form.companyperson" placeholder="请输入企业法人"></el-input>
+              </el-form-item>
+              <el-form-item label="上年度企业总收入">
+                <el-input v-model="form.sndqyzsr" placeholder="请输入上年度企业总收入"></el-input>
+              </el-form-item>
+              <el-form-item label="上年度研发费用">
+                <el-input v-model="form.sndyffy" placeholder="请输入上年度研发费用"></el-input>
+              </el-form-item>
+              <el-form-item label="企业总人数">
+                <el-input v-model="form.companytotal" placeholder="请输入企业总人数"></el-input>
+              </el-form-item>
+              <el-form-item label="专&兼职研发人数">
+                <el-input v-model="form.zjzyfrs" placeholder="请输入专&兼职研发人数"></el-input>
+              </el-form-item>
+              <el-form-item label="主要产品">
+                <el-input type="textarea" v-model="form.mainproduct" placeholder="请输入主要产品"></el-input>
+              </el-form-item>
+              <el-form-item label="企业资质&荣誉">
+                <el-input type="textarea" v-model="form.qualifications" placeholder="请输入企业资质&荣誉"></el-input>
+              </el-form-item>
+            </span>
+            <span v-if="form.type == null || form.type == '1'">
+              <el-form-item label="成果简介">
+                <el-input type="textarea" v-model="form.achievebrief" placeholder="请输入成果简介"></el-input>
+              </el-form-item>
+              <el-form-item label="技术特点">
+                <el-input type="textarea" v-model="form.features" placeholder="请输入技术特点"></el-input>
+              </el-form-item>
+              <el-form-item label="技术团队">
+                <el-input type="textarea" v-model="form.team" placeholder="请输入技术团队"></el-input>
+              </el-form-item>
+              <el-form-item label="成果状态">
+                <el-input v-model="form.achievestatus" placeholder="请输入成果状态"></el-input>
+              </el-form-item>
+              <el-form-item label="成果权属">
+                <el-input v-model="form.achieveown" placeholder="请输入成果权属"></el-input>
+              </el-form-item>
+              <el-form-item label="成果来源">
+                <el-input v-model="form.achievesource" placeholder="请输入成果来源"></el-input>
+              </el-form-item>
+              <el-form-item label="专利信息">
+                <el-input v-model="form.patentinfo" placeholder="请输入专利信息"></el-input>
+              </el-form-item>
+              <el-form-item label="专利状态">
+                <el-input v-model="form.patentstatus" placeholder="请输入专利状态"></el-input>
+              </el-form-item>
+              <el-form-item label="商业预期">
+                <el-input type="textarea" v-model="form.expectations" placeholder="请输入商业预期"></el-input>
+              </el-form-item>
+              <el-form-item label="项目路演">
+                <el-input type="textarea" v-model="form.roadshow" placeholder="请输入项目路演"></el-input>
+              </el-form-item>
+              <el-form-item label="意向价格">
+                <el-input type="textarea" v-model="form.intentionprice" placeholder="请输入意向价格"></el-input>
+              </el-form-item>
+            </span>
+            <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';
 export default {
   name: 'index',
   props: {},
-  components: {},
+  components: {
+    one,
+    two,
+    three,
+    upload,
+  },
   data: function() {
-    return {};
+    return {
+      activeName: 'first',
+      oneList: [
+        {
+          name: 'ds',
+          type: '0',
+          field: '1',
+          status: '1',
+        },
+      ],
+      oneTotal: 0,
+      twoList: [],
+      twoTotal: 0,
+      threeList: [],
+      threeTotal: 0,
+      dialog: false,
+      form: {},
+      rules: {},
+      columnList: [],
+      exportList: [],
+    };
   },
   created() {},
-  methods: {},
+  methods: {
+    // 查询列表
+    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, `exportList`, 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() {

src/views/superAdminCenter/productSolicit/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="type" label="产品类型 " align="center">
+            <template v-slot="scoped">
+              {{ `${scoped.row.type}` === `0` ? '技术' : `${scoped.row.type}` === `1` ? '产品' : `${scoped.row.type}` === `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="status" 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/productSolicit/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="type" label="产品类型 " align="center">
+            <template v-slot="scoped">
+              {{ `${scoped.row.type}` === `0` ? '技术' : `${scoped.row.type}` === `1` ? '产品' : `${scoped.row.type}` === `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/productSolicit/parts/two.vue

@@ -0,0 +1,119 @@
+<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="type" label="产品类型 " align="center">
+            <template v-slot="scoped">
+              {{ `${scoped.row.type}` === `0` ? '技术' : `${scoped.row.type}` === `1` ? '产品' : `${scoped.row.type}` === `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: [
+        {
+          name: 'ds',
+          type: 'ds',
+          field: '1',
+          status: '1',
+        },
+      ],
+    };
+  },
+  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>