|
|
@@ -0,0 +1,126 @@
|
|
|
+<template>
|
|
|
+ <div class="hui-flex border-box ai-website">
|
|
|
+ <div class="website-form hui-flex">
|
|
|
+ <div class="website-form-title">
|
|
|
+ 网站信息
|
|
|
+ </div>
|
|
|
+ <div class="hui-flex-box website-form-content">
|
|
|
+ <el-form :model="form" label-position="top">
|
|
|
+ <el-form-item label="企业名称" prop="company_name" :rules="[{required: true, message: '请输入企业名称'}]">
|
|
|
+ <el-input type="text" v-model="form.company_name" placeholder="请输入企业名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业简称">
|
|
|
+ <el-input type="text" v-model="form.company_sub_name" placeholder="请输入企业简称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业目标">
|
|
|
+ <el-input type="text" v-model="form.target" placeholder="请输入企业目标"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="主营业务">
|
|
|
+ <el-input type="text" v-model="form.business_scope" placeholder="请输入主营业务"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="核心优势">
|
|
|
+ <el-input type="text" v-model="form.key_features" placeholder="请输入核心优势"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="联系方式">
|
|
|
+ <el-input type="text" v-model="form.contact_info" placeholder="请输入联系方式"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="行业领域">
|
|
|
+ <el-input type="text" v-model="form.industry_sector" placeholder="请输入行业领域"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成立地点与时间">
|
|
|
+ <el-input type="text" v-model="form.time_place" placeholder="请输入成立地点与时间"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="整体风格">
|
|
|
+ <el-input type="text" v-model="form.all_style" placeholder="请输入整体风格"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div class="hui-drawer-submit">
|
|
|
+ <el-button type="primary" size="mini">立即生成</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="website-show hui-flex">
|
|
|
+ <div class="website-form-title">
|
|
|
+ <span>网站展示</span>
|
|
|
+ <span></span>
|
|
|
+ </div>
|
|
|
+ <div class="hui-flex-box">
|
|
|
+ <div class="no-empty" v-if="!websiteHtml">
|
|
|
+ <el-empty description="暂无AI生成网站"></el-empty>
|
|
|
+ </div>
|
|
|
+ <div v-else v-html="websiteHtml"></div>
|
|
|
+ </div>
|
|
|
+ <div class="hui-drawer-submit">
|
|
|
+ <el-button type="primary" size="mini" :disabled="!websiteHtml">保存</el-button>
|
|
|
+ <el-button type="primary" size="mini" :disabled="!websiteHtml">发布</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ form: {
|
|
|
+ company_name: '',
|
|
|
+ company_sub_name: '',
|
|
|
+ business_scope: '',
|
|
|
+ key_features: '',
|
|
|
+ contact_info: '',
|
|
|
+ industry_sector: '',
|
|
|
+ time_place: '',
|
|
|
+ all_style: '',
|
|
|
+ target: ''
|
|
|
+ },
|
|
|
+ websiteHtml: ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ .ai-website {
|
|
|
+ flex-direction: row;
|
|
|
+
|
|
|
+ .website-form-title {
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ border-bottom: 1px solid $--border-color-light;
|
|
|
+ padding: 0 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .website-form {
|
|
|
+ width: 300px;
|
|
|
+ border-right: 1px solid $--border-color-light;
|
|
|
+ }
|
|
|
+
|
|
|
+ .no-empty {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .website-show {
|
|
|
+ flex: 1;
|
|
|
+ width: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .website-form-content {
|
|
|
+ padding: 10px;
|
|
|
+
|
|
|
+ .el-form {
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ .el-form-item {
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 !important;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
