1

src/views/systemSettings/views/warningSet/warningEdit.vue

@@ -10,8 +10,68 @@
       </div>
 
       <div class="formBox">
-        <div class="digName">
-          <el-row :gutter="20">
+        <el-form ref="ruleForm" :model="tableFormer" label-width="100px">
+          <el-row :gutter="24">
+            <el-col
+              v-for="(item, index) in tableColsCopys"
+              :key="index"
+              :span="6"
+            >
+              <el-form-item :label="item.columnLabel">
+                <template
+                  v-if="
+                    item.listqueryTemplateID || item.listqueryTemplateID == 0
+                  "
+                >
+                  <el-select
+                    v-model="tableFormer[item.columnName]"
+                    class="input-shadow"
+                    size="small"
+                    filterable
+                    default-first-option
+                    placeholder="请选择"
+                  >
+                    <el-option
+                      v-for="item in tableOptionser[item.columnName]"
+                      :key="item.v ? item.v : item.planDepartureApt"
+                      :label="item.k ? item.k : item.planDepartureApt"
+                      :value="item.v ? item.v : item.planDepartureApt"
+                    >
+                    </el-option>
+                  </el-select>
+                </template>
+                <template v-else-if="item.dataType == 'longtext'">
+                  <el-input
+                    size="small"
+                    :rows="1"
+                    type="textarea"
+                    @change="inputChangeHandler(item.columnName)"
+                    v-model="tableFormer[item.columnName]"
+                  ></el-input>
+                </template>
+                <template v-else-if="item.dataType == 'datetime'">
+                  <el-date-picker
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    v-model="tableFormer[item.columnName]"
+                    :rows="1"
+                    type="datetime"
+                    placeholder="选择日期时间"
+                    @change="inputChangeHandler(item.columnName)"
+                  >
+                  </el-date-picker>
+                </template>
+                <template v-else>
+                  <el-input
+                    size="small"
+                    v-model="tableFormer[item.columnName]"
+                    @change="inputChangeHandler(item.columnName)"
+                  ></el-input>
+                </template>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <!-- <el-row :gutter="20">
             <el-col :span="6">
               <div class="aviName">
                 <span class="aviP">场景编号</span>
@@ -120,8 +180,7 @@
                 </el-date-picker>
               </div>
             </el-col>
-          </el-row>
-        </div>
+          </el-row> -->
       </div>
     </div>
 
@@ -488,6 +547,8 @@ export default {
       AirportList: [],
       characterList: [], //二字码列表
       tableOptions: {},
+      tableOptionser: {},
+      tableColser: [],
     };
   },
   created() {
@@ -534,6 +595,25 @@ export default {
           this.tableFormer = returnData.listValues[0]
             ? returnData.listValues[0]
             : {};
+          this.tableColser = returnData.columnSet;
+          this.tableColsCopys = this.tableColser.filter(
+            (item) => item.needShow
+          );
+          const datas = _.cloneDeep(this.tableColsCopys);
+          // const reqUts = [];
+          datas.forEach(async (item) => {
+            if (item.listqueryTemplateID || item.listqueryTemplateID == 0) {
+              // const reqUt = this.getSelectData(item.listqueryTemplateID)
+              // reqUts.push(reqUt)
+              if (!this.tableOptionser[item.columnName]) {
+                this.tableOptionser[item.columnName] = await this.getSelectData(
+                  item.listqueryTemplateID
+                );
+              }
+              //
+            }
+            // this.filterValues[item.columnName] = ''
+          });
         } else {
           this.page--;
           this.$message.error.message;
@@ -936,6 +1016,14 @@ export default {
         return [];
       }
     },
+    changeSelects(data) {
+      if (this.tableFormer[data] === "") {
+        this.tableFormer[data] = null;
+      }
+      this.tableFormer[this.tableOptionser[data][0].setvalue] =
+        this.tableFormer[data];
+      //
+    },
   },
 };
 </script>
@@ -967,10 +1055,16 @@ export default {
     // padding-top: 20px !important;
     padding-bottom: 0px;
   }
+  ::v-deep .el-form-item__content {
+    margin-left: 0;
+  }
   ::v-deep .el-dialog__headerbtn {
     top: 17px;
     color: #ffffff;
   }
+  ::v-deep .el-date-editor {
+    width: 100%;
+  }
   ::v-deep .el-dialog__close {
     color: #ffffff;
   }
@@ -1118,10 +1212,15 @@ export default {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
+  padding-right: 24px;
+  padding-left: 24px;
   ::v-deep .el-input__suffix {
     top: 0px;
   }
 }
+::v-deep .el-input__prefix {
+  left: 17px;
+}
 ::v-deep .el-row {
   width: 100%;
 }
