Merge branch 'master' of http://git.cc-lotus.info/Free-cysci/cysci-website

src/router/index.js

@@ -210,6 +210,18 @@ const web = [
         meta: { title: '线上管理' },
         component: () => import('../views/adminCenter/online/file.vue'),
       },
+      {
+        path: '/adminCenter/policy',
+        name: 'admin_policy',
+        meta: { title: '高企政策服务管理' },
+        component: () => import('../views/adminCenter/policy/index.vue'),
+      },
+      {
+        path: '/adminCenter/policy/detail',
+        name: 'admin_online_detail',
+        meta: { title: '高企政策服务管理' },
+        component: () => import('../views/adminCenter/policy/detail.vue'),
+      },
     ],
   },
 ];

src/views/adminCenter/policy/detail.vue

@@ -1,25 +1,92 @@
 <template>
   <div id="detail">
-    <p>detail</p>
+    <data-form :fields="fields" :data="data" @save="toSave" labelWidth="150px" returns="/adminCenter/policy" submitText="审核">
+      <template #radios="{ item }">
+        <template v-if="item.model === 'status'">
+          <el-radio v-for="(i, index) in statusList" :key="`status-${index}`" :label="i.value">{{ i.label }}</el-radio>
+        </template>
+      </template>
+      <template #custom="{ item }">
+        <template v-if="item.model === 'desc'">
+          <p v-html="data[item.model]"></p>
+        </template>
+        <template v-else>
+          <template v-for="(i, index) in data[item.model]">
+            <img v-if="isImg(i.url)" :key="`${item.model}-${index}`" :src="i.url" width="150px" height="150px" />
+            <el-link v-else :key="`${item.model}-${index}`" type="primary" @click="toOpen(i.url)"> <i class="el-icon-download"></i> {{ i.name }} </el-link>
+          </template>
+        </template>
+      </template>
+    </data-form>
   </div>
 </template>
 
 <script>
+const _ = require('lodash');
+const { policyType, policyStatus } = require('@common/dict/index');
 import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: policy } = createNamespacedHelpers('policy');
 export default {
   name: 'policyDetail',
   props: {},
   components: {},
   data: function () {
-    return {};
+    return {
+      data: {},
+      fields: [
+        { label: '申请单位', model: 'company', type: 'text' },
+        { label: '申请类型', model: 'type', type: 'text' },
+        { label: '申请人', model: 'apply_personal', type: 'text' },
+        { label: '法人复印件', model: 'qyfr', custom: true },
+        { label: '企业营业执照', model: 'yyzz', custom: true },
+        { label: '企业利润表', model: 'qylr', custom: true },
+        { label: '建议', model: 'desc', custom: true },
+        { label: '审核状态', model: 'status', type: 'radio' },
+      ],
+      statusList: policyStatus,
+      imgList: ['jpg', 'jpeg', 'png', 'bmp', 'gif'],
+    };
+  },
+  created() {
+    if (this.id) this.search();
+  },
+  methods: {
+    ...policy(['fetch', 'create', 'update']),
+    async search() {
+      const res = await this.fetch(this.id);
+      if (this.$checkRes(res)) {
+        this.$set(this, `data`, res.data);
+      }
+    },
+    async toSave({ data }) {
+      let dup = _.cloneDeep(data);
+      let res;
+      if (_.get(dup, 'id')) {
+        res = await this.update(dup);
+      } else {
+        res = await this.create(dup);
+      }
+      if (this.$checkRes(res, '保存成功', '保存失败')) {
+        if (!this.$dev_mode) this.$router.push('/adminCenter/policy');
+      }
+    },
+    isImg(url) {
+      const arr = url.split('.');
+      const suffix = _.last(arr);
+      return this.imgList.includes(suffix);
+    },
+    toOpen(url) {
+      window.open(url);
+    },
   },
-  created() {},
-  methods: {},
   computed: {
     ...mapState(['user', 'menuParams']),
     pageTitle() {
       return `${this.$route.meta.title}`;
     },
+    id() {
+      return this.$route.query.id;
+    },
   },
   metaInfo() {
     return { title: this.$route.meta.title };

src/views/adminCenter/policy/index.vue

@@ -1,20 +1,81 @@
 <template>
   <div id="index">
-    <p>index</p>
+    <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit" @delete="toDelete">
+      <template #selfbtn>
+        <!-- <el-button type="primary" size="mini" @click="toAdd">添加</el-button> -->
+      </template>
+      <template #options="{ item }">
+        <template v-if="item.prop === 'type'">
+          <el-option v-for="(i, index) in typeList" :key="`type-${index}`" :label="i" :value="i"></el-option>
+        </template>
+      </template>
+    </data-table>
   </div>
 </template>
 
 <script>
+const { policyType, policyStatus } = require('@common/dict/index');
 import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: policy } = createNamespacedHelpers('policy');
 export default {
   name: 'policyIndex',
   props: {},
   components: {},
   data: function () {
-    return {};
+    return {
+      list: [],
+      total: 0,
+      opera: [
+        {
+          label: '审核',
+          method: 'edit',
+          // display: (i) => i.status === '0',
+        },
+      ],
+      fields: [
+        { label: '申请单位', prop: 'company' },
+        { label: '申请类型', prop: 'type', filter: 'select' },
+        { label: '申请人', prop: 'apply_personal' },
+        { label: '联系电话', prop: 'phone' },
+        {
+          label: '审核状态',
+          prop: 'status',
+          format: (i) => {
+            const r = policyStatus.find((f) => f.value === i);
+            if (r) return r.label;
+            else return '';
+          },
+        },
+        { label: '建议', prop: 'desc', showTip: true },
+      ],
+      typeList: policyType,
+    };
+  },
+  created() {
+    this.search();
+  },
+  methods: {
+    ...policy(['query', 'delete']),
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      const res = await this.query({ skip, limit, ...info });
+      if (this.$checkRes(res)) {
+        this.$set(this, `list`, res.data);
+        this.$set(this, `total`, res.total);
+      }
+    },
+    toAdd() {
+      this.$router.push('/adminCenter/policy/detail');
+    },
+    toEdit({ data }) {
+      this.$router.push({ path: '/adminCenter/policy/detail', query: { id: data._id } });
+    },
+    async toDelete({ data }) {
+      const res = await this.delete(data._id);
+      if (this.$checkRes(res, '删除成功', '删除失败')) {
+        this.search();
+      }
+    },
   },
-  created() {},
-  methods: {},
   computed: {
     ...mapState(['user', 'menuParams']),
     pageTitle() {