添加底部导航字段是否pag

添加页面读取网页标题字段

src/views/app/appBottomNavs/components/add/index.vue

@@ -44,6 +44,7 @@ let UpdateForm = ref({
   iconSize: "", //图标尺寸
   statusBarColor: "", //状态栏底色
   kind: "", //分类
+  pagFlag: "", //是否PAG
 
 });
 // 表单实例
@@ -82,23 +83,24 @@ const submit = async (formEl) => {
           type: "success"
         });
         UpdateForm.value = {
-          title: "", //标题
-          selectIcon: "", //选中图标
-          normalIcon: "", //未选中图标
-          selectTextColor: "", //选中文字颜色
-          normalTextColor: "", //未选中文字颜色
-          pageName: "", //关联页面文件
-          noPageHint: "", //空页面提示信息
-          backgroudColor: "", //背景色
-          style: "", //按钮样式
-          scrollerAnimationImages: "", //滚动图片
-          pagPath: "", //PAG文件
-          showTitle: "", //是否显示标题
-          pagLocalPath: "", //pag文件路径
-          pagDefaultIcon: "", //pag默认图标
-          iconSize: "", //图标尺寸
-          statusBarColor: "", //状态栏底色
-          kind: "", //分类
+                title: "", //标题
+      selectIcon: "", //选中图标
+      normalIcon: "", //未选中图标
+      selectTextColor: "", //选中文字颜色
+      normalTextColor: "", //未选中文字颜色
+      pageName: "", //关联页面文件
+      noPageHint: "", //空页面提示信息
+      backgroudColor: "", //背景色
+      style: "", //按钮样式
+      scrollerAnimationImages: "", //滚动图片
+      pagPath: "", //PAG文件
+      showTitle: "", //是否显示标题
+      pagLocalPath: "", //pag文件路径
+      pagDefaultIcon: "", //pag默认图标
+      iconSize: "", //图标尺寸
+      statusBarColor: "", //状态栏底色
+      kind: "", //分类
+      pagFlag: "", //是否PAG
 
         };
         // 关闭新增弹窗;
