97 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			Vue
		
	
	
	
			
		
		
	
	
			97 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			Vue
		
	
	
	
<template>
 | 
						|
  <div>
 | 
						|
    <Curd
 | 
						|
      :columns="columns"
 | 
						|
      :api-conf="apiConf"
 | 
						|
      :form-items="formItems"
 | 
						|
    />
 | 
						|
  </div>
 | 
						|
</template>
 | 
						|
<script>
 | 
						|
import base from "~/templates/base";
 | 
						|
import Curd from "../../components/smallCommon/Curd.vue";
 | 
						|
 | 
						|
export default {
 | 
						|
  name: "organized",
 | 
						|
  extends: base,
 | 
						|
  components: {
 | 
						|
    Curd
 | 
						|
  },
 | 
						|
  data() {
 | 
						|
    return {
 | 
						|
      deviceTypes: [],
 | 
						|
      columns: [
 | 
						|
        {
 | 
						|
          dataIndex: 'name',
 | 
						|
          key: 'name',
 | 
						|
          title: '工序名称'
 | 
						|
        },
 | 
						|
        {
 | 
						|
          dataIndex: 'organizedType',
 | 
						|
          key: 'organizedType',
 | 
						|
          title: '工序类型'
 | 
						|
        },
 | 
						|
        {
 | 
						|
          dataIndex: 'order',
 | 
						|
          key: 'order',
 | 
						|
          title: '排序'
 | 
						|
        }
 | 
						|
      ],
 | 
						|
      apiConf: {
 | 
						|
        listApi: {api: '/api/Organized/list', method: 'get', noPage: true},
 | 
						|
        deleteApi: {api: '/api/Organized/remove', method: 'delete', paramsType: 'Array'},
 | 
						|
        editApi: {api: '/api/Organized/update', method: 'put'},
 | 
						|
        addApi: {api: '/api/Organized/add', method: 'post',}
 | 
						|
      }
 | 
						|
    }
 | 
						|
  },
 | 
						|
 | 
						|
 | 
						|
  computed: {
 | 
						|
    formItems() {
 | 
						|
      const self = this
 | 
						|
      return [
 | 
						|
        {
 | 
						|
          type: 'input',
 | 
						|
          key: 'name',
 | 
						|
          label: '工序名称',
 | 
						|
          isSearch: true,
 | 
						|
          placeholder: '请输入工序名称',
 | 
						|
          rules: [
 | 
						|
            {required: true, message: '请输入工序名称'}
 | 
						|
          ]
 | 
						|
        },
 | 
						|
 | 
						|
        {
 | 
						|
          type: 'select',
 | 
						|
          key: 'organizedType',
 | 
						|
          label: '工序类型',
 | 
						|
          children: []
 | 
						|
        },
 | 
						|
        {
 | 
						|
          type: 'input',
 | 
						|
          key: 'order',
 | 
						|
          label: '排序'
 | 
						|
        }
 | 
						|
      ]
 | 
						|
    }
 | 
						|
  },
 | 
						|
  created() {
 | 
						|
    this.getMenus()
 | 
						|
  },
 | 
						|
  methods: {
 | 
						|
    getMenus() {
 | 
						|
      this.$get('/api/Device/GetDeviceTypes').then(({data}) => {
 | 
						|
        this.deviceTypes = Object.keys(data).map(item => ({
 | 
						|
          label: data[item],
 | 
						|
          value: item
 | 
						|
        }))
 | 
						|
      })
 | 
						|
    }
 | 
						|
  }
 | 
						|
}
 | 
						|
</script>
 | 
						|
<style scoped lang="less">
 | 
						|
 | 
						|
</style>
 |