Merge remote-tracking branch 'origin/master'
# Conflicts:
# src/views/dashboard/Analysis.vue
| | |
| | | <template> |
| | | <div class="page-header-index-wide"> |
| | | <a-row :gutter="24"> |
| | | <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }"> |
| | | <chart-card :loading="loading" title="åçé" :total="cardCount.sll | NumberFormat"> |
| | | <a-tooltip title="ææ è¯´æ" slot="action"> |
| | | <a-col |
| | | :sm="24" |
| | | :md="12" |
| | | :xl="6" |
| | | :style="{ marginBottom: '24px' }" |
| | | > |
| | | <chart-card |
| | | :loading="loading" |
| | | title="åçé" |
| | | :total="cardCount.sll | NumberFormat" |
| | | > |
| | | <a-tooltip |
| | | title="ææ è¯´æ" |
| | | slot="action" |
| | | > |
| | | <a-icon type="info-circle-o" /> |
| | | </a-tooltip> |
| | | <div> |
| | |
| | | <template slot="footer">仿¥åçéï¼<span>{{ todaySll }}</span></template> |
| | | </chart-card> |
| | | </a-col> |
| | | <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }"> |
| | | <chart-card :loading="loading" title="åç»é" :total="cardCount.bjl | NumberFormat"> |
| | | <a-tooltip title="ææ è¯´æ" slot="action"> |
| | | <a-col |
| | | :sm="24" |
| | | :md="12" |
| | | :xl="6" |
| | | :style="{ marginBottom: '24px' }" |
| | | > |
| | | <chart-card |
| | | :loading="loading" |
| | | title="åç»é" |
| | | :total="cardCount.bjl | NumberFormat" |
| | | > |
| | | <a-tooltip |
| | | title="ææ è¯´æ" |
| | | slot="action" |
| | | > |
| | | <a-icon type="info-circle-o" /> |
| | | </a-tooltip> |
| | | <div> |
| | |
| | | <template slot="footer">仿¥åç»éï¼<span>{{ todayBjl }}</span></template> |
| | | </chart-card> |
| | | </a-col> |
| | | <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }"> |
| | | <chart-card :loading="loading" title="ç¨æ·åçé" :total="cardCount.isll | NumberFormat"> |
| | | <a-tooltip title="ææ è¯´æ" slot="action"> |
| | | <a-col |
| | | :sm="24" |
| | | :md="12" |
| | | :xl="6" |
| | | :style="{ marginBottom: '24px' }" |
| | | > |
| | | <chart-card |
| | | :loading="loading" |
| | | title="ç¨æ·åçé" |
| | | :total="cardCount.isll | NumberFormat" |
| | | > |
| | | <a-tooltip |
| | | title="ææ è¯´æ" |
| | | slot="action" |
| | | > |
| | | <a-icon type="info-circle-o" /> |
| | | </a-tooltip> |
| | | <div> |
| | | <mini-bar :datasource="chartData.isll" :height="50"/> |
| | | <mini-bar |
| | | :datasource="chartData.isll" |
| | | :height="50" |
| | | /> |
| | | </div> |
| | | <template slot="footer">ç¨æ·ä»æ¥åçéï¼<span>{{ todayISll }}</span></template> |
| | | </chart-card> |
| | | </a-col> |
| | | <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }"> |
| | | <chart-card :loading="loading" title="ç¨æ·åç»é" :total="cardCount.ibjl | NumberFormat"> |
| | | <a-tooltip title="ææ è¯´æ" slot="action"> |
| | | <a-col |
| | | :sm="24" |
| | | :md="12" |
| | | :xl="6" |
| | | :style="{ marginBottom: '24px' }" |
| | | > |
| | | <chart-card |
| | | :loading="loading" |
| | | title="ç¨æ·åç»é" |
| | | :total="cardCount.ibjl | NumberFormat" |
| | | > |
| | | <a-tooltip |
| | | title="ææ è¯´æ" |
| | | slot="action" |
| | | > |
| | | <a-icon type="info-circle-o" /> |
| | | </a-tooltip> |
| | | <div> |
| | | <mini-bar :datasource="chartData.ibjl" :height="50"/> |
| | | <mini-bar |
| | | :datasource="chartData.ibjl" |
| | | :height="50" |
| | | /> |
| | | </div> |
| | | <template slot="footer">ç¨æ·ä»æ¥åç»éï¼<span>{{ todayIBjl }}</span></template> |
| | | </chart-card> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | <a-card :loading="loading" :bordered="false" :body-style="{padding: '0'}"> |
| | | <a-card |
| | | :loading="loading" |
| | | :bordered="false" |
| | | :body-style="{padding: '0'}" |
| | | > |
| | | <div class="salesCard"> |
| | | <a-tabs default-active-key="1" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}"> |
| | | <div class="extra-wrapper" slot="tabBarExtraContent"> |
| | | <a-tabs |
| | | default-active-key="1" |
| | | size="large" |
| | | :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}" |
| | | > |
| | | <div |
| | | class="extra-wrapper" |
| | | slot="tabBarExtraContent" |
| | | > |
| | | <div class="extra-item"> |
| | | <a>仿¥</a> |
| | | <a>æ¬å¨</a> |
| | |
| | | <a-range-picker :style="{width: '256px'}" /> |
| | | </div> |
| | | |
| | | <a-tab-pane loading="true" tab="åçç管" key="1"> |
| | | <a-tab-pane |
| | | loading="true" |
| | | tab="åçç管" |
| | | key="1" |
| | | > |
| | | <a-row> |
| | | <a-col :xl="16" :lg="12" :md="12" :sm="24" :xs="24"> |
| | | <a-col |
| | | :xl="16" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | <index-bar title="åçéç»è®¡" /> |
| | | </a-col> |
| | | <a-col :xl="8" :lg="12" :md="12" :sm="24" :xs="24"> |
| | | <a-col |
| | | :xl="8" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | |
| | | <a-card title="å¿«éå¼å§ / 便æ·å¯¼èª" style="margin-bottom: 24px" :bordered="false" :body-style="{padding: 0}"> |
| | | <a-card |
| | | title="å¿«éå¼å§ / 便æ·å¯¼èª" |
| | | style="margin-bottom: 24px" |
| | | :bordered="false" |
| | | :body-style="{padding: 0}" |
| | | > |
| | | <div class="item-group"> |
| | | <a-row> |
| | | <a-col :class="'more-btn'" :span="12" v-for="(item,index) in registerTypeList" :key=" 'registerType'+index "> |
| | | <a-button @click="goPage(index)" style="margin-bottom:10px" size="small" type="primary" ghost>{{ item.text }}</a-button> |
| | | <a-col |
| | | :class="'more-btn'" |
| | | :span="12" |
| | | v-for="(item,index) in registerTypeList" |
| | | :key=" 'registerType'+index " |
| | | > |
| | | <a-button |
| | | @click="goPage(index)" |
| | | style="margin-bottom:10px" |
| | | size="small" |
| | | type="primary" |
| | | ghost |
| | | >{{ item.text }}</a-button> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | |
| | | </a-row> |
| | | </a-tab-pane> |
| | | |
| | | <a-tab-pane tab="交äºç管" key="2"> |
| | | <a-tab-pane |
| | | tab="交äºç管" |
| | | key="2" |
| | | > |
| | | <a-row> |
| | | <a-col :xl="16" :lg="12" :md="12" :sm="24" :xs="24"> |
| | | <bar-multid :sourceData="jhjgData" :fields="jhjgFields" title="å¹³å°ä¸é¨é¨äº¤äºéç»è®¡"></bar-multid> |
| | | <a-col |
| | | :xl="16" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | <bar-multid |
| | | :sourceData="jhjgData" |
| | | :fields="jhjgFields" |
| | | title="å¹³å°ä¸é¨é¨äº¤äºéç»è®¡" |
| | | ></bar-multid> |
| | | </a-col> |
| | | <a-col :xl="8" :lg="12" :md="12" :sm="24" :xs="24"> |
| | | <a-col |
| | | :xl="8" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | |
| | | <a-card title="å¿«éå¼å§ / 便æ·å¯¼èª" style="margin-bottom: 24px" :bordered="false" :body-style="{padding: 0}"> |
| | | <a-card |
| | | title="å¿«éå¼å§ / 便æ·å¯¼èª" |
| | | style="margin-bottom: 24px" |
| | | :bordered="false" |
| | | :body-style="{padding: 0}" |
| | | > |
| | | <div class="item-group"> |
| | | <a-row> |
| | | <a-col :class="'more-btn'" :span="12" v-for="(item,index) in registerTypeList" :key=" 'registerType'+index "> |
| | | <a-button @click="goPage(index)" style="margin-bottom:10px" size="small" type="primary" ghost>{{ item.text }}</a-button> |
| | | <a-col |
| | | :class="'more-btn'" |
| | | :span="12" |
| | | v-for="(item,index) in registerTypeList" |
| | | :key=" 'registerType'+index " |
| | | > |
| | | <a-button |
| | | @click="goPage(index)" |
| | | style="margin-bottom:10px" |
| | | size="small" |
| | | type="primary" |
| | | ghost |
| | | >{{ item.text }}</a-button> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | |
| | | </a-row> |
| | | </a-tab-pane> |
| | | |
| | | <a-tab-pane tab="åå¨ç管" key="4"> |
| | | <a-tab-pane |
| | | tab="åå¨ç管" |
| | | key="4" |
| | | > |
| | | <a-row> |
| | | <a-col :xl="16" :lg="12" :md="12" :sm="24" :xs="24"> |
| | | <a-col |
| | | :xl="16" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | <a-row> |
| | | <template v-if="diskInfo && diskInfo.length>0"> |
| | | <a-col :span="12" v-for="(item,index) in diskInfo" :key=" 'diskInfo'+index "> |
| | | <dash-chart-demo :title="item.name" :datasource="item.restPPT"></dash-chart-demo> |
| | | <a-col |
| | | :span="12" |
| | | v-for="(item,index) in diskInfo" |
| | | :key=" 'diskInfo'+index " |
| | | > |
| | | <dash-chart-demo |
| | | :title="item.name" |
| | | :datasource="item.restPPT" |
| | | ></dash-chart-demo> |
| | | </a-col> |
| | | </template> |
| | | </a-row> |
| | | </a-col> |
| | | |
| | | <a-col :xl="8" :lg="12" :md="12" :sm="24" :xs="24"> |
| | | <a-col |
| | | :xl="8" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | |
| | | <a-card title="å¿«éå¼å§ / 便æ·å¯¼èª" style="margin-bottom: 24px" :bordered="false" :body-style="{padding: 0}"> |
| | | <a-card |
| | | title="å¿«éå¼å§ / 便æ·å¯¼èª" |
| | | style="margin-bottom: 24px" |
| | | :bordered="false" |
| | | :body-style="{padding: 0}" |
| | | > |
| | | <div class="item-group"> |
| | | <a-row> |
| | | <a-col :class="'more-btn'" :span="10" v-for="(item,index) in registerTypeList" :key=" 'registerType'+index "> |
| | | <a-button @click="goPage(index)" style="margin-bottom:10px" size="small" type="primary" ghost>{{ item.text }}</a-button> |
| | | <a-col |
| | | :class="'more-btn'" |
| | | :span="10" |
| | | v-for="(item,index) in registerTypeList" |
| | | :key=" 'registerType'+index " |
| | | > |
| | | <a-button |
| | | @click="goPage(index)" |
| | | style="margin-bottom:10px" |
| | | size="small" |
| | | type="primary" |
| | | ghost |
| | | >{{ item.text }}</a-button> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | |
| | | </a-card> |
| | | |
| | | <a-row :gutter="12"> |
| | | <a-card :loading="loading" :class="{ 'anty-list-cust':true }" :bordered="false" :style="{ marginTop: '24px' }"> |
| | | <a-card |
| | | :loading="loading" |
| | | :class="{ 'anty-list-cust':true }" |
| | | :bordered="false" |
| | | :style="{ marginTop: '24px' }" |
| | | > |
| | | |
| | | <a-tabs v-model="indexBottomTab" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}"> |
| | | <div class="extra-wrapper" slot="tabBarExtraContent"> |
| | | <a-radio-group v-model="indexRegisterType" @change="changeRegisterType"> |
| | | <a-tabs |
| | | v-model="indexBottomTab" |
| | | size="large" |
| | | :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}" |
| | | > |
| | | <div |
| | | class="extra-wrapper" |
| | | slot="tabBarExtraContent" |
| | | > |
| | | <a-radio-group |
| | | v-model="indexRegisterType" |
| | | @change="changeRegisterType" |
| | | > |
| | | <a-radio-button value="转移ç»è®°">转移ç»è®°</a-radio-button> |
| | | <a-radio-button value="æµæ¼ç»è®°">æµæ¼ç»è®°</a-radio-button> |
| | | <a-radio-button value="">ææ</a-radio-button> |
| | | </a-radio-group> |
| | | </div> |
| | | |
| | | <a-tab-pane loading="true" tab="ä¸å¡æµç¨éæ¶ç管" key="1"> |
| | | <a-tab-pane |
| | | loading="true" |
| | | tab="ä¸å¡æµç¨éæ¶ç管" |
| | | key="1" |
| | | > |
| | | |
| | | <a-table :dataSource="dataSource1" size="default" rowKey="id" :columns="columns" :pagination="ipagination1" @change="tableChange1"> |
| | | <template slot="flowRate" slot-scope="text, record, index"> |
| | | <a-progress :strokeColor="getPercentColor(record.flowRate)" :format="getPercentFormat" :percent="getFlowRateNumber(record.flowRate)" style="width:80px" /> |
| | | <a-table |
| | | :dataSource="dataSource1" |
| | | size="default" |
| | | rowKey="id" |
| | | :columns="columns" |
| | | :pagination="ipagination1" |
| | | @change="tableChange1" |
| | | > |
| | | <template |
| | | slot="flowRate" |
| | | slot-scope="text, record, index" |
| | | > |
| | | <a-progress |
| | | :strokeColor="getPercentColor(record.flowRate)" |
| | | :format="getPercentFormat" |
| | | :percent="getFlowRateNumber(record.flowRate)" |
| | | style="width:80px" |
| | | /> |
| | | </template> |
| | | </a-table> |
| | | </a-tab-pane> |
| | | |
| | | <a-tab-pane loading="true" tab="ä¸å¡èç¹éæ¶ç管" key="2"> |
| | | <a-table :dataSource="dataSource2" size="default" rowKey="id" :columns="columns2" :pagination="ipagination2" @change="tableChange2"> |
| | | <template slot="flowRate" slot-scope="text, record, index"> |
| | | <a-tab-pane |
| | | loading="true" |
| | | tab="ä¸å¡èç¹éæ¶ç管" |
| | | key="2" |
| | | > |
| | | <a-table |
| | | :dataSource="dataSource2" |
| | | size="default" |
| | | rowKey="id" |
| | | :columns="columns2" |
| | | :pagination="ipagination2" |
| | | @change="tableChange2" |
| | | > |
| | | <template |
| | | slot="flowRate" |
| | | slot-scope="text, record, index" |
| | | > |
| | | <span style="color: red;">{{ record.flowRate }}å°æ¶</span> |
| | | </template> |
| | | </a-table> |
| | | </a-tab-pane> |
| | | |
| | | </a-tabs> |
| | | |
| | | |
| | | </a-card> |
| | | </a-row> |
| | |
| | | } |
| | | |
| | | .list-content-item { |
| | | color: rgba(0, 0, 0, .45); |
| | | color: rgba(0, 0, 0, 0.45); |
| | | display: inline-block; |
| | | vertical-align: middle; |
| | | font-size: 14px; |
| | |
| | | margin-left:20px; |
| | | } |
| | | .width-hidden4{ |
| | | display:none |
| | | display: none; |
| | | } |
| | | } |
| | | .list-content-item{ |
| | | span{line-height: 20px;} |
| | | span { |
| | | line-height: 20px; |
| | | } |
| | | } |
| | | .list-content-item{ |
| | | p{margin-top: 4px;margin-bottom:0;line-height:22px;} |
| | | p { |
| | | margin-top: 4px; |
| | | margin-bottom: 0; |
| | | line-height: 22px; |
| | | } |
| | | } |
| | | .anty-list-cust { |
| | | .ant-list-item-meta{flex: 0.3 !important;} |
| | | .ant-list-item-meta { |
| | | flex: 0.3 !important; |
| | | } |
| | | } |
| | | .anty-list-cust { |
| | | .ant-list-item-content{flex:1 !important; justify-content:flex-start !important;margin-left: 20px;} |
| | | .ant-list-item-content { |
| | | flex: 1 !important; |
| | | justify-content: flex-start !important; |
| | | margin-left: 20px; |
| | | } |
| | | |
| | | |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <div class="page-header-index-wide"> |
| | | <!--<a-row :gutter="24">--> |
| | | <!--<a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">--> |
| | | <!--<chart-card :loading="loading" title="æ»éå®é¢" total="ï¿¥126,560">--> |
| | | <!--<a-tooltip title="ææ è¯´æ" slot="action">--> |
| | | <!--<a-icon type="info-circle-o" />--> |
| | | <!--</a-tooltip>--> |
| | | <!--<div>--> |
| | | <!--<trend flag="up" style="margin-right: 16px;">--> |
| | | <!--<span slot="term">å¨åæ¯</span>--> |
| | | <!--12%--> |
| | | <!--</trend>--> |
| | | <!--<trend flag="down">--> |
| | | <!--<span slot="term">æ¥åæ¯</span>--> |
| | | <!--11%--> |
| | | <!--</trend>--> |
| | | <!--</div>--> |
| | | <!--<template slot="footer">æ¥åéå®é¢<span>ï¿¥ 234.56</span></template>--> |
| | | <!--</chart-card>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">--> |
| | | <!--<chart-card :loading="loading" title="订åé" :total="8846 | NumberFormat">--> |
| | | <!--<a-tooltip title="ææ è¯´æ" slot="action">--> |
| | | <!--<a-icon type="info-circle-o" />--> |
| | | <!--</a-tooltip>--> |
| | | <!--<div>--> |
| | | <!--<mini-area />--> |
| | | <!--</div>--> |
| | | <!--<template slot="footer">æ¥è®¢åé<span> {{ '1234' | NumberFormat }}</span></template>--> |
| | | <!--</chart-card>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">--> |
| | | <!--<chart-card :loading="loading" title="æ¯ä»ç¬æ°" :total="6560 | NumberFormat">--> |
| | | <!--<a-tooltip title="ææ è¯´æ" slot="action">--> |
| | | <!--<a-icon type="info-circle-o" />--> |
| | | <!--</a-tooltip>--> |
| | | <!--<div>--> |
| | | <!--<mini-bar :height="40" />--> |
| | | <!--</div>--> |
| | | <!--<template slot="footer">转åç <span>60%</span></template>--> |
| | | <!--</chart-card>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">--> |
| | | <!--<chart-card :loading="loading" title="è¿è¥æ´»å¨ææ" total="78%">--> |
| | | <!--<a-tooltip title="ææ è¯´æ" slot="action">--> |
| | | <!--<a-icon type="info-circle-o" />--> |
| | | <!--</a-tooltip>--> |
| | | <!--<div>--> |
| | | <!--<mini-progress color="rgb(19, 194, 194)" :target="80" :percentage="78" :height="8" />--> |
| | | <!--</div>--> |
| | | <!--<template slot="footer">--> |
| | | <!--<trend flag="down" style="margin-right: 16px;">--> |
| | | <!--<span slot="term">å卿¯</span>--> |
| | | <!--12%--> |
| | | <!--</trend>--> |
| | | <!--<trend flag="up">--> |
| | | <!--<span slot="term">æ¥ç¯æ¯</span>--> |
| | | <!--80%--> |
| | | <!--</trend>--> |
| | | <!--</template>--> |
| | | <!--</chart-card>--> |
| | | <!--</a-col>--> |
| | | <!--</a-row>--> |
| | | <a-row :gutter="24"> |
| | | <a-col |
| | | :sm="24" |
| | | :md="12" |
| | | :xl="6" |
| | | :style="{ marginBottom: '24px' }" |
| | | > |
| | | <chart-card |
| | | :loading="loading" |
| | | title="æ»éå®é¢" |
| | | total="ï¿¥126,560" |
| | | > |
| | | <a-tooltip |
| | | title="ææ è¯´æ" |
| | | slot="action" |
| | | > |
| | | <a-icon type="info-circle-o" /> |
| | | </a-tooltip> |
| | | <div> |
| | | <trend |
| | | flag="up" |
| | | style="margin-right: 16px;" |
| | | > |
| | | <span slot="term">å¨åæ¯</span> |
| | | 12% |
| | | </trend> |
| | | <trend flag="down"> |
| | | <span slot="term">æ¥åæ¯</span> |
| | | 11% |
| | | </trend> |
| | | </div> |
| | | <template slot="footer">æ¥åéå®é¢<span>ï¿¥ 234.56</span></template> |
| | | </chart-card> |
| | | </a-col> |
| | | <a-col |
| | | :sm="24" |
| | | :md="12" |
| | | :xl="6" |
| | | :style="{ marginBottom: '24px' }" |
| | | > |
| | | <chart-card |
| | | :loading="loading" |
| | | title="订åé" |
| | | :total="8846 | NumberFormat" |
| | | > |
| | | <a-tooltip |
| | | title="ææ è¯´æ" |
| | | slot="action" |
| | | > |
| | | <a-icon type="info-circle-o" /> |
| | | </a-tooltip> |
| | | <div> |
| | | <mini-area /> |
| | | </div> |
| | | <template slot="footer">æ¥è®¢åé<span> {{ '1234' | NumberFormat }}</span></template> |
| | | </chart-card> |
| | | </a-col> |
| | | <a-col |
| | | :sm="24" |
| | | :md="12" |
| | | :xl="6" |
| | | :style="{ marginBottom: '24px' }" |
| | | > |
| | | <chart-card |
| | | :loading="loading" |
| | | title="æ¯ä»ç¬æ°" |
| | | :total="6560 | NumberFormat" |
| | | > |
| | | <a-tooltip |
| | | title="ææ è¯´æ" |
| | | slot="action" |
| | | > |
| | | <a-icon type="info-circle-o" /> |
| | | </a-tooltip> |
| | | <div> |
| | | <mini-bar :height="40" /> |
| | | </div> |
| | | <template slot="footer">转åç <span>60%</span></template> |
| | | </chart-card> |
| | | </a-col> |
| | | <a-col |
| | | :sm="24" |
| | | :md="12" |
| | | :xl="6" |
| | | :style="{ marginBottom: '24px' }" |
| | | > |
| | | <chart-card |
| | | :loading="loading" |
| | | title="è¿è¥æ´»å¨ææ" |
| | | total="78%" |
| | | > |
| | | <a-tooltip |
| | | title="ææ è¯´æ" |
| | | slot="action" |
| | | > |
| | | <a-icon type="info-circle-o" /> |
| | | </a-tooltip> |
| | | <div> |
| | | <mini-progress |
| | | color="rgb(19, 194, 194)" |
| | | :target="80" |
| | | :percentage="78" |
| | | :height="8" |
| | | /> |
| | | </div> |
| | | <template slot="footer"> |
| | | <trend |
| | | flag="down" |
| | | style="margin-right: 16px;" |
| | | > |
| | | <span slot="term">å卿¯</span> |
| | | 12% |
| | | </trend> |
| | | <trend flag="up"> |
| | | <span slot="term">æ¥ç¯æ¯</span> |
| | | 80% |
| | | </trend> |
| | | </template> |
| | | </chart-card> |
| | | </a-col> |
| | | </a-row> |
| | | |
| | | <!--<a-card :loading="loading" :bordered="false" :body-style="{padding: '0'}">--> |
| | | <!--<div class="salesCard">--> |
| | | <!--<a-tabs default-active-key="1" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}">--> |
| | | <!--<div class="extra-wrapper" slot="tabBarExtraContent">--> |
| | | <!--<div class="extra-item">--> |
| | | <!--<a>仿¥</a>--> |
| | | <!--<a>æ¬å¨</a>--> |
| | | <!--<a>æ¬æ</a>--> |
| | | <!--<a>æ¬å¹´</a>--> |
| | | <!--</div>--> |
| | | <!--<a-range-picker :style="{width: '256px'}" />--> |
| | | <!--</div>--> |
| | | <!--<a-tab-pane loading="true" tab="éå®é¢" key="1">--> |
| | | <!--<a-row>--> |
| | | <!--<a-col :xl="16" :lg="12" :md="12" :sm="24" :xs="24">--> |
| | | <!--<bar title="éå®é¢æè¡" :dataSource="barData"/>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :xl="8" :lg="12" :md="12" :sm="24" :xs="24">--> |
| | | <!--<rank-list title="é¨åºéå®æè¡æ¦" :list="rankList"/>--> |
| | | <!--</a-col>--> |
| | | <!--</a-row>--> |
| | | <!--</a-tab-pane>--> |
| | | <!--<a-tab-pane tab="éå®è¶å¿" key="2">--> |
| | | <!--<a-row>--> |
| | | <!--<a-col :xl="16" :lg="12" :md="12" :sm="24" :xs="24">--> |
| | | <!--<bar title="éå®é¢è¶å¿" :dataSource="barData"/>--> |
| | | <!--</a-col>--> |
| | | <!--<a-col :xl="8" :lg="12" :md="12" :sm="24" :xs="24">--> |
| | | <!--<rank-list title="é¨åºéå®æè¡æ¦" :list="rankList"/>--> |
| | | <!--</a-col>--> |
| | | <!--</a-row>--> |
| | | <!--</a-tab-pane>--> |
| | | <!--</a-tabs>--> |
| | | <!--</div>--> |
| | | <!--</a-card>--> |
| | | <a-card |
| | | :loading="loading" |
| | | :bordered="false" |
| | | :body-style="{padding: '0'}" |
| | | > |
| | | <div class="salesCard"> |
| | | <a-tabs |
| | | default-active-key="1" |
| | | size="large" |
| | | :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}" |
| | | > |
| | | <div |
| | | class="extra-wrapper" |
| | | slot="tabBarExtraContent" |
| | | > |
| | | <div class="extra-item"> |
| | | <a>仿¥</a> |
| | | <a>æ¬å¨</a> |
| | | <a>æ¬æ</a> |
| | | <a>æ¬å¹´</a> |
| | | </div> |
| | | <a-range-picker :style="{width: '256px'}" /> |
| | | </div> |
| | | <a-tab-pane |
| | | loading="true" |
| | | tab="éå®é¢" |
| | | key="1" |
| | | > |
| | | <a-row> |
| | | <a-col |
| | | :xl="16" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | <bar |
| | | title="éå®é¢æè¡" |
| | | :dataSource="barData" |
| | | /> |
| | | </a-col> |
| | | <a-col |
| | | :xl="8" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | <rank-list |
| | | title="é¨åºéå®æè¡æ¦" |
| | | :list="rankList" |
| | | /> |
| | | </a-col> |
| | | </a-row> |
| | | </a-tab-pane> |
| | | <a-tab-pane |
| | | tab="éå®è¶å¿" |
| | | key="2" |
| | | > |
| | | <a-row> |
| | | <a-col |
| | | :xl="16" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | <bar |
| | | title="éå®é¢è¶å¿" |
| | | :dataSource="barData" |
| | | /> |
| | | </a-col> |
| | | <a-col |
| | | :xl="8" |
| | | :lg="12" |
| | | :md="12" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | <rank-list |
| | | title="é¨åºéå®æè¡æ¦" |
| | | :list="rankList" |
| | | /> |
| | | </a-col> |
| | | </a-row> |
| | | </a-tab-pane> |
| | | </a-tabs> |
| | | </div> |
| | | </a-card> |
| | | |
| | | <a-row> |
| | | <a-col :span="24"> |
| | | <a-card :loading="loading" :bordered="false" title="æè¿ä¸å¨è®¿é®éç»è®¡" :style="{ marginTop: '24px' }"> |
| | | <a-card |
| | | :loading="loading" |
| | | :bordered="false" |
| | | title="æè¿ä¸å¨è®¿é®éç»è®¡" |
| | | :style="{ marginTop: '24px' }" |
| | | > |
| | | <a-row> |
| | | <a-col :span="6"> |
| | | <head-info title="仿¥IP" :content="loginfo.todayIp"></head-info> |
| | | <head-info |
| | | title="仿¥IP" |
| | | :content="loginfo.todayIp" |
| | | ></head-info> |
| | | </a-col> |
| | | <a-col :span="2"> |
| | | <a-spin class='circle-cust'> |
| | | <a-icon slot="indicator" type="environment" style="font-size: 24px" /> |
| | | <a-icon |
| | | slot="indicator" |
| | | type="environment" |
| | | style="font-size: 24px" |
| | | /> |
| | | </a-spin> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <head-info title="仿¥è®¿é®" :content="loginfo.todayVisitCount"></head-info> |
| | | <head-info |
| | | title="仿¥è®¿é®" |
| | | :content="loginfo.todayVisitCount" |
| | | ></head-info> |
| | | </a-col> |
| | | <a-col :span="2"> |
| | | <a-spin class='circle-cust'> |
| | | <a-icon slot="indicator" type="team" style="font-size: 24px" /> |
| | | <a-icon |
| | | slot="indicator" |
| | | type="team" |
| | | style="font-size: 24px" |
| | | /> |
| | | </a-spin> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <head-info title="æ»è®¿é®é" :content="loginfo.totalVisitCount"></head-info> |
| | | <head-info |
| | | title="æ»è®¿é®é" |
| | | :content="loginfo.totalVisitCount" |
| | | ></head-info> |
| | | </a-col> |
| | | <a-col :span="2"> |
| | | <a-spin class='circle-cust'> |
| | | <a-icon slot="indicator" type="rise" style="font-size: 24px" /> |
| | | <a-icon |
| | | slot="indicator" |
| | | type="rise" |
| | | style="font-size: 24px" |
| | | /> |
| | | </a-spin> |
| | | </a-col> |
| | | </a-row> |
| | | <line-chart-multid :fields="visitFields" :dataSource="visitInfo"></line-chart-multid> |
| | | <line-chart-multid |
| | | :fields="visitFields" |
| | | :dataSource="visitInfo" |
| | | ></line-chart-multid> |
| | | </a-card> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | } |
| | | |
| | | span { |
| | | color: rgba(0, 0, 0, .45); |
| | | color: rgba(0, 0, 0, 0.45); |
| | | display: inline-block; |
| | | font-size: .95rem; |
| | | font-size: 0.95rem; |
| | | line-height: 42px; |
| | | margin-bottom: 4px; |
| | | } |
| | |
| | | <template> |
| | | <div class="index-container-ty"> |
| | | <a-spin :spinning="loading"> |
| | | <a-row type="flex" justify="start" :gutter="3"> |
| | | <a-col :sm="24" :lg="12"> |
| | | <a-row |
| | | type="flex" |
| | | justify="start" |
| | | :gutter="3" |
| | | > |
| | | <a-col |
| | | :sm="24" |
| | | :lg="12" |
| | | > |
| | | <a-card> |
| | | <div slot="title" class="index-md-title"> |
| | | <div |
| | | slot="title" |
| | | class="index-md-title" |
| | | > |
| | | <img src="../../assets/daiban.png"/> |
| | | æçå¾
åã{{ dataSource1.length }}ã |
| | | </div> |
| | | <div slot="extra"> |
| | | <a v-if="dataSource1 && dataSource1.length>0" slot="footer" @click="goPage">æ´å¤ <a-icon type="double-right" /></a> |
| | | <a |
| | | v-if="dataSource1 && dataSource1.length>0" |
| | | slot="footer" |
| | | @click="goPage" |
| | | >æ´å¤ <a-icon type="double-right" /></a> |
| | | </div> |
| | | <a-table |
| | | :class="'my-index-table tytable1'" |
| | |
| | | rowKey="id" |
| | | :columns="columns" |
| | | :dataSource="dataSource1" |
| | | :pagination="false"> |
| | | <template slot="ellipsisText" slot-scope="text"> |
| | | <j-ellipsis :value="text" :length="textMaxLength"></j-ellipsis> |
| | | :pagination="false" |
| | | > |
| | | <template |
| | | slot="ellipsisText" |
| | | slot-scope="text" |
| | | > |
| | | <j-ellipsis |
| | | :value="text" |
| | | :length="textMaxLength" |
| | | ></j-ellipsis> |
| | | </template> |
| | | |
| | | <template slot="dayWarnning" slot-scope="text,record"> |
| | | <a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/> |
| | | <template |
| | | slot="dayWarnning" |
| | | slot-scope="text,record" |
| | | > |
| | | <a-icon |
| | | type="bulb" |
| | | theme="twoTone" |
| | | style="font-size:22px" |
| | | :twoToneColor="getTipColor(record)" |
| | | /> |
| | | </template> |
| | | |
| | | <span slot="action" slot-scope="text, record"> |
| | | <span |
| | | slot="action" |
| | | slot-scope="text, record" |
| | | > |
| | | <a @click="handleData">åç</a> |
| | | </span> |
| | | |
| | |
| | | </a-card> |
| | | </a-col> |
| | | |
| | | <a-col :sm="24" :lg="12"> |
| | | <a-col |
| | | :sm="24" |
| | | :lg="12" |
| | | > |
| | | <a-card> |
| | | <div slot="title" class="index-md-title"> |
| | | <div |
| | | slot="title" |
| | | class="index-md-title" |
| | | > |
| | | <img src="../../assets/zaiban.png"/> |
| | | æçå¨åã{{ dataSource2.length }}ã |
| | | </div> |
| | | <div slot="extra"> |
| | | <a v-if="dataSource2 && dataSource2.length>0" slot="footer" @click="goPage">æ´å¤ <a-icon type="double-right" /></a> |
| | | <a |
| | | v-if="dataSource2 && dataSource2.length>0" |
| | | slot="footer" |
| | | @click="goPage" |
| | | >æ´å¤ <a-icon type="double-right" /></a> |
| | | </div> |
| | | <a-table |
| | | :class="'my-index-table tytable2'" |
| | |
| | | rowKey="id" |
| | | :columns="columns" |
| | | :dataSource="dataSource2" |
| | | :pagination="false"> |
| | | <template slot="ellipsisText" slot-scope="text"> |
| | | <j-ellipsis :value="text" :length="textMaxLength"></j-ellipsis> |
| | | :pagination="false" |
| | | > |
| | | <template |
| | | slot="ellipsisText" |
| | | slot-scope="text" |
| | | > |
| | | <j-ellipsis |
| | | :value="text" |
| | | :length="textMaxLength" |
| | | ></j-ellipsis> |
| | | </template> |
| | | |
| | | <template slot="dayWarnning" slot-scope="text,record"> |
| | | <a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/> |
| | | <template |
| | | slot="dayWarnning" |
| | | slot-scope="text,record" |
| | | > |
| | | <a-icon |
| | | type="bulb" |
| | | theme="twoTone" |
| | | style="font-size:22px" |
| | | :twoToneColor="getTipColor(record)" |
| | | /> |
| | | </template> |
| | | |
| | | <span slot="action" slot-scope="text, record"> |
| | | <span |
| | | slot="action" |
| | | slot-scope="text, record" |
| | | > |
| | | <a @click="handleData">åç</a> |
| | | </span> |
| | | |
| | |
| | | <div style="height: 5px;"></div> |
| | | </a-col> |
| | | |
| | | <a-col :sm="24" :lg="12"> |
| | | <a-col |
| | | :sm="24" |
| | | :lg="12" |
| | | > |
| | | <a-card> |
| | | <div slot="title" class="index-md-title"> |
| | | <div |
| | | slot="title" |
| | | class="index-md-title" |
| | | > |
| | | <img src="../../assets/guaz.png"/> |
| | | æçæè´¦ã{{ dataSource4.length }}ã |
| | | </div> |
| | |
| | | rowKey="id" |
| | | :columns="columns" |
| | | :dataSource="dataSource4" |
| | | :pagination="false"> |
| | | <template slot="ellipsisText" slot-scope="text"> |
| | | <j-ellipsis :value="text" :length="textMaxLength"></j-ellipsis> |
| | | :pagination="false" |
| | | > |
| | | <template |
| | | slot="ellipsisText" |
| | | slot-scope="text" |
| | | > |
| | | <j-ellipsis |
| | | :value="text" |
| | | :length="textMaxLength" |
| | | ></j-ellipsis> |
| | | </template> |
| | | |
| | | <template slot="dayWarnning" slot-scope="text,record"> |
| | | <a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/> |
| | | <template |
| | | slot="dayWarnning" |
| | | slot-scope="text,record" |
| | | > |
| | | <a-icon |
| | | type="bulb" |
| | | theme="twoTone" |
| | | style="font-size:22px" |
| | | :twoToneColor="getTipColor(record)" |
| | | /> |
| | | </template> |
| | | |
| | | <span slot="action" slot-scope="text, record"> |
| | | <span |
| | | slot="action" |
| | | slot-scope="text, record" |
| | | > |
| | | <a @click="handleData">åç</a> |
| | | </span> |
| | | |
| | |
| | | </a-card> |
| | | </a-col> |
| | | |
| | | <a-col :sm="24" :lg="12"> |
| | | <a-col |
| | | :sm="24" |
| | | :lg="12" |
| | | > |
| | | <a-card> |
| | | <div slot="title" class="index-md-title"> |
| | | <div |
| | | slot="title" |
| | | class="index-md-title" |
| | | > |
| | | <img src="../../assets/duban.png"/> |
| | | æçç£åã{{ dataSource3.length }}ã |
| | | </div> |
| | |
| | | rowKey="id" |
| | | :columns="columns" |
| | | :dataSource="dataSource3" |
| | | :pagination="false"> |
| | | <template slot="ellipsisText" slot-scope="text"> |
| | | <j-ellipsis :value="text" :length="textMaxLength"></j-ellipsis> |
| | | :pagination="false" |
| | | > |
| | | <template |
| | | slot="ellipsisText" |
| | | slot-scope="text" |
| | | > |
| | | <j-ellipsis |
| | | :value="text" |
| | | :length="textMaxLength" |
| | | ></j-ellipsis> |
| | | </template> |
| | | |
| | | <template slot="dayWarnning" slot-scope="text,record"> |
| | | <a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/> |
| | | <template |
| | | slot="dayWarnning" |
| | | slot-scope="text,record" |
| | | > |
| | | <a-icon |
| | | type="bulb" |
| | | theme="twoTone" |
| | | style="font-size:22px" |
| | | :twoToneColor="getTipColor(record)" |
| | | /> |
| | | </template> |
| | | |
| | | <span slot="action" slot-scope="text, record"> |
| | | <span |
| | | slot="action" |
| | | slot-scope="text, record" |
| | | > |
| | | <a @click="handleData">åç</a> |
| | | </span> |
| | | |
| | |
| | | </script> |
| | | |
| | | <style> |
| | | .my-index-table{height:270px} |
| | | .my-index-table table{font-size: 14px !important;} |
| | | .my-index-table { |
| | | height: 270px; |
| | | } |
| | | .my-index-table table { |
| | | font-size: 14px !important; |
| | | } |
| | | |
| | | .index-container-ty .ant-card-head-title{padding-top: 6px;padding-bottom: 6px;} |
| | | .index-container-ty .ant-card-extra{padding:0} |
| | | .index-container-ty .ant-card-extra a{color:#fff} |
| | | .index-container-ty .ant-card-extra a:hover{color:#152ede} |
| | | .index-container-ty .ant-card-head-wrapper,.index-container-ty .ant-card-head{ |
| | | .index-container-ty .ant-card-head-title { |
| | | padding-top: 6px; |
| | | padding-bottom: 6px; |
| | | } |
| | | .index-container-ty .ant-card-extra { |
| | | padding: 0; |
| | | } |
| | | .index-container-ty .ant-card-extra a { |
| | | color: #fff; |
| | | } |
| | | .index-container-ty .ant-card-extra a:hover { |
| | | color: #152ede; |
| | | } |
| | | .index-container-ty .ant-card-head-wrapper, |
| | | .index-container-ty .ant-card-head { |
| | | line-height:24px; |
| | | min-height:24px; |
| | | /*background: #90aeff;*/ |
| | | background: #7196fb; |
| | | } |
| | | .index-container-ty .ant-card-body{padding: 10px 12px 0px 12px} |
| | | .index-container-ty .ant-card-body { |
| | | padding: 10px 12px 0px 12px; |
| | | } |
| | | |
| | | /* .index-container-ty .ant-card-actions{background: #fff} |
| | | .index-container-ty .ant-card-actions li {margin:2px 0;} |
| | | .index-container-ty .ant-card-actions > li > span{width: 100%}*/ |
| | | |
| | | |
| | | .index-container-ty .ant-table-footer{text-align: right;padding:6px 12px 6px 6px;background: #fff;border-top: 2px solid #f7f1f1;} |
| | | .index-container-ty .ant-table-footer { |
| | | text-align: right; |
| | | padding: 6px 12px 6px 6px; |
| | | background: #fff; |
| | | border-top: 2px solid #f7f1f1; |
| | | } |
| | | |
| | | .index-md-title{ |
| | | postion:relative; |
| | |
| | | border-bottom:1px solid #90aeff;*/ |
| | | } |
| | | |
| | | |
| | | .index-container-ty .ant-table-thead > tr > th, |
| | | .index-container-ty .ant-table-tbody > tr > td{ |
| | | border-bottom: 1px solid #90aeff; |
| | | } |
| | | |
| | | .index-container-ty .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, |
| | | .index-container-ty .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th{ |
| | | .index-container-ty |
| | | .ant-table-small |
| | | > .ant-table-content |
| | | > .ant-table-fixed-left |
| | | > .ant-table-body-outer |
| | | > .ant-table-body-inner |
| | | > table |
| | | > .ant-table-thead |
| | | > tr |
| | | > th, |
| | | .index-container-ty |
| | | .ant-table-small |
| | | > .ant-table-content |
| | | > .ant-table-fixed-right |
| | | > .ant-table-body-outer |
| | | > .ant-table-body-inner |
| | | > table |
| | | > .ant-table-thead |
| | | > tr |
| | | > th { |
| | | border-bottom: 1px solid #90aeff; |
| | | } |
| | | |
| | | .index-container-ty .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th{ |
| | | .index-container-ty |
| | | .ant-table-small |
| | | > .ant-table-content |
| | | > .ant-table-scroll |
| | | > .ant-table-body |
| | | > table |
| | | > .ant-table-thead |
| | | > tr |
| | | > th { |
| | | border-bottom: 1px solid #90aeff; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .index-container-ty .ant-table-placeholder { |
| | | padding: 0 |
| | | padding: 0; |
| | | } |
| | | </style> |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |
| | |
| | | <div slot="extra"> |
| | | <a-row class="more-info"> |
| | | <a-col :span="8"> |
| | | <head-info title="é¡¹ç®æ°" content="56" :center="false" :bordered="false"/> |
| | | <head-info |
| | | title="é¡¹ç®æ°" |
| | | content="56" |
| | | :center="false" |
| | | :bordered="false" |
| | | /> |
| | | </a-col> |
| | | <a-col :span="8"> |
| | | <head-info title="å¢éæå" content="8/24" :center="false" :bordered="false"/> |
| | | <head-info |
| | | title="å¢éæå" |
| | | content="8/24" |
| | | :center="false" |
| | | :bordered="false" |
| | | /> |
| | | </a-col> |
| | | <a-col :span="8"> |
| | | <head-info title="项ç®è®¿é®" content="2,223" :center="false" /> |
| | | <head-info |
| | | title="项ç®è®¿é®" |
| | | content="2,223" |
| | | :center="false" |
| | | /> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | | |
| | | <div> |
| | | <a-row :gutter="24"> |
| | | <a-col :xl="16" :lg="24" :md="24" :sm="24" :xs="24"> |
| | | <a-col |
| | | :xl="16" |
| | | :lg="24" |
| | | :md="24" |
| | | :sm="24" |
| | | :xs="24" |
| | | > |
| | | <a-card |
| | | class="project-list" |
| | | :loading="loading" |
| | | style="margin-bottom: 24px;" |
| | | :bordered="false" |
| | | title="è¿è¡ä¸ç项ç®" |
| | | :body-style="{ padding: 0 }"> |
| | | :body-style="{ padding: 0 }" |
| | | > |
| | | <a slot="extra">å
¨é¨é¡¹ç®</a> |
| | | <div> |
| | | <a-card-grid class="project-card-grid" :key="i" v-for="(item, i) in projects"> |
| | | <a-card :bordered="false" :body-style="{ padding: 0 }"> |
| | | <a-card-grid |
| | | class="project-card-grid" |
| | | :key="i" |
| | | v-for="(item, i) in projects" |
| | | > |
| | | <a-card |
| | | :bordered="false" |
| | | :body-style="{ padding: 0 }" |
| | | > |
| | | <a-card-meta> |
| | | <div slot="title" class="card-title"> |
| | | <a-avatar size="small" :src="item.cover"/> |
| | | <div |
| | | slot="title" |
| | | class="card-title" |
| | | > |
| | | <a-avatar |
| | | size="small" |
| | | :src="item.cover" |
| | | /> |
| | | <a>{{ item.title }}</a> |
| | | </div> |
| | | <div slot="description" class="card-description"> |
| | | <div |
| | | slot="description" |
| | | class="card-description" |
| | | > |
| | | {{ item.description }} |
| | | </div> |
| | | </a-card-meta> |
| | |
| | | </div> |
| | | </a-card> |
| | | |
| | | <a-card :loading="loading" title="卿" :bordered="false"> |
| | | <a-card |
| | | :loading="loading" |
| | | title="卿" |
| | | :bordered="false" |
| | | > |
| | | <a-list> |
| | | <a-list-item :key="index" v-for="(item, index) in activities"> |
| | | <a-list-item |
| | | :key="index" |
| | | v-for="(item, index) in activities" |
| | | > |
| | | <a-list-item-meta> |
| | | <a-avatar slot="avatar" :src="item.user.avatar" /> |
| | | <a-avatar |
| | | slot="avatar" |
| | | :src="item.user.avatar" |
| | | /> |
| | | <div slot="title"> |
| | | <span>{{ item.user.nickname }}</span> |
| | | å¨ <a href="#">{{ item.project.name }}</a> |
| | |
| | | :lg="24" |
| | | :md="24" |
| | | :sm="24" |
| | | :xs="24"> |
| | | <a-card title="å¿«éå¼å§ / 便æ·å¯¼èª" style="margin-bottom: 24px" :bordered="false" :body-style="{padding: 0}"> |
| | | :xs="24" |
| | | > |
| | | <a-card |
| | | title="å¿«éå¼å§ / 便æ·å¯¼èª" |
| | | style="margin-bottom: 24px" |
| | | :bordered="false" |
| | | :body-style="{padding: 0}" |
| | | > |
| | | <div class="item-group"> |
| | | <a>æä½ä¸</a> |
| | | <a>æä½äº</a> |
| | |
| | | <a>æä½å</a> |
| | | <a>æä½äº</a> |
| | | <a>æä½å
</a> |
| | | <a-button size="small" type="primary" ghost icon="plus">æ·»å </a-button> |
| | | <a-button |
| | | size="small" |
| | | type="primary" |
| | | ghost |
| | | icon="plus" |
| | | >æ·»å </a-button> |
| | | </div> |
| | | </a-card> |
| | | <a-card title="XX ææ°" style="margin-bottom: 24px" :loading="radarLoading" :bordered="false" :body-style="{ padding: 0 }"> |
| | | <a-card |
| | | title="XX ææ°" |
| | | style="margin-bottom: 24px" |
| | | :loading="radarLoading" |
| | | :bordered="false" |
| | | :body-style="{ padding: 0 }" |
| | | > |
| | | <div style="min-height: 400px;"> |
| | | <!-- :scale="scale" :axis1Opts="axis1Opts" :axis2Opts="axis2Opts" --> |
| | | <radar :data="radarData" /> |
| | | </div> |
| | | </a-card> |
| | | <a-card :loading="loading" title="å¢é" :bordered="false"> |
| | | <a-card |
| | | :loading="loading" |
| | | title="å¢é" |
| | | :bordered="false" |
| | | > |
| | | <div class="members"> |
| | | <a-row> |
| | | <a-col :span="12" v-for="(item, index) in teams" :key="index"> |
| | | <a-col |
| | | :span="12" |
| | | v-for="(item, index) in teams" |
| | | :key="index" |
| | | > |
| | | <a> |
| | | <a-avatar size="small" :src="item.avatar" /> |
| | | <a-avatar |
| | | size="small" |
| | | :src="item.avatar" |
| | | /> |
| | | <span class="member">{{ item.name }}</span> |
| | | </a> |
| | | </a-col> |
| | |
| | | |
| | | <style lang="less" scoped> |
| | | .project-list { |
| | | |
| | | .card-title { |
| | | font-size: 0; |
| | | |
| | |
| | | height: 24px; |
| | | .member { |
| | | font-size: 14px; |
| | | color: rgba(0, 0, 0, .65); |
| | | color: rgba(0, 0, 0, 0.65); |
| | | line-height: 24px; |
| | | max-width: 100px; |
| | | vertical-align: top; |
| | |
| | | } |
| | | |
| | | .mobile { |
| | | |
| | | .project-list { |
| | | |
| | | .project-card-grid { |
| | | width: 100%; |
| | | } |
| | |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | </style> |
| | |
| | | |
| | | handleOrderExe(record) { |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.visible = true |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.title = 'æ¥å¸¸ä¿å
»å·¥åæ§è¡' |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.title = 'ä¸çº§ä¿å
»å·¥åæ§è¡' |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.handleShow(record) |
| | | if (record.status === '3') { |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.buttonDistable = true//ä¿åãæåãæ¥å·¥ |
| | |
| | | align: "center", |
| | | dataIndex: 'statusName' |
| | | }, |
| | | { |
| | | title: 'ç¹æ£æ¥æ', |
| | | align: "center", |
| | | dataIndex: 'inspectionDate', |
| | | customRender: function (text) { |
| | | return !text ? "" : (text.length > 10 ? text.substr(0, 10) : text) |
| | | } |
| | | }, |
| | | // { |
| | | // title: 'ç¹æ£æ¥æ', |
| | | // align: "center", |
| | | // dataIndex: 'inspectionDate', |
| | | // customRender: function (text) { |
| | | // return !text ? "" : (text.length > 10 ? text.substr(0, 10) : text) |
| | | // } |
| | | // }, |
| | | { |
| | | title: 'ç¹æ£æ¶é´', |
| | | align: "center", |
| | | dataIndex: 'inspectionTime', |
| | | customRender: function (text) { |
| | | return !text ? "" : (text.length > 10 ? text.substr(11, 20) : text) |
| | | } |
| | | // customRender: function (text) { |
| | | // return !text ? "" : (text.length > 10 ? text.substr(11, 20) : text) |
| | | // } |
| | | }, |
| | | { |
| | | title: 'æªæ¢æ¶é´', |
| | |
| | | align: "center", |
| | | dataIndex: 'teamName' |
| | | }, |
| | | { |
| | | title: 'å¼å·¥æ¡ä»¶', |
| | | align: "center", |
| | | dataIndex: 'startWorkCondition', |
| | | customRender: (text) => { |
| | | if (text == '1') { |
| | | return "æ¯"; |
| | | } else if (text == '0') { |
| | | return "å¦"; |
| | | } |
| | | }, |
| | | }, |
| | | // { |
| | | // title: 'å¼å·¥æ¡ä»¶', |
| | | // align: "center", |
| | | // dataIndex: 'startWorkCondition', |
| | | // customRender: (text) => { |
| | | // if (text == '1') { |
| | | // return "æ¯"; |
| | | // } else if (text == '0') { |
| | | // return "å¦"; |
| | | // } |
| | | // }, |
| | | // }, |
| | | { |
| | | title: 'ç¹æ£æ åç¼ç ', |
| | | align: "center", |
| | |
| | | |
| | | handleOrderExe(record) { |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.visible = true |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.title = 'æ¥å¸¸ä¿å
»å·¥åæ§è¡' |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.title = 'äºçº§ä¿å
»å·¥åæ§è¡' |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.handleShow(record) |
| | | if (record.status === '3') { |
| | | this.$refs.DailyMaintenanceOrderExeDrawer.buttonDistable = true//ä¿åãæåãæ¥å·¥ |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | <a-row :gutter="24"> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="产线" |
| | | label="å·¥åº" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <j-dict-select-tag |
| | | allow-clear |
| | | placeholder="è¯·éæ©äº§çº¿" |
| | | placeholder="è¯·éæ©å·¥åº" |
| | | :triggerChange="true" |
| | | dictCode="mom_base_work_center,name,id,del_flag!='1'" |
| | | v-model="queryParam.workCenterId" |
| | | dictCode="mom_base_area,name,id,del_flag!='1'" |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="6"> |
| | | <!-- <a-col :span="6"> |
| | | <a-form-item |
| | | label="车é´" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="queryParam.factoryModelId" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :span="6"> |
| | | <a-form-item |
| | | label="ç»´æ¤é¨é¨" |
| | |
| | | align: "center", |
| | | dataIndex: 'specificEquipment_dictText', |
| | | }, |
| | | { |
| | | title: 'ææ¯ç¶æé´å®ç±»å', |
| | | align: "center", |
| | | dataIndex: 'technologyStatusVerificationType_dictText', |
| | | }, |
| | | // { |
| | | // title: 'å·¥åº', |
| | | // align: "center", |
| | |
| | | }, |
| | | }, |
| | | { |
| | | title: 'çæ¬', |
| | | align: 'center', |
| | | dataIndex: 'version', |
| | | }, |
| | | { |
| | | title: 'çæ¬ç¶æ', |
| | | align: 'center', |
| | | dataIndex: 'versionStatusName', |
| | | }, |
| | | { |
| | | title: '卿ç¼ç ', |
| | | align: 'center', |
| | | dataIndex: 'code', |
| | |
| | | dataIndex: 'unitName', |
| | | }, |
| | | { |
| | | title: 'è°æ´æ¹å¼', |
| | | title: 'çæ¬', |
| | | align: 'center', |
| | | dataIndex: 'arrangeWayName', |
| | | dataIndex: 'version', |
| | | }, |
| | | { |
| | | title: 'å¼å·¥æ¡ä»¶', |
| | | title: 'çæ¬ç¶æ', |
| | | align: 'center', |
| | | dataIndex: 'startConditionName', |
| | | dataIndex: 'versionStatusName', |
| | | }, |
| | | { |
| | | title: '龿å¤çæ¹å¼', |
| | | align: 'center', |
| | | dataIndex: 'overdueDisposeModeName', |
| | | }, |
| | | { |
| | | title: '便®æ¥å', |
| | | align: 'center', |
| | | dataIndex: 'accordingCalendarName', |
| | | }, |
| | | { |
| | | title: 'çææ¶é´', |
| | | align: 'center', |
| | | dataIndex: 'takeEffectTime', |
| | | }, |
| | | { |
| | | title: 'å¤±ææ¶é´', |
| | | align: 'center', |
| | | dataIndex: 'loseEfficacyTime', |
| | | }, |
| | | // { |
| | | // title: 'è°æ´æ¹å¼', |
| | | // align: 'center', |
| | | // dataIndex: 'arrangeWayName', |
| | | // }, |
| | | // { |
| | | // title: 'å¼å·¥æ¡ä»¶', |
| | | // align: 'center', |
| | | // dataIndex: 'startConditionName', |
| | | // }, |
| | | // { |
| | | // title: '龿å¤çæ¹å¼', |
| | | // align: 'center', |
| | | // dataIndex: 'overdueDisposeModeName', |
| | | // }, |
| | | // { |
| | | // title: '便®æ¥å', |
| | | // align: 'center', |
| | | // dataIndex: 'accordingCalendarName', |
| | | // }, |
| | | // { |
| | | // title: 'çææ¶é´', |
| | | // align: 'center', |
| | | // dataIndex: 'takeEffectTime', |
| | | // }, |
| | | // { |
| | | // title: 'å¤±ææ¶é´', |
| | | // align: 'center', |
| | | // dataIndex: 'loseEfficacyTime', |
| | | // }, |
| | | { |
| | | title: 'å建人', |
| | | align: 'center', |
| | |
| | | return parseInt(index) + 1 |
| | | }, |
| | | }, |
| | | { |
| | | title: 'çæ¬', |
| | | align: 'center', |
| | | dataIndex: 'version', |
| | | }, |
| | | { |
| | | title: 'çæ¬ç¶æ', |
| | | align: 'center', |
| | | dataIndex: 'versionStatusName', |
| | | }, |
| | | |
| | | { |
| | | title: '卿ç¼ç ', |
| | | align: 'center', |
| | |
| | | align: 'center', |
| | | dataIndex: 'unitName', |
| | | }, |
| | | // { |
| | | // title: 'è°æ´æ¹å¼', |
| | | // align: 'center', |
| | | // dataIndex: 'arrangeWayName', |
| | | // }, |
| | | // { |
| | | // title: '龿å¤çæ¹å¼', |
| | | // align: 'center', |
| | | // dataIndex: 'overdueDisposeModeName', |
| | | // }, |
| | | // { |
| | | // title: '便®æ¥å', |
| | | // align: 'center', |
| | | // dataIndex: 'accordingCalendarName', |
| | | // }, |
| | | // { |
| | | // title: 'çææ¶é´', |
| | | // align: 'center', |
| | | // dataIndex: 'takeEffectTime', |
| | | // }, |
| | | // { |
| | | // title: 'å¤±ææ¶é´', |
| | | // align: 'center', |
| | | // dataIndex: 'loseEfficacyTime', |
| | | // }, |
| | | { |
| | | title: 'è°æ´æ¹å¼', |
| | | title: 'çæ¬', |
| | | align: 'center', |
| | | dataIndex: 'arrangeWayName', |
| | | dataIndex: 'version', |
| | | }, |
| | | { |
| | | title: '龿å¤çæ¹å¼', |
| | | title: 'çæ¬ç¶æ', |
| | | align: 'center', |
| | | dataIndex: 'overdueDisposeModeName', |
| | | }, |
| | | { |
| | | title: '便®æ¥å', |
| | | align: 'center', |
| | | dataIndex: 'accordingCalendarName', |
| | | }, |
| | | { |
| | | title: 'çææ¶é´', |
| | | align: 'center', |
| | | dataIndex: 'takeEffectTime', |
| | | }, |
| | | { |
| | | title: 'å¤±ææ¶é´', |
| | | align: 'center', |
| | | dataIndex: 'loseEfficacyTime', |
| | | dataIndex: 'versionStatusName', |
| | | }, |
| | | { |
| | | title: 'å建人', |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | title: "æ¥å¸¸ä¿å
»å·¥åæ§è¡", |
| | | title: "ä¸çº§ä¿å
»å·¥åæ§è¡", |
| | | visible: false, |
| | | maskClosable: true, |
| | | confirmLoading: false, |
| | |
| | | // align: 'center', |
| | | // dataIndex: 'maintenanceTool', |
| | | // }, |
| | | { |
| | | title: 'å®å
¨è¦æ±', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceRequire', |
| | | }, |
| | | { |
| | | title: 'å·¥æ¶å®é¢ï¼å°æ¶ï¼', |
| | | align: 'center', |
| | | dataIndex: 'workingHourQuota', |
| | | }, |
| | | // { |
| | | // title: 'å®å
¨è¦æ±', |
| | | // align: 'center', |
| | | // dataIndex: 'maintenanceRequire', |
| | | // }, |
| | | // { |
| | | // title: 'å·¥æ¶å®é¢ï¼å°æ¶ï¼', |
| | | // align: 'center', |
| | | // dataIndex: 'workingHourQuota', |
| | | // }, |
| | | { |
| | | title: 'ä¿å
»å¨æ', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceCycleName', |
| | | }, |
| | | { |
| | | title: 'ç»´ä¿ä¸ä¸', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceSpecialtyName', |
| | | }, |
| | | // { |
| | | // title: 'ç»´ä¿ä¸ä¸', |
| | | // align: 'center', |
| | | // dataIndex: 'maintenanceSpecialtyName', |
| | | // }, |
| | | { |
| | | title: 'ä¿å
»äºº', |
| | | align: 'center', |
| | |
| | | rowKey='id' |
| | | :columns="columns" |
| | | :dataSource="dataSource" |
| | | :pagination="false" |
| | | > |
| | | <template |
| | | v-for="col in columns" |
| | |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form :form="form"> |
| | | <a-row :gutter="24"> |
| | | <a-col |
| | | hidden |
| | | :span="24" |
| | | > |
| | | <a-form-item |
| | | label="ä¿å
»å·¥åç¼å·" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | > |
| | | <a-input |
| | | allow-clear |
| | | :disabled="true" |
| | | :placeholder="disableSubmit?'':'请è¾å
¥ä¿å
»å·¥åç¼å·'" |
| | | v-decorator="['technologyStatusVerificationBill', validatorRules.technologyStatusVerificationBill ]" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="24"> |
| | | <a-form-item |
| | | label="ç»ä¸ç¼å·" |
| | |
| | | this.visible = true; |
| | | this.disableSubmit = false; |
| | | this.$nextTick(() => { |
| | | this.form.setFieldsValue(pick(this.model, 'equipmentNum', 'equipmentName', 'equipmentModel', 'specification', 'technologyStatus')) |
| | | this.form.setFieldsValue(pick(this.model, 'technologyStatusVerificationBill', 'equipmentNum', 'equipmentName', 'equipmentModel', 'specification', 'technologyStatus')) |
| | | }); |
| | | if (record.id) { |
| | | this.codeDisable = true; |
| | |
| | | if (!this.model.id) { |
| | | obj = postAction(this.url.add, formData); |
| | | } else { |
| | | obj = requestPut(this.url.edit, { id: this.model.equipmentId, technologyStatus: this.model.technologyStatus, maintenanceOrderId: this.model.id }); |
| | | obj = requestPut(this.url.edit, { id: this.model.equipmentId, technologyStatus: this.model.technologyStatus, maintenanceOrderId: this.model.id, technologyStatusVerificationBill: this.model.technologyStatusVerificationBill }); |
| | | } |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | |
| | | :pagination="ipagination" |
| | | :loading="loading" |
| | | @change="handleTableChange" |
| | | :scroll="{ x: 'calc(1200px + 50%)', y: 900 }" |
| | | :scroll="{ x: 'calc(1000px + 50%)', y: 900 }" |
| | | > |
| | | <template |
| | | v-for="col in columns" |
| | |
| | | <!-- :options="record.inspectionCycles" --> |
| | | <a-select-option value="1">æ£å¸¸</a-select-option> |
| | | <a-select-option value="2">å¼å¸¸</a-select-option> |
| | | <a-select-option value="3">æ
éåæº</a-select-option> |
| | | <a-select-option value="4">æ²¡å¼æº</a-select-option> |
| | | </a-select> |
| | | <a-input-number |
| | | :value="text" |
| | |
| | | align: 'center', |
| | | dataIndex: 'detectionStandard', |
| | | }, |
| | | { |
| | | title: 'åæ ¼èå´', |
| | | align: 'center', |
| | | dataIndex: 'acceptabilityLimit', |
| | | }, |
| | | { |
| | | title: 'æ¹æ³', |
| | | align: 'center', |
| | | dataIndex: 'inspectionMethod_dictText', |
| | | }, |
| | | { |
| | | title: 'å·¥å
·', |
| | | align: 'center', |
| | | dataIndex: 'inspectionTool', |
| | | }, |
| | | // { |
| | | // title: 'åæ ¼èå´', |
| | | // align: 'center', |
| | | // dataIndex: 'acceptabilityLimit', |
| | | // }, |
| | | // { |
| | | // title: 'æ¹æ³', |
| | | // align: 'center', |
| | | // dataIndex: 'inspectionMethod_dictText', |
| | | // }, |
| | | // { |
| | | // title: 'å·¥å
·', |
| | | // align: 'center', |
| | | // dataIndex: 'inspectionTool', |
| | | // }, |
| | | { |
| | | title: '*ç¹æ£ç»æ', |
| | | align: 'center', |
| | | dataIndex: 'inspectionProjectResult', |
| | | scopedSlots: { customRender: 'inspectionProjectResult' }, |
| | | className: 'red', |
| | | }, |
| | | // className: 'red', |
| | | { |
| | | title: 'å¤å®', |
| | | align: 'center', |
| | |
| | | title: '*å¼å¸¸å¤ç½®', |
| | | align: 'center', |
| | | dataIndex: 'treatmentMeasure', |
| | | className: 'red', |
| | | scopedSlots: { customRender: 'treatmentMeasure' }, |
| | | }, |
| | | // className: 'red', |
| | | ], |
| | | url: { |
| | | list: "/eam/inspectionOrderDetail/list", |
| | |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <!-- <a-col :span="12"> |
| | | <a-form-item |
| | | label="å¼å·¥æ¡ä»¶" |
| | | :labelCol="labelCol" |
| | |
| | | @change="handle2Switch(model.startWorkCondition)" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | |
| | | { |
| | | title: 'ç¹æ£é¡¹ç®', |
| | | align: 'center', |
| | | dataIndex: 'inspectionProjectNum' |
| | | dataIndex: 'inspectionProjectName' |
| | | }, |
| | | { |
| | | title: 'æ£æµæ å', |
| | | align: 'center', |
| | | dataIndex: 'detectionStandard' |
| | | }, |
| | | { |
| | | title: 'åæ ¼èå´', |
| | | align: 'center', |
| | | dataIndex: 'acceptabilityLimit' |
| | | }, |
| | | { |
| | | title: 'æ¹æ³', |
| | | align: 'center', |
| | | dataIndex: 'inspectionMethodName' |
| | | }, |
| | | { |
| | | title: 'å·¥å
·', |
| | | align: 'center', |
| | | dataIndex: 'inspectionTool' |
| | | }, |
| | | // { |
| | | // title: 'åæ ¼èå´', |
| | | // align: 'center', |
| | | // dataIndex: 'acceptabilityLimit' |
| | | // }, |
| | | // { |
| | | // title: 'æ¹æ³', |
| | | // align: 'center', |
| | | // dataIndex: 'inspectionMethodName' |
| | | // }, |
| | | // { |
| | | // title: 'å·¥å
·', |
| | | // align: 'center', |
| | | // dataIndex: 'inspectionTool' |
| | | // }, |
| | | { |
| | | title: '示æå¾', |
| | | align: "center", |
| | |
| | | |
| | | methods: { |
| | | add() { |
| | | this.edit({ startWorkCondition: "1", inspectionOrderDetails: [] }) |
| | | this.edit({ inspectionOrderDetails: [] }) |
| | | // this.edit({ startWorkCondition: "1", inspectionOrderDetails: [] }) |
| | | this.getSeq() |
| | | }, |
| | | |
| | |
| | | // } |
| | | // }, |
| | | |
| | | handle2Switch(startWorkCondition) { |
| | | if ('1' == startWorkCondition) { |
| | | this.model.startWorkCondition = '0' |
| | | } else { |
| | | this.model.startWorkCondition = '1' |
| | | } |
| | | }, |
| | | // handle2Switch(startWorkCondition) { |
| | | // if ('1' == startWorkCondition) { |
| | | // this.model.startWorkCondition = '0' |
| | | // } else { |
| | | // this.model.startWorkCondition = '1' |
| | | // } |
| | | // }, |
| | | |
| | | // handle2Change(val) { |
| | | // this.inspectionCycles = []; |
| | |
| | | dataIndex: 'num', |
| | | }, |
| | | { |
| | | title: 'çæ¬', |
| | | align: 'center', |
| | | dataIndex: 'version', |
| | | }, |
| | | { |
| | | title: '设å¤ç¼ç ', |
| | | align: 'center', |
| | | dataIndex: 'equipmentNum', |
| | |
| | | align: "center", |
| | | dataIndex: 'useDepartName' |
| | | }, |
| | | { |
| | | title: 'çæ¬', |
| | | align: 'center', |
| | | dataIndex: 'version', |
| | | }, |
| | | ], |
| | | url: { |
| | | list: "/eam/inspectionStandard/findInspectionStandardList", |
| | |
| | | dataIndex: 'detectionStandard', |
| | | |
| | | }, |
| | | { |
| | | title: 'åæ ¼èå´', |
| | | align: "center", |
| | | dataIndex: 'acceptabilityLimit', |
| | | // { |
| | | // title: 'åæ ¼èå´', |
| | | // align: "center", |
| | | // dataIndex: 'acceptabilityLimit', |
| | | |
| | | }, |
| | | { |
| | | title: 'æ¹æ³', |
| | | align: "center", |
| | | dataIndex: 'inspectionMethodName', |
| | | // }, |
| | | // { |
| | | // title: 'æ¹æ³', |
| | | // align: "center", |
| | | // dataIndex: 'inspectionMethodName', |
| | | |
| | | }, |
| | | { |
| | | title: 'å·¥å
·', |
| | | align: "center", |
| | | dataIndex: 'inspectionTool', |
| | | }, |
| | | // }, |
| | | // { |
| | | // title: 'å·¥å
·', |
| | | // align: "center", |
| | | // dataIndex: 'inspectionTool', |
| | | // }, |
| | | { |
| | | title: '卿', |
| | | align: "center", |
| | |
| | | rowKey='id' |
| | | :columns="columns" |
| | | :dataSource="dataSource" |
| | | :pagination="false" |
| | | > |
| | | <template |
| | | v-for="col in columns" |
| | |
| | | align: 'center', |
| | | dataIndex: 'detectionStandard' |
| | | }, |
| | | { |
| | | title: 'åæ ¼èå´', |
| | | align: 'center', |
| | | dataIndex: 'acceptabilityLimit' |
| | | }, |
| | | { |
| | | title: 'æ¹æ³', |
| | | align: 'center', |
| | | dataIndex: 'inspectionMethod_dictText' |
| | | }, |
| | | { |
| | | title: 'å·¥å
·', |
| | | align: 'center', |
| | | dataIndex: 'inspectionTool' |
| | | }, |
| | | // { |
| | | // title: 'åæ ¼èå´', |
| | | // align: 'center', |
| | | // dataIndex: 'acceptabilityLimit' |
| | | // }, |
| | | // { |
| | | // title: 'æ¹æ³', |
| | | // align: 'center', |
| | | // dataIndex: 'inspectionMethod_dictText' |
| | | // }, |
| | | // { |
| | | // title: 'å·¥å
·', |
| | | // align: 'center', |
| | | // dataIndex: 'inspectionTool' |
| | | // }, |
| | | // { |
| | | // title: '卿', |
| | | // align: 'center', |
| | |
| | | <template |
| | | v-for="col in columns" |
| | | :slot="col.dataIndex" |
| | | slot-scope='text, record' |
| | | slot-scope='text, record, index' |
| | | > |
| | | <div :key="col.dataIndex"> |
| | | <span |
| | |
| | | é¢è§ |
| | | </a> --> |
| | | |
| | | <a-input |
| | | :value="text" |
| | | v-if="col.dataIndex == 'maintenanceOrderDetailUda1'" |
| | | @change="(e)=>handleChange(e, record.key, col, index)" |
| | | placeholder="请è¾å
¥ä¿å
»äºº" |
| | | /> |
| | | <a-input |
| | | :value="text" |
| | | v-if="col.dataIndex == 'maintenanceOrderDetailUda2'" |
| | | @change="(e)=>handleChange(e, record.key, col, index)" |
| | | placeholder="请è¾å
¥æ§è¡æ
åµ" |
| | | /> |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | | </a-table> |
| | | <div :style="{width: '100%',border: '1px solid #e9e9e9',padding: '10px 16px',background: '#fff',}"> |
| | | <a-row :style="{textAlign:'right'}"> |
| | | <a-button |
| | | :style="{marginRight: '8px'}" |
| | | @click="handleCancel" |
| | | > |
| | | åæ¶ |
| | | </a-button> |
| | | <a-button |
| | | @click="handleOk()" |
| | | type="primary" |
| | | :disabled="this.model.status!='4'" |
| | | :loading="confirmLoading" |
| | | >ä¿å</a-button> |
| | | </a-row> |
| | | <!-- v-has="'dailyMaintenanceOrder:actualWorkHoursSave'" --> |
| | | <!-- :disabled="false" --> |
| | | </div> |
| | | </div> |
| | | </a-tab-pane> |
| | | |
| | |
| | | |
| | | <script> |
| | | import { JeecgListMixin } from '@/mixins/JeecgListMixin' |
| | | import { requestPut, getAction, downFile } from '@/api/manage' |
| | | import { requestPut, getAction, downFile, postAction } from '@/api/manage' |
| | | import Tooltip from 'ant-design-vue/es/tooltip' |
| | | |
| | | import { preview } from 'vue-photo-preview' |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | title: "æ¥å¸¸ä¿å
»å·¥åæ§è¡", |
| | | title: "äºçº§ä¿å
»å·¥åæ§è¡", |
| | | visible: false, |
| | | maskClosable: true, |
| | | confirmLoading: false, |
| | |
| | | maintenanceStandardId: '-1', |
| | | dataSource: [], |
| | | model: {}, |
| | | form: this.$form.createForm(this), |
| | | labelCol: { |
| | | xs: { span: 24 }, |
| | | sm: { span: 6 }, |
| | |
| | | align: 'center', |
| | | dataIndex: 'standard', |
| | | }, |
| | | { |
| | | title: 'æ¹æ³', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceMethodName', |
| | | }, |
| | | { |
| | | title: 'å·¥å
·', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceTool', |
| | | }, |
| | | { |
| | | title: 'å®å
¨è¦æ±', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceRequire', |
| | | }, |
| | | { |
| | | title: 'å·¥æ¶å®é¢ï¼å°æ¶ï¼', |
| | | align: 'center', |
| | | dataIndex: 'workingHourQuota', |
| | | }, |
| | | // { |
| | | // title: 'æ¹æ³', |
| | | // align: 'center', |
| | | // dataIndex: 'maintenanceMethodName', |
| | | // }, |
| | | // { |
| | | // title: 'å·¥å
·', |
| | | // align: 'center', |
| | | // dataIndex: 'maintenanceTool', |
| | | // }, |
| | | // { |
| | | // title: 'å®å
¨è¦æ±', |
| | | // align: 'center', |
| | | // dataIndex: 'maintenanceRequire', |
| | | // }, |
| | | // { |
| | | // title: 'å·¥æ¶å®é¢ï¼å°æ¶ï¼', |
| | | // align: 'center', |
| | | // dataIndex: 'workingHourQuota', |
| | | // }, |
| | | { |
| | | title: 'ä¿å
»å¨æ', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceCycleName', |
| | | }, |
| | | // { |
| | | // title: 'ç»´ä¿ä¸ä¸', |
| | | // align: 'center', |
| | | // dataIndex: 'maintenanceSpecialtyName', |
| | | // }, |
| | | { |
| | | title: 'ç»´ä¿ä¸ä¸', |
| | | title: 'æ§è¡æ
åµ', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceSpecialtyName', |
| | | dataIndex: 'maintenanceOrderDetailUda2', |
| | | width: 200, |
| | | scopedSlots: { customRender: 'maintenanceOrderDetailUda2' }, |
| | | }, |
| | | { |
| | | title: 'ä¿å
»äºº', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceOrderDetailUda1', |
| | | width: 200, |
| | | scopedSlots: { customRender: 'maintenanceOrderDetailUda1' }, |
| | | }, |
| | | ], |
| | | url: { |
| | |
| | | editStatus: "/eam/dailyMaintenanceOrder/editStatus", |
| | | revocation: "/eam/dailyMaintenanceOrder/revocation", |
| | | report: "/eam/dailyMaintenanceOrder/report", |
| | | edit: "/eam/dailyMaintenanceOrderDetail/edit" |
| | | }, |
| | | } |
| | | }, |
| | |
| | | }, |
| | | //ä¿å |
| | | handleOk() { |
| | | const that = this |
| | | this.loading = true; |
| | | this.form.validateFields((err, values) => { |
| | | if (!err) { |
| | | that.confirmLoading = true |
| | | let formData = {} |
| | | formData.dailyMaintenanceOrderDetails = that.dataSource; |
| | | let obj = obj = postAction(this.url.edit, formData) |
| | | obj.then((res) => { |
| | | if (res.success) { |
| | | that.$message.success(res.message) |
| | | that.$emit('ok') |
| | | } else { |
| | | that.$message.warning(res.message) |
| | | } |
| | | }).finally(() => { |
| | | that.confirmLoading = false |
| | | that.loadData1(); |
| | | this.loading = false; |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | |
| | | handleChange(value, key, column, index) { |
| | | debugger |
| | | let that = this; |
| | | const temp = [...that.dataSource]; |
| | | const target = temp[index]; |
| | | if (target) { |
| | | target[column.dataIndex] = value; |
| | | if ('maintenanceOrderDetailUda1' == column.dataIndex) { |
| | | target['maintenanceOrderDetailUda1'] = value.target.value; |
| | | } |
| | | if ('maintenanceOrderDetailUda2' == column.dataIndex) { |
| | | target['maintenanceOrderDetailUda2'] = value.target.value; |
| | | } |
| | | that.dataSource = temp; |
| | | } |
| | | }, |
| | | |
| | | view(record) { |
| | |
| | | rowKey='id' |
| | | :columns="columns" |
| | | :dataSource="dataSource" |
| | | :pagination="false" |
| | | > |
| | | |
| | | </a-table> |
| | |
| | | { |
| | | title: 'ç±»å', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceMethod1' |
| | | dataIndex: 'maintenanceRole' |
| | | }, |
| | | |
| | | { |
| | |
| | | { |
| | | title: 'ä¿å
»é¡¹ç®', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceProjectNum' |
| | | dataIndex: 'maintenanceProjectName' |
| | | }, |
| | | { |
| | | title: 'ä¿å
»æ å', |
| | |
| | | { |
| | | title: 'æ§è¡æ
åµ', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceTool1' |
| | | dataIndex: 'maintenanceOrderDetailUda2' |
| | | }, |
| | | { |
| | | title: 'æ§è¡äºº', |
| | | align: 'center', |
| | | dataIndex: 'photo1', |
| | | dataIndex: 'maintenanceOrderDetailUda1', |
| | | }, |
| | | |
| | | ], |
| | |
| | | rowKey='id' |
| | | :columns="columns" |
| | | :dataSource="dataSource" |
| | | :pagination="false" |
| | | > |
| | | <!-- <span |
| | | slot="photo" |
| | |
| | | { |
| | | title: 'ä¿å
»é¡¹ç®', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceProjectNum' |
| | | dataIndex: 'maintenanceProjectName' |
| | | }, |
| | | { |
| | | title: 'ä¿å
»æ å', |
| | | align: 'center', |
| | | dataIndex: 'standard' |
| | | }, |
| | | { |
| | | title: 'æ¹æ³', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceMethod' |
| | | }, |
| | | { |
| | | title: 'å·¥å
·', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceTool' |
| | | }, |
| | | // { |
| | | // title: 'æ¹æ³', |
| | | // align: 'center', |
| | | // dataIndex: 'maintenanceMethod' |
| | | // }, |
| | | // { |
| | | // title: 'å·¥å
·', |
| | | // align: 'center', |
| | | // dataIndex: 'maintenanceTool' |
| | | // }, |
| | | { |
| | | title: '示æå¾', |
| | | align: 'center', |
| | |
| | | rowKey='id' |
| | | :columns="columns" |
| | | :dataSource="dataSource" |
| | | :pagination="false" |
| | | > |
| | | <template |
| | | v-for="col in columns" |
| | |
| | | { required: true, message: 'è¯·éæ©ç»´æ¤é¨é¨!' }, |
| | | ], |
| | | useId: [ |
| | | { required: true, message: 'è¯·éæ©ä½¿ç¨é¨é¨é¨é¨!' }, |
| | | { required: true, message: 'è¯·éæ©ä½¿ç¨é¨é¨!' }, |
| | | ], |
| | | specificEquipment: [ |
| | | { required: true, message: 'è¯·éæ©å
³é®è®¾å¤æ è¯!' }, |
| | |
| | | { required: true, message: 'è¯·éæ©è®¾å¤äº§çº¿!' }, |
| | | ], |
| | | factoryModelId: [ |
| | | { required: true, message: 'è¯·éæ©è®¾å¤è½¦é´!' }, |
| | | { required: true, message: 'è¯·éæ©å·¥åº!' }, |
| | | ], |
| | | warrantyStart: [ |
| | | { required: true, message: 'è¯·éæ©å¼å§æ¥æ!' }, |
| | |
| | | </a-col> |
| | | <a-col :span="24/2"> |
| | | <a-form-model-item |
| | | label="çæ¬" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | prop="version" |
| | | > |
| | | <a-input |
| | | v-model="model.version" |
| | | placeholder="请è¾å
¥çæ¬å·" |
| | | :disabled=true |
| | | ></a-input> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <!-- <a-col :span="24/2"> |
| | | <a-form-model-item |
| | | label="å¼å·¥æ¡ä»¶" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | |
| | | v-model="model.startCondition" |
| | | /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | </a-row> |
| | | <a-row> |
| | | <!-- <a-row> |
| | | <a-col :span="24/2"> |
| | | <a-form-model-item |
| | | label="è°æ´æ¹å¼" |
| | |
| | | /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | </a-row> |
| | | </a-row> --> |
| | | <a-row> |
| | | <a-col :span="24/2"> |
| | | <!-- <a-col :span="24/2"> |
| | | <a-form-model-item |
| | | label="便®æ¥å" |
| | | :labelCol="labelCol" |
| | |
| | | v-model="model.accordingCalendar" |
| | | /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <a-col :span="24/2"> |
| | | <a-form-model-item |
| | | label="çæ¬" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | prop="version" |
| | | > |
| | | <a-input |
| | | v-model="model.version" |
| | | placeholder="请è¾å
¥çæ¬å·" |
| | | :disabled=true |
| | | ></a-input> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | |
| | | </a-row> |
| | | <a-row> |
| | | |
| | |
| | | </a-col> |
| | | <a-col :span="24/2"> |
| | | <a-form-model-item |
| | | label="çæ¬" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | prop="version" |
| | | > |
| | | <a-input |
| | | v-model="model.version" |
| | | placeholder="请è¾å
¥çæ¬å·" |
| | | :disabled=true |
| | | ></a-input> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | <!-- <a-col :span="24/2"> |
| | | <a-form-model-item |
| | | label="è°æ´æ¹å¼" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | |
| | | v-model="model.arrangeWay" |
| | | /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | </a-row> |
| | | <a-row> |
| | | <!-- <a-row> |
| | | <a-col :span="24/2"> |
| | | <a-form-model-item |
| | | label="龿å¤çæ¹å¼" |
| | |
| | | /> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | </a-row> |
| | | </a-row> --> |
| | | <a-row> |
| | | <a-col :span="24/2"> |
| | | <a-form-item |
| | |
| | | </a-col> |
| | | </a-row> |
| | | <a-row> |
| | | <a-col :span="24/2"> |
| | | <a-form-model-item |
| | | label="çæ¬" |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | prop="version" |
| | | > |
| | | <a-input |
| | | v-model="model.version" |
| | | placeholder="请è¾å
¥çæ¬å·" |
| | | :disabled=true |
| | | ></a-input> |
| | | </a-form-model-item> |
| | | </a-col> |
| | | |
| | | <a-col |
| | | v-if=" model.isRevise == true" |
| | | :span="24/2" |
| | |
| | | <template> |
| | | <a-row :gutter="10"> |
| | | <a-col :md="leftColMd" :sm="24" style="margin-bottom: 20px"> |
| | | <a-col |
| | | :md="leftColMd" |
| | | :sm="24" |
| | | style="margin-bottom: 20px" |
| | | > |
| | | <a-card :bordered="false"> |
| | | <!-- æ¥è¯¢åºå --> |
| | | <div class="table-page-search-wrapper"> |
| | | <!-- æç´¢åºå --> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-form |
| | | layout="inline" |
| | | @keyup.enter.native="searchQuery" |
| | | > |
| | | <a-row :gutter="24"> |
| | | <a-col :md="12" :sm="8"> |
| | | <a-form-item label="è§è²åç§°" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> |
| | | <a-input placeholder="" v-model="queryParam.roleName"></a-input> |
| | | <a-col |
| | | :md="12" |
| | | :sm="8" |
| | | > |
| | | <a-form-item |
| | | label="è§è²åç§°" |
| | | :labelCol="{span: 5}" |
| | | :wrapperCol="{span: 18, offset: 1}" |
| | | > |
| | | <a-input |
| | | placeholder="" |
| | | v-model="queryParam.roleName" |
| | | ></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <!-- |
| | |
| | | </a-form-item> |
| | | </a-col> |
| | | --> |
| | | <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> |
| | | <a-col :md="12" :sm="24"> |
| | | <a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 21px">æ¥è¯¢</a-button> |
| | | <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">éç½®</a-button> |
| | | <span |
| | | style="float: left;overflow: hidden;" |
| | | class="table-page-search-submitButtons" |
| | | > |
| | | <a-col |
| | | :md="12" |
| | | :sm="24" |
| | | > |
| | | <a-button |
| | | type="primary" |
| | | @click="searchQuery" |
| | | icon="search" |
| | | style="margin-left: 21px" |
| | | >æ¥è¯¢</a-button> |
| | | <a-button |
| | | type="primary" |
| | | @click="searchReset" |
| | | icon="reload" |
| | | style="margin-left: 8px" |
| | | >éç½®</a-button> |
| | | </a-col> |
| | | </span> |
| | | </a-row> |
| | | </a-form> |
| | | </div> |
| | | <!-- æä½æé®åºå --> |
| | | <div class="table-operator" style="margin: 5px 0 10px 2px"> |
| | | <a-button @click="handleAdd" type="primary" icon="plus">æ°å»ºè§è²</a-button> |
| | | <div |
| | | class="table-operator" |
| | | style="margin: 5px 0 10px 2px" |
| | | > |
| | | <a-button |
| | | @click="handleAdd" |
| | | type="primary" |
| | | icon="plus" |
| | | >æ°å»ºè§è²</a-button> |
| | | <!--<a-button @click="handleEdit(model1)" type="primary" icon="plus">è§è²ç¼è¾</a-button>--> |
| | | <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> |
| | | <a-button type="primary" icon="import">导å
¥</a-button> |
| | | <a-upload |
| | | name="file" |
| | | :showUploadList="false" |
| | | :multiple="false" |
| | | :headers="tokenHeader" |
| | | :action="importExcelUrl" |
| | | @change="handleImportExcel" |
| | | > |
| | | <a-button |
| | | type="primary" |
| | | icon="import" |
| | | >导å
¥</a-button> |
| | | </a-upload> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('è§è²ç®¡ç')">导åº</a-button> |
| | | <a-button |
| | | type="primary" |
| | | icon="download" |
| | | @click="handleExportXls('è§è²ç®¡ç')" |
| | | >导åº</a-button> |
| | | </div> |
| | | |
| | | <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;"> |
| | | <div |
| | | class="ant-alert ant-alert-info" |
| | | style="margin-bottom: 16px;" |
| | | > |
| | | <i class="anticon anticon-info-circle ant-alert-icon"> |
| | | </i> 已鿩 <a><b>{{ selectedRowKeys1.length }}</b></a>项 |
| | | <a style="margin-left: 24px" @click="onClearSelected1">æ¸
空</a> |
| | | <a |
| | | style="margin-left: 24px" |
| | | @click="onClearSelected1" |
| | | >æ¸
空</a> |
| | | </div> |
| | | |
| | | <div style="margin-top: 15px"> |
| | |
| | | :pagination="ipagination" |
| | | :loading="loading" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys1, onChange: onSelectChange1, type:'radio'}" |
| | | @change="handleTableChange"> |
| | | <span slot="action" slot-scope="text, record"> |
| | | @change="handleTableChange" |
| | | > |
| | | <span |
| | | slot="action" |
| | | slot-scope="text, record" |
| | | > |
| | | <a @click="handleOpen(record)">ç¨æ·</a> |
| | | <a-divider type="vertical"/> |
| | | |
| | |
| | | <a @click="handleEdit(record)">ç¼è¾</a> |
| | | </a-menu-item> |
| | | <a-menu-item> |
| | | <a-popconfirm title="ç¡®å®å é¤å?" @confirm="() => handleDelete1(record.id)"> |
| | | <a-popconfirm |
| | | title="ç¡®å®å é¤å?" |
| | | @confirm="() => handleDelete1(record.id)" |
| | | > |
| | | <a>å é¤</a> |
| | | </a-popconfirm> |
| | | </a-menu-item> |
| | |
| | | </a-table> |
| | | </div> |
| | | <!-- å³ä¾§çè§è²æéé
ç½® --> |
| | | <user-role-modal ref="modalUserRole"></user-role-modal> |
| | | <role-modal ref="modalForm" @ok="modalFormOk"></role-modal> |
| | | <!-- <user-role-modal ref="modalUserRole"></user-role-modal> --> |
| | | <user-role-modal-new ref="modalUserRole"></user-role-modal-new> |
| | | <role-modal |
| | | ref="modalForm" |
| | | @ok="modalFormOk" |
| | | ></role-modal> |
| | | </a-card> |
| | | </a-col> |
| | | <a-col :md="rightColMd" :sm="24" v-if="this.rightcolval == 1"> |
| | | <a-col |
| | | :md="rightColMd" |
| | | :sm="24" |
| | | v-if="this.rightcolval == 1" |
| | | > |
| | | <a-card :bordered="false"> |
| | | <div style="text-align: right;"> |
| | | <a-icon type="close-circle" @click="hideUserList" /> |
| | | <a-icon |
| | | type="close-circle" |
| | | @click="hideUserList" |
| | | /> |
| | | </div> |
| | | <!-- æ¥è¯¢åºå --> |
| | | <div class="table-page-search-wrapper"> |
| | | <a-form layout="inline"> |
| | | <a-row :gutter="24"> |
| | | |
| | | <a-col :md="12" :sm="12"> |
| | | <a-col |
| | | :md="12" |
| | | :sm="12" |
| | | > |
| | | <a-form-item label="ç¨æ·è´¦å·"> |
| | | <a-input placeholder="" v-model="queryParam2.username"></a-input> |
| | | <a-input |
| | | placeholder="" |
| | | v-model="queryParam2.username" |
| | | ></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> |
| | | <a-col :md="9" :sm="24"> |
| | | <a-button type="primary" @click="searchQuery2" icon="search" style="margin-left: 21px">æ¥è¯¢</a-button> |
| | | <a-button type="primary" @click="searchReset2" icon="reload" style="margin-left: 8px">éç½®</a-button> |
| | | <span |
| | | style="float: left;overflow: hidden;" |
| | | class="table-page-search-submitButtons" |
| | | > |
| | | <a-col |
| | | :md="9" |
| | | :sm="24" |
| | | > |
| | | <a-button |
| | | type="primary" |
| | | @click="searchQuery2" |
| | | icon="search" |
| | | style="margin-left: 21px" |
| | | >æ¥è¯¢</a-button> |
| | | <a-button |
| | | type="primary" |
| | | @click="searchReset2" |
| | | icon="reload" |
| | | style="margin-left: 8px" |
| | | >éç½®</a-button> |
| | | |
| | | </a-col> |
| | | </span> |
| | |
| | | </a-form> |
| | | </div> |
| | | <!-- æä½æé®åºå --> |
| | | <div class="table-operator" :md="24" :sm="24"> |
| | | <a-button @click="handleAdd2" type="primary" icon="plus" style="margin-top: 16px">æ°å¢ç¨æ·</a-button> |
| | | <div |
| | | class="table-operator" |
| | | :md="24" |
| | | :sm="24" |
| | | > |
| | | <a-button |
| | | @click="handleAdd2" |
| | | type="primary" |
| | | icon="plus" |
| | | style="margin-top: 16px" |
| | | >æ°å¢ç¨æ·</a-button> |
| | | <!--<a-button @click="handleEdit2" type="primary" icon="edit" style="margin-top: 16px">ç¨æ·ç¼è¾</a-button>--> |
| | | <a-button @click="handleAddUserRole" type="primary" icon="plus" style="margin-top: 16px">å·²æç¨æ·</a-button> |
| | | <a-button |
| | | @click="handleAddUserRole" |
| | | type="primary" |
| | | icon="plus" |
| | | style="margin-top: 16px" |
| | | >å·²æç¨æ·</a-button> |
| | | |
| | | <a-dropdown v-if="selectedRowKeys2.length > 0"> |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item key="1" @click="batchDel2"> |
| | | <a-menu-item |
| | | key="1" |
| | | @click="batchDel2" |
| | | > |
| | | <a-icon type="delete"/> |
| | | å é¤ |
| | | </a-menu-item> |
| | |
| | | </div> |
| | | <!-- tableåºå-begin --> |
| | | <div> |
| | | <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;"> |
| | | <div |
| | | class="ant-alert ant-alert-info" |
| | | style="margin-bottom: 16px;" |
| | | > |
| | | <i class="anticon anticon-info-circle ant-alert-icon"></i> 已鿩 <a style="font-weight: 600">{{ |
| | | selectedRowKeys2.length }}</a>项 |
| | | <a style="margin-left: 24px" @click="onClearSelected2">æ¸
空</a> |
| | | <a |
| | | style="margin-left: 24px" |
| | | @click="onClearSelected2" |
| | | >æ¸
空</a> |
| | | </div> |
| | | <a-table |
| | | style="height:500px" |
| | |
| | | :pagination="ipagination2" |
| | | :loading="loading2" |
| | | :rowSelection="{selectedRowKeys: selectedRowKeys2, onChange: onSelectChange2}" |
| | | @change="handleTableChange2"> |
| | | <span slot="action" slot-scope="text, record"> |
| | | @change="handleTableChange2" |
| | | > |
| | | <span |
| | | slot="action" |
| | | slot-scope="text, record" |
| | | > |
| | | <a @click="handleEdit2(record)">ç¼è¾</a> |
| | | <a-divider type="vertical"/> |
| | | <a-dropdown> |
| | |
| | | </a> |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item> |
| | | <a-popconfirm title="ç¡®å®å é¤å?" @confirm="() => handleDelete2(record.id)"> |
| | | <a-popconfirm |
| | | title="ç¡®å®å é¤å?" |
| | | @confirm="() => handleDelete2(record.id)" |
| | | > |
| | | <a>å é¤</a> |
| | | </a-popconfirm> |
| | | </a-menu-item> |
| | |
| | | </a-table> |
| | | </div> |
| | | <!-- 表ååºå --> |
| | | <role-modal ref="modalForm" @ok="modalFormOk"></role-modal> |
| | | <user-modal ref="modalForm2" @ok="modalFormOk2"></user-modal> |
| | | <Select-User-Modal ref="selectUserModal" @selectFinished="selectOK"></Select-User-Modal> |
| | | <role-modal |
| | | ref="modalForm" |
| | | @ok="modalFormOk" |
| | | ></role-modal> |
| | | <user-modal |
| | | ref="modalForm2" |
| | | @ok="modalFormOk2" |
| | | ></user-modal> |
| | | <Select-User-Modal |
| | | ref="selectUserModal" |
| | | @selectFinished="selectOK" |
| | | ></Select-User-Modal> |
| | | </a-card> |
| | | </a-col> |
| | | </a-row> |
| | |
| | | import { filterObj } from '@/utils/util' |
| | | import UserRoleModal from './modules/UserRoleModal' |
| | | import moment from 'moment' |
| | | import UserRoleModalNew from './modules/UserRoleModalNew' |
| | | |
| | | export default { |
| | | name: 'RoleUserList', |
| | |
| | | SelectUserModal, |
| | | RoleModal, |
| | | UserModal, |
| | | moment |
| | | moment, |
| | | UserRoleModalNew |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | <style scoped> |
| | | /** Buttonæé®é´è· */ |
| | | .ant-btn { |
| | | margin-left: 8px |
| | | margin-left: 8px; |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <a-modal |
| | | :title="title" |
| | | :width="650" |
| | | :visible="visible" |
| | | :maskClosable="false" |
| | | :confirmLoading="confirmLoading" |
| | | @ok="handleOk" |
| | | cancelText="å
³é" |
| | | @cancel="handleCancel" |
| | | > |
| | | <a-form> |
| | | <a-form-item label='ææ¥æçæé'> |
| | | <a-tree |
| | | checkable |
| | | @check="onCheck" |
| | | :checkedKeys="checkedKeys" |
| | | :treeData="treeData" |
| | | @expand="onExpand" |
| | | @select="onTreeNodeSelect" |
| | | :selectedKeys="selectedKeys" |
| | | :expandedKeys="expandedKeysss" |
| | | :checkStrictly="checkStrictly" |
| | | > |
| | | <span |
| | | slot="hasDatarule" |
| | | slot-scope="{slotTitle,ruleFlag}" |
| | | > |
| | | {{ slotTitle }}<a-icon |
| | | v-if="ruleFlag" |
| | | type="align-left" |
| | | style="margin-left:5px;color: red;" |
| | | ></a-icon> |
| | | </span> |
| | | </a-tree> |
| | | </a-form-item> |
| | | </a-form> |
| | | |
| | | <div class="drawer-bootom-button"> |
| | | <a-dropdown |
| | | style="float: left" |
| | | :trigger="['click']" |
| | | placement="topCenter" |
| | | > |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item |
| | | key="1" |
| | | @click="switchCheckStrictly(1)" |
| | | >ç¶åå
³è</a-menu-item> |
| | | <a-menu-item |
| | | key="2" |
| | | @click="switchCheckStrictly(2)" |
| | | >åæ¶å
³è</a-menu-item> |
| | | <a-menu-item |
| | | key="3" |
| | | @click="checkALL" |
| | | >å
¨é¨å¾é</a-menu-item> |
| | | <a-menu-item |
| | | key="4" |
| | | @click="cancelCheckALL" |
| | | >åæ¶å
¨é</a-menu-item> |
| | | <a-menu-item |
| | | key="5" |
| | | @click="expandAll" |
| | | >å±å¼ææ</a-menu-item> |
| | | <a-menu-item |
| | | key="6" |
| | | @click="closeAll" |
| | | >åå¹¶ææ</a-menu-item> |
| | | </a-menu> |
| | | <a-button> |
| | | æ æä½ <a-icon type="up" /> |
| | | </a-button> |
| | | </a-dropdown> |
| | | <a-popconfirm |
| | | title="ç¡®å®æ¾å¼ç¼è¾ï¼" |
| | | @confirm="close" |
| | | okText="ç¡®å®" |
| | | cancelText="åæ¶" |
| | | > |
| | | <a-button style="margin-right: .8rem">åæ¶</a-button> |
| | | </a-popconfirm> |
| | | </div> |
| | | |
| | | <template slot="footer"> |
| | | <a-button |
| | | @click="handleSubmit(false)" |
| | | type="primary" |
| | | :loading="loading" |
| | | ghost |
| | | style="margin-right: 0.8rem" |
| | | >ä»
ä¿å</a-button> |
| | | <a-button |
| | | @click="handleSubmit(true)" |
| | | type="primary" |
| | | :loading="loading" |
| | | >ä¿åå¹¶å
³é</a-button> |
| | | </template> |
| | | <role-datarule-modal ref="datarule"></role-datarule-modal> |
| | | </a-modal> |
| | | |
| | | </template> |
| | | |
| | | <script> |
| | | import { queryTreeListForRole, queryRolePermission, saveRolePermission } from '@/api/api' |
| | | import RoleDataruleModal from './RoleDataruleModal.vue' |
| | | |
| | | export default { |
| | | name: "RoleModal", |
| | | components: { |
| | | RoleDataruleModal |
| | | }, |
| | | data() { |
| | | return { |
| | | roleId: "", |
| | | treeData: [], |
| | | defaultCheckedKeys: [], |
| | | checkedKeys: [], |
| | | expandedKeysss: [], |
| | | allTreeKeys: [], |
| | | autoExpandParent: true, |
| | | checkStrictly: true, |
| | | title: "è§è²æéé
ç½®", |
| | | visible: false, |
| | | loading: false, |
| | | selectedKeys: [] |
| | | } |
| | | }, |
| | | methods: { |
| | | onTreeNodeSelect(id) { |
| | | if (id && id.length > 0) { |
| | | this.selectedKeys = id |
| | | } |
| | | this.$refs.datarule.show(this.selectedKeys[0], this.roleId) |
| | | }, |
| | | onCheck(o) { |
| | | if (this.checkStrictly) { |
| | | this.checkedKeys = o.checked; |
| | | } else { |
| | | this.checkedKeys = o |
| | | } |
| | | }, |
| | | show(roleId) { |
| | | this.roleId = roleId |
| | | this.visible = true; |
| | | }, |
| | | close() { |
| | | this.reset() |
| | | this.$emit('close'); |
| | | this.visible = false; |
| | | }, |
| | | onExpand(expandedKeys) { |
| | | this.expandedKeysss = expandedKeys; |
| | | this.autoExpandParent = false |
| | | }, |
| | | reset() { |
| | | this.expandedKeysss = [] |
| | | this.checkedKeys = [] |
| | | this.defaultCheckedKeys = [] |
| | | this.loading = false |
| | | }, |
| | | expandAll() { |
| | | this.expandedKeysss = this.allTreeKeys |
| | | }, |
| | | closeAll() { |
| | | this.expandedKeysss = [] |
| | | }, |
| | | checkALL() { |
| | | this.checkedKeys = this.allTreeKeys |
| | | }, |
| | | cancelCheckALL() { |
| | | //this.checkedKeys = this.defaultCheckedKeys |
| | | this.checkedKeys = [] |
| | | }, |
| | | switchCheckStrictly(v) { |
| | | if (v == 1) { |
| | | this.checkStrictly = false |
| | | } else if (v == 2) { |
| | | this.checkStrictly = true |
| | | } |
| | | }, |
| | | handleCancel() { |
| | | this.close() |
| | | }, |
| | | handleSubmit(exit) { |
| | | let that = this; |
| | | let params = { |
| | | roleId: that.roleId, |
| | | permissionIds: that.checkedKeys.join(","), |
| | | lastpermissionIds: that.defaultCheckedKeys.join(","), |
| | | }; |
| | | that.loading = true; |
| | | console.log("请æ±åæ°ï¼", params); |
| | | saveRolePermission(params).then((res) => { |
| | | if (res.success) { |
| | | that.$message.success(res.message); |
| | | that.loading = false; |
| | | if (exit) { |
| | | that.close() |
| | | } |
| | | } else { |
| | | that.$message.error(res.message); |
| | | that.loading = false; |
| | | if (exit) { |
| | | that.close() |
| | | } |
| | | } |
| | | this.loadData(); |
| | | }) |
| | | }, |
| | | loadData() { |
| | | queryTreeListForRole().then((res) => { |
| | | this.treeData = res.result.treeList |
| | | this.allTreeKeys = res.result.ids |
| | | queryRolePermission({ roleId: this.roleId }).then((res) => { |
| | | this.checkedKeys = [...res.result]; |
| | | this.defaultCheckedKeys = [...res.result]; |
| | | this.expandedKeysss = this.allTreeKeys; |
| | | console.log(this.defaultCheckedKeys) |
| | | }) |
| | | }) |
| | | } |
| | | }, |
| | | watch: { |
| | | visible() { |
| | | if (this.visible) { |
| | | this.loadData(); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | | .drawer-bootom-button { |
| | | position: absolute; |
| | | bottom: 0; |
| | | width: 100%; |
| | | border-top: 1px solid #e8e8e8; |
| | | padding: 10px 16px; |
| | | text-align: right; |
| | | left: 0; |
| | | background: #fff; |
| | | border-radius: 0 0 2px 2px; |
| | | } |
| | | </style> |
| | |
| | | |
| | | import LoginAccount from './LoginAccount' |
| | | import LoginPhone from './LoginPhone' |
| | | import store from '@/store' |
| | | import { getAction } from '../../api/manage' |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | TwoStepCaptcha, |
| | | // ThirdLogin, |
| | | LoginAccount, |
| | | LoginPhone |
| | | LoginPhone, |
| | | store |
| | | }, |
| | | data () { |
| | | return { |
| | |
| | | key:"", |
| | | iv:"", |
| | | }, |
| | | url:{ |
| | | getPrimaryInfo:"/sys/sysAnnouncementSend/getPrimaryInfo" |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | message: '欢è¿', |
| | | description: `${timeFix()}ï¼æ¬¢è¿åæ¥`, |
| | | }); |
| | | var userId = store.getters.userInfo.id; |
| | | let that = this; |
| | | getAction(this.url.getPrimaryInfo,{userId:userId}).then(res=>{ |
| | | if(res.success){ |
| | | for(var i=0;i<res.result.length;i++){ |
| | | that.$notification.success({ |
| | | message: 'ææ°æªè¯»æ¶æ¯ã'+res.result[i].msgCategory+'ã', |
| | | description:res.result[i].msgContent, |
| | | }); |
| | | } |
| | | } |
| | | }) |
| | | // this.$refs.loginSelect.show(loginResult) |
| | | }, |
| | | //ç»å½åå°å¤±è´¥ |
| | |
| | | message: '欢è¿', |
| | | description: `${timeFix()}ï¼æ¬¢è¿åæ¥`, |
| | | }); |
| | | |
| | | }, |
| | | |
| | | stepCaptchaSuccess () { |