@@ -138,7 +140,7 @@ const closeFn: any = inject("closeAddVisible");
 const closeVisible = () => {
   // 清空表单项;
   UpdateForm.value = {
-    title: "", //标题
+        title: "", //标题
     selectIcon: "", //选中图标
     normalIcon: "", //未选中图标
     selectTextColor: "", //选中文字颜色
@@ -155,6 +157,7 @@ const closeVisible = () => {
     iconSize: "", //图标尺寸
     statusBarColor: "", //状态栏底色
     kind: "", //分类
+    pagFlag: "", //是否PAG
 
   };
   closeFn();
@@ -230,6 +233,8 @@ const isFullscreen = ref(false)
               clearable,
             )
               el-option(:label="item.label", :value="item.id" v-for="(item,index) in kindOptionList")
+          el-form-item(label='是否PAG' prop="pagFlag")
+            el-switch(v-model="UpdateForm.pagFlag")
     el-tabs(v-model="activeId" class="demo-tabs" @tab-click="handleClick")
 
     .flex.justify-end

src/views/app/appBottomNavs/components/update/index.vue

@@ -46,6 +46,7 @@ const UpdateForm: any = ref({
   pagDefaultIcon: "", //pag默认图标
   iconSize: "", //图标尺寸
   statusBarColor: "", //状态栏底色
+  pagFlag: "", //是否PAG
 
 });
 // 按钮样式选项数据
@@ -64,7 +65,7 @@ const submit = async (formEl) => {
   await formEl.validate(async (valid, fields) => {
     if (valid) {
       //表单校验成功回调
-      console.log('submit!');
+      console.log('submit!')
 
       // 需动态生成接口
       const { status, msg }: any = await http.Request({
@@ -79,22 +80,23 @@ const submit = async (formEl) => {
           type: "success"
         });
         UpdateForm.value = {
-          title: "", //标题
-          selectIcon: "", //选中图标
-          normalIcon: "", //未选中图标
-          selectTextColor: "", //选中文字颜色
-          normalTextColor: "", //未选中文字颜色
-          pageName: "", //关联页面文件
-          noPageHint: "", //空页面提示信息
-          backgroudColor: "", //背景色
-          style: "", //按钮样式
-          scrollerAnimationImages: "", //滚动图片
-          pagPath: "", //PAG文件
-          showTitle: "", //是否显示标题
-          pagLocalPath: "", //pag文件路径
-          pagDefaultIcon: "", //pag默认图标
-          iconSize: "", //图标尺寸
-          statusBarColor: "", //状态栏底色
+                title: "", //标题
+      selectIcon: "", //选中图标
+      normalIcon: "", //未选中图标
+      selectTextColor: "", //选中文字颜色
+      normalTextColor: "", //未选中文字颜色
+      pageName: "", //关联页面文件
+      noPageHint: "", //空页面提示信息
+      backgroudColor: "", //背景色
+      style: "", //按钮样式
+      scrollerAnimationImages: "", //滚动图片
+      pagPath: "", //PAG文件
+      showTitle: "", //是否显示标题
+      pagLocalPath: "", //pag文件路径
+      pagDefaultIcon: "", //pag默认图标
+      iconSize: "", //图标尺寸
+      statusBarColor: "", //状态栏底色
+      pagFlag: "", //是否PAG
 
         };
         // 关闭修改弹窗;
@@ -130,7 +132,7 @@ const rules = reactive({
 const closeFn: any = inject('closeEditUpdateVisible');
 const openVisible = async () => {
   //通过ID获取表格数据
-  const { status, data }: any = await http.Request({ method: UrlList.kxsConfigServer.appBottomNavsquery.method, url: UrlList.kxsConfigServer.appBottomNavsquery.url, params: { id: props.formData.id } });
+  const { status, data }: any = await http.Request({ method: UrlList.kxsConfigServer.appBottomNavsquery.method, url: UrlList.kxsConfigServer.appBottomNavsquery.url, params: { id: props.formData.id }});
   if (status === 1) {
     UpdateForm.value = data;
 
@@ -155,6 +157,7 @@ const closeUpdateVisible = () => {
     pagDefaultIcon: "", //pag默认图标
     iconSize: "", //图标尺寸
     statusBarColor: "", //状态栏底色
+    pagFlag: "", //是否PAG
 
   };
   closeFn();
@@ -185,19 +188,6 @@ const isFullscreen = ref(false)
           el-form-item(label='未选中文字颜色' prop="normalTextColor")
             el-input(v-model='UpdateForm.normalTextColor' autocomplete='off'
               placeholder="请输入未选中文字颜色")
-          el-form-item(label='是否显示标题' prop="showTitle")
-            el-switch(v-model="UpdateForm.showTitle")
-          el-form-item(label='pag文件路径' prop="pagLocalPath")
-            el-input(v-model='UpdateForm.pagLocalPath' autocomplete='off'
-              placeholder="请输入pag文件路径")
-          el-form-item(label='pag默认图标' prop="pagDefaultIcon")
-            el-input(v-model='UpdateForm.pagDefaultIcon' autocomplete='off'
-              placeholder="请输入pag默认图标")
-          el-form-item(label='图标尺寸' prop="iconSize")
-            el-input-number(v-model='UpdateForm.iconSize' :min="1" :max="1000"
-              placeholder="请输入图标尺寸")
-      el-tab-pane(label="基本信息" name="2")
-        el-form(:model='UpdateForm' label-position="right" ref="ruleFormRef" :rules="rules" label-width="100px")
           el-form-item(label='关联页面文件' prop="pageName")
             el-input(v-model='UpdateForm.pageName' autocomplete='off'
               placeholder="请输入关联页面文件")
@@ -220,9 +210,24 @@ const isFullscreen = ref(false)
           el-form-item(label='PAG文件' prop="pagPath")
             el-input(v-model='UpdateForm.pagPath' autocomplete='off'
               placeholder="请输入PAG文件")
+      el-tab-pane(label="基本信息" name="2")
+        el-form(:model='UpdateForm' label-position="right" ref="ruleFormRef" :rules="rules" label-width="100px")
+          el-form-item(label='是否显示标题' prop="showTitle")
+            el-switch(v-model="UpdateForm.showTitle")
+          el-form-item(label='pag文件路径' prop="pagLocalPath")
+            el-input(v-model='UpdateForm.pagLocalPath' autocomplete='off'
+              placeholder="请输入pag文件路径")
+          el-form-item(label='pag默认图标' prop="pagDefaultIcon")
+            el-input(v-model='UpdateForm.pagDefaultIcon' autocomplete='off'
+              placeholder="请输入pag默认图标")
+          el-form-item(label='图标尺寸' prop="iconSize")
+            el-input-number(v-model='UpdateForm.iconSize' :min="1" :max="1000"
+              placeholder="请输入图标尺寸")
           el-form-item(label='状态栏底色' prop="statusBarColor")
             el-input(v-model='UpdateForm.statusBarColor' autocomplete='off'
               placeholder="请输入状态栏底色")
+          el-form-item(label='是否PAG' prop="pagFlag")
+            el-switch(v-model="UpdateForm.pagFlag")
 
     .flex.justify-end
       el-button(

src/views/app/pageUpdateInfo/components/update/index.vue

@@ -60,7 +60,7 @@ const submit = async (formEl) => {
           type: "success"
         });
         UpdateForm.value = {
-
+          
         };
         // 关闭修改弹窗;
         closeUpdateVisible();
@@ -92,7 +92,7 @@ const rules = reactive({
 const closeFn: any = inject('closeEditUpdateVisible');
 const openVisible = async () => {
   //通过ID获取表格数据
-  const { status, data }: any = await http.Request({ method: UrlList.kxsConfigServer.pageUpdateInfoquery.method, url: UrlList.kxsConfigServer.pageUpdateInfoquery.url, params: { id: props.formData.id } });
+  const { status, data }: any = await http.Request({ method: UrlList.kxsConfigServer.pageUpdateInfoquery.method, url: UrlList.kxsConfigServer.pageUpdateInfoquery.url, params: { id: props.formData.id }});
   if (status === 1) {
     UpdateForm.value = data;
 
@@ -168,6 +168,8 @@ const isFullscreen = ref(false)
           el-form-item(label='右侧按钮2点击事件' prop="rightAction2")
             el-input(v-model='UpdateForm.rightAction2' autocomplete='off'
               placeholder="请输入右侧按钮2点击事件")
+          el-form-item(label='是否读取网页标题' prop="webTitle")
+            el-switch(v-model="UpdateForm.webTitle")
       el-tab-pane(label="下级页面" name="2")
         el-form(:model='UpdateForm' label-position="right" ref="ruleFormRef" :rules="rules" label-width="100px")
           el-form-item(label="下级页面", prop="gotoPages")