1

src/views/ChannelSetting.vue

@@ -116,6 +116,9 @@
       </template>
       <el-card style="height: calc(100vh - 227.75px)">
         <div class="head-container">
+          <el-select v-model="form.stationId" @change="getLedConfigList">
+            <el-option :label="'通道' + item.stationId" :value="item.stationId" v-for="item in channelList" :key="item.stationId"></el-option>
+          </el-select>
           <el-button class="filter-item" type="primary" style="float: right" @click="addLedConfig">新增</el-button>
         </div>
         <el-table :header-cell-style="{backgroundColor: '#f5f7fa',color: '#000',fontSize: '18px',fontWeight: '600'}" :data="ledConfigList" border style="width: 100%;">
@@ -464,12 +467,11 @@ export default defineComponent({
     const loadData = (arg) => {
       getConfigPage()
       getDevice()
-      getLedConfigList()
       resetConfig()
     }
 
     function getLedConfigList() {
-      postAction(state.url.getLedConfig, {}).then(res => {
+      postAction(state.url.getLedConfig, {stationId: form.value.stationId, storeCode: JSON.parse(sessionStorage.getItem('storeInfo')).storeCode}).then(res => {
         if (res.code !== 99200) return ElMessage.error(res.message);
         ledConfigList.value = res.data
       })
@@ -495,6 +497,22 @@ export default defineComponent({
 
     function addLedConfig() {
       title.value = '新增'
+      form.value = {
+        id: '',
+        left1: 0,
+        top: 0,
+        halign: 1,
+        valign: 1,
+        fontname: '宋体',
+        fontsize: 15,
+        inmethod: 1,
+        stopmethod: 0,
+        stopspeed: 0,
+        stoptime: 0,
+        outmethod: 1,
+        inspeed: 0,
+        outspeed: 0
+      }
       ledVisible.value = true
     }
 
@@ -536,9 +554,14 @@ export default defineComponent({
 
     function getDevice() {
       if (!sessionStorage.getItem('storeInfo')) return;
-      postAction(state.url.getDevice, {storeCode: JSON.parse(sessionStorage.getItem('storeInfo')).storeCode}).then(res => {
+      form.value.storeCode = JSON.parse(sessionStorage.getItem('storeInfo')).storeCode
+      postAction(state.url.getDevice, {storeCode: form.value.storeCode}).then(res => {
         if (res.code !== 99200) return ElMessage.error(res.message);
         channelList.value = res.data
+        if (channelList.value.length > 0) {
+          form.value.stationId = res.data[0].stationId
+          getLedConfigList()
+        }
       })
     }
     
@@ -637,7 +660,6 @@ export default defineComponent({
       postAction(url, form.value).then(res => {
         if (res.code !== 99200) return ElMessage.error(res.message);
         ElMessage.success(res.message)
-        form.value = {}
         ledVisible.value = false
         getLedConfigList()
       })