From 9b8282bcf5c5fbc22858bbfa15934b7f8a0ab753 Mon Sep 17 00:00:00 2001 From: cuiqian2004 <cuiqian2004@163.com> Date: 星期三, 10 七月 2024 18:24:55 +0800 Subject: [PATCH] smallwnd --- pages/modal/5601.vue | 425 ++++++++++++++++++++++++++++++----------------------- 1 files changed, 241 insertions(+), 184 deletions(-) diff --git a/pages/modal/5601.vue b/pages/modal/5601.vue index bf5a6c4..c4389c5 100644 --- a/pages/modal/5601.vue +++ b/pages/modal/5601.vue @@ -1,54 +1,55 @@ <template> <view class="uni-page-modal-5601"> <!-- 琛ㄥご鏍峰紡 --> - <view class="view-header"> - <view v-for="(item,index) in head_styledef.form.items" :key="index"> + + <uni-forms ref="baseForm" label-align="right"> + <view v-for="(item,index) in head_styledef.form.items" :key="index" class="v-head-style"> <!-- 鏅�甯冨眬 --> - <view v-if="item.name != 'Layout'" class="v-headStyle"> - <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text> - <uni-data-picker class="dv_select" v-if="item.name=='Select'" - :class="item.disabled?'input-disabled':''" v-model="item.value" :localdata="item.dict" - @change="onEnterChange(item)" :readonly="item.disabled" :clear-icon="false" - :popup-title="item.label"></uni-data-picker> + <uni-forms-item v-if="item.name != 'Layout'" :label="item.label +'锛� " + :label-width="item.labelWidth+'px'"> + <uni-data-picker v-if="item.name=='Select'" :class="item.disabled?'input-disabled':''" + v-model="item.value" :localdata="item.dict" @change="onEnterChange(item)" + :readonly="item.disabled" :clear-icon="false" :popup-title="item.label"></uni-data-picker> <view class="input-wrapper" v-if="item.name=='Input' || item.name=='InputNumber'"> <text v-if="item.setting.prefix" class="uni-icon" :class="[item.setting.prefix]" @click="onEnterChange(item)"></text> <input class="uni-input" :class="item.disabled?'input-disabled':''" + :style="{'padding-left':item.setting.prefix?0 : '8rpx','right':item.setting.suffix?0 : '8rpx'}" :type="item.name=='Input'?'text':'number'" v-model="item.value" :disabled="item.disabled" - :placeholder="item.placeholder" - :style="{'width':item.setting.prefix && item.setting.suffix?'78%':item.setting.prefix || item.setting.suffix?'87%':'96%'}" - :focus="focusFieldId == item.fieldId" @focus="ontap(item)" - @keyup.enter="onEnterChange(item)" @blur="onEnterChange(item)" /> + :placeholder="item.placeholder" :focus="focusFieldId == item.fieldId" @focus="ontap(item)" + @click="onClick(item)" @keyup.enter="onEnterChange(item)" + @blur="onEnterChange(item)" /> <text v-if="item.setting.suffix" class="uni-icon" :class="[item.setting.suffix]" - @click="onEnterChange(item)"></text> + @click="onEnterChange(item)"></text> </view> - </view> + </uni-forms-item> <!-- 鏍呮牸甯冨眬 --> - <uni-row v-else class="v-headStyle" :gutter="item.setting.gutter"> + <uni-row v-else :gutter="item.setting.gutter"> <uni-col :span=" item.setting.spanList && item.setting.spanList[key - 1]? item.setting.spanList[key - 1] : 24 / item.setting.col" v-for="(col,key) in item.setting.colList"> - <text class="txt_title" :style="{'width':col.labelWidth+'px'}">{{col.label}}锛�/text> - <uni-data-picker class="dv_select" v-if="col.name=='Select'" - :class="col.disabled?'input-disabled':''" v-model="col.value" :localdata="col.dict" - @change="onEnterChange(item)" :readonly="col.disabled" :clear-icon="false" - :popup-title="col.label"></uni-data-picker> - <view class="input-wrapper" v-if="col.name=='Input' || col.name=='InputNumber'"> - <text v-if="col.setting.prefix" class="uni-icon" :class="[col.setting.prefix]" - @click="onEnterChange(item)"></text> - <input class="uni-input" :class="col.disabled?'input-disabled':''" - :type="col.name=='Input'?'text':'number'" v-model="col.value" :disabled="col.disabled" - :placeholder="col.placeholder" - :style="{'width':col.setting.prefix && col.setting.suffix?'78%':col.setting.prefix || col.setting.suffix?'87%':'96%'}" - :focus="focusFieldId == col.fieldId" @focus="ontap(item)" - @keyup.enter="onEnterChange(item)" @blur="onEnterChange(item)" /> - <text v-if="col.setting.suffix" class="uni-icon" :class="[col.setting.suffix]" - @click="onEnterChange(item)"></text> - </view> + <uni-forms-item :label="col.label +'锛�" :label-width="col.labelWidth+'px'"> + <uni-data-picker v-if="col.name=='Select'" :class="col.disabled?'input-disabled':''" + v-model="col.value" :localdata="col.dict" @change="onEnterChange(item)" + :readonly="col.disabled" :clear-icon="false" :popup-title="col.label"></uni-data-picker> + <view class="input-wrapper" v-if="col.name=='Input' || col.name=='InputNumber'"> + <text v-if="col.setting.prefix" class="uni-icon" :class="[col.setting.prefix]" + @click="onEnterChange(col)"></text> + <input class="uni-input" :class="col.disabled?'input-disabled':''" + :style="{'padding-left':col.setting.prefix?0 : '8px','right':col.setting.suffix?0 : '8px'}" + :type="col.name=='Input'?'text':'number'" v-model="col.value" + :disabled="col.disabled" :placeholder="col.placeholder" + :focus="focusFieldId == col.fieldId" @focus="ontap(col)" + @click="onClick(col)" @keyup.enter="onEnterChange(col)" + @blur="onEnterChange(col)" /> + <text v-if="col.setting.suffix" class="uni-icon" :class="[col.setting.suffix]" + @click="onEnterChange(col)"></text> + </view> + </uni-forms-item> </uni-col> </uni-row> </view> - </view> + </uni-forms> <view class="view-content"> <!-- 鐮佺洏瀛愮晫闈�--> <view v-if="param.Show_Welcom_Page==false" class="uni-panel-content"> @@ -66,56 +67,60 @@ <image class="logo" v-if="pageData.DefList.length==0" src="../../images/mobox_log_200x40.png"> </image> - <div class="dv-panel" v-for="(style,ii) in pageData.DefList" @tap="onPanelClick(ii)" - :id="'dvpanel'+style.form.htmlobjId" - :class="style.form.htmlobjId==active_id?'bk-active':activelist[ii].active==true?'bk-active':''"> - <div class="dv-panel-input"> - <div class="dv-input" v-for="(item,index) in style.form.items"> - <!-- 鏅�甯冨眬 --> - <view v-if="item.name!='Layout'"> - <text class="txt_title" - :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text> - <span class="form-item-span" v-if="item.disabled">{{item.value}}</span> - <input class="uni-input" v-if="!item.disabled" - :type="item.name=='InputNumber'?'number':'text'" :value="item.value" - :disabled="item.disabled" :placeholder="item.placeholder" /> - </view> - <!-- 鏍呮牸甯冨眬 --> - <uni-row class="demo-uni-row" v-else :gutter="item.setting.gutter"> - <uni-col - :span=" item.setting.spanList && item.setting.spanList[key - 1]? item.setting.spanList[key - 1] : 24 / item.setting.col" - v-for="(cols,key) in item.setting.colList"> - <view v-if="cols!=null"> - <text class="txt_title" - :style="{'width':cols.labelWidth+'px'}">{{cols.label}}锛�/text> - <span class="form-item-span" - v-if="cols.disabled">{{cols.value}}</span> - <input class="uni-input" v-if="!cols.disabled" - :type="cols.name=='InputNumber'?'number':'text'" - :value="cols.value" :disabled="cols.disabled" - :placeholder="cols.placeholder" /> - </view> - </uni-col> - </uni-row> + <checkbox-group @change="checkboxChange"> + <div class="dv-panel" v-for="(style,ii) in pageData.DefList" @tap="onPanelClick(ii)" + :id="'dvpanel'+style.form.htmlobjId" + :class="style.form.htmlobjId==active_id?'bk-active':activelist[ii].active==true?'bk-active':''"> + <div class="dv-panel-input"> + <div class="dv-input" v-for="(item,index) in style.form.items"> + <!-- 鏅�甯冨眬 --> + <view v-if="item.name!='Layout'"> + <text class="txt_title" + :style="{'width':item.labelWidth+'px'}">{{item.label}}锛�/text> + <span class="form-item-span" + v-if="item.disabled">{{item.value}}</span> + <input class="uni-input" v-if="!item.disabled" + :type="item.name=='InputNumber'?'number':'text'" + v-model="item.value" :disabled="item.disabled" + :placeholder="item.placeholder" /> + </view> + <!-- 鏍呮牸甯冨眬 --> + <uni-row class="demo-uni-row" v-else :gutter="item.setting.gutter"> + <uni-col + :span=" item.setting.spanList && item.setting.spanList[key - 1]? item.setting.spanList[key - 1] : 24 / item.setting.col" + v-for="(cols,key) in item.setting.colList"> + <view v-if="cols!=null"> + <text class="txt_title" + :style="{'width':cols.labelWidth+'px'}">{{cols.label}}锛�/text> + <span class="form-item-span" + v-if="cols.disabled">{{cols.value}}</span> + <input class="uni-input" v-if="!cols.disabled" + :type="cols.name=='InputNumber'?'number':'text'" + v-model="cols.value" :disabled="cols.disabled" + :placeholder="cols.placeholder" /> + </view> + </uni-col> + </uni-row> + </div> + </div> + <div class="dv-panel-button"> + + <checkbox v-if="pageData.Select_Button==true" :model="ii" + :checked="style.SelBut_Checked" /> + <!-- <text></text> --> + + <!-- <button type="primary" @click="savaItem(ii)" v-if="param.Sub_Page[0].OK_Button==true">淇濆瓨</Button> --> + <button type="warn" @tap="delItem(pageData,ii)" + v-if="pageData.Del_Button==true">{{translateSys('delete')}}</button> </div> </div> - <div class="dv-panel-button"> - <checkbox-group v-if="pageData.Select_Button==true"> - <label> - <checkbox :value="style.SelBut_Checked" - :checked="style.SelBut_Checked" /> - <!-- <text></text> --> - </label> - </checkbox-group> - <!-- <button type="primary" @click="savaItem(ii)" v-if="param.Sub_Page[0].OK_Button==true">淇濆瓨</Button> --> - <button type="warn" @tap="delItem(pageData,ii)" - v-if="pageData.Del_Button==true">鍒犻櫎</button> - </div> - </div> + </checkbox-group> </view> <view class="view-bottom" v-if="pageData.OK_Button==true"> - <button type="default" @tap="cancel" class="btn_cancel">鍙栨秷</button> - <button type="primary" @tap="ok(pageData)" class="btn_add">纭畾</button> + <button type="default" @tap="cancel" + class="btn_cancel">{{translateSys('cancel')}}</button> + <button type="primary" @tap="ok(pageData)" + class="btn_add">{{translateSys('ok')}}</button> </view> </view> </swiper-item> @@ -144,7 +149,7 @@ }, data() { return { - title: '鐮佺洏', + title: this.translateSys("inventory"), ClsID: '', param: {}, focusFieldId: "", @@ -177,7 +182,7 @@ }, }, onLoad(options) { - console.log(options); + console.log(options.titlename, options); uni.setNavigationBarTitle({ title: options.titlename }); //璁剧疆椤堕儴鏍囬 @@ -189,10 +194,10 @@ this.loadData() } else { uni.showModal({ - title: "閿欒", - content: "鏈缃富鏁版嵁绫�, + title: this.translateSys("error"), + content: this.translate("tip_no_master_class"), showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } }, @@ -251,6 +256,19 @@ current: index }) }, + checkboxChange(e) { + + var items = this.pageDetail[this.current]?.DefList || [] + var values = e.detail.value; + for (var i = 0, lenI = items.length; i < lenI; ++i) { + const item = items[i] + if (values.includes(i)) { + item.SelBut_Checked = true + } else { + item.SelBut_Checked = false + } + } + }, async Head_UIStyleGetInfo(class_id, style_id) { //鑾峰彇鑷畾涔夎〃鍗曟牱寮� var $this = this; var dataInfo = { @@ -307,19 +325,19 @@ }) } else { uni.showModal({ - title: "閿欒1", + title: this.translateSys("error") + "1", content: ret.err_msg, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } }).catch(ex => { // console.log(ex); uni.showModal({ - title: "閿欒1.1", + title: this.translateSys("error") + "1.1", content: ex.errMsg, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); }); @@ -365,19 +383,19 @@ } else { return {} uni.showModal({ - title: "閿欒2", + title: this.translateSys("error") + "2", content: ret.err_msg, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } }).catch(ex => { // console.log(ex); uni.showModal({ - title: "閿欒2.1", + title: this.translateSys("error") + "2.1", content: ex.errMsg, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); return {} }); @@ -412,23 +430,25 @@ formItem.dict = list; } else { uni.showModal({ - title: "閿欒3.1", + title: this.translateSys("error") + "3.1", content: success.err_msg, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } }).catch(ex => { // console.log(ex); uni.showModal({ - title: "閿欒3", + title: this.translateSys("error") + "3", content: ex.errMsg, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); }); }, - + onClick(item) { + this.focusFieldId = item.fieldId + }, ontap(item) { //鎵爜鍔熻兘 // var $ele = e; //console.log(e.target) @@ -512,6 +532,7 @@ } }) }, + onEnterChange(item) { //鍥炶溅锛岀偣鍑绘寜閽紝鍙栨秷鑺傜偣浜嬩欢 console.log(item); if (item.oldvalue != item.value) { @@ -646,26 +667,27 @@ var tip = result.err_info ? typeof result.err_info == 'string' ? result .err_info : result.err_info.join('<br/>') : ''; if (result.ret == 801) uni.showModal({ - title: '鎻愮ず', + title: this.translateSys('tip'), content: tip, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); else uni.showModal({ - title: '鎻愮ず', - content: tip + ',鎻愮ず:' + result.ret, + title: this.translateSys('tip'), + content: tip + ',' + this.translateSys('tip') + ':' + result + .ret, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); return false; } else { var tip = result.info ? typeof result.info == 'string' ? result.info : result.info.join('<br/>') : ''; if (tip) uni.showModal({ - title: '鎻愮ず', + title: this.translateSys('tip'), content: tip, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); if (result.result_type == 0 && result.action) { @@ -679,16 +701,22 @@ $this.$data.param.Show_Welcom_Page = false; var value = item.value; const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (value.clear_confirm != false && value.clear == true && pageData && pageData.DefList.length > 0 ) { //鍒ゆ柇鏄惁娓呯┖椤电鍐呭,姝e湪鐮佺洏鏄惁鏈夋暟鎹� uni.showModal({ - title: '鎻愮ず', - content: '绯荤粺妫�祴鍒版湁' + value.page_name + - '涓殑璐у搧锛岀户缁搷浣滀細娓呯┖锛屾槸鍚︾户缁紵', + title: this.translateSys('tip'), + content: this.translate( + "are_you_sure_clear_first") + + this.translateSys( + "quotation_mark_left") + value + .page_name + this.translateSys( + "sys.quotation_mark_right") + + this.translate( + "are_you_sure_clear_last"), success: function(res) { if (res.confirm) { if (pageData) @@ -713,7 +741,7 @@ // value = {"page_name":"鐮佺洏涓�, "row":{"id":"xx"}} var value = item.value; const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (pageData?.DefList) { pageData.DefList.forEach(ele => { @@ -755,7 +783,7 @@ "remove_subtable_page_row") { //娓呴櫎闈㈡澘涓寚瀹歩d鐨勬暟鎹� var value = item.value; const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (pageData ?.DefList @@ -784,7 +812,7 @@ "set_subtable_page_ext_data") { var value = item.value; const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (pageData) pageData.ExtData = value.ext_data @@ -792,7 +820,7 @@ } else if (item.action_type == "clear_subpage_rows") { var value = item.value; const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (pageData) { pageData.DefList = [] @@ -867,10 +895,10 @@ if (result.info) { uni.showModal({ - title: "閿欒4.3", + title: this.translateSys("error") + "4.3", content: result.info, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } } @@ -878,29 +906,31 @@ } } else { uni.showModal({ - title: "閿欒4", + title: this.translateSys("error") + "4", content: ret.err_msg, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } }).catch(ex => { // console.log(ex); uni.showModal({ - title: "閿欒4.1", + title: this.translateSys("error") + "4.1", content: ex.errMsg, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); }); } } catch (ex) { var tip = typeof ex == "string" ? ex : ex.message; uni.showModal({ - title: "閿欒4.2", - content: "鎵ц鈥滃唴瀹瑰彉鍖栧悗鈥濅簨浠跺け璐ワ細" + tip, + title: this.translateSys("error") + "4.2", + content: this.translate('execute_after_change_event_failed') + this.translateSys( + "comma") + + this.translate('reason') + this.translateSys("colon") + tip, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } }, @@ -929,7 +959,7 @@ viewActionSetRow(value) { const $this = this const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (!pageData) return @@ -987,7 +1017,7 @@ return; } const pageData = this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (!pageData) return @@ -1025,7 +1055,7 @@ viewAceionContent(data) { var $this = this; const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (!pageData) return @@ -1199,6 +1229,15 @@ }) }); }); + if (jsonlist.length == 0) { + uni.showModal({ + title: this.translateSys("tip"), + content: this.translate("tip_no_select_data"), + showCancel: false, + confirmText: this.translateSys("cancel") + }); + return; + } // console.log(jsonlist); const list = [] list.push({ @@ -1233,10 +1272,16 @@ var $this = this; if (pageData.DefList.length == 0) { uni.showModal({ - title: "鎻愮ず", - content: "娌℃湁" + pageData.Name + "鐨勬暟鎹紒", + title: this.translateSys("tip"), + content: this.translate( + "page.tip_no_data_first") + + this.translateSys( + "quotation_mark_left") + pageData.Name + this.translateSys( + "sys.quotation_mark_right") + + this.translate( + "page.tip_no_data_last"), showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); return false; } @@ -1315,6 +1360,15 @@ })) }); }); + if (jsonlist.length == 0) { + uni.showModal({ + title: this.translateSys("tip"), + content: this.translate("tip_no_select_data"), + showCancel: false, + confirmText: this.translateSys("cancel") + }); + return; + } const list = [] list.push({ page_name: pageData.Name, @@ -1363,16 +1417,16 @@ .err_info == 'string' ? result.err_info : result.err_info.join('<br/>') : ''; if (result.ret == 801) uni.showModal({ - title: '鎻愮ず', + title: this.translateSys('tip'), content: tip, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); else uni.showModal({ - title: '鎻愮ず', - content: tip + ',鎻愮ず:' + result.ret, + title: this.translateSys('tip'), + content: tip + ',' + this.translateSys('tip') + ':' + result.ret, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); return false; } else { @@ -1380,14 +1434,14 @@ 'string' ? result.info : result.info .join('<br/>') : ''; if (tip) uni.showModal({ - title: '鎻愮ず', + title: this.translateSys('tip'), content: tip, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); if (result.result_type == 0) { if (result.action) { - // uni.showModal({title:"鎻愮ず",content:JSON.stringify(result.action),showCancel:false,confirmText:"鍙栨秷"}); + // uni.showModal({title:this.translateSys("tip"),content:JSON.stringify(result.action),showCancel:false,confirmText:this.translateSys("cancel")}); result.action.forEach(item => { if (item.action_type == @@ -1421,17 +1475,18 @@ }); uni.showModal({ - title: "鎻愮ず", - content: pageParam.Name + "鎴愬姛", + title: this.translateSys("tip"), + content: this.translate( + 'execute_event_success'), showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } else if (item.action_type == "remove_subtable_page_row" ) { //娓呴櫎闈㈡澘涓寚瀹歩d鐨勬暟鎹� var value = item.value; const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (pageData ?.DefList @@ -1467,7 +1522,7 @@ ) { var value = item.value; const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (pageData) { pageData.ExtData = value @@ -1478,7 +1533,7 @@ "clear_subpage_rows") { var value = item.value; const pageData = $this.pageDetail.find((page) => { - value.page_name == page.Name; + return value.page_name == page.Name; }); if (pageData) { pageData.DefList = [] @@ -1520,29 +1575,31 @@ if (result.info) { uni.showModal({ - title: "鎻愮ず", + title: this.translateSys("tip"), content: result.info, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } } } } else { uni.showModal({ - title: "閿欒8", + title: this.translateSys("error") + "8", content: res.err_msg, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); } }).catch(ex => { var tip = typeof ex == "string" ? ex : ex.errMsg; uni.showModal({ - title: "閿欒8.1", - content: "鎵ц鈥滅‘瀹氬悗鈥濅簨浠跺け璐ワ細" + tip, + title: this.translateSys("error") + "8.1", + content: this.translate("execute_after_ok_event_failed") + this.translateSys( + "comma") + + tip, showCancel: false, - confirmText: "鍙栨秷" + confirmText: this.translateSys("cancel") }); }); }, @@ -1552,6 +1609,14 @@ delta: 1 //杩斿洖灞傛暟锛�鍒欎笂涓婇〉 }); }, + translate(t) { + if (typeof this.$t == "function") return this.$t(`page.${t}`) + else return t; + }, + translateSys(t) { + if (typeof this.$t == "function") return this.$t(`sys.${t}`) + else return t; + }, }, }; </script> @@ -1560,54 +1625,46 @@ .uni-page-modal-5601 { display: flex; - height: 100vh; - width: 750rpx; + height: calc(100vh - 30rpx); + width: 720rpx; flex-direction: column !important; + padding: 15rpx; .view-header { display: flex; width: 100%; flex-direction: column; - margin-top: 15rpx; } - .v-headStyle { - width: 100%; - margin-bottom: 10rpx; + .v-head-style { + width: 98%; - .txt_title { - font-size: 28rpx; - text-align: right; - display: inline-block; - vertical-align: 12px; - } - - input { - display: inline-block; - width: 85%; - height: 40rpx; - line-height: 40rpx; - background: #FFF; - border-radius: 0 !important; - color: #2d8cf0; - padding: 10rpx 8rpx 12rpx; - font-size: 28rpx; - font-family: inherit; - box-shadow: none !important; - transition-duration: 0.1s; - margin-bottom: 10rpx; - } - - input::-webkit-input-placeholder { - font-size: 28rpx; + .uni-form-item { + margin-bottom: 15rpx; } .input-wrapper { border: 1px solid #d5d5d5; - display: inline-block; - width: 65%; - line-height: 22rpx; - margin-bottom: 10rpx; + width: 100%; + display: flex; + flex-direction: row; + + .uni-input { + flex: 1; + padding: 12rpx 8rpx; + // height: 40rpx; + // line-height: 40rpx; + } + + .uni-icon { + padding: 8rpx; + font-size: 32rpx; + color: rgb(192, 196, 204); + } + } + + .input-wrapper:hover { + border: 1px solid rgb(41, 121, 255); } } @@ -1731,7 +1788,7 @@ text-align: left; padding-bottom: 20rpx; - checkbox-group { + checkbox { padding-left: 20px; display: inline-block; } -- Gitblit v1.9.1