style: 格式化代碼

This commit is contained in:
zyn
2024-01-16 10:21:58 +08:00
parent fa5e6a25b4
commit b547757b3d
3 changed files with 338 additions and 323 deletions
@@ -2,7 +2,7 @@
<template> <template>
<div class="already-process v-class"> <div class="already-process v-class">
<div class="search-area"> <div class="search-area">
<el-form :inline="true" :model="searchForm" ref="processSearch" class="label-input-form"> <el-form ref="processSearch" :inline="true" :model="searchForm" class="label-input-form">
<div class="search-area-item"> <div class="search-area-item">
<el-form-item label="流程名称" class="search-item" @keyup.enter.native="selectProcessBtn"> <el-form-item label="流程名称" class="search-item" @keyup.enter.native="selectProcessBtn">
<el-input <el-input
@@ -10,7 +10,7 @@
placeholder="按流程名称查找" placeholder="按流程名称查找"
:maxlength="100" :maxlength="100"
clearable clearable
></el-input> />
</el-form-item> </el-form-item>
<el-form-item label="流程编号" class="search-item" @keyup.enter.native="selectProcessBtn"> <el-form-item label="流程编号" class="search-item" @keyup.enter.native="selectProcessBtn">
<el-input <el-input
@@ -18,7 +18,7 @@
placeholder="按流程编号查找" placeholder="按流程编号查找"
:maxlength="100" :maxlength="100"
clearable clearable
></el-input> />
</el-form-item> </el-form-item>
<el-form-item label="流程类型" class="search-item" @keyup.enter.native="selectProcessBtn"> <el-form-item label="流程类型" class="search-item" @keyup.enter.native="selectProcessBtn">
<el-select <el-select
@@ -29,53 +29,60 @@
> >
<el-option <el-option
v-for="item in processTypeList" v-for="item in processTypeList"
:value="item.value"
:key="item.value" :key="item.value"
:value="item.value"
:label="item.label" :label="item.label"
></el-option> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'2c8041eb6226368ee6e6b975b4aa88f1'"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini" size="mini"
v-btn-permission="'2c8041eb6226368ee6e6b975b4aa88f1'" @click="selectProcessBtn"
@click="selectProcessBtn">查询</el-button> >
查询
</el-button>
<el-button <el-button
v-btn-permission="'4c674bc8b1a21ca17592f1b034444c57'"
class="common-button-default" class="common-button-default"
size="mini" size="mini"
v-btn-permission="'4c674bc8b1a21ca17592f1b034444c57'" @click="resetSelect"
@click="resetSelect">清空</el-button> >
清空
</el-button>
</el-form-item> </el-form-item>
</div> </div>
<div class="search-area-item"> <div class="search-area-item" />
</div>
</el-form> </el-form>
</div> </div>
<div class="content"> <div class="content">
<div class="table-wrap"> <div class="table-wrap">
<el-table <el-table
height="100%"
ref="selection" ref="selection"
height="100%"
:data="processList" :data="processList"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%; flex: auto;" style="width: 100%; flex: auto;"
border border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange"
>
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
type="index" type="index"
fixed="left" fixed="left"
width="55" width="55"
label="序号" label="序号"
align="center"> align="center"
>
<template slot-scope="{scope, column, $index}"> <template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (pageNo - 1) * pageSize }} {{ ($index + 1) + (pageNo - 1) * pageSize }}
</template> </template>
@@ -85,8 +92,7 @@
label="流程编号" label="流程编号"
align="center" align="center"
width="150" width="150"
> />
</el-table-column>
<el-table-column <el-table-column
prop="prcType" prop="prcType"
label="流程类型" label="流程类型"
@@ -113,8 +119,7 @@
label="发起人" label="发起人"
align="center" align="center"
width="90" width="90"
> />
</el-table-column>
<el-table-column <el-table-column
prop="creatTime" prop="creatTime"
label="创建日期" label="创建日期"
@@ -137,11 +142,11 @@
</el-table-column> </el-table-column>
<el-table-column :label="$t('m.operation')" align="center" width="50"> <el-table-column :label="$t('m.operation')" align="center" width="50">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'4f71b81686079ba2b7e3739d3994e0af'">查看</el-dropdown-item> <el-dropdown-item v-btn-permission="'4f71b81686079ba2b7e3739d3994e0af'" :command="[scope.row, '查看']">查看</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
@@ -155,7 +160,8 @@
:page="pageNo" :page="pageNo"
:total="total" :total="total"
@pageChange="pageChange" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination> @pageSizeChange="pageSizeChange"
/>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
</div> </div>
</div> </div>
@@ -229,15 +235,14 @@ export default {
this.queryProcess() this.queryProcess()
}, },
dealWith (row) { // 查看 dealWith (row) { // 查看
let routeUrl =this.$router.resolve({ const routeUrl = this.$router.resolve({
name: 'ProcessDetail', name: 'ProcessDetail',
query: { query: {
prcNum: row.prcNum, prcNum: row.prcNum,
tabsName: 'AlreadyProcess' tabsName: 'AlreadyProcess'
} }
}) })
window.open(routeUrl.href, "_blank"); window.open(routeUrl.href, '_blank');
}, },
...mapMutations([ 'setProcess', 'setHandleInfo' ]), ...mapMutations([ 'setProcess', 'setHandleInfo' ]),
...mapActions([ 'setMenu' ]) ...mapActions([ 'setMenu' ])
@@ -2,7 +2,7 @@
<template> <template>
<div class="already-send v-class"> <div class="already-send v-class">
<div class="search-area"> <div class="search-area">
<el-form :inline="true" :model="searchForm" ref="processSearch" class="label-input-form"> <el-form ref="processSearch" :inline="true" :model="searchForm" class="label-input-form">
<div class="search-area-item"> <div class="search-area-item">
<el-form-item label="流程名称" class="search-item" @keyup.enter.native="selectProcessBtn"> <el-form-item label="流程名称" class="search-item" @keyup.enter.native="selectProcessBtn">
<el-input <el-input
@@ -10,7 +10,7 @@
placeholder="按流程名称查找" placeholder="按流程名称查找"
:maxlength="100" :maxlength="100"
clearable clearable
></el-input> />
</el-form-item> </el-form-item>
<el-form-item label="流程编号" class="search-item" @keyup.enter.native="selectProcessBtn"> <el-form-item label="流程编号" class="search-item" @keyup.enter.native="selectProcessBtn">
<el-input <el-input
@@ -18,7 +18,7 @@
placeholder="按流程编号查找" placeholder="按流程编号查找"
:maxlength="100" :maxlength="100"
clearable clearable
></el-input> />
</el-form-item> </el-form-item>
<el-form-item label="流程类型" class="search-item" @keyup.enter.native="selectProcessBtn"> <el-form-item label="流程类型" class="search-item" @keyup.enter.native="selectProcessBtn">
<el-select <el-select
@@ -29,53 +29,60 @@
> >
<el-option <el-option
v-for="item in processTypeList" v-for="item in processTypeList"
:value="item.value"
:key="item.value" :key="item.value"
:value="item.value"
:label="item.label" :label="item.label"
></el-option> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'253fb387b97868c10434cc8fa3d87294'"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini" size="mini"
v-btn-permission="'253fb387b97868c10434cc8fa3d87294'" @click="selectProcessBtn"
@click="selectProcessBtn">查询</el-button> >
查询
</el-button>
<el-button <el-button
v-btn-permission="'dc9c8efc60be6ba8b78b68bf949e2f6b'"
class="common-button-default" class="common-button-default"
size="mini" size="mini"
v-btn-permission="'dc9c8efc60be6ba8b78b68bf949e2f6b'" @click="resetSelect"
@click="resetSelect">清空</el-button> >
清空
</el-button>
</el-form-item> </el-form-item>
</div> </div>
<div class="search-area-item"> <div class="search-area-item" />
</div>
</el-form> </el-form>
</div> </div>
<div class="content"> <div class="content">
<div class="table-wrap"> <div class="table-wrap">
<el-table <el-table
height="100%"
ref="selection" ref="selection"
height="100%"
:data="processList" :data="processList"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%; flex: auto;" style="width: 100%; flex: auto;"
border border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange"
>
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
type="index" type="index"
fixed="left" fixed="left"
width="55" width="55"
label="序号" label="序号"
align="center"> align="center"
>
<template slot-scope="{scope, column, $index}"> <template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (pageNo - 1) * pageSize }} {{ ($index + 1) + (pageNo - 1) * pageSize }}
</template> </template>
@@ -85,8 +92,7 @@
label="流程编号" label="流程编号"
align="center" align="center"
width="150" width="150"
> />
</el-table-column>
<el-table-column <el-table-column
prop="prcType" prop="prcType"
label="流程类型" label="流程类型"
@@ -113,8 +119,7 @@
label="发起人" label="发起人"
align="center" align="center"
width="90" width="90"
> />
</el-table-column>
<el-table-column <el-table-column
prop="creatTime" prop="creatTime"
label="创建日期" label="创建日期"
@@ -137,11 +142,11 @@
</el-table-column> </el-table-column>
<el-table-column :label="$t('m.operation')" align="center" width="50"> <el-table-column :label="$t('m.operation')" align="center" width="50">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'b9abd00768c8ed97be89547c2da3f0eb'">查看</el-dropdown-item> <el-dropdown-item v-btn-permission="'b9abd00768c8ed97be89547c2da3f0eb'" :command="[scope.row, '查看']">查看</el-dropdown-item>
<el-dropdown-item :command="[scope.row, '强制撤回']">撤回</el-dropdown-item> <el-dropdown-item :command="[scope.row, '强制撤回']">撤回</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
@@ -156,7 +161,8 @@
:page="pageNo" :page="pageNo"
:total="total" :total="total"
@pageChange="pageChange" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination> @pageSizeChange="pageSizeChange"
/>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
</div> </div>
</div> </div>
@@ -259,15 +265,14 @@ export default {
this.queryProcess() this.queryProcess()
}, },
dealWith (row) { // 查看 dealWith (row) { // 查看
let routeUrl =this.$router.resolve({ const routeUrl = this.$router.resolve({
name: 'ProcessDetail', name: 'ProcessDetail',
query: { query: {
prcNum: row.prcNum, prcNum: row.prcNum,
tabsName: 'AlreadySend' tabsName: 'AlreadySend'
} }
}) })
window.open(routeUrl.href, "_blank"); window.open(routeUrl.href, '_blank');
}, },
...mapMutations([ 'setProcess', 'setHandleInfo' ]), ...mapMutations([ 'setProcess', 'setHandleInfo' ]),
...mapActions([ 'setMenu' ]) ...mapActions([ 'setMenu' ])
@@ -2,7 +2,7 @@
<template> <template>
<div class="monitor-process v-class"> <div class="monitor-process v-class">
<div class="search-area"> <div class="search-area">
<el-form :inline="true" :model="searchForm" ref="processSearch" class="label-input-form"> <el-form ref="processSearch" :inline="true" :model="searchForm" class="label-input-form">
<div class="search-area-item"> <div class="search-area-item">
<el-form-item label="流程名称" class="search-item" @keyup.enter.native="selectProcessBtn"> <el-form-item label="流程名称" class="search-item" @keyup.enter.native="selectProcessBtn">
<el-input <el-input
@@ -10,7 +10,7 @@
placeholder="按流程名称查找" placeholder="按流程名称查找"
:maxlength="100" :maxlength="100"
clearable clearable
></el-input> />
</el-form-item> </el-form-item>
<el-form-item label="流程编号" class="search-item" @keyup.enter.native="selectProcessBtn"> <el-form-item label="流程编号" class="search-item" @keyup.enter.native="selectProcessBtn">
<el-input <el-input
@@ -18,7 +18,7 @@
placeholder="按流程编号查找" placeholder="按流程编号查找"
:maxlength="100" :maxlength="100"
clearable clearable
></el-input> />
</el-form-item> </el-form-item>
<el-form-item label="流程类型" class="search-item" @keyup.enter.native="selectProcessBtn"> <el-form-item label="流程类型" class="search-item" @keyup.enter.native="selectProcessBtn">
<el-select <el-select
@@ -29,53 +29,60 @@
> >
<el-option <el-option
v-for="item in processTypeList" v-for="item in processTypeList"
:value="item.value"
:key="item.value" :key="item.value"
:value="item.value"
:label="item.label" :label="item.label"
></el-option> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="search-item btn-box"> <el-form-item class="search-item btn-box">
<el-button <el-button
v-btn-permission="'68d17445a13ff3f635c39291070985c3'"
type="primary" type="primary"
class="common-button-primary" class="common-button-primary"
size="mini" size="mini"
v-btn-permission="'68d17445a13ff3f635c39291070985c3'" @click="selectProcessBtn"
@click="selectProcessBtn">查询</el-button> >
查询
</el-button>
<el-button <el-button
v-btn-permission="'2321e6eaaf6d89eb7c36a12aa5624396'"
class="common-button-default" class="common-button-default"
size="mini" size="mini"
v-btn-permission="'2321e6eaaf6d89eb7c36a12aa5624396'" @click="resetSelect"
@click="resetSelect">清空</el-button> >
清空
</el-button>
</el-form-item> </el-form-item>
</div> </div>
<div class="search-area-item"> <div class="search-area-item" />
</div>
</el-form> </el-form>
</div> </div>
<div class="content"> <div class="content">
<div class="table-wrap"> <div class="table-wrap">
<el-table <el-table
height="100%"
ref="selection" ref="selection"
height="100%"
:data="processList" :data="processList"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%; flex: auto;" style="width: 100%; flex: auto;"
border border
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange"
>
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="55"
align="center"> align="center"
</el-table-column> />
<el-table-column <el-table-column
type="index" type="index"
fixed="left" fixed="left"
width="55" width="55"
label="序号" label="序号"
align="center"> align="center"
>
<template slot-scope="{scope, column, $index}"> <template slot-scope="{scope, column, $index}">
{{ ($index + 1) + (pageNo - 1) * pageSize }} {{ ($index + 1) + (pageNo - 1) * pageSize }}
</template> </template>
@@ -85,8 +92,7 @@
label="流程编号" label="流程编号"
align="center" align="center"
width="150" width="150"
> />
</el-table-column>
<el-table-column <el-table-column
prop="prcType" prop="prcType"
label="流程类型" label="流程类型"
@@ -113,8 +119,7 @@
label="发起人" label="发起人"
align="center" align="center"
width="90" width="90"
> />
</el-table-column>
<el-table-column <el-table-column
prop="creatTime" prop="creatTime"
label="创建日期" label="创建日期"
@@ -137,7 +142,7 @@
</el-table-column> </el-table-column>
<el-table-column :label="$t('m.operation')" align="center" width="50"> <el-table-column :label="$t('m.operation')" align="center" width="50">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click.stop style="display: inline-block"> <div style="display: inline-block" @click.stop>
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<i class="iconfont">&#xe61e;</i> <i class="iconfont">&#xe61e;</i>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
@@ -155,7 +160,8 @@
:page="pageNo" :page="pageNo"
:total="total" :total="total"
@pageChange="pageChange" @pageChange="pageChange"
@pageSizeChange="pageSizeChange"></pagination> @pageSizeChange="pageSizeChange"
/>
<loading :loading="loading">数据获取中</loading> <loading :loading="loading">数据获取中</loading>
</div> </div>
</div> </div>
@@ -232,7 +238,7 @@ export default {
this.queryProcess() this.queryProcess()
}, },
dealWith (row) { // 查看 dealWith (row) { // 查看
let routeUrl =this.$router.resolve({ const routeUrl = this.$router.resolve({
name: 'ProcessDetail', name: 'ProcessDetail',
query: { query: {
bpnId: row.id, bpnId: row.id,
@@ -240,8 +246,7 @@ export default {
tabsName: 'MonitorProcess' tabsName: 'MonitorProcess'
} }
}) })
window.open(routeUrl.href, "_blank"); window.open(routeUrl.href, '_blank');
}, },
...mapMutations([ 'setProcess', 'setHandleInfo' ]), ...mapMutations([ 'setProcess', 'setHandleInfo' ]),
...mapActions([ 'setMenu' ]) ...mapActions([ 'setMenu' ])