|
|
@@ -26,18 +26,104 @@
|
|
|
v-if="permission.cardswallow_delete"
|
|
|
@click="handleDelete">删 除
|
|
|
</el-button>
|
|
|
+ <el-button type="success"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-setting"
|
|
|
+ plain
|
|
|
+ v-if="permission.cardswallow_delete"
|
|
|
+ @click="handleSetting">設 置
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-upload"
|
|
|
+ plain
|
|
|
+ v-if="permission.cardswallow_delete"
|
|
|
+ @click="attachBox = true">上 傳
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <template slot="process" slot-scope="{row, index}">
|
|
|
+ <el-tag size="small " type="primary" plain v-if="row.process == 2">待發佈</el-tag>
|
|
|
+ <el-tag size="small " type="warning" plain v-if="row.process == 3">待確認</el-tag>
|
|
|
+ <el-tag size="small " type="success" plain v-if="row.process == 4">已確認</el-tag>
|
|
|
+ </template>
|
|
|
+ <template slot="menu" slot-scope="{row, index}">
|
|
|
+ <el-button size="small" class="el-button--text" v-if="row.process <= 2" @click="$refs.crud.rowDel(row, index)"><i class="el-icon-delete"></i> 刪 除</el-button>
|
|
|
+ <el-button size="small" class="el-button--text" v-if="row.process <= 2" @click="$refs.crud.rowEdit(row, index)"><i class="el-icon-edit"></i> 编 辑</el-button>
|
|
|
+ <el-button size="mini " type="primary" plain v-if="row.process == 2" @click="form = row,issueVisible = true">去發佈</el-button>
|
|
|
+ <el-button size="mini " type="warning" plain v-if="row.process == 3" @click="form = row,issueVisible = true">去簽收</el-button>
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
+
|
|
|
+ <el-dialog :append-to-body="true" :modal-append-to-body="false" :visible.sync="issueVisible">
|
|
|
+ <cardswallow-issue :form="form" @close="issueVisible = false, onLoad(page)"></cardswallow-issue>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog :append-to-body="true" :modal-append-to-body="false" :visible.sync="settingVisible" title="设置">
|
|
|
+ <flow-settings :id="personId" :ehr="personNo" :name="personName" :callback="settingCallback" @close="settingVisible = false"></flow-settings>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog title="文件上传"
|
|
|
+ append-to-body
|
|
|
+ :visible.sync="attachBox"
|
|
|
+ width="555px">
|
|
|
+ <avue-form ref="form" :option="attachOption" v-model="attachForm" :upload-after="uploadAfter">
|
|
|
+ </avue-form>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog title="信息確認"
|
|
|
+ append-to-body
|
|
|
+ :visible.sync="temVisible"
|
|
|
+ :fullscreen="true"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ @close="attachBox = false,onLoad(page)"
|
|
|
+ >
|
|
|
+ <cardswallow-comfirm :data="data2"></cardswallow-comfirm>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
</basic-container>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import {getList, getDetail, add, update, remove} from "@/api/bank/cardswallow";
|
|
|
+ import {getList, getDetail, add, update, remove, settingSave, getSetting} from "@/api/bank/cardswallow";
|
|
|
import {mapGetters} from "vuex";
|
|
|
+ import FlowSettings from "../../components/common/flow-settings";
|
|
|
+ import {dateFormat} from "../../util/date";
|
|
|
+ import CardswallowIssue from "../../components/common/cardswallow-issue";
|
|
|
+ import CardswallowComfirm from "../../components/common/cardswallow-comfirm";
|
|
|
|
|
|
export default {
|
|
|
+ components: {CardswallowComfirm, CardswallowIssue, FlowSettings},
|
|
|
data() {
|
|
|
return {
|
|
|
+ issueVisible: false,
|
|
|
+
|
|
|
+ personId: null,
|
|
|
+ personNo: null,
|
|
|
+ personName: null,
|
|
|
+ settingVisible: false,
|
|
|
+
|
|
|
+ temVisible: false,
|
|
|
+ attachBox: false,
|
|
|
+ attachForm: {},
|
|
|
+ attachOption: {
|
|
|
+ submitBtn: false,
|
|
|
+ emptyBtn: false,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: '文件上传',
|
|
|
+ prop: 'attachFile',
|
|
|
+ type: 'upload',
|
|
|
+ drag: true,
|
|
|
+ loadText: '文件上传中,请稍等',
|
|
|
+ span: 24,
|
|
|
+ propsHttp: {
|
|
|
+ res: 'data'
|
|
|
+ },
|
|
|
+ action: "/api/bank/cardswallow/readExcel"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+
|
|
|
form: {},
|
|
|
query: {},
|
|
|
loading: true,
|
|
|
@@ -56,6 +142,8 @@
|
|
|
border: true,
|
|
|
index: true,
|
|
|
viewBtn: true,
|
|
|
+ editBtn: false,
|
|
|
+ delBtn: false,
|
|
|
selection: true,
|
|
|
dialogClickModal: false,
|
|
|
column: [
|
|
|
@@ -161,6 +249,13 @@
|
|
|
{
|
|
|
label: "發送狀態",
|
|
|
prop: "sendStatus",
|
|
|
+ type: "select",
|
|
|
+ dataType: "string",
|
|
|
+ dicUrl: `/api/blade-system/dict/dictionary?code=send_status`,
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey"
|
|
|
+ },
|
|
|
rules: [{
|
|
|
required: true,
|
|
|
message: "请输入發送狀態",
|
|
|
@@ -171,14 +266,26 @@
|
|
|
label: "備註",
|
|
|
prop: "remark",
|
|
|
rules: [{
|
|
|
- required: true,
|
|
|
+ required: false,
|
|
|
message: "请输入備註",
|
|
|
trigger: "blur"
|
|
|
}]
|
|
|
},
|
|
|
+ {
|
|
|
+ label: "進度",
|
|
|
+ prop: "process",
|
|
|
+ display: false,
|
|
|
+ rules: [{
|
|
|
+ required: false,
|
|
|
+ message: "请输入備註",
|
|
|
+ trigger: "blur"
|
|
|
+ }]
|
|
|
+ },
|
|
|
+
|
|
|
{
|
|
|
label: "支行確認人員工號",
|
|
|
prop: "bankConfirmNo",
|
|
|
+ editDisplay: false,
|
|
|
rules: [{
|
|
|
required: true,
|
|
|
message: "请输入支行確認人員工號",
|
|
|
@@ -188,6 +295,7 @@
|
|
|
{
|
|
|
label: "支行確認人姓名",
|
|
|
prop: "bankConfirmName",
|
|
|
+ editDisplay: false,
|
|
|
rules: [{
|
|
|
required: true,
|
|
|
message: "请输入支行確認人姓名",
|
|
|
@@ -197,6 +305,7 @@
|
|
|
{
|
|
|
label: "確認日期",
|
|
|
prop: "bankConfirmTime",
|
|
|
+ editDisplay: false,
|
|
|
rules: [{
|
|
|
required: true,
|
|
|
message: "请输入確認日期",
|
|
|
@@ -205,7 +314,8 @@
|
|
|
},
|
|
|
]
|
|
|
},
|
|
|
- data: []
|
|
|
+ data: [],
|
|
|
+ data2: [],
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -227,6 +337,49 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ uploadAfter(res, done, loading, column){
|
|
|
+ if (res && res.length > 0){
|
|
|
+ for (let i = 0; i < res.length; i++) {
|
|
|
+ let row = res[i];
|
|
|
+ row = this.infoFormat(row);
|
|
|
+ }
|
|
|
+ this.data2 = res;
|
|
|
+ }
|
|
|
+ this.temVisible = true;
|
|
|
+ loading = false;
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ infoFormat(row){
|
|
|
+ let arr = row.sendBank.split(' ');
|
|
|
+ row.sendOrgNo = arr[0];
|
|
|
+ row.sendBank = arr[1];
|
|
|
+ return row;
|
|
|
+ },
|
|
|
+ settingCallback(row){
|
|
|
+ this.form.personId = row.personId;
|
|
|
+ this.form.personNo = row.personNo;
|
|
|
+ this.form.personName = row.personName;
|
|
|
+ settingSave(this.form).then(() => {
|
|
|
+ this.onLoad(this.page);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
+ });
|
|
|
+ }, error => {
|
|
|
+ window.console.log('error');
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleSetting(){
|
|
|
+ getSetting().then((res) => {
|
|
|
+ let data = res.data.data;
|
|
|
+ if (!!data){
|
|
|
+ this.personId = data.personId;
|
|
|
+ this.personNo = data.personNo;
|
|
|
+ this.personName = data.personName;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.settingVisible = true;
|
|
|
+ },
|
|
|
rowSave(row, done, loading) {
|
|
|
add(row).then(() => {
|
|
|
this.onLoad(this.page);
|