无人值守屏保

package-lock.json

 {
   "name": "zm-face-counter",
-  "version": "1.3.2",
+  "version": "1.3.8",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

src/models/store.js

@@ -149,6 +149,9 @@ export default {
     *findModuleSetting(action, {call}) {
       return yield call(api.findModuleSetting, action);
     },
+    *noBuyGoGoGo(action, {call}) {
+      return yield call(api.noBuyGoGoGo, action);
+    },
   },
 };
 

src/pages/VerticalPage.js

@@ -13,10 +13,17 @@ import Touch from '../components/Touch';
 import counterText from '../assets/Vertical/counterText.png';
 import img24h from '../assets/Vertical/24h.png';
 import phone from '../assets/Vertical/phone.png';
+import guide from '../assets/Vertical/guide.jpg';
 import {login} from '../utils/config';
 import {colors} from '../utils/common';
 import WxFacepay from '../utils/WxFacepay';
-import {width, setSpText, scaleSize, scaleHeight} from '../utils/screen';
+import {
+  width,
+  setSpText,
+  scaleSize,
+  scaleHeight,
+  // height,
+} from '../utils/screen';
 import Speech from '../utils/Speech';
 import delay from '../utils/delay';
 import Printer from '../utils/Printer';
@@ -354,6 +361,11 @@ class VerticalPage extends Component {
     });
   };
 
+  onNoBuy = async () => {
+    const {data} = await this.props.dispatch({type: 'store/noBuyGoGoGo'});
+    Speech.speak(data.msg);
+  };
+
   closeHint = () => {
     this.setState({
       hintVisible: false,
@@ -533,7 +545,14 @@ class VerticalPage extends Component {
       imgArr,
       adType,
     } = this.props;
-    let {contact, hintVisible, logoVisible, logo, priceVisible} = this.state;
+    let {
+      contact,
+      hintVisible,
+      logoVisible,
+      logo,
+      priceVisible,
+      dtype,
+    } = this.state;
     pageSize =
       goods && goods.bags.length > 0
         ? goods && goods.bags.length > 3
@@ -573,6 +592,25 @@ class VerticalPage extends Component {
       this.state.faceType === 'wxpay' ? this.wxFacepay : this.smilepay;
     return (
       <View style={styles.main}>
+        {goodsArr.length === 0 && dtype === 'guard' ? (
+          <View style={styles.guardModal}>
+            <View style={styles.guardModal_image}>
+              <Image source={guide} />
+            </View>
+            <View style={styles.guardModal_button}>
+              <Touch onPress={() => this.onCall()}>
+                <View style={styles.guardModal_button_call}>
+                  <Text style={styles.callText}>呼叫客服</Text>
+                </View>
+              </Touch>
+              <Touch onPress={() => this.onNoBuy()}>
+                <View style={styles.guardModal_button_nobuy}>
+                  <Text style={styles.callText}>无购物出店</Text>
+                </View>
+              </Touch>
+            </View>
+          </View>
+        ) : null}
         <HintPhone
           visible={hintVisible}
           contact={contact}
@@ -1093,6 +1131,7 @@ const styles = {
   main: {
     backgroundColor: '#F0F0F0',
     height: '100%',
+    position: 'relative',
   },
   header: {
     flexDirection: 'row',
@@ -1551,6 +1590,58 @@ const styles = {
     marginRight: '5%',
     marginBottom: '2.5%',
   },
+  guardModal: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    zIndex: 999999999999999,
+    elevation: 6,
+    display: 'flex',
+    width: '100%',
+    height: '100%',
+    backgroundColor: '#000000',
+  },
+  guardModal_image: {
+    height: '70%',
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  guardModal_button: {
+    height: '30%',
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  guardModal_button_call: {
+    backgroundColor: '#fc4000',
+    borderRadius: 100,
+    color: '#ffffff',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: scaleSize(350),
+    height: scaleSize(125),
+    fontSize: scaleSize(75),
+    marginRight: 50,
+  },
+  guardModal_button_nobuy: {
+    borderWidth: 5,
+    borderColor: '#ffffff',
+    borderRadius: 100,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: scaleSize(350),
+    height: scaleSize(125),
+  },
+  callText: {
+    fontSize: scaleSize(45),
+    color: '#ffffff',
+  },
 };
 
 export default CounterMixins(VerticalPage);

src/services/store.js

@@ -90,3 +90,7 @@ export function getStore({group}) {
 export function findModuleSetting({group}) {
   return axios.get(`/store/module/setting/${group}`);
 }
+
+export function noBuyGoGoGo() {
+  return axios.post('/store/counter/nobuy');
+}