update

src/router/index.js

@@ -229,8 +229,8 @@ const web = [
         component: () => import('../views/adminCenter/policy/detail.vue'),
       },
       {
-        path: '/adminCenter/ticket/:status',
-        name: 'admin_ticket_0',
+        path: '/adminCenter/ticket',
+        name: 'admin_ticket',
         meta: { title: '创新劵服务管理' },
         component: () => import('../views/adminCenter/ticket/status.vue'),
       },
@@ -272,6 +272,18 @@ const web = [
         meta: { title: '机构基本信息' },
         component: () => import('../views/adminCenter/inter/basic/index.vue'),
       },
+      {
+        path: '/adminCenter/inter/ticket',
+        name: 'inter_ticket_index',
+        meta: { title: '创新券审核管理' },
+        component: () => import('../views/adminCenter/inter/ticket/index.vue'),
+      },
+      {
+        path: '/adminCenter/inter/ticket/detail',
+        name: 'inter_ticket_detail',
+        meta: { title: '创新券审核管理' },
+        component: () => import('../views/adminCenter/inter/ticket/detail.vue'),
+      },
     ],
   },
 ];

src/views/adminCenter/inter/basic/index.vue

@@ -1,22 +1,60 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24" class="main"> 基本信息 </el-col>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="one">
+          <el-col :span="24" class="text"> 基本信息 </el-col>
+          <el-col :span="24" class="form"> <one :form="form" :rules="rules"></one> </el-col>
+          <el-col :span="24" class="btn">
+            <el-button type="primary" @click="onSubmit">保存信息</el-button>
+          </el-col>
+        </el-col>
+      </el-col>
     </el-row>
   </div>
 </template>
 
 <script>
