<template>
    <div>
        <!-- <Tabs type="card" v-model="value">
            <TabPane label="功能列表">
                <Row>
                    <Col span="20">
                        <Form :model="searchItem">
                            <Row :gutter="16">
                                <Col span="6">
                                    <FormItem>
                                        <Input clearable v-model="searchItem.system_name" placeholder="系统名称"></Input>
                                    </FormItem>
                                </Col>
                                <Col span="6">
                                    <FormItem>
                                        <Select clearable v-model="searchItem.function_group" placeholder="选择功能组">
                                            <Option v-for="(item,index) in groupList" :key="index" :value="item.name">{{item.name}}</Option>
                                        </Select>
                                    </FormItem>
                                </Col>
                                <Col span="5">
                                    <FormItem>
                                        <Select clearable v-model="searchItem.status" placeholder="状态">
                                            <Option value="1">有效</Option>
                                            <Option value="0">无效</Option>
                                        </Select>
                                    </FormItem>
                                </Col>
                                <Col span="6">
                                    <FormItem>
                                        <Select clearable v-model="searchItem.type" placeholder="菜单类型">
                                            <Option value="1">底部菜单</Option>
                                            <Option value="2">我的菜单</Option>
                                        </Select>
                                    </FormItem>
                                 </Col>
                            </Row>
                        </Form>
                    </Col>
                    <Col span="3" offset="1">
                        <Button type="success" @click="search">搜索</Button>
                    </Col>
                </Row>
                <template>
                    <Table :loading="loading" border :columns="columns" :data="dataList">
                        <template slot-scope="{ row }" slot="showIcon">
                            <img v-if="row.show_icon.indexOf('http') != -1" width="50px" height="50px" :src="row.show_icon" />
                            <span v-else>{{row.show_icon}}</span>
                        </template>
                        <template slot-scope="{ row }" slot="action">
                            <Button type="primary" size="small" style="margin-right: 5px" @click="add">添加</Button>
                            <Button type="primary" size="small" style="margin-right: 5px" @click="update(row)">修改</Button>
                            <Button type="error" size="small" @click="del(row)">删除</Button>
                        </template>
                    </Table>
                </template>
                <br>
                <Row type="flex" justify="end">
                    <Page :total="total" @on-change="pageChange" :page-size="pageSize"/>
                </Row>
            </TabPane>
            <TabPane v-if="tabvalue===1" label="添加配置">
                <template>
                    <Row>
                        <Col span="10" offset="3">
                            <Form :model="formItem" :label-width="100">
                                <FormItem label="系统名称:">
                                    <Input v-model="formItem.system_name"></Input>
                                </FormItem>
                                <FormItem label="对外展示名称:">
                                    <Input v-model="formItem.show_name"></Input>
                                </FormItem>
                                <FormItem label="对外展示图标:" >
                                    <Input v-model="formItem.show_icon" style="width: 80%"></Input>
                                    <wl-img-manager-formitem @change1="aaa" v-model="formItem.show_icon" is-choice="1" :max-num="1" style="float: right"></wl-img-manager-formitem>
                                </FormItem>

                                <FormItem label="接口地址:">
                                    <Input v-model="formItem.interface_addr"></Input>
                                </FormItem>
                               <FormItem label="功能组">
                                      <Select clearable v-model="formItem.function_group">
                                          <Option v-for="(item,index) in groupList" :key="index" :value="item.id">{{item.name}}</Option>
                                      </Select>
                                </FormItem>
                                <FormItem label="状态">
                                    <RadioGroup v-model="formItem.status">
                                        <Radio label="1">有效</Radio>
                                        <Radio label="0">无效</Radio>
                                    </RadioGroup>
                                </FormItem>
                                <FormItem label="终端类型">
                                    <RadioGroup v-model="formItem.terminal_flag">
                                        <Radio label="0">全部</Radio>
                                        <Radio label="1">微信</Radio>
                                        <Radio label="2">APP</Radio>
                                    </RadioGroup>
                                </FormItem>
                                <FormItem label="默认菜单">
                                    <RadioGroup v-model="formItem.default_flag">
                                        <Radio label="0">默认</Radio>
                                        <Radio label="1">非默认</Radio>
                                    </RadioGroup>
                                </FormItem>
                                <FormItem label="排序:">
                                    <Input-number :max="10000" :min="1" v-model="formItem.sort"></Input-number>
                                </FormItem>
                                <FormItem label="备注:">
                                    <Input v-model="formItem.remarks" type="textarea" :autosize="{minRows: 2,maxRows: 5}" ></Input>
                                </FormItem>
                            </Form>
                            <Button :loading="buttonloading" style="margin-left: 15px;margin-right: 15px" type="primary" @click="save">保存</Button>
                            <Button @click="close">取消</Button>
                        </Col>
                    </Row>
                </template>
            </TabPane>
            <TabPane v-if="tabvalue===2"  label="修改配置">
                <template>
                    <Row>
                        <Col span="10" offset="3">
                            <Form :model="updateformItem" :label-width="100">
                                <FormItem label="系统名称:">
                                    <Input v-model="updateformItem.system_name"></Input>
                                </FormItem>
                                <FormItem label="对外展示名称:">
                                    <Input v-model="updateformItem.show_name"></Input>
                                </FormItem>
                                <FormItem label="对外展示图标:" >
                                    <Input v-model="updateformItem.show_icon" style="width: 80%"></Input>
                                    <wl-img-manager-formitem @change1="aaa" v-model="updateformItem.show_icon" is-choice="1" :max-num="1" style="float: right"></wl-img-manager-formitem>
                                </FormItem>
                                <FormItem label="接口地址:">
                                    <Input v-model="updateformItem.interface_addr"></Input>
                                </FormItem>
                                <FormItem label="功能组">
                                     <Select clearable v-model="updateformItem.function_group">
                                          <Option v-for="(item,index) in groupList" :key="index" :value="item.id">{{item.name}}</Option>
                                      </Select>
                                </FormItem>
                                <FormItem label="状态">
                                    <RadioGroup v-model="updateformItem.status">
                                        <Radio label="1">有效</Radio>
                                        <Radio label="0">无效</Radio>
                                    </RadioGroup>
                                </FormItem>
                                <FormItem label="终端类型">
                                    <RadioGroup v-model="updateformItem.terminal_flag">
                                        <Radio label="0">全部</Radio>
                                        <Radio label="1">微信</Radio>
                                        <Radio label="2">APP</Radio>
                                    </RadioGroup>
                                </FormItem>
                                <FormItem label="默认菜单">
                                    <RadioGroup v-model="updateformItem.default_flag">
                                        <Radio label="0">默认</Radio>
                                        <Radio label="1">非默认</Radio>
                                    </RadioGroup>
                                </FormItem>
                                <FormItem label="排序:">
                                    <Input-number :max="10000" :min="1" v-model="updateformItem.sort"></Input-number>
                                </FormItem>
                                <FormItem label="备注:">
                                    <Input v-model="updateformItem.remarks" type="textarea" :autosize="{minRows: 2,maxRows: 5}" ></Input>
                                </FormItem>
                            </Form>
                            <Button :loading="buttonloading" style="margin-left: 15px;margin-right: 15px" type="primary"  @click="updateForm">保存</Button>
                            <Button @click="close">取消</Button>
                        </Col>
                    </Row>
                </template>
            </TabPane>
        </Tabs> -->
    </div>
