1

src/router/index.js

@@ -159,6 +159,28 @@ export default new Router({
           component: () => import('../views/science/detail.vue'),
           meta: { title: '科技新闻信息管理' },
         },
+        // e专利
+        {
+          path: '/patent',
+          component: () => import('../views/patent/index.vue'),
+          meta: { title: 'e专利' },
+        },
+        {
+          path: '/patent/detail',
+          component: () => import('../views/patent/detail.vue'),
+          meta: { title: 'e专利信息管理' },
+        },
+        // 培训问诊
+        {
+          path: '/train',
+          component: () => import('../views/train/index.vue'),
+          meta: { title: '培训问诊' },
+        },
+        {
+          path: '/train/detail',
+          component: () => import('../views/train/detail.vue'),
+          meta: { title: '培训问诊信息管理' },
+        },
       ],
     },
     {

src/store/index.js

@@ -18,6 +18,8 @@ import expert from '@common/src/store/expert';
 import product from '@common/src/store/product';
 // 展会
 import dock from '@common/src/store/dock';
+// 培训问诊
+import trainLive from '@common/src/store/trainLive';
 // 技术新闻
 import column from '@common/src/store/column';
 import news from '@common/src/store/news';
@@ -29,6 +31,8 @@ import interview from '@common/src/store/interview';
 import notice from '@common/src/store/notice';
 // 科技新闻
 import science from '@common/src/store/science';
+// e专利
+import patent from '@common/src/store/patent';
 // 字典表
 import category from '@common/src/store/category';
 import code from '@common/src/store/code';
@@ -48,12 +52,14 @@ export default new Vuex.Store({
     expert,
     product,
     dock,
+    trainLive,
     column,
     news,
     roadShow,
     interview,
     notice,
     science,
+    patent,
     category,
     code,
     place,

src/views/patent/detail.vue

@@ -0,0 +1,137 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="back">
+          <el-button type="primary" size="mini" @click="back">返回</el-button>
+        </el-col>
+        <el-col :span="24" class="detail">
+          <data-form :data="form" :fields="formFields" :rules="rules" @save="toSave">
+            <template #custom="{item,form}">
+              <template v-if="item.model == 'img_url'">
+                <upload :limit="1" :data="form.img_url" type="img_url" :url="'/files/img_url/upload'" @upload="uploadSuccess" @delete="uploadDelete"></upload>
+              </template>
+            </template>
+          </data-form>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataForm from '@common/src/components/frame/form.vue';
+import upload from '@common/src/components/frame/upload.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: patent } = createNamespacedHelpers('patent');
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'detail',
+  props: {},
+  components: {
+    dataForm,
+    upload,
+  },
+  data: function() {
+    return {
+      formFields: [
+        { label: '申请号', model: 'create_number', required: true },
+        { label: '申请日', model: 'create_date', type: 'date', required: true },
+        { label: '标题', model: 'name', required: true },
+        { label: '公开(公告)号', model: 'success_number', required: true },
+        { label: '公开(公告)日', model: 'success_date', type: 'date', required: true },
+        { label: '发明人', model: 'inventor', required: true },
+        { label: '发明人地址', model: 'address' },
+        { label: '申请人', model: 'apply_personal' },
+        { label: '专利有效性', model: 'term' },
+        { label: '专利类型', model: 'type' },
+        { label: '代理人', model: 'agent_personal' },
+        { label: '代理机构', model: 'agent' },
+        { label: '摘要', model: 'abstract', type: 'textarea' },
+        { label: '图片', model: 'img_url', custom: true },
+      ],
+      form: {},
+      rules: {
+        create_number: [{ required: true, message: '申请号', trigger: 'blur' }],
+        create_date: [{ type: 'string', required: true, message: '申请日', trigger: 'change' }],
+        name: [{ required: true, message: '请输入标题', trigger: 'blur' }],
+        success_number: [{ required: true, message: '公开(公告)号', trigger: 'blur' }],
+        success_date: [{ type: 'string', required: true, message: '公开(公告)日', trigger: 'change' }],
+        inventor: [{ required: true, message: '发明人', trigger: 'blur' }],
+        address: [{ required: false, message: '发明人地址', trigger: 'blur' }],
+        apply_personal: [{ required: false, message: '申请人', trigger: 'blur' }],
+        term: [{ required: false, message: '专利有效性', trigger: 'blur' }],
+        type: [{ required: false, message: '专利类型', trigger: 'blur' }],
+        agent_personal: [{ required: false, message: '代理人', trigger: 'blur' }],
+        agent: [{ required: false, message: '代理机构', trigger: 'blur' }],
+        abstract: [{ required: false, message: '摘要', trigger: 'blur' }],
+      },
+    };
+  },
+  async created() {
+    if (this.id) await this.search();
+  },
+  methods: {
+    ...patent(['fetch', 'create', 'update']),
+    // 查询详情
+    async search() {
+      let res = await this.fetch(this.id);
+      if (this.$checkRes(res)) {
+        this.$set(this, `form`, res.data);
+      }
+    },
+    // 提交
+    async toSave({ data }) {
+      if (data.id) {
+        let res = await this.update(data);
+        if (this.$checkRes(res)) {
+          this.$message({
+            message: '信息修改成功',
+            type: 'success',
+          });
+          this.back();
+        }
+      } else {
+        let res = await this.create(data);
+        if (this.$checkRes(res)) {
+          this.$message({
+            message: '信息创建成功',
+            type: 'success',
+          });
+          this.back();
+        }
+      }
+    },
+    // 返回
+    back() {
+      this.$router.push({ path: '/patent' });
+    },
+    // 图片上传
+    uploadSuccess({ type, data }) {
+      this.$set(this.form, `${type}`, data.uri);
+    },
+    // 删除图片
+    uploadDelete(data) {
+      this.$set(this.form, `${data.type}`, null);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    id() {
+      return this.$route.query.id;
+    },
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .back {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>

src/views/patent/index.vue

@@ -0,0 +1,97 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="top">
+          <el-button type="primary" size="mini" @click="add">添加</el-button>
+        </el-col>
+        <el-col :span="24" class="down">
+          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit" @delete="toDelete"></data-table>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: patent } = createNamespacedHelpers('patent');
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'index',
+  props: {},
+  components: { dataTable },
+  data: function() {
+    return {
+      opera: [
+        {
+          label: '编辑',
+          method: 'edit',
+        },
+        {
+          label: '删除',
+          method: 'delete',
+        },
+      ],
+      fields: [
+        { label: '申请号', prop: 'create_number', filter: 'input' },
+        { label: '公开(公告)号', prop: 'success_number', filter: 'input' },
+        { label: '标题', prop: 'name', filter: 'input' },
+        { label: '发明人', prop: 'inventor', filter: 'input' },
+        { label: '专利有效性', prop: 'term' },
+        { label: '专利类型', prop: 'type' },
+      ],
+      list: [],
+      total: 0,
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    ...patent(['query', 'fetch', 'create', 'update', 'delete']),
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      let res = await this.query({ skip, limit, ...info });
+      if (this.$checkRes(res)) {
+        this.$set(this, `list`, res.data);
+        this.$set(this, `total`, res.total);
+      }
+    },
+    // 修改
+    toEdit({ data }) {
+      this.$router.push({ path: '/patent/detail', query: { id: data.id } });
+    },
+    // 删除
+    async toDelete({ data }) {
+      let res = await this.delete(data.id);
+      if (this.$checkRes(res)) {
+        this.$message({
+          message: '信息删除成功',
+          type: 'success',
+        });
+        this.search();
+      }
+    },
+    // 添加数据
+    add() {
+      this.$router.push({ path: '/patent/detail' });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>

src/views/train/detail.vue

@@ -0,0 +1,149 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="back">
+          <el-button type="primary" size="mini" @click="back">返回</el-button>
+        </el-col>
+        <el-col :span="24" class="detail">
+          <data-form :data="form" :fields="formFields" :rules="rules" @save="toSave">
+            <template #custom="{ item, form }">
+              <template v-if="item.model == 'start_date'">
+                <el-date-picker v-model="form.start_date" type="datetime" placeholder="请选择" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
+                </el-date-picker>
+              </template>
+              <template v-else-if="item.model == 'province'">
+                <el-select v-model="form.province" placeholder="请选择" filterable clearable @change="changePro">
+                  <el-option v-for="(i, index) in provinceList" :key="index" :label="i.name" :value="i.code"></el-option>
+                </el-select>
+              </template>
+              <template v-else-if="item.model == 'place'">
+                <el-select v-model="form.place" placeholder="请选择" filterable clearable>
+                  <el-option v-for="(i, index) in placeList" :key="index" :label="i.name" :value="i.code"></el-option>
+                </el-select>
+              </template>
+            </template>
+          </data-form>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataForm from '@common/src/components/frame/form.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: trainLive } = createNamespacedHelpers('trainLive');
+const { mapActions: place } = createNamespacedHelpers('place');
+
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'detail',
+  props: {},
+  components: {
+    dataForm,
+  },
+  data: function() {
+    return {
+      formFields: [
+        { label: '标题', model: 'title' },
+        { label: '开始时间', model: 'start_date', custom: true },
+        { label: '省份', model: 'province', custom: true },
+        { label: '市区', model: 'place', custom: true },
+        { label: '主办方', model: 'sponsor' },
+        { label: '负责人', model: 'user' },
+        { label: '联系电话', model: 'phone' },
+        { label: '信息简介', model: 'brief', type: 'textarea' },
+      ],
+      form: {},
+      rules: {
+        title: [{ required: true, message: '请输入标题' }],
+        province: [{ required: true, message: '请选择省份' }],
+        place: [{ required: true, message: '请选择市区' }],
+        sponsor: [{ required: true, message: '请输入主办方' }],
+      },
+      // 省市
+      provinceList: [],
+      placeList: [],
+    };
+  },
+  async created() {
+    await this.searhOther();
+    await this.search();
+  },
+  methods: {
+    ...place({ placeQuery: 'query' }),
+    ...trainLive(['query', 'fetch', 'create', 'update']),
+    async search() {
+      if (this.id) {
+        let res = await this.fetch(this.id);
+        if (this.$checkRes(res)) {
+          this.$set(this, `form`, res.data);
+          this.changeshenge(res.data.province);
+        }
+      }
+    },
+    // 提交
+    async toSave({ data }) {
+      if (data.id) {
+        let res = await this.update(data);
+        if (this.$checkRes(res)) {
+          this.$message({
+            message: '信息修改成功',
+            type: 'success',
+          });
+          this.back();
+        }
+      } else {
+        let res = await this.create(data);
+        this.$checkRes(res, '创建成功', '创建失败');
+        this.$alert(`房间号：${res.data.room_id}` + `密码：${res.data.password};`, '成功', {
+          dangerouslyUseHTMLString: true,
+          confirmButtonText: '确定',
+          type: 'success',
+          center: true,
+          callback: action => {
+            this.back();
+          },
+        });
+      }
+    },
+    // 返回
+    back() {
+      this.$router.push({ path: '/train' });
+    },
+    // 选择省，查询市
+    async changePro(code) {
+      let res = await this.placeQuery({ code: code });
+      if (this.$checkRes(res)) {
+        this.$set(this, `placeList`, res.data);
+      }
+    },
+    // 查询省市
+    async searhOther() {
+      let res = await this.placeQuery();
+      if (this.$checkRes(res)) {
+        this.$set(this, `provinceList`, res.data);
+      }
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    id() {
+      return this.$route.query.id;
+    },
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .back {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>

src/views/train/index.vue

@@ -0,0 +1,96 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <el-col :span="24" class="top">
+          <el-button type="primary" size="mini" @click="add">添加</el-button>
+        </el-col>
+        <el-col :span="24" class="down">
+          <data-table :fields="fields" :opera="opera" :data="list" :total="total" @query="search" @edit="toEdit" @delete="toDelete"></data-table>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import dataTable from '@common/src/components/frame/filter-page-table.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: trainLive } = createNamespacedHelpers('trainLive');
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'index',
+  props: {},
+  components: { dataTable },
+  data: function() {
+    return {
+      opera: [
+        {
+          label: '编辑',
+          method: 'edit',
+        },
+        {
+          label: '删除',
+          method: 'delete',
+        },
+      ],
+      fields: [
+        { label: '房间号', prop: 'room_id', filter: 'input' },
+        { label: '标题', prop: 'title', filter: 'input' },
+        { label: '开始时间', prop: 'start_date' },
+        { label: '负责人', prop: 'user' },
+        { label: '联系电话', prop: 'phone' },
+      ],
+      list: [],
+      total: 0,
+    };
+  },
+  async created() {
+    await this.search();
+  },
+  methods: {
+    ...trainLive(['query', 'fetch', 'create', 'update', 'delete']),
+    async search({ skip = 0, limit = 10, ...info } = {}) {
+      let res = await this.query({ skip, limit, ...info });
+      if (this.$checkRes(res)) {
+        this.$set(this, `list`, res.data);
+        this.$set(this, `total`, res.total);
+      }
+    },
+    // 修改
+    toEdit({ data }) {
+      this.$router.push({ path: '/train/detail', query: { id: data.id } });
+    },
+    // 删除
+    async toDelete({ data }) {
+      let res = await this.delete(data.id);
+      if (this.$checkRes(res)) {
+        this.$message({
+          message: '信息删除成功',
+          type: 'success',
+        });
+        this.search();
+      }
+    },
+    // 添加数据
+    add() {
+      this.$router.push({ path: '/train/detail' });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.main {
+  .top {
+    text-align: right;
+    margin: 0 0 10px 0;
+  }
+}
+</style>