Jelajahi Sumber

页面修改界面问题

lcl 8 bulan lalu
induk
melakukan
6905511448

+ 1 - 1
src/utils/FilterSensitiveWords.ts

@@ -1,4 +1,4 @@
-const keyWordList = ["SCRIPT", "HTML", "BODY", "STYLE", "PHP", "JAVA", ".NET"]; // 脚本关键词列表
+const keyWordList = ["SCRIPT", "BODY", "STYLE", "PHP", "JAVA", ".NET"]; // 脚本关键词列表
 const rules = keyWordList.join("|");
 const regExp = new RegExp(rules, "i");
 

+ 63 - 0
src/views/app/pageUpdateInfo/components/update/index.vue

@@ -113,6 +113,69 @@ const isFullscreen = ref(false)
 <template lang="pug">
 .main
   el-dialog(v-model='props.editVisible' draggable width="50%" :fullscreen="isFullscreen" title="修改" @close="closeUpdateVisible" @open="openVisible")
+    el-tabs(v-model="activeId" class="demo-tabs" @tab-click="handleClick")
+      el-tab-pane(label="基本信息" name="1")
+        el-form(:model='UpdateForm' label-position="right" ref="ruleFormRef" :rules="rules" label-width="100px")
+          el-form-item(label='模板更新版本' prop="moduleVersion")
+            el-input-number(v-model='UpdateForm.moduleVersion' :min="1" :max="1000"
+              placeholder="请输入模板更新版本")
+          el-form-item(label='模板路径' prop="modulePath")
+            el-input(v-model='UpdateForm.modulePath' autocomplete='off'
+              placeholder="请输入模板路径")
+          el-form-item(label='背景色' prop="backgroudColor")
+            el-input(v-model='UpdateForm.backgroudColor' autocomplete='off'
+              placeholder="请输入背景色")
+          el-form-item(label='前景色' prop="textColor")
+            el-input(v-model='UpdateForm.textColor' autocomplete='off'
+              placeholder="请输入前景色")
+          el-form-item(label="苹果状态栏", prop="statusBarStyle")
+            el-select(
+              v-model="UpdateForm.statusBarStyle",
+              placeholder="请选择苹果状态栏",
+              clearable,
+            )
+              el-option(:label="item.label", :value="item.id" v-for="(item,index) in statusBarStyleOptionList")
+          el-form-item(label='是否显示头部' prop="showTitle")
+            el-switch(v-model="UpdateForm.showTitle")
+          el-form-item(label='顶部标题' prop="title")
+            el-input(v-model='UpdateForm.title' autocomplete='off'
+              placeholder="请输入顶部标题")
+          el-form-item(label='是否显示滚动条' prop="showScrollBar")
+            el-switch(v-model="UpdateForm.showScrollBar")
+          el-form-item(label='是否侧滑返回' prop="skidFlag")
+            el-switch(v-model="UpdateForm.skidFlag")
+          el-form-item(label='左侧按钮1' prop="leftBtn1")
+            el-input(v-model='UpdateForm.leftBtn1' autocomplete='off'
+              placeholder="请输入左侧按钮1")
+          el-form-item(label='左侧按钮2' prop="leftBtn2")
+            el-input(v-model='UpdateForm.leftBtn2' autocomplete='off'
+              placeholder="请输入左侧按钮2")
+          el-form-item(label='右侧按钮1' prop="rightBtn1")
+            el-input(v-model='UpdateForm.rightBtn1' autocomplete='off'
+              placeholder="请输入右侧按钮1")
+          el-form-item(label='右侧按钮2' prop="rightBtn2")
+            el-input(v-model='UpdateForm.rightBtn2' autocomplete='off'
+              placeholder="请输入右侧按钮2")
+          el-form-item(label='左侧按钮1点击事件' prop="leftAction1")
+            el-input(v-model='UpdateForm.leftAction1' autocomplete='off'
+              placeholder="请输入左侧按钮1点击事件")
+          el-form-item(label='左侧按钮2点击事件' prop="leftAction2")
+            el-input(v-model='UpdateForm.leftAction2' autocomplete='off'
+              placeholder="请输入左侧按钮2点击事件")
+          el-form-item(label='右侧按钮1点击事件' prop="rightAction1")
+            el-input(v-model='UpdateForm.rightAction1' autocomplete='off'
+              placeholder="请输入右侧按钮1点击事件")
+          el-form-item(label='右侧按钮2点击事件' prop="rightAction2")
+            el-input(v-model='UpdateForm.rightAction2' autocomplete='off'
+              placeholder="请输入右侧按钮2点击事件")
+      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")
+            el-transfer(v-model="UpdateForm.gotoPages" :data="gotoPagesOptionList")
+      el-tab-pane(label="基本资料" name="3")
+        el-form(:model='UpdateForm' label-position="right" ref="ruleFormRef" :rules="rules" label-width="100px")
+          el-form-item(label='是否强制更新' prop="mustUpdate")
+            el-switch(v-model="UpdateForm.mustUpdate")
 
     .flex.justify-end
       el-button(