| | |
| | | <div style="width: 150px"> |
| | | <Row style="vertical-align: middle;display: inline-block;margin-bottom: 12px"> |
| | | <Col span="24"> |
| | | <DatePicker transfer :clearable=false format="yyyy年" size="large" @on-change="areaChangeYear" v-model="areaTime" type="year" placement="bottom-start" placeholder="请选择时间" style="width: 100%" class="ipt_width"></DatePicker> |
| | | <DatePicker transfer :clearable=false format="yyyy年" size="large" @on-change="areaChangeYear" |
| | | v-model="areaTime" type="year" placement="bottom-start" placeholder="请选择时间" style="width: 100%" |
| | | class="ipt_width"></DatePicker> |
| | | </Col> |
| | | </Row> |
| | | </div> |
| | | <div style="width: 200px;margin-left: 12px"> |
| | | <div style="width: 400px;margin-left: 12px"> |
| | | <Cascader filterable :data="areaList" v-model="areaCascaderValue" change-on-select size="large" @on-change="btncontrol" placeholder="请选择区域"></Cascader> |
| | | <!-- <cascaderMulti @on-change="btncontrol" size="large" :data="areaList" multiple></cascaderMulti> --> |
| | | <!-- <el-cascader ref="cascader" v-model="areaCascaderValue" :props="props" :options="areaList" |
| | | @change="btncontrol" collapse-tags :clearable="true"></el-cascader> --> |
| | | </div> |
| | | <div style="width: 180px;margin-left: 12px" class="levelclass"> |
| | | <Select v-model="areaAdministration" |
| | | size="large" |
| | | :max-tag-count="1" multiple |
| | | placeholder="请选择行政级别" |
| | | @on-select="btncontrollevel" |
| | | @on-change="btelevelchange" |
| | | > |
| | | <Select v-model="areaAdministration" size="large" :max-tag-count="1" multiple placeholder="请选择行政级别" |
| | | @on-select="btncontrollevel" @on-change="btelevelchange"> |
| | | <Option v-for="item in levelList" :value="item" :key="item" :label="item">{{item}}</Option> |
| | | </Select> |
| | | </div> |
| | | <div style="margin-left: 12px"> |
| | | <Button style="font-size: 14px" :disabled="checkBtn" type="primary" size="large" @click="areaChange">查询</Button> |
| | | <Button style="font-size: 14px" :disabled="checkBtn" type="primary" size="large" |
| | | @click="areaChange">查询</Button> |
| | | </div> |
| | | <!-- <div style="width: 150px;margin-left: 12px">--> |
| | | <!-- <Select v-model="areakoujing"--> |
| | |
| | | <!-- </div>--> |
| | | <div style="position: absolute;right: 12px;"> |
| | | <Poptip title="选择展示项" trigger="hover" class="assessCard" transfer placement="right"> |
| | | <div style="margin-left: 20px;height: 40px;line-height: 40px;border: 1px solid #dcdee2;padding: 0 10px;border-radius: 3px;">标签配置</div> |
| | | <div |
| | | style="margin-left: 20px;height: 40px;line-height: 40px;border: 1px solid #dcdee2;padding: 0 10px;border-radius: 3px;"> |
| | | 标签配置</div> |
| | | <div slot="content" style="width: 400px;"> |
| | | <CheckboxGroup v-model="checkShowList" @on-change="changeTitle"> |
| | | <Checkbox v-for="(item,index) in areaColumnsClone" :label="item.title" style="display: block" :disabled="index===goindex"></Checkbox> |
| | | <Checkbox v-for="(item, index) in areaColumnsClone" :label="item.title" style="display: block" |
| | | :disabled="index === goindex"></Checkbox> |
| | | </CheckboxGroup> |
| | | </div> |
| | | |
| | |
| | | <div class="cityZone"> |
| | | <Table border :columns="areaColumns" :data="areaTableList" :loading="loadingplatform" max-height="600"> |
| | | <template slot="action" slot-scope="params"> |
| | | <Tooltip content="加入对比" class="tableActionMargin" theme="light" transfer max-width="200" |
| | | placement="top"> |
| | | <Icon custom="custom custom-tianjia" size="18" |
| | | :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="addAreaclick(params.row)"/> |
| | | <Tooltip content="加入对比" class="tableActionMargin" theme="light" transfer max-width="200" placement="top"> |
| | | <Icon custom="custom custom-tianjia" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" |
| | | @click="addAreaclick(params.row)" /> |
| | | </Tooltip> |
| | | <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" |
| | | placement="top"> |
| | | <Icon custom="custom custom-chakan" size="18" |
| | | :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="checkAreaclick(params.row)"/> |
| | | <Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200" placement="top"> |
| | | <Icon custom="custom custom-chakan" size="18" :class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" |
| | | @click="checkAreaclick(params.row)" /> |
| | | </Tooltip> |
| | | </template> |
| | | </Table> |
| | | <div style="margin-top: 12px"> |
| | | <Page :current="pageIndex" |
| | | :total="TotalItems" |
| | | :page-size="50" |
| | | style="text-align: right" |
| | | @on-change="changePageIndex" |
| | | show-elevator |
| | | /> |
| | | <Page :current="pageIndex" :total="TotalItems" :page-size="50" style="text-align: right" |
| | | @on-change="changePageIndex" show-elevator /> |
| | | </div> |
| | | </div> |
| | | <div v-show="addModalShow" class="addModalwidth"> |
| | |
| | | </div> |
| | | </div> |
| | | <div v-show="hideGo"> |
| | | <span @click="showModal" style="cursor: pointer"> << </span> |
| | | <span @click="showModal" style="cursor: pointer"> |
| | | << </span> |
| | | </div> |
| | | </Card> |
| | | </div> |
| | |
| | | name: 'zoneAnalyse', |
| | | data () { |
| | | return { |
| | | props: { multiple: true, emitPath: true }, |
| | | checkBtn:true, |
| | | loadingplatform:false, |
| | | checkShowList:[], |
| | | areaQueryArr:[], |
| | | addModalShow:false, |
| | | areaCascaderValue:["全部"], |
| | | areaCascaderValue: ["全部",'111'], |
| | | defaultassetsmode:false, |
| | | pageIndex:1, |
| | | levelList:[], |
| | |
| | | this.getPlatform() |
| | | }, |
| | | getPlatform(){ |
| | | // console.log(this.areaCascaderValue); |
| | | let a; |
| | | let b; |
| | | let c; |
| | |
| | | value: "全部", |
| | | }) |
| | | this.areaList=area |
| | | console.log(this.areaList); |
| | | }else{ |
| | | this.areaList=[{ |
| | | label: "全部", |
| | |
| | | |
| | | }) |
| | | }, |
| | | btncontrol(){ |
| | | getareaCascaderValue(list){ |
| | | this.$nextTick(() => { |
| | | if (list === undefined || list === null || list === []) { |
| | | this.areaCascaderValue = ['全部'] |
| | | }else if(list.length===1&&list[0].label==='全部'){ |
| | | this.areaCascaderValue = ['全部'] |
| | | }else{ |
| | | for (let i = 0; i < list.length; i++) { |
| | | this.areaCascaderValue.push(list[i].label) |
| | | // console.log(this.areaCascaderValue[i]); |
| | | } |
| | | } |
| | | }); |
| | | console.log(this.areaCascaderValue); |
| | | |
| | | }, |
| | | btncontrol(e) { |
| | | // this.$nextTick(() => { |
| | | // this.areaCascaderValue = [] |
| | | // let list = this.$refs['cascader'].getCheckedNodes() |
| | | // this.getareaCascaderValue(list) |
| | | // // console.log(list); |
| | | // }); |
| | | |
| | | this.checkBtn=false |
| | | }, |
| | | btncontrollevel(row){ |
| | | console.log(row); |
| | | this.$nextTick(() => { |
| | | let a = [] |
| | | this.areaAdministration.forEach((val, index) => { |
| | |
| | | float: right; |
| | | margin-left: 5px; |
| | | } |
| | | |
| | | .xiangshang{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.5; |
| | | } |
| | | |
| | | .xiangxia{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.45; |
| | | } |
| | | |
| | | .xiangshang1{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.5; |
| | | } |
| | | |
| | | .xiangxia1{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.45; |
| | | } |
| | | |
| | | .xiangshang2{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.5; |
| | | } |
| | | |
| | | .xiangxia2{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.45; |
| | | } |
| | | |
| | | .xiangshang3{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.5; |
| | | } |
| | | |
| | | .xiangxia3{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.45; |
| | | } |
| | | |
| | | .xiangshang4{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.5; |
| | | } |
| | | |
| | | .xiangxia4{ |
| | | display: block; |
| | | cursor: pointer; |
| | | color: #575656; |
| | | line-height: 0.45; |
| | | } |
| | | |
| | | /*.addclassxiang{*/ |
| | | /* color: #4f8cf0;*/ |
| | | /*}*/ |
| | |
| | | line-height: 35px; |
| | | margin-bottom: 5px; |
| | | } |
| | | |
| | | .addModalwidth{ |
| | | width: 200px; |
| | | position: fixed; |
| | |
| | | top: 30%; |
| | | z-index: 4; |
| | | } |
| | | |
| | | .levelclass .ivu-tag-text{ |
| | | font-size: 14px; |
| | | } |