+import one from './parts/one.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: mechanism } = createNamespacedHelpers('mechanism');
 export default {
   name: 'index',
   props: {},
-  components: {},
+  components: {
+    one,
+  },
   data: function () {
-    return {};
+    return {
+      form: {},
+      rules: {},
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    ...mechanism(['fetch', 'update']),
+    async search() {
+      if (this.user.id) {
+        let res = await this.fetch(this.user.id);
+        if (this.$checkRes(res)) {
+          this.$set(this, `form`, res.data);
+        }
+      }
+    },
+    async onSubmit() {
+      let data = this.form;
+      let res = await this.update(data);
+      if (this.$checkRes(res)) {
+        this.$message({
+          message: '修改信息成功',
+          type: 'success',
+        });
+        this.search();
+      }
+    },
   },
-  created() {},
-  methods: {},
   computed: {
     ...mapState(['user']),
   },
@@ -33,4 +71,25 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.main {
+  border-radius: 10px;
+  box-shadow: 0 0 5px #cccccc;
+  padding: 20px;
+  .one {
+    .text {
+      height: 40px;
+      line-height: 40px;
+      border-bottom: 1px dashed #000;
+      margin: 0 0 10px 0;
+    }
+    .btn {
+      text-align: center;
+      padding: 15px 0;
+    }
+  }
+}
+.main:hover {
+  box-shadow: 0 0 5px #409eff;
+}
+</style>

src/views/adminCenter/inter/basic/parts/one.vue

@@ -0,0 +1,81 @@
+<template>
+  <div id="one">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-form :model="form" :rules="rules" ref="form" label-width="100px">
+          <el-col :span="12">
+            <el-form-item label="机构名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入机构名称"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="机构代码" prop="institution_code">
+              <el-input v-model="form.institution_code" placeholder="请输入机构代码" disabled></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系人" prop="contacts">
+              <el-input v-model="form.contacts" placeholder="请输入contacts"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="手机号" prop="phone">
+              <el-input v-model="form.phone" :disabled="true" placeholder="请输入手机号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="电子邮箱" prop="email">
+              <el-input v-model="form.email" placeholder="请输入电子邮箱"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系地址" prop="address">
+              <el-input v-model="form.address" placeholder="请输入联系地址"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属行业" prop="industry">
+              <el-input v-model="form.industry" placeholder="请输入所属行业"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'one',
+  props: {
+    form: { type: Object },
+    rules: { type: Object },
+  },
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+/deep/.el-input__inner {
+  border: 1px solid #333;
+}
+</style>

src/views/adminCenter/inter/basic/parts/two.vue

@@ -0,0 +1,125 @@
+<template>
+  <div id="one">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-form :model="form" :rules="rules" ref="form" label-width="100px">
+          <el-col :span="12">
+            <el-form-item label="注册类型" prop="companytype">
+              <el-input v-model="form.companytype" placeholder="请输入注册类型"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="注册时间" prop="companydate">
+              <el-date-picker v-model="form.companydate" placeholder="请选择" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date"> </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="注册资金" prop="companycapital">
+              <el-input v-model="form.companycapital" placeholder="请输入注册资金"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="企业法人" prop="companyperson">
+              <el-input v-model="form.companyperson" placeholder="请输入企业法人"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="企业总收入" prop="sndqyzsr">
+              <el-input v-model="form.sndqyzsr" placeholder="请输入上年度企业总收入"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="研发费用" prop="sndyffy">
+              <el-input v-model="form.sndyffy" placeholder="请输入上年度研发费用"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="企业总人数" prop="companytotal">
+              <el-input v-model="form.companytotal" placeholder="请输入企业总人数"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="研发人数" prop="zjzyfrs">
+              <el-input v-model="form.zjzyfrs" placeholder="请输入专&兼职研发人数"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="企业简介" prop="companybrief">
+              <el-input
+                v-model="form.companybrief"
+                placeholder="请输入企业简介"
+                type="textarea"
+                maxlength="300"
+                :autosize="{ minRows: 4, maxRows: 6 }"
+                show-word-limit
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="主要产品" prop="mainproduct">
+              <el-input
+                v-model="form.mainproduct"
+                placeholder="请输入主要产品"
+                type="textarea"
+                maxlength="300"
+                :autosize="{ minRows: 4, maxRows: 6 }"
+                show-word-limit
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="资质&荣誉" prop="qualifications">
+              <el-input
+                v-model="form.qualifications"
+                placeholder="请输入企业资质&荣誉"
+                type="textarea"
+                maxlength="300"
+                :autosize="{ minRows: 4, maxRows: 6 }"
+                show-word-limit
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'one',
+  props: {
+    form: { type: Object },
+    rules: { type: Object },
+  },
+  components: {},
+  data: function () {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+/deep/.el-input__inner {
+  border: 1px solid #333;
+}
+/deep/.el-textarea__inner {
+  border: 1px solid #333;
+}
+</style>

src/views/adminCenter/inter/ticket/detail.vue

@@ -0,0 +1,148 @@
+<template>
+  <div id="detail">
+    <el-form ref="form" label-width="150px">
+      <el-row type="flex" justify="space-between" style="padding: 10px">
+        <el-col :span="2">
+          <el-button type="primary" size="mini" @click="toFlow">查看意见</el-button>
+        </el-col>
+        <el-col :span="2">
+          <el-button type="primary" size="mini" @click="toBack">返回</el-button>
+        </el-col>
+      </el-row>
+      <el-form-item label="企业名称">{{ data.name }}</el-form-item>
+      <el-form-item label="资料">
+        <template #label>
+          <el-row>
+            <el-col :span="24">资料</el-col>
+            <el-col :span="24">(图片点击放大)</el-col>
+          </el-row>
+        </template>
+        <el-row :gutter="10">
+          <el-col :span="4" v-for="(i, index) in data.material" :key="`material-${index}`">
+            <img v-if="isImg(i.url)" :src="i.url" width="150px" height="150px" @click="toOpen(i.url)" />
+            <el-link v-else :key="`material-${index}`" type="primary" @click="toOpen(i.url)"> <i class="el-icon-download"></i> {{ i.name }} </el-link>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="中介机构审核资料">
+        <template #label>
+          <el-row>
+            <el-col :span="24">中介机构审核资料</el-col>
+            <el-col :span="24">(图片点击放大)</el-col>
+          </el-row>
+        </template>
+        <el-row :gutter="10">
+          <el-col :span="4" v-for="(i, index) in data.medium_material" :key="`medium_material-${index}`">
+            <img v-if="isImg(i.url)" :src="i.url" width="150px" height="150px" @click="toOpen(i.url)" />
+            <el-link v-else type="primary" @click="toOpen(i.url)"> <i class="el-icon-download"></i> {{ i.name }} </el-link>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="合同">
+        <template #label>
+          <el-row>
+            <el-col :span="24">合同</el-col>
+            <el-col :span="24">(图片点击放大)</el-col>
+          </el-row>
+        </template>
+        <el-row :gutter="10">
+          <el-col :span="4" v-for="(i, index) in data.contract" :key="`contract-${index}`">
+            <img v-if="isImg(i.url)" :src="i.url" width="150px" height="150px" @click="toOpen(i.url)" />
+            <el-link v-else type="primary" @click="toOpen(i.url)"> <i class="el-icon-download"></i> {{ i.name }} </el-link>
+          </el-col>
+        </el-row>
+      </el-form-item>
+      <el-form-item label="审核意见">
+        <el-input v-model="form.desc" placeholder="请填写审核意见" type="textarea" :autosize="{ maxRows: 5, minRows: 3 }"></el-input>
+      </el-form-item>
+      <el-form-item label="审核">
+        <el-radio-group v-model="form.status">
+          <el-radio label="3">通过</el-radio>
+          <el-radio label="-3">拒绝</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-row type="flex" justify="space-around">
+        <el-col :span="2">
+          <el-button type="primary" @click="toStatus()" :disabled="!form.status">保存审核结果</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-dialog title="意见" :visible.sync="dialog" :destroy-on-close="true">
+      <flow :id="data._id"></flow>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import flow from '../../ticket/flow.vue';
+const _ = require('lodash');
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: ticket } = createNamespacedHelpers('ticket');
+export default {
+  name: 'detail',
+  props: {},
+  components: { flow },
+  data: function () {
+    return {
+      data: {
+        material: [],
+        medium_material: [],
+        contract: [],
+      },
+      imgList: ['jpg', 'jpeg', 'png', 'bmp', 'gif'],
+      form: {},
+      dialog: false,
+    };
+  },
+  created() {
+    if (this.id) this.search();
+  },
+  methods: {
+    ...ticket(['fetch', 'status']),
+    async search() {
+      const res = await this.fetch(this.id);
+      if (this.$checkRes(res)) {
+        this.$set(this, `data`, res.data);
+      }
+    },
+    isImg(url) {
+      const arr = url.split('.');
+      const suffix = _.last(arr);
+      return this.imgList.includes(suffix);
+    },
+    toOpen(url) {
+      window.open(url);
+    },
+    async toStatus(status) {
+      const dup = _.cloneDeep(this.form);
+      dup.opera_id = this.user._id;
+      dup.id = this.id;
+      if (status) dup.status = status;
+      const res = await this.status(dup);
+      if (this.$checkRes(res, '审核成功', res.errmsg || '审核失败')) {
+        this.toBack();
+      }
+    },
+    toBack() {
+      this.$router.push(`/adminCenter/inter/ticket`);
+    },
+    toFlow() {
+      this.dialog = true;
+    },
+  },
+  computed: {
+    ...mapState(['user', 'menuParams']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+    id() {
+      return this.$route.query.id;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/adminCenter/ticket/status-2.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="status-2">
+  <div id="index">
     <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit"> </data-table>
   </div>
 </template>
@@ -10,7 +10,7 @@ const { ticketType } = require('@common/dict/index');
 import { mapState, createNamespacedHelpers } from 'vuex';
 const { mapActions: ticket } = createNamespacedHelpers('ticket');
 export default {
-  name: 'status-2',
+  name: 'index',
   props: {},
   components: {},
   data: function () {
@@ -44,14 +44,14 @@ export default {
   methods: {
     ...ticket(['query', 'delete']),
     async search({ skip = 0, limit = 10, ...info } = {}) {
-      const res = await this.query({ skip, limit, ...info, status: '2' });
+      const res = await this.query({ skip, limit, ...info, status: '2', mechanism_id: this.user._id });
       if (this.$checkRes(res)) {
         this.$set(this, `list`, res.data);
         this.$set(this, `total`, res.total);
       }
     },
     toEdit({ data }) {
-      this.$router.push({ path: '/adminCenter/ticket/detail', query: { id: data._id, status: data.status } });
+      this.$router.push({ path: '/adminCenter/inter/ticket/detail', query: { id: data._id } });
     },
   },
   computed: {

src/views/adminCenter/ticket/detail.vue

@@ -1,7 +1,10 @@
 <template>
   <div id="detail">
     <el-form ref="form" label-width="150px">
-      <el-row type="flex" justify="end">
+      <el-row type="flex" justify="space-between" style="padding: 10px">
+        <el-col :span="2">
+          <el-button type="primary" size="mini" @click="toFlow">查看意见</el-button>
+        </el-col>
         <el-col :span="2">
           <el-button type="primary" size="mini" @click="toBack">返回</el-button>
         </el-col>
@@ -21,7 +24,7 @@
           </el-col>
         </el-row>
       </el-form-item>
-      <template v-if="statusData === '2'">
+      <template v-if="statusData !== '0' && statusData !== '1' && statusData !== '-1'">
         <el-form-item label="中介机构审核资料">
           <template #label>
             <el-row>
@@ -51,7 +54,7 @@
           </el-row>
         </el-form-item>
       </template>
-      <el-form-item label="审核意见">
+      <el-form-item label="审核意见" v-if="statusData === '0' || statusData === '3'">
         <el-input v-model="form.desc" placeholder="请填写审核意见" type="textarea" :autosize="{ maxRows: 5, minRows: 3 }"></el-input>
       </el-form-item>
       <el-form-item label="审核" v-if="statusData === '0'">
@@ -62,22 +65,26 @@
       </el-form-item>
       <el-row type="flex" justify="space-around">
         <el-col :span="2">
-          <el-button v-if="statusData === '0'" type="primary" @click="toStatus" :disabled="!form.status">保存审核结果</el-button>
-          <el-button v-if="statusData === '2'" type="primary" @click="toStatus('3')">确认</el-button>
+          <el-button v-if="statusData === '0'" type="primary" @click="toStatus()" :disabled="!form.status">保存审核结果</el-button>
+          <el-button v-if="statusData === '3'" type="primary" @click="toStatus('3')">确认</el-button>
         </el-col>
       </el-row>
     </el-form>
+    <el-dialog title="意见" :visible.sync="dialog" :destroy-on-close="true">
+      <flow :id="data._id"></flow>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 const _ = require('lodash');
+import flow from './flow.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
 const { mapActions: ticket } = createNamespacedHelpers('ticket');
 export default {
   name: 'detail',
   props: {},
-  components: {},
+  components: { flow },
   data: function () {
     return {
       data: {
@@ -85,20 +92,12 @@ export default {
         medium_material: [],
         contract: [],
       },
-      fields: [
-        { label: '企业名称', model: 'name', type: 'text' },
-        { label: '审核资料', model: 'material', custom: true },
-      ],
-      fields2: [
-        { label: '中介机构审核资料', model: 'medium_material', custom: true },
-        { label: '合同', model: 'contract', custom: true },
-      ],
       imgList: ['jpg', 'jpeg', 'png', 'bmp', 'gif'],
       form: {},
+      dialog: false,
     };
   },
   created() {
-    if (this.statusData === '2') this.fields = this.fields.concat(this.fields2);
     if (this.id) this.search();
   },
   methods: {
@@ -128,7 +127,10 @@ export default {
       }
     },
     toBack() {
-      this.$router.push(`/adminCenter/ticket/${this.statusData}`);
+      this.$router.push(`/adminCenter/ticket`);
+    },
+    toFlow() {
+      this.dialog = true;
     },
   },
   computed: {
@@ -149,4 +151,9 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+/deep/.el-dialog__body {
+  height: 500px;
+  overflow-y: auto;
+}
+</style>

src/views/adminCenter/ticket/flow.vue

@@ -0,0 +1,71 @@
+<template>
+  <div id="flow">
+    <el-card v-for="(i, index) in list" :key="`flow-${index}`" style="margin: 10px">
+      <template #header>
+        <el-row type="flex" :gutter="10" justify="space-between">
+          <el-col :span="8">{{ getStep(i) }}</el-col>
+          <el-col :span="5">{{ getTime(i) }}</el-col>
+        </el-row>
+      </template>
+      意见:
+      <p>{{ i.desc }}</p>
+    </el-card>
+  </div>
+</template>
+
+<script>
+const moment = require('moment');
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: ticket } = createNamespacedHelpers('ticket');
+export default {
+  name: 'flow',
+  props: { id: { type: String, required: true } },
+  components: {},
+  data: function () {
+    return {
+      list: [],
+      status: [
+        { value: '0', label: '申请' },
+        { value: '1', label: '资质审核成功' },
+        { value: '-1', label: '资质审核失败' },
+        { value: '2', label: '企业填写资料完成,待中介机构审核' },
+        { value: '3', label: '中介机构审核成功' },
+        { value: '-3', label: '中介机构审核失败' },
+        { value: '4', label: '创新劵领取成功' },
+      ],
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    ...ticket(['record']),
+    async search() {
+      const res = await this.record(this.id);
+      if (this.$checkRes(res)) {
+        this.$set(this, `list`, res.data);
+      }
+    },
+    getStep(data) {
+      const { status } = data;
+      const r = this.status.find((f) => f.value === status);
+      if (r) return r.label;
+      else return '未知步骤';
+    },
+    getTime(data) {
+      return moment(_.get(data, 'meta.createdAt')).format('YYYY-MM-DD HH:mm:ss');
+    },
+  },
+  computed: {
+    ...mapState(['user', 'menuParams']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/adminCenter/ticket/list.vue

@@ -0,0 +1,78 @@
+<template>
+  <div id="list">
+    <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit"> </data-table>
+  </div>
+</template>
+
+<script>
+const moment = require('moment');
+const { ticketType } = require('@common/dict/index');
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: ticket } = createNamespacedHelpers('ticket');
+export default {
+  name: 'list',
+  props: {
+    status: { type: String, default: '0' },
+  },
+  components: {},
+  data: function () {
+    return {
+      list: [],
+      total: 0,
+      opera: [
+        {
+          label: '审核',
+          method: 'edit',
+          display: (i) => i.status === '0' || i.status === '3',
+        },
+        {
+          label: '查看',
+          method: 'edit',
+          display: (i) => i.status !== '0' && i.status !== '3',
+        },
+      ],
+      fields: [
+        { label: '企业', prop: 'name', filter: true },
+        { label: '申请时间', prop: 'meta.createdAt', format: (i) => moment(i).format('YYYY-MM-DD HH:mm:ss') },
+        {
+          label: '状态',
+          prop: 'status',
+          format: (i) => {
+            const r = ticketType.find((f) => f.value === i);
+            if (r) return r.label;
+            else return '';
+          },
+        },
+      ],
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    ...ticket(['query', 'delete']),
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      const res = await this.query({ skip, limit, ...info, status: this.status });
+      if (this.$checkRes(res)) {
+        this.$set(this, `list`, res.data || [{}]);
+        this.$set(this, `total`, res.total);
+      }
+      this.loading = false;
+    },
+    toEdit({ data }) {
+      this.$router.push({ path: '/adminCenter/ticket/detail', query: { id: data._id, status: data.status } });
+    },
+  },
+  computed: {
+    ...mapState(['user', 'menuParams']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/adminCenter/ticket/status.vue

@@ -1,78 +1,41 @@
 <template>
   <div id="status">
-    <data-table v-if="!loading" :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit"> </data-table>
+    <el-tabs type="border-card" v-model="active">
+      <el-tab-pane v-for="(i, index) in tabs" :key="`tabs-${index}`" :label="i.label" :name="i.status" :lazy="true">
+        <list :status="i.status"></list>
+      </el-tab-pane>
+    </el-tabs>
   </div>
 </template>
 
 <script>
-const moment = require('moment');
-const { ticketType } = require('@common/dict/index');
+import list from './list.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: ticket } = createNamespacedHelpers('ticket');
 export default {
   name: 'status',
   props: {},
-  components: {},
+  components: { list },
   data: function () {
     return {
-      list: [],
-      total: 0,
-      opera: [
-        {
-          label: '审核',
-          method: 'edit',
-          display: (i) => this.statusData != '1',
-        },
+      active: '0',
+      tabs: [
+        { label: '待资质审核', status: '0' },
+        { label: '企业准备订单', status: '1' },
+        { label: '待中介机构审核', status: '2' },
+        { label: '订单入库', status: '3' },
+        { label: '创新券领取成功', status: '4' },
+        { label: '资质审核失败', status: '-1' },
+        { label: '中介机构审核失败', status: '-3' },
       ],
-      fields: [
-        { label: '企业', prop: 'name', filter: true },
-        { label: '申请时间', prop: 'meta.createdAt', format: (i) => moment(i).format('YYYY-MM-DD HH:mm:ss') },
-        {
-          label: '状态',
-          prop: 'status',
-          format: (i) => {
-            const r = ticketType.find((f) => f.value === i);
-            if (r) return r.label;
-            else return '';
-          },
-        },
-      ],
-      loading: true,
     };
   },
-  created() {
-    this.search();
-  },
-  methods: {
-    ...ticket(['query', 'delete']),
-    async search({ skip = 0, limit = 10, ...info } = {}) {
-      const res = await this.query({ skip, limit, ...info, status: this.statusData });
-      if (this.$checkRes(res)) {
-        this.$set(this, `list`, res.data);
-        this.$set(this, `total`, res.total);
-      }
-      this.loading = false;
-    },
-    toEdit({ data }) {
-      this.$router.push({ path: '/adminCenter/ticket/detail', query: { id: data._id, status: data.status } });
-    },
-  },
+  created() {},
+  methods: {},
   computed: {
     ...mapState(['user', 'menuParams']),
     pageTitle() {
       return `${this.$route.meta.title}`;
     },
-    statusData() {
-      return this.$route.params.status;
-    },
-  },
-  watch: {
-    statusData: {
-      handler(val) {
-        this.loading = true;
-        this.search();
-      },
-    },
   },
   metaInfo() {
     return { title: this.$route.meta.title };