Commit 1bee9451 authored by 仇晓婷's avatar 仇晓婷

ting

parent 4ef8e788
<template>
<div class="detail">
<grid-layout
:layout="layoutData"
:col-num="12"
:row-height="layoutConfig.height"
:is-draggable="layoutConfig.dialogVisible"
:is-resizable="layoutConfig.dialogVisible"
:is-mirrored="false"
:vertical-compact="true"
:margin="[10, 10]"
:use-css-transforms="true"
<!-- <div class="detail"> -->
<grid-layout
:layout="layoutData"
:col-num="12"
:row-height="layoutConfig.height"
:is-draggable="layoutConfig.dialogVisible"
:is-resizable="layoutConfig.dialogVisible"
:vertical-compact="true"
:use-css-transforms="true"
>
<grid-item
v-for="(item) in layoutData"
:x="item.x"
:y="item.y"
:w="item.w"
:h="item.h"
:i="item.i"
:key="item.i"
>
<grid-item
v-for="(item) in layoutData"
:x="item.x"
:y="item.y"
:w="item.w"
:h="item.h"
:i="item.i"
:key="item.i"
>{{item.i}}</grid-item>
</grid-layout>
<!-- <Row>
<span class="item-label">{{item.i}}{{item.label}}</span>
<span>{{item.name}}</span>
</grid-item>
</grid-layout>
<!-- <Row>
<Filed :span="12" :name="l('projectId')">{{entity.projectId}}</Filed>
<Filed :span="12" :name="l('name')">{{entity.name}} </Filed>
<Filed :span="12" :name="l('userId')"><User :value="entity.userId" /></Filed>
......@@ -29,8 +30,8 @@
<Filed :span="24" :name="l('status')"><state code="crm.contract.status" :value="entity.status" type="text"></state></Filed>
<Filed :span="24" :name="l('accessory')"><files ref="refFile" :parms="parms" unClosable style="display:inline" /></Filed>
<Filed :span="24" :name="l('notes')">{{entity.notes}}</Filed>
</Row>-->
</div>
</Row>-->
<!-- </div> -->
</template>
<script>
import Api from "./api";
......@@ -46,150 +47,52 @@ export default {
data() {
return {
layoutConfig: {
height: 100,
height: 50,
dialogVisible: true
},
layoutData: [
{
x: 0,
y: 0,
w: 1,
h: 1,
i: "0"
},
{
x: 0,
y: 1,
w: 1,
h: 1,
i: "1"
},
{
x: 0,
y: 2,
w: 1,
h: 1,
i: "2"
},
{
x: 0,
y: 3,
w: 1,
h: 1,
i: "3"
},
{
x: 1,
y: 0,
w: 1,
h: 1,
i: "4"
},
// x:标识栅格元素位于第几列
// y:标识栅格元素位于第几行
// w:标识栅格元素的初始宽度
// h:标识栅格元素的初始高度
{ x: 0, y: 0, w: 2, h: 1, i: "0", label: "编号", name: "D6788899" },
{
x: 1,
y: 1,
w: 1,
h: 1,
i: "5"
},
{
x: 1,
y: 2,
w: 1,
h: 1,
i: "6"
},
{
x: 1,
y: 3,
w: 1,
h: 1,
i: "7"
},
{
x: 2,
y: 0,
w: 1,
h: 1,
i: "8"
},
{
x: 2,
y: 1,
w: 1,
h: 1,
i: "9"
},
{
x: 2,
y: 2,
w: 1,
h: 1,
i: "10"
},
{
x: 2,
y: 3,
w: 1,
h: 1,
i: "11"
w: 2,
h: 2,
i: "1",
label: "编号",
name: "D6788899fffddfdfdfdffddffffdfdffffdfddddddd"
},
{ x: 2, y: 0, w: 2, h: 1, i: "2", label: "编号", name: "D6788899" },
{
x: 3,
y: 0,
w: 1,
h: 1,
i: "12"
},
{
x: 3,
y: 1,
w: 1,
w: 2,
h: 1,
i: "13"
},
{
x: 3,
y: 2,
w: 1,
h: 1,
i: "14"
},
{
x: 3,
y: 3,
w: 1,
h: 1,
i: "15"
i: "3",
label: "编号",
name: "D6788899dfffdffff"
},
{
x: 4,
y: 0,
w: 1,
h: 1,
i: "16"
},
{
x: 4,
y: 1,
w: 1,
h: 1,
i: "17"
},
{
x: 4,
y: 2,
w: 1,
h: 1,
i: "18"
i: "4",
label: "编号",
name: "D6788899fdddddddddddddddddddddddddddddddddddddddddddddd"
},
{
x: 4,
y: 3,
w: 1,
w: 5,
h: 1,
i: "19"
i: "19",
label: "编号",
name: "D6788899"
}
],
layoutList: [],
......@@ -213,33 +116,33 @@ export default {
load(v) {
Api.get({ id: v }).then(r => {
this.entity = r.result;
let list = [
{
x: 0,
y: 0,
w: 1,
h: 1,
i: "akkallf",
label: "销售人员"
},
{
x: 0,
y: 1,
w: 1,
h: 1,
i: "坎坎坷坷",
label: "销售人员"
},
{
x: 0,
y: 2,
w: 1,
h: 1,
i: "H黄金季节",
label: "销售人员"
}
];
this.layoutList = list;
// let list = [
// {
// x: 0,
// y: 0,
// w: 1,
// h: 1,
// i: "akkallf",
// label: "销售人员"
// },
// {
// x: 0,
// y: 1,
// w: 1,
// h: 1,
// i: "坎坎坷坷",
// label: "销售人员"
// },
// {
// x: 0,
// y: 2,
// w: 1,
// h: 1,
// i: "H黄金季节",
// label: "销售人员"
// }
// ];
// this.layoutList = list;
this.parms.eid = r.result.id;
this.$refs.refFile.intFiles();
this.$emit("on-load");
......@@ -264,6 +167,11 @@ export default {
</script>
<style lang="less" scoped>
.vue-grid-item {
background: aquamarine;
background: #eee;
border: 1px solid #ccc;
padding: 8px;
}
.item-label {
font-weight: bold;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment