vue2-client 1.8.310 → 1.8.312

package/src/pages/Example/index.vue

@@ -1,33 +1,193 @@
-<template>
-  <div id="test">
-    <!--  修改 import 路径展示不同的组件 Demo  -->
-    <demo></demo>
-  </div>
-</template>
-
-<script>
-import XReport from '@vue2-client/base-client/components/common/XReport'
-// import Demo from '@vue2-client/base-client/components/common/XFormGroup/demo.vue'
-// import Demo from '@vue2-client/base-client/components/common/XDescriptions/demo.vue'
-// import Demo from '@vue2-client/base-client/components/common/AddressSearchCombobox/demo.vue'
-import Demo from '@vue2-client/base-client/components/common/XFormTable/demo.vue'
-
-export default {
-  name: 'Example',
-  components: {
-    Demo,
-    XReport
-  },
-  mounted () {
-  },
-  data () {
-    return {
-    }
-  },
-  methods: {
-  }
-}
-</script>
-<style scoped>
-
-</style>
+<template>
+  <a-card id="test">
+    <XFormTable query-params-name="planMangeV4TestCRUD" service-name="af-safecheck" style="margin-bottom: 5%"/>
+    <!--  修改 import 路径展示不同的组件 Demo  -->
+    <demo1 :data-config="descConfig" :data-content="descData"/>
+  </a-card>
+</template>
+
+<script>
+import XReport from '@vue2-client/base-client/components/common/XReport'
+// import Demo from '@vue2-client/base-client/components/common/XFormGroup/demo.vue'
+// import Demo from '@vue2-client/base-client/components/common/XDescriptions/demo.vue'
+// import Demo from '@vue2-client/base-client/components/common/AddressSearchCombobox/demo.vue'
+// import Demo from '@vue2-client/base-client/components/common/XFormTable/demo.vue'
+import Demo from '@vue2-client/base-client/components/common/XDataCard/XDataCard.vue'
+import Demo1 from '@vue2-client/base-client/components/common/XSimpleDescriptions/XSimpleDescriptions.vue'
+import XFormTable from '@vue2-client/base-client/components/common/XFormTable'
+
+export default {
+  name: 'Example',
+  components: {
+    Demo,
+    Demo1,
+    XReport,
+    XFormTable
+  },
+  mounted () {
+  },
+  data () {
+    return {
+      testData: [
+        {
+            userType: '民用',
+            planType: '安检册计划',
+            belongTo: '安检员0222',
+            planTotal: '322户',
+            doneNum: '3321312户',
+            ratio: 5
+        },
+        {
+          userType: '民用',
+          planType: '安检册计划',
+          belongTo: '安检员0222',
+          planTotal: '322户',
+          doneNum: '3321312户',
+          ratio: 15
+        },
+        {
+          userType: '非民用',
+          planType: '安检册计划',
+          belongTo: '安检员01、安检员02',
+          planTotal: '1户',
+          doneNum: '4223户',
+          ratio: 25
+        },
+        {
+          userType: '民用',
+          planType: '安检册计划',
+          belongTo: '安检员01、安检员02',
+          planTotal: '11户',
+          doneNum: '42户',
+          ratio: 35
+        },
+        {
+          userType: '民用',
+          planType: '安检册计划',
+          belongTo: '安检员01、安检员02',
+          planTotal: '11户',
+          doneNum: '42户',
+          ratio: 45
+        },
+        {
+          userType: '民用',
+          planType: '安检册计划',
+          belongTo: '安检员01、安检员02',
+          planTotal: '11户',
+          doneNum: '42户',
+          ratio: 55
+        },
+        {
+          userType: '民用',
+          planType: '安检册计划',
+          belongTo: '安检员1111、安检员222',
+          planTotal: '22222户',
+          doneNum: '12312户',
+          ratio: 65
+        },
+        {
+          userType: '民用',
+          planType: '安检册计划',
+          belongTo: '安检员1111、安检员222',
+          planTotal: '22222户',
+          doneNum: '12312户',
+          ratio: 75
+        },
+        {
+          userType: '民用',
+          planType: '安检册计划',
+          belongTo: '安检员1111、安检员222',
+          planTotal: '22222户',
+          doneNum: '12312户',
+          ratio: 85
+        },
+        {
+          userType: '民用',
+          planType: '安检册计划',
+          belongTo: '安检员1111、安检员222',
+          planTotal: '22222户',
+          doneNum: '12312户',
+          ratio: 95
+        },
+      ],
+      dataCardConfig: {
+        title: '安检计划名称：测试01',
+        content: [
+          {
+            label: '用户类型',
+            key: 'userType'
+          },
+          {
+            label: '计划类型',
+            key: 'planType'
+          },
+          {
+            label: '所属人员',
+            key: 'belongTo'
+          },
+          {
+            label: '计划总数',
+            key: 'planTotal'
+          },
+          {
+            label: '已检',
+            key: 'doneNum'
+          },
+          {
+            label: '安检率',
+            key: 'ratio',
+            type: 'progress'
+          }
+        ],
+        footer: [
+          {
+            icon: 'edit',
+            label: '计划修改',
+            emit: 'planEdit'
+          },
+          {
+            icon: 'user',
+            label: '册内用户',
+            emit: 'user'
+          }
+        ]
+      },
+      descConfig: [
+        {
+          label: '计划用户总数',
+          key: 'totalUser'
+        },
+        {
+          label: '计划小区数',
+          key: 'totalResidentArea'
+        },
+        {
+          label: '已检数',
+          key: 'doneNum'
+        },
+        {
+          label: '未检数',
+          key: 'todoNum'
+        },
+        {
+          label: '安检率',
+          key: 'ratio',
+          type: 'percent'
+        }
+      ],
+      descData: {
+        totalUser: 1000,
+        totalResidentArea: 6,
+        doneNum: 800,
+        todoNum: 200,
+        ratio: 80
+      }
+    }
+  },
+  methods: {
+  }
+}
+</script>
+<style scoped>
+
+</style>