look-ui 1.2.20 → 1.2.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "look-ui",
-  "version": "1.2.20",
+  "version": "1.2.22",
   "description": "a ui library which is based on element-ui",
   "main": "./dist/look-ui.common.js",
   "scripts": {
@@ -13,11 +13,13 @@
   "dependencies": {
     "axios": "^1.5.1",
     "core-js": "^3.8.3",
+    "echarts": "^5.5.0",
     "element-ui": "^2.15.14",
     "qs": "^6.11.2",
     "sass": "^1.63.6",
     "sass-loader": "^13.3.2",
     "vue": "^2.6.14",
+    "vue-router": "^3.6.5",
     "vue-virtual-scroll-list": "^2.3.5"
   },
   "devDependencies": {

package/src/App.vue

@@ -1,47 +1,30 @@
 <template>
   <div class="app">
-    <!-- 弹窗模式需要给高度 -->
-    <!-- <el-dialog
-      class="dulplicate-checking-popup"
-      title="批量导入结果"
-      width="80%"
-      top="5vh"
-      :visible="true"
-      append-to-body
-      :close-on-click-modal="false"
-      :close-on-press-escape="false">
-      <div class="dulplicate-checking-content">
-        <look-dulplicate-checking
-          :data="data"
-          @merging-click="mergingClick"
-          @subscription-click="subscriptionClick"
-          @insertion-click="insertionClick" />
+      <div class="menu-container" style="">
+        <el-menu
+          router
+          default-active="1"
+          class="el-menu-vertical-demo" >
+          <el-menu-item index="/look-dulplicate-checking">
+            <i class="el-icon-menu"></i>
+            <span slot="title">查重组件</span>
+          </el-menu-item>
+          <el-menu-item index="/look-performance-cms">
+            <i class="el-icon-menu"></i>
+            <span slot="title">绩效考核-后台</span>
+          </el-menu-item>
+          <el-menu-item index="/look-performance-leader">
+            <i class="el-icon-document"></i>
+            <span slot="title">绩效考核-领导端</span>
+          </el-menu-item>
+          <el-menu-item index="/look-performance-unit">
+            <i class="el-icon-setting"></i>
+            <span slot="title">绩效考核-责任端</span>
+          </el-menu-item>
+        </el-menu>
       </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary"> 创建任务 </el-button>
-      </div>
-    </el-dialog> -->
-    <look-dulplicate-checking
-      :data="data"
-      searchRepeatedUrl="http://192.168.230.186:7076"
-      isShowCustomSource
-      :customSource="customSource"
-      :customNames="['taskType']"
-      @createTasks="createTasks"
-      @merging-click="mergingClick"
-      @subscription-click="subscriptionClick"
-      @insertion-click="insertionClick"
-      @name-click="nameClick"
-      @checking-name-click="checkingNameClick"
-      @detail-click="detailClick"
-      @relation-click="relationClick"
-      @onCancelBtnClick="handleCancelBtnClick">
-      <!-- <template v-slot:operating-btns="slotProps">
-          <el-button size="small" @click="handleDiyBtnClick(slotProps)">自定义按钮</el-button>
-        </template> -->
-    </look-dulplicate-checking>
-    <!-- <look-associated-document /> -->
-    <!-- <look-associated-attachment style="height: 300px;" /> -->
+
+      <router-view class="content-container"></router-view>
   </div>
 </template>
 
@@ -49,155 +32,28 @@
 export default {
   data() {
     return {
-      allCheckingResultList: [],
-      customSource: {
-        label: '自定义来源',
-        checkboxs: [
-          {
-            key: '工作落实',
-            value: 'gzls',
-            checked: true,
-            style: {
-              color: '#f00',
-              backgroundColor: '#fee5e5',
-            },
-          },
-          {
-            key: '重点项目',
-            value: 'zdxm',
-            checked: false,
-            style: {
-              color: '#fe8432',
-              backgroundColor: '#fff5e6',
-            },
-          },
-        ],
-      },
-      data: [
-        // 重点项目测试数据
-        // { taskId: '1', name: '三亚市西水中调项目一期', tenantId: '4602000038', checked: false, },
-        {
-          taskId: '1',
-          name: '三亚市第一艘海洋休闲渔船',
-          checked: false,
-          tenantId: '4602000038',
-          status: '',
-          checkResultListLength: 0,
-        },
-        {
-          taskId: '2',
-          name: '事项工作内容',
-          checked: false,
-          tenantId: '4602000038',
-          status: '已插入',
-          checkResultListLength: 0,
-          relation:
-            '《习近平主席出席金砖国家领导人第十五次会晤并对南非进行国事访问。立足南非和金砖，放眼非洲和世 界。》《习近平主席出席金砖国家领导人第十五次会晤并对南非进行国事访问。立足南非和金砖，放眼非洲和世 界。》《习近平主席出席金砖国家领导人第十五次会晤并对南非进行国事访问。立足南非和金砖，放眼非洲和世 界。》',
-        },
-        {
-          taskId: '3',
-          name: '琼海',
-          checked: false,
-          tenantId: '4602000038',
-          checkResultListLength: 0,
-          status: '已创建', // 已处理任务的状态
-          relation:
-            '《习近平主席出席金砖国家领导人第十五次会晤并对南非进行国事访问。立足南非和金砖，放眼非洲和世 界。》', // 已处理任务的关联任务的名字
-        },
-        {
-          name: '0131全是重大任务',
-          taskId: '1',
-          taskType: '101',
-          tenantId: '20221129',
-          checked: false,
-          status: '',
-        },
-        {
-          taskId: '4',
-          name: 'chenshiyan',
-          checked: false,
-          tenantId: '4602000039',
-          status: '',
-          checkResultListLength: 0,
-        },
-      ],
+      
     };
   },
   created() {},
   computed: {},
-  methods: {
-    relationClick(task) {
-      console.log('relation', task);
-    },
-    createTasks(task) {
-      console.log('task', task);
-    },
-    checkingNameClick(row) {
-      console.log('查重结果详情', row);
-    },
-    handleCancelBtnClick(item) {
-      this.data.forEach((task, index) => {
-        if (task.taskId === item.taskId) {
-          this.data[index].status = '';
-        }
-      });
-      console.log('取消', item);
-    },
-    handleDiyBtnClick(row) {
-      console.log('自定义按钮', row);
-    },
-    detailClick(row) {
-      console.log('详情', row);
-    },
-    insertionClick(row) {
-      console.log('插入', row);
-    },
-    subscriptionClick(row, instance) {
-      console.log('关注', row, instance);
-    },
-    mergingClick(row,row2) {
-      console.log('归并', row);
-      console.log('归并2', row2);
-    },
-    nameClick(row) {
-      console.log('标题', row);
-    },
-  },
 };
 </script>
 <style lang="scss" scope>
 .app {
+  display: flex;
   height: 100%;
-}
-.dulplicate-checking-popup {
-  ::v-deep .el-dialog__header {
-    padding: 10px !important;
-    background-color: #506eda;
-
-    .el-dialog__title {
-      color: #fff;
+  background-color: #f0f2f5;
+  .menu-container {
+    width: 200px;
+    flex-shrink: 0;
+    margin-right: 10px;
+    .el-menu {
+      height: 100%;
     }
   }
-
-  .el-dialog__headerbtn {
-    top: 15px;
-    .el-dialog__close {
-      color: #fff;
-    }
+  .content-container {
+    width: calc(100% - 210px);
   }
 }
-::v-deep .el-dialog__body {
-  padding: 0;
-}
-
-::v-deep .el-dialog__footer {
-  padding: 10px 20px;
-  border-top: 1px solid #ddd;
-}
-
-.dulplicate-checking-content {
-  height: 700px;
-  overflow: auto;
-  padding: 20px;
-}
 </style>

package/src/main.js

@@ -6,9 +6,14 @@ import LookUI from '../packages/index.js';
 import '../style/index.scss';
 import './normalize.css'
 
+import router from './router.js'
+import * as echarts from 'echarts'
+Vue.prototype.$echarts = echarts
+
 Vue.config.productionTip = false;
 Vue.use(ElementUI);
 Vue.use(LookUI);
 new Vue({
   render: h => h(App),
+  router,
 }).$mount('#app');

package/src/router.js

@@ -0,0 +1,30 @@
+import Vue from 'vue';
+import VueRouter from 'vue-router';
+
+Vue.use(VueRouter);
+
+const routes = [
+  { path: '/', redirect: '/look-dulplicate-checking' },
+  {
+    path: '/look-dulplicate-checking',
+    component: () => import('/packages/look-dulplicate-checking/src/demo.vue'),
+  },
+  {
+    path: '/look-performance-cms',
+    component: () => import('/packages/look-performance-cms/src/demo.vue'),
+  },
+  {
+    path: '/look-performance-leader',
+    component: () => import('/packages/look-performance-leader/src/demo.vue'),
+  },
+  {
+    path: '/look-performance-unit',
+    component: () => import('/packages/look-performance-unit/src/demo.vue'),
+  },
+];
+
+const router = new VueRouter({
+  routes,
+});
+
+export default router;