From 270f4c72b8566400fe29f78099f5e206908ef501 Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期五, 09 四月 2021 15:52:32 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop

---
 src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue |  124 +++++++++++++++++++++++++---------------
 1 files changed, 77 insertions(+), 47 deletions(-)

diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
index 712cff4..00a1f84 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
@@ -30,46 +30,43 @@
                                 <span >缁撴潫鏃堕棿:</span>
                                 <span class="pickerTable">
                         <el-date-picker
-                                type="datetime"
-                                v-model="value2"
+                            type="datetime"
+                            v-model="value2"
                         >
                       </el-date-picker>
                       </span>
-                            </div>
-                        </div>
-                    </el-col>
-                    <el-col :span="5">
-                        閲囨牱鐐规暟:
-                        <input list="source" id="ipt" class="echatsInput">
-                        <datalist id="source">
-                            <option value="0" />
-                            <option value="25" />
-                            <option value="50" />
-                            <option value="75" />
-                            <option value="100" />
-                        </datalist>
-                    </el-col>
-                    <el-col class="detailbtn" :span="2" @click="onSubmit">鏌ヨ</el-col>
-                    <el-col :span="3">
-                        <div class="detailbtn" @click="dialogVisible = true" >鏄庣粏琛�</div>
-                        <el-dialog :visible.sync="dialogVisible"
-                                   :append-to-body="true"
-                                   :title="this.$attrs.value==='feiqi'?this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName:this.$attrs.getWasteWaterMonitoringDetails[0].OnLineMonEmissPointName"
-                                   width="68%"
-                                   center
-                                   v-dialogDrag
-                        >
-                            <div class="el-dialog-div" style="height: 500px">
-                                <public-detailed-list v-bind="$attrs"></public-detailed-list>
-                            </div>
-                        </el-dialog>
-                    </el-col>
-                </el-row>
-            </div>
-            <div style="width:5rem;height:2rem;" id="echarts" ref="main">
-            </div>
+          </div>
         </div>
+        <div>
+          閲囨牱鐐规暟:
+          <input list="source" id="ipt" class="echatsInput" v-model="value" @change="datalistBtn">
+          <datalist id="source" @click="datalistBtn">
+            <option value="0" />
+            <option value="25" />
+            <option value="50" />
+            <option value="75" />
+            <option value="100" />
+          </datalist>
+        </div>
+        <div class="detailbtn"  @click="onSubmit">鏌ヨ</div>
+        <div class="detailbtn" @click="dialogVisible = true" >鏄庣粏琛�</div>
+      </div>
+      <div style="width:5rem;height:2rem;" id="echarts" ref="main">
+      </div>
     </div>
+    <!-- 鏄庣粏寮规 -->
+    <el-dialog :visible.sync="dialogVisible"
+               :append-to-body="true"
+               :title="this.$attrs.value==='feiqi'?this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName:this.$attrs.getWasteWaterMonitoringDetails[0].OnLineMonEmissPointName"
+               width="68%"
+               center
+               v-dialogDrag
+    >
+      <div class="el-dialog-div" style="height: 500px">
+        <public-detailed-list v-bind="$attrs"></public-detailed-list>
+      </div>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
@@ -82,17 +79,35 @@
   },
   data () {
     return {
+      value1: '',
+      value2: '',
       watchData: [],
       dialogVisible: false,
       myChar: null,
-      value: '',
+      value: '50',
       formInline: {
         user: '',
         region: ''
+      },
+      source: {
+
       }
     }
   },
   methods: {
+    datalistBtn (value) {
+      // var inputSelect = document.getElementById('#ipt').value
+      // var optionlength = document.getElementsByTagName('option').length
+      // var optionId = ''
+      // for (var i = 0; i < optionlength; i++) {
+      //   // var optionValue = $('option').eq(i).attr('data-value')
+      //   if (inputSelect == optionValue) {
+      //     optionId = $('option').eq(i).attr('data-id')
+      //   }
+      // }
+      console.log(1)
+      // this.value = value
+    },
     onSubmit () {
       console.log('submit!')
     },
@@ -333,18 +348,28 @@
         border-top: 1px solid #396d83;
         //margin: 10px 10px 10px 10px;
         .from-search{
-            margin-top: 6px;
+          display: flex;
+          padding:5px;
+          >div{margin-left: 10px}
             .pickerMon{
-                display: flex;
+              display: flex;
+              >div:first-child {
+                margin-right: 10px;
+              }
                 .pickerData{
                     flex: 1;
                     display: flex;
+                      >span{line-height: 22px}
                     .pickerTable{
                         margin-left: 6px;
-                        width: 40px;
-
+                      /deep/.el-input{
+                        font-size: 0px;
+                        .el-input__prefix{
+                          width: 100%;
+                        }
+                      }
                         /deep/.el-input__icon {
-                            width: 0.9rem;
+                          width: 100%;
                             font-size: 0;
                         }
                     }
@@ -359,18 +384,23 @@
                 height: 0.125rem!important;
                 background-color: #2e4967;
                 color: #ffffff;
-                font-size: 8px;
+                font-size: 12px;
+                height: 24px;
                 padding: 0;
                 //padding-left:20px ;
                 //padding: 0!important;
             }
             .echatsInput{
-                color: #00ffff;
-                background-color: #2e4967;
-                border: none;
-                border-radius: 6px;
-                width: 40px;
+              color: #00ffff;
+              background-color: #2e4967;
+              border: none;
+              border-radius: 6px;
+              width: 80px;
+              height: 22px;
             }
+          input::-webkit-calendar-picker-indicator {
+            opacity: 100;
+          }
             .detailbtn{
                 background-color:#2e4967;
                 text-align: center;

--
Gitblit v1.8.0