Browse Source

优化界面

master
陈裕财 5 years ago
parent
commit
055aa5dced
  1. 1
      src/router/routes_xm.js
  2. 47
      src/views/xm/core/xmProduct/XmProductAllMng.vue
  3. 12
      src/views/xm/core/xmProduct/XmProductMng.vue

1
src/router/routes_xm.js

@ -99,6 +99,7 @@ export default {
}, },
// leaf: true,//只有一个节点 // leaf: true,//只有一个节点
children: [ children: [
{ path: 'xmProduct/XmProductAllMng', component: _import('xm/core/xmProduct/XmProductAllMng'), name: 'XmProductAllMng', meta: { title: '产品总览' }},
{ path: 'xmProduct/XmProductMng', component: _import('xm/core/xmProduct/XmProductMng'), name: 'XmProductMng', meta: { title: '产品管理' }}, { path: 'xmProduct/XmProductMng', component: _import('xm/core/xmProduct/XmProductMng'), name: 'XmProductMng', meta: { title: '产品管理' }},

47
src/views/xm/core/xmProduct/XmProductAllMng.vue

@ -0,0 +1,47 @@
<template>
<section>
<xm-product-mng :data-scope="'all'"></xm-product-mng>
</section>
</template>
<script>
import util from '@/common/js/util';//
//import Sticky from '@/components/Sticky' // header
import { mapGetters } from 'vuex'
import XmProductMng from './XmProductMng.vue';
export default {
computed: {
...mapGetters([
'userInfo','roles'
]),
},
watch: {
},
data() {
return {
/**end 自定义属性请在上面加 请加备注**/
}
},//end data
methods: {
/**end 自定义函数请在上面加**/
},//end methods
components: {
XmProductMng,
//
},
mounted() {
this.$nextTick(() => {
});
}
}
</script>
<style scoped>
</style>

12
src/views/xm/core/xmProduct/XmProductMng.vue

@ -106,9 +106,9 @@
<el-button slot="reference" icon="el-icon-more" circle></el-button> <el-button slot="reference" icon="el-icon-more" circle></el-button>
</el-popover> </el-popover>
</el-row> </el-row>
<el-row class="page-main page-height-80">
<el-row class="page-main page-height-80" v-show="showType">
<!--列表 XmProject xm_project--> <!--列表 XmProject xm_project-->
<el-row v-show="showType" v-loading="load.list">
<el-row v-loading="load.list">
<el-col v-cloak v-for="(p,i) in xmProducts" :key="i" :xl="4" :lg="6" :md="8" :sm="12"> <el-col v-cloak v-for="(p,i) in xmProducts" :key="i" :xl="4" :lg="6" :md="8" :sm="12">
<el-card @click.native="intoInfo(p,i)" class="project-card" shadow="always"> <el-card @click.native="intoInfo(p,i)" class="project-card" shadow="always">
<div class="project-name" title="这是产品名称">{{p.productName}}</div> <div class="project-name" title="这是产品名称">{{p.productName}}</div>
@ -142,12 +142,12 @@
</el-col> </el-col>
</el-row> </el-row>
</el-row> </el-row>
<el-row class="padding-top">
<el-row class="padding-top" v-show="!showType">
<!--列表 XmProduct 产品表--> <!--列表 XmProduct 产品表-->
<el-table ref="table" :height="tableHeight" :data="xmProducts" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;"> <el-table ref="table" :height="tableHeight" :data="xmProducts" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
<el-table-column prop="productName" label="产品名称" min-width="300"> <el-table-column prop="productName" label="产品名称" min-width="300">
<template slot-scope="scope"> <template slot-scope="scope">
<span><el-link type="primary" @click="showEdit(scope.row)">{{scope.row.productName}}</el-link></span>
<span><el-link type="primary" @click="intoInfo(p)">{{scope.row.productName}}</el-link></span>
<font class="align-right"><el-tag :type="scope.row.finishRate>=100?'success':'warning'">{{scope.row.finishRate}}%</el-tag> <font class="align-right"><el-tag :type="scope.row.finishRate>=100?'success':'warning'">{{scope.row.finishRate}}%</el-tag>
@ -192,8 +192,8 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize" :total="pageInfo.total" style="float:right;"></el-pagination>
</el-row> </el-row>
<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize" :total="pageInfo.total" style="float:right;"></el-pagination>
<!--编辑 XmProduct 产品表界面--> <!--编辑 XmProduct 产品表界面-->
<el-drawer title="编辑产品" :visible.sync="editFormVisible" size="50%" :with-header="false" append-to-body :close-on-click-modal="false"> <el-drawer title="编辑产品" :visible.sync="editFormVisible" size="50%" :with-header="false" append-to-body :close-on-click-modal="false">
@ -311,7 +311,7 @@ import XmProductSelect from './XmProductSelect.vue';
pickerOptions: util.pickerOptions('datarange'), pickerOptions: util.pickerOptions('datarange'),
projectVisible:false, projectVisible:false,
productSelectVisible:false, productSelectVisible:false,
showType:true,
showType:false,
/**begin 自定义属性请在下面加 请加备注**/ /**begin 自定义属性请在下面加 请加备注**/
/**end 自定义属性请在上面加 请加备注**/ /**end 自定义属性请在上面加 请加备注**/

Loading…
Cancel
Save