保养工单优化

src/views/module_cmms/upkeep/UpkeepList.vue

@@ -21,10 +21,20 @@
               </a-form-item>
             </a-col>
             <a-col :xl="6" :lg="7" :md="8" :sm="24">
-              <a-form-item label="负责人">
+              <a-form-item label="负责人" v-if="url.status == 1">
                 <j-dict-select-tag v-model="queryParam.chargeruser" placeholder="请选择负责人" dictCode="sys_user,realname,id"/>
               </a-form-item>
             </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="地点">
+                <a-input placeholder="请输入地点" v-model="queryParam.address"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="状态">
+                <j-dict-select-tag v-model="queryParam.status" placeholder="请选择状态" dictCode="upkeep_state"/>
+              </a-form-item>
+            </a-col>
           </template>
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
             <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
@@ -98,7 +108,7 @@
           </a-button>
         </template>
 
-        <span slot="action" slot-scope="text, record">
+        <span slot="action" slot-scope="text, record" v-if="url.status == 2">
           <a @click="handleEdit(record)">反馈</a>
           <!-- <a @click="handleEdit(record)">编辑</a> -->
 
@@ -138,123 +148,138 @@
     components: {
       UpkeepModal
     },
+    props: {
+      url: {
+        type: Object,
+        default: function(){
+            return {} // 使用工厂函数返回默认值
+        }
+      },
+      columns: {
+        type: Array,
+        default: function(){
+            return [] // 使用工厂函数返回默认值
+        }
+      },
+    },
     data () {
       return {
         description: '保养工单管理页面',
         // 表头
-        columns: [
-          {
-            title: '#',
-            dataIndex: '',
-            key:'rowIndex',
-            width:60,
-            align:"center",
-            customRender:function (t,r,index) {
-              return parseInt(index)+1;
-            }
-          },
-          {
-            title:'保养工单编号',
-            align:"center",
-            dataIndex: 'upkeepcode'
-          },
-          // {
-          //   title:'保养名称(标题)',
-          //   align:"center",
-          //   dataIndex: 'upkeepname'
-          // },
-          // {
-          //   title:'保养计划ID',
-          //   align:"center",
-          //   dataIndex: 'upkeepplanid'
-          // },
-          // {
-          //   title:'保养工作项目ID',
-          //   align:"center",
-          //   dataIndex: 'upkeepprojid'
-          // },
-          // {
-          //   title:'工作项目名称',
-          //   align:"center",
-          //   dataIndex: 'projectname'
-          // },
-          {
-            title:'计划名称',
-            align:"center",
-            dataIndex: 'planname'
-          },
-          {
-            title:'地点',
-            align:"center",
-            dataIndex: 'address'
-          },
-          // {
-          //   title:'厂商名称',
-          //   align:"center",
-          //   dataIndex: 'supplier'
-          // },
-          // {
-          //   title:'厂商电话',
-          //   align:"center",
-          //   dataIndex: 'suppliertel'
-          // },
-          // {
-          //   title:'联系人',
-          //   align:"center",
-          //   dataIndex: 'linker'
-          // },
-          // {
-          //   title:'联系人电话',
-          //   align:"center",
-          //   dataIndex: 'linkertel'
-          // },
-          {
-            title:'负责人',
-            align:"center",
-            dataIndex: 'chargeruser_dictText'
-          },
-          // {
-          //   title:'描述',
-          //   align:"center",
-          //   dataIndex: 'upkeepdesc'
-          // },
-          {
-            title:'状态',
-            align:"center",
-            dataIndex: 'status_dictText'
-          },
-          {
-            title:'备注',
-            align:"center",
-            dataIndex: 'remark'
-          },
-          // {
-          //   title:'处理意见',
-          //   align:"center",
-          //   dataIndex: 'opinion'
-          // },
-          {
-            title: '操作',
-            dataIndex: 'action',
-            align:"center",
-            fixed:"right",
-            width:147,
-            scopedSlots: { customRender: 'action' }
-          }
-        ],
-        url: {
-          list: "/cmmsUpkeep/cmmsUpkeep/list",
-          delete: "/cmmsUpkeep/cmmsUpkeep/delete",
-          deleteBatch: "/cmmsUpkeep/cmmsUpkeep/deleteBatch",
-          exportXlsUrl: "/cmmsUpkeep/cmmsUpkeep/exportXls",
-          importExcelUrl: "cmmsUpkeep/cmmsUpkeep/importExcel",
+        // columns: [
+        //   {
+        //     title: '#',
+        //     dataIndex: '',
+        //     key:'rowIndex',
+        //     width:60,
+        //     align:"center",
+        //     customRender:function (t,r,index) {
+        //       return parseInt(index)+1;
+        //     }
+        //   },
+        //   {
+        //     title:'保养工单编号',
+        //     align:"center",
+        //     dataIndex: 'upkeepcode'
+        //   },
+        //   // {
+        //   //   title:'保养名称(标题)',
+        //   //   align:"center",
+        //   //   dataIndex: 'upkeepname'
+        //   // },
+        //   // {
+        //   //   title:'保养计划ID',
+        //   //   align:"center",
+        //   //   dataIndex: 'upkeepplanid'
+        //   // },
+        //   // {
+        //   //   title:'保养工作项目ID',
+        //   //   align:"center",
+        //   //   dataIndex: 'upkeepprojid'
+        //   // },
+        //   // {
+        //   //   title:'工作项目名称',
+        //   //   align:"center",
+        //   //   dataIndex: 'projectname'
+        //   // },
+        //   {
+        //     title:'计划名称',
+        //     align:"center",
+        //     dataIndex: 'planname'
+        //   },
+        //   {
+        //     title:'地点',
+        //     align:"center",
+        //     dataIndex: 'address'
+        //   },
+        //   // {
+        //   //   title:'厂商名称',
+        //   //   align:"center",
+        //   //   dataIndex: 'supplier'
+        //   // },
+        //   // {
+        //   //   title:'厂商电话',
+        //   //   align:"center",
+        //   //   dataIndex: 'suppliertel'
+        //   // },
+        //   // {
+        //   //   title:'联系人',
+        //   //   align:"center",
+        //   //   dataIndex: 'linker'
+        //   // },
+        //   // {
+        //   //   title:'联系人电话',
+        //   //   align:"center",
+        //   //   dataIndex: 'linkertel'
+        //   // },
+        //   {
+        //     title:'负责人',
+        //     align:"center",
+        //     dataIndex: 'chargeruser_dictText'
+        //   },
+        //   // {
+        //   //   title:'描述',
+        //   //   align:"center",
+        //   //   dataIndex: 'upkeepdesc'
+        //   // },
+        //   {
+        //     title:'状态',
+        //     align:"center",
+        //     dataIndex: 'status_dictText'
+        //   },
+        //   {
+        //     title:'备注',
+        //     align:"center",
+        //     dataIndex: 'remark'
+        //   },
+        //   // {
+        //   //   title:'处理意见',
+        //   //   align:"center",
+        //   //   dataIndex: 'opinion'
+        //   // },
+        //   {
+        //     title: '操作',
+        //     dataIndex: 'action',
+        //     align:"center",
+        //     fixed:"right",
+        //     width:147,
+        //     scopedSlots: { customRender: 'action' }
+        //   }
+        // ],
+        // url: {
+        //   list: "/cmmsUpkeep/cmmsUpkeep/list",
+        //   delete: "/cmmsUpkeep/cmmsUpkeep/delete",
+        //   deleteBatch: "/cmmsUpkeep/cmmsUpkeep/deleteBatch",
+        //   exportXlsUrl: "/cmmsUpkeep/cmmsUpkeep/exportXls",
+        //   importExcelUrl: "cmmsUpkeep/cmmsUpkeep/importExcel",
           
-        },
+        // },
         dictOptions:{},
         superFieldList:[],
       }
     },
     created() {
+      console.log(777,this.url)
     this.getSuperFieldList();
     },
     computed: {

src/views/module_cmms/upkeep/index.vue

@@ -0,0 +1,262 @@
+<template>
+    <a-tabs default-active-key="1" @change="callback" class="card-container">
+        <a-tab-pane key="1" tab="我的下发" force-render>
+            <upkeep-list :key="timer1" :url="url1" :columns="columns1"></upkeep-list>
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="我的操作" force-render>
+            <upkeep-list :key="timer2" :url="url2" :columns="columns2"></upkeep-list>
+        </a-tab-pane>
+    </a-tabs>
+</template>
+
+<script>
+
+import UpkeepList from './UpkeepList.vue'
+
+export default ({
+    components: {
+        UpkeepList
+    },
+    data() {
+        return {
+            timer1: '',
+            timer2: '',
+            url1: {
+                list: "/cmmsUpkeep/cmmsUpkeep/selectMyArrangeList",
+                delete: "/cmmsUpkeep/cmmsUpkeep/delete",
+                deleteBatch: "/cmmsUpkeep/cmmsUpkeep/deleteBatch",
+                exportXlsUrl: "/cmmsUpkeep/cmmsUpkeep/exportXls",
+                importExcelUrl: "cmmsUpkeep/cmmsUpkeep/importExcel",
+                status: 1
+            },
+            url2: {
+                list: "/cmmsUpkeep/cmmsUpkeep/selectMyOperateList",
+                delete: "/cmmsUpkeep/cmmsUpkeep/delete",
+                deleteBatch: "/cmmsUpkeep/cmmsUpkeep/deleteBatch",
+                exportXlsUrl: "/cmmsUpkeep/cmmsUpkeep/exportXls",
+                importExcelUrl: "cmmsUpkeep/cmmsUpkeep/importExcel",
+                status: 2
+            },
+            columns1: [
+                {
+                    title: '#',
+                    dataIndex: '',
+                    key:'rowIndex',
+                    width:60,
+                    align:"center",
+                    customRender:function (t,r,index) {
+                    return parseInt(index)+1;
+                    }
+                },
+                {
+                    title:'保养工单编号',
+                    align:"center",
+                    dataIndex: 'upkeepcode'
+                },
+                // {
+                //   title:'保养名称(标题)',
+                //   align:"center",
+                //   dataIndex: 'upkeepname'
+                // },
+                // {
+                //   title:'保养计划ID',
+                //   align:"center",
+                //   dataIndex: 'upkeepplanid'
+                // },
+                // {
+                //   title:'保养工作项目ID',
+                //   align:"center",
+                //   dataIndex: 'upkeepprojid'
+                // },
+                // {
+                //   title:'工作项目名称',
+                //   align:"center",
+                //   dataIndex: 'projectname'
+                // },
+                {
+                    title:'计划名称',
+                    align:"center",
+                    dataIndex: 'planname'
+                },
+                {
+                    title:'设备',
+                    align:"center",
+                    dataIndex: 'equipmentid_dictText'
+                },
+                {
+                    title:'地点',
+                    align:"center",
+                    dataIndex: 'address'
+                },
+                // {
+                //   title:'厂商名称',
+                //   align:"center",
+                //   dataIndex: 'supplier'
+                // },
+                // {
+                //   title:'厂商电话',
+                //   align:"center",
+                //   dataIndex: 'suppliertel'
+                // },
+                // {
+                //   title:'联系人',
+                //   align:"center",
+                //   dataIndex: 'linker'
+                // },
+                // {
+                //   title:'联系人电话',
+                //   align:"center",
+                //   dataIndex: 'linkertel'
+                // },
+                {
+                    title:'负责人',
+                    align:"center",
+                    dataIndex: 'chargeruser_dictText'
+                },
+                // {
+                //   title:'描述',
+                //   align:"center",
+                //   dataIndex: 'upkeepdesc'
+                // },
+                {
+                    title:'状态',
+                    align:"center",
+                    dataIndex: 'status_dictText'
+                },
+                {
+                    title:'备注',
+                    align:"center",
+                    dataIndex: 'remark'
+                },
+                // {
+                //   title:'处理意见',
+                //   align:"center",
+                //   dataIndex: 'opinion'
+                // },
+            ],
+            columns2: [
+                {
+                    title: '#',
+                    dataIndex: '',
+                    key:'rowIndex',
+                    width:60,
+                    align:"center",
+                    customRender:function (t,r,index) {
+                    return parseInt(index)+1;
+                    }
+                },
+                {
+                    title:'保养工单编号',
+                    align:"center",
+                    dataIndex: 'upkeepcode'
+                },
+                // {
+                //   title:'保养名称(标题)',
+                //   align:"center",
+                //   dataIndex: 'upkeepname'
+                // },
+                // {
+                //   title:'保养计划ID',
+                //   align:"center",
+                //   dataIndex: 'upkeepplanid'
+                // },
+                // {
+                //   title:'保养工作项目ID',
+                //   align:"center",
+                //   dataIndex: 'upkeepprojid'
+                // },
+                // {
+                //   title:'工作项目名称',
+                //   align:"center",
+                //   dataIndex: 'projectname'
+                // },
+                {
+                    title:'计划名称',
+                    align:"center",
+                    dataIndex: 'planname'
+                },
+                {
+                    title:'设备',
+                    align:"center",
+                    dataIndex: 'equipmentid_dictText'
+                },
+                {
+                    title:'地点',
+                    align:"center",
+                    dataIndex: 'address'
+                },
+                // {
+                //   title:'厂商名称',
+                //   align:"center",
+                //   dataIndex: 'supplier'
+                // },
+                // {
+                //   title:'厂商电话',
+                //   align:"center",
+                //   dataIndex: 'suppliertel'
+                // },
+                // {
+                //   title:'联系人',
+                //   align:"center",
+                //   dataIndex: 'linker'
+                // },
+                // {
+                //   title:'联系人电话',
+                //   align:"center",
+                //   dataIndex: 'linkertel'
+                // },
+                // {
+                //     title:'负责人',
+                //     align:"center",
+                //     dataIndex: 'chargeruser_dictText'
+                // },
+                // {
+                //   title:'描述',
+                //   align:"center",
+                //   dataIndex: 'upkeepdesc'
+                // },
+                {
+                    title:'状态',
+                    align:"center",
+                    dataIndex: 'status_dictText'
+                },
+                {
+                    title:'备注',
+                    align:"center",
+                    dataIndex: 'remark'
+                },
+                // {
+                //   title:'处理意见',
+                //   align:"center",
+                //   dataIndex: 'opinion'
+                // },
+                {
+                    title: '操作',
+                    dataIndex: 'action',
+                    align:"center",
+                    fixed:"right",
+                    width:147,
+                    scopedSlots: { customRender: 'action' }
+                }
+            ],
+        }
+    },
+    methods: {
+        callback(key) {
+            if (key == 1) {
+                // 我的下发
+                this.timer1 = new Date().getTime()
+            } else if (key == 2) {
+                // 我的操作
+                this.timer2 = new Date().getTime()
+            } 
+        },
+    },
+})
+</script>
+
+<style scoped>
+::v-deep .ant-card-body{
+    padding-top: 10px !important;
+}
+</style>