Przeglądaj źródła

页面查看样式调整

Liudijing 11 miesięcy temu
rodzic
commit
b68c1a2c9c
1 zmienionych plików z 22 dodań i 3 usunięć
  1. 22 3
      vue/src/views/taskAndLog/dotask/index.vue

+ 22 - 3
vue/src/views/taskAndLog/dotask/index.vue

@@ -17,11 +17,28 @@
             <a-range-picker format="YYYY-MM-DD" :placeholder="['开始日期', '结束日期']" @change="onFinishChange"/>
           </a-form-item>
         </a-col>
-        <a-col :span="5" style="text-align: right">
+        <a-col :span="5" style="text-align: left">
           <a-button type="primary" html-type="submit" @click="onSearch">查询</a-button>
+          <a-button
+            style="margin: 0 8px"
+            @click="
+              () => {
+                formRef.resetFields();
+                loadData();
+              }
+            ">重置</a-button>
+          <a style="font-size: 12px" @click="expand = !expand">
+            <template v-if="expand">
+              <UpOutlined />
+            </template>
+            <template v-else>
+              <DownOutlined />
+            </template>
+            {{ expand ? '收缩' : '展开' }}
+          </a>
         </a-col>
       </a-row>
-      <a-row :gutter="24">
+      <a-row :gutter="24"  v-show="expand">
         <a-col :span="6">
           <a-form-item label="所属县区" :label-col="{span:6}" name="regionCode">
             <a-select
@@ -163,6 +180,7 @@ export default defineComponent({
     const streetList = ref<SelectProps['options']>();
     const taskTypeList = ref<SelectProps['options']>();
     const dataList = ref([]);
+    const expand = ref(false);
 
     const onAdd = () => {
       tabsViewStore.addTabByPath('/taskAndLog/dotask/add', null);
@@ -287,7 +305,8 @@ export default defineComponent({
       onFinishChange,
       loadData,
       onAdd,
-      onEdit
+      onEdit,
+      expand
     };
   },
   created() {