Skip to content

M
mes-ui
Commit 41da0337 authored by 周远喜's avatar 周远喜
Browse files
Options

测试页面修改，grid增加后端排序功能。

parent 14fe771b
Hide whitespace changes
Inline Side-by-side
Showing with 258 additions and 22 deletions
pages/test.vue
View file @ 41da0337
......@@ -17,8 +17,9 @@
<template>
<div class="flex fd test_layout">
<div>
<Menu mode="horizontal" active-name="1">
<Menu mode="horizontal" theme="light" active-name="0">
<div class="layout-assistant">
<MenuItem name="0" to="/test/example">基础组件</MenuItem>
<MenuItem name="1" to="/test/user">人员选择</MenuItem>
<MenuItem name="2" to="/test/com">异步组件</MenuItem>
<MenuItem name="4" to="/test/resource">资源选择</MenuItem>
......
pages/test/example.vue 0 → 100644
View file @ 41da0337
<template>
<Layout>
<Sider hide-trigger :width="250">
<Menu class="example_menu" theme="light" active-name="components-tag">
<MenuGroup v-for="(group, j) in Menu_item" :key="j" :title="group.title">
<MenuItem v-for="(child, k) in group.children" :key="k" :name="child.name" :to="child.route">
<Icon :type="child.icon" />
{{child.title}}</MenuItem>
</MenuGroup>
</Menu>
</Sider>
<Layout>
<nuxt-child/>
</Layout>
</Layout>
</template>
<script>
import exampleRouter from './api'
export default {
head(){
return {
title: '组件介绍'
}
},
data() {
return {
Menu_item: exampleRouter,
}
},
created() {
},
method:{
},
}
</script>0
pages/test/example/index.vue
View file @ 41da0337
<style lang="less">
@import './test.less';
</style>
<template>
<Layout>
<Sider hide-trigger class="after">
<Menu class="example_menu" active-name="components-tag">
<MenuGroup v-for="(group, j) in Menu_item" :key="j" :title="group.title">
<MenuItem v-for="(child, k) in group.children" :key="k" :name="child.name" :to="child.route">
<Icon :type="child.icon" />
{{child.title}}</MenuItem>
</MenuGroup>
</Menu>
</Sider>
<Layout class="example_box">
<nuxt-child/>
</Layout>
</Layout>
<div class="main"></div>
</template>
<script>
import exampleRouter from './api'
export default {
layout:'empty',
head(){
return {
title: '组件介绍'
......@@ -28,7 +10,6 @@ export default {
},
data() {
return {
Menu_item: exampleRouter,
}
},
created() {
......@@ -37,6 +18,6 @@ export default {
},
}
</script>0
</script>
pages/test/example/table/index.vue 0 → 100644
View file @ 41da0337
<template>
<div class="table">
<DataGrid
:columns="columns"
ref="grid"
:action="action"
exportTitle="工艺规程"
>
<template slot="easySearch">
<Form ref="formInline" :model="easySearch" inline>
<FormItem prop="keys">
<Input
placeholder="请输入工艺名称/工艺编号"
v-width="200"
v-model="easySearch.keys.value"
clearable
/>
</FormItem>
<FormItem>
<Button type="primary" @click="search">查询</Button>
</FormItem>
</Form>
</template>
</DataGrid>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
action: `${technologyUrl}routingheader/paged`,
easySearch: {
keys: {
op: "unicode,name,code",
value: null,
},
},
columns: [{
key: "code",
title: this.l("code"),
align: "left",
width: 200,
sortable:true,
easy: true,
high: true
},
{
key: "name",
title: this.l("name"),
align: "left",
easy: true,
high: true,
tooltip: true,d
},
{
key: "phase",
title: this.l("phase"),
align: "center",
high: true,
width: 100,
code: "Process.Routing.phase"
},
{
key: "versionid",
title: this.l("version"),
align: "center",
high: true,
width: 100,
code: "Process.Routing.version"
},
{
title: this.l("approvalStatus"),
key: "approvalStatus",
align: "center",
width: "120",
code: "process.RoutingStatus"
},
{
key: "routingType",
title: this.l("routingType"),
align: "center",
width: 100,
high: true,
code: "Process.Routing.routingType"
},
{
key: "drawingNo",
title: this.l("drawingNo"),
align: "left",
high: true
},
{
key: "productName",
title: this.l("productName"),
align: "left",
high: true,
tooltip: true,
},
{
key: "productId",
title: this.l("productId"),
align: "left",
import: true,
hide: true,
},
{
key: "productBomId",
title: this.l("productBomId"),
align: "left",
import: true,
hide: true,
},
{
key: "departmentName",
title: this.l("departmentName"),
width: 100,
align: "left",
high: true,
tooltip: true,
},
{
key: "departmentId",
title: this.l("departmentId"),
align: "left",
import: true,
hide: true,
},
{
key: "isEffect",
title: this.l("isEffect"),
align: "center",
width: 80,
high: true,
code: "Process.Status"
},
//{ key: "id", title: this.$t("id"), hide: true, align: "left" },
// { key:"upId",title:this.l("upId") ,align:"left" ,high:true },
// { key:"upDetailId",title:this.l("upDetailId") ,hide:true ,align:"left" ,high:true },
//{ key: "classId", title: this.l("classId"), align: "left", hide: true },
//{ key: "unicode", title: this.l("unicode"),align: "left",easy: false,hide: true},
// { key:"approvalStatus",title:this.l("approvalStatus") ,align:"left" ,high:true ,code:'process.RoutingStatus' },
// { key:"approvalStatusRemark",title:this.l("approvalStatusRemark") ,align:"left" ,high:true },
// { key:"auditUserId1",title:this.l("auditUserId1") ,align:"left" ,high:true },
// { key:"auditUserId2",title:this.l("auditUserId2") ,align:"left" ,high:true },
// { key:"platesnum",title:this.l("platesnum") ,align:"left" ,high:true },
// { key: "isMain", title: this.l("isMain"),align: "center",width: 80,high: true,code: "Process.state"},
//{key: "creatorUserId",title: this.l("author"),align: "left", high: true,type: "user",hide: true},
//{key: "versionnotes",title: this.l("versionnotes"),align: "left", high: true,hide: true},
//{key: "versionid", title: this.l("versionid"), align: "left", hide: true, code: "Process.Routing.version"},
{
key: "creationTime",
title: this.$t("creationTime"),
align: "left",
hide: true
},
{
key: "creatorUserId",
title: this.$t("creatorUserId"),
align: "left",
hide: true,
type: "user"
},
{
key: "lastModificationTime",
title: this.$t("lastModificationTime"),
align: "left",
hide: true
},
{
key: "lastModifierUserId",
title: this.$t("lastModifierUserId"),
align: "left",
hide: true,
type: "user"
}],
};
},
methods: {
search() {
this.$refs.grid.reload(this.easySearch);
},
l(key) {
let vkey = "routingHeader" + "." + key;
return this.$t(vkey) || key;
},
},
};
</script>
<style lang="less" >
</style>
\ No newline at end of file
pages/test/index.vue 0 → 100644
View file @ 41da0337
<template>
<div class="test">
hi
</div>
</template>
<script>
export default {
name: '',
data() {
return {
}
}
}
</script>
<style lang="less">
</style>
\ No newline at end of file
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