全局表单

src/views/tabbar/globalForm.vue

@@ -4,7 +4,7 @@
         <!-- 头部搜索框部分 -->
         <div class="title">
             <el-row>
-                <el-col :span="6" class="left">
+                <!-- <el-col :span="6" class="left">
                     <div class="searchBox">
                         <div class="searchTitle">网站名称</div>
                          <el-select v-model="webSiteName_id" :multiple="false" :multiple-limit="1" filterable remote
@@ -15,7 +15,7 @@
                             </el-option>
                         </el-select>
                     </div>
-                </el-col>
+                </el-col> -->
                 <el-col :span="6" class="left">
                     <div class="searchBox">
                         <div class="searchTitle">表单名称</div>
@@ -50,8 +50,8 @@
                         <el-table-column prop="table" label="表名" width="">
                         </el-table-column>
 
-                        <el-table-column prop="website_name" label="网站名称" width="">
-                        </el-table-column>
+                        <!-- <el-table-column prop="website_name" label="网站名称" width="">
+                        </el-table-column> -->
                         
                         <el-table-column prop="is_code" label="验证码" width="122">
                             <template slot-scope="scope">
@@ -59,7 +59,7 @@
                             </template>
                         </el-table-column>
 
-                        <el-table-column fixed="right" label="操作"  width="444">
+                        <el-table-column fixed="right" label="操作"  width="444" align="center">
 
                             <template slot-scope="scope">
                                 <div class="listBtnBox">
@@ -118,20 +118,34 @@
                         <el-input v-model="ruleForm.table_name" placeholder="请输入表名(小写字母和下划线:complaints_report)" :disabled="dialogName === '编辑表单'">
                         </el-input>
                     </el-form-item>
-                    <el-form-item label="关键词:" prop="keywords"  class="custom-align-right">
+                    <el-form-item label="SEO关键词:" prop="keywords"  class="custom-align-right">
                         <template #label>
                                 <span class="askBox">
-                                    表单关键词：
-                                    <el-tooltip class="item" effect="dark" content="表单关键词如：三农市场网、全国三农、信息一体化"
+                                    SEO关键词：
+                                    <el-tooltip class="item" effect="dark" content="SEO关键词如：三农市场网、全国三农、信息一体化"
                                         placement="top">
                                         <i class="el-icon-question"></i>
                                     </el-tooltip>
                                 </span>
                             </template>
-                        <el-input v-model="ruleForm.keywords" placeholder="请输入关键词" >
+                        <el-input v-model="ruleForm.keywords" placeholder="请输入关SEO键词" >
                         </el-input>
                     </el-form-item>
-                    <el-form-item label="表单描述："  prop="description"
+                    <el-form-item label="SEO描述："  prop="description"
+                            class="custom-align-right">
+                            <template #label>
+                                <span class="askBox">
+                                    SEO描述：
+                                    <el-tooltip class="item" effect="dark" content="SEO描述，如：中国三农市场网创建以来，社会效益和会员经济效益贡献。"
+                                        placement="top">
+                                        <i class="el-icon-question"></i>
+                                    </el-tooltip>
+                                </span>
+                            </template>
+                            <el-input type="textarea" v-model="ruleForm.description" class="custom-textarea"
+                                placeholder="请输入SEO描述"></el-input>
+                    </el-form-item>
+                    <el-form-item label="表单描述："  prop="remark"
                             class="custom-align-right">
                             <template #label>
                                 <span class="askBox">
@@ -142,10 +156,10 @@
                                     </el-tooltip>
                                 </span>
                             </template>
-                            <el-input type="textarea" v-model="ruleForm.description" class="custom-textarea"
+                            <el-input type="textarea" v-model="ruleForm.remark" class="custom-textarea"
                                 placeholder="请输入表单描述"></el-input>
-                        </el-form-item>
-                    <el-form-item label="网站名称:" prop="tabbarName_2">
+                    </el-form-item>
+                    <!-- <el-form-item label="网站名称:" prop="tabbarName_2">
                         <el-select v-model="ruleForm.tabbarName_2" :multiple="false" :multiple-limit="1" filterable remote
                                  clearable reserve-keyword placeholder="请输入网站名称" :remote-method="getWebNavList"
                                  :loading="webSiteLoading" @change="selectWebSite_2">
@@ -153,7 +167,7 @@
                                 :value="item.value">   
                             </el-option>
                         </el-select>
-                    </el-form-item>
+                    </el-form-item> -->
  
                     <el-form-item label="验证码:" prop="use_captcha">
                         <el-switch
