Merge branch 'master' of https://git.singularitychina.com/government/government-admin-master

src/router/admin.js

@@ -7,139 +7,150 @@ export default [
       name: 'admin',
       component: () => import('../view/admin/mainIndex'),
     },
-      {
-        path: 'AcceptanceAppeal/acceptanceAppealIndex',
-        name: 'acceptanceAppealIndex',
-        component: () => import('../view/admin/12345/AcceptanceAppeal/acceptanceAppealIndex'),
-      },
-      {
-        path: 'overdueFile',
-        name: 'overdueFile',
-        component: () => import('../view/admin/12345/overdueFile/index'),
-      }, {
-        path: 'dissatisfiedStatistics',
-        name: 'dissatisfiedStatistics',
-        component: () => import('../view/admin/12345/dissatisfiedStatistics/index'),
-      }, {
-        path: 'marketHotlineProcessing',
-        name: 'marketHotlineProcessing',
-        component: () => import('../view/admin/12345/marketHotlineProcessing/index'),
-      }, {
-        path: 'hotSpot',
-        name: 'hotSpot',
-        component: () => import('../view/admin/12345/hotSpot/index'),
-      }, {
-        path: 'districtHotline',
-        name: 'districtHotline',
-        component: () => import('../view/admin/12345/districtHotline/index'),
-      }, {
-        path: 'mainIndex',
-        name: 'mainIndex',
-        component: () => import('../view/admin/mainIndex'),
-      },
-      {
-        path: 'investmentProjects',
-        name: 'investmentProjects',
-        component: () => import('../view/admin/serviceCenter/investmentProjects'),
-      }, {
-        path: 'governmentServices',
-        name: 'governmentServices',
-        component: () => import('../view/admin/serviceCenter/governmentServices'),
-      }, {
-        path: 'leadingCase',
-        name: 'leadingCase',
-        component: () => import('../view/admin/serviceCenter/leadingCase'),
-      },
-      {
-        path: 'consultMap',
-        name: 'consultMap',
-        component: () => import('../view/admin/serviceCenter/consultMap.vue'),
-      }, {
-        path: 'realTimeMonitoring',
-        name: 'realTimeMonitoring',
-        component: () => import('../view/admin/publicOversight/realTimeMonitoring'),
-      }, {
-        path: 'transactionClassification',
-        name: 'transactionClassification',
-        component: () => import('../view/admin/publicOversight/transactionClassification'),
-      }, {
-        path: 'turnoverAmountPieChart',
-        name: 'turnoverAmountPieChart',
-        component: () => import('../view/admin/publicOversight/turnoverAmountPieChart'),
-      },
-      {
-        path: 'turnoverAmountPieTotalAmount',
-        name: 'turnoverAmountPieTotalAmount',
-        component: () => import('../view/admin/publicOversight/turnoverAmountPieTotalAmount'),
-      }, {
-        path: 'cityResourcesTurnover',
-        name: 'cityResourcesTurnover',
-        component: () => import('../view/admin/publicOversight/CityResourcesTurnover'),
-      },
-      {
-        path: 'purchaseList',
-        name: 'purchaseList',
-        component: () => import('../view/admin/publicOversight/purchaseList'),
-      },
-      {
-        path: 'majorProject',
-        name: 'majorProject',
-        component: () => import('../view/admin/publicOversight/majorProject'),
-      }, {
-        path: 'publicMainIndex',
-        name: 'publicMainIndex',
-        component: () => import('../view/admin/publicOversight/mainIndex'),
-      }, {
-        path: 'serviceMainIndex',
-        name: 'serviceMainIndex',
-        component: () => import('../view/admin/serviceCenter/mainIndex'),
-      }, {
-        path: 'districHandle',
-        name: 'districHandle',
-        component: () => import('../view/admin/serviceCenter/DistricHandle'),
-      },
-      {
-        path: 'realTimeStatistics',
-        name: 'realTimeStatistics',
-        component: () => import('../view/admin/serviceCenter/realTimeStatistics'),
-      },{
-        path: 'consultDepartment',
-        name: 'consultDepartment',
-        component: () => import('../view/admin/serviceCenter/consultDepartment'),
-      }, {
-        path: 'user',
-        name: 'user',
-        component: () => import('../view/admin/setting/user')
-      }, {
-        path: 'role',
-        name: 'role',
-        component: () => import('../view/admin/setting/role')
-      }, {
-        path: 'resource',
-        name: 'resource',
-        component: () => import('../view/admin/setting/resources')
-      }, {
-        path: 'sourceDatabase',
-        name: 'sourceDatabase',
-        component: () => import('../view/admin/setting/sourceDatabase')
-      }, {
-        path: 'resourceTransactionsList',
-        name: 'resourceTransactionsList',
-        component: () => import('../view/admin/publicOversight/resourceTransactionsList')
-      },{
-        path: 'areaTransactionList',
-        name: 'areaTransactionList',
-        component: () => import('../view/admin/publicOversight/areaTransactionList')
-      }, {
-        path: 'sourceStatistics',
-        name: 'sourceStatistics',
-        component: () => import('../view/admin/12345/sourceStatistics/index')
-      },
-      {
-        path: 'threeHandles',
-        name: 'threeHandles',
-        component: () => import('../view/admin/serviceCenter/threeHandles')
-      }
+    {
+      path: 'AcceptanceAppeal/acceptanceAppealIndex',
+      name: 'acceptanceAppealIndex',
+      component: () => import('../view/admin/12345/AcceptanceAppeal/acceptanceAppealIndex'),
+    },
+    {
+      path: 'overdueFile',
+      name: 'overdueFile',
+      component: () => import('../view/admin/12345/overdueFile/index'),
+    },
+    {
+      path: 'hotlineDailyAcceptance',
+      name: 'hotlineDailyAcceptance',
+      component: () => import('../view/admin/12345/hotlineDailyAcceptance/index'),
+    }, {
+      path: 'hotlineDeptAcceptance',
+      name: 'hotlineDeptAcceptance',
+      component: () => import('../view/admin/12345/hotlineDeptAcceptance/index'),
+    },
+    {
+      path: 'hotlineDistrictAcceptance',
+      name: 'hotlineDistrictAcceptance',
+      component: () => import('../view/admin/12345/hotlineDistrictAcceptance/index'),
+    }, {
+      path: 'districtHandle',
+      name: 'districtHandle',
+      component: () => import('../view/admin/12345/districtHandle/index'),
+    }, {
+      path: 'todayAcceptance',
+      name: 'todayAcceptance',
+      component: () => import('../view/admin/12345/todayAcceptance/index'),
+    },
+    {
+      path: 'workOrder',
+      name: 'workOrder',
+      component: () => import('../view/admin/12345/workOrder/index'),
+    }, {
+      path: 'workOrderDetail',
+      name: 'workOrderDetail',
+      component: () => import('../view/admin/12345/workOrderDetail/index'),
+    }, {
+      path: 'workOrderCirculation',
+      name: 'workOrderCirculation',
+      component: () => import('../view/admin/12345/workOrderCirculation/index'),
+    }, {
+      path: 'hotlineAcceptance',
+      name: 'hotlineAcceptance',
+      component: () => import('../view/admin/12345/hotlineAcceptance/index'),
+    }, {
+      path: 'mainIndex',
+      name: 'mainIndex',
+      component: () => import('../view/admin/mainIndex'),
+    },
+    {
+      path: 'investmentProjects',
+      name: 'investmentProjects',
+      component: () => import('../view/admin/serviceCenter/investmentProjects'),
+    }, {
+      path: 'governmentServices',
+      name: 'governmentServices',
+      component: () => import('../view/admin/serviceCenter/governmentServices'),
+    }, {
+      path: 'leadingCase',
+      name: 'leadingCase',
+      component: () => import('../view/admin/serviceCenter/leadingCase'),
+    },
+    {
+      path: 'consultMap',
+      name: 'consultMap',
+      component: () => import('../view/admin/serviceCenter/consultMap.vue'),
+    }, {
+      path: 'realTimeMonitoring',
+      name: 'realTimeMonitoring',
+      component: () => import('../view/admin/publicOversight/realTimeMonitoring'),
+    }, {
+      path: 'transactionClassification',
+      name: 'transactionClassification',
+      component: () => import('../view/admin/publicOversight/transactionClassification'),
+    }, {
+      path: 'turnoverAmountPieChart',
+      name: 'turnoverAmountPieChart',
+      component: () => import('../view/admin/publicOversight/turnoverAmountPieChart'),
+    },
+    {
+      path: 'turnoverAmountPieTotalAmount',
+      name: 'turnoverAmountPieTotalAmount',
+      component: () => import('../view/admin/publicOversight/turnoverAmountPieTotalAmount'),
+    }, {
+      path: 'cityResourcesTurnover',
+      name: 'cityResourcesTurnover',
+      component: () => import('../view/admin/publicOversight/CityResourcesTurnover'),
+    },
+    {
+      path: 'purchaseList',
+      name: 'purchaseList',
+      component: () => import('../view/admin/publicOversight/purchaseList'),
+    },
+    {
+      path: 'majorProject',
+      name: 'majorProject',
+      component: () => import('../view/admin/publicOversight/majorProject'),
+    }, {
+      path: 'publicMainIndex',
+      name: 'publicMainIndex',
+      component: () => import('../view/admin/publicOversight/mainIndex'),
+    }, {
+      path: 'serviceMainIndex',
+      name: 'serviceMainIndex',
+      component: () => import('../view/admin/serviceCenter/mainIndex'),
+    }, {
+      path: 'districHandle',
+      name: 'districHandle',
+      component: () => import('../view/admin/serviceCenter/DistricHandle'),
+    },
+    {
+      path: 'realTimeStatistics',
+      name: 'realTimeStatistics',
+      component: () => import('../view/admin/serviceCenter/realTimeStatistics'),
+    }, {
+      path: 'consultDepartment',
+      name: 'consultDepartment',
+      component: () => import('../view/admin/serviceCenter/consultDepartment'),
+    }, {
+      path: 'user',
+      name: 'user',
+      component: () => import('../view/admin/setting/user')
+    }, {
+      path: 'role',
+      name: 'role',
+      component: () => import('../view/admin/setting/role')
+    }, {
+      path: 'resource',
+      name: 'resource',
+      component: () => import('../view/admin/setting/resources')
+    }, {
+      path: 'sourceStatistics',
+      name: 'sourceStatistics',
+      component: () => import('../view/admin/12345/sourceStatistics/index')
+    },
+    {
+      path: 'threeHandles',
+      name: 'threeHandles',
+      component: () => import('../view/admin/serviceCenter/threeHandles')
+    }
 
     ]
   }

src/view/admin/12345/dissatisfiedStatistics/dissatisfiedStatisticsApi.js

@@ -1,33 +0,0 @@
-import {server} from '@/tools/servers'
-
-export class dissatisfiedStatistic {
-  /**获取表格数据（快捷选择）*/
-  static getDissatisfiedStatisticList(data) {
-    return server.connection('GET','/ZWHotLineOpinion/getAfterListView',data)
-  }
-  /**获取表格数据（某时间选择）*/
-  static getAfterSomeTimeListView(data) {
-    return server.connection('GET','/ZWHotLineOpinion/getAfterSomeTimeListView',data)
-  }
-  /**获取表格数据（某时间段选择）*/
-  static getAfterTimesListView(data) {
-    return server.connection('GET','/ZWHotLineOpinion/getAfterTimesListView',data)
-  }
-  /**确认设置*/
-  static confirmSetting(data){
-    return server.connection('POST','/ZWHotLineOpinion/editDistrictHandleSetting',data);
-  }
-  /**设置信息获取*/
-  static getSetInfo(){
-    return server.connection('GET','/ZWHotLineOpinion/getSetupInformation');
-  }
-  /**数量编辑*/
-  static updateAmount(data){
-    return server.connection('POST','/ZWHotLineOpinion/editDistrictHandleItem',data);
-  }
-  /**修改开关*/
-  static changeDistrictHandleStatus(data){
-    return server.connection('POST','/ZWHotLineOpinion/changeDistrictHandleStatus',data);
-  }
-
-}

src/view/admin/12345/dissatisfiedStatistics/index.vue

