Commit 33a9f55c authored by levante's avatar levante

123

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