事件评价页面交互

yt_yishiting/pages/rate/rate.vue

@@ -5,29 +5,35 @@
                 <view class="header">请对【{{ tit }}】的结果做出满意度评价</view>
                 <view class="satisify-btn" v-if="!voted">
                     <view class="type">
-                        <image onTap="chooseSatisifyType" data-type="bad" :src="satisifyType == 'bad' ? notSatisifySelected : notSatisify" />
+                        <image onTap="chooseSatisifyType" data-type="bad" :src="satisifyType == 'bad' ? notSatisifySelected : notSatisify" @click
+                        ="satisifyType = 'bad'"/>
                         <view :style="'color: ' + (satisifyType == 'bad' ? '#333' : '#999')">不满意</view>
                     </view>
                     <view class="type">
-                        <image onTap="chooseSatisifyType" data-type="good" :src="satisifyType == 'good' ? normalSatisifySelected : normalSatisify" />
+                        <image onTap="chooseSatisifyType" data-type="good" :src="satisifyType == 'good' ? normalSatisifySelected : normalSatisify" @click
+                        ="satisifyType = 'good'"/>
                         <view :style="'color: ' + (satisifyType == 'good' ? '#333' : '#999')">基本满意</view>
                     </view>
                     <view class="type">
-                        <image onTap="chooseSatisifyType" data-type="perfect" :src="satisifyType == 'perfect' ? verySatisifySelected : verySatisify" />
+                        <image onTap="chooseSatisifyType" data-type="perfect" :src="satisifyType == 'perfect' ? verySatisifySelected : verySatisify" @click
+                        ="satisifyType = 'perfect'" />
                         <view :style="'color: ' + (satisifyType == 'perfect' ? '#333' : '#999')">非常满意</view>
                     </view>
                 </view>
                 <view class="satisify-btn" v-else>
                     <view class="type">
-                        <image :src="evaluateInfo.satisfaction == 'bad' ? notSatisifySelected : notSatisify" />
+                        <image :src="evaluateInfo.satisfaction == 'bad' ? notSatisifySelected : notSatisify" @click
+                        ="evaluateInfo.satisfaction = 'bad'"/>
                         <view :style="'color: ' + (evaluateInfo.satisfaction == 'bad' ? '#333' : '#999')">不满意</view>
                     </view>
                     <view class="type">
-                        <image :src="evaluateInfo.satisfaction == 'good' ? normalSatisifySelected : normalSatisify" />
+                        <image :src="evaluateInfo.satisfaction == 'good' ? normalSatisifySelected : normalSatisify" @click
+                        ="evaluateInfo.satisfaction = 'good'" />
                         <view :style="'color: ' + (evaluateInfo.satisfaction == 'good' ? '#333' : '#999')">基本满意</view>
                     </view>
                     <view class="type">
-                        <image :src="evaluateInfo.satisfaction == 'perfect' ? verySatisifySelected : verySatisify" />
+                        <image :src="evaluateInfo.satisfaction == 'perfect' ? verySatisifySelected : verySatisify" @click
+                        ="evaluateInfo.satisfaction = 'perfect'" />
                         <view :style="'color: ' + (evaluateInfo.satisfaction == 'perfect' ? '#333' : '#999')">非常满意</view>
                     </view>
                 </view>
@@ -37,13 +43,14 @@
                     maxlength="99"
                     v-if="!voted"
                     :value="textareaValue"
-                    onInput="bindTextareaValue"
+                    v-model="textareaValue"
+                    @change="bindTextareaValue"
                     placeholder="如有意见或建议请在此填写。"
                     placeholder-class="textarea-satisify"
                 ></textarea>
                 <view v-else class="cont">{{ evaluateInfo.evaluateContent }}</view>
                 <view class="publish-evaluation-btn" v-if="!voted">
-                    <view onTap="publishEvaluation" class="submitbtn">发布评价</view>
+                    <view @click="publishEvaluation" class="submitbtn">发布评价</view>
                 </view>
             </view>
         </view>