@@ -1,842 +0,0 @@
-<template>
-  <div id="load-index">
-
-    <div class="divTotalStyle">
-
-      <el-form ref="formData" class="topFormStyle" :model="formData" label-position="left" label-width="120px">
-        <el-form-item label="显示本模块：" style="margin-bottom:0px">
-          <span v-if="formData.isDisplay == 0">是</span>
-          <span v-if="formData.isDisplay == 1">否</span>
-          <el-switch
-            v-model='formData.isDisplay'
-            :active-value=0
-            :inactive-value=1
-            active-color="#13ce66"
-            inactive-color="#cdcdcd"
-          >
-          </el-switch>
-        </el-form-item>
-        <el-form-item label="数据显示形式：" style="margin-bottom:0px">
-          <el-radio-group v-model="formData.dataShowType" @change="dataDisplay">
-            <el-radio :label=0>数量</el-radio>
-            <el-radio :label=1>百分比</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="数据显示形式：" style="margin-bottom:0px">
-        <div class="space">
-          <!--<span>切换时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;：</span>-->
-          <el-radio-group v-model="changeTime">
-            <el-radio :label="10" >10s</el-radio>
-            <el-radio :label="20" style="margin-left: 5px;">20s</el-radio>
-            <el-radio :label="30" style="margin-left: 5px;">30s</el-radio>
-            <el-radio :label="1" style="margin-left: 5px;">自定义时间</el-radio>
-          </el-radio-group>
-          <span v-if="changeTime === 1">
-          <el-input placeholder="请输入时间"
-                    v-model="elseTime" clearable @keyup.native="handleInput"
-                    style="margin-left: 15px;width: 200px;"></el-input> s
-        </span>
-        </div>
-        </el-form-item>
-        <el-form-item label="大屏显示时间：" style="margin-bottom:0px">
-          <el-row>
-            <el-col :span="17">
-              <el-row>
-                <el-radio-group v-model="formData.searchStatus" @change="handleClick">
-                  <el-radio-button :label="0">今天</el-radio-button>
-                  <el-radio-button :label="1">本月</el-radio-button>
-                  <!--<el-radio-button :label="2">本季度</el-radio-button>-->
-                  <el-radio-button :label="3">本年</el-radio-button>
-                </el-radio-group>
-                <el-input readonly style="width: 200px;margin-left:20px;" v-model="formData.time"></el-input>
-              </el-row>
-            </el-col>
-            <el-col :span="7">
-              <div style="float:right;margin-right:20px;">
-                <el-button style="width: 100px" @click="preview">预览</el-button>
-                <el-button type="primary" @click="confirmSetting()" style="width: 100px">确认设置</el-button>
-              </div>
-            </el-col>
-          </el-row>
-        </el-form-item>
-
-      </el-form>
-    </div>
-    <br/>
-
-    <div class="divTotalStyle2">
-      <div style="padding-top: 15px;">
-        <el-form ref="tableFormData" class="topFormStyle2" :inline="true" :model="tableFormData" label-width="120px">
-          <el-form-item label="表格时间选择：">
-            <el-radio-group v-model="tableFormData.type">
-              <el-radio label="1">快捷选择</el-radio>
-              <el-radio label="2">某时间</el-radio>
-              <el-radio label="3">某时间段</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="" v-show="tableFormData.type == '1'">
-            <el-select @change="handleChoiceChange" v-model="tableFormData.dateType" placeholder="请选择">
-              <el-option
-                v-for="item in options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-            <el-input readonly style="width: 200px" v-model="tableFormData.time"></el-input>
-          </el-form-item>
-          <el-form-item label="" v-show="tableFormData.type == '2'">
-            <el-select @change="handleChoiceChangeSomeTime" v-model="tableFormData.choice2" placeholder="请选择">
-              <el-option
-                v-for="item in someTimeOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-            <el-date-picker
-              v-model="tableFormData.someTime"
-              :type="typeSelect"
-              :value-format="dateFormat"
-              :picker-options="pickerDate"
-              placeholder="选择时间">
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item label="" v-show="tableFormData.type == '3'">
-            <el-date-picker
-              v-model="tableFormData.startTime"
-              type="date"
-              placeholder="开始时间"
-              prefix-icon="dateIcon"
-              format="yyyy/MM/dd"
-              value-format="yyyy-MM-dd"
-              :picker-options="pickerBeginDateBefore"
-            >
-            </el-date-picker>
-            <el-date-picker
-              v-model="tableFormData.endTime"
-              type="date"
-              placeholder="结束时间"
-              prefix-icon="dateIcon"
-              format="yyyy/MM/dd"
-              value-format="yyyy-MM-dd"
-              :picker-options="pickerBeginDateAfter"
-            >
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item style="float: right;margin-right: 20px;">
-            <el-button style="width: 100px;" type="primary" @click="searchTableData">确定时间</el-button>
-          </el-form-item>
-        </el-form>
-
-      </div>
-      <div>
-        <el-card class="box-card" style="width: 96%;margin-left:2%  ">
-          <el-table
-            :data="tableData"
-            :header-cell-style="rowClass"
-            :row-style="rowStyle"
-            style="width: 100%">
-            <el-table-column
-              prop="opinionType"
-              label="类别"
-              align="center"
-            >
-            </el-table-column>
-            <el-table-column
-              prop="opinionAmount"
-              sortable
-              label="数量"
-              align="center"
-            >
-            </el-table-column>
-            <el-table-column
-              label="数量调整"
-              align="center">
-              <template slot-scope="scope">
-          <span v-if="scope.row.opinionIncrement > 0" style="color: #f65e6e;">+{{scope.row.opinionIncrement}}
-            <img style=" margin-top: 2px;margin-left: 5px;position: absolute; right:30%;" src="../../../../assets/images/edit.png"
-                 @click="showChange(scope.row.opinionIncrement,scope.row.opinionId,scope.$index,scope.row.dateType,scope.row.opinionAmount)"></span>
-                <span v-else style="color: #3448a1;">{{scope.row.opinionIncrement}}
-            <img style="margin-top: 2px;margin-left: 5px;position: absolute; right:30%;" src="../../../../assets/images/edit.png"
-                 @click="showChange(scope.row.opinionIncrement,scope.row.opinionId,scope.$index,scope.row.dateType,scope.row.opinionAmount)"
-                 ></span>
-              </template>
-
-              <!--<template slot-scope="scope">-->
-                <!--&lt;!&ndash;<div style="width:80px;position: relative;left: 50%;margin-left: -40px;" >&ndash;&gt;-->
-                <!--&lt;!&ndash;<div style="float:right;">&ndash;&gt;-->
-                <!--<span v-if="scope.row.opinionIncrement > 0"-->
-                      <!--style="color: #f65e6e">+{{scope.row.opinionIncrement}}</span>-->
-                <!--<span v-else style="color: #2ab1e8">{{scope.row.opinionIncrement}}</span>-->
-                <!--&lt;!&ndash;</div>&ndash;&gt;-->
-                <!--&lt;!&ndash;<div style="">&ndash;&gt;-->
-                <!--<img style="float: right" src="../../../../assets/images/edit.png"-->
-                     <!--@click="showChange(scope.row.opinionIncrement,scope.row.opinionId,scope.$index,scope.row.dateType,scope.row.opinionAmount)">-->
-                <!--&lt;!&ndash;</div>&ndash;&gt;-->
-                <!--&lt;!&ndash;</div>&ndash;&gt;-->
-              <!--</template>-->
-            </el-table-column>
-            <el-table-column
-              label="占比"
-              sortable
-              align="center"
-            >
-              <template slot-scope="scope">
-                <span>{{scope.row.opinionRate}}%</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              label="是否显示"
-              align="center"
-
-            >
-              <template slot-scope="scope">
-                <span v-if="scope.row.isDisplay == 0">是</span>
-                <span v-if="scope.row.isDisplay == 1">否</span>
-                <el-switch
-                  v-model="scope.row.isDisplay"
-                  :active-value=0
-                  :inactive-value=1
-                  active-color="#13ce66"
-                  inactive-color="#cdcdcd"
-                  @change="changeStatus(scope.row.opinionId)">
-                </el-switch>
-              </template>
-            </el-table-column>
-          </el-table>
-
-          <!--<comp-table-->
-            <!--:tableData="tableData"-->
-            <!--:tableHeader="tableHeader"-->
-            <!--:tableAttr="tableAttr"-->
-            <!--:page="page"-->
-            <!--@editDetail="edit"-->
-            <!--@switchChange="switchChange"-->
-          <!--&gt;-->
-          <!--</comp-table>-->
-          <comp-page
-            @handleCurrentChange="handleCurrentChang"
-            :page="page"
-            :totalCount="totalCount"
-            style="margin-left: 18px;margin-top: 20px"
-          ></comp-page>
-
-
-          <el-dialog
-            title="修改数量调整"
-            :visible.sync="showUpdateNum"
-            width="30%"
-          >
-            <div>
-              <el-form ref="formInputData" :model="formInputData" :rules="rules2" label-width="80px">
-                <el-form-item label="数量调整" prop="amount">
-                  <el-input v-model.number="formInputData.amount"></el-input>
-                </el-form-item>
-              </el-form>
-            </div>
-            <span slot="footer" class="dialog-footer">
-    <el-button @click="showUpdateNum = false">取 消</el-button>
-    <el-button type="primary" @click="updateAmount">确 定</el-button>
-  </span>
-          </el-dialog>
-        </el-card>
-      </div>
-    </div>
-
-    <el-dialog
-      :visible.sync="screenDialogVisible"
-      :fullscreen="true"
-      :close-on-press-escape="true"
-    >
-      <screenIndex v-if="hackReset">
-      </screenIndex>
-    </el-dialog>
-
-  </div>
-</template>
-
-
-<script>
-  import {dissatisfiedStatistic} from './dissatisfiedStatisticsApi'
-  import screenIndex from '../../screenIndex';
-  import CompTable from '../../../../packages/components/table/index'
-  import CompPage from '../../../../packages/components/pagination/index'
-
-  export default {
-    components: {
-      screenIndex,
-      CompPage,
-      CompTable
-    },
-    data() {
-      var checkChange = (rule, value, callback) => {
-        if (value + this.opinionAmount < 0) {
-          return callback(new Error('数量调整数额不能大于数量'));
-        }
-        else {
-          return callback();
-        }
-      };
-      return {
-        hackReset: false,
-        screenDialogVisible: false,
-        formData: {
-          isDisplay: 0,
-          dataShowType: 0,
-          searchStatus: 0,
-          switchInterval: 10,
-          time: ""
-        },
-        changeTime: 10,
-        elseTime: '',
-        isSwitch: 0,
-        switchType: "123",
-        tableData: [],
-
-
-        // tableHeader: [
-        //   {
-        //     prop: 'opinionType',
-        //     label: '类型'
-        //   },
-        //   {
-        //     prop: 'opinionAmount',
-        //     label: '数量'
-        //   },
-        //
-        // ],
-        // tableAttr: {adjust: {}, optionRate: {}, isDisplay: {}},
-        page: 1,
-        totalCount: 100,
-        pageSize: 5,
-
-
-        timeType: "date",
-        showUpdateNum: false,
-        formInputData: {
-          amount: ''
-        },
-        rules2: {
-          amount: [
-            {required: true, message: '请输入数量调整数额', trigger: 'blur'},
-            {type: 'number', message: '调整数额必须为数字', trigger: 'blur'},
-            {validator: checkChange, trigger: 'blur'}
-          ]
-        },
-        pickerBeginDateBefore: {
-          disabledDate: (time) => {
-            return this.tableFormData.endTime ? (time.getTime() > new Date(this.tableFormData.endTime).getTime() || time.getTime() > Date.now()) : time.getTime() > Date.now();
-          },
-        },
-        pickerBeginDateAfter: {
-          disabledDate: (time) => {
-            return this.tableFormData.startTime ? (time.getTime() < new Date(this.tableFormData.startTime).getTime() || time.getTime() > Date.now()) : time.getTime() > Date.now();
-          },
-        },
-        pickerDate: {
-          disabledDate: (time) => {
-            return time.getTime() > Date.now();
-          },
-        },
-        id: '',
-        dateFormat: '',
-        tableFormData: {
-          choice2: '',
-          type: '1',
-          dateType: 0,
-          time: '',
-          someTime: '',
-          startTime: '',
-          endTime: '',
-        },
-        options: [
-          {label: '今天', value: 0},
-          {label: '本月', value: 1},
-          // {label: '本季度', value: 2},
-          {label: '本年', value: 3},
-        ],
-        someTimeOptions: [
-          {label: '某日', value: 0},
-          {label: '某月', value: 1},
-          {label: '某年', value: 2},
-        ],
-        typeSelect: '',
-        index: '',
-        dateType: '',
-        opinionAmount: '',
-      }
-    },
-    mounted() {
-      /**设置信息获取*/
-      this.getSetInfo();
-      // this.getShowTime();
-    },
-    methods: {
-      handleCurrentChang: function (val) {
-        this.page = val;
-        this.getDissatisfiedStatisticList();
-      },
-
-
-      /**获取表格数据*/
-      getDissatisfiedStatisticList: function () {
-        if (this.tableFormData.type == '1') {
-          let attr = {
-            searchStatus: this.tableFormData.dateType,
-            currentPage: this.page,
-            pageSize: this.pageSize
-          }
-          // console.log('0')
-          dissatisfiedStatistic.getDissatisfiedStatisticList(attr).then((res) => {
-            // console.log('0')
-            // console.log(res.data.data)
-            this.tableData = res.data.data.list;
-            this.totalCount = res.data.data.total;
-            // this.tableData = res.data.data;
-          })
-        }
-        if (this.tableFormData.type == '2') {
-          let attr = {
-            dateType: this.tableFormData.choice2,
-            someTime: this.tableFormData.someTime,
-            currentPage: this.page,
-            pageSize: this.pageSize
-          }
-          // console.log('11')
-          dissatisfiedStatistic.getAfterSomeTimeListView(attr).then((res) => {
-            this.tableData = res.data.data.list;
-            this.totalCount = res.data.data.total;
-          })
-        }
-        if (this.tableFormData.type == '3') {
-          let attr = {
-            startTime: this.tableFormData.startTime,
-            endTime: this.tableFormData.endTime,
-            currentPage: this.page,
-            pageSize: this.pageSize
-          }
-          // console.log('33')
-          dissatisfiedStatistic.getAfterTimesListView(attr).then((res) => {
-            this.tableData = res.data.data.list;
-            this.totalCount = res.data.data.total;
-          })
-        }
-
-        // console.log("获取数据")
-        // console.log(this.tableFormData.type)
-        // console.log(this.tableData)
-      },
-      /**选择数据显示形式*/
-      dataDisplay: function (value) {
-        // console.log(value)
-      },
-      /**默认时间*/
-      getShowTime: function () {
-        let time = this.getCurrentDay();
-        this.formData.time = time;
-        // this.tableFormData.time = time;
-      },
-      /**时间选择*/
-      handleClick(label) {
-        // console.log(label)
-        this.formData.searchStatus = label;
-        let realTime = '';
-        switch (label) {
-          case 0:
-            realTime = this.getCurrentDay();
-            // console.log(realTime)
-            break;
-          case 1:
-            realTime = this.getCurrentMonth();
-            // console.log(realTime)
-            break;
-          case 2:
-            realTime = this.getCurrentQuarter();
-            // console.log(realTime)
-            break;
-          case 3 :
-            realTime = this.getCurrentYear();
-            // console.log(realTime)
-            break;
-        }
-        this.formData.time = realTime;
-      },
-      /**确认设置*/
-      confirmSetting: function () {
-        if (this.changeTime === 1) {
-          this.changeTime = parseInt(this.elseTime, 10)
-        } else {
-          this.elseTime = ''
-        }
-
-        let attr = {
-          searchStatus: this.formData.searchStatus,
-          isDisplay: this.formData.isDisplay,
-          dataShowType: this.formData.dataShowType,
-          isSwitch: this.isSwitch,
-          switchType: this.switchType,
-          switchInterval: this.changeTime
-        }
-        dissatisfiedStatistic.confirmSetting(attr).then((res) => {
-          if (res.data.code == 200) {
-            this.$message({
-              message: '设置成功',
-              type: 'success'
-            });
-          } else {
-            this.$message({
-              message: '设置失败',
-              type: 'failed'
-            });
-          }
-        })
-        if (this.changeTime !== 10 && this.changeTime !== 20 && this.changeTime !== 30) this.changeTime = 1;
-      },
-      /**设置信息获取*/
-      getSetInfo: function () {
-        dissatisfiedStatistic.getSetInfo().then((res) => {
-          // console.log(res.data.data)
-          let data = res.data.data;
-          if (data) {
-            this.formData.isDisplay = data.isDisplay;
-            this.formData.dataShowType = data.dataShowType;
-            this.formData.searchStatus = data.searchStatus;
-            this.changeTime = data.switchInterval;
-            this.switchType = data.switchType;
-            this.isSwitch = data.isSwitch;
-            if (this.changeTime !== 10 && this.changeTime !== 20 && this.changeTime !== 30) {
-              this.elseTime = this.changeTime;
-              this.changeTime = 1;
-            }
-            this.handleClick(this.formData.searchStatus);
-            this.tableFormData.dateType = this.formData.searchStatus;
-            this.handleChoiceChange(this.tableFormData.dateType);
-          }
-          this.getDissatisfiedStatisticList();
-        })
-      },
-      /**获取今天的时间*/
-      getCurrentDay: function () {
-        let totalTime = new Date();
-        let year = totalTime.getFullYear();
-        let month = totalTime.getMonth() + 1;
-        let realMonth = month < 10 ? ('0' + month) : month;
-        let day = totalTime.getDate();
-        let realDay = day < 10 ? ('0' + day) : day;
-        return year + '/' + realMonth + '/' + realDay;
-      },
-      /**获取本月*/
-      getCurrentMonth: function () {
-        let totalTime = new Date();
-        let year = totalTime.getFullYear();
-        let month = totalTime.getMonth() + 1;
-        let realMonth = month < 10 ? ('0' + month) : month;
-        return year + '/' + realMonth;
-      },
-      /**获取本季度*/
-      getCurrentQuarter: function () {
-        let totalTime = new Date();
-        let nowMonth = totalTime.getMonth();
-        let nowYear = totalTime.getFullYear();
-        let startMonth = this.getQuarterStartMonth(nowMonth);
-        let startRealMonth = startMonth < 10 ? ('0' + startMonth) : startMonth;
-        let startTime = nowYear + "/" + startRealMonth + "/" + "01";
-        let endTime = this.getCurrentDay()
-
-        return startTime + "-" + endTime;
-      },
-      /**获取本年*/
-      getCurrentYear: function () {
-        let time = new Date();
-        return time.getFullYear();
-      },
-      /**获取本季度的开始时间*/
-      getQuarterStartMonth(nowMonth) {
-        let quarterStartMonth = 0;
-        if (nowMonth < 3) {
-          quarterStartMonth = 1;
-        }
-        if (2 < nowMonth && nowMonth < 6) {
-          quarterStartMonth = 4;
-        }
-        if (5 < nowMonth && nowMonth < 9) {
-          quarterStartMonth = 7;
-        }
-        if (nowMonth > 8) {
-          quarterStartMonth = 10;
-        }
-        return quarterStartMonth;
-      },
-      /**获取某月的天数*/
-      getMonthDays(nowYear, myMonth) {
-        let monthStartDate = new Date(nowYear, myMonth, 1);
-        let monthEndDate = new Date(nowYear, myMonth + 1, 1);
-        let days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24);
-        return days;
-      },
-
-      // // 开弹窗
-      // edit: function (index, change) {
-      //   this.showUpdateNum = true;
-      //   this.formInputData.amount = change;
-      //   this.dateType = this.tableData[index].dateType;
-      //   this.id = this.tableData[index].opinionId;
-      //   this.opinionAmount = this.tableData[index].opinionAmount;
-      // }
-      // ,
-
-      /**打开弹窗*/
-      showChange: function (change, id, index, dateType, opinionAmount) {
-        // this.index = index;
-        this.showUpdateNum = true;
-        this.formInputData.amount = change;
-        this.dateType = dateType;
-        this.id = id;
-        this.opinionAmount = opinionAmount;
-      },
-      // switchChange(index) {
-      //   console.log('hello')
-      //   // adminHotSpotApi.ChangeStatusApi({hotSpotId: this.tableData[index].hotspotId}).then(res => {
-      //   //   if (res.data.code === 200) {
-      //   //     this.$message({
-      //   //       message: '修改成功',
-      //   //       type: 'success'
-      //   //     });
-      //   //   } else {
-      //   //     this.$message({
-      //   //       message: '修改失败',
-      //   //       type: 'failed'
-      //   //     });
-      //   //   }
-      //   //   this.getTableData();
-      //   // });
-      //
-      //
-      //   let param = {
-      //     opinionId: this.tableData[index].opinionId,
-      //   };
-      //   console.log(this.tableData[index])
-      //   dissatisfiedStatistic.changeDistrictHandleStatus(param).then((res) => {
-      //     if (res.data.code == 200) {
-      //       this.$message({
-      //         message: '修改成功',
-      //         type: 'success'
-      //       });
-      //
-      //
-      //     } else {
-      //       this.$message({
-      //         message: '修改失败',
-      //         type: 'failed'
-      //       });
-      //     }
-      //
-      //     this.getDissatisfiedStatisticList();
-      //   })
-      // },
-
-      /**修改是否显示开关*/
-      changeStatus: function (id) {
-        let param = {
-          opinionId: id,
-        };
-        dissatisfiedStatistic.changeDistrictHandleStatus(param).then((res) => {
-          if (res.data.code == 200) {
-            this.$message({
-              message: '修改成功',
-              type: 'success'
-            });
-          } else {
-            this.$message({
-              message: '修改失败',
-              type: 'failed'
-            });
-          }
-        })
-      }
-      ,
-      /**修改数量*/
-      updateAmount: function () {
-        let param = {
-          opinionId: this.id,
-          opinionIncrement: this.formInputData.amount,
-          dateType: this.dateType
-        };
-        console.log(param);
-        this.$refs['formInputData'].validate((valid) => {
-          if (valid) {
-            this.showUpdateNum = false;
-            dissatisfiedStatistic.updateAmount(param).then((res) => {
-              if (res.data.code == 200) {
-                this.getDissatisfiedStatisticList();
-                // this.tableData[this.index].opinionIncrement = this.formInputData.amount;
-                this.$message({
-                  message: '修改成功',
-                  type: 'success'
-                });
-              } else {
-                this.$message({
-                  message: '修改失败',
-                  type: 'failed'
-                });
-              }
-
-            })
-          }
-        });
-
-      }
-      ,
-      /**快捷选项选择变化*/
-      handleChoiceChange(value) {
-        switch (value) {
-          case 0:
-            this.tableFormData.time = this.getCurrentDay();
-            break;
-          case 1:
-            this.tableFormData.time = this.getCurrentMonth();
-            break;
-          case 2:
-            this.tableFormData.time = this.getCurrentQuarter();
-            break;
-          case 3 :
-            this.tableFormData.time = this.getCurrentYear();
-            break;
-        }
-      }
-      ,
-      /**某时间选择选项变化*/
-      handleChoiceChangeSomeTime(value) {
-        if (value == 0) {
-          this.typeSelect = 'date';
-          this.dateFormat = 'yyyy-MM-dd';
-        }
-        if (value == 1) {
-          this.typeSelect = 'month';
-          this.dateFormat = 'yyyy-MM';
-        }
-        if (value == 2) {
-          this.typeSelect = 'year';
-          this.dateFormat = 'yyyy';
-        }
-      }
-      ,
-      /**查询表格数据*/
-      searchTableData: function () {
-        this.getDissatisfiedStatisticList();
-      }
-      ,
-      rowClass() {
-        return 'color:#333333;'
-      }
-      ,
-      rowStyle({row, column, rowIndex, columnIndex}) {
-        if (rowIndex % 2 === 0) { //指定坐标
-          return 'background:#f8f9fb'
-        } else {
-          return 'background:#ffffff'
-        }
-      }
-      ,
-      /**获取预览数据*/
-      getPreviewData: function () {
-        let attr = {
-          searchStatus: this.formData.searchStatus,
-          isDisplay: this.formData.isDisplay,
-          dataShowType: this.formData.dataShowType,
-          switchInterval: this.formData.switchInterval
-        }
-        if (this.changeTime === 1) {
-          this.changeTime = parseInt(this.elseTime, 10)
-        } else {
-          this.elseTime = ''
-        }
-
-        sessionStorage.setItem('dissatisfiedFile', JSON.stringify({
-          searchStatus: this.formData.searchStatus,
-          isDisplay: this.formData.isDisplay,
-          dataShowType: this.formData.dataShowType,
-          switchInterval: this.changeTime
-        }))
-        if (this.changeTime !== 10 && this.changeTime !== 20 && this.changeTime !== 30) this.changeTime = 1;
-
-      }
-      ,
-      /**预览*/
-      preview() {
-        this.getPreviewData();
-        this.screenDialogVisible = true;
-        this.hackReset = false;
-        this.$nextTick(() => {
-          this.hackReset = true
-        })
-      },
-      handleInput() {
-        this.elseTime = this.elseTime.replace(/[^\.\d]/g, '');
-        this.elseTime = this.elseTime.replace('.', '');
-        this.elseTime = this.elseTime.replace(/^0*|[^\d]/g, '');
-      },
-
-
-    }
-  }
-</script>
-
-
-<style lang="scss" scoped>
-  .content-body {
-    margin-top: 30px;
-  }
-
-  .tableClassName {
-    background-color: red;
-  }
-
-  .buttonStyle {
-    margin-left: -5px;
-    margin-right: 0;
-  }
-
-  .tableButtonStyle {
-    border: none;
-  }
-
-  .divStyle {
-    display: table-cell;
-    /*text-align: center;*/
-  }
-
-  .divTotalStyle {
-    background-color: white;
-  }
-
-  .divTotalStyle2 {
-    background-color: white;
-    padding-bottom: 20px;
-  }
-
-  .topFormStyle {
-    margin-left: 22px;
-    padding-bottom: 30px;
-    padding-top: 10px;
-  }
-
-  .topFormStyle2 {
-    margin-left: 10px;
-    padding-top: 10px;
-  }
-
-  .tableDivStyle {
-    width: 100%;
-    text-align: center;
-  }
-
-  .el-radio-group /deep/ .el-radio {
-    margin-right: 10px;
-  }
-  .space{
-    margin-bottom: 8px;
-  }
-
-</style>

src/view/admin/12345/districtHandle/districtHandleApi.js

@@ -0,0 +1,8 @@
+import { server } from '@/tools/servers'
+
+export class DistrictHandle {
+  /**获取表格数据*/
+  static getDistrictHandleList (data) {
+    return server.connection('POST', '/api/12345/getDistrictHandle', data)
+  }
+}

src/view/admin/12345/districtHandle/index.vue