</template>

<script>
// import { findGovernmentFunctionPage, insertGovernmentFunction, delGovernmentFunction, getFunctionGroup } from '@/api/system' // upGovernmentFunction

export default {
  name: 'governmentFunctionList'
  // data () {
  //   return {
  //     groupList: [], // 功能组字典项
  //     searchItem: {
  //       system_name: '',
  //       status: '',
  //       function_group: '',
  //       type: ''
  //     },
  //     value: 0,
  //     buttonloading: false,
  //     loading: true,
  //     tabvalue: 1,
  //     formItem: {
  //       system_name: '',
  //       show_name: '',
  //       show_icon: '',
  //       interface_addr: '',
  //       function_group: '',
  //       status: '1',
  //       sort: 0,
  //       remarks: '',
  //       terminal_flag: '0',
  //       default_flag: '1'
  //     },

  //     columns: [
  //       {
  //         title: '系统名称',
  //         key: 'system_name',
  //         align: 'center'
  //       },
  //       {
  //         title: '对外展示名称',
  //         key: 'show_name',
  //         align: 'center'
  //       },
  //       {
  //         title: '对外展示图标',
  //         slot: 'showIcon',
  //         align: 'center'
  //         // render: (h, params) => {
  //         //   return h('div', [
  //         //     h('img', { //渲染图片
  //         //         attrs: {
  //         //           src: params.row.show_icon,
  //         //           style: 'width: 100px;border-radius: 2px;margin-top:4px;' //图片在表格中的样式
  //         //         },
  //         //       })
  //         //   ])
  //         // }
  //       },
  //       // {
  //       //   title: '接口地址',
  //       //   key: 'interface_addr',
  //       //   align: 'center',
  //       //   width: 120
  //       // },
  //       {
  //         title: '功能组',
  //         key: 'function_group',
  //         align: 'center',
  //         render: (h, params) => {
  //           let text = ''
  //           for (var i = 0; i < this.groupList.length; i++) {
  //             if (this.groupList[i].id === params.row.function_group) {
  //               text = this.groupList[i].name
  //             }
  //           }
  //           return h('div', [
  //             h('span', text)
  //           ])
  //         }
  //       },
  //       {
  //         title: '状态',
  //         key: 'status',
  //         align: 'center',
  //         width: 70,
  //         render: (h, params) => {
  //           return h('div', [
  //             h('span', params.row.status === '1' ? '有效' : '无效')
  //           ])
  //         }
  //       },
  //       {
  //         title: '菜单分类',
  //         key: 'type',
  //         width: 100,
  //         align: 'center',
  //         render: (h, params) => {
  //           if (params.row.type === '1') {
  //             return h('div', [
  //               h('span', '底部菜单')
  //             ])
  //           } else {
  //             return h('div', [
  //               h('span', '我的菜单')
  //             ])
  //           }
  //         }
  //       },
  //       {
  //         title: '排序',
  //         key: 'sort',
  //         align: 'center',
  //         width: 70
  //       },
  //       {
  //         title: '备注',
  //         key: 'remarks',
  //         align: 'center'
  //       },
  //       {
  //         title: '操作',
  //         slot: 'action',
  //         width: 180,
  //         align: 'center'
  //       }
  //     ],
  //     dataList: [],
  //     total: 0,
  //     pageNo: 1,
  //     pageSize: 12,
  //     updateformItem: {},
  //     deleteRow: {},
  //     wa: ''
  //   }
  // },

  // methods: {
  //   aaa () {

  //   },
  //   del (value) {
  //     this.deleteRow = value
  //     this.$Modal.confirm({
  //       title: '提示',
  //       content: '确定删除吗',
  //       loading: true,
  //       onOk: () => {
  //         delGovernmentFunction(this.deleteRow).then(ret => {
  //           if (ret.data.errcode === 0) {
  //             this.$Message.success('成功')
  //             this.$Modal.remove()
  //             this.init()
  //           } else {
  //             this.$Message.error(ret.data.errmsg)
  //             this.$Modal.remove()
  //           }
  //         })
  //       }
  //     })
  //   },

  //   close () {
  //     this.value = 0
  //     this.tabvalue = 1
  //   },

  //   search () {
  //     this.pageNo = 1
  //     this.init()
  //   },

  //   save () {
  //     this.buttonloading = true
  //     let data = this.$common.xeUtils.clone(this.formItem)
  //     data.last_update_by = this.$store.state.user.severUserInfo.data.id // 当前登录人id
  //     insertGovernmentFunction(data).then(ret => {
  //       this.buttonloading = false
  //       if (ret.data.errcode === 0) {
  //         this.$Message.success('成功')
  //         this.value = 0
  //         this.tabvalue = 1
  //         this.formItem = {}
  //         this.init()
  //       } else {
  //         this.$Message.error(ret.data.errmsg)
  //       }
  //     })
  //   },
  //   add () {
  //     this.value = 1
  //     this.tabvalue = 1
  //   },

  //   update (value) {
  //     this.value = 1
  //     this.tabvalue = 2
  //     let data = this.$common.xeUtils.clone(value)
  //     data.last_update_by = this.$store.state.user.severUserInfo.data.id // 当前登录人id
  //     this.updateformItem = data
  //   },

  //   updateForm () {
  //     let data = this.$common.xeUtils.clone(this.updateformItem)
  //     upGovernmentFunction(data).then(ret => {
  //       this.buttonloading = false
  //       if (ret.data.errcode === 0) {
  //         this.$Message.success('成功')
  //         this.value = 0
  //         this.tabvalue = 1
  //         this.formItem = {}
  //         this.init()
  //       } else {
  //         this.$Message.error(ret.data.errmsg)
  //       }
  //     })
  //   },

  //   pageChange (value) {
  //     this.pageNo = value
  //     this.init()
  //   },

  //   init () {
  //     let data = {
  //       pageNo: this.pageNo,
  //       pageSize: this.pageSize,
  //       system_name: this.searchItem.system_name,
  //       status: this.searchItem.status,
  //       function_group: this.searchItem.function_group,
  //       type: this.searchItem.type
  //     }
  //     this.getGroupList()
  //     findGovernmentFunctionPage(data).then(ret => {
  //       if (ret.data.errcode === 0) {
  //         this.total = ret.data.data.totalRecord
  //         this.dataList = ret.data.data.results
  //         this.loading = false
  //       }
  //     })
  //   },

  //   getGroupList () {
  //     getFunctionGroup().then(ret => {
  //       if (ret.data.errcode === 0) {
  //         this.groupList = ret.data.data
  //       } else {
  //         this.$Message.error(ret.data.errmsg)
  //       }
  //     })
  //   },

  //   uploadFilter (file, uploadList, filterReturn) {
  //     let isExit = false
  //     if (uploadList.length > 0) {
  //       uploadList.forEach(item => {
  //         if (item.url.indexOf(file.name) !== -1) {
  //           isExit = true
  //         }
  //       })
  //     }
  //     if (isExit) {
  //       this.$Notice.warning({
  //         title: file.name + '【文件已经存在】',
  //         duration: 0
  //       })
  //       return { errcode: false, selfShow: true }
  //     }
  //     return { errcode: true }
  //   }

  // },
  // mounted () {
  //   this.init()
  // }
}
</script>

<style scoped>

</style>
