Blame view

src/views/baseSpecialAction/webDesign/index.vue 4.43 KB
2bbff3d8   “wangming”   1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
  <template>
    <div class="NCC-common-layout">
      <div class="NCC-common-layout-center">
        <el-row class="NCC-common-search-box" :gutter="16">
          <el-form @submit.native.prevent>
            <el-col :span="6">
              <el-form-item label="关键词">
                <el-input v-model="query.keyword" placeholder="请输入关键词查询" clearable
                  @keyup.enter.native="search()" />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item>
                <el-button type="primary" icon="el-icon-search" @click="search()">
                  {{$t('common.search')}}</el-button>
                <el-button icon="el-icon-refresh-right" @click="reset()">{{$t('common.reset')}}
                </el-button>
              </el-form-item>
            </el-col>
          </el-form>
        </el-row>
        <div class="NCC-common-layout-main NCC-flex-main">
          <div class="NCC-common-head">
            <topOpts @add="addVisible=true">
              <upload-btn url="/api/visualdev/OnlineDev/Model/Actions/ImportData"
                @on-success="initData" />
            </topOpts>
            <div class="NCC-common-head-right">
              <el-tooltip effect="dark" :content="$t('common.refresh')" placement="top">
                <el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false"
                  @click="reset()" />
              </el-tooltip>
              <screenfull />
            </div>
          </div>
          <NCC-table v-loading="listLoading" :data="list" row-key="id"
            :tree-props="{children: 'children', hasChildren: ''}" default-expand-all>
            <el-table-column prop="fullName" label="名称" show-overflow-tooltip min-width="200">
              <template slot-scope="scope">
                <span v-if="scope.row.top"
                  style="font-weight:bold;">{{scope.row.fullName}}【{{scope.row.num}}】</span>
                <span v-else>{{scope.row.fullName}}</span>
              </template>
            </el-table-column>
            <el-table-column prop="enCode" label="编码" width="200" />
            <el-table-column prop="creatorUser" label="创建人" width="120" />
            <el-table-column prop="creatorTime" label="创建时间" :formatter="ncc.tableDateFormat"
              width="120" />
            <el-table-column prop="lastModifyUser" label="最后修改人" width="120" />
            <el-table-column prop="lastModifyTime" label="最后修改时间" :formatter="ncc.tableDateFormat"
              width="120" />
            <el-table-column label="状态" width="70" align="center">
              <template slot-scope="scope" v-if="!scope.row.top">
                <el-tag :type="scope.row.state == 1 ? 'success' : 'danger'" disable-transitions>
                  {{scope.row.state==1?'正常':'停用'}}</el-tag>
              </template>
            </el-table-column>
            <el-table-column label="操作" fixed="right" width="150">
              <template slot-scope="scope" v-if="!scope.row.top">
                <tableOpts @edit="addOrUpdateHandle(scope.row.id)" @del="handleDel(scope.row.id)">
                  <el-dropdown>
                    <span class="el-dropdown-link">
                      <el-button type="text" size="mini">{{$t('common.moreBtn')}}<i
                          class="el-icon-arrow-down el-icon--right"></i>
                      </el-button>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item @click.native="copy(scope.row.id)">复制</el-dropdown-item>
                      <el-dropdown-item @click.native="preview(scope.row.id)">预览</el-dropdown-item>
                      <el-dropdown-item @click.native="exportModel(scope.row.id)">导出
                      </el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </tableOpts>
              </template>
            </el-table-column>
          </NCC-table>
        </div>
      </div>
      <Form v-if="formVisible" ref="Form" @close="colseForm" />
      <AddBox :visible.sync="addVisible" @add="handleAdd" />
    </div>
  </template>
  
  <script>
  import Form from './Form'
  import AddBox from '@/views/generator/AddBox'
  import mixin from '@/mixins/generator/index'
  export default {
    name: 'onlineDev-webDesign',
    mixins: [mixin],
    components: { Form, AddBox },
    data() {
      return {
        query: { keyword: '', type: 1 },
        sort: 'webDesign'
      }
    },
    methods: {
      preview(id) {
        this.$router.push(`/previewModel?isPreview=1&id=${id}`)
      }
    }
  }
  </script>