feat: 创建文件

web
Commit 67233713 authored May 10, 2022 by web
Showing with 584 additions and 11 deletions
src/App.vue
src/packages/bi/src/commonComponents/title.vue
src/packages/bi/src/components/photo-wall/del.vue
src/packages/bi/src/components/photo-wall/images.vue
src/packages/bi/src/components/photo-wall/index.vue
src/packages/bi/src/components/photo-wall/select.vue
src/packages/bi/src/components/photo-wall/style.vue
src/packages/bi/src/project/20-configurable.vue
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,12 +6,14 @@

 <template>
  <div>
-    <component
-      :is="componentName"
-      :mobile="isMobile"
-      :print="isPrint"
-      :projectType="projectType"
-    ></component>
+    <XrkBi
+      :print="false"
+      :cantEdit="2"
+      projectType="20"
+      from="cso"
+      v-bind="config"
+      :getTemplateList="getTemplateList"
+    ></XrkBi>
  </div>
  <!-- <ul class="pervie">
    <li name="任务记录">
@@ -43,8 +45,333 @@ export default {
      isMobile: +getQueryVariable('mobile') === 1,
      isPrint: +getQueryVariable('print') === 1,
      projectType: +getQueryVariable('projectType') || 6,
-      componentName: getQueryVariable('componentName') || 'XrkBi'
+      componentName: getQueryVariable('componentName') || 'XrkBi',
+      config: {
+        getBaseInfo() {
+          return {
+            data: {
+              data: [
+                {
+                  styleConfigureSettlementTime: '2022-04-13',
+                  createUserId: 11,
+                  createFullName: '钱思远',
+                  projectType: 20,
+                  endDt: null,
+                  isAuditCso: 1,
+                  dataCollectNumber: 1,
+                  type: 1,
+                  title:
+                    '关于标签演示园区个体01产品全国区域可配置场景项目数据报告',
+                  isAuditGongye: 1,
+                  aspEnterpriseNameWrite:
+                    '服务商：康师傅方便面投资（中国）有限公司-乙方',
+                  aspEnterpriseName: '康师傅方便面投资（中国）有限公司-乙方',
+                  examinePeopleNumber: 1,
+                  executePeopleNumber: 1,
+                  taskSum: 1,
+                  clickNum: null,
+                  id: 2614,
+                  aspNamePosition: null,
+                  titlePosition: null,
+                  reportId: null,
+                  coverTemplateUrl:
+                    'https://cdn.yxvzb.com/sunflower/invoice/1648173119057.jpeg',
+                  isContrainGroupAnalyse: 0,
+                  nameShowType: 3,
+                  patternType: 12,
+                  videoNum: null,
+                  isContrainSingleAnalyse: 1,
+                  createDt: 1649821497000,
+                  coverTemplateId: 1,
+                  enterpriseType: null,
+                  isAuditAllince: 1,
+                  settlementTime: '2022-04-13',
+                  chooseTopicNum: 1,
+                  startDt: null,
+                  enterpriseId: null,
+                  projectName:
+                    '关于标签演示园区个体01产品全国区域可配置场景项目',
+                  fenpeiId: 5636,
+                  sendEnterpriseName: null,
+                  projectId: 122,
+                  styleConfigureId: 120,
+                  styleConfigureSettlementTimePosition: null,
+                  totalTopicNum: 1,
+                  csoAuditUser: '孟祥龙'
+                }
+              ],
+              message: '操作成功',
+              status: '1'
+            }
+          };
+        },
+        getFixedInfo() {
+          return {
+            data: {
+              data: [
+                {
+                  resultSystem:
+                    '项目执行总人数1人，其中男性0人，占比0%；女性1，占比100.00%',
+                  resultUser: null,
+                  analyseDescribe:
+                    '执行人数1，18-30岁的男性占比0% ，女性100.00%；31-40岁的男性占比0% ，女性0%；41-50岁的男性占比0% ，女性0%；51岁以上的男性占比0% ，女性0%',
+                  chartType: null,
+                  colourGroup: null,
+                  id: 465,
+                  fixedCountInfos: [
+                    {
+                      id: 1753,
+                      fixedDetaileId: 465,
+                      num: 0,
+                      passType: null,
+                      genderType: '男',
+                      ageType: null,
+                      taskNumType: null
+                    },
+                    {
+                      id: 1754,
+                      fixedDetaileId: 465,
+                      num: 1,
+                      passType: null,
+                      genderType: '女',
+                      ageType: null,
+                      taskNumType: null
+                    }
+                  ],
+                  type: 1,
+                  createDt: 1649821497000
+                },
+                {
+                  resultSystem:
+                    '项目执行总人数1人，其中18-30岁的1人，占比100.00%； 31-40岁的0人，占比0%；41-50岁的0人，占比0%；50岁及其以上0人 ，占比0%',
+                  resultUser: null,
+                  analyseDescribe:
+                    '执行人数1，18-30岁的男性占比0% ，女性100.00%；31-40岁的男性占比0% ，女性0%；41-50岁的男性占比0% ，女性0%；51岁以上的男性占比0% ，女性0%',
+                  chartType: null,
+                  colourGroup: null,
+                  id: 466,
+                  fixedCountInfos: [
+                    {
+                      id: 1755,
+                      fixedDetaileId: 466,
+                      num: 1,
+                      passType: null,
+                      genderType: '18-30岁',
+                      ageType: null,
+                      taskNumType: null
+                    },
+                    {
+                      id: 1756,
+                      fixedDetaileId: 466,
+                      num: 0,
+                      passType: null,
+                      genderType: '31-40岁',
+                      ageType: null,
+                      taskNumType: null
+                    },
+                    {
+                      id: 1757,
+                      fixedDetaileId: 466,
+                      num: 0,
+                      passType: null,
+                      genderType: '41-50岁',
+                      ageType: null,
+                      taskNumType: null
+                    },
+                    {
+                      id: 1758,
+                      fixedDetaileId: 466,
+                      num: 0,
+                      passType: null,
+                      genderType: '51岁以上',
+                      ageType: null,
+                      taskNumType: null
+                    }
+                  ],
+                  type: 2,
+                  createDt: 1649821497000
+                },
+                {
+                  resultSystem:
+                    '项目执行总人数1人：完成1-10单的有1人，占比100.00%；完成11-20单的有0人，占比0%；完成21-30单的有0人，占比0%；完成31-40单的有0人，占比0%；完成41单以上的有0人，占比0%',
+                  resultUser: null,
+                  analyseDescribe: null,
+                  chartType: null,
+                  colourGroup: null,
+                  id: 467,
+                  fixedCountInfos: [
+                    {
+                      id: 1759,
+                      fixedDetaileId: 467,
+                      num: 1,
+                      passType: null,
+                      genderType: '1-10',
+                      ageType: null,
+                      taskNumType: null
+                    },
+                    {
+                      id: 1760,
+                      fixedDetaileId: 467,
+                      num: 0,
+                      passType: null,
+                      genderType: '11-20',
+                      ageType: null,
+                      taskNumType: null
+                    },
+                    {
+                      id: 1761,
+                      fixedDetaileId: 467,
+                      num: 0,
+                      passType: null,
+                      genderType: '21-30',
+                      ageType: null,
+                      taskNumType: null
+                    },
+                    {
+                      id: 1762,
+                      fixedDetaileId: 467,
+                      num: 0,
+                      passType: null,
+                      genderType: '31-40',
+                      ageType: null,
+                      taskNumType: null
+                    },
+                    {
+                      id: 1763,
+                      fixedDetaileId: 467,
+                      num: 0,
+                      passType: null,
+                      genderType: '41个以上',
+                      ageType: null,
+                      taskNumType: null
+                    }
+                  ],
+                  type: 3,
+                  createDt: 1649821497000
+                },
+                {
+                  resultSystem:
+                    '项目执行总任务数：0次，其中通过任务数0，占比0%；未通过任务数0，占比0%',
+                  resultUser: null,
+                  analyseDescribe: null,
+                  chartType: null,
+                  colourGroup: null,
+                  id: 468,
+                  fixedCountInfos: [
+                    {
+                      id: 1764,
+                      fixedDetaileId: 468,
+                      num: 0,
+                      passType: null,
+                      genderType: '通过',
+                      ageType: null,
+                      taskNumType: null
+                    },
+                    {
+                      id: 1765,
+                      fixedDetaileId: 468,
+                      num: 0,
+                      passType: null,
+                      genderType: '未通过',
+                      ageType: null,
+                      taskNumType: null
+                    }
+                  ],
+                  type: 4,
+                  createDt: 1649821497000
+                }
+              ],
+              message: '操作成功',
+              status: '1'
+            }
+          };
+        },
+        getTopicInfo() {
+          return {
+            data: {
+              data: [
+                {
+                  resultSystem:
+                    '参与【此题为单选题（点击编辑题干）】调查的1个样本。选择答案【选项1】有1个，占比100.00%；选择答案【选项2】有0个，占比0%；选择答案【选项yyy3】有0个，占比0%；选择答案【选项4】有0个，占比0%',
+                  resultUser: null,
+                  isDelete: 0,
+                  type: 1,
+                  createDt: 1649821497000,
+                  topicTitle: '此题为单选题（点击编辑题干）',
+                  topicId: 1195,
+                  showSort: null,
+                  chartType: null,
+                  topicCountInfos: [
+                    {
+                      xTopicName: '选项1',
+                      topicDetaileId: 248,
+                      countNum: 1,
+                      id: 696
+                    },
+                    {
+                      xTopicName: '选项2',
+                      topicDetaileId: 248,
+                      countNum: 0,
+                      id: 697
+                    },
+                    {
+                      xTopicName: '选项yyy3',
+                      topicDetaileId: 248,
+                      countNum: 0,
+                      id: 698
+                    },
+                    {
+                      xTopicName: '选项4',
+                      topicDetaileId: 248,
+                      countNum: 0,
+                      id: 699
+                    }
+                  ],
+                  colourGroup: null,
+                  id: 248,
+                  resultIsShow: 1
+                }
+              ],
+              message: '操作成功',
+              status: '1'
+            }
+          };
+        },
+        getGroupInfo() {
+          return {
+            data: { data: [], message: '操作成功', status: '1' }
+          };
+        },
+        saveInfo() {
+          return null;
+        },
+        exportBi() {
+          return null;
+        }
+      }
    };
