Merge pull request '增加table操作列的tooltip,修改时间选择器的默认width' (#7) from zjl into develop

Reviewed-on: #7

package.json

@@ -1,6 +1,6 @@
 {
   "name": "code-brick-zj",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "private": false,
   "description": "组件封装",
   "main": "index.js"

src/components/BaseTable/subcomponents/MethodBtn.vue

@@ -12,53 +12,55 @@
           style="margin: 0 4px; font-size: 18px; color: #e5e7eb"
           >|</span
         >
-        <el-button
-          :disabled="
-            item.showParam ? !showFilter(item.showParam, scope.row) : false
-          "
-          type="text"
-          style="margin: 5px 0; padding: 0"
-          @click="
-            clickButton({
-              data: scope.row,
-              type: item.type
-            })
-          "
-        >
-          <span
-            v-if="
-              item.type === 'delete' ||
-              item.type === 'edit' ||
-              item.type === 'detail'
+        <el-tooltip :disabled="item.showTip?false:true" :content="item.showTip" placement="top">
+          <el-button
+            :disabled="
+              item.showParam ? !showFilter(item.showParam, scope.row) : false
             "
-            class="iconfont"
-            :class="
-              item.type === 'delete'
-                ? 'icon-delete' +
-                  (item.showParam
-                    ? !showFilter(item.showParam, scope.row)
-                      ? ''
-                      : ' delete-color'
-                    : ' delete-color')
-                : item.type === 'edit'
-                ? 'icon-edit' +
-                  (item.showParam
-                    ? !showFilter(item.showParam, scope.row)
-                      ? ''
-                      : ' primary-color'
-                    : ' primary-color')
-                : item.type === 'detail'
-                ? 'icon-detail' +
-                  (item.showParam
-                    ? !showFilter(item.showParam, scope.row)
-                      ? ''
-                      : ' primary-color'
-                    : ' primary-color')
-                : ''
+            type="text"
+            style="margin: 5px 0; padding: 0"
+            @click="
+              clickButton({
+                data: scope.row,
+                type: item.type
+              })
             "
-          ></span>
-          <span v-else>{{ item.btnName }}</span>
-        </el-button>
+          >
+            <span
+              v-if="
+                item.type === 'delete' ||
+                item.type === 'edit' ||
+                item.type === 'detail'
+              "
+              class="iconfont"
+              :class="
+                item.type === 'delete'
+                  ? 'icon-delete' +
+                    (item.showParam
+                      ? !showFilter(item.showParam, scope.row)
+                        ? ''
+                        : ' delete-color'
+                      : ' delete-color')
+                  : item.type === 'edit'
+                  ? 'icon-edit' +
+                    (item.showParam
+                      ? !showFilter(item.showParam, scope.row)
+                        ? ''
+                        : ' primary-color'
+                      : ' primary-color')
+                  : item.type === 'detail'
+                  ? 'icon-detail' +
+                    (item.showParam
+                      ? !showFilter(item.showParam, scope.row)
+                        ? ''
+                        : ' primary-color'
+                      : ' primary-color')
+                  : ''
+              "
+            ></span>
+            <span v-else>{{ item.btnName }}</span>
+          </el-button>
+        </el-tooltip>
       </span>
     </template>
   </el-table-column>

src/components/SearchBar/SearchBar.vue

@@ -63,7 +63,7 @@
             :placeholder="item.placeholder"
             :picker-options="item.pickerOptions ? item.pickerOptions : null"
             :clearable="item.clearable === false ? false : true"
-            :style="item.width ? 'width:' + item.width + 'px' : (item.dateType === 'datetimerange' ? 'width:340px' : (item.dateType === 'daterange' ? 'width:220px' : 'width:140px'))"
+            :style="item.width ? 'width:' + item.width + 'px' : (item.dateType === 'datetimerange' ? 'width:350px' : (item.dateType === 'daterange' ? 'width:252px' : (item.dateType === 'datetime' ? 'width:200px' : 'width:148px')))"
           />
           <el-autocomplete
             v-if="item.type === 'autocomplete'"