look-ui 1.1.11 → 1.1.12

package/README.md

@@ -0,0 +1,16 @@
+# look-ui
+
+# 鹿鸣前端组件包
+
+## 如何新建组件?
+1. 在 packages 目录下新建组件文件夹, 名字为 look-xxx, 目录结构参考现有组件
+2. 在 packages/index.js 文件中引入该组件即可
+
+## 如何打包成组件库?
+1. 在终端执行 `npm run lib` 命令即可
+
+## 如何发布到 npm ?
+1. 修改 package.json 中的 version 版本号
+2. 修改 npm 源为 npm 官方源, 否则在第3步会报错, 在终端执行 `npm config set registry https://registry.npmjs.org/`
+3. 执行 `npm login` , 登录 npm 账号
+4. 执行 `npm publish` 发布到 npm 官方源

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "look-ui",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "a ui library which is based on element-ui",
   "main": "./dist/look-ui.common.js",
   "scripts": {
@@ -10,7 +10,10 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
+    "axios": "^1.5.1",
     "core-js": "^3.8.3",
+    "element-ui": "^2.15.14",
+    "qs": "^6.11.2",
     "sass": "^1.63.6",
     "sass-loader": "^13.3.2",
     "vue": "^2.6.14"

package/src/App.vue

@@ -0,0 +1,197 @@
+<template>
+  <div class="app">
+    <look-dulplicate-checking
+      :loadingCheckResultList="loadingCheckResultList"
+      :noDealSimilarList="noDealSimilarList"
+      :noDealDissimilarList="noDealDissimilarList"
+      :hadDealSimilarList="hadDealSimilarList"
+      :hadDealDissimilarList="hadDealDissimilarList"
+      :checkingResultList="checkingResultList"
+      @mission-click="handleMissionClick"
+      @toggle-source="toggleSource"
+      @detail-click="handleDetailClick"
+      @subscription-click="handleSubscribe"
+      @merging-click="handleMerge"
+      @insertion-click="handleInsert"
+      @onClickNoDealSimilar="onClickNoDealSimilar" />
+  </div>
+</template>
+
+<script>
+import { searchRepeated } from '../utils/api.js';
+export default {
+  data() {
+    return {
+      loadingCheckResultList: false,
+      allCheckingResultList: [],
+      // 未处理任务-存在相似任务列表
+      noDealSimilarList: [
+        {
+          taskId: '1',
+          name: '三亚市第一艘海洋休闲渔船',
+          checked: false,
+          tenantId: '4602000038',
+          checkResultListLength: 0,
+        },
+        {
+          taskId: '2',
+          name: '事项工作内容',
+          checked: false,
+          tenantId: '4602000038',
+          checkResultListLength: 0,
+        },
+      ],
+      // 未处理任务-不存在相似任务列表
+      noDealDissimilarList: [
+        {
+          taskId: '1',
+          name: '三亚市第一艘海洋休闲渔船',
+          checked: false,
+          tenantId: '4602000038',
+          checkResultListLength: 0,
+        },
+        {
+          taskId: '2',
+          name: '事项工作内容',
+          checked: false,
+          tenantId: '4602000038',
+          checkResultListLength: 0,
+        },
+      ],
+      // 已处理任务-存在相似任务列表
+      hadDealSimilarList: [
+        {
+          title:
+            '春风验荡。历经百年沧桑的南非比勒陀利亚总统府，习近平主席同拉马福萨总统并肩而立，俯瞰欣欣向荣的城。',
+          checked: false,
+          matchingResultCount: 8,
+          checkResultList: [
+            { name: '省政府督查', count: 3 },
+            { name: '省委督查', count: 3 },
+            { name: '深改办(自贸办)', count: 2 },
+          ],
+          status: 3,
+          relation:
+            '《习近平主席出席金砖国家领导人第十五次会晤并对南非进行国事访问。立足南非和金砖，放眼非洲和世 界。》',
+        },
+        {
+          title:
+            '春风验荡。历经百年沧桑的南非比勒陀利亚总统府，习近平主席同拉马福萨总统并肩而立，俯瞰欣欣向荣的城。',
+          checked: false,
+          matchingResultCount: 8,
+          checkResultList: [
+            { name: '省政府督查', count: 3 },
+            { name: '省委督查', count: 3 },
+            { name: '深改办(自贸办)', count: 2 },
+          ],
+          status: 3,
+          relation:
+            '《习近平主席出席金砖国家领导人第十五次会晤并对南非进行国事访问。立足南非和金砖，放眼非洲和世 界。》',
+        },
+      ],
+      // 已处理任务-不存在相似任务列表
+      hadDealDissimilarList: [
+        {
+          title:
+            '春风验荡。历经百年沧桑的南非比勒陀利亚总统府，习近平主席同拉马福萨总统并肩而立，俯瞰欣欣向荣的城。',
+          checked: false,
+          status: 3,
+          relation:
+            '《习近平主席出席金砖国家领导人第十五次会晤并对南非进行国事访问。立足南非和金砖，放眼非洲和世 界。》',
+        },
+        {
+          title:
+            '春风验荡。历经百年沧桑的南非比勒陀利亚总统府，习近平主席同拉马福萨总统并肩而立，俯瞰欣欣向荣的城。',
+          checked: false,
+          status: 3,
+          relation:
+            '《习近平主席出席金砖国家领导人第十五次会晤并对南非进行国事访问。立足南非和金砖，放眼非洲和世 界。》',
+        },
+        {
+          title:
+            '春风验荡。历经百年沧桑的南非比勒陀利亚总统府，习近平主席同拉马福萨总统并肩而立，俯瞰欣欣向荣的城。',
+          checked: false,
+          status: 3,
+          relation:
+            '《习近平主席出席金砖国家领导人第十五次会晤并对南非进行国事访问。立足南非和金砖，放眼非洲和世 界。》',
+        },
+      ],
+      checkingResultList: [],
+    };
+  },
+  created() {
+    searchRepeated(this.paramsData).then(res => {
+      this.allCheckingResultList = res.data.data;
+      this.allCheckingResultList.forEach(item => {
+        this.noDealSimilarList.forEach(iten => {
+          if (item.keyId == iten.taskId) {
+            iten.checkResultListLength = item.size;
+          }
+        });
+      });
+      this.getCurrMissionCheckingResultList(0);
+    });
+  },
+  computed: {
+    paramsData() {
+      return {
+        from: 0,
+        jsonStr: JSON.stringify(this.noDealSimilarList),
+        keyId: 'taskId',
+        modelIndex: 'common_task',
+        modelType: 'task',
+        names: 'name',
+        size: 10000,
+      }
+    }
+  },
+  methods: {
+    fetchCheckingResultList(index) {
+      this.loadingCheckResultList = true
+      searchRepeated(this.paramsData).then(res => {
+        this.allCheckingResultList = res.data.data;
+        this.getCurrMissionCheckingResultList(index)
+      })
+    },
+    handleDetailClick() {
+
+    },
+    onClickNoDealSimilar(index) {
+      this.getCurrMissionCheckingResultList(index)
+    },
+    getCurrMissionCheckingResultList(index) {
+      this.loadingCheckResultList = true
+      setTimeout(() => {
+        const currentMissionKeyId = this.noDealSimilarList[index].taskId;
+        const resObj = this.allCheckingResultList.find(item => item.keyId == currentMissionKeyId) || {};
+        this.checkingResultList = resObj.hitRes || [];
+        this.loadingCheckResultList = false;
+      }, 500)
+    },
+    handleMissionClick(row) {
+      console.log('row', row);
+    },
+    toggleSource(val, index) {
+      this.paramsData.names = val.toString()
+      this.fetchCheckingResultList(index)
+    },
+    // 关注
+    handleSubscribe(row) {
+      console.log('row', row);
+    },
+    // 归并
+    handleMerge(row) {
+      console.log('row', row);
+    },
+    // 插入
+    handleInsert(row) {
+      console.log('row', row);
+    },
+  },
+};
+</script>
+<style>
+.app {
+  height: 100%;
+}
+</style>

package/src/main.js

@@ -0,0 +1,14 @@
+import Vue from 'vue';
+import App from './App.vue';
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+import LookUI from '../packages/index.js';
+import '../style/index.scss';
+import './normalize.css'
+
+Vue.config.productionTip = false;
+Vue.use(ElementUI);
+Vue.use(LookUI);
+new Vue({
+  render: h => h(App),
+}).$mount('#app');

package/src/normalize.css

@@ -0,0 +1,9 @@
+html,body {
+  margin: 0;
+  padding: 0;
+}
+
+html,body {
+  width: 100%;
+  height: 100%;
+}

package/utils/api.js

@@ -0,0 +1,13 @@
+import request from './request';
+import Qs from 'qs';
+
+export const searchRepeated = function (data) {
+  return request({
+    url: `/api/searchRepeated/batchSearch`,
+    method: 'post',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
+    },
+    data: Qs.stringify(data),
+  });
+};

package/utils/request.js

@@ -0,0 +1,26 @@
+import axios from 'axios';
+
+const service = axios.create({
+  timeout: 5 * 60000,
+});
+
+service.interceptors.request.use(
+  config => {
+    return config;
+  },
+  error => {
+    console.log(error);
+    Promise.reject(error);
+  }
+);
+
+service.interceptors.response.use(
+  res => {
+    return res
+  },
+  error => {
+    return Promise.reject(error);
+  }
+);
+
+export default service;