Commit 33a9f55c authored by levante's avatar levante

123

parent 33079642
<template>
<div class="routerWapper">
<div class="portalDetailTitle" v-if="$route.name == 'actionList'">
<span class="title">触发Action</span>
<div class="layoutMargin layoutPadding">
<a-row>
<a-col span="24">
<a-button icon="plus" type="primary" @click="onCreate">新建</a-button>
</a-col>
</a-row>
<div class="itemMargin">
<a-alert type="info" show-icon>
<p slot="description">
已选择: {{selectedRowKeys.length}}
</p>
</a-alert>
</div>
<a-table class="elevator-table portalTable" :dataSource="list" :columns="columns" size="small" :pagination="pagination" rowKey="id" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }">
<span slot="operation" slot-scope="text, record">
<span class="actionBtn" @click="edit(record)">编辑</span>
<span class="actionBtn" @click="more(record)">更多</span>
</span>
<span slot="no" slot-scope="text, record, index">
{{index+1}}
</span>
</a-table>
<a-modal title="系统注册" v-model="isShow" width='900px' style="padding: 20px">
<a-steps :current="current">
<a-step v-for="item in steps" :key="item.title" :title="item.title" />
</a-steps>
<div class="steps-content">
<!-- {{ steps[current].content }} -->
<a-form :form='form'>
<div v-show="current == 0">
<a-form-item label="所属系统" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
<a-select placeholder="请选择授权类型" v-decorator="['ssxt', {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]">
<a-select-option value="物业App">物业App</a-select-option>
</a-select>
</a-form-item>
<a-tabs default-active-key="1" @change="callback">
<a-tab-pane key="1" tab="触发Action">
<div class="layoutMargin">
<a-row>
<a-col span="24">
<a-button icon="plus" type="primary" @click="onCreate">新建</a-button>
</a-col>
</a-row>
<div class="itemMargin">
<a-alert type="info" show-icon>
<p slot="description">
已选择: {{selectedRowKeys.length}}
</p>
</a-alert>
</div>
<a-table class="elevator-table portalTable" :dataSource="list" :columns="columns" size="small" :pagination="pagination" rowKey="id" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }">
<span slot="operation" slot-scope="text, record">
<span class="actionBtn" @click="edit(record)">编辑</span>
<span class="actionBtn" @click="more(record)">更多</span>
</span>
<span slot="no" slot-scope="text, record, index">
{{index+1}}
</span>
</a-table>
<a-modal title="系统注册" v-model="isShow" width='900px' style="padding: 20px">
<a-steps :current="current" style="margin-bottom: 20px">
<a-step v-for="item in steps" :key="item.title" :title="item.title" />
</a-steps>
<div class="steps-content">
<!-- {{ steps[current].content }} -->
<a-form :form='form'>
<div v-show="current == 0">
<a-form-item label="所属系统" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
<a-select placeholder="请选择授权类型" v-decorator="['ssxt', {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]">
<a-select-option value="物业App">物业App</a-select-option>
</a-select>
</a-form-item>
<a-form-item label="服务编码" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
<a-input v-decorator="['fwbm', {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
<a-form-item label="服务编码" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
<a-input v-decorator="['fwbm', {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
<a-form-item label="服务名称" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
<a-input v-decorator="['fwmc', {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
</div>
<div v-show="current == 1">
<a-row v-for="(item, index) in rowLoop" :key="index">
<a-col :span='6' offset='1'>
<a-form-item>
<a-input v-decorator="['first'+index, {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
</a-col>
<a-col :span='6' offset='1'>
<a-form-item>
<a-select v-decorator="['second' + index, {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]">
<a-select-option value="String">String</a-select-option>
<a-select-option value="Integer">Integer</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span='6' offset='1'>
<a-form-item>
<a-input v-decorator="['third' + index, {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
</a-col>
<a-col :span='2' offset='1'>
<a-button v-if="index+1 == rowLoop.length" icon='minus' @click="deleteRow()"></a-button>
<a-button v-if="index+1 == rowLoop.length" icon='plus' @click="addRow()"></a-button>
</a-col>
</a-row>
</div>
<div v-show="current == 2">
<a-form-item label="回调地址" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
<a-input v-decorator="['hddz', {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
</div>
</a-form>
</div>
<template slot="footer">
<a-button key="back" @click="isShow = !isShow">
取消
</a-button>
<a-button v-if="current >= 1" type="primary" @click="handlePrevStep()">
上一步
</a-button>
<a-button v-if="current < 2" type="primary" @click="handleNextStep()">
下一步
</a-button>
<a-button v-if="current == 2" type="primary" @click="handleRegisterOk()">
完成
</a-button>
</template>
</a-modal>
</div>
<a-form-item label="服务名称" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
<a-input v-decorator="['fwmc', {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
</div>
<div v-show="current == 1">
<a-row v-for="(item, index) in rowLoop" :key="index">
<a-col :span='6' offset='1'>
<a-form-item>
<a-input v-decorator="['first'+index, {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
</a-col>
<a-col :span='6' offset='1'>
<a-form-item>
<a-select v-decorator="['second' + index, {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]">
<a-select-option value="String">String</a-select-option>
<a-select-option value="Integer">Integer</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span='6' offset='1'>
<a-form-item>
<a-input v-decorator="['third' + index, {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
</a-col>
<a-col :span='2' offset='1'>
<a-button v-if="index+1 == rowLoop.length" icon='minus' @click="deleteRow()"></a-button>
<a-button v-if="index+1 == rowLoop.length" icon='plus' @click="addRow()"></a-button>
</a-col>
</a-row>
</div>
<div v-show="current == 2">
<a-form-item label="回调地址" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
<a-input v-decorator="['hddz', {validateTrigger:'blur', rules: [{required: true, message: '请填写此项!'}]}]" />
</a-form-item>
</div>
</a-form>
</div>
<template slot="footer">
<a-button key="back" @click="isShow = !isShow">
取消
</a-button>
<a-button v-if="current >= 1" type="primary" @click="handlePrevStep()">
上一步
</a-button>
<a-button v-if="current < 2" type="primary" @click="handleNextStep()">
下一步
</a-button>
<a-button v-if="current == 2" type="primary" @click="handleRegisterOk()">
完成
</a-button>
</template>
</a-modal>
</div>
</a-tab-pane>
<a-tab-pane key="2" tab="执行Action"></a-tab-pane>
</a-tabs>
</div>
</div>
</template>
......
......@@ -25,7 +25,7 @@
</span>
</a-table>
<a-modal title="系统注册" v-model="isShow" width='900px' style="padding: 20px">
<a-steps :current="current">
<a-steps :current="current" style="margin-bottom: 20px">
<a-step v-for="item in steps" :key="item.title" :title="item.title" />
</a-steps>
<div class="steps-content">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment