hookehuyr

新增页面提交按钮问题设置

1 <!-- 1 <!--
2 * @Date: 2022-07-18 10:22:22 2 * @Date: 2022-07-18 10:22:22
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-12-07 16:12:26 4 + * @LastEditTime: 2022-12-07 16:57:12
5 * @FilePath: /data-table/src/views/index.vue 5 * @FilePath: /data-table/src/views/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -45,10 +45,10 @@ ...@@ -45,10 +45,10 @@
45 </van-cell-group> 45 </van-cell-group>
46 <div v-if="formData.length" style="margin: 16px"> 46 <div v-if="formData.length" style="margin: 16px">
47 <van-button v-if="model === 'edit'" round block type="primary"> 47 <van-button v-if="model === 'edit'" round block type="primary">
48 - 提交 48 + {{ PCommit.text ? PCommit.text : '提交' }}
49 </van-button> 49 </van-button>
50 <van-button v-else round block type="primary" native-type="submit"> 50 <van-button v-else round block type="primary" native-type="submit">
51 - 提交 51 + {{ PCommit.text ? PCommit.text : '提交' }}
52 </van-button> 52 </van-button>
53 </div> 53 </div>
54 </van-form> 54 </van-form>
...@@ -111,6 +111,7 @@ const themeVars = { ...@@ -111,6 +111,7 @@ const themeVars = {
111 const $route = useRoute(); 111 const $route = useRoute();
112 const $router = useRouter(); 112 const $router = useRouter();
113 const PHeader = ref({}); 113 const PHeader = ref({});
114 +const PCommit = ref({});
114 const PHeader_cover = ref(""); 115 const PHeader_cover = ref("");
115 const PHeader_title = ref(""); 116 const PHeader_title = ref("");
116 const mockData = ref([]); 117 const mockData = ref([]);
...@@ -204,6 +205,7 @@ onMounted(async () => { ...@@ -204,6 +205,7 @@ onMounted(async () => {
204 useTitle(form_data.name); 205 useTitle(form_data.name);
205 // 重构数据结构 206 // 重构数据结构
206 let page_header = {}; 207 let page_header = {};
208 + let page_commit = {};
207 let page_form = []; 209 let page_form = [];
208 form_data.field_list.forEach((element) => { 210 form_data.field_list.forEach((element) => {
209 if (element.component_code === "page_header") { 211 if (element.component_code === "page_header") {
...@@ -213,6 +215,13 @@ onMounted(async () => { ...@@ -213,6 +215,13 @@ onMounted(async () => {
213 page_header[ele["property_code"]] = 215 page_header[ele["property_code"]] =
214 ele.setting_value.length > 1 ? ele.setting_value : ele.setting_value[0]; 216 ele.setting_value.length > 1 ? ele.setting_value : ele.setting_value[0];
215 }); 217 });
218 + } else if (element.component_code === "page_commit") {
219 + // 提交按钮
220 + const list = element.property_list;
221 + list.forEach((ele) => {
222 + page_commit[ele["property_code"]] =
223 + ele.setting_value.length > 1 ? ele.setting_value : ele.setting_value[0];
224 + });
216 } else { 225 } else {
217 page_form.push(element); 226 page_form.push(element);
218 } 227 }
...@@ -233,6 +242,11 @@ onMounted(async () => { ...@@ -233,6 +242,11 @@ onMounted(async () => {
233 cover: page_header.banner_url, 242 cover: page_header.banner_url,
234 }; 243 };
235 } 244 }
245 + if (page_commit) {
246 + PCommit.value = {
247 + text: page_commit.text,
248 + };
249 + }
236 formData.value = formatData(page_form); 250 formData.value = formatData(page_form);
237 // mockData.value = [ 251 // mockData.value = [
238 // { 252 // {
......