@@ -1129,12 +1228,7 @@ export default {
   width: 100%;
 }
 ::v-deep .formBox {
-  .digName {
-    width: 100%;
-    display: flex;
-    // margin-left: 70px;
-  }
-  .digName .el-input__inner {
+  .el-input__inner {
     margin-left: 15px;
     // width: 160px;
     height: 32px;
@@ -1142,123 +1236,114 @@ export default {
     border: 1px solid #d7dae3;
     border-radius: 4px;
   }
-  .digName1 {
-    display: flex;
-    width: 100%;
-    margin-bottom: 20px;
-  }
-  .aviP2 {
-    // margin-left: 14px;
-    // margin-right: 17px;
-  }
-  .digName4 {
-    display: flex;
-    .el-input {
-      width: 58%;
-    }
-  }
-  .digName4 .el-input__inner {
-    // width: 400px;
-    height: 32px;
-    margin-left: 16px;
-    background: #fff;
-    border: 1px solid #d7dae3;
-    border-radius: 4px;
-  }
+  // .digName4 {
+  //   display: flex;
+  //   .el-input {
+  //     width: 58%;
+  //   }
+  // }
+  // .digName4 .el-input__inner {
+  //   // width: 400px;
+  //   height: 32px;
+  //   margin-left: 16px;
+  //   background: #fff;
+  //   border: 1px solid #d7dae3;
+  //   border-radius: 4px;
+  // }
 
-  .digName {
-    width: 100%;
-    display: flex;
-    justify-content: space-around;
-    //   flex-direction: row;
-  }
-  .aviName {
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 24px;
-    width: 100%;
-    margin-right: 10px;
-    text-align: right;
-    > .el-input {
-      width: 58%;
-    }
-    .el-select {
-      width: 58%;
-    }
-  }
-  .aviName1 {
-    // width: 25%;
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 24px;
-    margin-right: 38px;
-    text-align: right;
-    justify-content: center;
-    .aviP5 {
-      width: 82px;
-      line-height: 30px;
-    }
-    .el-input__inner {
-      width: 231px;
-      height: 32px;
-      background: #fff;
-    }
-    .el-input__prefix {
-      left: 17px;
-      top: -3px;
-    }
-    .el-input__suffix {
-      top: -3px;
-    }
-    // .el-input__suffix {
-    //   top: -2;
-    // }
-    // .el-input__icon {
-    //   margin-left: 10px;
-    // }
-  }
-  .aviName2 {
-    display: flex;
-    flex-direction: row;
-    margin-bottom: 24px;
-    margin-right: 10px;
-    text-align: right;
-    .el-textarea__inner {
-      width: 972px;
-      height: 32px;
-    }
-  }
-  .aviP {
-    width: 110px;
-    height: 32px;
-    line-height: 32px;
-    color: #303133;
-  }
-  .aviP1 {
-    width: 110px;
-    text-align: right;
-    height: 32px;
-    line-height: 32px;
-    color: #303133;
-  }
-  .aviP2 {
-    width: 83px;
-    display: flex;
-    justify-content: flex-start;
-    padding-left: 2px;
-    text-align: right;
-    height: 32px;
-    line-height: 32px;
-    color: #303133;
-  }
-  .aviP3 {
-    width: 64px;
-    height: 32px;
-    line-height: 32px;
-    text-align: right;
-    margin-right: 40px;
-  }
+  // .digName {
+  //   width: 100%;
+  //   display: flex;
+  //   justify-content: space-around;
+  //   //   flex-direction: row;
+  // }
+  // .aviName {
+  //   display: flex;
+  //   flex-direction: row;
+  //   margin-bottom: 24px;
+  //   width: 100%;
+  //   margin-right: 10px;
+  //   text-align: right;
+  //   > .el-input {
+  //     width: 58%;
+  //   }
+  //   .el-select {
+  //     width: 58%;
+  //   }
+  // }
+  // .aviName1 {
+  //   // width: 25%;
+  //   width: 100%;
+  //   display: flex;
+  //   flex-direction: row;
+  //   margin-bottom: 24px;
+  //   margin-right: 38px;
+  //   text-align: right;
+  //   justify-content: center;
+  //   .aviP5 {
+  //     width: 82px;
+  //     line-height: 30px;
+  //   }
+  //   .el-input__inner {
+  //     width: 231px;
+  //     height: 32px;
+  //     background: #fff;
+  //   }
+  //   .el-input__prefix {
+  //     left: 17px;
+  //     top: -3px;
+  //   }
+  //   .el-input__suffix {
+  //     top: -3px;
+  //   }
+  //   // .el-input__suffix {
+  //   //   top: -2;
+  //   // }
+  //   // .el-input__icon {
+  //   //   margin-left: 10px;
+  //   // }
+  // }
+  // .aviName2 {
+  //   display: flex;
+  //   flex-direction: row;
+  //   margin-bottom: 24px;
+  //   margin-right: 10px;
+  //   text-align: right;
+  //   .el-textarea__inner {
+  //     width: 972px;
+  //     height: 32px;
+  //   }
+  // }
+  // .aviP {
+  //   width: 110px;
+  //   height: 32px;
+  //   line-height: 32px;
+  //   color: #303133;
+  // }
+  // .aviP1 {
+  //   width: 110px;
+  //   text-align: right;
+  //   height: 32px;
+  //   line-height: 32px;
+  //   color: #303133;
+  // }
+  // .aviP2 {
+  //   width: 83px;
+  //   display: flex;
+  //   justify-content: flex-start;
+  //   padding-left: 2px;
+  //   text-align: right;
+  //   height: 32px;
+  //   line-height: 32px;
+  //   color: #303133;
+  // }
+  // .aviP3 {
+  //   width: 64px;
+  //   height: 32px;
+  //   line-height: 32px;
+  //   text-align: right;
+  //   margin-right: 40px;
+  // }
 }
 .centerBox {
   height: 610px;