@@ -0,0 +1,321 @@
+<template>
+  <div id="load-index">
+    <div class="divTotalStyle2">
+      <div style="padding-top: 15px">
+        <el-form
+          ref="tableFormData"
+          class="topFormStyle2"
+          :inline="true"
+          :model="tableFormData"
+          label-width="120px"
+        >
+          <el-form-item label="表格时间选择："> </el-form-item>
+          <el-date-picker
+            v-model="startYear"
+            type="year"
+            placeholder="选择开始年份"
+            value-format="yyyy"
+          >
+          </el-date-picker>
+          -
+          <el-date-picker
+            v-model="endYear"
+            type="year"
+            placeholder="选择结束年份"
+            value-format="yyyy"
+          >
+          </el-date-picker>
+          <el-form-item style="float: right; margin-right: 20px">
+            <el-button
+              style="width: 100px"
+              type="primary"
+              @click="searchTableData"
+              >确定时间</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div>
+        <el-card class="box-card" style="width: 96%; margin-left: 2%">
+          <el-table
+            :data="tableData"
+            :header-cell-style="rowClass"
+            :row-style="rowStyle"
+            style="width: 100%"
+          >
+            <el-table-column
+              prop="districtName"
+              label="部门名称"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <span>{{ getDistrictText(scope.row.districtName) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="acceptCount"
+              sortable
+              label="受理数量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="handleCount"
+              sortable
+              label="交办量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="handlePercent"
+              sortable
+              label="交结率"
+              align="center"
+            >
+              <!-- <template slot-scope="scope">
+                <span>{{ getStatusText(scope.row.acceptStatus) }}</span>
+              </template> -->
+            </el-table-column>
+            <el-table-column prop="statDate" label="统计日期" align="center">
+            </el-table-column>
+          </el-table>
+          <comp-page
+            @handleCurrentChange="handleCurrentChang"
+            :page="page"
+            :totalCount="totalCount"
+            style="margin-left: 18px; margin-top: 20px"
+          ></comp-page>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      :visible.sync="screenDialogVisible"
+      :fullscreen="true"
+      :close-on-press-escape="true"
+    >
+      <screenIndex v-if="hackReset"> </screenIndex>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { districtHandle } from "./districtHandleApi.js";
+import screenIndex from "../../screenIndex";
+import CompTable from "../../../../packages/components/table/index";
+import CompPage from "../../../../packages/components/pagination/index";
+
+export default {
+  components: {
+    screenIndex,
+    CompPage,
+    CompTable,
+  },
+  data() {
+    var checkChange = (rule, value, callback) => {
+      if (value + this.opinionAmount < 0) {
+        return callback(new Error("数量调整数额不能大于数量"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      startYear: "",
+      endYear: "",
+      hackReset: false,
+      screenDialogVisible: false,
+      formData: {
+        isDisplay: 0,
+        dataShowType: 0,
+        searchStatus: 0,
+        switchInterval: 10,
+        time: "",
+      },
+      changeTime: 10,
+      elseTime: "",
+      isSwitch: 0,
+      switchType: "123",
+      tableData: [],
+      page: 1,
+      totalCount: 100,
+      pageSize: 5,
+
+      timeType: "date",
+      showUpdateNum: false,
+      formInputData: {
+        amount: "",
+      },
+      rules2: {
+        amount: [
+          { required: true, message: "请输入数量调整数额", trigger: "blur" },
+          { type: "number", message: "调整数额必须为数字", trigger: "blur" },
+          { validator: checkChange, trigger: "blur" },
+        ],
+      },
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return this.tableFormData.endTime
+            ? time.getTime() > new Date(this.tableFormData.endTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          return this.tableFormData.startTime
+            ? time.getTime() <
+                new Date(this.tableFormData.startTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerDate: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
+      },
+      id: "",
+      dateFormat: "",
+      tableFormData: {
+        choice2: "",
+        type: "1",
+        dateType: 0,
+        time: "",
+        someTime: "",
+        startTime: "",
+        endTime: "",
+      },
+      options: [
+        { label: "今天", value: 0 },
+        { label: "本月", value: 1 },
+        // {label: '本季度', value: 2},
+        { label: "本年", value: 3 },
+      ],
+      someTimeOptions: [
+        { label: "某日", value: 0 },
+        { label: "某月", value: 1 },
+        { label: "某年", value: 2 },
+      ],
+      typeSelect: "",
+      index: "",
+      dateType: "",
+      opinionAmount: "",
+    };
+  },
+  created() {
+    this.getDistrictHandleList();
+  },
+  methods: {
+    handleCurrentChang: function (val) {
+      this.page = val;
+      this.getDistrictHandleList();
+    },
+    getDistrictText(completeCount) {
+      const nameMap = {
+        0: "南江县",
+        1: "通江县",
+        2: "巴州区",
+        3: "恩阳区",
+        4: "平昌县",
+      };
+
+      return nameMap[completeCount] || "未知区县";
+    },
+    getStatusText(completeCount) {
+      const statusMap = {
+        0: "已办",
+        1: "待办",
+        2: "超期",
+      };
+
+      return statusMap[completeCount] || "未知状态";
+    },
+    /**获取表格数据*/
+    getDistrictHandleList: function () {
+      let attr = {
+        startYear: this.startYear,
+        endYear: this.endYear,
+        pageSize: this.pageSize,
+        pageNum: this.page,
+      };
+      districtHandle.getDistrictHandleList(attr).then((res) => {
+        console.log("0");
+        this.tableData = res.data.result;
+        this.totalCount = res.data.pageMessage.total;
+      });
+    },
+    /**查询表格数据*/
+    searchTableData: function () {
+      console.log(this);
+      this.getDistrictHandleList();
+    },
+    rowClass() {
+      return "color:#333333;";
+    },
+    rowStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        //指定坐标
+        return "background:#f8f9fb";
+      } else {
+        return "background:#ffffff";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-body {
+  margin-top: 30px;
+}
+
+.tableClassName {
+  background-color: red;
+}
+
+.buttonStyle {
+  margin-left: -5px;
+  margin-right: 0;
+}
+
+.tableButtonStyle {
+  border: none;
+}
+
+.divStyle {
+  display: table-cell;
+  /*text-align: center;*/
+}
+
+.divTotalStyle {
+  background-color: white;
+}
+
+.divTotalStyle2 {
+  background-color: white;
+  padding-bottom: 20px;
+}
+
+.topFormStyle {
+  margin-left: 22px;
+  padding-bottom: 30px;
+  padding-top: 10px;
+}
+
+.topFormStyle2 {
+  margin-left: 10px;
+  padding-top: 10px;
+}
+
+.tableDivStyle {
+  width: 100%;
+  text-align: center;
+}
+
+.el-radio-group /deep/ .el-radio {
+  margin-right: 10px;
+}
+.space {
+  margin-bottom: 8px;
+}
+</style>

src/view/admin/12345/districtHotline/districHotlineApi.js

@@ -1,36 +0,0 @@
-import {server} from "../../../../tools/servers";
-
-export class districHotline{
-
-  /**列表获取 */
-  static GetDistrictList(data) {
-    return server.connection('POST', '/ZWHotlineDistrictHandle/getDistrictHandleList', data)
-  }
-
-  /** 设置信息获取 */
-  static GetDistrictSetupInformation(){
-    return server.connection('GET','/ZWHotlineDistrictHandle/getSetupInformation')
-  }
-
-  /** 设置信息提交 */
-  static EditDistrictSetting(data){
-    return server.connection('POST','/ZWHotlineDistrictHandle/editDistrictHandleSetting',data)
-  }
-
-  /** 区域显示设置提交 */
-  static ChangeDistrictStatus(data){
-    return server.connection('POST','/ZWHotlineDistrictHandle/changeDistrictHandleStatus',data)
-  }
-
-  /** 数量变化提交*/
-  static EditDistrictTableData(data){
-    return server.connection('POST','/ZWHotlineDistrictHandle/editDistrictHandleItem',data)
-  }
-
-  /**  选择一段时间获取表格数据*/
-  static getSpecialDistrictHandleList(data){
-    return server.connection('POST','/ZWHotlineDistrictHandle/getSpecialDistrictHandleList',data)
-  }
-
-
-}

src/view/admin/12345/districtHotline/index.vue

@@ -1,1005 +0,0 @@
-<template xmlns:v-model="http://www.w3.org/1999/xhtml">
-  <div id="districHotline">
-    <div id="districHotline-top">
-      <div class="div-container">
-        <el-form ref="form" :model="form" label-position="left" label-width="120px">
-          <el-row class="el-row">
-            <div class="el-row-3-left">
-            <el-form-item label="显示本模块" class="el-form-item">
-              <span>:</span>
-              <span v-if="form.isDisplay==0">&nbsp;&nbsp;是&nbsp;</span>
-              <span v-else>&nbsp;&nbsp;否&nbsp;</span>
-              <el-switch
-                v-model="form.isDisplay"
-                :active-value="0"
-                :inactive-value="1"
-                active-color="#13ce66"
-                inactive-color="#cdcdcd"
-              >
-              </el-switch>
-            </el-form-item>
-            </div>
-            <div class="el-row-3-right">
-              <div class="container-button">
-                <el-button @click="preview" style="width:100px">预览</el-button>
-                <el-button type="primary" @click="confirm ">确认设置</el-button>
-              </div>
-            </div>
-          </el-row>
-          <!--<el-row>-->
-            <!--<div class="el-row-3-left">-->
-              <!--<el-form-item label="数据显示形式" class="el-form-item" style="">-->
-                <!--<span>:&nbsp;&nbsp;&nbsp;</span>-->
-                <!--<el-radio-group v-model="form.dataShowType">-->
-                  <!--<el-radio :label="1">数量</el-radio>-->
-                  <!--<el-radio :label="0">百分比</el-radio>-->
-                <!--</el-radio-group>-->
-              <!--</el-form-item>-->
-            <!--</div>-->
-            <!---->
-          <!--</el-row>-->
-          <!--<el-row>-->
-          <!--<div class="el-row-3-left">-->
-          <!--<el-form-item label="大屏显示时间" class="el-form-item" style="display: inline-block;  ">-->
-          <!--<span>:&nbsp;&nbsp;&nbsp;&nbsp;</span>-->
-
-          <!--<el-radio-group v-model="form.dateType" @change="showTime" style="">-->
-          <!--<el-radio-button style="border-radius:0" :label="0">今天</el-radio-button>-->
-          <!--<el-radio-button :label="1">本月</el-radio-button>-->
-          <!--<el-radio-button :label="2">本季度</el-radio-button>-->
-          <!--<el-radio-button :label="3">本年</el-radio-button>-->
-          <!--</el-radio-group>-->
-          <!--</el-form-item>-->
-          <!--<div class="displayTime" style="width: 180px;" >-->
-          <!--{{ form.displayTime }}-->
-          <!--</div>-->
-          <!--</div>-->
-          <!--<div class="el-row-3-right">-->
-          <!--<div class="container-button">-->
-          <!--<el-button @click="preview" style="width:100px">预览</el-button>-->
-          <!--<el-button type="primary" @click="confirm ">确认设置</el-button>-->
-          <!--</div>-->
-          <!--</div>-->
-          <!--</el-row>-->
-        </el-form>
-      </div>
-
-    </div>
-    <br/>
-    <div id="districHotline-main">
-      <div class="div-container">
-        <div style="padding-top: 1px;margin-right: 1%">
-          <el-form :inline="true" ref="tableForm" :model="tableForm" label-width="100px">
-            <el-form-item label="表格时间选择">
-              <span>:&nbsp;&nbsp;&nbsp;</span>
-              <el-radio-group v-model="tableForm.choice">
-                <el-radio :label="1">快捷选择</el-radio>
-                <el-radio :label="2">某时间</el-radio>
-                <el-radio :label="3">某时间段</el-radio>
-              </el-radio-group>
-            </el-form-item>
-
-            <!--快捷选择部分-->
-            <el-form-item style="  " v-show="tableForm.choice=='1'">
-              <el-select v-model="tableForm.fastSelect" @change="showFastTime" style="width: 150px;">
-                <el-option v-for="item in options"
-                           :label="item.text"
-                           :key="item.value"
-                           :value="item.value"
-                >
-                </el-option>
-              </el-select>
-              <div class="displayTime" style=" top: 0px; width: 169px; margin-left:5px">
-                {{ tableForm.time }}
-              </div>
-            </el-form-item>
-
-            <!--某时间-->
-            <el-form-item v-show="tableForm.choice == '2'" style=" ">
-
-              <el-select v-model="tableForm.someTimeSelect" style=" width: 140px; ">
-                <el-option v-for="item in somtTimesOpt"
-                           :label="item.text"
-                           :key="item.value"
-                           :value="item.value"
-                >
-                </el-option>
-              </el-select>
-
-              <el-date-picker style="   margin-left: 10px;width: 180px;"
-                              v-show="tableForm.someTimeSelect === 0"
-                              v-model="tableForm.chooseDayTime"
-                              type="date"
-                              placeholder="请选择日期"
-                              format="yyyy/MM/dd"
-                              value-format="yyyy/MM/dd"
-                              :picker-options="chooseDatePicker">
-              </el-date-picker>
-
-              <el-date-picker style="  margin-left: 10px;width: 180px;"
-                              v-show="tableForm.someTimeSelect === 1"
-                              v-model="tableForm.chooseMonthTime"
-                              type="month"
-                              placeholder="选择月"
-                              value-format="yyyy/MM/dd"
-                              :picker-options="chooseDatePicker">
-              </el-date-picker>
-
-              <el-date-picker style=" margin-left: 10px;width: 180px;"
-                              v-show="tableForm.someTimeSelect === 3"
-                              v-model="tableForm.chooseYearTime"
-                              type="year"
-                              placeholder="选择年"
-                              value-format="yyyy/MM/dd"
-                              :picker-options="chooseDatePicker">
-              </el-date-picker>
-            </el-form-item>
-
-            <!--某段时间-->
-            <el-form-item v-show="tableForm.choice=='3'" style=" ">
-              <el-date-picker style="margin-left: 10px;width: 180px;"
-                              v-model="tableForm.startTime"
-                              type="date"
-                              placeholder="开始时间"
-                              format="yyyy/MM/dd"
-                              value-format="yyyy/MM/dd"
-                              :picker-options="startDatePicker">
-              </el-date-picker>
-              <el-date-picker style="margin-left: 6px;width: 180px;"
-                              v-model="tableForm.endTime"
-                              type="date"
-                              placeholder="结束时间"
-                              format="yyyy/MM/dd"
-                              value-format="yyyy/MM/dd"
-                              :picker-options="endDatePicker">
-              </el-date-picker>
-            </el-form-item>
-
-            <el-form-item style="margin-left: 10px;width: 180px;">
-              <el-select v-model="tableForm.distric" style=" width: 140px; ">
-                <el-option v-for="item in districOpt"
-                           :label="item.text"
-                           :key="item.value"
-                           :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <!--<el-form-item v-show="tableForm.distric === 0" style="margin-left: 10px;width: 180px;">-->
-              <!--<el-select v-model="tableForm.districType" style=" width: 140px; ">-->
-                <!--<el-option v-for="item in districTypeOpt"-->
-                           <!--:label="item.text"-->
-                           <!--:key="item.value"-->
-                           <!--:value="item.value"-->
-                <!--&gt;-->
-                <!--</el-option>-->
-              <!--</el-select>-->
-            <!--</el-form-item>-->
-
-            <el-form-item style="     float: right;">
-              <el-button type="primary" @click="confirmTime ">确认时间</el-button>
-            </el-form-item>
-
-          </el-form>
-
-        </div>
-
-        <div style="    padding-top: 15px;">
-          <!--表格部分-->
-          <el-card style="   width: 97.7%;margin-left: 1%;">
-            <el-table
-              :data="tableData"
-              style="width: 100%;padding-left: 20px"
-              :row-style="tableRowClassName"
-              :default-sort="{prop: 'districtHandleTreatedAmount', order: 'descending'}"
-              :header-cell-style="{color:'#333333'}"
-            >
-              <el-table-column
-                prop="districtHandleType"
-                label="类别"
-                align="left"
-              width="189">
-              </el-table-column>
-              <el-table-column
-                prop="districtHandleTreatedAmount"
-                label="已办理数量"
-                align="center"
-                sortable>
-
-              </el-table-column>
-              <el-table-column
-                prop="districtHandleTreatedIncrement"
-                label="已办理调整"
-                align="center"
-              >
-                <template slot-scope="scope">
-          <span v-if="scope.row.districtHandleTreatedIncrement > 0" style="color: #f65e6e;">+{{scope.row.districtHandleTreatedIncrement}}
-            <img style=" margin-top: 2px;margin-left: 5px;position: absolute; right:20%;" src="../../../../assets/images/edit.png"
-                 @click="showTreatedChange(scope.row.districtHandleTreatedAmount,scope.row.districtHandleUntreatedAmount,scope.row.districtHandleTreatedIncrement,scope.row.districtHandleUntreatedIncrement,scope.row.districtHandleId,0)"></span>
-                  <span v-else style="color: #3448a1;">{{scope.row.districtHandleTreatedIncrement}}
-            <img style="margin-top: 2px;margin-left: 5px;position: absolute; right:20%;" src="../../../../assets/images/edit.png"
-                 @click="showTreatedChange(scope.row.districtHandleTreatedAmount,scope.row.districtHandleUntreatedAmount,scope.row.districtHandleTreatedIncrement,scope.row.districtHandleUntreatedIncrement,scope.row.districtHandleId,0)"
-            ></span>
-                </template>
-
-                <!--<template slot-scope="scope">-->
-                  <!--&lt;!&ndash;<div v-if="scope.row.districtHandleTreatedIncrement >0" style="display: table-cell; color: #ea4353">&ndash;&gt;-->
-                  <!--<span v-if="scope.row.districtHandleTreatedIncrement >0" style=" color: #ea4353">+{{ scope.row.districtHandleTreatedIncrement }} </span>-->
-                  <!--&lt;!&ndash;</div>&ndash;&gt;-->
-                  <!--&lt;!&ndash;<div v-else style="display: table-cell; color: deepskyblue">&ndash;&gt;-->
-                  <!--<span v-else style="color: deepskyblue">{{ scope.row.districtHandleTreatedIncrement }} </span>-->
-                  <!--&lt;!&ndash;</div>&ndash;&gt;-->
-
-                  <!--&lt;!&ndash;<div style="display: table-cell;">&ndash;&gt;-->
-                  <!--<img style="" src="../../../../assets/images/edit.png"-->
-                       <!--@click="showTreatedChange(scope.row.districtHandleTreatedAmount,scope.row.districtHandleUntreatedAmount,scope.row.districtHandleTreatedIncrement,scope.row.districtHandleUntreatedIncrement,scope.row.districtHandleId,0)">-->
-                  <!--&lt;!&ndash;</div>&ndash;&gt;-->
-                <!--</template>-->
-
-
-                <!--<template slot-scope="scope">-->
-          <!--<span v-if="scope.row.districtHandleTreatedIncrement > 0" style="color: #f65e6e"><span style="width: 55%;text-align: right;float: left;display: inline">+{{scope.row.districtHandleTreatedIncrement}}</span>-->
-            <!--<img style="margin-left: -50px" src="../../../../assets/images/edit.png" @click="showTreatedChange(scope.row.districtHandleTreatedAmount,scope.row.districtHandleUntreatedAmount,scope.row.districtHandleTreatedIncrement,scope.row.districtHandleUntreatedIncrement,scope.row.districtHandleId,0)" ></span>-->
-                  <!--<span v-else style="color: #3448a1"><span style="width: 55%;text-align: right;float: left;display: inline">{{scope.row.districtHandleTreatedIncrement}}</span>-->
-            <!--<img style="margin-left: -50px" src="../../../../assets/images/edit.png" @click="showTreatedChange(scope.row.districtHandleTreatedAmount,scope.row.districtHandleUntreatedAmount,scope.row.districtHandleTreatedIncrement,scope.row.districtHandleUntreatedIncrement,scope.row.districtHandleId,0)" ></span>-->
-                <!--</template>-->
-              </el-table-column>
-              <el-table-column
-                label="已办理占比"
-                align="center"
-                sortable>
-                <template slot-scope="scope">
-                  <span>{{scope.row.districtHandleRate}}%</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="districtHandleUntreatedAmount"
-                label="待办理数量"
-                align="center"
-                sortable>
-              </el-table-column>
-              <el-table-column
-                prop="districtHandleUntreatedIncrement"
-                label="待办理调整"
-                align="center">
-
-                <template slot-scope="scope">
-          <span v-if="scope.row.districtHandleUntreatedIncrement > 0" style="color: #f65e6e;">+{{scope.row.districtHandleUntreatedIncrement}}
-            <img style=" margin-top: 2px;margin-left: 5px;position: absolute; right:20%;" src="../../../../assets/images/edit.png"
-                 @click="showTreatedChange(scope.row.districtHandleTreatedAmount,scope.row.districtHandleUntreatedAmount,scope.row.districtHandleTreatedIncrement,scope.row.districtHandleUntreatedIncrement,scope.row.districtHandleId,1)"></span>
-                  <span v-else style="color: #3448a1;">{{scope.row.districtHandleUntreatedIncrement}}
-            <img style="margin-top: 2px;margin-left: 5px;position: absolute; right:20%;" src="../../../../assets/images/edit.png"
-                 @click="showTreatedChange(scope.row.districtHandleTreatedAmount,scope.row.districtHandleUntreatedAmount,scope.row.districtHandleTreatedIncrement,scope.row.districtHandleUntreatedIncrement,scope.row.districtHandleId,1)"
-            ></span>
-                </template>
-
-
-                <!--<template slot-scope="scope">-->
-                  <!--&lt;!&ndash;<div v-if="scope.row.districtHandleUntreatedIncrement >0" style="display: table-cell; color: #ea4353">&ndash;&gt;-->
-                  <!--<span v-if="scope.row.districtHandleUntreatedIncrement >0" style="color: #ea4353">+{{ scope.row.districtHandleUntreatedIncrement }}</span>-->
-                  <!--&lt;!&ndash;</div>&ndash;&gt;-->
-                  <!--&lt;!&ndash;<div v-else style="display: table-cell; color: deepskyblue">&ndash;&gt;-->
-                  <!--<span v-else style=" color: deepskyblue">{{ scope.row.districtHandleUntreatedIncrement }}</span>-->
-                  <!--&lt;!&ndash;</div>&ndash;&gt;-->
-
-                  <!--&lt;!&ndash;<div style="display: table-cell;">&ndash;&gt;-->
-                  <!--<img style="" src="../../../../assets/images/edit.png"-->
-                       <!--@click="showTreatedChange(scope.row.districtHandleTreatedAmount,scope.row.districtHandleUntreatedAmount,scope.row.districtHandleTreatedIncrement,scope.row.districtHandleUntreatedIncrement,scope.row.districtHandleId,1)">-->
-                  <!--&lt;!&ndash;</div>&ndash;&gt;-->
-                <!--</template>-->
-
-              </el-table-column>
-              <el-table-column
-                label="待办理占比"
-                align="center"
-                sortable>
-                <template slot-scope="scope">
-                  <span>{{scope.row.districtHandleUntreatedRate}}%</span>
-                </template>
-              </el-table-column>
-
-              <el-table-column
-                prop="districtHandleTotalAmount"
-                label="办理总数"
-                align="center">
-              </el-table-column>
-              <el-table-column
-                label="是否显示"
-                align="left"
-                :formatter="formatter"
-              >
-
-                <template slot-scope="scope">
-                  <span v-if="scope.row.isDisplay==0">是</span>
-                  <span v-else>否</span>
-                  <el-switch
-                    v-model="scope.row.isDisplay"
-                    :active-value="0"
-                    :inactive-value="1"
-                    active-color="#13ce66"
-                    inactive-color="#cdcdcd"
-                    @change="changeSwitch(scope.row.districtHandleId,scope.row.isDisplay)">
-                  </el-switch>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-card>
-        </div>
-
-      </div>
-
-      <el-dialog
-        title="已办理数量调整"
-        :visible.sync="showUpateNum"
-        width="30%"
-      >
-        <div>
-          <el-form ref="formInputData" :model="formInputData" label-width="80px">
-            <el-form-item label="数量调整" prop="treatedamount"
-                          :rules="rule1"
-            >
-              <el-input v-model.number="formInputData.treatedamount" type="number"></el-input>
-            </el-form-item>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-      <el-button @click="showUpateNum = false">取 消</el-button>
-      <el-button type="primary" @click="updateAmount()">确 定</el-button>
-      </span>
-      </el-dialog>
-
-
-      <el-dialog
-        title="待办理数量调整"
-        :visible.sync="showUpateNum1"
-        width="30%"
-      >
-        <div>
-          <el-form ref="formInputData" :model="formInputData" label-width="80px">
-            <el-form-item label="数量调整" prop="untreatedAmount"
-                          :rules="rule2"
-            >
-              <el-input v-model.number="formInputData.untreatedAmount" type="number"></el-input>
-            </el-form-item>
-          </el-form>
-        </div>
-        <span slot="footer" class="dialog-footer">
-      <el-button @click="showUpateNum1 = false">取 消</el-button>
-      <el-button type="primary" @click="updateAmount1()">确 定</el-button>
-      </span>
-      </el-dialog>
-
-
-      <!--预览大屏弹窗-->
-      <el-dialog
-        :visible.sync="screenDialogVisible"
-        :fullscreen="true"
-        :close-on-press-escape="true"
-      >
-        <screenIndex v-if="hackReset">
-        </screenIndex>
-      </el-dialog>
-
-    </div>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-  import {districHotline} from './districHotlineApi'
-  import screenIndex from '../../screenIndex'
-
-  export default {
-    name: "index",
-    data() {
-      var checkChange1 = (rule, value, callback) => {
-        if (value + this.formInputData.amount1 < 0) {
-          return callback(new Error('数量调整数额不能小于' + -this.formInputData.amount1));
-        }
-        else {
-          return callback();
-        }
-      };
-      var checkChange2 = (rule, value, callback) => {
-        if (value + this.formInputData.amount2 < 0) {
-          return callback(new Error('数量调整数额不能小于' + -this.formInputData.amount2));
-        }
-        else {
-          return callback();
-        }
-      };
-      return {
-        hackReset: false,
-        screenDialogVisible: false,
-        showUpateNum: false,
-        showUpateNum1: false,
-        formInputData: {
-          treatedamount: 1,
-          untreatedAmount: 0,
-          treatedIncrementId: 0,
-          amount1: 0,
-          amount2: 0
-        },
-        isSuccess: false,
-        form: {
-          isDisplay: 0,
-          dataShowType: 1,
-          dateType: 3,
-          displayTime: ""
-        },
-        tableFormData: [1, 2, 3],
-        currentTime: {
-          year: '',
-          month: '',
-          day: ''
-        },
-        tableForm: {
-          choice: 1,
-          fastSelect: 0,  //快速时间选择
-          someTimeSelect: 0,  //某时间选择
-          distric: 0, // 是否展示附属区县
-          // districType: '巴州区',
-          time: '',
-          chooseDayTime: '',
-          chooseMonthTime: '',
-          chooseYearTime: '',
-          startTime: '',
-          endTime: '',
-        },
-        //快速时间选择下拉框
-        options: [
-          {value: 0, text: "今天"},
-          {value: 1, text: "本月"},
-          // {value: 2, text: "本季度"},
-          {value: 3, text: "本年"}
-        ],
-        somtTimesOpt: [
-          {value: 0, text: "某日"},
-          {value: 1, text: "某月"},
-          {value: 3, text: "某年"}
-        ],
-        districOpt: [
-          {value: 1, text: "所有情况"},
-          {value: 0, text: "六个区县"},
-        ],
-        // districTypeOpt: [
-        //   {value: "巴州区", text: "巴州区"},
-        //   {value: "恩阳区", text: "恩阳区"},
-        //   {value: "通江县", text: "通江县"},
-        //   {value: "南江县", text: "南江县"},
-        //   {value: "平昌县", text: "平昌县"},
-        //   {value: "经开区", text: "经开区"},
-        // ],
-
-        chooseDatePicker: this.beginDate(),
-        startDatePicker: this.beginDate(),
-        endDatePicker: this.processDate(),
-        tableData: [],
-        rule1: [{required: true, message: '请输入数量调整数额', trigger: 'blur'}
-          ,
-          {
-            type: 'number', message: '输入必须为数字', trigger: 'blur'
-          },
-          {validator: checkChange1, trigger: 'blur'},
-
-        ], rule2: [
-          {required: true, message: '请输入数量调整数额', trigger: 'blur'}
-          ,
-          {
-            type: 'number', message: '输入必须为数字', trigger: 'blur'
-          },
-          {validator: checkChange2, trigger: 'blur'},
-        ]
-      }
-    },
-
-    components: {
-      screenIndex
-    },
-    mounted() {
-      //设置默认时间为今天
-      this.getTime();
-
-      //获取大屏设置信息
-      this.getSetupInfo();
-    },
-    methods: {
-      // /**获取表格数据*/
-      // getDistricHotlineTableData: function () {
-      //   let param = {
-      //     dateType:0,
-      //     date:'2019-02-24'
-      //   }
-      //   districHotline.GetDistrictList(param).then((res) => {
-      //     // console.log(res.data.data);
-      //     this.tableData = res.data.data;
-      //   })
-      // },
-      /** 区县热线大屏设置信息获取*/
-      getSetupInfo: function () {
-        districHotline.GetDistrictSetupInformation().then((res) => {
-          var data = res.data.data;
-          this.form.dateType = data.dateType;
-          this.form.isDisplay = data.isDisplay;
-          this.form.dataShowType = data.dataShowType;
-
-          //默认设置显示的时间
-          this.showTime(this.form.dateType);
-
-          //默认快速选择的数据
-          // this.showFastTime(this.form.dateType)
-          //默认表格显示的数据
-          this.confirmTime();
-        })
-      },
-      getPreviewData() {
-        sessionStorage.setItem('HotlineDistricFile', JSON.stringify({
-          dateType: this.form.dateType,
-          isDisplay: this.form.isDisplay,
-          dataShowType: this.form.dataShowType
-        }))
-
-      },
-      //预览设置
-      preview() {
-        this.getPreviewData();
-        this.screenDialogVisible = true;
-        this.hackReset = false;
-        this.$nextTick(() => {
-          this.hackReset = true
-        })
-      }
-      ,
-      //确认设置
-      confirm: function () {
-        let param = {
-          dateType: this.form.dateType,
-          isDisplay: this.form.isDisplay,
-          dataShowType: this.form.dataShowType
-        }
-        districHotline.EditDistrictSetting(param).then((res) => {
-          this.isSuccess = res.data.data;
-          if (res.data.data) {
-            this.$message({
-              message: '修改成功',
-              type: 'success'
-            });
-          } else {
-            this.$message.error('修改失败');
-          }
-        })
-      },
-      //区域开关变化，提交
-      changeSwitch: function (id, isDisplay) {
-        let param = {
-          districtHandleId: id,
-          isDisplay: isDisplay
-        }
-        districHotline.ChangeDistrictStatus(param).then((res) => {
-          var success = res.data.data;
-
-          if (res.data.data) {
-            this.$message({
-              message: '修改成功',
-              type: 'success'
-            });
-          } else {
-            this.$message.error('修改失败');
-          }
-        })
-      },
-      //选择大屏显示时间
-      showTime: function (label) {
-        //改变显示的时间的选项
-        this.form.dateType = label;
-
-        //改变表格快速选择时间
-        this.tableForm.fastSelect = label;
-
-        //保存显示的时间
-        let time = "";
-        switch (label) {
-          //选择显示时间是今天
-          case 0:
-            time = this.getCurrentDay();
-            break;
-          //选择显示时间是本月
-          case 1:
-            time = this.getCurrentMonth();
-            break;
-          //选择显示时间是本季度
-          case 2:
-            time = this.getCurrentQuarter();
-            break;
-          case 3:
-            time = this.getCurrentYear();
-        }
-        //显示时间
-        this.form.displayTime = time;
-
-        this.tableForm.time = time;
-      },
-      //获取显示的时间
-      getTime: function () {
-        var myDate = new Date();//获取系统当前时间
-        this.currentTime.year = myDate.getFullYear(); //获取完整的年份
-        this.currentTime.month = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
-        this.currentTime.day = myDate.getDate(); //获取当前日(1-31)
-
-        // let time = this.getCurrentDay();
-        //大屏显示时间
-        this.showTime(this.form.dateType);
-        //表格显示时间
-        // this.tableForm.time = time;
-      },
-      //获取今天的时间
-      getCurrentDay: function () {
-        let time = this.currentTime.year + "/0" + this.currentTime.month + "/" + this.currentTime.day;
-        return time;
-      },
-      //获取本月的时间
-      getCurrentMonth: function () {
-        let time = this.currentTime.year + "/0" + this.currentTime.month;
-        return time;
-      },
-      //获取本季度时间
-      getCurrentQuarter: function () {
-        //根据月份判断季度
-        let month = this.currentTime.month;
-        //第一季度
-        if (month <= 3) {
-          let startTime = this.currentTime.year + "/01/01";
-          let endTime = this.currentTime.year + "/0" + this.currentTime.month + "/" + this.currentTime.day;
-          return startTime + "-" + endTime;
-        } else if (month <= 6) {//第二季度
-          let startTime = this.currentTime.year + "/04/01";
-          let endTime = this.currentTime.year + "/0" + this.currentTime.month + "/" + this.currentTime.day;
-          return startTime + "-" + endTime;
-        }
-        else if (month <= 9) {//第三季度
-          let startTime = this.currentTime.year + "/07/01";
-          let endTime = this.currentTime.year + "/0" + this.currentTime.month + "/" + this.currentTime.day;
-          return startTime + "-" + endTime;
-        } else {//第四季度
-          let startTime = this.currentTime.year + "/10/01";
-          let endTime = this.currentTime.year + "/0" + this.currentTime.month + "/" + this.currentTime.day;
-          return startTime + "-" + endTime;
-        }
-
-      },
-      //获取本年
-      getCurrentYear: function () {
-        let time = this.currentTime.year;
-        return time;
-      },
-      //快捷选择的时间显示
-      showFastTime: function (value) {
-        this.tableForm.fastSelect = value;
-        switch (value) {
-          //选择显示时间是今天
-          case 0:
-            this.tableForm.time = this.getCurrentDay();
-            break;
-          //选择显示时间是本月
-          case 1:
-            this.tableForm.time = this.getCurrentMonth();
-            break;
-          //选择显示时间是本季度
-          case 2:
-            this.tableForm.time = this.getCurrentQuarter();
-            break;
-          case 3:
-            this.tableForm.time = this.getCurrentYear();
-        }
-      },
-      //确认时间
-      confirmTime: function () {
-        //判断表格选择的时间类型
-        //快速选择
-        if (this.tableForm.choice === 1) {
-          let param = {}
-          if(this.tableForm.distric === 0) {
-            param = {
-              dateType: this.tableForm.fastSelect,
-              date: this.getCurrentDay(),
-              isFuzzy: 0,
-            }
-          } else {
-            param = {
-              dateType: this.tableForm.fastSelect,
-              date: this.getCurrentDay(),
-              isFuzzy: 1
-            }
-          }
-          console.log(param);
-
-          districHotline.GetDistrictList(param).then((res) => {
-
-            this.tableData = res.data.data;
-            console.log('区县table数据');
-            console.log(this.tableData);
-          })
-
-        }
-        //某时间
-        else if (this.tableForm.choice == 2) {
-
-
-          let datetime = '';
-          switch (this.tableForm.someTimeSelect) {
-            //选择某日
-            case 0:
-              datetime = this.tableForm.chooseDayTime;
-              break;
-            //某月
-            case 1:
-              datetime = this.tableForm.chooseMonthTime;
-              break;
-            //某年
-            case 3:
-              datetime = this.tableForm.chooseYearTime;
-          }
-          if (datetime != '') {
-            // let param = {
-            //   dateType: this.tableForm.someTimeSelect,
-            //   date: datetime
-            // }
-
-            let param = {}
-            if(this.tableForm.distric === 0) {
-              param = {
-                dateType: this.tableForm.someTimeSelect,
-                date: datetime,
-                isFuzzy: 0,
-              }
-            } else {
-              param = {
-                dateType: this.tableForm.someTimeSelect,
-                date: datetime,
-                isFuzzy: 1
-              }
-            }
-            // console.log('某时间')
-            // console.log(param);
-            districHotline.GetDistrictList(param).then((res) => {
-              // console.log(res.data.data);
-              this.tableData = res.data.data;
-            })
-          } else {
-            this.$message.error('时间不能为空');
-          }
-
-
-        }
-        //某段时间
-        else {
-          let param = {
-            startTime: this.tableForm.startTime,
-            endTime: this.tableForm.endTime
-          }
-
-          if (param.startTime != "" && param.endTime != "") {
-            districHotline.getSpecialDistrictHandleList(param).then((res) => {
-              this.tableData = res.data.data;
-            })
-          } else {
-            if (param.startTime == "") {
-              this.$message.error('时间不能为空');
-            }
-            else if (param.endTime == "") {
-              this.$message.error('时间不能为空');
-            }
-          }
-        }
-
-
-
-      },
-      beginDate() {
-        let self = this
-        return {
-          disabledDate(time) {
-            if (self.tableForm.endTime) {
-              return time.getTime() > self.tableForm.endTime
-            } else {
-              return time.getTime() > Date.now()//开始时间不选时，结束时间最大值小于等于当天
-            }
-          }
-        }
-      },
-      //提出结束时间必须大于提出开始时间
-      processDate() {
-        let self = this
-        return {
-          disabledDate(time) {
-            if (self.tableForm.startTime) {
-              //开始时间不为空
-              return new Date(self.tableForm.startTime).getTime() > time.getTime() || time.getTime() > Date.now()
-            } else {
-              return time.getTime() > Date.now()//开始时间不选时，结束时间最大值小于等于当天
-            }
-          }
-        }
-      },
-      tableRowClassName({row, rowIndex}) {
-        if (rowIndex % 2 === 0) {
-          return 'background:#f8f9fb';
-        } else {
-          return 'background:#ffffff';
-        }
-
-      },
-      formatter(row, column) {
-        return row.address;
-      },
-      /**修改数量*/
-      updateAmount: function () {
-
-        // this.tableData[this.formInputData.treatedIncrementId].districtHandleTreatedIncrement = this.formInputData.treatedamount;
-        this.$refs['formInputData'].validate((valid) => {
-          if (valid) {
-            this.showUpateNum = false;
-            this.editTableData(this.formInputData.treatedIncrementId);
-          } else {
-            this.$message.error('修改失败，输入错误');
-          }
-        });
-      },
-      /**修改数量*/
-      updateAmount1: function () {
-        // this.tableData[this.formInputData1.untreatedIncrementId].districtHandleUntreatedIncrement = this.formInputData1.untreatedAmount;
-        this.$refs['formInputData'].validate((valid) => {
-          if (valid) {
-            this.showUpateNum1 = false;
-            this.editTableData(this.formInputData.treatedIncrementId);
-          } else {
-            this.$message.error('修改失败，输入错误');
-          }
-        });
-      },
-
-      /** 提交表格编辑数据*/
-      editTableData: function (id) {
-
-
-        var untreated = this.formInputData.untreatedAmount;
-        var treated = this.formInputData.treatedamount;
-
-        let param = {
-          districtHandleId: id,
-          districtHandleTreatedIncrement: treated,
-          districtHandleUntreatedIncrement: untreated,
-        }
-
-        districHotline.EditDistrictTableData(param).then((res) => {
-          if (res.data.data) {
-            this.confirmTime();
-            this.$message({
-              message: '修改成功',
-              type: 'success'
-            });
-          } else {
-            this.$message.error('修改失败');
-          }
-
-
-        })
-
-      },
-      /**打开调整弹窗*/
-      showTreatedChange: function (amount1, amount2, change1, change2, id, index) {
-        if (index == 0) {
-          this.showUpateNum = true;
-        } else {
-          this.showUpateNum1 = true;
-        }
-        this.formInputData.treatedamount = change1;
-        this.formInputData.untreatedAmount = change2;
-        this.formInputData.treatedIncrementId = id;
-        this.formInputData.amount2 = amount2;
-        this.formInputData.amount1 = amount1;
-      },
-
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  #districHotline {
-
-  }
-
-  #districHotline-top {
-    background: #ffffff;
-  }
-
-  .div-container {
-    margin-left: 10px;
-    padding-bottom: 30px;
-    padding-top: 3px;
-  }
-
-  #districHotline-main {
-    background: #ffffff;
-  }
-
-  .el-row {
-    width: 100%;
-  }
-
-  .el-form-item {
-    margin: 0px;
-    padding: 10px 0px 2px 5px;
-  }
-
-  .el-row-3-left {
-    width: 75%;
-    float: left;
-  }
-
-  .el-row-3-right {
-    width: 25%;
-    float: left;
-    line-height: 49px;
-  }
-
-  .displayTime {
-    background: #ffffff;
-    border: 1px solid #DCDFE6;
-    /*border-radius: 5px;*/
-    width: 22%;
-    height: 35px;
-    display: inline-block;
-    position: relative;
-    top: 2px;
-    margin-left: 15px;
-    line-height: 35px;
-    padding-left: 10px;
-    font-weight: 500;
-    font-size: 14px;
-  }
-
-  .container-button {
-    float: right;
-    margin-right: 4%;
-  }
-
-  .el-table__row .single-row {
-    background: #F5F7FA;
-  }
-
-  /*.el-switch /deep/ .el-switch__core{*/
-  /*background-color: #f8f9fb;*/
-  /*border-color: #b6b6b6;*/
-  /*width: 50px;*/
-  /*}*/
-  /*.el-switch /deep/ .el-switch__core:after{*/
-  /*background-color: #b6b6b6;*/
-  /*}*/
-  /*.is-checked /deep/ .el-switch__core{*/
-  /*background-color: #f8f9fb;*/
-  /*border-color: #66e26a;*/
-  /*width: 50px;*/
-  /*}*/
-  /*.is-checked /deep/ .el-switch__core:after{*/
-  /*background-color: #66e26a;*/
-  /*}*/
-
-  .is-checked /deep/ .el-radio__inner {
-    background: #e1e4e5;
-    width: 15px;
-    height: 15px;
-  }
-
-  .is-checked /deep/ .el-radio__inner:after {
-    background: #3448a1;
-    width: 10px;
-    height: 10px;
-  }
-
-  .el-radio-group /deep/ .el-radio {
-    margin-right: 10px;
-  }
-</style>

src/view/admin/12345/hotSpot/api.js

@@ -1,22 +0,0 @@
-import {server} from '../../../../tools/servers'
-
-export class adminHotSpotApi {
-  static GetHotspotApi(data = {}) {
-    return server.connection('GET', '/ZWHotlineHotspot/getHotspotList', data)
-  }
-  static GetListByTwoTimesApi(data = {}) {
-    return server.connection('POST', '/ZWHotlineHotspot/getSpecialHotspotList', data)
-  }
-
-  static EditHotspotApi(data = {}) {
-    return server.connection('POST', '/ZWHotlineHotspot/editHotspotItem', data)
-  }
-
-  static ConfirmSettingApi(data = {}) {
-    return server.connection('POST', '/ZWHotlineHotspot/editDistrictHandleSetting', data)
-  }
-
-  static ChangeStatusApi(data = {}) {
-    return server.connection('POST', '/ZWHotlineHotspot/changeHotspotStatus', data)
-  }
-}

src/view/admin/12345/hotSpot/index.vue

@@ -1,681 +0,0 @@
-<template>
-  <div>
-    <div class="divTotalStyle">
-      <div class="space">
-      <span>显示本模块&nbsp;&nbsp;&nbsp;&nbsp;：
-        <span v-if="isShow" style="margin-left: 45px;">是&nbsp;</span>
-        <span v-else style="margin-left: 45px;">否&nbsp;</span>
-      </span>
-        <el-switch v-model="isShow" style="width: 55px"
-                   active-color="#13ce66"
-                   inactive-color="#cdcdcd"
-        ></el-switch>
-        <div style="float: right;padding-right: 25px">
-          <el-button style="width: 100px" @click="preview">预览</el-button>
-          <el-button style="width: 100px;color: white;background-color: #3448a1;" type="primary" @click="confirmSetting">确认设置</el-button>
-        </div>
-        <!--<span style="margin-left: 38px">数据切换显示：-->
-        <!--<span v-if="dataChangeShow">是&nbsp;</span>-->
-        <!--<span v-else>否&nbsp;</span>-->
-      <!--</span>-->
-        <!--<el-switch v-model="dataChangeShow" style="width: 55px"-->
-                   <!--active-color="#13ce66"-->
-                   <!--inactive-color="#cdcdcd"-->
-        <!--&gt;</el-switch>-->
-      </div>
-      <!--<div class="space">-->
-        <!--<span>数据显示形式 ：</span>-->
-        <!--<el-radio-group v-model="dataModel">-->
-          <!--<el-radio :label="0" style="margin-left: 45px">数量</el-radio>-->
-          <!--<el-radio :label="1">百分比</el-radio>-->
-        <!--</el-radio-group>-->
-      <!--</div>-->
-      <!--<el-row v-if="dataChangeShow" class="space">-->
-        <!--<el-col :span="2.5"><span>设置切换时间（多选）：</span></el-col>-->
-        <!--<el-col :span="18">-->
-          <!--<el-checkbox-group v-model="checkList" style="padding-left: 4px" :min="2">-->
-            <!--<el-checkbox label="0">今天</el-checkbox>-->
-            <!--<el-checkbox label="1">本月</el-checkbox>-->
-            <!--<el-checkbox label="2">本季度</el-checkbox>-->
-            <!--<el-checkbox label="3">今年</el-checkbox>-->
-          <!--</el-checkbox-group>-->
-        <!--</el-col>-->
-      <!--</el-row>-->
-      <div class="space">
-        <span>切换时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;：</span>
-        <el-radio-group v-model="changeTime">
-          <el-radio :label="10" style="margin-left: 47px;">10s</el-radio>
-          <el-radio :label="20" style="margin-left: 5px;">20s</el-radio>
-          <el-radio :label="30" style="margin-left: 5px;">30s</el-radio>
-          <el-radio :label="1" style="margin-left: 5px;">自定义时间</el-radio>
-        </el-radio-group>
-        <span v-if="changeTime === 1">
-          <el-input placeholder="请输入时间"
-                    v-model="elseTime" clearable  @keyup.native="handleInput"
-                    style="margin-left: 15px;width: 200px;"></el-input> s
-        </span>
-      </div>
-      <!--<el-row class="space" style="height: 42px">-->
-        <!--<el-col :span="18">-->
-          <!--<el-row>-->
-            <!--<el-col :span="5.5">-->
-              <!--<span>大屏显示时间：</span>-->
-              <!--<el-radio-group v-model="timeSelector" style="width: 285px;border-radius: 0 !important;margin-left: 45px">-->
-                <!--<el-radio-button label="0" style="color: #3448a1;" class="timeButton">今天</el-radio-button>-->
-                <!--<el-radio-button label="1" style="color: #3448a1" class="timeButton">本月</el-radio-button>-->
-                <!--<el-radio-button label="2" style="color: #3448a1;width: 80px;" class="timeButton">本季度</el-radio-button>-->
-                <!--<el-radio-button label="3" style="color: #3448a1" class="timeButton">今年</el-radio-button>-->
-              <!--</el-radio-group>-->
-            <!--</el-col>-->
-            <!--<el-col :span="10" v-if="timeSelector === '0'">-->
-              <!--<el-tag class="tagClass">{{dayDate}}</el-tag>-->
-            <!--</el-col>-->
-            <!--<el-col :span="10" v-if="timeSelector === '1'">-->
-              <!--<el-tag class="tagClass">{{monthDate}}</el-tag>-->
-            <!--</el-col>-->
-            <!--<el-col :span="10" v-if="timeSelector === '2'">-->
-              <!--<el-tag class="tagClass">{{startDate}} - {{dayDate}}</el-tag>-->
-            <!--</el-col>-->
-            <!--<el-col :span="10" v-if="timeSelector === '3'">-->
-              <!--<el-tag class="tagClass">{{yearDate}}</el-tag>-->
-            <!--</el-col>-->
-          <!--</el-row>-->
-        <!--</el-col>-->
-        <!--<el-col :span="6" >-->
-          <!--<div style="float: right;padding-right: 25px">-->
-            <!--<el-button style="width: 100px" @click="preview">预览</el-button>-->
-            <!--<el-button style="width: 100px;color: white;background-color: #3448a1;" type="primary" @click="confirmSetting">确认设置</el-button>-->
-          <!--</div>-->
-        <!--</el-col>-->
-      <!--</el-row>-->
-    </div>
-    <br/>
-    <div class="divTotalStyle2">
-      <div class="space">
-        <span>表格时间选择 ：</span>
-        <el-radio-group v-model="listDate">
-          <el-radio :label="0">快捷选择</el-radio>
-          <el-radio :label="1">某时间</el-radio>
-          <el-radio :label="2">某时间段</el-radio>
-        </el-radio-group>
-        <span v-if="listDate === 0">
-        <el-select v-model="dateSelect" clearable placeholder="快捷选择" style="margin-left: 15px">
-          <el-option
-            v-for="item in dateOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-        <el-tag class="tagClass" v-if="dateSelect === 0">{{dayDate}}</el-tag>
-        <el-tag class="tagClass" v-if="dateSelect === 1">{{monthDate}}</el-tag>
-        <el-tag class="tagClass" v-if="dateSelect === 2">{{startDate}} 至 {{dayDate}}</el-tag>
-        <el-tag class="tagClass" v-if="dateSelect === 3">{{yearDate}}</el-tag>
-        </span>
-        <span v-if="listDate === 1">
-          <el-select v-model="daySelect" clearable placeholder="请选择" style="margin-left: 15px">
-            <el-option
-              v-for="item in dayOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-          </el-select>
-          <el-date-picker
-            v-model="dayTime"
-            type="date"
-            placeholder="选择日期"
-            prefix-icon="dateIcon"
-            format="yyyy/MM/dd"
-            value-format="yyyy-MM-dd"
-            class="dateClass"
-            :picker-options="chooseDatePicker"
-            v-if="daySelect === 0">
-            </el-date-picker>
-            <el-date-picker
-              v-model="monthTime"
-              type="month"
-              placeholder="选择月"
-              prefix-icon="dateIcon"
-              format="yyyy/MM"
-              value-format="yyyy-MM"
-              class="dateClass"
-              :picker-options="chooseDatePicker"
-              v-if="daySelect === 1">
-            </el-date-picker>
-            <el-date-picker
-              v-model="yearTime"
-              type="year"
-              placeholder="选择年"
-              prefix-icon="dateIcon"
-              format="yyyy"
-              value-format="yyyy"
-              class="dateClass"
-              :picker-options="chooseDatePicker"
-              v-if="daySelect === 2">
-            </el-date-picker>
-        </span>
-        <span v-if="listDate === 2">
-          <el-date-picker
-            v-model="startTime"
-            type="date"
-            placeholder="开始时间"
-            prefix-icon="dateIcon"
-            format="yyyy/MM/dd"
-            value-format="yyyy-MM-dd"
-            class="dateClass"
-            :picker-options="startDatePicker">
-            </el-date-picker>
-          <el-date-picker
-            v-model="endTime"
-            type="date"
-            placeholder="结束时间"
-            prefix-icon="dateIcon"
-            format="yyyy/MM/dd"
-            value-format="yyyy-MM-dd"
-            class="dateClass"
-            :picker-options="endDatePicker">
-            </el-date-picker>
-        </span>
-        <el-button style="width: 100px;color: white;background-color: #3448a1; float: right;margin-right: 25px;" type="primary" @click="confirmTime">确定时间</el-button>
-      </div>
-
-      <div>
-        <el-card style="width: 96%;margin-left:2%;margin-top: 18px;border-radius: 0 !important;">
-          <comp-table
-            :tableData="tableData"
-            :tableHeader="tableHeader"
-            :tableAttr="tableAttr"
-            :page="page"
-            @editDetail="editCount"
-            @switchChange="switchChange"
-          ></comp-table>
-          <comp-page
-            @handleCurrentChange="handleCurrentChange"
-            :page="page"
-            :totalCount="totalCount"
-            style="margin-left: 18px;margin-top: 20px"
-          ></comp-page>
-
-          <el-dialog
-            title="修改数量调整"
-            :visible.sync="showUpdateNum"
-            width="30%"
-          >
-            <div>
-              <el-form ref="formInputData" :model="formInputData" label-width="80px" :rules="rule">
-                <el-form-item label="数量调整" prop="amount">
-                  <el-input v-model.number="formInputData.amount" autocomplete="off"></el-input>
-                </el-form-item>
-              </el-form>
-            </div>
-            <span slot="footer" class="dialog-footer">
-    <el-button @click="showUpdateNum = false">取 消</el-button>
-    <el-button type="primary" @click="updateAmount">确 定</el-button>
-  </span>
-          </el-dialog>
-
-          <el-dialog
-            :visible.sync="screenDialogVisible"
-            :fullscreen="true"
-            :close-on-press-escape="true"
-          >
-            <screenIndex v-if="hackReset">
-            </screenIndex>
-          </el-dialog>
-        </el-card>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  import compTable from '../../../../packages/components/table/index';
-  import compPage from '../../../../packages/components/pagination/index';
-  import {adminHotSpotApi} from './api'
-  import {middleApi} from '../../../client/12345/middle/api';
-  import screenIndex from '../../screenIndex';
-
-  export default {
-    name: 'index',
-    components: {
-      compTable,
-      compPage,
-      screenIndex
-    },
-    data() {
-      var validateAmount = (rule, value, callback) => {
-        if (value === '') {
-          callback(new Error('请输入调整数量'));
-        } else if (value < this.editMin) {
-          callback(new Error('调整数量不能小于' + this.editMin));
-        } else {
-          callback();
-        }
-      };
-      return {
-        hackReset: false,
-        showUpdateNum: false,
-        screenDialogVisible: false,
-        formInputData: {
-          amount: ''
-        },
-        rule: {
-          amount: [
-            {required: true, message: '请输入数量调整数额', trigger: 'blur'},
-            {type: 'number', message: '调整数额必须为数字', trigger: 'blur'},
-            { validator: validateAmount, trigger: 'blur' }]
-        },
-        dayTime: '',
-        monthTime: '',
-        theTime: '',
-        startTime: '',
-        endTime: '',
-        startDatePicker: this.beginDate(),
-        endDatePicker: this.processDate(),
-        chooseDatePicker: this.chooseDate(),
-        timeSelector: '0',
-        isShow: true,
-        elseTime: '',
-        checkList: ['0', '1', '2'],
-        dataChangeShow: true,
-        changeTime: 10,
-        dataModel: 0,
-        tableData: [],
-        page: 1,
-        totalCount: 20,
-        pageSize: 5,
-        dayDate: '',
-        monthDate: '',
-        yearDate: '',
-        startDate: '',
-        tableHeader: [
-          {
-            prop: 'hotspotType',
-            label: '类别',
-          }, {
-            prop: 'hotspotAmount',
-            label: '数量',
-            sort: true
-          }
-        ],
-        tableAttr: {isDisplay: [], hotspotIncrement: [], hotspotRate: []},
-        listDate: 0,
-        dateOptions: [{
-          value: 0,
-          label: '今天'
-        }, {
-          value: 1,
-          label: '本月'
-        // }, {
-        //   value: 2,
-        //   label: '本季度'
-        }, {
-          value: 3,
-          label: '本年'
-        }],
-        dayOptions: [{
-          value: 0,
-          label: '某日'
-        }, {
-          value: 1,
-          label: '某月'
-        }, {
-          value: 2,
-          label: '某年'
-        }],
-        dateSelect: 0,
-        dateTime: '',
-        useTime: 0,
-        yearTime: '',
-        daySelect: 0,
-        index: 0,
-        chartSetting: [],
-        editMin: ''
-      }
-    },
-    mounted() {
-      this.getCurrentTime();
-      this.getHotspotSetup();
-    },
-    methods: {
-      confirmTime() {
-        this.page = 1;
-        this.getTableData();
-      },
-      getCurrentTime() {
-        let date = new Date();
-        let month = date.getMonth() + 1;
-        this.yearDate = date.getFullYear();
-        if (month < 10) {
-          if (month >= 1 && month <= 3) this.startDate = date.getFullYear() + '/01/01';
-          else if (month >= 4 && month <= 6) this.startDate = date.getFullYear() + '/04/01';
-          else this.startDate = date.getFullYear() + '/07/01';
-          this.dayDate = date.getFullYear() + '/0' + month + (date.getDate() < 10 ? '/0' : '/') + date.getDate();
-          this.monthDate = date.getFullYear() + '/0' + month;
-        } else {
-          this.startDate = date.getFullYear() + '/10/01';
-          this.dayDate = date.getFullYear() + month + (date.getDate() < 10 ? '/0' : '/') + date.getDate();
-          this.monthDate = date.getFullYear() + month;
-        }
-      },
-      getHotspotSetup() {
-        middleApi.GetHotspotSetupApi().then(res => {
-          this.chartSetting = res.data.data;
-          this.isShow = (this.chartSetting.isDisplay === 0);
-          this.dataChangeShow = (this.chartSetting.isSwitch === 0);
-          this.timeSelector = this.chartSetting.dateType + '';
-          this.dataModel = this.chartSetting.dataShowType;
-          this.changeTime = this.chartSetting.switchInterval;
-          if (this.changeTime !== 10 && this.changeTime !== 20 && this.changeTime !== 30) {
-            this.elseTime = this.changeTime;
-            this.changeTime = 1;
-          }
-          if (this.chartSetting.switchType !== null || this.chartSetting.switchType !== '') {
-            this.checkList = [];
-            for (let i = 0; i < 4; i++) {
-              if (this.chartSetting.switchType.charAt(i) === '1') this.checkList.push(i + '');
-            }
-          }
-          this.dateSelect = this.chartSetting.dateType;
-          this.getTableData();
-        })
-      },
-      editCount(index, data) {
-        this.showUpdateNum = true;
-        this.index = index;
-        this.formInputData.amount = data;
-        this.editMin = -this.tableData[index].hotspotAmount;
-        this.getTableData();
-      },
-      switchChange(index) {
-        adminHotSpotApi.ChangeStatusApi({hotSpotId: this.tableData[index].hotspotId}).then(res => {
-          if (res.data.code === 200) {
-            this.$message({
-              message: '修改成功',
-              type: 'success'
-            });
-          } else {
-            this.$message({
-              message: '修改失败',
-              type: 'failed'
-            });
-          }
-          this.getTableData();
-        });
-      },
-      getTableData() {
-        if (this.listDate === 0) {
-          adminHotSpotApi.GetHotspotApi({dateType: this.dateSelect, currentPage: this.page, pageSize: this.pageSize}).then(res => {
-            this.tableData = res.data.data.list;
-            this.totalCount = res.data.data.total;
-          });
-        }
-        if (this.listDate === 1) {
-          if (this.daySelect === 0) {
-            if (this.dayTime !== '') {
-              adminHotSpotApi.GetHotspotApi({
-                date: this.dayTime,
-                dateType: 0,
-                currentPage: this.page,
-                pageSize: this.pageSize
-              }).then(res => {
-                this.tableData = res.data.data.list;
-                this.totalCount = res.data.data.total;
-              });
-            } else {
-              this.$message({
-                message: '时间不能为空',
-                type: 'failed'
-              });
-            }
-          }
-          if (this.daySelect === 1) {
-            if (this.monthTime !== '') {
-              adminHotSpotApi.GetHotspotApi({
-                date: this.monthTime + '-01',
-                dateType: 1,
-                currentPage: this.page,
-                pageSize: this.pageSize
-              }).then(res => {
-                this.tableData = res.data.data.list;
-                this.totalCount = res.data.data.total;
-              });
-            } else {
-              this.$message({
-                message: '时间不能为空',
-                type: 'failed'
-              });
-            }
-          }
-          if (this.daySelect === 2) {
-            if (this.yearTime !== '') {
-              adminHotSpotApi.GetHotspotApi({
-                date: this.yearTime + '-01-01',
-                dateType: 3,
-                currentPage: this.page,
-                pageSize: this.pageSize
-              }).then(res => {
-                this.tableData = res.data.data.list;
-                this.totalCount = res.data.data.total;
-              });
-            } else {
-              this.$message({
-                message: '时间不能为空',
-                type: 'failed'
-              });
-            }
-          }
-          if (this.listDate === 2) {
-            if (this.startTime !== '' && this.endTime !== '') {
-              adminHotSpotApi.GetListByTwoTimesApi({
-                startTime: this.startTime,
-                endTime: this.endTime,
-                currentPage: this.page,
-                pageSize: this.pageSize
-              }).then(res => {
-                this.tableData = res.data.data.list;
-                this.totalCount = res.data.data.total;
-              })
-            } else {
-              this.$message({
-                message: '开始或结束时间不能为空',
-                type: 'failed'
-              });
-            }
-          }
-        }
-      },
-      confirmSetting() {
-        let isDisplay = this.isShow ? 0 : 1;
-        if (this.timeSelector === '0') this.useTime = 0;
-        else if (this.timeSelector === '1') this.useTime = 1;
-        else if (this.timeSelector === '2') this.useTime = 2;
-        else this.useTime = 3;
-        let switchType = ((this.checkList.indexOf('0') !== -1) ? '1' : '0') +
-          ((this.checkList.indexOf('1') !== -1) ? '1' : '0') + ((this.checkList.indexOf('2') !== -1) ? '1' : '0') +
-          ((this.checkList.indexOf('3') !== -1) ? '1' : '0');
-        let isSwitch = this.dataChangeShow ? 0 : 1;
-        if (this.changeTime === 1) this.changeTime = parseInt(this.elseTime, 10);
-        adminHotSpotApi.ConfirmSettingApi({switchType: switchType, isDisplay: isDisplay, dataShowType: this.dataModel, isSwitch: isSwitch, switchInterval: this.changeTime, searchStatus: this.useTime}).then(res => {
-          if (res.data.code === 200) {
-            this.$message({
-              message: '设置成功',
-              type: 'success'
-            });
-          } else {
-            this.$message({
-              message: '设置失败',
-              type: 'failed'
-            });
-          }
-        });
-        if (this.changeTime !== 10 && this.changeTime !== 20 && this.changeTime !== 30) this.changeTime = 1;
-      },
-      beginDate() {
-        let self = this;
-        return {
-          disabledDate(time) {
-            if (self.endTime) return time.getTime() > self.endTime;
-            return time.getTime() > Date.now();
-          }
-        }
-      },
-      processDate() {
-        let self = this;
-        return {
-          disabledDate(time) {
-            if (self.startTime) return new Date(self.startTime).getTime() > time.getTime() || time.getTime() > Date.now();
-            return time.getTime() > Date.now();
-          }
-        }
-      },
-      chooseDate() {
-        return {
-          disabledDate(time) {
-            return time.getTime() > Date.now();
-          }
-        }
-      },
-      handleCurrentChange: function (val) {
-        this.page = val;
-        this.getTableData();
-      },
-      updateAmount: function () {
-        this.$refs['formInputData'].validate((valid) => {
-          if (valid) {
-            this.$message({
-              message: '修改成功',
-              type: 'success'
-            });
-            adminHotSpotApi.EditHotspotApi({
-              hotspotId: this.tableData[this.index].hotspotId,
-              hotspotIncrement: parseInt(this.formInputData.amount, 10),
-              hotspotAmount: this.tableData[this.index].hotspotAmount
-            }).then(res => {
-              if (res.data.code === 200) {
-                this.getTableData();
-              } else {
-                this.$message({
-                  message: '修改失败',
-                  type: 'failed'
-                });
-              }
-              this.showUpdateNum = false;
-            });
-          }
-        })
-      },
-      getPreviewData() {
-        let isDisplay = this.isShow ? 0 : 1;
-        if (this.timeSelector === '0') this.useTime = 0;
-        else if (this.timeSelector === '1') this.useTime = 1;
-        else if (this.timeSelector === '2') this.useTime = 2;
-        else this.useTime = 3;
-        let switchType = ((this.checkList.indexOf('0') !== -1) ? '1' : '0') +
-          ((this.checkList.indexOf('1') !== -1) ? '1' : '0') + ((this.checkList.indexOf('2') !== -1) ? '1' : '0') +
-          ((this.checkList.indexOf('3') !== -1) ? '1' : '0');
-        let isSwitch = this.dataChangeShow ? 0 : 1;
-        sessionStorage.setItem('hotSpot', JSON.stringify({switchType: switchType, isDisplay: isDisplay, dataShowType: this.dataModel, isSwitch: isSwitch, switchInterval: this.changeTime, dateType: this.useTime}))
-      },
-      preview() {
-        this.getPreviewData();
-        this.screenDialogVisible = true;
-        this.hackReset = false;
-        this.$nextTick(() => {
-          this.hackReset = true
-        })
-      },
-      handleInput() {
-        this.elseTime = this.elseTime.replace(/[^\.\d]/g, '');
-        this.elseTime = this.elseTime.replace('.', '');
-        this.elseTime = this.elseTime.replace(/^0*|[^\d]/g,'');
-      }
-    }
-  }
-</script>
-
-<style scoped>
-  .timeButton {
-    width: 65px;
-    font-size: 12px;
-  }
-  .timeButton:hover {
-    color: #3448a1;
-  }
-  /*.el-switch /deep/ .el-switch__core{*/
-  /*background-color: #f8f9fb;*/
-  /*border-color: #b6b6b6;*/
-  /*}*/
-  /*.el-switch /deep/ .el-switch__core:after{*/
-  /*background-color: #b6b6b6;*/
-  /*}*/
-  /*.is-checked /deep/ .el-switch__core{*/
-  /*background-color: #f8f9fb;*/
-  /*border-color: #66e26a;*/
-  /*}*/
-  /*.el-switch /deep/ .el-switch__core{*/
-  /*background-color: #f8f9fb;*/
-  /*border-color: #b6b6b6;*/
-  /*}*/
-  /*.el-switch /deep/ .el-switch__core:after{*/
-  /*background-color: #b6b6b6;*/
-  /*}*/
-  /*.is-checked /deep/ .el-switch__core{*/
-  /*background-color: #f8f9fb;*/
-  /*border-color: #66e26a;*/
-  /*}*/
-  /*.is-checked /deep/ .el-switch__core:after{*/
-  /*background-color: #66e26a;*/
-  /*}*/
-  .is-checked /deep/ .el-radio__inner{
-    background: #e1e4e5;
-    width: 15px;
-    height: 15px;
-  }
-  .is-checked /deep/ .el-radio__inner:after{
-    background: #3448a1;
-    width: 10px;
-    height: 10px;
-  }
-  .space {
-    margin-left: 22px;
-    padding-bottom: 5px;
-    padding-top: 10px;
-    font-size: 14px;
-    color: #333333;
-  }
-  .el-input--medium /deep/ .el-input__inner{
-    padding-left: 18px;
-  }
-  .el-picker-panel /deep/ div{
-    display: block;
-  }
-  .tagClass{
-    background-color: white;
-    color: #333333;
-    border-color: #d8d8d8;
-    height: 35px;
-    font-size: 12.5px;
-    padding-top: 3px;
-    margin-left: 15px;
-    width: 200px;
-    border-radius: 0 !important;
-  }
-  .dateClass{
-    width: 200px;
-    margin-left: 15px
-  }
-  .divTotalStyle {
-    background-color: white;
-    padding-bottom: 20px;
-    padding-top: 8px
-  }
-  .divTotalStyle2 {
-    background-color: white;
-    padding-bottom: 20px;
-  }
-  .el-radio-group /deep/ .el-radio{
-    margin-right: 10px;
-  }
-</style>

src/view/admin/12345/hotlineAcceptance/hotlineAcceptanceApi.js

@@ -0,0 +1,8 @@
+import { server } from '@/tools/servers'
+
+export class hotlineAcceptance {
+  /**获取表格数据*/
+  static getHotlineAcceptanceList (data) {
+    return server.connection('POST', '/api/12345/getHotlineAcceptance', data)
+  }
+}

src/view/admin/12345/hotlineAcceptance/index.vue

@@ -0,0 +1,288 @@
+<template>
+  <div id="load-index">
+    <div class="divTotalStyle2">
+      <div style="padding-top: 15px">
+        <el-form
+          ref="tableFormData"
+          class="topFormStyle2"
+          :inline="true"
+          :model="tableFormData"
+          label-width="120px"
+        >
+          <el-form-item label="表格时间选择："> </el-form-item>
+          <el-date-picker
+            v-model="startYear"
+            type="year"
+            placeholder="选择开始年份"
+            value-format="yyyy"
+          >
+          </el-date-picker>
+          -
+          <el-date-picker
+            v-model="endYear"
+            type="year"
+            placeholder="选择结束年份"
+            value-format="yyyy"
+          >
+          </el-date-picker>
+          <el-form-item style="float: right; margin-right: 20px">
+            <el-button
+              style="width: 100px"
+              type="primary"
+              @click="searchTableData"
+              >确定时间</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div>
+        <el-card class="box-card" style="width: 96%; margin-left: 2%">
+          <el-table
+            :data="tableData"
+            :header-cell-style="rowClass"
+            :row-style="rowStyle"
+            style="width: 100%"
+          >
+            <el-table-column
+              prop="districtName"
+              label="区县名称"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="acceptCount"
+              sortable
+              label="已完成数量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column prop="statDate" label="统计日期" align="center">
+            </el-table-column>
+            <el-table-column
+              prop="processCount"
+              sortable
+              label="交办量"
+              align="center"
+            >
+            </el-table-column>
+          </el-table>
+          <comp-page
+            @handleCurrentChange="handleCurrentChang"
+            :page="page"
+            :totalCount="totalCount"
+            style="margin-left: 18px; margin-top: 20px"
+          ></comp-page>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      :visible.sync="screenDialogVisible"
+      :fullscreen="true"
+      :close-on-press-escape="true"
+    >
+      <screenIndex v-if="hackReset"> </screenIndex>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { hotlineAcceptance } from "./hotlineAcceptanceApi.js";
+import screenIndex from "../../screenIndex";
+import CompTable from "../../../../packages/components/table/index";
+import CompPage from "../../../../packages/components/pagination/index";
+
+export default {
+  components: {
+    screenIndex,
+    CompPage,
+    CompTable,
+  },
+  data() {
+    var checkChange = (rule, value, callback) => {
+      if (value + this.opinionAmount < 0) {
+        return callback(new Error("数量调整数额不能大于数量"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      startYear: "",
+      endYear: "",
+      hackReset: false,
+      screenDialogVisible: false,
+      formData: {
+        isDisplay: 0,
+        dataShowType: 0,
+        searchStatus: 0,
+        switchInterval: 10,
+        time: "",
+      },
+      changeTime: 10,
+      elseTime: "",
+      isSwitch: 0,
+      switchType: "123",
+      tableData: [],
+      page: 1,
+      totalCount: 100,
+      pageSize: 5,
+
+      timeType: "date",
+      showUpdateNum: false,
+      formInputData: {
+        amount: "",
+      },
+      rules2: {
+        amount: [
+          { required: true, message: "请输入数量调整数额", trigger: "blur" },
+          { type: "number", message: "调整数额必须为数字", trigger: "blur" },
+          { validator: checkChange, trigger: "blur" },
+        ],
+      },
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return this.tableFormData.endTime
+            ? time.getTime() > new Date(this.tableFormData.endTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          return this.tableFormData.startTime
+            ? time.getTime() <
+                new Date(this.tableFormData.startTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerDate: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
+      },
+      id: "",
+      dateFormat: "",
+      tableFormData: {
+        choice2: "",
+        type: "1",
+        dateType: 0,
+        time: "",
+        someTime: "",
+        startTime: "",
+        endTime: "",
+      },
+      options: [
+        { label: "今天", value: 0 },
+        { label: "本月", value: 1 },
+        // {label: '本季度', value: 2},
+        { label: "本年", value: 3 },
+      ],
+      someTimeOptions: [
+        { label: "某日", value: 0 },
+        { label: "某月", value: 1 },
+        { label: "某年", value: 2 },
+      ],
+      typeSelect: "",
+      index: "",
+      dateType: "",
+      opinionAmount: "",
+    };
+  },
+  created() {
+    this.getHotlineAcceptanceList();
+  },
+  methods: {
+    handleCurrentChang: function (val) {
+      this.page = val;
+      this.getHotlineAcceptanceList();
+    },
+
+    /**获取表格数据*/
+    getHotlineAcceptanceList: function () {
+      let attr = {
+        startYear: this.startYear,
+        endYear: this.endYear,
+        pageSize: this.pageSize,
+        pageNum: this.page,
+      };
+      hotlineAcceptance.getHotlineAcceptanceList(attr).then((res) => {
+        console.log("0");
+        this.tableData = res.data.result;
+        this.totalCount = res.data.pageMessage.total;
+      });
+    },
+    /**查询表格数据*/
+    searchTableData: function () {
+      this.getHotlineAcceptanceList();
+    },
+    rowClass() {
+      return "color:#333333;";
+    },
+    rowStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        //指定坐标
+        return "background:#f8f9fb";
+      } else {
+        return "background:#ffffff";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-body {
+  margin-top: 30px;
+}
+
+.tableClassName {
+  background-color: red;
+}
+
+.buttonStyle {
+  margin-left: -5px;
+  margin-right: 0;
+}
+
+.tableButtonStyle {
+  border: none;
+}
+
+.divStyle {
+  display: table-cell;
+  /*text-align: center;*/
+}
+
+.divTotalStyle {
+  background-color: white;
+}
+
+.divTotalStyle2 {
+  background-color: white;
+  padding-bottom: 20px;
+}
+
+.topFormStyle {
+  margin-left: 22px;
+  padding-bottom: 30px;
+  padding-top: 10px;
+}
+
+.topFormStyle2 {
+  margin-left: 10px;
+  padding-top: 10px;
+}
+
+.tableDivStyle {
+  width: 100%;
+  text-align: center;
+}
+
+.el-radio-group /deep/ .el-radio {
+  margin-right: 10px;
+}
+.space {
+  margin-bottom: 8px;
+}
+</style>

src/view/admin/12345/hotlineDailyAcceptance/hotlineDailyAcceptanceApi.js

@@ -0,0 +1,8 @@
+import { server } from '@/tools/servers'
+
+export class hotlineDailyAcceptance {
+  /**获取表格数据*/
+  static getHotlineDailyAcceptanceList (data) {
+    return server.connection('POST', '/api/12345/getHotlineDailyAcceptance', data)
+  }
+}

src/view/admin/12345/hotlineDailyAcceptance/index.vue

@@ -0,0 +1,275 @@
+<template>
+  <div id="load-index">
+    <div class="divTotalStyle2">
+      <div style="padding-top: 15px">
+        <el-form
+          ref="tableFormData"
+          class="topFormStyle2"
+          :inline="true"
+          :model="tableFormData"
+          label-width="120px"
+        >
+          <el-form-item label="表格时间选择："> </el-form-item>
+          <el-date-picker
+            v-model="startDate"
+            type="date"
+            placeholder="选择开始年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          -
+          <el-date-picker
+            v-model="endDate"
+            type="date"
+            placeholder="选择结束年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          <el-form-item style="float: right; margin-right: 20px">
+            <el-button
+              style="width: 100px"
+              type="primary"
+              @click="searchTableData"
+              >确定时间</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div>
+        <el-card class="box-card" style="width: 96%; margin-left: 2%">
+          <el-table
+            :data="tableData"
+            :header-cell-style="rowClass"
+            :row-style="rowStyle"
+            style="width: 100%"
+          >
+            <el-table-column
+              prop="acceptCount"
+              sortable
+              label="当天接件数量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column prop="acceptDate" label="日期" align="center">
+            </el-table-column>
+          </el-table>
+          <comp-page
+            @handleCurrentChange="handleCurrentChang"
+            :page="page"
+            :totalCount="totalCount"
+            style="margin-left: 18px; margin-top: 20px"
+          ></comp-page>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      :visible.sync="screenDialogVisible"
+      :fullscreen="true"
+      :close-on-press-escape="true"
+    >
+      <screenIndex v-if="hackReset"> </screenIndex>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { hotlineDailyAcceptance } from "./hotlineDailyAcceptanceApi.js";
+import screenIndex from "../../screenIndex";
+import CompTable from "../../../../packages/components/table/index";
+import CompPage from "../../../../packages/components/pagination/index";
+
+export default {
+  components: {
+    screenIndex,
+    CompPage,
+    CompTable,
+  },
+  data() {
+    var checkChange = (rule, value, callback) => {
+      if (value + this.opinionAmount < 0) {
+        return callback(new Error("数量调整数额不能大于数量"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      startDate: "",
+      endDate: "",
+      hackReset: false,
+      screenDialogVisible: false,
+      formData: {
+        isDisplay: 0,
+        dataShowType: 0,
+        searchStatus: 0,
+        switchInterval: 10,
+        time: "",
+      },
+      changeTime: 10,
+      elseTime: "",
+      isSwitch: 0,
+      switchType: "123",
+      tableData: [],
+      page: 1,
+      totalCount: 100,
+      pageSize: 5,
+
+      timeType: "date",
+      showUpdateNum: false,
+      formInputData: {
+        amount: "",
+      },
+      rules2: {
+        amount: [
+          { required: true, message: "请输入数量调整数额", trigger: "blur" },
+          { type: "number", message: "调整数额必须为数字", trigger: "blur" },
+          { validator: checkChange, trigger: "blur" },
+        ],
+      },
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return this.tableFormData.endTime
+            ? time.getTime() > new Date(this.tableFormData.endTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          return this.tableFormData.startTime
+            ? time.getTime() <
+                new Date(this.tableFormData.startTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerDate: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
+      },
+      id: "",
+      dateFormat: "",
+      tableFormData: {
+        choice2: "",
+        type: "1",
+        dateType: 0,
+        time: "",
+        someTime: "",
+        startTime: "",
+        endTime: "",
+      },
+      options: [
+        { label: "今天", value: 0 },
+        { label: "本月", value: 1 },
+        // {label: '本季度', value: 2},
+        { label: "本年", value: 3 },
+      ],
+      someTimeOptions: [
+        { label: "某日", value: 0 },
+        { label: "某月", value: 1 },
+        { label: "某年", value: 2 },
+      ],
+      typeSelect: "",
+      index: "",
+      dateType: "",
+      opinionAmount: "",
+    };
+  },
+  created() {
+    this.getHotlineDailyAcceptanceList();
+  },
+  methods: {
+    handleCurrentChang: function (val) {
+      this.page = val;
+      this.getHotlineDailyAcceptanceList();
+    },
+
+    /**获取表格数据*/
+    getHotlineDailyAcceptanceList: function () {
+      let attr = {
+        startDate: this.startDate,
+        endDate: this.endDate,
+        pageSize: this.pageSize,
+        pageNum: this.page,
+      };
+      hotlineDailyAcceptance.getHotlineDailyAcceptanceList(attr).then((res) => {
+        console.log("0");
+        this.tableData = res.data.result;
+        this.totalCount = res.data.pageMessage.total;
+      });
+    },
+    /**查询表格数据*/
+    searchTableData: function () {
+      this.getHotlineDailyAcceptanceList();
+    },
+    rowClass() {
+      return "color:#333333;";
+    },
+    rowStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        //指定坐标
+        return "background:#f8f9fb";
+      } else {
+        return "background:#ffffff";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-body {
+  margin-top: 30px;
+}
+
+.tableClassName {
+  background-color: red;
+}
+
+.buttonStyle {
+  margin-left: -5px;
+  margin-right: 0;
+}
+
+.tableButtonStyle {
+  border: none;
+}
+
+.divStyle {
+  display: table-cell;
+  /*text-align: center;*/
+}
+
+.divTotalStyle {
+  background-color: white;
+}
+
+.divTotalStyle2 {
+  background-color: white;
+  padding-bottom: 20px;
+}
+
+.topFormStyle {
+  margin-left: 22px;
+  padding-bottom: 30px;
+  padding-top: 10px;
+}
+
+.topFormStyle2 {
+  margin-left: 10px;
+  padding-top: 10px;
+}
+
+.tableDivStyle {
+  width: 100%;
+  text-align: center;
+}
+
+.el-radio-group /deep/ .el-radio {
+  margin-right: 10px;
+}
+.space {
+  margin-bottom: 8px;
+}
+</style>

src/view/admin/12345/hotlineDeptAcceptance/hotlineDeptAcceptanceApi.js

@@ -0,0 +1,8 @@
+import { server } from '@/tools/servers'
+
+export class hotlineDeptAcceptance {
+  /**获取表格数据*/
+  static getHotlineDeptAcceptanceList (data) {
+    return server.connection('POST', '/api/12345/getHotlineDeptAcceptance', data)
+  }
+}

src/view/admin/12345/hotlineDeptAcceptance/index.vue

@@ -0,0 +1,291 @@
+<template>
+  <div id="load-index">
+    <div class="divTotalStyle2">
+      <div style="padding-top: 15px">
+        <el-form
+          ref="tableFormData"
+          class="topFormStyle2"
+          :inline="true"
+          :model="tableFormData"
+          label-width="120px"
+        >
+          <el-form-item label="表格时间选择："> </el-form-item>
+          <el-date-picker
+            v-model="startYear"
+            type="year"
+            placeholder="选择开始年份"
+            value-format="yyyy"
+          >
+          </el-date-picker>
+          -
+          <el-date-picker
+            v-model="endYear"
+            type="year"
+            placeholder="选择结束年份"
+            value-format="yyyy"
+          >
+          </el-date-picker>
+          <el-form-item style="float: right; margin-right: 20px">
+            <el-button
+              style="width: 100px"
+              type="primary"
+              @click="searchTableData"
+              >确定时间</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div>
+        <el-card class="box-card" style="width: 96%; margin-left: 2%">
+          <el-table
+            :data="tableData"
+            :header-cell-style="rowClass"
+            :row-style="rowStyle"
+            style="width: 100%"
+          >
+            <el-table-column prop="deptName" label="部门名称" align="center">
+            </el-table-column>
+            <el-table-column
+              prop="completeCount"
+              sortable
+              label="已完成数量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column prop="statDate" label="统计日期" align="center">
+            </el-table-column>
+            <el-table-column
+              prop="pendingCount"
+              sortable
+              label="待处理数量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="overdueCount"
+              sortable
+              label="已超期数量"
+              align="center"
+            >
+            </el-table-column>
+          </el-table>
+          <comp-page
+            @handleCurrentChange="handleCurrentChang"
+            :page="page"
+            :totalCount="totalCount"
+            style="margin-left: 18px; margin-top: 20px"
+          ></comp-page>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      :visible.sync="screenDialogVisible"
+      :fullscreen="true"
+      :close-on-press-escape="true"
+    >
+      <screenIndex v-if="hackReset"> </screenIndex>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { hotlineDeptAcceptance } from "./hotlineDeptAcceptanceApi.js";
+import screenIndex from "../../screenIndex";
+import CompTable from "../../../../packages/components/table/index";
+import CompPage from "../../../../packages/components/pagination/index";
+
+export default {
+  components: {
+    screenIndex,
+    CompPage,
+    CompTable,
+  },
+  data() {
+    var checkChange = (rule, value, callback) => {
+      if (value + this.opinionAmount < 0) {
+        return callback(new Error("数量调整数额不能大于数量"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      startYear: "",
+      endYear: "",
+      hackReset: false,
+      screenDialogVisible: false,
+      formData: {
+        isDisplay: 0,
+        dataShowType: 0,
+        searchStatus: 0,
+        switchInterval: 10,
+        time: "",
+      },
+      changeTime: 10,
+      elseTime: "",
+      isSwitch: 0,
+      switchType: "123",
+      tableData: [],
+      page: 1,
+      totalCount: 100,
+      pageSize: 5,
+
+      timeType: "date",
+      showUpdateNum: false,
+      formInputData: {
+        amount: "",
+      },
+      rules2: {
+        amount: [
+          { required: true, message: "请输入数量调整数额", trigger: "blur" },
+          { type: "number", message: "调整数额必须为数字", trigger: "blur" },
+          { validator: checkChange, trigger: "blur" },
+        ],
+      },
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return this.tableFormData.endTime
+            ? time.getTime() > new Date(this.tableFormData.endTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          return this.tableFormData.startTime
+            ? time.getTime() <
+                new Date(this.tableFormData.startTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerDate: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
+      },
+      id: "",
+      dateFormat: "",
+      tableFormData: {
+        choice2: "",
+        type: "1",
+        dateType: 0,
+        time: "",
+        someTime: "",
+        startTime: "",
+        endTime: "",
+      },
+      options: [
+        { label: "今天", value: 0 },
+        { label: "本月", value: 1 },
+        // {label: '本季度', value: 2},
+        { label: "本年", value: 3 },
+      ],
+      someTimeOptions: [
+        { label: "某日", value: 0 },
+        { label: "某月", value: 1 },
+        { label: "某年", value: 2 },
+      ],
+      typeSelect: "",
+      index: "",
+      dateType: "",
+      opinionAmount: "",
+    };
+  },
+  created() {
+    this.getHotlineDeptAcceptanceList();
+  },
+  methods: {
+    handleCurrentChang: function (val) {
+      this.page = val;
+      this.getHotlineDeptAcceptanceList();
+    },
+
+    /**获取表格数据*/
+    getHotlineDeptAcceptanceList: function () {
+      let attr = {
+        startYear: this.startYear,
+        endYear: this.endYear,
+        pageSize: this.pageSize,
+        pageNum: this.page,
+      };
+      hotlineDeptAcceptance.getHotlineDeptAcceptanceList(attr).then((res) => {
+        console.log("0");
+        this.tableData = res.data.result;
+        this.totalCount = res.data.pageMessage.total;
+      });
+    },
+    /**查询表格数据*/
+    searchTableData: function () {
+      this.getHotlineDeptAcceptanceList();
+    },
+    rowClass() {
+      return "color:#333333;";
+    },
+    rowStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        //指定坐标
+        return "background:#f8f9fb";
+      } else {
+        return "background:#ffffff";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-body {
+  margin-top: 30px;
+}
+
+.tableClassName {
+  background-color: red;
+}
+
+.buttonStyle {
+  margin-left: -5px;
+  margin-right: 0;
+}
+
+.tableButtonStyle {
+  border: none;
+}
+
+.divStyle {
+  display: table-cell;
+  /*text-align: center;*/
+}
+
+.divTotalStyle {
+  background-color: white;
+}
+
+.divTotalStyle2 {
+  background-color: white;
+  padding-bottom: 20px;
+}
+
+.topFormStyle {
+  margin-left: 22px;
+  padding-bottom: 30px;
+  padding-top: 10px;
+}
+
+.topFormStyle2 {
+  margin-left: 10px;
+  padding-top: 10px;
+}
+
+.tableDivStyle {
+  width: 100%;
+  text-align: center;
+}
+
+.el-radio-group /deep/ .el-radio {
+  margin-right: 10px;
+}
+.space {
+  margin-bottom: 8px;
+}
+</style>

src/view/admin/12345/hotlineDistrictAcceptance/hotlineDistrictAcceptanceApi.js

@@ -0,0 +1,8 @@
+import { server } from '@/tools/servers'
+
+export class hotlineDistrictAcceptance {
+  /**获取表格数据*/
+  static getHotlineDistrictAcceptanceList (data) {
+    return server.connection('POST', '/api/12345/getHotlineDistrictAcceptance', data)
+  }
+}

src/view/admin/12345/hotlineDistrictAcceptance/index.vue

@@ -0,0 +1,317 @@
+<template>
+  <div id="load-index">
+    <div class="divTotalStyle2">
+      <div style="padding-top: 15px">
+        <el-form
+          ref="tableFormData"
+          class="topFormStyle2"
+          :inline="true"
+          :model="tableFormData"
+          label-width="120px"
+        >
+          <el-form-item label="表格时间选择："> </el-form-item>
+          <el-date-picker
+            v-model="startYear"
+            type="year"
+            placeholder="选择开始年份"
+            value-format="yyyy"
+          >
+          </el-date-picker>
+          -
+          <el-date-picker
+            v-model="endYear"
+            type="year"
+            placeholder="选择结束年份"
+            value-format="yyyy"
+          >
+          </el-date-picker>
+          <el-form-item style="float: right; margin-right: 20px">
+            <el-button
+              style="width: 100px"
+              type="primary"
+              @click="searchTableData"
+              >确定时间</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div>
+        <el-card class="box-card" style="width: 96%; margin-left: 2%">
+          <el-table
+            :data="tableData"
+            :header-cell-style="rowClass"
+            :row-style="rowStyle"
+            style="width: 100%"
+          >
+            <el-table-column
+              prop="districtName"
+              label="部门名称"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <span>{{ getDistrictText(scope.row.districtName) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="acceptCount"
+              sortable
+              label="数量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column prop="statDate" label="统计日期" align="center">
+            </el-table-column>
+            <el-table-column
+              prop="acceptStatus"
+              sortable
+              label="接件状态"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <span>{{ getStatusText(scope.row.acceptStatus) }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+          <comp-page
+            @handleCurrentChange="handleCurrentChang"
+            :page="page"
+            :totalCount="totalCount"
+            style="margin-left: 18px; margin-top: 20px"
+          ></comp-page>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      :visible.sync="screenDialogVisible"
+      :fullscreen="true"
+      :close-on-press-escape="true"
+    >
+      <screenIndex v-if="hackReset"> </screenIndex>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { hotlineDistrictAcceptance } from "./hotlineDistrictAcceptanceApi.js";
+import screenIndex from "../../screenIndex";
+import CompTable from "../../../../packages/components/table/index";
+import CompPage from "../../../../packages/components/pagination/index";
+
+export default {
+  components: {
+    screenIndex,
+    CompPage,
+    CompTable,
+  },
+  data() {
+    var checkChange = (rule, value, callback) => {
+      if (value + this.opinionAmount < 0) {
+        return callback(new Error("数量调整数额不能大于数量"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      startYear: "",
+      endYear: "",
+      hackReset: false,
+      screenDialogVisible: false,
+      formData: {
+        isDisplay: 0,
+        dataShowType: 0,
+        searchStatus: 0,
+        switchInterval: 10,
+        time: "",
+      },
+      changeTime: 10,
+      elseTime: "",
+      isSwitch: 0,
+      switchType: "123",
+      tableData: [],
+      page: 1,
+      totalCount: 100,
+      pageSize: 5,
+
+      timeType: "date",
+      showUpdateNum: false,
+      formInputData: {
+        amount: "",
+      },
+      rules2: {
+        amount: [
+          { required: true, message: "请输入数量调整数额", trigger: "blur" },
+          { type: "number", message: "调整数额必须为数字", trigger: "blur" },
+          { validator: checkChange, trigger: "blur" },
+        ],
+      },
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return this.tableFormData.endTime
+            ? time.getTime() > new Date(this.tableFormData.endTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          return this.tableFormData.startTime
+            ? time.getTime() <
+                new Date(this.tableFormData.startTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerDate: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
+      },
+      id: "",
+      dateFormat: "",
+      tableFormData: {
+        choice2: "",
+        type: "1",
+        dateType: 0,
+        time: "",
+        someTime: "",
+        startTime: "",
+        endTime: "",
+      },
+      options: [
+        { label: "今天", value: 0 },
+        { label: "本月", value: 1 },
+        // {label: '本季度', value: 2},
+        { label: "本年", value: 3 },
+      ],
+      someTimeOptions: [
+        { label: "某日", value: 0 },
+        { label: "某月", value: 1 },
+        { label: "某年", value: 2 },
+      ],
+      typeSelect: "",
+      index: "",
+      dateType: "",
+      opinionAmount: "",
+    };
+  },
+  created() {
+    this.getHotlineDistrictAcceptanceList();
+  },
+  methods: {
+    handleCurrentChang: function (val) {
+      this.page = val;
+      this.getHotlineDistrictAcceptanceList();
+    },
+    getDistrictText(completeCount) {
+      const nameMap = {
+        0: "南江县",
+        1: "通江县",
+        2: "巴州区",
+        3: "恩阳区",
+        4: "平昌县",
+      };
+
+      return nameMap[completeCount] || "未知区县";
+    },
+
+    getStatusText(completeCount) {
+      const statusMap = {
+        0: "已办",
+        1: "待办",
+        2: "超期",
+      };
+
+      return statusMap[completeCount] || "未知状态";
+    },
+
+    /**获取表格数据*/
+    getHotlineDistrictAcceptanceList: function () {
+      let attr = {
+        startYear: this.startYear,
+        endYear: this.endYear,
+        pageSize: this.pageSize,
+        pageNum: this.page,
+      };
+      hotlineDistrictAcceptance
+        .getHotlineDistrictAcceptanceList(attr)
+        .then((res) => {
+          console.log("0");
+          this.tableData = res.data.result;
+          this.totalCount = res.data.pageMessage.total;
+        });
+    },
+    /**查询表格数据*/
+    searchTableData: function () {
+      this.getHotlineDistrictAcceptanceList();
+    },
+    rowClass() {
+      return "color:#333333;";
+    },
+    rowStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        //指定坐标
+        return "background:#f8f9fb";
+      } else {
+        return "background:#ffffff";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-body {
+  margin-top: 30px;
+}
+
+.tableClassName {
+  background-color: red;
+}
+
+.buttonStyle {
+  margin-left: -5px;
+  margin-right: 0;
+}
+
+.tableButtonStyle {
+  border: none;
+}
+
+.divStyle {
+  display: table-cell;
+  /*text-align: center;*/
+}
+
+.divTotalStyle {
+  background-color: white;
+}
+
+.divTotalStyle2 {
+  background-color: white;
+  padding-bottom: 20px;
+}
+
+.topFormStyle {
+  margin-left: 22px;
+  padding-bottom: 30px;
+  padding-top: 10px;
+}
+
+.topFormStyle2 {
+  margin-left: 10px;
+  padding-top: 10px;
+}
+
+.tableDivStyle {
+  width: 100%;
+  text-align: center;
+}
+
+.el-radio-group /deep/ .el-radio {
+  margin-right: 10px;
+}
+.space {
+  margin-bottom: 8px;
+}
+</style>

src/view/admin/12345/marketHotlineProcessing/index.vue

@@ -1,792 +0,0 @@
-<template>
-  <div id="load-index">
-
-    <div class="divTotalStyle">
-
-      <el-form ref="formData" class="topFormStyle" :model="formData" label-position="left" label-width="150px">
-        <el-form-item label="显示本模块：" style="margin-bottom:0px">
-          <span v-if="formData.isDisplay == 0">是</span>
-          <span v-if="formData.isDisplay == 1">否</span>
-          <el-switch
-            v-model='formData.isDisplay'
-            :active-value=0
-            :inactive-value=1
-            active-color="#13ce66"
-            inactive-color="#cdcdcd"
-            @change="changeModuleDisplay($event)">
-          </el-switch>
-          <!--<span style="margin:0px 10px 0px 30px;">数据切换显示：</span>-->
-          <!--<span v-if="formData.isSwitch == 0">是</span>-->
-          <!--<span v-if="formData.isSwitch == 1">否</span>-->
-          <!--<el-switch-->
-            <!--v-model='formData.isSwitch'-->
-            <!--:active-value=0-->
-            <!--:inactive-value=1-->
-            <!--active-color="#13ce66"-->
-            <!--inactive-color="#cdcdcd"-->
-            <!--@change="isSwitch($event)">-->
-          <!--</el-switch>-->
-        </el-form-item>
-        <!--<el-form-item label="数据显示形式：" style="margin-bottom:0px">-->
-          <!--<el-radio-group v-model="formData.dataShowType">-->
-            <!--<el-radio :label=0 style="margin-right: 4px;">数量</el-radio>-->
-            <!--<el-radio :label=1>百分比</el-radio>-->
-          <!--</el-radio-group>-->
-        <!--</el-form-item>-->
-        <!--<div v-if="isShow == 1">-->
-          <!--<el-form-item label="设置切换时间(多选)：" style="margin-bottom:0px">-->
-            <!--<el-checkbox true-label="1" false-label="0" v-model="checkedDay">今天</el-checkbox>-->
-            <!--<el-checkbox true-label="1" false-label="0" v-model="checkedMonth">本月</el-checkbox>-->
-            <!--<el-checkbox true-label="1" false-label="0" v-model="checkedQuarter">本季度</el-checkbox>-->
-            <!--<el-checkbox true-label="1" false-label="0" v-model="checkedYear">本年</el-checkbox>-->
-          <!--</el-form-item>-->
-          <el-form-item label="切换时间：" style="margin-bottom:0">
-            <el-radio-group v-model="formData.switchInterval">
-              <el-radio :label="10" style="margin-right: 9px;">10s</el-radio>
-              <el-radio :label="20" style="margin-right: 9px;">20s</el-radio>
-              <el-radio :label="30">30s</el-radio>
-              <el-radio :label="0">自定义时间</el-radio>
-            </el-radio-group>
-            <el-input v-if="formData.switchInterval === 0" placeholder="请输入时间" v-model="otherTime" clearable
-                      style="margin-left: 15px;width: 200px;margin-bottom: 10px;" type="number"></el-input> s
-            <div style="float:right;margin-right:20px;">
-              <el-button style="width: 100px" @click="preview">预览</el-button>
-              <el-button type="primary" @click="confirmSetting()" style="width: 100px">确认设置</el-button>
-            </div>
-          </el-form-item>
-        <!--</div>-->
-        <!--<el-form-item label="大屏显示时间：" style="margin-bottom:0px">-->
-          <!--<el-row>-->
-            <!--<el-col :span="17">-->
-              <!--<el-radio-group v-model="formData.searchStatus" @change="handleClick">-->
-                <!--<el-radio-button :label="0">今天</el-radio-button>-->
-                <!--<el-radio-button :label="1">本月</el-radio-button>-->
-                <!--<el-radio-button :label="2">本季度</el-radio-button>-->
-                <!--<el-radio-button :label="3">本年</el-radio-button>-->
-              <!--</el-radio-group>-->
-              <!--<el-input readonly style="width: 200px;margin-left:20px;" v-model="formData.time"></el-input>-->
-            <!--</el-col>-->
-            <!--<el-col :span="7">-->
-              <!--<div style="float:right;margin-right:20px;">-->
-                <!--<el-button style="width: 100px" @click="preview">预览</el-button>-->
-                <!--<el-button type="primary" @click="confirmSetting()" style="width: 100px">确认设置</el-button>-->
-              <!--</div>-->
-            <!--</el-col>-->
-          <!--</el-row>-->
-        <!--</el-form-item>-->
-      </el-form>
-    </div>
-    <br/>
-
-    <div class="divTotalStyle2">
-      <div style="padding-top: 15px;">
-        <el-form ref="tableFormData" class="topFormStyle2" :inline="true" :model="tableFormData" label-width="120px">
-          <el-form-item label="表格时间选择：">
-            <el-radio-group v-model="tableFormData.type">
-              <el-radio label="1">快捷选择</el-radio>
-              <el-radio label="2">某时间</el-radio>
-              <el-radio label="3">某时间段</el-radio>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="" v-show="tableFormData.type == '1'">
-            <el-select @change="handleChoiceChange" v-model="tableFormData.choice" placeholder="请选择">
-              <el-option
-                v-for="item in options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-            <el-input readonly style="width: 200px" v-model="tableFormData.time"></el-input>
-          </el-form-item>
-          <el-form-item label="" v-show="tableFormData.type == '2'">
-            <el-select @change="handleChoiceChangeSomeTime" v-model="tableFormData.choice2" placeholder="请选择">
-              <el-option
-                v-for="item in someTimeOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
-            </el-select>
-            <el-date-picker
-              v-model="tableFormData.someTime"
-              :type="typeSelect"
-              :value-format="dateFormat"
-              :picker-options="pickerDate"
-              placeholder="选择时间">
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item label="" v-show="tableFormData.type == '3'">
-            <el-date-picker
-              v-model="tableFormData.startTime"
-              type="date"
-              placeholder="开始时间"
-              prefix-icon="dateIcon"
-              format="yyyy/MM/dd"
-              value-format="yyyy-MM-dd"
-              :picker-options="pickerBeginDateBefore"
-            >
-            </el-date-picker>
-            <el-date-picker
-              v-model="tableFormData.endTime"
-              type="date"
-              placeholder="结束时间"
-              prefix-icon="dateIcon"
-              format="yyyy/MM/dd"
-              value-format="yyyy-MM-dd"
-              :picker-options="pickerBeginDateAfter"
-            >
-            </el-date-picker>
-          </el-form-item>
-          <el-form-item style="float: right;margin-right: 20px;">
-            <el-button style="width: 100px;" type="primary" @click="searchTableData">确定时间</el-button>
-          </el-form-item>
-        </el-form>
-
-      </div>
-      <div>
-        <el-card class="box-card" style="width: 96%;margin-left:2%  ">
-          <el-table
-            :data="tableData"
-            :row-style="rowStyle"
-            :header-cell-style="rowClass"
-            style="width: 100%">
-            <el-table-column
-              prop="municipalHandleType"
-              label="类别"
-              width="80"
-              align="center">
-            </el-table-column>
-            <el-table-column
-              prop="municipalHandleTreatedAmount"
-              label="已办理数量"
-              sortable
-              align="center"
-              width="120">
-            </el-table-column>
-            <el-table-column
-              label="已办理调整"
-              align="right">
-              <template slot-scope="scope">
-
-                <!--<div class="divStyle" style="width:70px">-->
-                <span v-if="scope.row.municipalHandleTreatedIncrement > 0" style="color: #f65e6e">+{{scope.row.municipalHandleTreatedIncrement}}</span>
-                <span v-else style="color: #2ab1e8">{{scope.row.municipalHandleTreatedIncrement}}</span>
-                <!--</div>-->
-                <!--<div class="divStyle">-->
-                <img style="" src="../../../../assets/images/edit.png"
-                     @click="showChange(scope.row.municipalHandleTreatedIncrement,scope.row.municipalHandleId,scope.column.label,scope.$index,scope.row.dateType,scope.row.municipalHandleTreatedAmount)">
-                <!--</div>-->
-
-              </template>
-            </el-table-column>
-            <el-table-column
-              sortable
-              label="已办理占比"
-              align="center">
-              <template slot-scope="scope">
-                <span>{{scope.row.municipalHandleTreatedRate}}%</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="municipalHandleUntreatedAmount"
-              sortable
-              label="待办理数量"
-              align="center">
-            </el-table-column>
-            <el-table-column
-              label="待办理调整"
-              align="right">
-              <template slot-scope="scope">
-
-                <!--<div class="divStyle" style="width:70px">-->
-                <span v-if="scope.row.municipalHandleUntreatedIncrement > 0" style="color: #f65e6e">+{{scope.row.municipalHandleUntreatedIncrement}}</span>
-                <span v-else style="color: #2ab1e8">{{scope.row.municipalHandleUntreatedIncrement}}</span>
-                <!--</div>-->
-                <!--<div class="divStyle">-->
-                <img style=""src="../../../../assets/images/edit.png"
-                     @click="showChange(scope.row.municipalHandleUntreatedIncrement,scope.row.municipalHandleId,scope.column.label,scope.$index,scope.row.dateType,scope.row.municipalHandleUntreatedIncrement)">
-                <!--</div>-->
-
-              </template>
-            </el-table-column>
-            <el-table-column
-              sortable
-              label="待办理占比"
-              align="center">
-              <template slot-scope="scope">
-                <span>{{scope.row.municipalHandleUntreatedRate}}%</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="municipalHandleTotalAmount"
-              label="办理总数"
-              align="center">
-            </el-table-column>
-            <el-table-column
-              align="center"
-              label="是否显示">
-              <template slot-scope="scope">
-                <span v-if="scope.row.isDisplay == 0">是</span>
-                <span v-if="scope.row.isDisplay == 1">否</span>
-                <el-switch
-                  v-model="scope.row.isDisplay"
-                  :active-value=0
-                  :inactive-value=1
-                  active-color="#13ce66"
-                  inactive-color="#cdcdcd"
-                  @change="changeStatus(scope.row.municipalHandleId)">
-                </el-switch>
-              </template>
-            </el-table-column>
-          </el-table>
-          <comp-page
-            @handleCurrentChange="handleCurrentChange"
-            :page="tableFormData.currentPage"
-            :totalCount="tableFormData.totalCount"
-            style="margin-left: 18px;margin-top: 20px"
-          ></comp-page>
-          <el-dialog
-            :title="updateTitle"
-            :visible.sync="showUpdateNum"
-            width="30%"
-          >
-            <div>
-              <el-form ref="formInputData" :model="formInputData" :rules="rules2" label-width="80px">
-                <el-form-item label="数量调整" prop="amount">
-                  <el-input v-model.number="formInputData.amount"></el-input>
-                </el-form-item>
-              </el-form>
-            </div>
-            <span slot="footer" class="dialog-footer">
-    <el-button @click="showUpdateNum = false">取 消</el-button>
-    <el-button type="primary" @click="updateAmount">确 定</el-button>
-  </span>
-          </el-dialog>
-        </el-card>
-      </div>
-    </div>
-    <el-dialog
-      :visible.sync="screenDialogVisible"
-      :fullscreen="true"
-      :close-on-press-escape="true"
-    >
-      <screenIndex v-if="hackReset">
-      </screenIndex>
-    </el-dialog>
-  </div>
-</template>
-
-
-<script>
-  import {marketHotlineProcessing} from './marketHotlineProcessingApi'
-  import compPage from '../../../../packages/components/pagination/index';
-  import screenIndex from '../../screenIndex';
-
-  export default {
-    components: {
-      compPage,
-      screenIndex
-    },
-    data() {
-      var checkChange = (rule, value, callback) => {
-        if (value + this.municipalAmount < 0) {
-          return callback(new Error('数量调整数额不能大于数量'));
-        }
-        else {
-          return callback();
-        }
-      };
-      return {
-        otherTime:'',
-        hackReset: false,
-        screenDialogVisible: false,
-        formData: {
-          isSwitch: 0,
-          isDisplay: 0,
-          dataShowType: 0,
-          switchType: '',
-          switchInterval: 10,
-          searchStatus: 0,
-          time: "",
-        },
-        rules2: {
-          amount: [
-            {required: true, message: '请输入数量调整数额', trigger: 'blur'},
-            {type: 'number', message: '调整数额必须为数字', trigger: 'blur'},
-            {validator: checkChange, trigger: 'blur'}
-          ]
-        },
-        pickerBeginDateBefore: {
-          disabledDate: (time) => {
-            return this.tableFormData.endTime ? (time.getTime() > new Date(this.tableFormData.endTime).getTime() || time.getTime() > Date.now()) : time.getTime() > Date.now();
-          },
-        },
-        pickerBeginDateAfter: {
-          disabledDate: (time) => {
-            return this.tableFormData.startTime ? (time.getTime() < new Date(this.tableFormData.startTime).getTime() || time.getTime() > Date.now()) : time.getTime() > Date.now();
-          },
-        },
-        pickerDate: {
-          disabledDate: (time) => {
-            return time.getTime() > Date.now();
-          },
-        },
-        checkedDay: '0',
-        checkedMonth: '0',
-        checkedQuarter: '0',
-        checkedYear: '',
-        isShow: 1,
-        tableData: [],
-        updateTitle: '',
-        timeType: "date",
-        showUpdateNum: false,
-        formInputData: {
-          amount: '',
-          municipalHandleTreatedIncrement: '',
-          municipalHandleUntreatedIncrement: '',
-        },
-        id: '',
-        dateFormat: '',
-        tableFormData: {
-          type: '1',
-          choice: 0,
-          choice2: '',
-          time: '',
-          startTime: '',
-          someTime: '',
-          endTime: '',
-          currentPage: 1,
-          pageSize: 5,
-          totalCount: 0,
-        },
-        options: [
-          {label: '今天', value: 0},
-          {label: '本月', value: 1},
-          // {label: '本季度', value: 2},
-          {label: '本年', value: 3},
-        ],
-        someTimeOptions: [
-          {label: '某日', value: 0},
-          {label: '某月', value: 1},
-          {label: '某年', value: 2},
-        ],
-        typeSelect: '',
-        index: '',
-        dateType: '',
-        municipalAmount: '',
-      }
-    },
-    mounted() {
-      /**设置信息获取*/
-      this.getSetInfo();
-      // this.getShowTime();
-    },
-    methods: {
-      /**获取表格数据*/
-      getMarketHotlineProcessingList: function () {
-        if (this.tableFormData.type == '1') {
-          let attr = {
-            currentPage: this.tableFormData.currentPage,
-            pageSize: this.tableFormData.pageSize,
-            searchStatus: this.tableFormData.choice,
-          }
-          marketHotlineProcessing.getMarketHotlineProcessingList(attr).then((res) => {
-            this.tableData = res.data.data.list;
-            this.tableFormData.totalCount = res.data.data.total
-          })
-        }
-        if (this.tableFormData.type == '2') {
-          let attr = {
-            currentPage: this.tableFormData.currentPage,
-            pageSize: this.tableFormData.pageSize,
-            dateType: this.tableFormData.choice2,
-            someTime: this.tableFormData.someTime
-          }
-          marketHotlineProcessing.getAfterSomeTimeListView(attr).then((res) => {
-            this.tableData = res.data.data.list;
-            this.tableFormData.totalCount = res.data.data.total
-          })
-        }
-        if (this.tableFormData.type == '3') {
-          let attr = {
-            currentPage: this.tableFormData.currentPage,
-            pageSize: this.tableFormData.pageSize,
-            startTime: this.tableFormData.startTime,
-            endTime: this.tableFormData.endTime,
-          }
-          marketHotlineProcessing.getAfterTimesListView(attr).then((res) => {
-            this.tableData = res.data.data.list;
-            this.tableFormData.totalCount = res.data.data.total
-          })
-        }
-      },
-      handleCurrentChange(e) {
-        this.tableFormData.currentPage = e;
-        this.getMarketHotlineProcessingList();
-      },
-      /**设置信息获取*/
-      getSetInfo: function () {
-        marketHotlineProcessing.getSetInfo().then((res) => {
-          let data = res.data.data;
-          if (data) {
-            this.checkedDay = data.switchType.charAt(0);
-            this.checkedMonth = data.switchType.charAt(1);
-            this.checkedQuarter = data.switchType.charAt(2);
-            this.checkedYear = data.switchType.charAt(3);
-            if (data.isSwitch == 0) {
-              this.isShow = 1;
-            } else {
-              this.isShow = 0;
-            }
-            this.formData.isDisplay = data.isDisplay;
-            this.formData.dataShowType = data.dataShowType;
-            this.formData.isSwitch = data.isSwitch;
-
-            if(data.switchInterval != 10 && data.switchInterval != 20 && data.switchInterval != 30){
-              this.formData.switchInterval = 0;
-              this.otherTime = data.switchInterval;
-            }else{
-              this.formData.switchInterval = data.switchInterval;
-            }
-            this.formData.searchStatus = data.searchStatus;
-            this.handleClick(this.formData.searchStatus);
-            this.tableFormData.choice = this.formData.searchStatus;
-            this.handleChoiceChange(this.tableFormData.choice);
-            this.getMarketHotlineProcessingList();
-          }
-
-
-        })
-      },
-      /**模块是否显示开关*/
-      changeModuleDisplay: function ($event) {
-        this.formData.isDisplay = $event
-      },
-      /**数据是否切换*/
-      isSwitch: function (value) {
-        if (value == 0) {
-          this.isShow = 1;
-        } else {
-          this.isShow = 0;
-        }
-        this.formData.isSwitch = value;
-      },
-      /**某时间选择选项变化*/
-      handleChoiceChangeSomeTime(value) {
-        if (value == 0) {
-          this.typeSelect = 'date';
-          this.dateFormat = 'yyyy-MM-dd';
-        }
-        if (value == 1) {
-          this.typeSelect = 'month';
-          this.dateFormat = 'yyyy-MM';
-        }
-        if (value == 2) {
-          this.typeSelect = 'year';
-          this.dateFormat = 'yyyy';
-        }
-      },
-      /**默认时间*/
-      getShowTime: function () {
-        let time = this.getCurrentDay();
-        this.formData.time = time;
-        // this.tableFormData.time = time;
-      },
-      /**时间选择*/
-      handleClick(label) {
-        this.formData.searchStatus = label;
-        let realTime = '';
-        switch (label) {
-          case 0:
-            realTime = this.getCurrentDay();
-            break;
-          case 1:
-            realTime = this.getCurrentMonth();
-            break;
-          case 2:
-            realTime = this.getCurrentQuarter();
-            break;
-          case 3 :
-            realTime = this.getCurrentYear();
-            break;
-        }
-        this.formData.time = realTime;
-      },
-      /**确认设置*/
-      confirmSetting: function () {
-        this.formData.switchType = this.checkedDay + this.checkedMonth + this.checkedQuarter + this.checkedYear;
-
-        let attr = {
-          searchStatus: this.formData.searchStatus,
-          isDisplay: this.formData.isDisplay,
-          dataShowType: this.formData.dataShowType,
-          isSwitch: this.formData.isSwitch,
-          switchInterval: this.formData.switchInterval != 0 ? this.formData.switchInterval : this.otherTime,
-          switchType: this.formData.switchType,
-        }
-        marketHotlineProcessing.confirmSetting(attr).then((res) => {
-          if (res.data.code == 200) {
-            this.$message({
-              message: '设置成功',
-              type: 'success'
-            });
-          } else {
-            this.$message({
-              message: '设置失败',
-              type: 'failed'
-            });
-          }
-        })
-      },
-      /**获取今天的时间*/
-      getCurrentDay: function () {
-        let totalTime = new Date();
-        let year = totalTime.getFullYear();
-        let month = totalTime.getMonth() + 1;
-        let realMonth = month < 10 ? ('0' + month) : month;
-        let day = totalTime.getDate();
-        let realDay = day < 10 ? ('0' + day) : day;
-        return year + '/' + realMonth + '/' + realDay;
-      },
-      /**获取本月*/
-      getCurrentMonth: function () {
-        let totalTime = new Date();
-        let year = totalTime.getFullYear();
-        let month = totalTime.getMonth() + 1;
-        let realMonth = month < 10 ? ('0' + month) : month;
-        return year + '/' + realMonth;
-      },
-      /**获取本季度*/
-      getCurrentQuarter: function () {
-        let totalTime = new Date();
-        let nowMonth = totalTime.getMonth();
-        let nowYear = totalTime.getFullYear();
-        let startMonth = this.getQuarterStartMonth(nowMonth);
-        let startRealMonth = startMonth < 10 ? ('0' + startMonth) : startMonth;
-        let startTime = nowYear + "/" + startRealMonth + "/" + "01";
-        let endTime = this.getCurrentDay()
-
-        return startTime + "-" + endTime;
-      },
-      /**获取本年*/
-      getCurrentYear: function () {
-        let time = new Date();
-        return time.getFullYear();
-      },
-      /**获取本季度的开始时间*/
-      getQuarterStartMonth(nowMonth) {
-        let quarterStartMonth = 0;
-        if (nowMonth < 3) {
-          quarterStartMonth = 1;
-        }
-        if (2 < nowMonth && nowMonth < 6) {
-          quarterStartMonth = 4;
-        }
-        if (5 < nowMonth && nowMonth < 9) {
-          quarterStartMonth = 7;
-        }
-        if (nowMonth > 8) {
-          quarterStartMonth = 10;
-        }
-        return quarterStartMonth;
-      },
-      /**获取某月的天数*/
-      getMonthDays(nowYear, myMonth) {
-        let monthStartDate = new Date(nowYear, myMonth, 1);
-        let monthEndDate = new Date(nowYear, myMonth + 1, 1);
-        let days = (monthEndDate - monthStartDate) / (1000 * 60 * 60 * 24);
-        return days;
-      },
-      /**打开弹窗*/
-      showChange: function (change, id, label, index, dateType, municipalAmount) {
-        this.index = index;
-        this.id = id;
-        this.dateType = dateType;
-        this.municipalAmount = municipalAmount;
-        let data = this.tableData[this.index];
-        this.formInputData.municipalHandleTreatedIncrement = data.municipalHandleTreatedIncrement;
-        this.formInputData.municipalHandleUntreatedIncrement = data.municipalHandleUntreatedIncrement;
-        if (label == "已办理调整") {
-          this.updateTitle = "修改已办理调整数量";
-          this.showUpdateNum = true;
-          this.formInputData.amount = change;
-          this.formInputData.municipalHandleTreatedIncrement = change;
-        }
-        if (label == "待办理调整") {
-          this.updateTitle = "修改待办理调整数量";
-          this.showUpdateNum = true;
-          this.formInputData.amount = change;
-          this.formInputData.municipalHandleUntreatedIncrement = change;
-        }
-      },
-      /**修改是否显示开关*/
-      changeStatus: function (id) {
-        let param = {
-          municipalHandleId: id,
-        };
-        console.log(param)
-        marketHotlineProcessing.updateIsShowStatus(param).then((res) => {
-          if (res.data.code == 200) {
-            this.$message({
-              message: '修改成功',
-              type: 'success'
-            });
-          } else {
-            this.$message({
-              message: '修改失败',
-              type: 'failed'
-            });
-          }
-        })
-      },
-      /**修改数量*/
-      updateAmount: function () {
-        let param;
-        if (this.updateTitle == "修改已办理调整数量") {
-          param = {
-            municipalHandleId: this.id,
-            dateType: this.dateType,
-            municipalHandleTreatedIncrement: this.formInputData.amount,
-            municipalHandleUntreatedIncrement: this.formInputData.municipalHandleUntreatedIncrement
-          };
-        }
-        if (this.updateTitle == "修改待办理调整数量") {
-          param = {
-            municipalHandleId: this.id,
-            dateType: this.dateType,
-            municipalHandleTreatedIncrement: this.formInputData.municipalHandleTreatedIncrement,
-            municipalHandleUntreatedIncrement: this.formInputData.amount
-          };
-        }
-        this.$refs['formInputData'].validate((valid) => {
-          if (valid) {
-            marketHotlineProcessing.updateAmount(param).then((res) => {
-              if (res.data.code == 200) {
-                this.getMarketHotlineProcessingList();
-                this.$message({
-                  message: '修改成功',
-                  type: 'success'
-                });
-              } else {
-                this.$message({
-                  message: '修改失败',
-                  type: 'failed'
-                });
-              }
-              this.showUpdateNum = false;
-            })
-          }
-        });
-
-      },
-      /**快捷选项选择变化*/
-      handleChoiceChange(value) {
-        switch (value) {
-          case 0:
-            this.tableFormData.time = this.getCurrentDay();
-            break;
-          case 1:
-            this.tableFormData.time = this.getCurrentMonth();
-            break;
-          case 2:
-            this.tableFormData.time = this.getCurrentQuarter();
-            break;
-          case 3 :
-            this.tableFormData.time = this.getCurrentYear();
-            break;
-        }
-      },
-      /**查询表格数据*/
-      searchTableData: function () {
-        this.getMarketHotlineProcessingList();
-      },
-      rowClass() {
-        return 'color:#333333;'
-      },
-      rowStyle({row, column, rowIndex, columnIndex}) {
-        if (rowIndex % 2 === 0) { //指定坐标
-          return 'background:#f8f9fb'
-        } else {
-          return 'background:#ffffff'
-        }
-      },
-      /**获取预览数据*/
-      getPreviewData: function () {
-        this.formData.switchType = this.checkedDay + this.checkedMonth + this.checkedQuarter + this.checkedYear;
-        let attr = {
-          searchStatus: this.formData.searchStatus,
-          isDisplay: this.formData.isDisplay,
-          dataShowType: this.formData.dataShowType,
-          isSwitch: this.formData.isSwitch,
-          switchInterval: this.formData.switchInterval,
-          switchType: this.formData.switchType,
-        }
-        sessionStorage.setItem('marketHotline', JSON.stringify(attr))
-      },
-      /**预览*/
-      preview() {
-        this.getPreviewData();
-        this.screenDialogVisible = true;
-        this.hackReset = false;
-        this.$nextTick(() => {
-          this.hackReset = true
-        })
-      }
-
-
-    }
-  }
-</script>
-
-
-<style lang="scss" scoped>
-  .content-body {
-    margin-top: 30px;
-  }
-
-  .tableClassName {
-    background-color: red;
-  }
-
-  .buttonStyle {
-    margin-left: -5px;
-    margin-right: 0;
-  }
-
-  .tableButtonStyle {
-    border: none;
-  }
-
-  .divStyle {
-    display: table-cell;
-  }
-
-  .divTotalStyle {
-    background-color: white;
-  }
-
-  .divTotalStyle2 {
-    background-color: white;
-    padding-bottom: 20px;
-  }
-
-  .topFormStyle {
-    margin-left: 22px;
-    /*padding-bottom: 30px;*/
-    padding-top: 10px;
-  }
-
-  .topFormStyle2 {
-    margin-left: 10px;
-    padding-top: 10px;
-  }
-
-  .tableDivStyle {
-    width: 100%;
-    text-align: center;
-  }
-  .el-radio-group /deep/ .el-radio{
-    margin-right: 10px;
-  }
-</style>

src/view/admin/12345/marketHotlineProcessing/marketHotlineProcessingApi.js

@@ -1,33 +0,0 @@
-import {server} from '@/tools/servers'
-
-export class marketHotlineProcessing {
-  /**获取表格数据（快捷选择）*/
-  static getMarketHotlineProcessingList(data) {
-    return server.connection('GET','/ZWHotLineMunicipalHandle/getAfterListView',data)
-  }
-  /**获取表格数据（某时间选择）*/
-  static getAfterSomeTimeListView(data) {
-    return server.connection('GET','/ZWHotLineMunicipalHandle/getAfterSomeTimeListView',data)
-  }
-  /**获取表格数据（某时间段选择）*/
-  static getAfterTimesListView(data) {
-    return server.connection('GET','/ZWHotLineMunicipalHandle/getAfterTimesListView',data)
-  }
-  /**确认设置*/
-  static confirmSetting(data){
-    return server.connection('POST','/ZWHotLineMunicipalHandle/editDistrictHandleSetting',data)
-  }
-  /**设置信息获取*/
-  static getSetInfo(){
-    return server.connection('GET','/ZWHotLineMunicipalHandle/getSetupInformation')
-  }
-  /**数量编辑*/
-  static updateAmount(data){
-    return server.connection('POST','/ZWHotLineMunicipalHandle/editDistrictHandleItem',data)
-  }
-  /**修改开关*/
-  static updateIsShowStatus(data){
-    return server.connection('POST','/ZWHotLineMunicipalHandle/changeDistrictHandleStatus',data)
-  }
-
-}

src/view/admin/12345/todayAcceptance/index.vue

@@ -0,0 +1,310 @@
+<template>
+  <div id="load-index">
+    <div class="divTotalStyle2">
+      <div style="padding-top: 15px">
+        <el-form
+          ref="tableFormData"
+          class="topFormStyle2"
+          :inline="true"
+          :model="tableFormData"
+          label-width="120px"
+        >
+          <el-form-item label="表格时间选择："> </el-form-item>
+          <el-date-picker
+            v-model="startDate"
+            type="date"
+            placeholder="选择开始年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          -
+          <el-date-picker
+            v-model="endDate"
+            type="date"
+            placeholder="选择结束年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          <el-form-item style="float: right; margin-right: 20px">
+            <el-button
+              style="width: 100px"
+              type="primary"
+              @click="searchTableData"
+              >确定时间</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div>
+        <el-card class="box-card" style="width: 96%; margin-left: 2%">
+          <el-table
+            :data="tableData"
+            :header-cell-style="rowClass"
+            :row-style="rowStyle"
+            style="width: 100%"
+          >
+            <el-table-column
+              prop="outputCount"
+              sortable
+              label="呼出总量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="inputCount"
+              sortable
+              label="呼入总量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="inputAcceptCount"
+              sortable
+              label="呼入接通量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="outputAcceptCount"
+              sortable
+              label="呼出接通量"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="outputAverageTime"
+              sortable
+              label="呼出平均时长（m）"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="inputAverageTime"
+              sortable
+              label="呼入平均时长（m）"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column prop="statDate" label="统计日期" align="center">
+            </el-table-column>
+          </el-table>
+          <comp-page
+            @handleCurrentChange="handleCurrentChang"
+            :page="page"
+            :totalCount="totalCount"
+            style="margin-left: 18px; margin-top: 20px"
+          ></comp-page>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      :visible.sync="screenDialogVisible"
+      :fullscreen="true"
+      :close-on-press-escape="true"
+    >
+      <screenIndex v-if="hackReset"> </screenIndex>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { todayAcceptance } from "./todayAcceptanceApi.js";
+import screenIndex from "../../screenIndex";
+import CompTable from "../../../../packages/components/table/index";
+import CompPage from "../../../../packages/components/pagination/index";
+
+export default {
+  components: {
+    screenIndex,
+    CompPage,
+    CompTable,
+  },
+  data() {
+    var checkChange = (rule, value, callback) => {
+      if (value + this.opinionAmount < 0) {
+        return callback(new Error("数量调整数额不能大于数量"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      startDate: "",
+      endDate: "",
+      hackReset: false,
+      screenDialogVisible: false,
+      formData: {
+        isDisplay: 0,
+        dataShowType: 0,
+        searchStatus: 0,
+        switchInterval: 10,
+        time: "",
+      },
+      changeTime: 10,
+      elseTime: "",
+      isSwitch: 0,
+      switchType: "123",
+      tableData: [],
+      page: 1,
+      totalCount: 100,
+      pageSize: 5,
+
+      timeType: "date",
+      showUpdateNum: false,
+      formInputData: {
+        amount: "",
+      },
+      rules2: {
+        amount: [
+          { required: true, message: "请输入数量调整数额", trigger: "blur" },
+          { type: "number", message: "调整数额必须为数字", trigger: "blur" },
+          { validator: checkChange, trigger: "blur" },
+        ],
+      },
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return this.tableFormData.endTime
+            ? time.getTime() > new Date(this.tableFormData.endTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          return this.tableFormData.startTime
+            ? time.getTime() <
+                new Date(this.tableFormData.startTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerDate: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
+      },
+      id: "",
+      dateFormat: "",
+      tableFormData: {
+        choice2: "",
+        type: "1",
+        dateType: 0,
+        time: "",
+        someTime: "",
+        startTime: "",
+        endTime: "",
+      },
+      options: [
+        { label: "今天", value: 0 },
+        { label: "本月", value: 1 },
+        // {label: '本季度', value: 2},
+        { label: "本年", value: 3 },
+      ],
+      someTimeOptions: [
+        { label: "某日", value: 0 },
+        { label: "某月", value: 1 },
+        { label: "某年", value: 2 },
+      ],
+      typeSelect: "",
+      index: "",
+      dateType: "",
+      opinionAmount: "",
+    };
+  },
+  created() {
+    this.getTodayAcceptanceList();
+  },
+  methods: {
+    handleCurrentChang: function (val) {
+      this.page = val;
+      this.getTodayAcceptanceList();
+    },
+
+    /**获取表格数据*/
+    getTodayAcceptanceList: function () {
+      let attr = {
+        startDate: this.startDate,
+        endDate: this.endDate,
+        pageSize: this.pageSize,
+        pageNum: this.page,
+      };
+      todayAcceptance.getTodayAcceptanceList(attr).then((res) => {
+        console.log("0");
+        this.tableData = res.data.result;
+        this.totalCount = res.data.pageMessage.total;
+      });
+    },
+    /**查询表格数据*/
+    searchTableData: function () {
+      this.getTodayAcceptanceList();
+    },
+    rowClass() {
+      return "color:#333333;";
+    },
+    rowStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        //指定坐标
+        return "background:#f8f9fb";
+      } else {
+        return "background:#ffffff";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-body {
+  margin-top: 30px;
+}
+
+.tableClassName {
+  background-color: red;
+}
+
+.buttonStyle {
+  margin-left: -5px;
+  margin-right: 0;
+}
+
+.tableButtonStyle {
+  border: none;
+}
+
+.divStyle {
+  display: table-cell;
+  /*text-align: center;*/
+}
+
+.divTotalStyle {
+  background-color: white;
+}
+
+.divTotalStyle2 {
+  background-color: white;
+  padding-bottom: 20px;
+}
+
+.topFormStyle {
+  margin-left: 22px;
+  padding-bottom: 30px;
+  padding-top: 10px;
+}
+
+.topFormStyle2 {
+  margin-left: 10px;
+  padding-top: 10px;
+}
+
+.tableDivStyle {
+  width: 100%;
+  text-align: center;
+}
+
+.el-radio-group /deep/ .el-radio {
+  margin-right: 10px;
+}
+.space {
+  margin-bottom: 8px;
+}
+</style>

src/view/admin/12345/todayAcceptance/todayAcceptanceApi.js

@@ -0,0 +1,8 @@
+import { server } from '@/tools/servers'
+
+export class todayAcceptance {
+  /**获取表格数据*/
+  static getTodayAcceptanceList (data) {
+    return server.connection('POST', '/api/12345/getTodayAcceptance', data)
+  }
+}

src/view/admin/12345/workOrder/index.vue

@@ -0,0 +1,303 @@
+<template>
+  <div id="load-index">
+    <div class="divTotalStyle2">
+      <div style="padding-top: 15px">
+        <el-form
+          ref="tableFormData"
+          class="topFormStyle2"
+          :inline="true"
+          :model="tableFormData"
+          label-width="120px"
+        >
+          <el-form-item label="表格时间选择："> </el-form-item>
+          <el-date-picker
+            v-model="startDate"
+            type="date"
+            placeholder="选择开始年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          -
+          <el-date-picker
+            v-model="endDate"
+            type="date"
+            placeholder="选择结束年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          <el-form-item style="float: right; margin-right: 20px">
+            <el-button
+              style="width: 100px"
+              type="primary"
+              @click="searchTableData"
+              >确定时间</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div>
+        <el-card class="box-card" style="width: 96%; margin-left: 2%">
+          <el-table
+            :data="tableData"
+            :header-cell-style="rowClass"
+            :row-style="rowStyle"
+            style="width: 100%"
+          >
+            <el-table-column
+              prop="orderType"
+              sortable
+              label="工单类型"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="resourceType"
+              sortable
+              label="来源类型"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column prop="orderTime" label="来电日期" align="center">
+            </el-table-column>
+            <el-table-column
+              prop="orderPerson"
+              sortable
+              label="来电人"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="orderTitle"
+              sortable
+              label="来电标题"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="orderArea"
+              sortable
+              label="来电区域"
+              align="center"
+            >
+            </el-table-column>
+          </el-table>
+          <comp-page
+            @handleCurrentChange="handleCurrentChang"
+            :page="page"
+            :totalCount="totalCount"
+            style="margin-left: 18px; margin-top: 20px"
+          ></comp-page>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      :visible.sync="screenDialogVisible"
+      :fullscreen="true"
+      :close-on-press-escape="true"
+    >
+      <screenIndex v-if="hackReset"> </screenIndex>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { workOrder } from "./workOrderApi.js";
+import screenIndex from "../../screenIndex";
+import CompTable from "../../../../packages/components/table/index";
+import CompPage from "../../../../packages/components/pagination/index";
+
+export default {
+  components: {
+    screenIndex,
+    CompPage,
+    CompTable,
+  },
+  data() {
+    var checkChange = (rule, value, callback) => {
+      if (value + this.opinionAmount < 0) {
+        return callback(new Error("数量调整数额不能大于数量"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      startDate: "",
+      endDate: "",
+      hackReset: false,
+      screenDialogVisible: false,
+      formData: {
+        isDisplay: 0,
+        dataShowType: 0,
+        searchStatus: 0,
+        switchInterval: 10,
+        time: "",
+      },
+      changeTime: 10,
+      elseTime: "",
+      isSwitch: 0,
+      switchType: "123",
+      tableData: [],
+      page: 1,
+      totalCount: 100,
+      pageSize: 5,
+
+      timeType: "date",
+      showUpdateNum: false,
+      formInputData: {
+        amount: "",
+      },
+      rules2: {
+        amount: [
+          { required: true, message: "请输入数量调整数额", trigger: "blur" },
+          { type: "number", message: "调整数额必须为数字", trigger: "blur" },
+          { validator: checkChange, trigger: "blur" },
+        ],
+      },
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return this.tableFormData.endTime
+            ? time.getTime() > new Date(this.tableFormData.endTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          return this.tableFormData.startTime
+            ? time.getTime() <
+                new Date(this.tableFormData.startTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerDate: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
+      },
+      id: "",
+      dateFormat: "",
+      tableFormData: {
+        choice2: "",
+        type: "1",
+        dateType: 0,
+        time: "",
+        someTime: "",
+        startTime: "",
+        endTime: "",
+      },
+      options: [
+        { label: "今天", value: 0 },
+        { label: "本月", value: 1 },
+        // {label: '本季度', value: 2},
+        { label: "本年", value: 3 },
+      ],
+      someTimeOptions: [
+        { label: "某日", value: 0 },
+        { label: "某月", value: 1 },
+        { label: "某年", value: 2 },
+      ],
+      typeSelect: "",
+      index: "",
+      dateType: "",
+      opinionAmount: "",
+    };
+  },
+  created() {
+    this.getWorkOrderList();
+  },
+  methods: {
+    handleCurrentChang: function (val) {
+      this.page = val;
+      this.getWorkOrderList();
+    },
+
+    /**获取表格数据*/
+    getWorkOrderList: function () {
+      let attr = {
+        startDate: this.startDate,
+        endDate: this.endDate,
+        pageSize: this.pageSize,
+        pageNum: this.page,
+      };
+      workOrder.getWorkOrderList(attr).then((res) => {
+        console.log("0");
+        this.tableData = res.data.result;
+        this.totalCount = res.data.pageMessage.total;
+      });
+    },
+    /**查询表格数据*/
+    searchTableData: function () {
+      this.getWorkOrderList();
+    },
+    rowClass() {
+      return "color:#333333;";
+    },
+    rowStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        //指定坐标
+        return "background:#f8f9fb";
+      } else {
+        return "background:#ffffff";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-body {
+  margin-top: 30px;
+}
+
+.tableClassName {
+  background-color: red;
+}
+
+.buttonStyle {
+  margin-left: -5px;
+  margin-right: 0;
+}
+
+.tableButtonStyle {
+  border: none;
+}
+
+.divStyle {
+  display: table-cell;
+  /*text-align: center;*/
+}
+
+.divTotalStyle {
+  background-color: white;
+}
+
+.divTotalStyle2 {
+  background-color: white;
+  padding-bottom: 20px;
+}
+
+.topFormStyle {
+  margin-left: 22px;
+  padding-bottom: 30px;
+  padding-top: 10px;
+}
+
+.topFormStyle2 {
+  margin-left: 10px;
+  padding-top: 10px;
+}
+
+.tableDivStyle {
+  width: 100%;
+  text-align: center;
+}
+
+.el-radio-group /deep/ .el-radio {
+  margin-right: 10px;
+}
+.space {
+  margin-bottom: 8px;
+}
+</style>

src/view/admin/12345/workOrder/workOrderApi.js

@@ -0,0 +1,8 @@
+import { server } from '@/tools/servers'
+
+export class workOrder {
+  /**获取表格数据*/
+  static getWorkOrderList (data) {
+    return server.connection('POST', '/api/12345/getWorkOrder', data)
+  }
+}

src/view/admin/12345/workOrderCirculation/index.vue

@@ -0,0 +1,284 @@
+<template>
+  <div id="load-index">
+    <div class="divTotalStyle2">
+      <div style="padding-top: 15px">
+        <el-form
+          ref="tableFormData"
+          class="topFormStyle2"
+          :inline="true"
+          :model="tableFormData"
+          label-width="120px"
+        >
+          <el-form-item label="表格时间选择："> </el-form-item>
+          <el-date-picker
+            v-model="startDate"
+            type="date"
+            placeholder="选择开始年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          -
+          <el-date-picker
+            v-model="endDate"
+            type="date"
+            placeholder="选择结束年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          <el-form-item style="float: right; margin-right: 20px">
+            <el-button
+              style="width: 100px"
+              type="primary"
+              @click="searchTableData"
+              >确定时间</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div>
+        <el-card class="box-card" style="width: 96%; margin-left: 2%">
+          <el-table
+            :data="tableData"
+            :header-cell-style="rowClass"
+            :row-style="rowStyle"
+            style="width: 100%"
+          >
+            <el-table-column prop="setTime" label="建立时间" align="center">
+            </el-table-column>
+            <el-table-column prop="currentNode" label="当前节点" align="center">
+            </el-table-column>
+            <el-table-column
+              prop="handoverDept"
+              label="接班部门"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column prop="transactors" label="办理人" align="center">
+            </el-table-column>
+            <el-table-column prop="processTime" label="办理时间" align="center">
+            </el-table-column>
+            <el-table-column prop="timeLimit" label="办理时限" align="center">
+            </el-table-column>
+            <el-table-column prop="flowStatus" label="流转状态" align="center">
+            </el-table-column>
+          </el-table>
+          <comp-page
+            @handleCurrentChange="handleCurrentChang"
+            :page="page"
+            :totalCount="totalCount"
+            style="margin-left: 18px; margin-top: 20px"
+          ></comp-page>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      :visible.sync="screenDialogVisible"
+      :fullscreen="true"
+      :close-on-press-escape="true"
+    >
+      <screenIndex v-if="hackReset"> </screenIndex>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { workOrderCirculation } from "./workOrderCirculationApi.js";
+import screenIndex from "../../screenIndex";
+import CompTable from "../../../../packages/components/table/index";
+import CompPage from "../../../../packages/components/pagination/index";
+
+export default {
+  components: {
+    screenIndex,
+    CompPage,
+    CompTable,
+  },
+  data() {
+    var checkChange = (rule, value, callback) => {
+      if (value + this.opinionAmount < 0) {
+        return callback(new Error("数量调整数额不能大于数量"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      startDate: "",
+      endDate: "",
+      hackReset: false,
+      screenDialogVisible: false,
+      formData: {
+        isDisplay: 0,
+        dataShowType: 0,
+        searchStatus: 0,
+        switchInterval: 10,
+        time: "",
+      },
+      changeTime: 10,
+      elseTime: "",
+      isSwitch: 0,
+      switchType: "123",
+      tableData: [],
+      page: 1,
+      totalCount: 100,
+      pageSize: 5,
+
+      timeType: "date",
+      showUpdateNum: false,
+      formInputData: {
+        amount: "",
+      },
+      rules2: {
+        amount: [
+          { required: true, message: "请输入数量调整数额", trigger: "blur" },
+          { type: "number", message: "调整数额必须为数字", trigger: "blur" },
+          { validator: checkChange, trigger: "blur" },
+        ],
+      },
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return this.tableFormData.endTime
+            ? time.getTime() > new Date(this.tableFormData.endTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          return this.tableFormData.startTime
+            ? time.getTime() <
+                new Date(this.tableFormData.startTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerDate: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
+      },
+      id: "",
+      dateFormat: "",
+      tableFormData: {
+        choice2: "",
+        type: "1",
+        dateType: 0,
+        time: "",
+        someTime: "",
+        startTime: "",
+        endTime: "",
+      },
+      options: [
+        { label: "今天", value: 0 },
+        { label: "本月", value: 1 },
+        // {label: '本季度', value: 2},
+        { label: "本年", value: 3 },
+      ],
+      someTimeOptions: [
+        { label: "某日", value: 0 },
+        { label: "某月", value: 1 },
+        { label: "某年", value: 2 },
+      ],
+      typeSelect: "",
+      index: "",
+      dateType: "",
+      opinionAmount: "",
+    };
+  },
+  created() {
+    this.getWorkOrderCirculationList();
+  },
+  methods: {
+    handleCurrentChang: function (val) {
+      this.page = val;
+      this.getWorkOrderCirculationList();
+    },
+
+    /**获取表格数据*/
+    getWorkOrderCirculationList: function () {
+      let attr = {
+        startDate: this.startDate,
+        endDate: this.endDate,
+        pageSize: this.pageSize,
+        pageNum: this.page,
+      };
+      workOrderCirculation.getWorkOrderCirculationList(attr).then((res) => {
+        console.log("0");
+        this.tableData = res.data.result;
+        this.totalCount = res.data.pageMessage.total;
+      });
+    },
+    /**查询表格数据*/
+    searchTableData: function () {
+      this.getWorkOrderCirculationList();
+    },
+    rowClass() {
+      return "color:#333333;";
+    },
+    rowStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        //指定坐标
+        return "background:#f8f9fb";
+      } else {
+        return "background:#ffffff";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-body {
+  margin-top: 30px;
+}
+
+.tableClassName {
+  background-color: red;
+}
+
+.buttonStyle {
+  margin-left: -5px;
+  margin-right: 0;
+}
+
+.tableButtonStyle {
+  border: none;
+}
+
+.divStyle {
+  display: table-cell;
+  /*text-align: center;*/
+}
+
+.divTotalStyle {
+  background-color: white;
+}
+
+.divTotalStyle2 {
+  background-color: white;
+  padding-bottom: 20px;
+}
+
+.topFormStyle {
+  margin-left: 22px;
+  padding-bottom: 30px;
+  padding-top: 10px;
+}
+
+.topFormStyle2 {
+  margin-left: 10px;
+  padding-top: 10px;
+}
+
+.tableDivStyle {
+  width: 100%;
+  text-align: center;
+}
+
+.el-radio-group /deep/ .el-radio {
+  margin-right: 10px;
+}
+.space {
+  margin-bottom: 8px;
+}
+</style>

src/view/admin/12345/workOrderCirculation/workOrderCirculationApi.js

@@ -0,0 +1,8 @@
+import { server } from '@/tools/servers'
+
+export class workOrderCirculation {
+  /**获取表格数据*/
+  static getWorkOrderCirculationList (data) {
+    return server.connection('POST', '/api/12345/getWorkOrderCirculation', data)
+  }
+}

src/view/admin/12345/workOrderDetail/index.vue

@@ -0,0 +1,340 @@
+<template>
+  <div id="load-index">
+    <div class="divTotalStyle2">
+      <div style="padding-top: 15px">
+        <el-form
+          ref="tableFormData"
+          class="topFormStyle2"
+          :inline="true"
+          :model="tableFormData"
+          label-width="120px"
+        >
+          <el-form-item label="表格时间选择："> </el-form-item>
+          <el-date-picker
+            v-model="startDate"
+            type="date"
+            placeholder="选择开始年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          -
+          <el-date-picker
+            v-model="endDate"
+            type="date"
+            placeholder="选择结束年份"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+          <el-form-item style="float: right; margin-right: 20px">
+            <el-button
+              style="width: 100px"
+              type="primary"
+              @click="searchTableData"
+              >确定时间</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div>
+        <el-card class="box-card" style="width: 96%; margin-left: 2%">
+          <el-table
+            :data="tableData"
+            :header-cell-style="rowClass"
+            :row-style="rowStyle"
+            style="width: 100%"
+          >
+            <el-table-column prop="handlePerson" label="受理人" align="center">
+            </el-table-column>
+            <el-table-column prop="sourceType" label="来源方式" align="center">
+            </el-table-column>
+            <el-table-column prop="acceptType" label="受理类型" align="center">
+            </el-table-column>
+            <el-table-column prop="acceptDate" label="受理时间" align="center">
+            </el-table-column>
+            <el-table-column
+              prop="transferSource"
+              label="转接来源"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column prop="orderArea" label="所在区域" align="center">
+            </el-table-column>
+            <el-table-column prop="hotType" label="热点分类" align="center">
+            </el-table-column>
+            <el-table-column prop="callerName" label="来电人" align="center">
+            </el-table-column>
+            <el-table-column prop="sex" label="性别" align="center">
+            </el-table-column>
+            <el-table-column prop="callerPhone" label="联系电话" align="center">
+            </el-table-column>
+            <el-table-column prop="archiveTime" label="归档时间" align="center">
+            </el-table-column>
+            <el-table-column
+              prop="expirationTime"
+              label="期满时间"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column prop="assignDept" label="交办部门" align="center">
+            </el-table-column>
+            <el-table-column prop="processDept" label="办理部门" align="center">
+            </el-table-column>
+            <el-table-column prop="archiveDept" label="归档部门" align="center">
+            </el-table-column>
+            <el-table-column
+              prop="processTimeLimit"
+              label="办理时限"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="acceptanceTitle"
+              label="受理标题"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="acceptanceContent"
+              label="受理内容"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="centralOpinion"
+              label="中心意见"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="undertakOpinions"
+              label="承办意见"
+              align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="returnOpinion"
+              label="退回意见"
+              align="center"
+            >
+            </el-table-column>
+          </el-table>
+          <comp-page
+            @handleCurrentChange="handleCurrentChang"
+            :page="page"
+            :totalCount="totalCount"
+            style="margin-left: 18px; margin-top: 20px"
+          ></comp-page>
+        </el-card>
+      </div>
+    </div>
+
+    <el-dialog
+      :visible.sync="screenDialogVisible"
+      :fullscreen="true"
+      :close-on-press-escape="true"
+    >
+      <screenIndex v-if="hackReset"> </screenIndex>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { workOrderDetail } from "./workOrderDetailApi.js";
+import screenIndex from "../../screenIndex";
+import CompTable from "../../../../packages/components/table/index";
+import CompPage from "../../../../packages/components/pagination/index";
+
+export default {
+  components: {
+    screenIndex,
+    CompPage,
+    CompTable,
+  },
+  data() {
+    var checkChange = (rule, value, callback) => {
+      if (value + this.opinionAmount < 0) {
+        return callback(new Error("数量调整数额不能大于数量"));
+      } else {
+        return callback();
+      }
+    };
+    return {
+      startDate: "",
+      endDate: "",
+      hackReset: false,
+      screenDialogVisible: false,
+      formData: {
+        isDisplay: 0,
+        dataShowType: 0,
+        searchStatus: 0,
+        switchInterval: 10,
+        time: "",
+      },
+      changeTime: 10,
+      elseTime: "",
+      isSwitch: 0,
+      switchType: "123",
+      tableData: [],
+      page: 1,
+      totalCount: 100,
+      pageSize: 5,
+
+      timeType: "date",
+      showUpdateNum: false,
+      formInputData: {
+        amount: "",
+      },
+      rules2: {
+        amount: [
+          { required: true, message: "请输入数量调整数额", trigger: "blur" },
+          { type: "number", message: "调整数额必须为数字", trigger: "blur" },
+          { validator: checkChange, trigger: "blur" },
+        ],
+      },
+      pickerBeginDateBefore: {
+        disabledDate: (time) => {
+          return this.tableFormData.endTime
+            ? time.getTime() > new Date(this.tableFormData.endTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerBeginDateAfter: {
+        disabledDate: (time) => {
+          return this.tableFormData.startTime
+            ? time.getTime() <
+                new Date(this.tableFormData.startTime).getTime() ||
+                time.getTime() > Date.now()
+            : time.getTime() > Date.now();
+        },
+      },
+      pickerDate: {
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
+      },
+      id: "",
+      dateFormat: "",
+      tableFormData: {
+        choice2: "",
+        type: "1",
+        dateType: 0,
+        time: "",
+        someTime: "",
+        startTime: "",
+        endTime: "",
+      },
+      options: [
+        { label: "今天", value: 0 },
+        { label: "本月", value: 1 },
+        // {label: '本季度', value: 2},
+        { label: "本年", value: 3 },
+      ],
+      someTimeOptions: [
+        { label: "某日", value: 0 },
+        { label: "某月", value: 1 },
+        { label: "某年", value: 2 },
+      ],
+      typeSelect: "",
+      index: "",
+      dateType: "",
+      opinionAmount: "",
+    };
+  },
+  created() {
+    this.getWorkOrderDetailList();
+  },
+  methods: {
+    handleCurrentChang: function (val) {
+      this.page = val;
+      this.getWorkOrderDetailList();
+    },
+
+    /**获取表格数据*/
+    getWorkOrderDetailList: function () {
+      let attr = {
+        startDate: this.startDate,
+        endDate: this.endDate,
+        pageSize: this.pageSize,
+        pageNum: this.page,
+      };
+      workOrderDetail.getWorkOrderDetailList(attr).then((res) => {
+        console.log("0");
+        this.tableData = res.data.result;
+        this.totalCount = res.data.pageMessage.total;
+      });
+    },
+    /**查询表格数据*/
+    searchTableData: function () {
+      this.getWorkOrderDetailList();
+    },
+    rowClass() {
+      return "color:#333333;";
+    },
+    rowStyle({ row, column, rowIndex, columnIndex }) {
+      if (rowIndex % 2 === 0) {
+        //指定坐标
+        return "background:#f8f9fb";
+      } else {
+        return "background:#ffffff";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.content-body {
+  margin-top: 30px;
+}
+
+.tableClassName {
+  background-color: red;
+}
+
+.buttonStyle {
+  margin-left: -5px;
+  margin-right: 0;
+}
+
+.tableButtonStyle {
+  border: none;
+}
+
+.divStyle {
+  display: table-cell;
+  /*text-align: center;*/
+}
+
+.divTotalStyle {
+  background-color: white;
+}
+
+.divTotalStyle2 {
+  background-color: white;
+  padding-bottom: 20px;
+}
+
+.topFormStyle {
+  margin-left: 22px;
+  padding-bottom: 30px;
+  padding-top: 10px;
+}
+
+.topFormStyle2 {
+  margin-left: 10px;
+  padding-top: 10px;
+}
+
+.tableDivStyle {
+  width: 100%;
+  text-align: center;
+}
+
+.el-radio-group /deep/ .el-radio {
+  margin-right: 10px;
+}
+.space {
+  margin-bottom: 8px;
+}
+</style>

src/view/admin/12345/workOrderDetail/workOrderDetailApi.js

@@ -0,0 +1,8 @@
+import { server } from '@/tools/servers'
+
+export class workOrderDetail {
+  /**获取表格数据*/
+  static getWorkOrderDetailList (data) {
+    return server.connection('POST', '/api/12345/getWorkOrderDetail', data)
+  }
+}