Bläddra i källkod

修改页面样式

xuzuoyun 5 år sedan
förälder
incheckning
602f1caa45

+ 0 - 28
src/views/template/budget/list.vue

@@ -16,7 +16,6 @@
               <a-input placeholder="请输入头条账号id" v-model="queryParam.toutiaoId"></a-input>
             </a-form-item>
           </a-col>
-          <template v-if="toggleSearchStatus">
             <a-col :md="6" :sm="8">
               <a-form-item label="bidType">
                 <a-input placeholder="请输入bidType" v-model="queryParam.bidType"></a-input>
@@ -33,15 +32,10 @@
                 <a-input placeholder="请输入budgetPrice" v-model="queryParam.budgetPrice"></a-input>
               </a-form-item>
             </a-col>
-          </template>
           <a-col :md="6" :sm="8">
             <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
               <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
               <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
-              <a @click="handleToggleSearch" style="margin-left: 8px">
-                {{ toggleSearchStatus ? '收起' : '展开' }}
-                <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
-              </a>
             </span>
           </a-col>
 
@@ -52,31 +46,10 @@
     <!-- 操作按钮区域 -->
     <div class="table-operator">
       <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
-      <a-button type="primary" icon="download" @click="handleExportXls('今日头条预算模板信息')">导出</a-button>
-      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader"
-                :action="importExcelUrl" @change="handleImportExcel">
-        <a-button type="primary" icon="import">导入</a-button>
-      </a-upload>
-      <a-dropdown v-if="selectedRowKeys.length > 0">
-        <a-menu slot="overlay">
-          <a-menu-item key="1" @click="batchDel">
-            <a-icon type="delete"/>
-            删除
-          </a-menu-item>
-        </a-menu>
-        <a-button style="margin-left: 8px"> 批量操作
-          <a-icon type="down"/>
-        </a-button>
-      </a-dropdown>
     </div>
 
     <!-- table区域-begin -->
     <div>
-      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
-        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{
-        selectedRowKeys.length }}</a>项
-        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
-      </div>
 
       <a-table
         ref="table"
@@ -118,7 +91,6 @@
 <script>
   import ByteDanceBudgetTemplateModal from './modules/ByteDanceBudgetTemplateModal'
   import {JeecgListMixin} from '@/mixins/JeecgListMixin'
-  import jq from 'jquery'
 
   export default {
     name: "ByteDanceBudgetTemplateList",

+ 20 - 14
src/views/template/budget/modules/ByteDanceBudgetTemplateModal.vue

@@ -10,6 +10,13 @@
         <a-spin :spinning="confirmLoading">
           <a-form @submit="handleSubmit" :form="form">
             <a-form-item
+              label="模板名称"
+            :labelCol="labelCol"
+            :wrapperCol="wrapperCol">
+              <a-input v-model="name" placeholder="请输入模板名称">
+              </a-input>
+            </a-form-item>
+            <a-form-item
               label="出价方式"
               :labelCol="labelCol"
               :wrapperCol="wrapperCol">
@@ -60,19 +67,14 @@
               </a-radio-group>
             </a-form-item>
 
-            <a-form-item label="起始时间"
+            <a-form-item label="投放时间"
                          v-if="showDateFlowRange"
                          :labelCol="labelCol"
                          :wrapperCol="wrapperCol">
-              开始时间:
-              <a-date-picker v-model="startDate"
-                             format="YYYY-MM-DD"
-                             :disabledDate="disabledDate"
-              />
-              结束时间:
-              <a-date-picker v-model="endDate"
-                             format="YYYY-MM-DD"
-                             :disabledDate="disabledDate"
+              <a-range-picker
+                name="buildTime"
+                style="width: 100%"
+                v-model="time"
               />
             </a-form-item>
             <a-form-item
@@ -129,14 +131,17 @@
     import {deleteAction, postAction, getAction} from '@/api/manage'
     import jq from 'jquery'
     import moment from 'moment';
+    import AFormItem from "ant-design-vue/es/form/FormItem";
 
     export default {
       name: 'ByteDanceBudgetTemplateModal',
+      components: {AFormItem},
       data() {
         return {
           title: "操作",
           visible: false,
           model: {},
+          time: [],
           labelCol: {
             xs: {span: 24},
             sm: {span: 5},
@@ -146,13 +151,11 @@
             sm: {span: 16},
           },
           confirmLoading: false,
-          startDate:moment(new Date(), "YYYY-MM-dd"),
-          endDate:moment(new Date(), "YYYY-MM-dd"),
           convertPrice: 0,
           budgetPrice: 0,
           budgetPriceMode: 'BUDGET_MODE_DAY',
           showDateFlowRange: false,
-          showDateQuantumRange:true,
+          showDateQuantumRange:false,
           flowControlMode: 'FLOW_CONTROL_MODE_FAST',
           flowDateType: 'SCHEDULE_FROM_NOW',
           dateQuantum: 'date_unlimited',
@@ -231,7 +234,10 @@
             this.showDateQuantumRange = false;
           } else {
             this.showDateQuantumRange = true;
-            load_time_table('table_time_selected1');
+            jq(function () {
+              load_time_table('table_time_selected1');
+            });
+
           }
         },
         onChangeFlowDate() {