页面样式修改
This commit is contained in:
commit
0bed510c3f
@ -3,23 +3,51 @@
|
||||
<el-card class="!border-none mb-4" shadow="never">
|
||||
<el-form class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item label="公司名称" prop="company_name">
|
||||
<el-input class="w-[280px]" v-model="queryParams.company_name" clearable placeholder="请输入公司名称" />
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.company_name"
|
||||
clearable
|
||||
placeholder="请输入公司名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="区" prop="area" v-show="company_type_show">
|
||||
<el-input class="w-[280px]" v-model="queryParams.area" clearable placeholder="请输入区" />
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.area"
|
||||
clearable
|
||||
placeholder="请输入区"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="镇" prop="street" v-show="company_type_show">
|
||||
<el-input class="w-[280px]" v-model="queryParams.street" clearable placeholder="请输入镇" />
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.street"
|
||||
clearable
|
||||
placeholder="请输入镇"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司类型" prop="company_type" v-show="company_type_show">
|
||||
<el-select v-model="queryParams.company_type" placeholder="请选择公司类型" clearable
|
||||
:style="{ width: '100%' }">
|
||||
<el-option v-for="(item, index) in datas.dictTypeLists" :key="index" :label="item.name"
|
||||
:value="item.id"></el-option>
|
||||
<el-select
|
||||
v-model="queryParams.company_type"
|
||||
placeholder="请选择公司类型"
|
||||
clearable
|
||||
:style="{ width: '100%' }"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in datas.dictTypeLists"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="片区经理" prop="area_manager">
|
||||
<el-input class="w-[280px]" v-model="queryParams.area_manager" clearable placeholder="请输入片区经理" />
|
||||
<el-input
|
||||
class="w-[280px]"
|
||||
v-model="queryParams.area_manager"
|
||||
clearable
|
||||
placeholder="请输入片区经理"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否签约" class="w-[308px]" prop="is_contract">
|
||||
<el-select v-model="queryParams.is_contract" placeholder="是否签约" clearable :style="{ width: '100%' }">
|
||||
@ -40,9 +68,12 @@
|
||||
</template>
|
||||
新增
|
||||
</el-button>-->
|
||||
<router-link v-perms="['company/add', 'company/edit']" :to="{
|
||||
path: getRoutePath('company/add:edit')
|
||||
}">
|
||||
<router-link
|
||||
v-perms="['company/add', 'company/edit']"
|
||||
:to="{
|
||||
path: getRoutePath('company/add:edit')
|
||||
}"
|
||||
>
|
||||
<el-button type="primary" class="mb-4">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
@ -91,14 +122,17 @@
|
||||
}
|
||||
}">详情</router-link>
|
||||
</el-button>
|
||||
<el-button v-perms="['company/edit', 'company/add']" type="primary" link>
|
||||
<router-link :to="{
|
||||
path: getRoutePath('company/add:edit'),
|
||||
query: {
|
||||
id: row.id,
|
||||
edit: true
|
||||
}
|
||||
}">编辑</router-link>
|
||||
<el-button type="primary" link>
|
||||
<router-link
|
||||
:to="{
|
||||
path: getRoutePath('company/subordinate/lists'),
|
||||
query: {
|
||||
company_id: row.id,
|
||||
read: true
|
||||
}
|
||||
}"
|
||||
>下属公司</router-link
|
||||
>
|
||||
</el-button>
|
||||
<el-button v-perms="['company/delete']" type="danger" link
|
||||
@click="handleDelete(row.id)">删除</el-button>
|
||||
@ -124,7 +158,9 @@
|
||||
确认签约短信将在60秒后发送,请注意查收,并点击短信链接进行线上合同签约
|
||||
</div>
|
||||
<p class="btn_menu">
|
||||
<el-button type="primary" size="large" v-if="showConctactPop" @click="creContct">确认创建</el-button>
|
||||
<el-button type="primary" size="large" v-if="showConctactPop" @click="creContct"
|
||||
>确认创建</el-button
|
||||
>
|
||||
<el-button type="primary" size="large" v-else @click="sendMsg">确认</el-button>
|
||||
<el-button type="info" size="large" @click="offPop">返回</el-button>
|
||||
</p>
|
||||
@ -167,59 +203,58 @@ const sendMsg = () => {
|
||||
// 创建合同与发送短信结束
|
||||
// 查询条件
|
||||
const queryParams = reactive({
|
||||
company_name: "",
|
||||
area: "",
|
||||
street: "",
|
||||
company_type: "",
|
||||
area_manager: "",
|
||||
company_name: '',
|
||||
area: '',
|
||||
street: '',
|
||||
company_type: '',
|
||||
area_manager: '',
|
||||
// 是否签约
|
||||
is_contract: "",
|
||||
});
|
||||
is_contract: ''
|
||||
})
|
||||
|
||||
if (route.query.company_type) {
|
||||
company_type_show.value = false;
|
||||
queryParams["company_type"] = route.query.company_type?.toString() || "";
|
||||
company_type_show.value = false
|
||||
queryParams['company_type'] = route.query.company_type?.toString() || ''
|
||||
}
|
||||
|
||||
const datas = reactive({
|
||||
dictTypeLists: [],
|
||||
});
|
||||
dictTypeLists: []
|
||||
})
|
||||
const getdictTypeLists = async () => {
|
||||
const data = await dictDataLists({ type_id: 6 });
|
||||
datas["dictTypeLists"] = data["lists"];
|
||||
};
|
||||
getdictTypeLists();
|
||||
const data = await dictDataLists({ type_id: 6 })
|
||||
datas['dictTypeLists'] = data['lists']
|
||||
}
|
||||
getdictTypeLists()
|
||||
// 选中数据
|
||||
const selectData = ref<any[]>([]);
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
// 表格选择后回调事件
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id);
|
||||
};
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
// 获取字典数据
|
||||
const { dictData } = useDictData("");
|
||||
const { dictData } = useDictData('')
|
||||
|
||||
// 分页相关
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: apiCompanyLists,
|
||||
params: queryParams,
|
||||
});
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
// 删除
|
||||
const handleDelete = async (id: number | any[]) => {
|
||||
await feedback.confirm("确定要删除?");
|
||||
await apiCompanyDelete({ id });
|
||||
getLists();
|
||||
};
|
||||
await feedback.confirm('确定要删除?')
|
||||
await apiCompanyDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
getLists();
|
||||
getLists()
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.btn {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
|
@ -547,7 +547,7 @@ const getcontract_type = async () => {
|
||||
};
|
||||
getcontract_type();
|
||||
|
||||
const isCompany = ref(false);
|
||||
const isCompany = ref(false)
|
||||
function customEvent(data: any) {
|
||||
isCompany.value = false;
|
||||
formData.party_a = data.id;
|
||||
|
Loading…
x
Reference in New Issue
Block a user