update

src/components/frame/upload.vue

@@ -26,7 +26,7 @@
         {{ tip }}
       </template>
     </el-upload>
-    <el-dialog :visible.sync="dialogVisible">
+    <el-dialog :visible.sync="dialogVisible" append-to-body>
       <img width="100%" :src="dialogImageUrl" alt="" />
     </el-dialog>
   </div>
@@ -70,7 +70,7 @@ export default {
   methods: {
     handlePictureCardPreview(file) {
       this.dialogImageUrl = file.url;
-      this.dialogVisible = false;
+      this.dialogVisible = true;
     },
     handleRemove(file, fileList) {
       this.$set(this, `fileList`, []);

src/store/newteck/apply.js

@@ -0,0 +1,38 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+import _ from 'lodash';
+Vue.use(Vuex);
+const api = {
+  interface: `/api/newteck/apply`,
+};
+const state = () => ({});
+const mutations = {};
+
+const actions = {
+  async query({ commit }, { skip = 0, limit = 10, ...info } = {}) {
+    const res = await this.$axios.$get(api.interface, { skip, limit, ...info });
+    return res;
+  },
+  async create({ commit }, payload) {
+    const res = await this.$axios.$post(`${api.interface}`, payload);
+    return res;
+  },
+  async fetch({ commit }, payload) {
+    const res = await this.$axios.$get(`${api.interface}/${payload}`);
+    return res;
+  },
+  async update({ commit }, { id, ...info } = {}) {
+    const res = await this.$axios.$post(`${api.interface}/${id}`, { ...info });
+    return res;
+  },
+  async delete({ commit }, payload) {
+    const res = await this.$axios.$delete(`${api.interface}/${payload}`);
+    return res;
+  },
+};
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+};

template/expertList.vue

@@ -15,7 +15,7 @@
             <td width="200">职称</td>
             <td width="200">签名</td>
           </tr>
-          <tr v-for="(i, index) in list" :key="`tr${index}`">
+          <tr v-for="(i, index) in dataList" :key="`tr${index}`">
             <td>{{ index + 1 }}</td>
             <td>{{ getProp(i, 'expert_id.group_zw') }}</td>
             <td>{{ getProp(i, 'expert_id.expert_name') }}</td>
@@ -37,6 +37,7 @@
 </template>
 
 <script>
+const _ = require('lodash');
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'expertList',
@@ -58,6 +59,13 @@ export default {
     pageTitle() {
       return `${this.$route.meta.title}`;
     },
+    dataList() {
+      let dup = _.cloneDeep(_.get(this, 'list', []));
+      while (dup.length < 10) {
+        dup.push({});
+      }
+      return dup;
+    },
   },
   metaInfo() {
     return { title: this.$route.meta.title };

template/page5.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="page5">
     <el-row>
-      <el-col :span="6" :offset="1" style="font-size:24px;padding-bottom:10px">五,县城测试(检测,测产)意见</el-col>
+      <el-col :span="6" :offset="1" style="font-size:24px;padding-bottom:10px">五,现场测试(检测,测产)意见</el-col>
     </el-row>
     <div :style="`width:${width};height:${height};border:2px solid;position: relative;`">
       <div style="position:absolute;bottom:115px;right:300px">

template/page6.vue

@@ -5,12 +5,9 @@
     </el-row>
     <div :style="`width:${width};height:${height};border:2px solid;position: relative;`">
       <p class="word">
-        <span>年</span>
-        <span>月</span>
-        <span>日</span>
-        ,吉林省发明歇会组织专家对
-        <span>单位</span>
-        (<span></span>申请人) 完成的科技成果 《<span></span>》进行评价.
+        {{ getNowDate() }},吉林省发明歇会组织专家对
+        {{ getProp('basic.apply_company') }}
+        ({{ getProp('basic.apply_personal') }}) 完成的科技成果 《{{ getProp('basic.achieve_name') }}》进行评价.
         专家组听取了申请单位(申请人)所做的技术总结报告,审查了提供的相关资料,(进行了现场测试,现场考察),经质疑和讨论,形成如下评价意见:
       </p>
       <div style="position:absolute;bottom:115px;right:300px">
@@ -30,10 +27,14 @@
 </template>
 
 <script>
+const _ = require('lodash');
+const moment = require('moment');
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'page6',
-  props: {},
+  props: {
+    data: Object,
+  },
   components: {},
   data: function() {
     return {
@@ -42,7 +43,14 @@ export default {
     };
   },
   created() {},
-  methods: {},
+  methods: {
+    getNowDate() {
+      return moment().format('YYYY年MM月DD日');
+    },
+    getProp(prop) {
+      return _.get(this.data, prop);
+    },
+  },
   computed: {
     ...mapState(['user', 'menuParams']),
     pageTitle() {