diff --git a/src/components/detail/AdvancedDetail.vue b/src/components/detail/AdvancedDetail.vue
index 33e7c47..3c2011a 100644
--- a/src/components/detail/AdvancedDetail.vue
+++ b/src/components/detail/AdvancedDetail.vue
@@ -26,19 +26,18 @@
主操作
-
+
-
-
+
-
-
+
+
@@ -47,6 +46,77 @@
+
+
+ 付晓晓
+ 32943898021309809423
+ 3321944288191034921
+ 18112345678
+ 浙江省杭州市西湖区黄姑山路工专路交叉路口
+
+
+ 725
+ 2018-08-08
+
+ 725
+ 2018-08-08
+
+
+
+
+ 林东东
+ 1234567
+ XX公司-YY部
+ 2018-08-08
+ 这段描述很长很长很长很长很长很长很长很长很长很长很长很长很长很长...
+
+
+
+ 林东东
+ 1234567
+ XX公司-YY部
+ 2018-08-08
+ 这段描述很长很长很长很长很长很长很长很长很长很长很长很长很长很长...
+
+
+
+ 林东东
+ 1234567
+ XX公司-YY部
+ 2018-08-08
+ 这段描述很长很长很长很长很长很长很长很长很长很长很长很长很长很长...
+
+
+
+
+
+
+ {this.activeTabKey = key}"
+ >
+
+
+
+
@@ -61,14 +131,49 @@ import ACol from 'vue-antd-ui/es/grid/Col'
import ACard from 'vue-antd-ui/es/card/Card'
import ASteps from 'vue-antd-ui/es/steps/index'
import AStepItem from '../tool/AStepItem'
+import ADivider from 'vue-antd-ui/es/divider/index'
+import ATable from 'vue-antd-ui/es/table'
+import {operation1, operation2, operation3, operationColumns} from '../../mock/common/tableData'
const DetailListItem = DetailList.Item
const AStep = ASteps.Step
const AStepItemGroup = AStepItem.Group
+const tabList = [
+ {
+ key: '1',
+ tab: '操作日志一'
+ },
+ {
+ key: '2',
+ tab: '操作日志二'
+ },
+ {
+ key: '3',
+ tab: '操作日志三'
+ }
+]
+
export default {
name: 'AdvancedDetail',
+ data () {
+ return {
+ tabList,
+ operationColumns,
+ operation1,
+ operation2,
+ operation3,
+ activeTabKey: '2'
+ }
+ },
+ methods: {
+ onTabChange (key) {
+ console.log(key)
+ }
+ },
components: {
+ ATable,
+ ADivider,
AStepItemGroup,
AStepItem,
AStep,
@@ -93,4 +198,18 @@ export default {
color: rgba(0,0,0,.85);
font-size: 20px;
}
+ .nodata{
+ color: rgba(0,0,0,.25);
+ text-align: center;
+ line-height: 64px;
+ font-size: 16px;
+ & :global{
+ i {
+ font-size: 24px;
+ margin-right: 16px;
+ position: relative;
+ top: 3px;
+ }
+ }
+ }