Merge remote-tracking branch 'origin/2.0.1' into 2.0.1
| | |
| | | <el-table-column prop="title" label="æ¶æ¯æ¡ç®" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="companyName" label="æ¶æ¬¾å
¬å¸" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column label="è´¦æ·ç±»å" min-width="100" show-overflow-tooltip> |
| | | <template v-slot="{row}"> |
| | | <template v-slot="{ row }"> |
| | | <span v-if="row.type == 0">对å
¬</span> |
| | | <span v-if="row.type == 1">个人</span> |
| | | </template> |
| | |
| | | <el-table-column prop="bankNo" label="é¶è¡è´¦å·" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="status" label="ç¶æ" min-width="100" show-overflow-tooltip> |
| | | <template v-slot="scope"> |
| | | <el-switch v-model="scope.row.status" @change="e =>changeStatus(scope.row)" :active-value="0" :inactive-value="1"> |
| | | <el-switch v-model="scope.row.status" @change="e => changeStatus(scope.row)" :active-value="0" |
| | | :inactive-value="1"> |
| | | </el-switch> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | this.getList() |
| | | }) |
| | | }, |
| | | getCompany(){ |
| | | getCompany() { |
| | | companyGetList({ |
| | | model: {type: 2}, |
| | | model: { type: 2 }, |
| | | capacity: 9999, |
| | | page: 1 |
| | | }).then(res => { |
| | | this.queryFormConfig.formItems[1].options = res.records || [] |
| | | this.queryFormConfig.formItems[1].options = res.records || [] |
| | | }) |
| | | }, |
| | | handleEdit(row) { |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | |
| | | <template> |
| | | |
| | | <div class="box"> |
| | | <div class="content"> |
| | | <div class="content_form"> |
| | | <el-form ref="form" :model="form" label-width="120px"> |
| | | <el-form-item label="ç信模æ¿"> |
| | | <div style="display: flex; align-items: self-start;"> |
| | | <el-input type="textarea" rows="5" v-model="form.desc"></el-input> |
| | | <el-button type="primary" style="margin-left: 10px;">ä¿å</el-button> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="é®ç®±æ¨¡æ¿"> |
| | | <div style="display: flex; align-items: self-start;"> |
| | | <el-input type="textarea" rows="5" v-model="form.desc"></el-input> |
| | | <el-button type="primary" style="margin-left: 10px;">ä¿å</el-button> |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <el-button @click="$refs.templateKeywords.open('模æ¿å
³é®å')">模æ¿å
³é®å</el-button> |
| | | </div> |
| | | <templateKeywords ref="templateKeywords" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import templateKeywords from './components/templateKeywords' |
| | | export default { |
| | | name: 'collectionSettings' |
| | | name: 'collectionSettings', |
| | | data() { |
| | | return { |
| | | form: { |
| | | desc: '' |
| | | } |
| | | } |
| | | }, |
| | | components: { templateKeywords } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .box { |
| | | width: 100%; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | .content { |
| | | width: 100%; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | background: #ffffff; |
| | | display: flex; |
| | | align-items: self-start; |
| | | justify-content: space-between; |
| | | .content_form { |
| | | width: 60%; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <el-table-column prop="accountNum" label="æ¶æ¯è´¦æ·æ°é" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="status" label="ç¶æ" min-width="100" show-overflow-tooltip> |
| | | <template v-slot="scope"> |
| | | <el-switch v-model="scope.row.status" @change="e => changeStatus(scope.row)" :active-value="0" :inactive-value="1"> |
| | | <el-switch v-model="scope.row.status" @change="e => changeStatus(scope.row)" :active-value="0" |
| | | :inactive-value="1"> |
| | | </el-switch> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | :visible.sync="visible" |
| | | width="100%"> |
| | | <div class="main"> |
| | | <div class="title">è´¦åä¿¡æ¯</div> |
| | | <div class="list"> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${è´¹ç¨åç§°}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${è®¡è´¹å¨æ}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${åä»·}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${åä½}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${åºæ¶æ¥æ}</el-tag> |
| | | </div> |
| | | <div class="title">ååä¿¡æ¯</div> |
| | | <div class="list"> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${è´¹ç¨åç§°}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${è®¡è´¹å¨æ}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${åä»·}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${åä½}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${åºæ¶æ¥æ}</el-tag> |
| | | </div> |
| | | <div class="title">å
¶ä»ä¿¡æ¯</div> |
| | | <div class="list"> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${è´¹ç¨åç§°}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${è®¡è´¹å¨æ}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${åä»·}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${åä½}</el-tag> |
| | | <el-tag type="info" size="medium" effect="plain" style="margin-right: 10px;">${åºæ¶æ¥æ}</el-tag> |
| | | </div> |
| | | </div> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | export default { |
| | | name: "templateKeywords", |
| | | components: { GlobalWindow }, |
| | | extends: BaseOpera, |
| | | data() { |
| | | return { |
| | | |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import '@/assets/style/variables.scss'; |
| | | .main { |
| | | padding-top: 20px; |
| | | box-sizing: border-box; |
| | | .title { |
| | | font-weight: 500; |
| | | font-size: 18px; |
| | | color: $primary-color; |
| | | margin-bottom: 15px; |
| | | } |
| | | |
| | | .list { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | border-radius: 2px; |
| | | margin-bottom: 30px; |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <div class="main_app"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> |
| | | <div class="mt20"> |
| | | <!-- <el-button v-permissions="['business:ywpatrolline:create']">导åº</el-button>--> |
| | | <!-- <el-button v-permissions="['business:ywpatrolline:create']">导åº</el-button>--> |
| | | </div> |
| | | <el-table v-loading="loading" :data="list" stripe> |
| | | <el-table-column prop="customerName" label="客æ·åç§°" min-width="100" show-overflow-tooltip /> |
| | |
| | | <el-table-column label="æ¿å·" min-width="100" show-overflow-tooltip> |
| | | <template slot-scope="{row}"> |
| | | <div style="display: flex; flex-direction: column;" v-if="row.roomPathName"> |
| | | <span v-for="(item, index) in row.roomPathName.split(';')" :key="index">{{item}}</span> |
| | | <span v-for="(item, index) in row.roomPathName.split(';')" :key="index">{{ item }}</span> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | this.getList() |
| | | }, |
| | | methods: { |
| | | isShow (status, contractStatus) { |
| | | isShow(status, contractStatus) { |
| | | if (status === 1) return false |
| | | if (contractStatus === '3' || contractStatus === '4') return false |
| | | return true |
| | |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | closeDW (id) { |
| | | closeDW(id) { |
| | | this.$confirm('确认å
³éæ¤æµæ°´å?', 'æç¤º', { |
| | | confirmButtonText: 'ç¡®å®', |
| | | cancelButtonText: 'åæ¶', |
| | |
| | | this.getList() |
| | | }) |
| | | }).catch(() => { |
| | | |
| | | }); |
| | | |
| | | }) |
| | | }, |
| | | handleDel(row) { |
| | | let message = `确认å é¤è¯¥è®°å½å?` |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | |
| | | </el-table-column> |
| | | <el-table-column label="æä½" min-width="130" fixed="right"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="handleDetail(row)" v-permissions="['business:category:update']">æ¥ç详æ
</el-button> |
| | | <el-button type="text" @click="handleDetail(row)" |
| | | v-permissions="['business:category:update']">æ¥ç详æ
</el-button> |
| | | <el-button type="text" @click="handleEdit(row)" icon="el-icon-edit" |
| | | v-permissions="['business:category:update']">ç¼è¾</el-button> |
| | | <el-button type="text" @click="handleDel(row)" icon="el-icon-delete" |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | |
| | | <el-table-column prop="param1" label="ä½ä¸å¼å§" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="param2" label="ä½ä¸ç»æ" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="workTime" label="ä½ä¸æ¶é¿" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="name" |
| | | label="è¿è¾åå·/ååå·" min-width="100" show-overflow-tooltip> |
| | | <el-table-column prop="name" label="è¿è¾åå·/ååå·" min-width="100" show-overflow-tooltip> |
| | | <template v-slot="scope"> |
| | | <span>{{ scope.row.billCode || scope.row.contractNum }}</span> |
| | | </template> |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <TableLayout :permissions="['business:ywroom:query']"> |
| | | <!-- æç´¢è¡¨å --> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="120px" inline> |
| | | <el-form-item label="ä»åº" prop="buildingId"> |
| | | <el-select v-model="searchForm.buildingId" placeholder="è¯·éæ©æ¥¼å®" clearable> |
| | | <el-option v-for="item in buildList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="èµäº§åç§°/ç¼ç " prop="roomNum"> |
| | | <el-input v-model="searchForm.roomNum" placeholder="请è¾å
¥æ¿å·" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="åå·" prop="roomNum"> |
| | | <el-input v-model="searchForm.roomNum" placeholder="请è¾å
¥æ¿å·" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">æç´¢</el-button> |
| | | <el-button @click="reset">éç½®</el-button> |
| | | </section> |
| | | </el-form> |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <template v-slot:table-wrap> |
| | | <ul class="toolbar" v-permissions="['business:ywroom:create', 'business:ywroom:delete']"> |
| | | <li><el-button>导åº</el-button></li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe> |
| | | <el-table-column prop="projectName" label="èµäº§ç¼å·" min-width="100px"></el-table-column> |
| | | <el-table-column prop="buildingName" label="èµäº§åç§°" min-width="70px"></el-table-column> |
| | | <el-table-column prop="floorName" label="æ¡ç " min-width="60px"></el-table-column> |
| | | <el-table-column prop="roomNum" label="åç" min-width="60px"></el-table-column> |
| | | <el-table-column prop="rentArea" label="è§æ ¼åå·" min-width="80px"></el-table-column> |
| | | <el-table-column prop="feeArea" label="æå¨ä»åº" min-width="80px"></el-table-column> |
| | | <el-table-column prop="feeArea" label="åºå" min-width="80px"></el-table-column> |
| | | </el-table> |
| | | <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="tableData.pagination"> |
| | | </pagination> |
| | | </template> |
| | | </TableLayout> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | export default { |
| | | name: 'InventoryQuery', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination }, |
| | | data() { |
| | | return { |
| | | // æç´¢ |
| | | searchForm: { |
| | | id: '', |
| | | creator: '', |
| | | createDate: '', |
| | | editor: '', |
| | | editDate: '', |
| | | isdeleted: '', |
| | | name: '', |
| | | remark: '', |
| | | status: '', |
| | | sortnum: '', |
| | | imgurl: '', |
| | | code: '', |
| | | roomNum: '', |
| | | isInvestment: '', |
| | | area: '', |
| | | feeArea: '', |
| | | rentArea: '', |
| | | floor: '', |
| | | projectId: '', |
| | | buildingId: '' |
| | | }, |
| | | projectList: [], |
| | | buildList: [], |
| | | |
| | | filters: {} |
| | | } |
| | | }, |
| | | created() { |
| | | this.config({ |
| | | module: 'è¿ç»´æ¿æºä¿¡æ¯è¡¨', |
| | | api: '/project/ywRoom', |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | }, |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <el-table-column prop="param1" label="夿³¨" min-width="120" show-overflow-tooltip /> |
| | | <el-table-column prop="param2" label="ç¶æ" min-width="90" show-overflow-tooltip /> |
| | | <el-table-column prop="workTime" label="æä½" min-width="100" show-overflow-tooltip> |
| | | <template v-slot="{row}"> |
| | | <template v-slot="{ row }"> |
| | | <span class="primaryColor pointer">æ¥ç详æ
</span> |
| | | <span class="red pointer">å é¤</span> |
| | | </template> |
| | |
| | | total: 0, |
| | | queryFormConfig: { |
| | | formItems: [ |
| | | { |
| | | { |
| | | filed: 'carCodeFront', |
| | | type: 'input', |
| | | label: 'ä»åºåç§°', |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | |
| | | </style> |
| | | <style></style> |
| | |
| | | </ul> |
| | | <el-table row-key="id" :tree-props="{ children: 'childCategoryList' }" v-loading="isWorking.search" |
| | | :data="dataList" stripe @selection-change="handleSelectionChange"> |
| | | <el-table-column prop="name" label="设å¤åç±»" min-width="100px"></el-table-column> |
| | | <el-table-column prop="name" label="èµäº§åç±»" min-width="100px"></el-table-column> |
| | | <!-- <el-table-column prop="parentName" label="æå±åç±»" min-width="100px"></el-table-column> --> |
| | | <el-table-column prop="sortnum" label="æåºç " min-width="100px"></el-table-column> |
| | | <el-table-column v-if="containPermissions(['business:category:update', 'business:category:delete'])" label="æä½" |
| | |
| | | methods: { |
| | | handleEdit(row) { |
| | | this.isShowEdit = true |
| | | let str = row && row.id ? 'ç¼è¾è®¾å¤åç±»' : 'æ°å»ºè®¾å¤åç±»' |
| | | let str = row && row.id ? 'ç¼è¾èµäº§åç±»' : 'æ°å»ºèµäº§åç±»' |
| | | this.$nextTick(() => { |
| | | this.$refs.CateEditRef.open(str) |
| | | this.$refs.CateEditRef.getList() |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <TableLayout> |
| | | <template v-slot:table-wrap> |
| | | <ul class="toolbar"> |
| | | <li><el-button type="primary" icon="el-icon-plus" @click="$refs.newAsset.open('æ°å»ºèµäº§åç±»')">æ°å»º</el-button></li> |
| | | </ul> |
| | | <el-table row-key="id" :tree-props="{ children: 'childCategoryList' }" v-loading="isWorking.search" |
| | | :data="dataList" stripe> |
| | | <el-table-column prop="name" label="èµäº§åç±»" min-width="100px"></el-table-column> |
| | | <el-table-column prop="sortnum" label="æåºç " min-width="100px"></el-table-column> |
| | | <el-table-column label="æä½" min-width="120" fixed="right"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" icon="el-icon-edit">ç¼è¾</el-button> |
| | | <el-button type="text" icon="el-icon-delete">å é¤</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handlePageChange" |
| | | :pagination="tableData.pagination" |
| | | ></pagination> |
| | | </template> |
| | | <newAsset ref="newAsset" /> |
| | | </TableLayout> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import newAsset from './components/newAsset' |
| | | export default { |
| | | name: 'assetManagement', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination, newAsset }, |
| | | data() { |
| | | return { |
| | | dataList: [] |
| | | } |
| | | }, |
| | | created() { |
| | | this.config({ |
| | | module: '车è¾ä¿¡æ¯è¡¨', |
| | | api: '/business/category', |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | }, |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <el-table-column prop="param2" label="å建æ¶é´" min-width="140" show-overflow-tooltip /> |
| | | <el-table-column prop="workTime" label="çç¹ç¶æ" min-width="80" show-overflow-tooltip /> |
| | | <el-table-column prop="workTime" label="æä½" min-width="140" show-overflow-tooltip> |
| | | <template v-slot="{row}"> |
| | | <template v-slot="{ row }"> |
| | | <span class="primaryColor pointer">æ¥ç详æ
</span> |
| | | <span class="primaryColor pointer">åæ¶</span> |
| | | <span class="primaryColor pointer">å é¤</span> |
| | |
| | | total: 0, |
| | | queryFormConfig: { |
| | | formItems: [ |
| | | { |
| | | { |
| | | filed: 'carCodeFront', |
| | | type: 'input', |
| | | label: 'çç¹å', |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | |
| | | </style> |
| | | <style></style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow title="éæ©ç©æ" :visible.sync="isShowModal" :confirm-working="isLoading" width="900px" @close="close" |
| | | @confirm="confirm"> |
| | | <el-form ref="searchForm" :model="searchForm" label-width="100px" inline> |
| | | <el-form-item prop="areaType" label="ç©æä¿¡æ¯"> |
| | | <el-input v-model="searchForm.aaa" placeholder="请è¾å
¥ç©æç¼ç /åç§°" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="areaIds" label="ç©æåç±»"> |
| | | <el-cascader v-model="searchForm.areaIds" @change="changeSel" placeholder="è¯·éæ©ç©æåç±»" clearable |
| | | :options="cateList" :props="{ |
| | | label: 'name', |
| | | value: 'id', |
| | | children: 'childCategoryList' |
| | | }"></el-cascader> |
| | | </el-form-item> |
| | | <span> |
| | | <el-button type="primary" @click="getList">æç´¢</el-button> |
| | | <el-button @click="reset">éç½®</el-button> |
| | | </span> |
| | | </el-form> |
| | | <!-- --> |
| | | <el-table @selection-change="handleSelectionChange" :data="list" stripe> |
| | | <el-table-column type="selection" width="55" /> |
| | | <el-table-column prop="categoryName" label="ç©æç¼ç " min-width="100px"></el-table-column> |
| | | <el-table-column prop="creatorName" label="ç©æåç§°" min-width="80px"></el-table-column> |
| | | <el-table-column prop="createDate" label="æ¡ç " min-width="100px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åç" min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="è§æ ¼åå·" min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åä½" min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åºå" min-width="80px"></el-table-column> |
| | | </el-table> |
| | | <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination"> |
| | | </Pagination> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import { fetchList as getCateList } from '@/api/business/category.js' |
| | | export default { |
| | | name: 'OperaCategoryWindow', |
| | | components: { GlobalWindow, Pagination }, |
| | | data() { |
| | | return { |
| | | // è¡¨åæ°æ® |
| | | searchForm: {}, |
| | | pagination: { |
| | | pageSize: 10, |
| | | page: 1, |
| | | total: 0 |
| | | }, |
| | | list: [], |
| | | selList: [], |
| | | cateList: [], |
| | | isShowModal: false, |
| | | isLoading: false, |
| | | // éªè¯è§å |
| | | rules: { |
| | | name: [{ required: true, message: '请è¾å
¥äºçº§åç±»åç§°', trigger: 'blur' }], |
| | | }, |
| | | dataList: [] |
| | | } |
| | | }, |
| | | created() { |
| | | this.initData() |
| | | }, |
| | | methods: { |
| | | confirm() { |
| | | this.$emit('change', this.selList) |
| | | this.close() |
| | | }, |
| | | handleSelectionChange(val) { |
| | | this.selList = val |
| | | }, |
| | | getList(page) { |
| | | const { pagination, searchForm } = this |
| | | this.listLoading = true |
| | | if(page){pagination.page = page} |
| | | fetchList({ |
| | | capacity: pagination.pageSize, |
| | | page: pagination.page, |
| | | model: {...searchForm} |
| | | }).then((res) => { |
| | | this.listLoading = false |
| | | this.list = res.records |
| | | this.pagination.total = res.total || 0 |
| | | }, () => { |
| | | this.listLoading = false |
| | | }) |
| | | }, |
| | | initData() { |
| | | getCateList({ |
| | | model: { type: 3 }, |
| | | capacity: 1000, |
| | | page: 1, |
| | | }).then(res => { |
| | | this.cateList = res.records || [] |
| | | }) |
| | | }, |
| | | changeSel(e) { |
| | | if (e && e.length == 2) { |
| | | this.$set(this.searchForm, 'cateId', e[1]) |
| | | } else { |
| | | this.$set(this.searchForm, 'cateId', '') |
| | | } |
| | | }, |
| | | reset() { |
| | | this.searchForm = {} |
| | | this.pagination.pageSize = 10 |
| | | this.pagination.page = 1 |
| | | this.getList() |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | }, |
| | | close() { |
| | | this.isShowModal = false |
| | | this.$emit('close') |
| | | }, |
| | | } |
| | | } |
| | | </script> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow width="960px" title="åºåºå详æ
" :visible.sync="visible" :confirm-working="isWorking" @close="close" |
| | | @confirm="confirm"> |
| | | <div class="main"> |
| | | <div class="title"> |
| | | <span>å·¥å详æ
</span> |
| | | </div> |
| | | <div class="main_content"> |
| | | <div class="list"> |
| | | <div class="item"> |
| | | <div class="la">åºåºä»åº</div> |
| | | <div class="val">{{ info.projectName }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">åºåºæ¥æ</div> |
| | | <div class="val">{{ info.categoryName }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">åºåºç±»å</div> |
| | | <div class="val">{{ info.creatorName }}{{ info.creatorCompany ? "-" + info.creatorCompany : '' }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">å¤ç人</div> |
| | | <div class="val">{{ info.creatorPhone || info.creatorMobile }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">夿³¨</div> |
| | | <div class="val">{{ info.createDate }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="title">ç©æä¿¡æ¯</div> |
| | | <el-table :data="list" stripe> |
| | | <el-table-column align="center" type="index" width="55" /> |
| | | <el-table-column prop="creatorName" label="ç©æåç§°" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="categoryName" label="ç©æç¼ç " show-overflow-tooltip min-width="100px"></el-table-column> |
| | | <el-table-column prop="createDate" label="æ¡å½¢ç " show-overflow-tooltip min-width="100px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åç" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åä½" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åºåºæ°é" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import { detailById, dispatchOrder, dealOrder } from '@/api/workorder/ywWorkorder' |
| | | import { getUserList } from '@/api/system/user' |
| | | import { Message, Loading } from 'element-ui' |
| | | import dayjs from 'dayjs' |
| | | export default { |
| | | components: { |
| | | GlobalWindow |
| | | }, |
| | | extends: BaseOpera, |
| | | data() { |
| | | return { |
| | | id: '', |
| | | visible: false, |
| | | info: {}, |
| | | list: [] |
| | | |
| | | |
| | | } |
| | | }, |
| | | created() { |
| | | // this.getDetail() |
| | | }, |
| | | methods: { |
| | | getDetail() { |
| | | const { id } = this |
| | | detailById(id).then(res => { |
| | | this.info = res |
| | | }) |
| | | }, |
| | | close() { |
| | | this.visible = false |
| | | this.$emit('close') |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import '@/assets/style/variables.scss'; |
| | | |
| | | .main { |
| | | padding-top: 20px; |
| | | |
| | | .title { |
| | | font-weight: 500; |
| | | font-size: 18px; |
| | | color: $primary-color; |
| | | margin-bottom: 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .status { |
| | | padding: 0 12px; |
| | | height: 24px; |
| | | line-height: 24px; |
| | | border-radius: 2px; |
| | | border: 1px solid #00BA92; |
| | | color: #00BA92; |
| | | font-weight: 400; |
| | | font-size: 12px; |
| | | margin-left: 10px; |
| | | } |
| | | |
| | | .primaryColor { |
| | | border: 1px solid rgba(63, 126, 239, .2); |
| | | background-color: rgba(63, 126, 239, .2); |
| | | } |
| | | |
| | | .green { |
| | | background-color: rgba(83, 183, 148, .2); |
| | | border: 1px solid rgba(83, 183, 148, .2); |
| | | } |
| | | |
| | | .gray { |
| | | color: #333333; |
| | | background-color: rgba(128, 128, 128, .2); |
| | | border: 1px solid rgba(128, 128, 128, .2); |
| | | } |
| | | } |
| | | |
| | | .list { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | /* background: #F7F7F7; */ |
| | | border-radius: 2px; |
| | | padding: 15px 20px; |
| | | margin-bottom: 16px; |
| | | |
| | | .item { |
| | | width: 33.3%; |
| | | margin-bottom: 14px; |
| | | |
| | | .la { |
| | | color: #7f7f7f; |
| | | margin-bottom: 6px; |
| | | } |
| | | } |
| | | |
| | | .item2 { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .la { |
| | | margin-bottom: 0; |
| | | width: 72px; |
| | | } |
| | | } |
| | | |
| | | .max { |
| | | width: 100%; |
| | | } |
| | | } |
| | | |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow title="æ°å»ºåºåºå" :visible.sync="isShowModal" :confirm-working="isLoading" width="900px" @close="close" |
| | | @confirm="confirm"> |
| | | <el-form :model="param" ref="form" :rules="rules"> |
| | | <div class="df_ac"> |
| | | <el-form-item class="w3" label="åºåºä»åº" prop="parentId"> |
| | | <el-select :disabled="param.id" v-model="param.parentId" placeholder="ä¸å¡«ä¸ºåä¸çº§åç±»"> |
| | | <el-option v-for="op in dataList" :key="op.id" :label="op.name" :value="op.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item class="w3" label="åºåºæ¥æ"> |
| | | <el-date-picker type="date" v-model="param.getDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
| | | placeholder="è¯·éæ©åºåºæ¥æ"></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item class="w3" label="åºåºç±»å" prop="parentId"> |
| | | <el-select :disabled="param.id" v-model="param.parentId" placeholder="ä¸å¡«ä¸ºåä¸çº§åç±»"> |
| | | <el-option v-for="op in dataList" :key="op.id" :label="op.name" :value="op.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item class="w3" label="å¤ç人" prop="name"> |
| | | <el-input v-model="param.name" v-trim /> |
| | | </el-form-item> |
| | | <el-form-item class="w6" label="夿³¨" prop="name"> |
| | | <el-input v-model="param.name" placeholder="请è¾å
¥" v-trim /> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | <!-- --> |
| | | <el-tabs v-model="activeName"> |
| | | <el-tab-pane label="ç©æä¿¡æ¯" name="first"></el-tab-pane> |
| | | </el-tabs> |
| | | <el-button type="primary" @click="handleOpenMaterial">éæ©ç©æ</el-button> |
| | | <el-table :data="list" stripe> |
| | | <el-table-column align="center" label="åºå·" type="index" width="50" /> |
| | | <el-table-column prop="creatorName" label="ç©æåç§°" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="categoryName" label="ç©æç¼ç " show-overflow-tooltip min-width="90px"></el-table-column> |
| | | <el-table-column prop="createDate" label="æ¡å½¢ç " show-overflow-tooltip min-width="70px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åç" show-overflow-tooltip min-width="70px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åä½" show-overflow-tooltip min-width="70px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åºåºæ°é" min-width="90px"> |
| | | <template v-slot="{row}"> |
| | | <el-input oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 11)" v-model="row.aa" class="w100"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="dealUserName" label="åºåæ°é" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="æä½" min-width="60px"> |
| | | <template v-slot="scope"> |
| | | <span @click="handleDel(scope)" class="red pointer">å é¤</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- --> |
| | | <AssetSel v-if="isShowSel" ref="AssetSelRef" @change="changeSel" @close="isShowSel = false" /> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import AssetSel from './AssetSel' |
| | | import { create, fetchCateList, getInfoById } from '@/api/business/category.js' |
| | | export default { |
| | | name: 'OperaCategoryWindow', |
| | | components: { GlobalWindow, AssetSel }, |
| | | data() { |
| | | return { |
| | | // è¡¨åæ°æ® |
| | | param: {}, |
| | | activeName: 'first', |
| | | isShowModal: false, |
| | | isShowSel: false, |
| | | isLoading: false, |
| | | // éªè¯è§å |
| | | rules: { |
| | | name: [{ required: true, message: '请è¾å
¥äºçº§åç±»åç§°', trigger: 'blur' }], |
| | | }, |
| | | list: [{}], |
| | | |
| | | dataList: [], |
| | | } |
| | | }, |
| | | created() { |
| | | |
| | | }, |
| | | methods: { |
| | | confirm() { |
| | | |
| | | }, |
| | | getList() { |
| | | fetchCateList({ type: 5 }).then(res => { |
| | | this.dataList = res || [] |
| | | |
| | | }) |
| | | }, |
| | | changeSel() { |
| | | |
| | | }, |
| | | handleDel(val) { |
| | | const index = val.$index |
| | | this.list.splice(index, 1) |
| | | |
| | | }, |
| | | handleOpenMaterial() { |
| | | this.isShowSel = true |
| | | this.$nextTick(() => { |
| | | this.$refs.AssetSelRef.isShowModal = true |
| | | }) |
| | | }, |
| | | close() { |
| | | this.isShowModal = false |
| | | this.$emit('close') |
| | | }, |
| | | getDetail(id) { |
| | | getInfoById(id).then(res => { |
| | | this.param = res |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .df_ac { |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | |
| | | .w3 { |
| | | width: 33.3%; |
| | | padding: 0 10px; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .w6 { |
| | | width: 66.6%; |
| | | padding: 0 10px; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow width="960px" title="åºåºå详æ
" :visible.sync="visible" :confirm-working="isWorking" @close="close" |
| | | @confirm="confirm"> |
| | | <div class="main"> |
| | | <div class="title"> |
| | | <span>å·¥å详æ
</span> |
| | | </div> |
| | | <div class="main_content"> |
| | | <div class="list"> |
| | | <div class="item"> |
| | | <div class="la">åºåºä»åº</div> |
| | | <div class="val">{{ info.projectName }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">åºåºæ¥æ</div> |
| | | <div class="val">{{ info.categoryName }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">åºåºç±»å</div> |
| | | <div class="val">{{ info.creatorName }}{{ info.creatorCompany ? "-" + info.creatorCompany : '' }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">å¤ç人</div> |
| | | <div class="val">{{ info.creatorPhone || info.creatorMobile }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">夿³¨</div> |
| | | <div class="val">{{ info.createDate }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="title">ç©æä¿¡æ¯</div> |
| | | <el-table :data="list" stripe> |
| | | <el-table-column align="center" type="index" width="55" /> |
| | | <el-table-column prop="creatorName" label="ç©æåç§°" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="categoryName" label="ç©æç¼ç " show-overflow-tooltip min-width="100px"></el-table-column> |
| | | <el-table-column prop="createDate" label="æ¡å½¢ç " show-overflow-tooltip min-width="100px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åç" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åä½" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åºåºæ°é" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | </el-table> |
| | | </div> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import { detailById, dispatchOrder, dealOrder } from '@/api/workorder/ywWorkorder' |
| | | import { getUserList } from '@/api/system/user' |
| | | import { Message, Loading } from 'element-ui' |
| | | import dayjs from 'dayjs' |
| | | export default { |
| | | components: { |
| | | GlobalWindow |
| | | }, |
| | | extends: BaseOpera, |
| | | data() { |
| | | return { |
| | | id: '', |
| | | visible: false, |
| | | info: {}, |
| | | list: [] |
| | | |
| | | |
| | | } |
| | | }, |
| | | created() { |
| | | // this.getDetail() |
| | | }, |
| | | methods: { |
| | | getDetail() { |
| | | const { id } = this |
| | | detailById(id).then(res => { |
| | | this.info = res |
| | | }) |
| | | }, |
| | | close() { |
| | | this.visible = false |
| | | this.$emit('close') |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import '@/assets/style/variables.scss'; |
| | | |
| | | .main { |
| | | padding-top: 20px; |
| | | |
| | | .title { |
| | | font-weight: 500; |
| | | font-size: 18px; |
| | | color: $primary-color; |
| | | margin-bottom: 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .status { |
| | | padding: 0 12px; |
| | | height: 24px; |
| | | line-height: 24px; |
| | | border-radius: 2px; |
| | | border: 1px solid #00BA92; |
| | | color: #00BA92; |
| | | font-weight: 400; |
| | | font-size: 12px; |
| | | margin-left: 10px; |
| | | } |
| | | |
| | | .primaryColor { |
| | | border: 1px solid rgba(63, 126, 239, .2); |
| | | background-color: rgba(63, 126, 239, .2); |
| | | } |
| | | |
| | | .green { |
| | | background-color: rgba(83, 183, 148, .2); |
| | | border: 1px solid rgba(83, 183, 148, .2); |
| | | } |
| | | |
| | | .gray { |
| | | color: #333333; |
| | | background-color: rgba(128, 128, 128, .2); |
| | | border: 1px solid rgba(128, 128, 128, .2); |
| | | } |
| | | } |
| | | |
| | | .list { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | /* background: #F7F7F7; */ |
| | | border-radius: 2px; |
| | | padding: 15px 20px; |
| | | margin-bottom: 16px; |
| | | |
| | | .item { |
| | | width: 33.3%; |
| | | margin-bottom: 14px; |
| | | |
| | | .la { |
| | | color: #7f7f7f; |
| | | margin-bottom: 6px; |
| | | } |
| | | } |
| | | |
| | | .item2 { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | .la { |
| | | margin-bottom: 0; |
| | | width: 72px; |
| | | } |
| | | } |
| | | |
| | | .max { |
| | | width: 100%; |
| | | } |
| | | } |
| | | |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow title="æ°å»ºåºåºå" :visible.sync="isShowModal" :confirm-working="isLoading" width="900px" @close="close" |
| | | @confirm="confirm"> |
| | | <el-form :model="param" ref="form" :rules="rules"> |
| | | <div class="df_ac"> |
| | | <el-form-item class="w3" label="åºåºä»åº" prop="parentId"> |
| | | <el-select :disabled="param.id" v-model="param.parentId" placeholder="ä¸å¡«ä¸ºåä¸çº§åç±»"> |
| | | <el-option v-for="op in dataList" :key="op.id" :label="op.name" :value="op.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item class="w3" label="åºåºæ¥æ"> |
| | | <el-date-picker type="date" v-model="param.getDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
| | | placeholder="è¯·éæ©åºåºæ¥æ"></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item class="w3" label="åºåºç±»å" prop="parentId"> |
| | | <el-select :disabled="param.id" v-model="param.parentId" placeholder="ä¸å¡«ä¸ºåä¸çº§åç±»"> |
| | | <el-option v-for="op in dataList" :key="op.id" :label="op.name" :value="op.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item class="w3" label="å¤ç人" prop="name"> |
| | | <el-input v-model="param.name" v-trim /> |
| | | </el-form-item> |
| | | <el-form-item class="w6" label="夿³¨" prop="name"> |
| | | <el-input v-model="param.name" placeholder="请è¾å
¥" v-trim /> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | <!-- --> |
| | | <el-tabs v-model="activeName"> |
| | | <el-tab-pane label="ç©æä¿¡æ¯" name="first"></el-tab-pane> |
| | | </el-tabs> |
| | | <el-button type="primary" @click="handleOpenMaterial">éæ©ç©æ</el-button> |
| | | <el-table :data="list" stripe> |
| | | <el-table-column align="center" label="åºå·" type="index" width="50" /> |
| | | <el-table-column prop="creatorName" label="ç©æåç§°" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="categoryName" label="ç©æç¼ç " show-overflow-tooltip min-width="90px"></el-table-column> |
| | | <el-table-column prop="createDate" label="æ¡å½¢ç " show-overflow-tooltip min-width="70px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åç" show-overflow-tooltip min-width="70px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åä½" show-overflow-tooltip min-width="70px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="åºåºæ°é" min-width="90px"> |
| | | <template v-slot="{row}"> |
| | | <el-input oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 11)" v-model="row.aa" class="w100"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="dealUserName" label="åºåæ°é" show-overflow-tooltip min-width="80px"></el-table-column> |
| | | <el-table-column prop="dealUserName" label="æä½" min-width="60px"> |
| | | <template v-slot="scope"> |
| | | <span @click="handleDel(scope)" class="red pointer">å é¤</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- --> |
| | | <AssetSel v-if="isShowSel" ref="AssetSelRef" @change="changeSel" @close="isShowSel = false" /> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import AssetSel from './AssetSel' |
| | | import { create, fetchCateList, getInfoById } from '@/api/business/category.js' |
| | | export default { |
| | | name: 'OperaCategoryWindow', |
| | | components: { GlobalWindow, AssetSel }, |
| | | data() { |
| | | return { |
| | | // è¡¨åæ°æ® |
| | | param: {}, |
| | | activeName: 'first', |
| | | isShowModal: false, |
| | | isShowSel: false, |
| | | isLoading: false, |
| | | // éªè¯è§å |
| | | rules: { |
| | | name: [{ required: true, message: '请è¾å
¥äºçº§åç±»åç§°', trigger: 'blur' }], |
| | | }, |
| | | list: [{}], |
| | | |
| | | dataList: [], |
| | | } |
| | | }, |
| | | created() { |
| | | |
| | | }, |
| | | methods: { |
| | | confirm() { |
| | | |
| | | }, |
| | | getList() { |
| | | fetchCateList({ type: 5 }).then(res => { |
| | | this.dataList = res || [] |
| | | |
| | | }) |
| | | }, |
| | | changeSel() { |
| | | |
| | | }, |
| | | handleDel(val) { |
| | | const index = val.$index |
| | | this.list.splice(index, 1) |
| | | |
| | | }, |
| | | handleOpenMaterial() { |
| | | this.isShowSel = true |
| | | this.$nextTick(() => { |
| | | this.$refs.AssetSelRef.isShowModal = true |
| | | }) |
| | | }, |
| | | close() { |
| | | this.isShowModal = false |
| | | this.$emit('close') |
| | | }, |
| | | getDetail(id) { |
| | | getInfoById(id).then(res => { |
| | | this.param = res |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .df_ac { |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | |
| | | .w3 { |
| | | width: 33.3%; |
| | | padding: 0 10px; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .w6 { |
| | | width: 66.6%; |
| | | padding: 0 10px; |
| | | box-sizing: border-box; |
| | | } |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | :visible.sync="visible" |
| | | :withFooter="false" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm"> |
| | | <div class="main"> |
| | | <div class="title">çç¹ä¿¡æ¯</div> |
| | | <div class="list"> |
| | | <div class="item"> |
| | | <div class="la">çç¹ååç§°</div> |
| | | <div class="val">åºåçç¹20241212</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">çç¹æ¥æ</div> |
| | | <div class="val">2024-11-17</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">çç¹ä»åº</div> |
| | | <div class="val">ä»åº1</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">çç¹å</div> |
| | | <div class="val">å¼ ä¸</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div class="la">çç¹ç¶æ</div> |
| | | <div class="val">已宿</div> |
| | | </div> |
| | | </div> |
| | | <div class="title">çç¹ç»æ</div> |
| | | <div class="list"> |
| | | <div class="list_search"> |
| | | <div class="list_search_left"> |
| | | <el-input v-model="input" style="width: 200px; margin-right: 10px;" placeholder="请è¾å
¥å
容"></el-input> |
| | | <el-select v-model="input" style="width: 200px; margin-right: 10px;" placeholder="è¯·éæ©"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | <el-button type="primary">æ¥è¯¢</el-button> |
| | | <el-button>æ¸
空</el-button> |
| | | <el-button>导åº</el-button> |
| | | </div> |
| | | <div class="list_search_right"> |
| | | <span>å·²ç:100</span> |
| | | <span>æªç:20</span> |
| | | <span>è´¦å®ç¸ç¬¦:88</span> |
| | | <span>çç:2</span> |
| | | <span>çäº:20</span> |
| | | </div> |
| | | </div> |
| | | <div style="width: 100%; margin: 20px 0;"> |
| | | <el-table :data="roomList" stripe> |
| | | <el-table-column prop="projectName" label="èµäº§ç¼ç " show-overflow-tooltip /> |
| | | <el-table-column prop="buildingName" label="èµäº§åç§°" show-overflow-tooltip /> |
| | | <el-table-column prop="buildingName" label="æ¡ç " show-overflow-tooltip /> |
| | | <el-table-column prop="buildingName" label="åç" show-overflow-tooltip /> |
| | | <el-table-column prop="buildingName" label="è§æ ¼åå·" show-overflow-tooltip /> |
| | | <el-table-column prop="buildingName" label="åä½" show-overflow-tooltip /> |
| | | <el-table-column prop="buildingName" label="æå¨ä»åº" show-overflow-tooltip /> |
| | | <el-table-column prop="buildingName" label="è´¦é¢æ°é" show-overflow-tooltip /> |
| | | <el-table-column prop="buildingName" label="çç¹æ°é" show-overflow-tooltip /> |
| | | <el-table-column prop="buildingName" label="夿³¨" show-overflow-tooltip /> |
| | | </el-table> |
| | | </div> |
| | | <div class="list_pagination"> |
| | | <el-pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | :current-page="page" |
| | | :page-sizes="[10, 20, 30, 40]" |
| | | :page-size="pageSize" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | :total="total"> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | export default { |
| | | name: "inventoryDetails", |
| | | components: { |
| | | GlobalWindow |
| | | }, |
| | | extends: BaseOpera, |
| | | data() { |
| | | return { |
| | | info: {}, |
| | | input: '', |
| | | options: [], |
| | | roomList: [], |
| | | |
| | | pageSize: 10, |
| | | total: 0, |
| | | page: 1 |
| | | } |
| | | }, |
| | | methods: { |
| | | handleSizeChange(size) { |
| | | this.pageSize = size |
| | | }, |
| | | handleCurrentChange(page) { |
| | | this.page = page |
| | | }, |
| | | open (title) { |
| | | this.title = title |
| | | this.visible = true |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import '@/assets/style/variables.scss'; |
| | | |
| | | .main { |
| | | .title { |
| | | font-weight: 500; |
| | | font-size: 18px; |
| | | padding-top: 20px; |
| | | box-sizing: border-box; |
| | | color: $primary-color; |
| | | margin-bottom: 15px; |
| | | } |
| | | |
| | | .list { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | /*background: #F7F7F7;*/ |
| | | border-radius: 2px; |
| | | /*padding: 15px 20px;*/ |
| | | margin-bottom: 20px; |
| | | |
| | | .list_pagination { |
| | | width: 100%; |
| | | text-align: right; |
| | | } |
| | | |
| | | .list_search { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | .list_search_left { |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .list_search_right { |
| | | display: flex; |
| | | align-items: center; |
| | | span { |
| | | color: #7E7E7E; |
| | | font-size: 14px; |
| | | margin-right: 15px; |
| | | &:last-child { |
| | | margin: 0 !important; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .item { |
| | | width: 20%; |
| | | margin-bottom: 16px; |
| | | |
| | | .la { |
| | | color: #7f7f7f; |
| | | margin-bottom: 10px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | width="50%" |
| | | :title="title" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm"> |
| | | <el-form :model="form" ref="form" :rules="rules"> |
| | | <el-form-item label="åç±»åç§°" prop="name"> |
| | | <el-input v-model="form.name" placeholder="请è¾å
¥åç±»åç§°" v-trim /> |
| | | </el-form-item> |
| | | <el-form-item label="æå±åç±»" prop="name"> |
| | | <el-select v-model="form.name" placeholder="è¯·éæ©"> |
| | | <el-option label="å¼ ä¸" :value="1"></el-option> |
| | | <el-option label="æå" :value="1"></el-option> |
| | | <el-option label="çäº" :value="1"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="æåºç (ååº)" prop="name"> |
| | | <el-input v-model="form.name" placeholder="请è¾å
¥æåºç " v-trim /> |
| | | </el-form-item> |
| | | </el-form> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | export default { |
| | | name: 'newAsset', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow }, |
| | | data() { |
| | | return { |
| | | // è¡¨åæ°æ® |
| | | form: { |
| | | id: '', |
| | | name: '', |
| | | }, |
| | | // éªè¯è§å |
| | | rules: { |
| | | name: [{ required: true, message: '请è¾å
¥é¡¹ç®åç§°', trigger: 'blur' }] |
| | | }, |
| | | } |
| | | }, |
| | | created() { |
| | | this.config({ |
| | | api: '/project/ywProject', |
| | | 'field.id': 'id' |
| | | }) |
| | | }, |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <GlobalWindow |
| | | width="50%" |
| | | :title="title" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm"> |
| | | <el-form :model="form" ref="form" :rules="rules"> |
| | | <el-form-item label="çç¹ååç§°" prop="name"> |
| | | <el-input v-model="form.name" placeholder="请è¾å
¥çç¹ååç§°" v-trim /> |
| | | </el-form-item> |
| | | <el-form-item label="çç¹æ¥æ" prop="name"> |
| | | <el-date-picker |
| | | v-model="form.name" |
| | | type="date" |
| | | placeholder="éæ©æ¥æ"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="çç¹ä»åº" prop="name"> |
| | | <el-select v-model="form.name" placeholder="è¯·éæ©"> |
| | | <el-option label="å¼ ä¸" :value="1"></el-option> |
| | | <el-option label="æå" :value="1"></el-option> |
| | | <el-option label="çäº" :value="1"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="çç¹å" prop="name"> |
| | | <el-select v-model="form.name" placeholder="è¯·éæ©"> |
| | | <el-option label="å¼ ä¸" :value="1"></el-option> |
| | | <el-option label="æå" :value="1"></el-option> |
| | | <el-option label="çäº" :value="1"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | export default { |
| | | name: 'newInventory', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow }, |
| | | data() { |
| | | return { |
| | | // è¡¨åæ°æ® |
| | | form: { |
| | | id: '', |
| | | name: '', |
| | | }, |
| | | // éªè¯è§å |
| | | rules: { |
| | | name: [{ required: true, message: '请è¾å
¥é¡¹ç®åç§°', trigger: 'blur' }] |
| | | }, |
| | | } |
| | | }, |
| | | created() { |
| | | this.config({ |
| | | api: '/project/ywProject', |
| | | 'field.id': 'id' |
| | | }) |
| | | }, |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <div class="main_app"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> |
| | | <div class="mt20"> |
| | | <el-button type="primary" @click="handleEx()" v-permissions="['business:ywpatrolline:create']">导åº</el-button> |
| | | <el-button type="primary" @click="handleEdit()" v-permissions="['business:ywpatrolline:create']">æ°å»ºåºåºå</el-button> |
| | | <el-button @click="handleEx()" v-permissions="['business:ywpatrolline:create']">导åº</el-button> |
| | | </div> |
| | | <el-table v-loading="loading" :data="list" stripe> |
| | | <el-table-column prop="platformName" label="åºåºåå·" min-width="120" show-overflow-tooltip /> |
| | |
| | | <el-table-column prop="param2" label="æä½äºº" min-width="90" show-overflow-tooltip /> |
| | | <el-table-column prop="workTime" label="æä½æ¶é´" min-width="140" show-overflow-tooltip /> |
| | | <el-table-column prop="workTime" label="æä½" min-width="80" show-overflow-tooltip> |
| | | <template v-slot="{row}"> |
| | | <span class="primaryColor pointer">æ¥ç详æ
</span> |
| | | <template v-slot="{ row }"> |
| | | <span @click="handleDetail(row)" class="primaryColor pointer">æ¥ç详æ
</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="mt20"> |
| | | <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> |
| | | </div> |
| | | <!-- --> |
| | | <InEdit v-if="isShowEdit" @close="isShowEdit = false" @success="getList" ref="InEditRef" /> |
| | | <InDetail v-if="isShowDetail" ref="InDetailRef" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Pagination from '@/components/common/Pagination' |
| | | import QueryForm from '@/components/common/QueryForm' |
| | | import InEdit from './components/InEdit' |
| | | import InDetail from './components/InDetail' |
| | | import dayjs from 'dayjs' |
| | | import duration from 'dayjs/plugin/duration' |
| | | dayjs.extend(duration) |
| | |
| | | export default { |
| | | components: { |
| | | Pagination, |
| | | QueryForm |
| | | QueryForm, |
| | | InEdit, |
| | | InDetail |
| | | }, |
| | | data() { |
| | | return { |
| | | loading: false, |
| | | isShowEdit: false, |
| | | isShowDetail: false, |
| | | pagination: { |
| | | pageSize: 10, |
| | | page: 1, |
| | | total: 0 |
| | | }, |
| | | filters: {}, |
| | | list: [], |
| | | list: [{}], |
| | | total: 0, |
| | | queryFormConfig: { |
| | | formItems: [ |
| | | { |
| | | { |
| | | filed: 'carCodeFront', |
| | | type: 'input', |
| | | label: 'åºåºåå·', |
| | |
| | | } |
| | | }) |
| | | }, |
| | | handleEdit() { |
| | | this.isShowEdit = true |
| | | this.$nextTick(() => { |
| | | this.$refs.InEditRef.isShowModal = true |
| | | }) |
| | | }, |
| | | handleDetail() { |
| | | this.isShowDetail = true |
| | | this.$nextTick(() => { |
| | | this.$refs.InDetailRef.visible = true |
| | | }) |
| | | }, |
| | | handleEx() { }, |
| | | getGroupList() { |
| | | getPlatformGroupList({ queryData: 0, queryType: 0 }).then(res => { |
| | |
| | | getList(page) { |
| | | const { pagination, filters } = this |
| | | this.loading = true |
| | | if(page){pagination.page = page} |
| | | platformLogPage({ |
| | | model: { |
| | | ...filters, |
| | |
| | | }, |
| | | sorts: [{ direction: 'DESC', property: 'param1' }], |
| | | capacity: pagination.pageSize, |
| | | page: page || pagination.page, |
| | | page: page, |
| | | }).then(res => { |
| | | this.loading = false |
| | | this.list = res.records || [] |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | |
| | | </style> |
| | | <style></style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <TableLayout :permissions="['business:ywroom:query']"> |
| | | <!-- æç´¢è¡¨å --> |
| | | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="120px" inline> |
| | | <el-form-item label="çç¹ååç§°" prop="roomNum"> |
| | | <el-input v-model="searchForm.roomNum" placeholder="请è¾å
¥çç¹ååç§°" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="ç¶æ" prop="buildingId"> |
| | | <el-select v-model="searchForm.buildingId" placeholder="è¯·éæ©æ¥¼å®" clearable> |
| | | <el-option v-for="item in buildList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <section> |
| | | <el-button type="primary" @click="search">æç´¢</el-button> |
| | | <el-button @click="reset">éç½®</el-button> |
| | | </section> |
| | | </el-form> |
| | | <!-- è¡¨æ ¼åå页 --> |
| | | <template v-slot:table-wrap> |
| | | <ul class="toolbar"> |
| | | <li><el-button type="primary" @click="$refs.newInventory.open('æ°å»ºçç¹å')">æ·»å </el-button></li> |
| | | <li><el-button type="primary" @click="$refs.inventoryDetails.open('çç¹è¯¦ç»')">详æ
</el-button></li> |
| | | </ul> |
| | | <el-table v-loading="isWorking.search" :data="tableData.list" stripe> |
| | | <el-table-column prop="projectName" label="çç¹ååç§°" min-width="100px"></el-table-column> |
| | | <el-table-column prop="buildingName" label="çç¹ä»åº" min-width="70px"></el-table-column> |
| | | <el-table-column prop="floorName" label="çç¹å" min-width="60px"></el-table-column> |
| | | <el-table-column prop="roomNum" label="çç¹æ¥æ" min-width="60px"></el-table-column> |
| | | <el-table-column prop="rentArea" label="å建人" min-width="80px"></el-table-column> |
| | | <el-table-column prop="feeArea" label="å建æ¶é´" min-width="80px"></el-table-column> |
| | | <el-table-column prop="feeArea" label="çç¹ç¶æ" min-width="80px"></el-table-column> |
| | | <el-table-column label="æä½"> |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="$refs.inventoryDetails.open('çç¹è¯¦ç»')">æ¥ç详æ
</el-button> |
| | | <el-button type="text">åæ¶</el-button> |
| | | <el-button type="text">å é¤</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="tableData.pagination"> |
| | | </pagination> |
| | | <newInventory ref="newInventory" /> |
| | | <inventoryDetails ref="inventoryDetails" /> |
| | | </template> |
| | | </TableLayout> |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseTable from '@/components/base/BaseTable' |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import newInventory from './components/newInventory' |
| | | import inventoryDetails from './components/inventoryDetails' |
| | | export default { |
| | | name: 'inventoryCount', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination, newInventory, inventoryDetails }, |
| | | data() { |
| | | return { |
| | | // æç´¢ |
| | | searchForm: { |
| | | id: '', |
| | | creator: '', |
| | | createDate: '', |
| | | editor: '', |
| | | editDate: '', |
| | | isdeleted: '', |
| | | name: '', |
| | | remark: '', |
| | | status: '', |
| | | sortnum: '', |
| | | imgurl: '', |
| | | code: '', |
| | | roomNum: '', |
| | | isInvestment: '', |
| | | area: '', |
| | | feeArea: '', |
| | | rentArea: '', |
| | | floor: '', |
| | | projectId: '', |
| | | buildingId: '' |
| | | }, |
| | | projectList: [], |
| | | buildList: [], |
| | | |
| | | filters: {} |
| | | } |
| | | }, |
| | | created() { |
| | | this.config({ |
| | | module: 'è¿ç»´æ¿æºä¿¡æ¯è¡¨', |
| | | api: '/project/ywRoom', |
| | | 'field.id': 'id', |
| | | 'field.main': 'id' |
| | | }) |
| | | }, |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | |
| | | <div class="main_app"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> |
| | | <div class="mt20"> |
| | | <el-button type="primary" @click="handleEx()" v-permissions="['business:ywpatrolline:create']">导åº</el-button> |
| | | <el-button type="primary" @click="handleEdit()" v-permissions="['business:ywpatrolline:create']">æ°å»ºåºåºå</el-button> |
| | | <el-button @click="handleEx()" v-permissions="['business:ywpatrolline:create']">导åº</el-button> |
| | | </div> |
| | | <el-table v-loading="loading" :data="list" stripe> |
| | | <el-table-column prop="platformName" label="åºåºåå·" min-width="120" show-overflow-tooltip /> |
| | |
| | | <el-table-column prop="param2" label="æä½äºº" min-width="90" show-overflow-tooltip /> |
| | | <el-table-column prop="workTime" label="æä½æ¶é´" min-width="140" show-overflow-tooltip /> |
| | | <el-table-column prop="workTime" label="æä½" min-width="80" show-overflow-tooltip> |
| | | <template v-slot="{row}"> |
| | | <span class="primaryColor pointer">æ¥ç详æ
</span> |
| | | <template v-slot="{ row }"> |
| | | <span @click="handleDetail(row)" class="primaryColor pointer">æ¥ç详æ
</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="mt20"> |
| | | <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> |
| | | </div> |
| | | <!-- --> |
| | | <OutEdit v-if="isShowEdit" @close="isShowEdit = false" @success="getList" ref="OutEditRef" /> |
| | | <OutDetail v-if="isShowDetail" ref="OutDetailRef" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Pagination from '@/components/common/Pagination' |
| | | import QueryForm from '@/components/common/QueryForm' |
| | | import OutEdit from './components/OutEdit' |
| | | import OutDetail from './components/OutDetail' |
| | | import dayjs from 'dayjs' |
| | | import duration from 'dayjs/plugin/duration' |
| | | dayjs.extend(duration) |
| | |
| | | export default { |
| | | components: { |
| | | Pagination, |
| | | QueryForm |
| | | QueryForm, |
| | | OutEdit, |
| | | OutDetail |
| | | }, |
| | | data() { |
| | | return { |
| | | loading: false, |
| | | isShowEdit: false, |
| | | isShowDetail: false, |
| | | pagination: { |
| | | pageSize: 10, |
| | | page: 1, |
| | | total: 0 |
| | | }, |
| | | filters: {}, |
| | | list: [], |
| | | list: [{}], |
| | | total: 0, |
| | | queryFormConfig: { |
| | | formItems: [ |
| | | { |
| | | { |
| | | filed: 'carCodeFront', |
| | | type: 'input', |
| | | label: 'åºåºåå·', |
| | |
| | | } |
| | | }) |
| | | }, |
| | | handleEdit() { |
| | | this.isShowEdit = true |
| | | this.$nextTick(() => { |
| | | this.$refs.OutEditRef.isShowModal = true |
| | | }) |
| | | }, |
| | | handleDetail() { |
| | | this.isShowDetail = true |
| | | this.$nextTick(() => { |
| | | this.$refs.OutDetailRef.visible = true |
| | | }) |
| | | }, |
| | | handleEx() { }, |
| | | getGroupList() { |
| | | getPlatformGroupList({ queryData: 0, queryType: 0 }).then(res => { |
| | |
| | | getList(page) { |
| | | const { pagination, filters } = this |
| | | this.loading = true |
| | | if(page){pagination.page = page} |
| | | platformLogPage({ |
| | | model: { |
| | | ...filters, |
| | |
| | | }, |
| | | sorts: [{ direction: 'DESC', property: 'param1' }], |
| | | capacity: pagination.pageSize, |
| | | page: page || pagination.page, |
| | | page: page, |
| | | }).then(res => { |
| | | this.loading = false |
| | | this.list = res.records || [] |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | |
| | | </style> |
| | | <style></style> |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear"> |
| | | </QueryForm> |
| | | <div class="pt16 mb10"> |
| | | <el-button type="primary" @click="batchStatus(0)" |
| | | v-permissions="['business:platformjob:update']">æ¹éå¯ç¨</el-button> |
| | | <el-button type="primary" @click="batchStatus(0)" v-permissions="['business:platformjob:update']">æ¹éå¯ç¨</el-button> |
| | | <el-button @click="batchStatus(1)" v-permissions="['business:platformjob:update']">æ¹éç¦ç¨</el-button> |
| | | </div> |
| | | <el-table @selection-change="handleSelectionChange" class="mb20" v-loading="loading" :data="list" stripe> |
| | |
| | | <el-table-column prop="content" label="æ¶æ¯æ¨¡æ¿" min-width="300" show-overflow-tooltip /> |
| | | <el-table-column label="ç¶æ" width="120" align="center" fixed="right"> |
| | | <template v-slot="scope"> |
| | | <el-switch v-permissions="['business:platformjob:update']" v-model="scope.row.status" @change="changeStatus(scope.row)" :active-value="0" :inactive-value="1"> |
| | | <el-switch v-permissions="['business:platformjob:update']" v-model="scope.row.status" |
| | | @change="changeStatus(scope.row)" :active-value="0" :inactive-value="1"> |
| | | </el-switch> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |