Skip to content

M
mes-ui
Commit 1bee9451 authored by 仇晓婷's avatar 仇晓婷
Browse files
Options

ting

parent 4ef8e788
Hide whitespace changes
Inline Side-by-side
Showing with 81 additions and 173 deletions
pages/crm/contract/detail.vue
View file @ 1bee9451
<template> <template>
<div class="detail"> <!-- <div class="detail"> -->
<grid-layout <grid-layout
:layout="layoutData" :layout="layoutData"
:col-num="12" :col-num="12"
:row-height="layoutConfig.height" :row-height="layoutConfig.height"
:is-draggable="layoutConfig.dialogVisible" :is-draggable="layoutConfig.dialogVisible"
:is-resizable="layoutConfig.dialogVisible" :is-resizable="layoutConfig.dialogVisible"
:is-mirrored="false" :vertical-compact="true"
:vertical-compact="true" :use-css-transforms="true"
:margin="[10, 10]" >
: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 <span class="item-label">{{item.i}}{{item.label}}：</span>
v-for="(item) in layoutData" <span>{{item.name}}</span>
:x="item.x" </grid-item>
:y="item.y" </grid-layout>
:w="item.w" <!-- <Row>
:h="item.h"
:i="item.i"
:key="item.i"
>{{item.i}}</grid-item>
</grid-layout>
<!-- <Row>
<Filed :span="12" :name="l('projectId')">{{entity.projectId}}</Filed> <Filed :span="12" :name="l('projectId')">{{entity.projectId}}</Filed>
<Filed :span="12" :name="l('name')">{{entity.name}} </Filed> <Filed :span="12" :name="l('name')">{{entity.name}} </Filed>
<Filed :span="12" :name="l('userId')"><User :value="entity.userId" /></Filed> <Filed :span="12" :name="l('userId')"><User :value="entity.userId" /></Filed>
...@@ -29,8 +30,8 @@ ...@@ -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('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('accessory')"><files ref="refFile" :parms="parms" unClosable style="display:inline" /></Filed>
<Filed :span="24" :name="l('notes')">{{entity.notes}}</Filed> <Filed :span="24" :name="l('notes')">{{entity.notes}}</Filed>
</Row>--> </Row>-->
</div> <!-- </div> -->
</template> </template>
<script> <script>
import Api from "./api"; import Api from "./api";
...@@ -46,150 +47,52 @@ export default { ...@@ -46,150 +47,52 @@ export default {
data() { data() {
return { return {
layoutConfig: { layoutConfig: {
height: 100, height: 50,
dialogVisible: true dialogVisible: true
}, },
layoutData: [ layoutData: [
{ // x:标识栅格元素位于第几列
x: 0, // y:标识栅格元素位于第几行
y: 0, // w:标识栅格元素的初始宽度
w: 1, // h:标识栅格元素的初始高度
h: 1, { x: 0, y: 0, w: 2, h: 1, i: "0", label: "编号", name: "D6788899" },
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: 1, 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, y: 0,
w: 1, w: 2,
h: 1, h: 2,
i: "8" i: "1",
}, label: "编号",
{ name: "D6788899fffddfdfdfdffddffffdfdffffdfddddddd"
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"
}, },
{ x: 2, y: 0, w: 2, h: 1, i: "2", label: "编号", name: "D6788899" },
{ {
x: 3, x: 3,
y: 0, y: 0,
w: 1, w: 2,
h: 1,
i: "12"
},
{
x: 3,
y: 1,
w: 1,
h: 1, h: 1,
i: "13" i: "3",
}, label: "编号",
{ name: "D6788899dfffdffff"
x: 3,
y: 2,
w: 1,
h: 1,
i: "14"
},
{
x: 3,
y: 3,
w: 1,
h: 1,
i: "15"
}, },
{ {
x: 4, x: 4,
y: 0, y: 0,
w: 1, w: 1,
h: 1, h: 1,
i: "16" i: "4",
}, label: "编号",
{ name: "D6788899fdddddddddddddddddddddddddddddddddddddddddddddd"
x: 4,
y: 1,
w: 1,
h: 1,
i: "17"
},
{
x: 4,
y: 2,
w: 1,
h: 1,
i: "18"
}, },
{ {
x: 4, x: 4,
y: 3, y: 3,
w: 1, w: 5,
h: 1, h: 1,
i: "19" i: "19",
label: "编号",
name: "D6788899"
} }
], ],
layoutList: [], layoutList: [],
...@@ -213,33 +116,33 @@ export default { ...@@ -213,33 +116,33 @@ export default {
load(v) { load(v) {
Api.get({ id: v }).then(r => { Api.get({ id: v }).then(r => {
this.entity = r.result; this.entity = r.result;
let list = [ // let list = [
{ // {
x: 0, // x: 0,
y: 0, // y: 0,
w: 1, // w: 1,
h: 1, // h: 1,
i: "akkallf", // i: "akkallf",
label: "销售人员" // label: "销售人员"
}, // },
{ // {
x: 0, // x: 0,
y: 1, // y: 1,
w: 1, // w: 1,
h: 1, // h: 1,
i: "坎坎坷坷", // i: "坎坎坷坷",
label: "销售人员" // label: "销售人员"
}, // },
{ // {
x: 0, // x: 0,
y: 2, // y: 2,
w: 1, // w: 1,
h: 1, // h: 1,
i: "H黄金季节", // i: "H黄金季节",
label: "销售人员" // label: "销售人员"
} // }
]; // ];
this.layoutList = list; // this.layoutList = list;
this.parms.eid = r.result.id; this.parms.eid = r.result.id;
this.$refs.refFile.intFiles(); this.$refs.refFile.intFiles();
this.$emit("on-load"); this.$emit("on-load");
...@@ -264,6 +167,11 @@ export default { ...@@ -264,6 +167,11 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.vue-grid-item { .vue-grid-item {
background: aquamarine; background: #eee;
border: 1px solid #ccc;
padding: 8px;
}
.item-label {
font-weight: bold;
} }
</style> </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