+  },
+  methods: {
+    getTemplateList() {
+      return {
+        data: {
+          data: [
+            {
+              id: 2,
+              templateCode: null,
+              templateName: '2022050711',
+              templatePicUrl:
+                'https://cdn.yxvzb.com/sunflower/invoice/1651894583988.png',
+              status: null,
+              isDelete: null,
+              createDt: null
+            }
+          ],
+          message: '操作成功',
+          status: '1'
+        }
+      };
+    }
  }
 };
 </script>

--- a/src/packages/bi/src/commonComponents/title.vue
+++ b/src/packages/bi/src/commonComponents/title.vue
@@ -13,6 +13,7 @@
        class="bi_title_text_icon"
      />
    </div>
+    <slot name="handler"></slot>
  </div>
 </template>

@@ -33,9 +34,12 @@ $bluecolor: #1989fa;
    line-height: 0;
    height: 88px;
    border-bottom: 2px solid #f4f4f4;
-    padding-left: 29px;
+    padding: 0 29px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
    &_text {
-      margin-top: 32px;
+      // margin-top: 32px;
      height: 33px;
      background: $bluecolor;
      font-size: 22px;

--- a/src/packages/bi/src/components/photo-wall/del.vue
+++ b/src/packages/bi/src/components/photo-wall/del.vue
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: '',
+  mixins: [],
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  methods: {},
+  created() {},
+  beforeDestroy() {}
+};
+</script>
+
+<style scoped lang="scss"></style>
--- a/src/packages/bi/src/components/photo-wall/images.vue
+++ b/src/packages/bi/src/components/photo-wall/images.vue
+<template>
+  <ul>
+    <li>
+      <img
+        src="http://yiyang.oss-cn-beijing.aliyuncs.com/WEB/SaaS/images/20201013_1147.png"
+        alt=""
+      />
+    </li>
+    <li>
+      <img
+        src="http://yiyang.oss-cn-beijing.aliyuncs.com/WEB/SaaS/images/2103251844.png"
+        alt=""
+      />
+    </li>
+  </ul>
+</template>
+
+<script>
+export default {
+  name: 'bi-photo-wall-images',
+  mixins: [],
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  methods: {},
+  created() {},
+  beforeDestroy() {}
+};
+</script>
+
+<style scoped lang="scss">
+ul {
+  padding: 0 30px;
+  padding-top: 35px;
+  position: relative;
+  img {
+    max-width: 300px;
+    max-height: 300px;
+  }
+}
+</style>
--- a/src/packages/bi/src/components/photo-wall/index.vue
+++ b/src/packages/bi/src/components/photo-wall/index.vue
+<!--
+ * @Description: 
+ * @Date: 2021-06-09 19:05:20
+-->
+<template>
+  <div class="bi-photo" ref="bi-photo">
+    <BiTitle :index="index" :name="name">
+      <template #handler>
+        <div>
+          <el-button class="bi-photo_btn">
+            <img
+              src="http://cdn.yxvzb.com/WEB/SaaS/images/bi/svg/delete.svg"
+              alt=""
+            />
+            选择样式
+          </el-button>
+          <el-button class="bi-photo_btn">
+            <img
+              src="http://cdn.yxvzb.com/WEB/SaaS/images/bi/svg/delete.svg"
+              alt=""
+            />
+            选择图片
+          </el-button>
+          <el-button class="bi-photo_btn">
+            <img
+              src="http://cdn.yxvzb.com/WEB/SaaS/images/bi/svg/delete.svg"
+              alt=""
+            />
+            删除
+          </el-button>
+        </div>
+      </template>
+    </BiTitle>
+    <BiImages />
+  </div>
+</template>
+
+<script>
+import BiTitle from '../../commonComponents/title.vue';
+import BiImages from './images';
+import { heightToPage } from '../../chart-type/common';
+export default {
+  name: 'bi-photo-wall',
+  components: { BiTitle, BiImages },
+  props: {
+    name: String,
+    data: {
+      default: () => [],
+      type: Array
+    },
+    index: {
+      type: Number,
+      default: 4
+    }
+  },
+  data() {
+    return {};
+  },
+  methods: {},
+  mounted() {},
+  watch: {
+    data: {
+      handler() {
+        this.$nextTick(() => {
+          this.$emit('page', heightToPage(this.$refs['bi-photo'].offsetHeight));
+        });
+      },
+      deep: true,
+      immediate: true
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.bi-photo {
+  // page-break-before: always;
+  // page-break-after: always;
+  padding-bottom: 50px;
+
+  &_btn {
+    display: inline-block;
+    min-width: 42px;
+    height: 42px;
+    border: 1px solid #bac1ce;
+    border-radius: 4px;
+    vertical-align: top;
+    text-align: center;
+    line-height: 42px;
+    padding: 0 15px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #6f7a91;
+    cursor: pointer;
+    position: relative;
+    &_group {
+      position: absolute;
+      right: 16px;
+      top: 50%;
+      margin-top: -21px;
+      z-index: 3;
+      &_item {
+        & + .bi-chart-title_btn_group_item {
+          margin-left: 8px;
+        }
+      }
+    }
+  }
+}
+</style>
--- a/src/packages/bi/src/components/photo-wall/select.vue
+++ b/src/packages/bi/src/components/photo-wall/select.vue
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: '',
+  mixins: [],
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  methods: {},
+  created() {},
+  beforeDestroy() {}
+};
+</script>
+
+<style scoped lang="scss"></style>
--- a/src/packages/bi/src/components/photo-wall/style.vue
+++ b/src/packages/bi/src/components/photo-wall/style.vue
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: '',
+  mixins: [],
+  components: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  methods: {},
+  created() {},
+  beforeDestroy() {}
+};
+</script>
+
+<style scoped lang="scss"></style>
--- a/src/packages/bi/src/project/20-configurable.vue
+++ b/src/packages/bi/src/project/20-configurable.vue
@@ -53,6 +53,21 @@
      @sort="sort(arguments, 'singleChoiceMixin', hideSingleChoiceMixin)"
      @page="setPage(arguments, 'page3', 'page3Info')"
    ></BiSingleChoice>
+    <!-- <BiSingleChoice
+      v-if="showSingleChoice.length > 0"
+      class="bi-block no-border"
+      :singleChoice="showSingleChoice"
+      :pageWrap="true"
+      @sort="sort(arguments, 'singleChoice', hideSingleChoice)"
+      @page="setPage(arguments, 'page4')"
+    >
+      <BiSingleChoiceInfo index="4" name="照片集合"></BiSingleChoiceInfo>
+    </BiSingleChoice> -->
+    <BiPhoto
+      class="bi-block"
+      name="照片集合"
+      @page="setPage(arguments, 'page4')"
+    />
    <BiCoverEnd title="奇正藏药医学沙龙推广项目数据报告"></BiCoverEnd>
    <BiOperate
      :questionData="[...singleChoice, ...singleChoiceMixin]"
@@ -70,8 +85,9 @@ import BiOverview from '../components/overview.vue';
 import BiMission from '../components/mission.vue';
 import BiSingleChoice from '../components/singleChoice.vue';
 import BiCoverEnd from '../components/cover-end.vue';
-
 import BiOperate from '../components/operate.vue';
+import BiPhoto from '../components/photo-wall/index.vue';
+
 import mixin, { printWidth } from '../mixin/index';
 /**
 * dealSingleChoice、sort、setPage
@@ -100,7 +116,8 @@ export default {
    BiSingleChoice,
    BiSingleChoiceInfo,
    BiCoverEnd,
-    BiOperate
+    BiOperate,
+    BiPhoto
  },
  data() {
    return {
@@ -178,6 +195,15 @@ export default {
                    };
                  })
              ]
+        },
+        {
+          name: '照片集合',
+          child: [
+            {
+              name: '照片集合',
+              page: 4
+            }
+          ]
        }
      ];
    },