创建及编辑网站页面修改相关样式及数据回显问题-网站标识

src/views/website/addWebsite.vue

@@ -160,14 +160,20 @@
                                     </el-tooltip>
                                 </span>
                             </template>
-                            <el-input type="textarea" v-model="form.suffix" class="custom-textarea"
-                                placeholder="请输入网站后缀"></el-input>
+                            <el-input type="textarea" v-model="form.suffix" class="custom-textarea" placeholder="请输入网站后缀"></el-input>
+                        </el-form-item>
+                        <el-form-item label="" :label-width="formLabelWidth" prop="ad_key" class="custom-align-right">
+                            <template #label class="key" >
+                                <span class="askBox askBox1">
+                                    网站名称缩写：
+                                    <el-tooltip class="item" effect="dark" content="网站名称缩写，如：网站名称缩写，如：三农市场网 snscw。"
+                                        placement="top">
+                                        <i class="el-icon-question"></i>
+                                    </el-tooltip>
+                                </span>
+                            </template>
+                            <el-input v-model="form.ad_key" autocomplete="off" @change="checkWebsiteName(form.ad_key,0)" placeholder="请输入网站名称缩写"></el-input>
                         </el-form-item>
-                        <el-form-item label="网站名称缩写：" :label-width="formLabelWidth" prop="ad_key"
-                        class="custom-align-right">
-                        <el-input v-model="form.ad_key" autocomplete="off"
-                            @change="checkWebsiteName(form.ad_key,0)" placeholder="请输入网站名称缩写"></el-input>
-                    </el-form-item>
                     </div>
                 </el-form>
             </el-row>
@@ -767,6 +773,7 @@ export default {
             this.form.suffix = "";
             this.form.keywords = "";
             this.tags = [];
+            this.form.ad_key = ""; // 网站名称缩写
         },
         //3.1 获得所有网系
         getwebsiteColumn() {
@@ -791,7 +798,6 @@ export default {
                     updated_at: item.updated_at,
                     created_at: item.created_at,
                 };
-
                 // 如果有 children，则递归处理 children 数组
                 if (item.children && item.children.length > 0) {
                     newItem.children = that.transformData(item.children);
@@ -873,7 +879,7 @@ export default {
                     ad_key: name,
                 }
             }
-            console.log("gjsrolighjorsihg",data)
+            // console.log("gjsrolighjorsihg",data)
             if (this.editId != "") {
                 data.id = this.editId;
             }
@@ -1067,6 +1073,7 @@ export default {
                 this.tags = res.data.keywords ? res.data.keywords.split(',') : [];
                 this.form.description = res.data.description;
                 this.form.suffix = res.data.suffix;
+                this.form.ad_key = res.data.ad_key; // 网站名称缩写
                 //回显模板信息
                 // this.form.template_id = res.data.template_id;
                 // this.TemplateName = res.data.template_name;
@@ -1353,7 +1360,12 @@ p {
     text-align: right;
     /* 设置标签文字右对齐 */
 }
-
+::v-deep .el-form-item__label .askBox1 {
+    text-align: right;
+    margin-left:-20px;
+    width:130px;
+    /* 设置标签文字右对齐 */
+}
 //该项不能为空几个字的位置
 ::v-deep .el-form-item__error {
     color: #ff4949;