askbot-dragon 1.1.28 → 1.2.0

package/src/components/test.vue

@@ -1,261 +1,261 @@
-<template>
-<div>
-  <div style="display: flex;height: auto;line-height: 2;" >
-    <div>
-      <div>aaa</div>
-      <i class="ask-component-placeholder-icon arsenal_icon arsenalkebianji ck-widget" @click="_askEditValue"></i>
-    </div>
-  </div>
-  <div style="text-align: right;padding: 10px 0 0 10px">
-    <el-button type="primary" size="small"  :disabled="disableds" id="submit">{{submitValue}}</el-button>
-  </div>
- <!-- <div v-if="isCompany">
-    <div v-if="single === true" style="border-top: 1px dashed #ebebeb;">
-      <el-input v-model="input" placeholder="请输入内容" style="padding: 10px 10px 10px 0;width: 80%;"></el-input>
-      <span><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-    </div>
-    <div v-if="date" style="border-top: 1px dashed #ebebeb;">
-      <el-date-picker
-          v-model="dateValue"
-          type="date"
-          placeholder="选择日期"
-          style="width: 80%;margin: 10px 10px 10px 0"
-      >
-      </el-date-picker>
-      <span @click="quedingClick" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-    </div>
-    <div v-if="time" style="border-top: 1px dashed #ebebeb;">
-      <el-time-picker
-          v-model="timeValue"
-          placeholder="任意时间点"
-          style="margin: 10px 10px 10px 0;width: 80%"
-      >
-      </el-time-picker>
-      <span @click="quedingClick" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-    </div>
-    &lt;!&ndash;<div v-if="dateRange" style="border-top: 1px dashed #ebebeb;">
-      <el-date-picker
-          v-model="dateRangeValue"
-          type="daterange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          style="margin: 10px 16px;width: 80%"
-      >
-      </el-date-picker>
-      <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-    </div>
-    <div v-if="timeRange" style="border-top: 1px dashed #ebebeb;">
-      <el-time-picker
-          is-range
-          v-model="timeRangeValue"
-          range-separator="至"
-          start-placeholder="开始时间"
-          end-placeholder="结束时间"
-          placeholder="选择时间范围"
-          style="margin: 10px 16px;width: 80%"
-      >
-      </el-time-picker>
-      <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-
-    </div>
-    <div v-if="dateTimeRange" style="border-top: 1px dashed #ebebeb;">
-      <el-date-picker
-          v-model="dateTimeValue"
-          type="datetimerange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          style="width: 80%;margin: 10px 16px"
-
-      >
-      </el-date-picker>
-      <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-    </div>&ndash;&gt;
-  </div>
-  <div v-if="isPhone">
-    <div v-if="single" style="border-top: 1px dashed #ebebeb;">
-      <el-input v-model="input" placeholder="请输入内容" style="padding: 10px 10px 10px 0;width: 80%;"></el-input>
-      <span @click="quedingClick"><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-    </div>
-    <div v-if="date" style="border-top: 1px dashed #ebebeb;">
-      <el-date-picker
-          v-model="dateValue"
-          type="date"
-          placeholder="选择日期"
-          style="width: 80%;margin: 10px 10px 10px 0"
-          :editable=false
-      >
-      </el-date-picker>
-      <span @click="quedingClick" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-    </div>
-
-    <div v-if="time" style="border-top: 1px dashed #ebebeb;">
-      <el-time-picker
-          v-model="timeValue"
-          placeholder="任意时间点"
-          style="margin: 10px 10px 10px 0;width: 80%"
-
-          :editable=false
-
-      >
-      </el-time-picker>
-      <span @click="quedingClick" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-    </div>
-    &lt;!&ndash; <div v-if="dateRange" style="border-top: 1px dashed #ebebeb;display: flex">
-       &lt;!&ndash;<el-date-picker
-           v-model="dateRangeValue"
-           type="daterange"
-           range-separator="至"
-           start-placeholder="开始日期"
-           end-placeholder="结束日期"
-           style="margin: 10px 16px;width: 80%"
-           :editable=false
-
-       >
-       </el-date-picker>&ndash;&gt;
-       <div style="width: 90%">
-         <van-cell title="选择日期区间" :value="dateRangeValue" @click="show = true" />
-         <van-calendar v-model="show" type="range" @confirm="onConfirm" />
-       </div>
-       <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-
-
-
-     </div>
-     <div v-if="timeRange" style="border-top: 1px dashed #ebebeb;">
-       <el-time-picker
-           is-range
-           v-model="timeRangeValue"
-           range-separator="至"
-           start-placeholder="开始时间"
-           end-placeholder="结束时间"
-           placeholder="选择时间范围"
-           style="margin: 10px 16px;width: 80%"
-
-           :editable=false
-       >
-       </el-time-picker>
-       <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-
-     </div>
-     <div v-if="dateTimeRange" style="border-top: 1px dashed #ebebeb;display: flex">
-       &lt;!&ndash; <el-date-picker
-            v-model="dateTimeValue"
-            type="datetimerange"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            style="width: 80%;margin: 10px 16px"
-            :editable=false
-
-
-        >
-        </el-date-picker>&ndash;&gt;
-       <div style="width: 90%">
-         <van-field
-             readonly
-             clickable
-             name="datetimePicker"
-             :value=dateTimeValue[0]
-             label='选择时间'
-             placeholder="点击选择开始日期时间"
-             @click="showDateTimePicker=true"
-         />
-         <van-popup v-model="showDateTimePicker" position="bottom">
-           <van-datetime-picker
-               v-model="currentDate"
-               type="datetime"
-               title="选择开始日期时间"
-               @confirm="onConfirmDateTime($event)"
-               @cancel="showDateTimePicker = false"
-               :min-date="minDate"
-               :formatter="formatter"
-           />
-         </van-popup>
-         <van-field
-             readonly
-             clickable
-             name="datetimePicker"
-             :value=dateTimeValue1[0]
-             label=" "
-             placeholder="点击选择结束日期时间"
-             @click="showDateTimePicker1=true"
-         />
-         <van-popup v-model="showDateTimePicker1" position="bottom">
-           <van-datetime-picker
-               v-model="currentDate"
-               type="datetime"
-               title="选择结束日期时间"
-               @confirm="onConfirmDateTime1($event)"
-               @cancel="showDateTimePicker1 = false"
-               :min-date="minDate"
-               :formatter="formatter"
-           />
-         </van-popup>
-       </div>
-
-       <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
-     </div>&ndash;&gt;
-  </div>-->
-</div>
-</template>
-
-<script>
-export default {
-name: "test",
-  data(){
-    return{
-      show:false,
-      single:false,
-      date:false,
-      time:false,
-      dateTimeRange:false,
-      dateRange:false,
-      timeRange:false,
-      input:'',
-      bianliangId:'',
-      dateValue:'',
-      message:[{content:'王亚欣',type:'SINGLE',value:'',id:1},{content:['2020-11-18T07:25:16.000+0000','2020-11-21T07:25:16.000+0000'],type:'DATE-RANGE',value:'',id:2},{content:'2020-11-18T07:25:16.000+0000',type:'TIME',value:'',id:3},{content:'2020-11-18T07:25:16.000+0000',type:'DATE',value:'',id:4},{content:['2020-11-18T07:25:16.000+0000','2020-11-21T07:25:16.000+0000'],type:'DATERANGE',value:'',id:5},{content:['2020-11-18T08:25:16.000+0000','2020-11-21T07:25:16.000+0000'],type:'TIMERANGE',value:'',id:6},],
-      isPhone:false,
-      isCompany:false,
-      dateTimeValue:[],
-      timeValue:'',
-      dateRangeValue:'',
-      dateRangeValues:'',
-      timeRangeValue:[],
-      dateTimeValue1:[],
-      test:0,
-      currentDate:new Date(),
-      minDate: new Date(2020, 0, 1),
-      showDateTimePicker1:false,
-      showDateTimePicker:false,
-      values:[],
-      checkValue:'',
-      disableds:false,
-      submitValue:'确认'
-    }
-  },
-  methods:{
-    _askEditValue(){
-      console.log('aaa')
-      console.log(this.$el)
-    },
-    isMobile() {
-      let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
-      if (flag) {
-        this.isPhone=true
-      }
-      else
-      {
-        this.isCompany=true
-
-      }
-    },
-  }
-}
-</script>
-
-<style scoped>
-
+<template>
+<div>
+  <div style="display: flex;height: auto;line-height: 2;" >
+    <div>
+      <div>aaa</div>
+      <i class="ask-component-placeholder-icon arsenal_icon arsenalkebianji ck-widget" @click="_askEditValue"></i>
+    </div>
+  </div>
+  <div style="text-align: right;padding: 10px 0 0 10px">
+    <el-button type="primary" size="small"  :disabled="disableds" id="submit">{{submitValue}}</el-button>
+  </div>
+ <!-- <div v-if="isCompany">
+    <div v-if="single === true" style="border-top: 1px dashed #ebebeb;">
+      <el-input v-model="input" placeholder="请输入内容" style="padding: 10px 10px 10px 0;width: 80%;"></el-input>
+      <span><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+    </div>
+    <div v-if="date" style="border-top: 1px dashed #ebebeb;">
+      <el-date-picker
+          v-model="dateValue"
+          type="date"
+          placeholder="选择日期"
+          style="width: 80%;margin: 10px 10px 10px 0"
+      >
+      </el-date-picker>
+      <span @click="quedingClick" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+    </div>
+    <div v-if="time" style="border-top: 1px dashed #ebebeb;">
+      <el-time-picker
+          v-model="timeValue"
+          placeholder="任意时间点"
+          style="margin: 10px 10px 10px 0;width: 80%"
+      >
+      </el-time-picker>
+      <span @click="quedingClick" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+    </div>
+    &lt;!&ndash;<div v-if="dateRange" style="border-top: 1px dashed #ebebeb;">
+      <el-date-picker
+          v-model="dateRangeValue"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          style="margin: 10px 16px;width: 80%"
+      >
+      </el-date-picker>
+      <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+    </div>
+    <div v-if="timeRange" style="border-top: 1px dashed #ebebeb;">
+      <el-time-picker
+          is-range
+          v-model="timeRangeValue"
+          range-separator="至"
+          start-placeholder="开始时间"
+          end-placeholder="结束时间"
+          placeholder="选择时间范围"
+          style="margin: 10px 16px;width: 80%"
+      >
+      </el-time-picker>
+      <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+
+    </div>
+    <div v-if="dateTimeRange" style="border-top: 1px dashed #ebebeb;">
+      <el-date-picker
+          v-model="dateTimeValue"
+          type="datetimerange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          style="width: 80%;margin: 10px 16px"
+
+      >
+      </el-date-picker>
+      <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+    </div>&ndash;&gt;
+  </div>
+  <div v-if="isPhone">
+    <div v-if="single" style="border-top: 1px dashed #ebebeb;">
+      <el-input v-model="input" placeholder="请输入内容" style="padding: 10px 10px 10px 0;width: 80%;"></el-input>
+      <span @click="quedingClick"><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+    </div>
+    <div v-if="date" style="border-top: 1px dashed #ebebeb;">
+      <el-date-picker
+          v-model="dateValue"
+          type="date"
+          placeholder="选择日期"
+          style="width: 80%;margin: 10px 10px 10px 0"
+          :editable=false
+      >
+      </el-date-picker>
+      <span @click="quedingClick" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+    </div>
+
+    <div v-if="time" style="border-top: 1px dashed #ebebeb;">
+      <el-time-picker
+          v-model="timeValue"
+          placeholder="任意时间点"
+          style="margin: 10px 10px 10px 0;width: 80%"
+
+          :editable=false
+
+      >
+      </el-time-picker>
+      <span @click="quedingClick" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+    </div>
+    &lt;!&ndash; <div v-if="dateRange" style="border-top: 1px dashed #ebebeb;display: flex">
+       &lt;!&ndash;<el-date-picker
+           v-model="dateRangeValue"
+           type="daterange"
+           range-separator="至"
+           start-placeholder="开始日期"
+           end-placeholder="结束日期"
+           style="margin: 10px 16px;width: 80%"
+           :editable=false
+
+       >
+       </el-date-picker>&ndash;&gt;
+       <div style="width: 90%">
+         <van-cell title="选择日期区间" :value="dateRangeValue" @click="show = true" />
+         <van-calendar v-model="show" type="range" @confirm="onConfirm" />
+       </div>
+       <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+
+
+
+     </div>
+     <div v-if="timeRange" style="border-top: 1px dashed #ebebeb;">
+       <el-time-picker
+           is-range
+           v-model="timeRangeValue"
+           range-separator="至"
+           start-placeholder="开始时间"
+           end-placeholder="结束时间"
+           placeholder="选择时间范围"
+           style="margin: 10px 16px;width: 80%"
+
+           :editable=false
+       >
+       </el-time-picker>
+       <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+
+     </div>
+     <div v-if="dateTimeRange" style="border-top: 1px dashed #ebebeb;display: flex">
+       &lt;!&ndash; <el-date-picker
+            v-model="dateTimeValue"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            style="width: 80%;margin: 10px 16px"
+            :editable=false
+
+
+        >
+        </el-date-picker>&ndash;&gt;
+       <div style="width: 90%">
+         <van-field
+             readonly
+             clickable
+             name="datetimePicker"
+             :value=dateTimeValue[0]
+             label='选择时间'
+             placeholder="点击选择开始日期时间"
+             @click="showDateTimePicker=true"
+         />
+         <van-popup v-model="showDateTimePicker" position="bottom">
+           <van-datetime-picker
+               v-model="currentDate"
+               type="datetime"
+               title="选择开始日期时间"
+               @confirm="onConfirmDateTime($event)"
+               @cancel="showDateTimePicker = false"
+               :min-date="minDate"
+               :formatter="formatter"
+           />
+         </van-popup>
+         <van-field
+             readonly
+             clickable
+             name="datetimePicker"
+             :value=dateTimeValue1[0]
+             label=" "
+             placeholder="点击选择结束日期时间"
+             @click="showDateTimePicker1=true"
+         />
+         <van-popup v-model="showDateTimePicker1" position="bottom">
+           <van-datetime-picker
+               v-model="currentDate"
+               type="datetime"
+               title="选择结束日期时间"
+               @confirm="onConfirmDateTime1($event)"
+               @cancel="showDateTimePicker1 = false"
+               :min-date="minDate"
+               :formatter="formatter"
+           />
+         </van-popup>
+       </div>
+
+       <span @click="quedingClick(bianliangId)" ><i class="el-icon-success" style="color: #409eff;font-size: 32px;text-align: center;vertical-align: middle;cursor: pointer"></i></span>
+     </div>&ndash;&gt;
+  </div>-->
+</div>
+</template>
+
+<script>
+export default {
+name: "test",
+  data(){
+    return{
+      show:false,
+      single:false,
+      date:false,
+      time:false,
+      dateTimeRange:false,
+      dateRange:false,
+      timeRange:false,
+      input:'',
+      bianliangId:'',
+      dateValue:'',
+      message:[{content:'王亚欣',type:'SINGLE',value:'',id:1},{content:['2020-11-18T07:25:16.000+0000','2020-11-21T07:25:16.000+0000'],type:'DATE-RANGE',value:'',id:2},{content:'2020-11-18T07:25:16.000+0000',type:'TIME',value:'',id:3},{content:'2020-11-18T07:25:16.000+0000',type:'DATE',value:'',id:4},{content:['2020-11-18T07:25:16.000+0000','2020-11-21T07:25:16.000+0000'],type:'DATERANGE',value:'',id:5},{content:['2020-11-18T08:25:16.000+0000','2020-11-21T07:25:16.000+0000'],type:'TIMERANGE',value:'',id:6},],
+      isPhone:false,
+      isCompany:false,
+      dateTimeValue:[],
+      timeValue:'',
+      dateRangeValue:'',
+      dateRangeValues:'',
+      timeRangeValue:[],
+      dateTimeValue1:[],
+      test:0,
+      currentDate:new Date(),
+      minDate: new Date(2020, 0, 1),
+      showDateTimePicker1:false,
+      showDateTimePicker:false,
+      values:[],
+      checkValue:'',
+      disableds:false,
+      submitValue:'确认'
+    }
+  },
+  methods:{
+    _askEditValue(){
+      console.log('aaa')
+      console.log(this.$el)
+    },
+    isMobile() {
+      let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
+      if (flag) {
+        this.isPhone=true
+      }
+      else
+      {
+        this.isCompany=true
+
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+
 </style>