xrk-components 0.1.0 → 0.3.2

package/src/packages/task-detail/src/config/fields.js

@@ -1,655 +0,0 @@
-/*
- * @Description:
- * @Date: 2021-02-23 14:26:30
- * @LastEditors: jml
- */
-
-// 图片预览插件
-// import preview from 'vue-photo-preview';
-// import 'vue-photo-preview/dist/skin.css';
-
-import { check, date, money } from '../tools/index';
-import Config from './index';
-import { createDialog } from '../../../dialog/index';
-
-export default Vue => {
-  const { $createElement: createElement } = Vue;
-  /**
-   * 创建img元素
-   * @param {*} imgUrl 图片地址
-   * @param {*} prop
-   * @param {*} config vNode默认配置
-   * @param {*} noUsePreview 不使用图片预览
-   */
-  const createImgDom = (imgUrl, prop, config = {}, noUsePreview = false) => {
-    if (Array.isArray(imgUrl) && imgUrl.length > 0) {
-      // 数组图片
-      return createElement(
-        'div',
-        {
-          ...config,
-          class: 'img-group'
-        },
-        imgUrl.reduce((pre, cur) => {
-          pre.push(createImgDom(cur, prop, config));
-          return pre;
-        }, [])
-      );
-    }
-    if (check.isString(imgUrl)) {
-      return createElement('img', {
-        ...config,
-        class: 'd_img',
-        attrs: noUsePreview
-          ? {
-              src: imgUrl
-            }
-          : {
-              src: imgUrl,
-              preview: `${imgUrl}-${prop}`
-            }
-      });
-    }
-    return null;
-  };
-
-  /**
-   * 创建iframe元素
-   * @param {*} content
-   */
-  const createIframe = url => {
-    return createElement('iframe', {
-      attrs: {
-        src: url,
-        frameborder: 0,
-        width: '375px',
-        height: '667px'
-      }
-    });
-  };
-
-  const fields = {
-    /**
-     * 自然人
-     */
-    fullName: {
-      label: '自然人',
-      prop: ['fullName', 'full_name', 'agentName']
-    },
-    /**
-     * 手机号
-     */
-    phone: {
-      label: '手机号',
-      prop: 'phone'
-    },
-    /**
-     * 客户姓名
-     */
-    customerName: {
-      label: '客户姓名',
-      prop: 'customerName'
-    },
-    /**
-     * 医院
-     */
-    hospitalName: {
-      label: '医院',
-      prop: ['hospitalName', 'hospital']
-    },
-    /**
-     * 科室
-     */
-    departmentName: {
-      label: '科室',
-      prop: 'departmentName'
-    },
-    /**
-     * 职称
-     */
-    dutyName: {
-      label: '职称',
-      prop: 'dutyName'
-    },
-    /**
-     * 拜访时间
-     */
-    visitTime: {
-      label: '拜访时间',
-      prop: 'visitTime',
-      render(row, prop) {
-        if (row[prop]) {
-          return date.dateFormat(row[prop]);
-        } else {
-          return date.dateFormat(row['createDt']);
-        }
-      }
-    },
-    /**
-     * 拜访时长
-     */
-    visitMinute: {
-      label: '拜访时长',
-      prop: 'visitMinute',
-      render(row, prop) {
-        return `${row[prop]}分钟`;
-      }
-    },
-    /**
-     * 拜访地址
-     */
-    visitAddress: {
-      label: '拜访地点',
-      prop: 'visitAddress',
-      style: { width: '100%' },
-      slot: row => {
-        const { addressWatermarkPicUrl, addressPicUrl } = row;
-        return createImgDom(
-          addressWatermarkPicUrl || addressPicUrl,
-          'addressWatermarkPicUrl'
-        );
-      }
-    },
-    /**
-     * 传递信息
-     */
-    messages: {
-      label: '传递信息',
-      prop: 'messages'
-    },
-    /**
-     * 客户反馈
-     */
-    customerRemark: {
-      label: '客户反馈',
-      prop: ['customerRemark', 'feedbackContent']
-    },
-    /**
-     * 客户反馈时间
-     */
-    feedbackDt: {
-      label: '客户反馈时间',
-      prop: 'feedbackDt',
-      render(row, prop) {
-        return date.dateFormat(row[prop]);
-      }
-    },
-    /**
-     * 产品名称
-     */
-    productName: {
-      label: '产品名称',
-      prop: ['productName', 'product_name']
-    },
-    /**
-     * 产品剂型
-     */
-    jixing: {
-      label: '产品剂型',
-      prop: 'jixing'
-    },
-    /**
-     * 产品规格
-     */
-    guige: {
-      label: '产品规格',
-      prop: 'guige'
-    },
-    /**
-     * 产品国药准字
-     */
-    approvalNumber: {
-      label: '产品国药准字',
-      prop: ['approvalNumber', 'approval_number']
-    },
-    /**
-     * 客户签名
-     */
-    autographPicUrl: {
-      label: '客户签名',
-      prop: 'autographPicUrl',
-      style: { width: '100%' },
-      render(row, prop) {
-        return createImgDom(row[prop], prop);
-      }
-    },
-    /**
-     * 现场照片
-     */
-    pics: {
-      label: '现场照片',
-      prop: 'pics',
-      style: { width: '100%' },
-      render(row, prop) {
-        return createImgDom(row[prop], prop);
-      }
-    },
-    /**
-     * 会议时长
-     */
-    meetingMinute: {
-      label: '会议时长',
-      prop: 'meetingMinute',
-      render(row, prop) {
-        return row[prop] ? `${row[prop]}分钟` : '-';
-      }
-    },
-    /**
-     * 地点 , 暂时没用
-     */
-    addressPicUrl: {
-      label: '地点',
-      prop: ['addressWatermarkPicUrl', 'addressPicUrl'],
-      render(row, prop) {
-        if (Array.isArray(prop)) {
-          const _k = prop.find(item => row[item]);
-          return createImgDom(row[_k], _k);
-        }
-        return createImgDom(row[prop], prop);
-      }
-    },
-    /**
-     * 陈列照片
-     */
-    displayPhotos: {
-      style: { width: '100%' },
-      label: '陈列照片',
-      prop: 'displayPhotos',
-      render(row, prop) {
-        if (row['imgUrls']) {
-          return createImgDom(row['imgUrls'].split(';'), prop);
-        }
-        return createImgDom(
-          check.isString(row[prop]) ? row[prop].split(',') : row[prop],
-          prop
-        );
-      }
-    },
-    /**
-     * 签到详情
-     */
-    signInfo: {
-      label: '签到详情',
-      type: 'table',
-      style: { width: '100%' },
-      prop: ['signInfo', 'signInformation']
-    },
-    /**
-     * 拜访定位
-     */
-    longitudeAndLatitude: {
-      label: '拜访定位',
-      prop: 'longitudeAndLatitude',
-      render(row) {
-        const { longitudeAndLatitude, visitLongitude, visitLatitude } = row;
-        if (longitudeAndLatitude) {
-          return longitudeAndLatitude;
-        }
-        if (visitLongitude && visitLatitude) {
-          return `${visitLongitude},${visitLatitude}`;
-        }
-        return '-';
-      }
-    },
-    /**
-     * 反馈
-     */
-    customerFeedback: {
-      label: '反馈',
-      prop: 'customerFeedback'
-    },
-    /**
-     * 药店名称
-     */
-    pharmacyName: {
-      label: '药店名称',
-      prop: 'pharmacyName'
-    },
-    /**
-     * 巡店时间
-     */
-    startDt: {
-      label: '巡店时间',
-      prop: 'startDt'
-    },
-    /**
-     * 全国指导价
-     */
-    price: {
-      label: '全国指导价',
-      prop: 'price',
-      render(row, prop) {
-        return money.moneyFixed(row[prop]);
-      }
-    },
-    /**
-     * 产品售价
-     */
-    salesPrice: {
-      label: '产品售价',
-      prop: 'salesPrice',
-      render(row, prop) {
-        return money.moneyFixed(row[prop]);
-      }
-    },
-    /**
-     * 陈列要求
-     */
-    productRequire: {
-      label: '陈列要求',
-      prop: 'productRequire'
-    },
-    /**
-     * 陈列要求
-     */
-    displayStatus: {
-      label: '陈列状态',
-      prop: 'displayStatus',
-      render(row, prop) {
-        const status = row[prop];
-        return status == 1 ? '优秀' : status == 2 ? '合格' : '不合格';
-      }
-    },
-    /**
-     * 是否有POP
-     */
-    isProdectPop: {
-      label: '是否有POP',
-      prop: 'isProdectPop',
-      render(row, prop) {
-        const status = row[prop];
-        return status == 1 ? '是' : '否';
-      }
-    },
-    /**
-     * 是否知道卖点
-     */
-    isKnow: {
-      label: '是否知道卖点',
-      prop: 'isKnow',
-      render(row, prop) {
-        const status = row[prop];
-        return status == 1 ? '知道' : '不知道';
-      }
-    },
-    /**
-     * 主要竞品
-     */
-    competitor: {
-      label: '主要竞品',
-      prop: ['competitor', 'specifications']
-    },
-    /**
-     * 门店库存
-     */
-    stock: {
-      label: '门店库存',
-      prop: 'stock'
-    },
-    /**
-     * 医院等级
-     */
-    gradeName: {
-      label: '医院等级',
-      prop: 'gradeName'
-    },
-    /**
-     * 签到人数
-     */
-    signInformationTotal: {
-      label: '签到人数',
-      prop: 'signInformationTotal',
-      render(row, prop) {
-        return `${row[prop]}人`;
-      }
-    },
-    /**
-     * 数字拜访途径
-     */
-    visitType: {
-      label: '数字拜访途径',
-      prop: 'visitType',
-      render(row, prop) {
-        return ['-', '微信'][row[prop]] || '-';
-      }
-    },
-    /**
-     * 传递详情
-     */
-    numberVisitMessage: {
-      style: { width: '100%' },
-      label: '传递详情',
-      prop: 'numberVisitMessage',
-      render(row, prop) {
-        const { id } = row;
-        return createElement(
-          'ul',
-          {
-            style: 'padding-left:20px;'
-          },
-          (row[prop] || row['transmitList'] || []).reduce((pre, cur) => {
-            pre.push(
-              createElement(
-                'li',
-                {
-                  style:
-                    'margin-bottom:10px;color:#1989fa;cursor: pointer;list-style: disc;',
-                  on: {
-                    click: createDialog.bind(null, {
-                      title: '传递详情',
-                      content: createIframe(
-                        `${Config.webViewUrl}${Config.webPath}/visit?id=${id}&platform=oss`
-                      ),
-                      hideCancel: true,
-                      success: res => {
-                        const { dialog } = res;
-                        dialog.close();
-                      }
-                    })
-                  }
-                },
-                `${cur.informationName}`
-              )
-            );
-            return pre;
-          }, [])
-        );
-      }
-    },
-    /**
-     * 信息反馈记录
-     */
-    xinxifankui: {
-      label: '信息反馈记录',
-      prop: 'xinxifankui',
-      render(row) {
-        const { id } = row;
-        return createImgDom(
-          'http://yiyang.oss-cn-beijing.aliyuncs.com/WEB/SaaS/images/xinxifankui.png',
-          'xinxifankui',
-          {
-            style: 'width:200px;',
-            on: {
-              click: createDialog.bind(null, {
-                title: '传递详情',
-                content: createIframe(
-                  `${Config.webViewUrl}${Config.webPath}/visit?id=${id}&showType=feedback&platform=oss`
-                ),
-                hideCancel: true,
-                success: res => {
-                  const { dialog } = res;
-                  dialog.close();
-                }
-              })
-            }
-          },
-          true
-        );
-      }
-    },
-    /**
-     * 信息转发记录
-     */
-    xinxizhuanf: {
-      label: '信息转发记录',
-      prop: 'xinxizhuanf',
-      render(row) {
-        const { id } = row;
-        return createImgDom(
-          'http://yiyang.oss-cn-beijing.aliyuncs.com/WEB/SaaS/images/xinxizhuanf.png',
-          'xinxizhuanf',
-          {
-            style: 'width:200px;',
-            on: {
-              click: createDialog.bind(null, {
-                title: '传递详情',
-                content: createIframe(
-                  `${Config.webViewUrl}${Config.webPath}/visitDetail?id=${id}&platform=oss`
-                ),
-                hideCancel: true,
-                success: res => {
-                  const { dialog } = res;
-                  dialog.close();
-                }
-              })
-            }
-          },
-          true
-        );
-      }
-    },
-    /**
-     * 线上推广
-     */
-    xstg: {
-      hideLabel: true,
-      style: {
-        width: '100%'
-      },
-      render(row) {
-        const { titleList: _titleList, taskList = [] } = row;
-        const titleList = (_titleList || [])[0] || [];
-        const createTable = (firstLabel, list) => {
-          const labelWidth = 100;
-          const indexWidth = 70;
-          const _list = [firstLabel, ...list];
-          return createElement(
-            'div',
-            {
-              class: 'xstg_table_column',
-              style: {
-                width: `${list.length * labelWidth + indexWidth}px`
-              }
-            },
-            _list.reduce((pre, cur, index) => {
-              pre.push(
-                createElement(
-                  'div',
-                  {
-                    class: 'xstg_table_column_item',
-                    style: {
-                      width: `${index === 0 ? indexWidth : labelWidth}px`
-                    }
-                  },
-                  cur
-                )
-              );
-              return pre;
-            }, [])
-          );
-        };
-        return createElement('div', { class: 'xstg_table' }, [
-          createTable('序号', titleList),
-          ...taskList.reduce((pre, cur = [], index) => {
-            pre.push(createTable(+index + 1, cur));
-            return pre;
-          }, [])
-        ]);
-      }
-    },
-    /**
-     * 标题
-     */
-    title: {
-      label: '标题',
-      prop: 'title'
-    },
-    /**
-     * 描述
-     */
-    content: {
-      label: '描述',
-      prop: 'content'
-    },
-    /**
-     * 照片
-     */
-    imgList: {
-      style: { width: '100%' },
-      label: '照片',
-      prop: 'imgList',
-      render(row, prop) {
-        const _imgArr = row[prop] || [];
-        return createElement(
-          'ul',
-          { class: 'case_imgs' },
-          _imgArr.reduce((pre, cur) => {
-            pre.push(
-              createElement('li', [
-                createImgDom(cur.imgUrl),
-                createElement('div', cur.imgDescribe)
-              ])
-            );
-            return pre;
-          }, [])
-        );
-      }
-    },
-    /**
-     * ppt文件列表
-     */
-    fileList: {
-      style: { width: '100%' },
-      label: 'ppt文件列表',
-      prop: 'fileList',
-      render(row, prop) {
-        const _fileArr = row[prop] || [];
-        return createElement(
-          'ul',
-          { style: { 'padding-left': '19px' } },
-          _fileArr.reduce((pre, cur) => {
-            pre.push(
-              createElement(
-                'li',
-                {
-                  style: {
-                    color: '#409eff',
-                    'list-style': 'decimal',
-                    'margin-bottom': '5px'
-                  }
-                },
-                [
-                  createElement(
-                    'span',
-                    {
-                      style: { cursor: 'pointer' },
-                      on: {
-                        click: () => {
-                          window.open(cur.fileUrl);
-                        }
-                      }
-                    },
-                    cur.fileName
-                  )
-                ]
-              )
-            );
-            return pre;
-          }, [])
-        );
-      }
-    }
-  };
-
-  return fields;
-};

package/src/packages/task-detail/src/config/index.js

@@ -1,34 +0,0 @@
-/*
- * @Description:
- * @Author: jml
- * @Date: 2021-02-25 17:26:10
- * @LastEditors: jml
- * @LastEditTime: 2021-02-25 17:26:41
- */
-const setDomain = () => {
-  let hostname = window.location.hostname;
-  let len = 0;
-  if (!/192|172/.test(hostname)) {
-    hostname = hostname.split('.');
-    len = hostname.length;
-    hostname = `${hostname[len - 2]}.${hostname[len - 1]}`;
-  }
-  return hostname;
-};
-const setWebViewUrl = () => {
-  let domain = setDomain();
-  let url = '//saas-crm-wx.jimijiayuan.cn';
-  if (domain.includes('192')) {
-    return url;
-  }
-  url = `//saas-crm-wx.${domain}`;
-  return url;
-};
-
-const config = {
-  token: 'supplierSaaSToken',
-  domain: setDomain(),
-  webPath: '/html/index.html#',
-  webViewUrl: setWebViewUrl()
-};
-export default config;