@@ -232,18 +246,19 @@ export default {
             webSiteName_id: '', //网站名称id
             webSiteName_id_2: '', //网站名称id=form
             tabbarName: '', //单页名称
-            website_id: "", //网站id
+            // website_id: "", //网站id
             ruleForm: {
 
                 use_captcha: 0, // 新增验证码开关 
                 form_name: '', //表单名
                 table_name: '', //表名
-                webName: '', //网站名称
+                // webName: '', //网站名称
                 tabbarName: '', //单页名称
                 tabbarName_2: '', //单页名称
                 pageType: '', //页面类型
                 keywords: '', //关键词
                 description: '', //描述
+                remark: '', //表单描述
             },
             rules: {
                  table_name: [
@@ -251,12 +266,13 @@ export default {
                     { trigger: 'blur', validator: validateTableName } // 新增格式验证
                 ],
                 form_name: [{ required: true, trigger: 'blur', validator: validateEmpty }],
-                webName: [{ required: true, trigger: 'blur', validator: validateEmpty }],
+                // webName: [{ required: true, trigger: 'blur', validator: validateEmpty }],
                 tabbarName: [{ required: true, trigger: 'blur', validator: validateEmpty }],
                 tabbarName_2: [{ required: true, trigger: 'blur', validator: validateEmpty }],
                 pageType: [{ required: true, trigger: 'blur', validator: validateEmpty }],
                 keywords: [{ required: true, trigger: 'blur', message: '请输入关键词', }],
                 description: [{ required: true, trigger: 'blur', message: '请输入关键词', }],
+                remark: [{ required: true, trigger: 'blur', message: '请输入表单描述', }],
             }
         }
     },
@@ -325,7 +341,7 @@ export default {
            get_list_api({
                 page: this.page,
                 pageSize:  this.pageSize,
-                website_id: this.webSiteName_id,
+                // website_id: this.webSiteName_id,
                 name: this.tabbarName,
             }).then(data => {
                 this.tableData = data.data.list
@@ -356,10 +372,11 @@ export default {
             this.ruleForm.use_captcha = val.is_code == 1 ? true : false
             this.ruleForm.keywords = val.keywords    // 关键词
             this.ruleForm.description = val.description // 描述
-            this.webSiteName_id_2 = val.website_id  // 网站ID
-            this.webSiteName_id_2 = val.website_id  // 网站ID
+            this.ruleForm.remark = val.remark        // 表单描述
+            // this.webSiteName_id_2 = val.website_id  // 网站ID
+            // this.webSiteName_id_2 = val.website_id  // 网站ID
               // 回显网站2名称
-            this.ruleForm.tabbarName_2 = val.website_id  // 设置选中值
+            // this.ruleForm.tabbarName_2 = val.website_id  // 设置选中值
             return this.getWebNavList(val.website_name) 
         },
         //2.0 查看
@@ -393,17 +410,22 @@ export default {
             this.ruleForm.tabbarName = '' //单页名称
             this.ruleForm.pageType = '' //页面类型
             this.ruleForm.use_captcha = false //验证码    
-
+            this.ruleForm.keywords = '' //关键词
+            this.ruleForm.description = '' //描述
+            this.ruleForm.remark = '' //表单描述
             this.ruleForm={
                 use_captcha: 0, // 新增验证码开关 
                 form_name: '', //表单名
                 table_name: '', //表名
-                webName: '', //网站名称
+                // webName: '', //网站名称
                 tabbarName: '', //单页名称
                 tabbarName_2: '', //单页名称
                 pageType: '', //页面类型
+                keywords: '', //关键词
+                description: '', //描述
+                remark: '', //表单描述
             }
-
+        
         },
         // 弹出层相关方法
         submitForm(formName) {
@@ -412,12 +434,13 @@ export default {
              this.$refs[formName].validate((valid) => {
                 if (valid) {
                         add_table_api({// 提交表单add_table_api
-                            website_id: this.webSiteName_id_2, //网站id
+                            // website_id: this.webSiteName_id_2, //网站id
                             name: this.ruleForm.form_name, //表单名
                             table: this.ruleForm.table_name, //表名 
                             is_code: this.ruleForm.use_captcha==true ? 1:0, //验证码
                             keywords: this.ruleForm.keywords, //关键词
                             description: this.ruleForm.description, //描述
+                            remark: this.ruleForm.remark, //表单描述
                             }).then(data =>{
                                 if (data.code == 200) {
                                     this.$message({
@@ -451,13 +474,14 @@ export default {
                 if (valid) {
                 
                         edit_table_api({// 编辑表单
-                            website_id: this.webSiteName_id_2, //网站id
+                            // website_id: this.webSiteName_id_2, //网站id
                             name: this.ruleForm.form_name, //表单名
                             table: this.ruleForm.table_name, //表名 
                             id: this.activeid, // 编辑时需要的id
                             is_code: this.ruleForm.use_captcha==true ? 1:0, //验证码
                             keywords: this.ruleForm.keywords, //关键词
                             description: this.ruleForm.description, //描述
+                            remark: this.ruleForm.remark, //表单描述
                             }).then(data =>{
                                 if (data.code == 200) {
                                     this.$message({
@@ -541,11 +565,11 @@ export default {
         },
         //添加 / 编辑弹窗中输入关键词下拉框 
         // 判断是否已经关联了网站
-        detectionWebSite(value) {
-            console.log(value);
-            this.website_id = value
-            console.log(this.website_id);
-        },
+        // detectionWebSite(value) {
+        //     console.log(value);
+        //     this.website_id = value
+        //     console.log(this.website_id);
+        // },
         //
         getWebNavList(query) {
             if (query !== '') {