Commit dfee4121 authored by 黄奎's avatar 黄奎

页面修改

parents 2e89d142 5ea9271f
<style>
.customRightDialog .drawerTop {
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
background-color: #f0f5fb;
padding: 5px 10px;
align-items: center;
}
.customRightDialog .className {
margin-left: 10px;
}
.customRightDialog .classFirst {
color: #000000;
font-weight: bold;
}
.customRightDialog .role_Line {
width: 3px;
height: 11px;
margin-right: 10px;
background-color: #3fc4ff;
display: inline-block;
}
.info_Item {
margin: 20px 0;
}
</style>
<template>
<q-dialog v-model="persistent" maximized full-height seamless position="right" @hide="closeperForm">
<q-card style="margin-top:61px;width:600px" class="no-border-radius classinfo_Dialog">
<q-card style="margin-top:61px;width:600px" class="no-border-radius customRightDialog">
<div class="drawerTop">
<div style="display:flex;align-items:center;margin:20px 0 0 20px;">
<span class="drawer_Span">客户审批</span>
<div style="display: flex; align-items: center">
<div class="className">
<div class="classFirst">客户审批</div>
</div>
</div>
</div>
<div class="col-12" style="margin:0 24px;">
<q-input filled stack-label :dense="false" class="col-12" label="客户名称" v-model="objOption.CustomerName" />
</div>
<div class="col-12" style="margin:20px 24px;">
<q-input filled stack-label :dense="false" class="col-12" label="联系电话" v-model="objOption.ContactNumber" />
</div>
<div class="col-12" style="margin:20px 24px;">
<q-input filled stack-label :dense="false" class="col-12" label="传真" v-model="objOption.Fax" />
</div>
<div class="col-12" style="margin:20 24px;">
<q-input filled stack-label :dense="false" class="col-12" label="QQ" v-model="objOption.QQ" />
</div>
<div class="col-12" style="margin:20 24px;">
<q-input filled stack-label :dense="false" class="col-12" label="Email" v-model="objOption.Email" />
</div>
<div class="col-12" style="margin:20 24px;">
<q-input filled stack-label :dense="false" class="col-12" label="地址" v-model="objOption.Address" />
<div style="margin:20px">
<div class="classFirst">
<span class="role_Line"></span>基本信息
</div>
<div class="row info_Item">
<div class="col-6">
<span class="backInfo_Title">客户名称:</span>
<span class="backOtherInfo" v-if="objOption.CustomerName">
{{ objOption.CustomerName }}
</span>
</div>
<div class="col-6">
<span class="backInfo_Title">联系电话:</span>
<span class="backOtherInfo">{{ objOption.ContactNumber }}</span>
</div>
</div>
<div class="row info_Item">
<div class="col-6">
<span class="backInfo_Title">传真:</span>
<span class="backOtherInfo" v-if="objOption.Fax">
{{ objOption.Fax }}
</span>
</div>
<div class="col-6">
<span class="backInfo_Title">QQ:</span>
<span class="backOtherInfo">{{ objOption.QQ }}</span>
</div>
</div>
<div class="row info_Item">
<div class="col-6">
<span class="backInfo_Title">Email:</span>
<span class="backOtherInfo" v-if="objOption.Email">
{{ objOption.Email }}
</span>
</div>
<div class="col-6">
<span class="backInfo_Title">地址:</span>
<span class="backOtherInfo">{{ objOption.Address }}</span>
</div>
</div>
<div style="display: flex;justify-content: space-between;align-items: center;margin-top: 20px;">
<div>审批意见</div>
<div>
<q-radio v-model="AuditMsg.ApproveState" :val="1" label="通过" />
<q-radio v-model="AuditMsg.ApproveState" :val="2" label="驳回" />
</div>
</div>
<q-input filled stack-label :dense="false" v-model="AuditMsg.ApproveContent" type="textarea" label="审批意见" />
</div>
<div style="margin:30px 10px 0 0;text-align:right;">
<q-btn color="accent" class="q-mr-md" icon="add" label="保存" @click="saveConfig()" />
<q-btn color="accent" class="q-mr-md" label="保存" @click="saveConfig()" />
</div>
</q-card>
<div class="dialog-out-close" @click="closeperForm"
......@@ -43,7 +108,7 @@
export default {
components: {},
props: {
saveObj: {
customerObj: {
type: Object,
default: null
}
......@@ -53,6 +118,11 @@
persistent: true,
objOption: {},
saveCourseLoading: false,
AuditMsg: {
CustomerId: 0,
ApproveState: 1, //审批状态 1-审批通过,2-拒绝
ApproveContent: ''
}
}
},
created() {},
......@@ -62,17 +132,31 @@
methods: {
//初始化表单
initObj() {
GetCustomer({
CustomerId: 23198
}).then(res => {
console.log("res", res);
var tempData = res.Data;
this.objOption = tempData;
})
if (this.customerObj && this.customerObj.CustomerId > 0) {
this.AuditMsg.CustomerId = this.customerObj.CustomerId;
GetCustomer({
CustomerId: this.customerObj.CustomerId
}).then(res => {
var tempData = res.Data;
this.objOption = tempData;
})
}
},
//保存
saveCourse() {
saveConfig() {
AuditCustomer(this.AuditMsg).then(res => {
if (res.Code == 1) {
this.$q.notify({
icon: "iconfont icon-chenggong",
color: "accent",
timeout: 2000,
message: "数据保存成功!",
position: "top",
});
this.$emit("success");
this.closeperForm()
}
})
},
//关闭弹窗
closeperForm() {
......@@ -81,4 +165,5 @@
},
},
}
</script>
\ No newline at end of file
</script>
......@@ -43,8 +43,9 @@
<q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditCustom(null)" label="新增客户" />
</div>
</div>
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
separator="none" :data="dataList" :columns="columns" row-key="name">
<q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
class="sticky-column-table sticky-right-column-table" separator="none" :data="dataList" :columns="columns"
row-key="name">
<template v-slot:bottom>
<q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
:input="true" @input="changePage" />
......@@ -53,17 +54,18 @@
<q-td :props="props" style="width:200px;">
<q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
@click="EditCustom(props.row)" />
<q-btn flat size="xs" v-if="props.row.ApproveState==0||props.row.ApproveState==2" icon="edit" color="accent"
<q-btn flat v-if="props.row.ApproveState==0||props.row.ApproveState==2" size="xs" icon="edit" color="accent"
style="font-weight:400" label="客户审批" @click="AuditCustomer(props.row)" />
<q-btn flat size="xs" v-if="props.row.ApproveState==0" icon="edit" color="accent" style="font-weight:400"
label="删除" @click="RemoveCustomer(props.row)" />
<q-btn flat v-if="props.row.ApproveState==0" size="xs" icon="delete" color="negative"
style="font-weight:400" label="删除" @click="RemoveCustomer(props.row)" />
</q-td>
</template>
</q-table>
<perCustomer-form v-if="isShowCustomForm" :customerObj="customerObj" @close="closeCustomForm"
@success="refreshQuestion">
</perCustomer-form>
<customRight-form v-if="isShowRightForm" :customerObj="customerObj" @close="closeCustomForm"></customRight-form>
<customRight-form v-if="isShowRightForm" :customerObj="customerObj" @close="closeCustomForm"
@success="refreshQuestion"></customRight-form>
</div>
</div>
</template>
......
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