fix

packages/bigscreen/designer/components/List.vue

@@ -1,38 +1,39 @@
 <template>
-  <ai-list class="form-list" isTabs style="width: 100%">
+  <ai-list>
+    <ai-title slot="title" title="大屏列表" isShowBottomBorder/>
     <template slot="content">
       <ai-search-bar>
         <template #left>
           <ai-select
-            v-model="search.status"
-            @change="search.current = 1, getList()"
-            placeholder="发布状态"
-            :selectList="dict.getDict('cwpStatus')">
+              v-model="search.status"
+              @change="search.current = 1, getList()"
+              placeholder="发布状态"
+              :selectList="dict.getDict('cwpStatus')">
           </ai-select>
           <el-button type="primary" @click="toEdit('')">添加大屏</el-button>
           <el-button type="primary" @click="toAddData">数据源管理</el-button>
         </template>
         <template #right>
           <el-input
-            v-model="search.name"
-            size="small"
-            placeholder="请输入模板名称或创建人"
-            clearable
-            v-throttle="() => {search.current = 1, getList()}"
-            @clear="search.current = 1, search.title = '', getList()"
-            suffix-icon="iconfont iconSearch">
+              v-model="search.name"
+              size="small"
+              placeholder="请输入模板名称或创建人"
+              clearable
+              v-throttle="() => {search.current = 1, getList()}"
+              @clear="search.current = 1, search.title = '', getList()"
+              suffix-icon="iconfont iconSearch">
           </el-input>
         </template>
       </ai-search-bar>
       <ai-table
-        :tableData="tableData"
-        :col-configs="colConfigs"
-        :total="total"
-        v-loading="loading"
-        style="margin-top: 6px;"
-        :current.sync="search.current"
-        :size.sync="search.size"
-        @getList="getList">
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total"
+          v-loading="loading"
+          style="margin-top: 6px;"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @getList="getList">
         <el-table-column slot="options" width="160px" fixed="right" label="操作" align="center">
           <template slot-scope="{ row }">
             <div class="table-options">
@@ -43,11 +44,11 @@
         </el-table-column>
       </ai-table>
       <ai-dialog
-        :visible.sync="isShowAdd"
-        width="780px"
-        title="复制大屏"
-        @close="onClose"
-        @onConfirm="onConfirm">
+          :visible.sync="isShowAdd"
+          width="780px"
+          title="复制大屏"
+          @close="onClose"
+          @onConfirm="onConfirm">
         <el-form ref="form" :model="form" label-width="110px" label-position="right">
           <div class="ai-form" :model="form" label-width="110px" label-position="right">
             <el-form-item label="名称" prop="name" style="width: 100%;" :rules="[{ required: true, message: '请输入名称', trigger: 'blur' }]">
@@ -61,118 +62,106 @@
 </template>
 
 <script>
-  export default {
-    name: 'FormList',
-    props: {
-      instance: Function,
-      dict: Object,
-      areaId: String,
-      urlPrefix: String
+export default {
+  name: 'FormList',
+  props: {
+    instance: Function,
+    dict: Object,
+    areaId: String,
+    urlPrefix: String
+  },
+
+  data() {
+    return {
+      search: {
+        current: 1,
+        status: '',
+        size: 10,
+        name: ''
+      },
+      form: {
+        name: ''
+      },
+      id: '',
+      isShowAdd: false,
+      colConfigs: [
+        {prop: 'name', label: '模板名称'},
+        {prop: 'createUserName', align: 'center', label: '创建人'},
+        {prop: 'description', align: 'center', label: '描述'},
+        {prop: 'status', align: 'center', label: '状态', formart: v => this.dict.getLabel('cwpStatus', v)},
+        {prop: 'createTime', align: 'center', label: '创建时间'}
+      ],
+      tableData: [],
+      total: 0,
+      loading: false
+    }
+  },
+
+  created() {
+
+    this.dict.load('cwpStatus').then(() => {
+      this.getList()
+    })
+  },
+
+  mounted() {
+    this.loading = true
+  },
+
+  methods: {
+    copy(id) {
+      this.id = id
+      this.isShowAdd = true
     },
 
-    data () {
-      return {
-        search: {
-          current: 1,
-          status: '',
-          size: 10,
-          name: ''
-        },
-        form: {
-          name: ''
-        },
-        id: '',
-        isShowAdd: false,
-        colConfigs: [
-          { prop: 'name', label: '模板名称' },
-          { prop: 'createUserName', align: 'center', label: '创建人' },
-          { prop: 'description', align: 'center', label: '描述' },
-          { prop: 'status', align: 'center', label: '状态', formart: v => this.dict.getLabel('cwpStatus', v) },
-          { prop: 'createTime', align: 'center', label: '创建时间' }
-        ],
-        tableData: [],
-        total: 0,
-        loading: false
-      }
+    onClose() {
+      this.id = ''
+      this.form.name = ''
     },
 
-    created () {
-      
-      this.dict.load('cwpStatus').then(() => {
-        this.getList()
+    onConfirm() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.instance.post(`${this.urlPrefix}/appdiylargescreen/copyLargeScreenProject`, null, {
+            params: {
+              ...this.form,
+              id: this.id
+            }
+          }).then(res => {
+            if (res.code === 0) {
+              this.$message.success('复制成功')
+              this.isShowAdd = false
+
+              this.getList()
+            }
+          })
+        }
       })
     },
 
-    mounted () {
-      this.loading = true
-    },
-
-    methods: {
-      copy (id) {
-        this.id = id
-        this.isShowAdd = true
-      },
-
-      onClose () {
-        this.id = ''
-        this.form.name = ''
-      },
-
-      onConfirm () {
-        this.$refs.form.validate((valid) => {
-          if (valid) {
-            this.instance.post(`${this.urlPrefix}/appdiylargescreen/copyLargeScreenProject`, null, {
-              params: {
-                ...this.form,
-                id: this.id
-              }
-            }).then(res => {
-              if (res.code === 0) {
-                this.$message.success('复制成功')
-                this.isShowAdd = false
-
-                this.getList()
-              }
-            })
-          }
-        })
-      },
-
-      getList () {
-        this.instance.post(`${this.urlPrefix}/appdiylargescreen/allLargeScreenProjectByPage`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.tableData = res.data.records
-            this.total = res.data.total
-            this.loading = false
-          } else {
-            this.loading = false
-          }
-        }).catch(() => {
+    getList() {
+      this.instance.post(`${this.urlPrefix}/appdiylargescreen/allLargeScreenProjectByPage`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.total = res.data.total
           this.loading = false
-        })
-      },
-
-      toEdit (id) {
-        this.$emit('change', {
-          type: 'add',
-          params: {
-            id: id || ''
-          }
-        })
-      },
-
-      toAddData () {
-        this.$emit('change', {
-          type: 'SourceData'
-        })
-      }
+        } else {
+          this.loading = false
+        }
+      }).catch(() => {
+        this.loading = false
+      })
+    },
+    toEdit(id) {
+      this.$router.push({hash: "#add", query: {id}})
+    },
+    toAddData() {
+      this.$router.push({hash: "#sourceData"})
     }
   }
+}
 </script>
-
-<style scoped lang="scss">
-</style>