@@ -113,14 +120,15 @@ export default {
         async publishEvaluation() {
             if (!this.satisifyType) {
                 uni.showToast({
-                    content: '请进行满意度评价',
+                    title: '请进行满意度评价',
                     icon: 'none',
                     duration: 1000
                 });
                 return false;
-            } else if (!this.textareaValue) {
+            } 
+            if (!this.textareaValue) {
                 uni.showToast({
-                    content: '请填写评价内容',
+                    title: '请填写评价内容',
                     icon: 'none',
                     duration: 1000
                 });

yt_yishiting/unpackage/dist/build/h5-yishiting/index.html

@@ -1,2 +1,2 @@
 <!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>yantai</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/h5-yishiting/static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/h5-yishiting/static/js/chunk-vendors.cc6697e8.js></script><script src=/h5-yishiting/static/js/index.884b7747.js></script></body></html>
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/h5-yishiting/static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/h5-yishiting/static/js/chunk-vendors.b6a101e0.js></script><script src=/h5-yishiting/static/js/index.708336a3.js></script></body></html>

yt_yishiting/unpackage/dist/build/h5-yishiting/static/js/pages-authLogin-authLogin.14009c33.js

@@ -1 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-authLogin-authLogin"],{"0fbd":function(t,e,a){"use strict";a.d(e,"b",(function(){return n})),a.d(e,"c",(function(){return i})),a.d(e,"a",(function(){}));var n=function(){var t=this.$createElement,e=this._self._c||t;return e("v-uni-view",{staticClass:"page"},[e("v-uni-view",{staticClass:"auth-box"},[e("v-uni-view",{staticClass:"icon-box"},[e("v-uni-view",{staticClass:"icon"},[e("v-uni-image",{attrs:{mode:"scaleToFill",src:"/static/data/images/app-icon.jpg"}})],1),e("v-uni-view",{staticClass:"label"},[e("v-uni-label",[this._v("议事厅")])],1)],1),e("v-uni-view",{staticClass:"auth-btn",attrs:{onTap:"openApp"}},[this._v("授权登录")])],1)],1)},i=[]},1108:function(t,e,a){"use strict";var n=a("23b4"),i=a.n(n);i.a},2004:function(t,e,a){var n=a("24fb");e=n(!1),e.push([t.i,"uni-page-body[data-v-8bdce4a2]{display:flex;position:relative;background-color:#fff;align-items:center;justify-content:center}body.?%PAGE?%[data-v-8bdce4a2]{background-color:#fff}.auth-box[data-v-8bdce4a2]{position:absolute;top:%?260?%;width:100%;display:flex;flex-direction:column;align-items:center}.icon-box[data-v-8bdce4a2]{display:flex;flex-direction:column;align-items:center}.icon[data-v-8bdce4a2]{width:%?140?%;height:%?140?%}.icon uni-image[data-v-8bdce4a2]{width:100%;height:100%;border-radius:%?20?%}.label[data-v-8bdce4a2]{font-size:%?32?%;margin-top:%?16?%}.auth-btn[data-v-8bdce4a2]{display:flex;align-items:center;justify-content:center;color:#fff;font-size:%?39?%;width:75%;height:%?90?%;margin-top:%?240?%;background:#416eff;box-shadow:0 %?6?% %?16?% 0 rgba(65,110,255,.36);border-radius:46px}",""]),t.exports=e},"23b4":function(t,e,a){var n=a("2004");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var i=a("4f06").default;i("28f7194a",n,!0,{sourceMap:!1,shadowMode:!1})},"83ca":function(t,e,a){"use strict";a.r(e);var n=a("0fbd"),i=a("ce24");for(var o in i)["default"].indexOf(o)<0&&function(t){a.d(e,t,(function(){return i[t]}))}(o);a("1108");var u=a("f0c5"),c=Object(u["a"])(i["default"],n["b"],n["c"],!1,null,"8bdce4a2",null,!1,n["a"],void 0);e["default"]=c.exports},ce24:function(t,e,a){"use strict";a.r(e);var n=a("e699"),i=a.n(n);for(var o in n)["default"].indexOf(o)<0&&function(t){a.d(e,t,(function(){return n[t]}))}(o);e["default"]=i.a},e699:function(t,e,a){"use strict";a("7a82");var n=a("ee27").default;Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i=a("9105"),o=n(a("25ac")),u=n(a("c810")),c=(a("afbd"),getApp()),s={data:function(){return{}},onLoad:function(){},onShow:function(){disposeAuthData((function(t){var e=t.status,a=t.result;"ok"==e&&(o.default.setStorageSync("authCode",a.authCode),(0,i.fetchToken)().then((function(t){var e=t.data;e.extInfo=JSON.parse(t.data.extInfo),u.default.setStoreUserInfo(e),e.gridId?(c.globalData.session=!0,uni.reLaunch({url:"/pages/index/index"})):uni.reLaunch({url:"/pages/grid/grid"})})))}))},onHide:function(){offAuthListener()},onUnload:function(){offAuthListener()},methods:{}};e.default=s}}]);